/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');
#stylef6 {
	line-height: 1.42857143;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
}
.article_title, .module_title {
    word-break: normal;
}
.module_title {
    font-size: 42px;
}
.module_title:after {
    content: '';
    display: block;
    width: 164px;
    height: 18px;
    background: url(/images/divider-green.png);
    margin: 12px auto;
}
#centertop {
	padding: 2px 0;
    background: url(/images/h-bg.jpg);
}
#header {
    max-width: 1170px;
}
#yjsgheadergrid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
#header1 {
    max-width: 560px;
}
#header3 {
    min-width: 135px;
}
.modid93 .yjsg-form-group-inline:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -17px;
    width: 1px;
    height: 34px;
    border-left: 2px solid #6897bf;
}
.modid93 .yjsg-form-group-inline {
    margin: 0;
	position: relative;
	border: 2px solid #6897bf;
}
.modid93 .yjsg-element-holder {
    display: block;
}
.modid93 .yjsg-element-holder:first-child {
    padding-right: 52px;
}
.modid93 #mod-search-searchword {
	height: 51px;
	margin: 0;
    color: #fff;
    background: none;
    border-radius: 0;
	border: 0;
}
.modid93 input.button {
    position: absolute;
    top: 50%;
    right: 0;
    height: auto;
    margin: -25px 0 0;
    padding: 15px;
    font-size: 0.01em;
    background: none !important;
    border: 0 !important;
}
div.mod-languages ul.lang-inline li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    float: left;
    width: 48px;
    height: 48px;
    background: #306291;
    border-radius: 50%;
	transition: all 0.2s;
}
div.mod-languages a {
    color: #fff;
    font-size: 13px;
}
div.mod-languages ul.lang-inline li.lang-active, div.mod-languages ul.lang-inline li:hover {
    background: #10AF9B;
}
ul.yjsgmenu div.ulholder ul {
    border: 0;
    -webkit-box-shadow: 0px 2px 4px 0px rgb(82, 82, 82);
    -moz-box-shadow: 0px 2px 4px 0px rgb(82, 82, 82);
    box-shadow: 0px 2px 4px 0px rgb(82, 82, 82);
}
ul.yjsgmenu ul.subul_main.level2.nogroup {
    -webkit-box-shadow: 1px 0px 4px 0px rgb(82, 82, 82);
    -moz-box-shadow: 1px 0px 4px 0px rgb(82, 82, 82);
    box-shadow: 1px 0px 4px 0px rgb(82, 82, 82);
}
ul.yjsgmenu li a {
    color: #fff;
	font-size: 18px;
	font-family: PT Sans Narrow,sans-serif;
    font-weight: 400;
}
ul.yjsgmenu li a:hover {
    color: #fff;
}
.yjsgmenu ul li a:hover {
    background: #0cb7a4;
}
ul.yjsgmenu a:after {
    font-size: 14px;
}
ul.yjsgmenu span.child a:after {
	top: 1px;
	opacity: 0;
}
ul.yjsgmenu ul span.child a:after {
    top: 5px;
}

/*--------------------------------------- Слайдер ---------------------------------------*/

.homepage #yjsg2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
}
.homepage #adv1 {
    padding: 0;
}
.tp-caption.medium_text.tp-fade.tp-resizeme.start {
    padding: 0 61px !important;
}

/*--------------------------------------- Слайдер статей ---------------------------------------*/

.homepage .yjsg3_out {
    background: url(/images/news-bg.jpg) top center;
}
.bt-cs .bt-inner {
    padding: 0;
}
.bt-cs .bt-inner br {
    display: none;
}
.modid95 .bt-cs .bt-inner img {
	width: 100% !important;
	max-width: 100%;
    margin: 0;
    outline: 0;
    border: 0;
}
.bt-cs .bt-inner .bt-title {
    height: auto !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 6px 15px;
    color: #fff;
	text-transform: inherit;
    font-weight: normal;
    line-height: 18px;
    background: #4b85b6;
	z-index: 9;
}
.modid95 .readmore {
    position: absolute;
    right: 40px;
    bottom: 12px;
}
.modid95 .readmore a {
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    background: #0cb7a4;
}
.bt-cs a.next, .bt-cs a.prev {
    display: block;
    height: 40px;
    top: inherit;
    bottom: 5px;
    left: 35px;
}
.bt-cs a.prev {
    left: 10px;
}
.bt-cs a.next {
    display: block;
    left: 35px;
}
		
/*--------------------------------------- Новини ---------------------------------------*/

