body {
    font-family: 'Open Sans', sans-serif;
    color: #0a0a0a;
    font-size: 16px;
}

.btn:focus {
    border: none !important;
    outline: none !important;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
}


/* ########## START ########## */

/*top-section*/
#top-section {
    background-color: #0faaa6;
    color: #ffffff;
    padding: 15px 0;
}

#top-section .prl10 {
    padding-right: 10px;
    padding-left: 10px;
}

#top-section .pl10 {
    padding-left: 10px;
}


ul.fb {
    margin: 0;
    padding: 0;
}

ul.fb li {
    list-style: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: right;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    6 20px;
    z-index: 1;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

ul.fb li:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: #0faaa6;
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: scale(.94);
    transform: scale(.94);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

ul.fb li:hover:before {
    top: -100%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

ul.fb li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

ul.fb li:hover a {
    color: #0faaa6;
    cursor: pointer;
}

#top-section .search {
    position: relative;
}

#top-section .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 0 0 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 20px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

#top-section .form-control:focus {
    color: #0a0a0a;
    background-color: #fff;
    border-color: #007673;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 118, 115, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 118, 115, .25);
}

#top-section .form-control::-webkit-input-placeholder {
    color: #0faaa6;
    opacity: 1
}

#top-section .form-control:-ms-input-placeholder {
    color: #0faaa6;
    opacity: 1
}

#top-section .form-control::placeholder {
    color: #0faaa6;
    opacity: 1
}

#top-section button {
    position: absolute;
    right: 0;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: #0faaa6;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0em;
    font-size: 20px;
    padding: 10px 14px 10px 10px;
    border: none;
}

#top-section button:focus,
#top-section button:active {
    border: none;
    outline: none;
}

#top-section .login {
    width: 100%;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    text-align: center;
    padding-top: 6px;
}

#top-section .login i {
    font-size: 16px;
}

#top-section .login a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#top-section .login a:hover {
    text-decoration: underline;
}

#top-section ul.en {
    margin: 0;
    padding: 0;
}

#top-section ul.en li {
    list-style: none;
    width: 40px;
    height: 40px;
    line-height: 37px;
    float: left;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    z-index: 1;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#top-section ul.en li:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: #0faaa6;
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: scale(.94);
    transform: scale(.94);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#top-section ul.en li:hover:before {
    top: -100%;
    -webkit-transform: scale(.0);
    transform: scale(.0);
}

#top-section ul.en li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#top-section ul.en li:hover a {
    color: #0faaa6;
    cursor: pointer;
}

#top-section .form-text {
    margin-top: 0;
}


/*navigation*/
#navigation {
    padding-right: 0;
    padding-left: 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}

#navigation nav {
    font-size: 16px;
}

#navigation .navbar-light .navbar-nav .nav-link {
    font-weight: 600;
    padding-right: .75rem;
    padding-left: .75rem;
}

#navigation .navbar-light .navbar-nav .active > .nav-link {
    color: #0a0a0a;
}

#navigation .dropdown-item {
    font-size: 16px;
}


/*slider*/

#slider {
    padding-top: 40px;
    padding-bottom: 30px;
}

#slider .carousel-caption {
    position: relative;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 10;
    padding: 20px 60px 20px 30px;
    color: #0a0a0a;
    text-align: left;
}

#slider .carousel-caption .btn {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#slider .carousel-caption .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#slider .carousel-caption .btn:hover {
    background-color: #008380;
}

#slider .carousel-caption .btn:hover i {
    margin-left: 20px;
}

#slider .carousel-indicators {
    position: absolute;
    height: 20px;
    right: 30px;
    bottom: 10px;
    left: auto;
    z-index: 15;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

#slider .carousel-indicators li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #0faaa6;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .3;
    -webkit-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
}

#slider .carousel-indicators li:hover {
    opacity: 1;
}

#slider .carousel-indicators li.active {
    width: 20px;
    height: 20px;
    opacity: 1;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

#slider .carousel-control-next,
#slider .carousel-control-prev {
    position: absolute;
    top: -25px;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: red;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

#slider .carousel-control-next:hover,
#slider .carousel-control-prev:hover {
    opacity: 1;
}

#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon {
    background-image: none;
}

#slider .carousel-control-next-icon::before {
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    color: #0faaa6;
}

#slider .carousel-control-prev-icon::before {
    content: '\f104';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    color: #0faaa6;
}

#slider .carousel-control-next {
    right: -110px;
}