.homepage #user2 {
    padding-top: 28px;
}
.modid96 {
    padding: 35px;
    position: relative;
	color: #fff;
    background: url(/images/news_block-bg.jpg);
    background-size: 100% 100%;
}
.modid96 .h2_holder {
    position: absolute;
    top: -20px;
    left: 0;
    width: 175px;
    padding: 5px 0 5px 35px;
    background: url(/images/mod-title_bg.png) top right;
	background-size: cover;
}
.modid96 .module_title {
    margin: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
}
.modid96 .module_title:after {
    height: 0;
    margin: 0;
}
.modid96 .junewsultra {
    margin: 0;
}
.junewsultra .jn {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.modid96 .jn.def {
    width: 100%;
    padding-top: 20px;
    border-bottom: 1px solid #51A4F0;
}
.modid96 .jn.def:first-child {
    padding-top: 0;
}
.modid96 .jn-head {
    padding-bottom: 20px;
    border-bottom: 1px solid #27537e;
}
.modid96 .junewsultra .jn .jn-right {
    width: 100%;
}
.modid96 .jn .jn-right h4 a {
    color: #fff;
    font-family: PT Sans,sans-serif;
    font-weight: 400;
}
.modid96 .jn-small {
    color: #fff;
}
.modid96 .readon {
	margin-top: 35px;
    float: right;
    padding: 5px 10px;
    color: #fff;
    background: #0cb6a3;
    border-radius: 0;
}
.modid97 {
    padding-top: 4px;
}
.modid97 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
span.all {
    display: block;
    text-align: center;
}
a.readon, a.readon:focus {
	padding: 5px 10px;
    color: #fff;
    font-size: 20px !important;
	text-decoration: none !important;
    background: #0cb7a4;
    border-radius: 0;
}
@media (min-width: 768px) {
.modid97 [class^="col-"] {
    float: none;
}
.modid97 img {
    max-width: 50%;
    float: right;
}
}

/*--------------------------------------- Події та послуги ---------------------------------------*/
.homepage #centerbottom {
    width: 100%;
    background: url(/images/activity-bg.jpg) top center;
    background-size: cover;
}
.homepage #yjsgbodytop {
    max-width: 1170px;
}
.homepage div#yjsg5 {
    width: 100%;
    background: url(/images/service-bg.jpg) top center;
}
.homepage #user11 {
    max-width: 1168px;
    margin: 0 auto;
}
.modid98 .module_title {
    color: #fff;
    text-align: center;
}
.modid98 .module_title:after {
    background: url(/images/divider-white.png);
}
.modid99 .module_title, .modid112 .module_title {
    text-align: center;
}
.junewsultra, .jn-bg {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
.jn-bg {
    padding-bottom: 30px;
}
}
.mdrn .junewsultra .jn .jn-head {
    position: relative;
}
.junewsultra .jn .jn-left img {
    width: 100%;
}
.mdrn .junewsultra .jn .jn-right {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    height: 52px;
    background: rgba(0, 0, 0, 0.68);
}
.modid99 .junewsultra .jn, .modid112 .junewsultra .jn {
	margin-bottom: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
    box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
}
.modid99 div.junewsultra .jn .jn-right, .modid112 div.junewsultra .jn .jn-right {
    background: #0cb7a4;
}
.modid112 .jn-right {
    min-height: 66px;
}
.modid112 .jn-right h4 a {
    display: block;
}
.mdrn .jn-intro {
    padding: 10px;
    line-height: 18px;
    font-size: 14px;
    background: #fff;
    font-family: PT Sans;
}

.mdrn div.junewsultra .jn .jn-right .jn-info {
    min-width: 52px;
    color: #fff;
    padding: 0;
    background: #0cb7a4;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.modid99 div.junewsultra .jn .jn-right .jn-info {
    min-width: auto;
}
.jn-small.date {
    width: 100%;
    text-align: center;
    line-height: 18px;
}
.date span {
    font-size: 18px;
}
.mdrn div.junewsultra .jn .jn-right h4 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
	font-weight: bold;
}
.mdrn .junewsultra .jn .jn-right h4 a, .modid112 .junewsultra .jn .jn-right h4 a {
    padding: 0 10px;
	color: #fff;
}
.modid99 .jn-intro {
    padding: 0;
}
.modid98 .jn-intro {
    border-bottom: 4px solid #0cb7a4;
}

/*--------------------------------------- Блок категорій ---------------------------------------*/