#slider .carousel-control-prev {
    left: -90px;
}


/*advertising01*/
#advertising01 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#advertising01 .box-desktop {
    position: relative;
    max-width: 970px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*#advertising01 .box-desktop:before {*/
    /*content: 'REKLAMA';*/
    /*position: absolute;*/
    /*top: -15px;*/
    /*right: 0;*/
    /*color: #0a0a0a;*/
    /*font-size: 10px;*/
/*}*/


/*advertising02*/
#advertising02 {
    padding-top: 20px;
    padding-bottom: 20px;
}

#advertising02 .box-desktop {
    position: relative;
    max-width: 728px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*#advertising02 .box-desktop:before {*/
    /*content: 'REKLAMA';*/
    /*position: absolute;*/
    /*top: -15px;*/
    /*right: 0;*/
    /*color: #0a0a0a;*/
    /*font-size: 10px;*/
/*}*/


/*advertising03*/
#advertising03 {
    padding-top: 20px;
    padding-bottom: 20px;
}

#advertising03 .box-desktop {
    position: relative;
    max-width: 728px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*#advertising03 .box-desktop:before {*/
    /*content: 'REKLAMA';*/
    /*position: absolute;*/
    /*top: -15px;*/
    /*right: 0;*/
    /*color: #0a0a0a;*/
    /*font-size: 10px;*/
/*}*/


/*advertising04*/
#advertising04 {
    padding-top: 20px;
    padding-bottom: 20px;
}

#advertising04 .box-desktop {
    position: relative;
    max-width: 728px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*#advertising04 .box-desktop:before {*/
    /*content: 'REKLAMA';*/
    /*position: absolute;*/
    /*top: -15px;*/
    /*right: 0;*/
    /*color: #0a0a0a;*/
    /*font-size: 10px;*/
/*}*/


/*advertising05*/
#advertising05 {
    padding-top: 15px;
    padding-bottom: 15px;
}

#advertising05 .box-desktop {
    position: relative;
    max-width: 250px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*#advertising05 .box-desktop:before {*/
    /*content: 'REKLAMA';*/
    /*position: absolute;*/
    /*top: -15px;*/
    /*right: 0;*/
    /*color: #0a0a0a;*/
    /*font-size: 10px;*/
/*}*/


/*advertising06*/
#advertising06 {
    padding-top: 15px;
    padding-bottom: 15px;
}

#advertising06 .box-desktop {
    position: relative;
    max-width: 250px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*#advertising06 .box-desktop:before {*/
    /*content: 'REKLAMA';*/
    /*position: absolute;*/
    /*top: -15px;*/
    /*right: 0;*/
    /*color: #0a0a0a;*/
    /*font-size: 10px;*/
/*}*/


/*content-txt*/
#content-txt {
    padding-top: 30px;
}

#content-txt h2.section-title {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    color: #0a0a0a;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 4px solid #0faaa6;
}

#left-column {
    padding-right: 60px;
}


/*news-start*/
#news-start {
    border-top: 1px solid #0faaa6;
}

#news-start .news-start-introduction {
    margin-bottom: 30px;
}

#news-start .news-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#news-start .news-img {
    overflow: hidden;
}

#news-start .news-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 7s ease-in-out;
    -webkit-transition: all 7s ease-in-out;
    transition: all 7s ease-in-out;
}

#news-start .news-box:hover .news-img img {
    -webkit-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
}

#news-start .news-txt h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 14px;
}

#news-start .news-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#news-start .news-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#news-start .news-txt h3 > a:hover {
    text-decoration: none;
    color: #0faaa6;
}

.autor-link a {
    color: #0faaa6;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

.autor-link a:hover {
    text-decoration: underline;
    color: #0faaa6;
}

#news-start .news-txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

#news-start .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 30px 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#news-start .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#news-start .btn:hover {
    background-color: #008380;
}

#news-start .btn:hover i {
    margin-left: 20px;
}


/*articles-start*/
#articles-start {
    margin-top: 30px;
    border-top: 1px solid #0faaa6;
}

#articles-start .articles-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#articles-start .articles-img {
    overflow: hidden;
}

#articles-start .articles-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 7s ease-in-out;
    -webkit-transition: all 7s ease-in-out;
    transition: all 7s ease-in-out;
}

#articles-start .articles-box:hover .articles-img img {
    -webkit-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
}

#articles-start .articles-txt h5 {
    font-family: 'Open Sans', sans-serif;
    color: #0faaa6;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

#articles-start .articles-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#articles-start .articles-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#articles-start .articles-txt h3 > a:hover {
    color: #0faaa6;
    text-decoration: none;
}

#articles-start .articles-txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

#articles-start .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 30px 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#articles-start .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#articles-start .btn:hover {
    background-color: #008380;
}

#articles-start .btn:hover i {
    margin-left: 20px;
}


/*events-start*/
#events-start {
    margin-top: 30px;
    border-top: 1px solid #0faaa6;
}

#events-start .events-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#events-start .events-date {
    background-color: #0faaa6;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#events-start .events-date .fas {
    font-size: 40px;
    color: #fff;
    margin-top: 25px;
}

#events-start .events-date p {
    margin-top: 14px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #fff;
}

#events-start .events-txt h5 {
    font-family: 'Open Sans', sans-serif;
    color: #0faaa6;
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
}

#events-start .events-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#events-start .events-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#events-start .events-txt h3 > a:hover {
    color: #0faaa6;
    text-decoration: none;
}

#events-start .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 30px 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#events-start .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#events-start .btn:hover {
    background-color: #008380;
}

#events-start .btn:hover i {
    margin-left: 20px;
}


/*partners*/
#partners {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #0faaa6;
}


#carouselExample .carousel-item {
    float: auto;
    margin-right: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    transition: -webkit-transform .6s ease-in-out;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

#carouselExample .carousel-item.active {
    display: block;
}


/*right-col-box1*/
#right-col-box1 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    position: relative;
    background-color: #0faaa6;
    padding: 40px 30px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#right-col-box1 h2 {
    font-size: 24px;
    margin-bottom: 300px;
}

#right-col-box1 h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
}

#right-col-box1 h4 {
    font-size: 14px;
}

#right-col-box1 p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 25px;
    margin-bottom: 35px;
}

#right-col-box1 img.cover {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 90px;
}

#right-col-box1 .btn {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #0faaa6;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: none;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#right-col-box1 .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#right-col-box1 .btn:hover i {
    margin-left: 20px;
}

#right-col-box1 a:hover {
    text-decoration: none;
    color: #fff;
}


#right-col-box1 a:hover {
    text-decoration: none;
    color: #fff;
}

.subscription-boxs a:hover {
    text-decoration: none;
    color: #fff;
}

a .subscription-box1 {
    text-decoration: none;
    color: #000;
}

a .subscription-box1:hover {
    text-decoration: none;
    color: #000;
}

a .subscription-box3 {
    text-decoration: none;
    color: #000;
}

a .subscription-box3:hover {
    text-decoration: none;
    color: #000;
}


a#href-right-col-box2:hover {
    text-decoration: none;
    color: #fff;
}

/*right-col-box2*/
#right-col-box2 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    position: relative;
    background-color: #0faaa6;
    padding: 40px 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#right-col-box2 img.logo-box2 {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

#right-col-box2 h2 {
    font-size: 48px;
    font-weight: bold;
}

#right-col-box2 h3 {
    font-size: 30px;
    line-height: 34px;
    margin-top: 12px;
    margin-bottom: 35px;
}

#right-col-box2 .btn {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #0faaa6;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: none;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#right-col-box2 .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#right-col-box2 .btn:hover i {
    margin-left: 20px;
}


/*footer*/
footer {
    margin-top: 40px;
    background-color: #363948;
    padding: 0 0 60px 0;
}


/*newsletter-footer*/
#newsletter-footer {
    margin-top: 60px;
    border-top: 1px solid #fff;
}

#newsletter-footer h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 4px solid #fff;
}

#newsletter-footer .btn {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: .375rem .75rem;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#newsletter-footer .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#newsletter-footer .btn:hover {
    background-color: #008380;
}

#newsletter-footer .btn:hover i {
    margin-left: 20px;
}

#newsletter-footer h5 {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

#newsletter-footer h5 > a {
    font-size: 14px;
    line-height: 20px;
    color: #0faaa6;
}

#newsletter-footer .recaptcha-footer {
    margin-top: 35px;
}

#newsletter-footer .form-control {
    font-size: 16px;
}


/*contact-footer*/
#contact-footer {
    margin-top: 60px;
    border-top: 1px solid #fff;
}

#contact-footer h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 4px solid #fff;
    float: right;
}

#contact-footer h3 {
    float: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: right;
    clear: both;
}

#contact-footer p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: right;
    margin-bottom: 0;
}

#contact-footer p > a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #0faaa6;
    text-align: right;
}