.itemid-154 #holder2 {
    padding-bottom: 0;
}
.itemid-154 #yjsg6 {
    padding: 0;
}
.modid102 [class^="col-"] h3 {
    color: #407cb0;
    font-size: 28px;
}
.modid102 ul.defaultmenu li a {
    color: #323232;
    line-height: 24px;
    border: 0;
}

/*--------------------------------------- Гідробіологічний журнал ---------------------------------------*/

.modid103 {
    color: #fff;
}
.modid103 .module_title {
    color: #fff;
}
.modid103 .module_title:after {
    height: 0;
    margin: 0;
}
.modid103 a.readon {
    width: 125px;
	margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
}

/*--------------------------------------- Заголовок сторінок ---------------------------------------*/

.com_content #centerbottom {
    width: 100%;
}
.com_content #holder2 {
    padding-top: 170px;
    max-width: 1170px;
}
.com_content.view-category #holder2 {
    padding-top: 180px;
}
.homepage.com_content #holder2 {
    padding-top: 40px;
    max-width: 100%;
}
.com_content .pagetitle-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    height: 139px;
    padding: 6px;
    background: url(/images/page-header.jpg) top center;
}
.com_content .pagetitle-block .pagetitle {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
@media (max-width: 580px) {
.com_content .pagetitle-block .pagetitle {
    font-size: 26px;
}
}

/*--------------------------------------- Other ---------------------------------------*/

hr {
    clear: both;
}
hr + .col-xs-12 h4 {
    margin-top: 0;
}
ul {
	padding-left: 18px;
    list-style-position: outside;
}
.blue {
    color: #4390ce;
}
.center {
    text-align: center;
}
.mb20 {
    margin-bottom: 20px;
}
h3.blue {
    margin-top: 0;
}
.newsitem_text > h3 {
	margin-top: 15px;
    margin-bottom: 25px;
}
blockquote {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #edecec;
    border-left: 5px solid #0cb7a4;
}
.table {
    margin-top: 20px;
}
.table-striped > tbody > tr:hover {
    background-color: #dffffb;
}
.row.first_block {
    padding-bottom: 8px;
}
.head_line {
	font-weight: bold;
}
.head_line span {
	display: block;
    margin-top: 20px;
    font-size: 20px;
    color: #4a84b6;
}
.head_line .head_title {
    margin: 0;
}
.two_coll {
	margin-bottom: 20px;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    list-style-position: outside;
}
.two_coll li {
    margin-left: 4px;
}
.foto-block {
    margin-bottom: 25px;
}
.foto-block [class*="col-"] .foto_title {
    width: 100%;
    margin-top: 0;
    padding: 22px 15px;
	color: #fff;
    line-height: 22px;
    font-weight: normal;
    background: #0cb7a4;
}
ul.yjsgsliderPaginationTabs li a {
    color: #323232;
}
ul.yjsgsliderPaginationTabs li.active a {
    font-weight: bold;
}
.modid97 .module_title {
    color: #407cb0;
}
.modid97 .module_title:after {
    height: 0;
    margin: 0;
}
.yjsg-blog_c .img-introtext- img {
    width: 100%;
}
.com_content.view-category .article_title {
    width: 100%;
    height: 64px;
    float: left;
    margin-bottom: 5px;
    line-height: 22px;
	font-weight: normal;
    background: #0cb7a4;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.com_content.view-category .article_title a {
    display: block;
    color: #fff;
    font-size: 22px;
    padding: 0 15px;
}
.view-article .img-fulltext- img {
    max-width: 350px;
    margin-right: 20px;
}
.yjsg-newsitems .width100 .img-introtext- {
    float: left;
}
.yjsg-newsitems .width100 .img-introtext- img {
    width: auto;
	max-width: 263px;
    margin-right: 15px;
}
.yjsg-newsitems .width100 .article_title {
    width: auto;
	margin-top: 10px;
    margin-bottom: 20px;
    height: inherit;
    float: none;
    font-weight: 600;
    background: none;
}
.yjsg-newsitems .width100 .article_title a {
	padding: 0;
    color: inherit;
    line-height: 18px;
}
.yjsg-blog_c .yjsg-morearticles {
    display: none;
}
.modid97 p {
    margin-bottom: 21px;
}
.itemid-129 .yjsg-blog_c .newsitem_text p {
    display: none;
}
.itemid-127 .yjsgarticle .row {
    margin: 0 0 43px;
    padding: 42px 0 0;
    background: rgba(210, 210, 210, 0.19);
    -webkit-box-shadow: 1px 1px 6px 1px rgb(132, 132, 132);
    -moz-box-shadow: 1px 1px 6px 1px rgb(132, 132, 132);
    box-shadow: 1px 1px 6px 1px rgb(132, 132, 132);
}
.directors__box {
    margin-bottom: 38px;
}
.directors__wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.directors__wrap h3 a, .directors__wrap h4 {
    color: #164b7a;
}
.itemcontact {
    padding-bottom: 20px;
    text-align: center;
}
.mt20 {
    margin-top: 20px;
}

/*--------------------------------------- Контакти ---------------------------------------*/

.modid107 {
    line-height: 42px;
}
.modid107 .module_title {
    font-size: 26px;
}
.modid107 .module_title:after {
    width: 65px;
    height: 2px;
    margin-left: 0;
    background: #0cb7a4;
}
.modid107 .fa {
    margin-right: 10px;
    color: #0cb7a4;
}
.reception {
    max-width: 750px;
    margin: 30px auto;
    padding: 10px 10px 15px;
    border: 1px solid #ddd;
    background: #fbfbfb;
}

/*--------------------------------------- Архів ---------------------------------------*/

#rightblock {
    margin-top: 20px;
}
.modid111 .module_title:after, .modid114 .module_title:after {
    margin-left: 0;
    height: 1px;
    background: #0cb7a4;
}
.modid111 .module_title, .modid114 .module_title {
    margin-bottom: 0;
    font-size: 30px;
}
#rightblock ul.categories-module {
    list-style: none;
}
#rightblock ul.categories-module li>h4 {
    display: none;
}
#rightblock ul.categories-module li {
    font-size: 17px;
	font-weight: 600;
}
#rightblock ul.categories-module ul {
	padding: 0;
    list-style: none;
}
#rightblock ul.categories-module ul h5 {
    font-size: 17px;
}