/*menu-footer*/
#menu-footer {
    margin-top: 60px;
    margin-left: 100px;
}

#menu-footer .nav-link {
    padding: 0 0 5px 0;
    font-size: 16px;
}

#menu-footer .navbar-nav .nav-link {
    color: #fff;
}

#menu-footer .dropdown-item {
    font-size: 16px;
}



/*copyright-footer*/
#copyright-footer {
    margin-top: 50px;
    font-size: 14px;
    color: #fff;
    float: right;
}

#copyright-footer img {
    margin-left: 30px;
    margin-right: 117px;
}


/*single-topicality*/
#single-topicality {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
}

#single-topicality .single-topicality-content {
    padding: 20px 0 40px 0;
}

#single-topicality .single-topicality-content h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 14px;
}

#single-topicality .single-topicality-content h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: 500;
    color: #0a0a0a;
    margin-bottom: 30px;
}

#single-topicality .single-topicality-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 25px;
}

#single-topicality .single-topicality-content .figure {
    padding: 20px 0 40px 0;
    text-align: center;
    margin: 0 auto;
    display: block;
}

#single-topicality .figure-caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 400;
}


#single-topicality .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 30px 0 0 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#single-topicality .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#single-topicality .btn:hover {
    background-color: #008380;
}

#single-topicality .btn:hover i {
    margin-left: 20px;
}

#single-topicality iframe {
    margin: 20px 0 40px 0;
}


/*list-publication*/
#list-publication {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
}

#list-publication .publication-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#list-publication .publication-txt h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

#list-publication .publication-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#list-publication .publication-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#list-publication .publication-txt h3 > a:hover {
    text-decoration: none;
    color: #0faaa6;
}

#list-publication .publication-txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

#list-publication .publication-txt p > strong {
    font-weight: 700;
}

#list-publication .publication-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#list-publication .publication-img img:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#list-publication .publication-search {
    margin: 20px 0;
}

#list-publication .publication-search h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

#list-publication .publication-search .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#list-publication .publication-search .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#list-publication .publication-search .btn:hover {
    background-color: #008380;
}

#list-publication .publication-search .btn:hover i {
    margin-left: 20px;
}

#list-publication .publication-search .form-control {
    font-family: 'Open Sans', sans-serif;
    height: auto;
    font-size: 16px;
    padding: 9px;
}


/*list-articles*/
#list-head-articles {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
}

#list-head-articles .publication-title {
    margin-top: 15px;
    margin-bottom: 40px;
}

#list-head-articles .publication-title h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

#list-head-articles .publication-title h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: 500;
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#list-head-articles .publication-title p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

#list-articles {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
}

#list-articles .list-articles-txt {
    margin: 15px 0;
}

#list-articles .list-articles-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#list-articles .list-articles-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#list-articles .list-articles-txt h3 > a:hover {
    text-decoration: none;
    color: #0faaa6;
}

#list-articles .list-articles-txt h5 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#list-articles .list-articles-txt h5 > a:hover {
    text-decoration: none;
    color: #0faaa6;
}

#list-articles ul.list-articles-authors {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

#list-articles ul.list-articles-authors li {
    display: inline;
}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#list-articles ul.list-articles-authors li:before {
    font-family: "Font Awesome 5 Free";
    margin: 0 5px 0 6px;
    color: #b3b3b3;
    font-weight: 900;
    font-size: 11px;
    content: "\f007";
}


#list-articles ul.list-articles-authors li a {
    color: #0a0a0a;
}

#list-articles .list-articles-keywords {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 10px;
}

#list-articles .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 30px 0 0 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#list-articles .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#list-articles .btn:hover {
    background-color: #008380;
}

#list-articles .btn:hover i {
    margin-left: 20px;
}


/*list-conferences*/

#list-conferences .events-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#list-conferences .events-date {
    background-color: #0faaa6;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#list-conferences .events-date .fas {
    font-size: 40px;
    color: #fff;
    margin-top: 25px;
}

#list-conferences .events-date p {
    margin-top: 14px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #fff;
}

#list-conferences .events-txt h5 {
    font-family: 'Open Sans', sans-serif;
    color: #0faaa6;
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
}

#list-conferences .events-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#list-conferences .events-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#list-conferences .events-txt h3 > a:hover {
    color: #0faaa6;
    text-decoration: none;
}

#list-conferences .conferences-search {
    margin: 20px 0;
}

#list-conferences .conferences-search h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

#list-conferences .conferences-search .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px;
    margin: 10px 0 20px 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#list-conferences .conferences-search .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#list-conferences .conferences-search .btn:hover {
    background-color: #008380;
}

#list-conferences .conferences-search .btn:hover i {
    margin-left: 20px;
}

#list-conferences .conferences-search .form-control {
    font-family: 'Open Sans', sans-serif;
    height: auto;
    font-size: 16px;
    padding: 9px;
}


#list-conferences .events-btn .btn {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    line-height: normal;
    font-weight: 700;
    color: #0a0a0a;
    text-decoration: none;
}

#list-conferences .events-btn .btn::before {
    font-family: "Font Awesome 5 Free";
    color: #0faaa6;
    font-weight: 500;
    font-size: 24px;
    content: "\f35b";
    margin-right: 10px;
}

#list-conferences .events-btn .collapsed::before {
    font-family: "Font Awesome 5 Free";
    color: #b8b8b8;
    font-weight: 500;
    font-size: 24px;
    content: "\f358";
    margin-right: 10px;
}

#list-conferences .events-btn .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

#list-conferences th.events-img {
    padding: .75rem 0;
    vertical-align: top;
    border-top: none;
    text-align: center;
}

#list-conferences .table a {
    color: #0a0a0a;
    text-decoration: underline;
}

#list-conferences .table a:hover {
    color: #0faaa6;
}


/*single-article*/
#single-article {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
}

#single-article .single-article-content {
    padding: 20px 0 50px 0;
}

#single-article .single-article-content h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0a0a0a;
    margin-bottom: 10px;
}

#single-article .single-article-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 25px;
}

#single-article .single-article-content .figure {
    padding: 20px 0 40px 0;
    text-align: center;
    margin: 0 auto;
    display: block;
}

#single-article .figure-caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 400;
}

#single-article .single-article-introduction {
    border-bottom: 1px solid #ced4da;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

#single-article .publication h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

#single-article .publication h5 strong {
    color: #0faaa6;
}

#single-article .title-article-pl h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 10px;
}

#single-article .title-article-en h4 {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: normal;
    color: #808080;
    font-weight: 500;
    margin-bottom: 10px;
}

#single-article ul.authors-article-list {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

#single-article ul.authors-article-list li {
    display: inline;
}

#single-article ul.authors-article-list li:before {
    font-family: "Font Awesome 5 Free";
    margin: 0 5px 0 6px;
    color: #b3b3b3;
    font-weight: 900;
    font-size: 11px;
    content: "\f007";
}

#single-article ul.authors-article-list li a {
    color: #0a0a0a;
}

#single-article .summary-article,
#single-article .keywords-en,
#single-article .keywords-pl {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 10px;
}

#single-article .single-article-introduction-btn {
    margin: 0;
}

#single-article .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 30px 0 0 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#single-article .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#single-article .btn:hover {
    background-color: #008380;
}

#single-article .btn:hover i {
    margin-left: 20px;
}

#single-article .single-article-introduction .btn {
    margin: 15px 0;
}

#single-article .authors-works {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 20px;
}

#single-article .authors-works h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

#single-article .authors-works ul li {
    margin-bottom: 5px;
}

#single-article .authors-works ul li a {
    font-weight: 600;
    text-decoration: underline;
    color: #0a0a0a;
    transition: .5s ease-in-out;
}

#single-article .authors-works ul li a:hover {
    color: #0faaa6;
}

#single-article .footnotes {
    margin-top: 15px;
}

#single-article .footnotes h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

#single-article .footnotes p {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
}


/*subscription*/
#subscription {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
}

#subscription {
    text-align: center;
}

#subscription .subscription-boxs {
    margin-top: 20px;
    margin-bottom: 30px;
}

#subscription .subscription-box1,
#subscription .subscription-box3 {
    margin-top: 16px;
    padding: 40px 20px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#subscription .subscription-box2 {
    color: #fff;
    background-color: #0faaa6;
    padding: 40px 20px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#subscription .subscription-content-title {
    min-height: 130px;
}

#subscription .subscription-content-title h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    line-height: normal;
}

#subscription .subscription-content-title h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 700;
}

#subscription .subscription-content-description {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    min-height: 70px;
}

#subscription .subscription-content-price {
    font-family: 'Roboto Slab', serif;
    color: #0faaa6;
    font-size: 40px;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 15px;
}

#subscription .subscription-box2 .subscription-content-price {
    color: #fff;
}

#subscription .subscription-content-price span {
    font-size: 16px;
}