/*--------------------------------------- Footer ---------------------------------------*/

#footer {
    width: 100%;
    padding: 0;
}
.footer-contact {
    position: absolute !important;
    top: 0;
    right: 15%;
    bottom: 0;
    color: #fff;
	background: url(/images/cont-bg.jpg) top center;
}
#footer div.contact-insert {
    float: left;
    width: 300px;
    height: 451px;
	padding-top: 14%;
    padding-left: 25px;
    text-align: left;
    overflow: hidden;
}
#footer div.contact-insert .cib {
    text-align: left;
}
.footer-contact .module_title {
    color: #fff;
}
.footer-contact .module_title:after {
    height: 0;
    margin: 0;
}
.footer-contact .fa {
    margin-right: 6px;
}
#cp {
    margin-top: -12px !important;
    color: #fff;
    background: #316d9d;
}

/*--------------------------------------- Responsive ---------------------------------------*/

@media screen and (max-width: 1199px) {
.modid96 .jn-head {
    padding: 0;
}
.modid96 .readon {
	margin-top: 27px;
}
}
@media screen and (max-width: 1199px) and (min-width: 1040px) {
.modid96 .jn.def {
    padding-top: 8px;
}
.modid96 .jn-head {
    padding-bottom: 8px;
}
}
@media screen and (max-width: 1040px) {
.modid96 .jn.def {
    padding-top: 3px;
}
.modid96 .jn-head {
    padding-bottom: 3px;
}
}
@media screen and (max-width: 1080px) and (min-width: 980px) {
#header1 {
    max-width: 420px;
}
}
@media screen and (max-width: 979px) {
.modid93 #mod-search-searchword {
    height: inherit;
}
}
@media (min-width: 768px) {
.head_line {
    margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.homepage #user1, .homepage #user2 {
	width: auto !important;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
table.table-responsive {
    display: block;
}
table.table-responsive> tbody > tr > td {
    font-size: 14px;
    line-height: 15px;
}
.f-contact_block {
    height: 265px;
}
.footer-contact {
	right: 0;
	width: 100%;
    padding: 0 15px;
}
#footer div.contact-insert {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
}
#cp {
    margin: 0 !important;
}		
}
@media (max-width: 655px) {
.directors__box {
    width: 100%;
}
.directors__wrap {
    text-align: center;
}
.directors__wrap img {
    max-width: 250px;
}
}
@media (max-width: 580px) {
.head_title {
    font-size: 20px;
}
.head_line span {
    margin-top: 6px;
    font-size: 16px;
}
ul.yjsgsliderPaginationTabs {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
ul.yjsgsliderPaginationTabs li a {
    border: 0 !important;
}
}