#subscription .btn {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#subscription .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#subscription .btn:hover {
    background-color: #008380;
}

#subscription .subscription-box2 .btn {
    color: #0faaa6;
    background-color: #fff;
}

#subscription .btn:hover i {
    margin-left: 20px;
}

#subscription .subscription-info h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
}

#subscription .subscription-info p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 7px;
}

#subscription .subscription-info a {
    text-decoration: none;
    color: #0a0a0a;
}

#subscription .subscription-info a:hover {
    text-decoration: underline;
}

#subscription .subscription-info a.shop-link {
    text-decoration: underline;
    color: #0faaa6;
}

#subscription .subscription-info .btn {
    margin-top: 25px;
    margin-bottom: 25px;
}

#subscription .subscription-info h5 {
    font-size: 12px;
    padding: 25px 150px 0 150px;
}


/*sarchival-issues*/
#sarchival-issues {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
}

#sarchival-issues .accordion {
    margin-top: 25px;
}

#sarchival-issues .card-body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    border-bottom: 1px solid #dfdfdf;
}

#sarchival-issues .card-body a {
    color: #0a0a0a;
    text-decoration: underline;
}

#sarchival-issues .card-body a:hover {
    color: #0faaa6;
    text-decoration: underline;
}

#sarchival-issues .btn {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    line-height: normal;
    font-weight: 700;
    color: #0a0a0a;
    text-decoration: none;
}

#sarchival-issues .btn::before {
    font-family: "Font Awesome 5 Free";
    color: #0faaa6;
    font-weight: 500;
    font-size: 24px;
    content: "\f35a";
    margin-right: 10px;
}

#sarchival-issues .collapsed::before {
    font-family: "Font Awesome 5 Free";
    color: #b8b8b8;
    font-weight: 500;
    font-size: 24px;
    content: "\f358";
    margin-right: 10px;
}


/*about-us*/
#about-us {
    border-top: 1px solid #0faaa6;
    margin-bottom: 40px;
    text-align: justify;
}

#about-us h2.section-title {
    margin-bottom: 30px;
}

#about-us p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px;
}

#about-us h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 20px;
}

#about-us h4 {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
}

#about-us h6 {
    font-size: 12px;
    margin-bottom: 30px;
}

#about-us a {
    color: #0a0a0a;
    text-decoration: underline;
}

#about-us a:hover {
    color: #0faaa6;
}

#about-us .therapy-introduction h3 {
    color: #0faaa6;
    margin-top: 0;
}

#about-us .therapy-scientific-council {
    margin-bottom: 20px;
}

#about-us .therapy-scientific-council p {
    margin-bottom: 10px;
}

#about-us .therapy-contact h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

#about-us .therapy-contact p.margin-reduction {
    margin-bottom: 9px;
}

#about-us .btn {
    width: auto;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 20px 0 27px 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#about-us .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#about-us .btn:hover {
    background-color: #008380;
}

#about-us .btn:hover i {
    margin-left: 20px;
}

#about-us ul {
    list-style: none;
}

#about-us ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
}

#about-us ul li::before {
    content: "\2022";
    color: #0faaa6;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#about-us .files-download {
    text-align: left;
}

#about-us .files-download a {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}

#about-us i.fa-file-pdf {
    margin: 15px 0;
    font-size: 50px;
    color: #b50707;
}

#about-us i.fa-file-word {
    margin: 15px 0;
    font-size: 50px;
    color: #295394;
}


/*login-registration*/
#login-registration {
    border-top: 1px solid #0faaa6;
    margin-bottom: 30px;
}


#login-registration h2.section-title {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    color: #0a0a0a;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 25px;
    border-top: 4px solid #0faaa6;
}

#login-registration h2.registration-title {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    color: #0a0a0a;
    display: inline-block;
    padding: 10px 0 25px 0;
}

#login-registration p {
    margin-top: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

#login-registration p > strong {
    font-size: 20px;
}

#login-registration a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #0a0a0a;
    text-decoration: underline;
}

#login-registration a:hover {
    color: #0faaa6;
}

#login-registration .form-control {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    height: auto;
    font-size: 16px;
    padding: 9px;
}

#login-registration .btn {
    width: auto;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 20px;
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#login-registration .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#login-registration .btn:hover {
    background-color: #008380;
}

#login-registration .btn:hover i {
    margin-left: 20px;
}

.js-password-confirm-message {
    visibility: hidden;
}

.social-auth.auth-icon {
    height: 3em;
    margin-right: 5px;
    margin-top:15px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}


/*newsletter-invitation*/
.newsletter-invitation {
    font-family: 'Open Sans', sans-serif;
    padding: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    background-image: url("../img/grafiki/bg_newsletter-invitation.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.newsletter-invitation h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
}

.newsletter-invitation-btn {
    text-align: right;
}

.newsletter-invitation .btn {
    margin: 25px 0 0 0;
    width: auto !important;
    color: #0faaa6 !important;
    background-color: #fff !important;
}

.newsletter-invitation .btn i {
    margin-left: 10px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.newsletter-invitation .btn:hover {
    background-color: #008380;
}

.newsletter-invitation .btn:hover i {
    margin-left: 20px;
}


/*comments btn*/
.btn-comments-open {
    padding: 6px 29px !important;
    color: #0faaa6 !important;
    background-color: #fff !important;
    border: 1px solid #0faaa6 !important;
}

.btn:hover i.fa-comment-medical {
    margin-left: 10px !important;
}

i.fa-comment-medical {
    margin: 0 10px 0 0;
    font-size: 30px;
}

.comments-box {
    margin: 40px 0 20px 0;
}

/*pdf btn*/
.btn-pdf {
    padding: 6px 29px !important;
    color: #fff !important;
}

.btn:hover i.fa-file-pdf {
    margin-left: 10px !important;
}

i.fa-file-pdf {
    margin: 0 10px 0 0;
    font-size: 30px;
}


/* pagination */

.pagination {
    margin: 40px 0;
}

.page-link {
    color: #0a0a0a;
}

.page-link:hover {
    color: #0a0a0a;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0faaa6;
    border-color: #0faaa6;
}


/* fancy */

#fancy {
    border-top: 1px solid #0faaa6;
    margin-bottom: 50px;
}

#fancy h2.section-title {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    color: #0a0a0a;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 4px solid #0faaa6;
}

#fancy .form-control {
    font-family: 'Open Sans', sans-serif;
    height: auto;
    font-size: 16px;
    padding: 9px;
}

#fancy .form-text {
    margin: 0 10px 0 0;
}

#fancy .form-inline {
    margin: 30px 0 40px 0;
}

#fancy .button {
    width: auto;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#fancy .button:hover {
    background-color: #008380;
}

#fancy .articles-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#fancy .articles-img {
    overflow: hidden;
}

#fancy .articles-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 7s ease-in-out;
    -webkit-transition: all 7s ease-in-out;
    transition: all 7s ease-in-out;
}

#fancy .articles-box:hover .articles-img img {
    -webkit-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
}

#fancy .articles-txt h5 {
    font-family: 'Open Sans', sans-serif;
    color: #0faaa6;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

#fancy .articles-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#fancy .articles-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#fancy .articles-txt h3 > a:hover {
    color: #0faaa6;
    text-decoration: none;
}

#fancy .articles-txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

#fancy .news-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#fancy .news-img {
    overflow: hidden;
}

#fancy .news-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 7s ease-in-out;
    -webkit-transition: all 7s ease-in-out;
    transition: all 7s ease-in-out;
}

#fancy .news-box:hover .news-img img {
    -webkit-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
}

#fancy .news-txt h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 14px;
}

#fancy .news-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#fancy .news-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#fancy .news-txt h3 > a:hover {
    text-decoration: none;
    color: #0faaa6;
}

#fancy .news-txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

#fancy .publication-box {
    padding-top: 15px;
    padding-bottom: 15px;
}

#fancy .publication-txt h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

#fancy .publication-txt h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
}

#fancy .publication-txt h3 > a {
    color: #0a0a0a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#fancy .publication-txt h3 > a:hover {
    text-decoration: none;
    color: #0faaa6;
}

#fancy .publication-txt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

#fancy .publication-txt p > strong {
    font-weight: 700;
}

#fancy .publication-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#fancy .publication-img img:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#fancy .publication-search {
    margin: 20px 0;
}

#fancy .publication-search h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

#autor h3 {
    font-family: 'Roboto Slab', serif;
    color: #0a0a0a;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    line-height: 6px;
}

#autor article::before {
    content: '\f0f0';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 50px;
    color: #dbdbdb;
    position: absolute;
    left: 0;
}

/*comments-box*/
.comments-box h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 20px;
}

.comments-box h2.title {
    margin-top: 40px;
}

.comments-box h3 {
    font-family: 'Roboto Slab', serif;
    color: #0a0a0a;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    line-height: 6px;
}

.comments-box .indented {
    padding-left: 30px;
}

.comments-box mark {
    display: none;
}

.comments-box article {
    padding-left: 58px;
    position: relative;
    margin-top: 15px;
}

.comments-box article::before {
    content: '\f0f0';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 50px;
    color: #dbdbdb;
    position: absolute;
    left: 0;
    top: -22px;
}

.comments-box .form-textarea {
    display: block;
    width: 100%;
    height: calc(5.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.comments-box .form-control {
    font-size: 16px;
}


.comments-box .form-textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.comments-box ul.links {
    padding-left: 0;
}

.comments-box li.comment-reply {
    list-style: none;
    color: #0faaa6;
}

.comments-box li.comment-reply a {
    color: #0faaa6;
    text-decoration: none;
}

#comment-form .btn {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #0faaa6;
    border: none;
    padding: 10px 30px;
    margin: 0 0 0 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    -webkit-transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
}

#comment-form .btn:hover {
    background-color: #008380;
}



/*@media*/
@media (max-width: 991.98px) {

    #top-section .search {
        margin-top: 20px;
    }

    #slider .carousel-caption {
        padding: 20px 0;
    }

    #slider .carousel-indicators {
        bottom: auto;
        top: 10px;
        right: 10px;
    }

    #slider .carousel-control-next,
    #slider .carousel-control-prev {
        display: none;
    }

    #left-column {
        padding-right: 15px;
    }

    #news-start {
        margin-right: 0;
    }

    #news-start .news-img {
        margin-bottom: 20px;
    }

    #articles-start .articles-img {
        margin-bottom: 20px;
    }

    #events-start .events-date {
        margin-bottom: 20px;
    }

    #events-start .events-box {
        text-align: center;
    }

    #list-conferences .events-date {
        margin-bottom: 20px;
    }

    #list-conferences .events-box {
        text-align: center;
    }

    #list-conferences .card-body {
        padding: 1.25rem 0;
    }

    #right-column {
        margin-top: 40px;
    }

    #newsletter-footer {
        text-align: center;
    }

    #contact-footer {
        text-align: center;
    }

    #contact-footer h2 {
        float: none;
    }

    #contact-footer h3,
    #contact-footer p {
        text-align: center;
    }

    #menu-footer {
        margin-left: 0;
        text-align: center;
    }

    #copyright-footer {
        margin-top: 40px;
        float: none;
        text-align: center;
    }

    #copyright-footer img {
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    #carouselExample .carousel-item {
        margin-right: -100%;
    }

    #single-topicality .single-topicality-content p {
        text-align: left;
    }

    #single-article .single-article-content p {
        text-align: left;
    }

    #single-article .single-article-introduction-btn {
        display: none;
    }

    #list-publication .publication-img {
        margin-bottom: 20px;
    }

    #list-publication .publication-search .btn {
        margin: 20px 0;
    }

    #subscription .subscription-content-title {
        min-height: auto;
    }

    #subscription .subscription-content-description {
        min-height: auto;
    }

    #subscription .subscription-box2 {
        margin-top: 16px;
    }

    #about-us {
        text-align: left;
    }

    #about-us ul {
        padding-left: 15px;
    }

    #about-us .files-download {
        text-align: center;
    }

    #login-registration .reminder {
        padding-top: 20px;
    }

    #fancy {
        margin-right: 0;
    }

    #fancy .news-img {
        margin-bottom: 20px;
    }

    #fancy .articles-img {
        margin-bottom: 20px;
    }

    #fancy .publication-img {
        margin-bottom: 20px;
    }

    #fancy .form-control,
    #fancy .form-group {
        width: 100% !important;
    }


}


@media (min-width: 768px) {

    /* show 4 items */
    #carouselExample .carousel-inner .active,
    #carouselExample .carousel-inner .active + .carousel-item,
    #carouselExample .carousel-inner .active + .carousel-item + .carousel-item,
    #carouselExample .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        -webkit-transition: none;
        transition: none;
    }

    #carouselExample .carousel-inner .carousel-item-next,
    #carouselExample .carousel-inner .carousel-item-prev {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    #carouselExample .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #carouselExample .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #carouselExample .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #carouselExample .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }

}

.img-fluid img {
    max-width: 100%;
    height: auto;
}

.mx-auto img {
    margin-left: auto!important;
}

.d-block img {
    display: block!important;
}

.rounded img {
    border-radius: .25rem!important;
}



/*---------------------koniec-----------------------*/