/*
font-family: 'Geometria', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

html {
    font-size: 16px;
}

body {
    font-family: 'Geometria', sans-serif;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
    background: url(/images/site-bg.png) repeat center top;
    background-color: #fff;
}
l
@media (max-width: 1359px) {
    html {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    html {
        font-size: 13px;
    }
}

.debug { background: RGBa(0,0,0,0.2); outline: 1px dotted #FF0000; }

.container { padding: 0; }

@media (max-width: 767px) {
	.row { margin: 0; }
	.container.page { padding-left: 8px; padding-right: 8px; }
	.row > div[class^="col-"], .row .col { padding-left: 0; padding-right: 0; }
}

a { text-decoration: none; }
a:hover { text-decoration: none; }
p { margin: 0 0 12px 0; }

.module-letters #sendForm .field input[type="radio"] + label:before, 
.module-letters #sendForm .field input[type="checkbox"] + label:before { margin-bottom: -1px; }
.module-letters .letter-button,
.module-letters #sendForm .file-upload { background-color: #82ad8a; color: #fff !important; }
.module-letters .letter-button.active { background-color: #82ad8a; }

/* polls */
.plg-polls .plg-answer input[type="checkbox"] + label:hover:before { background: #4788cf; }
.plg-polls .plg-answer input[type="checkbox"]:checked + label:before { background: #4788cf; box-shadow: 0 0 0 2px #4788cf; }
.plg-polls .plg-answer input[type="checkbox"]:checked + label { color: #4788cf; }
.plg-polls .plg-answer.result .result-line { background-color: #4788cf; }
.plg-polls .plg-button { background-color: #4788cf; border-radius: 0; }
.plg-polls .plg-button:hover { background-color: #3878be }


.tmpl-header-bg1 {
    position: absolute;
    height: 100vh;
    width: 100%;
    background-image: linear-gradient(to bottom, #9ec3a5 0%, rgba(158, 195, 165, 0) 60%);
}
.tmpl-header-bg2 {
    position: absolute;
    top: 154px;
    height: 304px;
    width: 100%;
    background: url('/images/header-image.png') no-repeat left top;
    background-size: auto 100%;
    z-index: 3;
}
@media (max-width: 1359px) {
    .tmpl-header-bg2 {
        top: 154px;
        height: 276px;
    }
}


/* HEADER -------------------------------------------------------------- */

.tmpl-rectangle {
    position: absolute;
    background-color: #fff;
    border-radius: 16px;
    z-index: 1;
}
.tmpl-rectangle.rectangle-1 {
    top: 118px;
    left: 34px;
    height: 142px;
    width: 840px;
    opacity: 0.23;
}
.tmpl-rectangle.rectangle-2 {
    top: 134px;
    left: 642px;
    height: 92px;
    width: 418px;
    opacity: 0.44;
}
.tmpl-rectangle.rectangle-3 {
    top: 190px;
    left: 0;
    height: 92px;
    width: 418px;
    opacity: 0.55;
}
@media (max-width: 1359px) {
    .tmpl-rectangle.rectangle-1 {
        right: 0;
        width: auto;
    }
    .tmpl-rectangle.rectangle-2 {
        left: auto;
        right: 0;
    }
}


.p-absolute { position: absolute; }
.p-relative { position: relative; }


/* HEADER LINE -------------------------------------------------------------- */

.tmpl-header-line-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 -4px;
    z-index: 2;
}

.tmpl-header-line-wrapper .img-wrap1 {
    margin-right: 10px;
}
.tmpl-header-line-wrapper .img-wrap2 {
    margin-top: -2px;
    margin-right: 8px;
}
@media (max-width: 1359px) {
    .tmpl-header-line-wrapper .img-wrap1 {
        margin-right: 6px;
    }
    .tmpl-header-line-wrapper .img-wrap2 {
        margin-right: 4px;
    }
}

.tmpl-header-line-wrapper > .tmpl-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 40px;
    margin: 0 4px;
    padding: 0 16px;
    background-color: #fff;
    border-radius: 0 0 22px 22px;
    box-shadow: 0 12px 1px rgba(127, 46, 28, 0.26);
    background-image: linear-gradient(to top, #e3f9ff 0%, #feffff 100%);
    font-family: 'Roboto Condensed', sans-serif;
}
@media (max-width: 1359px) {
    .tmpl-header-line-wrapper > .tmpl-item {
        height: 32px;
        padding: 0 12px;
        border-radius: 0 0 16px 16px;
    }
}

.tmpl-header-line-wrapper > .tmpl-item.socicons { }
.tmpl-header-line-wrapper > .tmpl-item.socicons > * {
    padding: 0 4px;
}

.tmpl-header-line-wrapper > .tmpl-item.address {
    flex-grow: 1;
    line-height: 1.1;
    flex-shrink: 1;
}

.tmpl-header-line-wrapper > .tmpl-item.version {
    color: #1490c2;
    font-size: 1.125rem;
    cursor: pointer;
}
.tmpl-header-line-wrapper > .tmpl-item.version:hover {
    background-image: linear-gradient(to top, #d7f5fd 0%, #feffff 100%);
}

.tmpl-header-line-wrapper > .tmpl-item.timedate {
    padding: 0 -8px;
}
.tmpl-header-line-wrapper > .tmpl-item.timedate > div {
    display: flex;
    margin: 0 8px;
}


/* SITENAME ----------------------------------------------------------------- */

.tmpl-sitename-wrapper {
    position: relative;
    z-index: 2;
}
.tmpl-sitename-bg {
    position: relative;
    height: 120px;
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
    transform: skew(-16deg);
        -webkit-transform: skew(-16deg);
        -moz-transform: skew(-16deg);
        -o-transform: skew(-16deg);
    border-radius: 16px;
    background-image: linear-gradient(to top, #e3f9ff 0%, #feffff 100%);
    box-shadow: 4px 12px 1px rgba(127, 46, 28, 0.26);
}
.tmpl-sitename {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 32px;
}
.tmpl-sitename .tmpl-logo { }
.tmpl-sitename .tmpl-logo img {
    max-height: 94%;
    margin: 0 24px
}
.tmpl-sitename .tmpl-name {
    font-family: 'Roboto Condensed', sans-serif;
    color: #4788cf;
    font-size: 2rem;
    font-weight: 700;
    font-style: italic;
    line-height: 2rem;
}
.tmpl-sitename .tmpl-name .tmpl-small {
    font-size: 1.5rem;
}
.tmpl-sitename .tmpl-name a {
    color: inherit;
}
@media (max-width: 767.98px) {
    .tmpl-sitename-bg {
        display: none;
    }
    .tmpl-sitename {
        position: relative;
        top: auto;
        flex-direction: column;
        border-radius: 16px;
        margin: 24px 0;
        padding: 16px;
        background-image: linear-gradient(to top, #e3f9ff 0%, #feffff 100%);
    }
    .tmpl-sitename .tmpl-logo img {
        margin-bottom: 16px;
    }
    .tmpl-sitename .tmpl-name {
        text-align: center;
    }
}


/* CONTACTS ----------------------------------------------------------------- */

.tmpl-contacts-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    height: 224px;
    margin-bottom: 20px;
    z-index: 4;
}
.tmpl-contacts {
    width: 416px;
    box-shadow: 0 12px 1px rgba(127, 46, 28, 0.26);
    border-radius: 16px;
    background-image: linear-gradient(to top, #e3f9ff 0%, #feffff 100%);
    padding: 20px;
    font-family: 'Roboto Condensed', sans-serif;
}
.tmpl-contacts .contacts {
    font-size: 1.5rem;
    color: #8d8d8d;
}
.tmpl-contacts .contacts span {
    color: #4cc67f;
}
.tmpl-contacts .contacts a {
    color: inherit;
}
.tmpl-contacts .contacts a:hover {
    text-decoration: underline;
}
.message-btn,
a.message-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    background-color: #4788cf;
    border-radius: 9px;
    height: 3rem;
    color: #fff;
    font-style: italic;
    font-size: 2rem;
}
.message-btn:hover {
    background-color: #3878be;
}
@media (max-width: 1359px) {
    .tmpl-contacts-wrapper {
        height: 198px;
    }
    .tmpl-contacts {
        width: 304px;
    }
    .tmpl-contacts .contacts {
        font-size: 1.3rem;
    }
    .message-btn,
    a.message-btn {
        font-size: 1.6rem;
    }
}
@media (max-width: 1023px) {
    .tmpl-contacts-wrapper {
        margin-top: 254px;
        height: auto;
    }
    .tmpl-contacts {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .tmpl-contacts-wrapper {
        margin-top: 0;
    }
}


/* HEADER -------------------------------------------------------------- */

@media (max-width: 767px) {
    header { display: flex; flex-direction: column-reverse; }
}


/* MENU-MAIN -------------------------------------------------------------- */

.tmpl-menu-main {
    position: relative;
    z-index: 5;
}
.tmpl-menu-main nav.navbar { padding: 0; }
.tmpl-menu-main button.navbar-toggler {
    border-radius: 0;
    padding: 0;
    border: none;
}
.tmpl-menu-main button.navbar-toggler:focus { outline: none; }
.tmpl-menu-main button.navbar-toggler .nav-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    width: 64px;
}
.tmpl-menu-main button.navbar-toggler .nav-icon {
	width: 30px;
	height: 24px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.tmpl-menu-main button.navbar-toggler .nav-icon span {
	background-color: #fff;
	position: absolute;
	border-radius: 2px;
	transition: .3s cubic-bezier(.8, .5, .2, 1.4);
	width: 100%;
	height: 4px;
}
.tmpl-menu-main button.navbar-toggler .nav-icon span:nth-child(1) {
	top: 0;
	left: 0;
}
.tmpl-menu-main button.navbar-toggler .nav-icon span:nth-child(2) {
	top: 10px;
	left: 0;
	opacity: 1;
}
.tmpl-menu-main button.navbar-toggler .nav-icon span:nth-child(3) {
	bottom: 0;
	left: 0;
}
.tmpl-menu-main button.navbar-toggler[aria-expanded="true"] .nav-icon span:nth-child(1) {
	transform: rotate(45deg);
	top: 10px;
    transition-delay: 50ms;
}
.tmpl-menu-main button.navbar-toggler[aria-expanded="true"] .nav-icon span:nth-child(2) {
	opacity: 0;
}
.tmpl-menu-main button.navbar-toggler[aria-expanded="true"] .nav-icon span:nth-child(3) {
	transform: rotate(-45deg);
	top: 10px;
    transition-delay: 50ms;
}

.tmpl-menu-main .navbar-brand {
    color: #fff;
    text-transform: uppercase;
    flex: 1;
    height: 64px;
    align-items: center;
    padding: 0;
    margin: 0;
}
.tmpl-menu-main .m-visible { width: 100%; }
.tmpl-menu-main ul {
    margin-left: 6px;
    margin-right: 6px;
}
.tmpl-menu-main ul > li {
    position: relative;
    flex-grow: 1;
    margin: 0 8px;
}
.tmpl-menu-main ul > li > .item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-image: linear-gradient(to top, #e3f9ff 0%, #feffff 100%);
    box-shadow: 4px 12px 1px rgba(127, 46, 28, 0.26);
    transform: skew(-16deg);
        -webkit-transform: skew(-16deg);
        -moz-transform: skew(-16deg);
        -o-transform: skew(-16deg);
}
.tmpl-menu-main ul > li.navbar-item:hover > .item-bg {
    box-shadow: 4px 12px 1px rgba(127, 46, 28, 0.4);
}
.tmpl-menu-main ul > li > a {
    position: relative;
    display: block;
    height: 120px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.125rem;
    color: #4788cf !important;
    text-decoration: none;
    line-height: 1.1;
    padding: 0 16px;
    cursor: pointer;
}
.tmpl-menu-main ul > li > a:hover { /*opacity: 0.8;*/ }
.tmpl-menu-main ul > li > a > .l-img {
    position: absolute;
    bottom: 45px;
    left: 8px;
    right: 0;
    text-align: center;
}
.tmpl-menu-main ul > li > a > .l-img img {
    max-height: 96px;
}
.tmpl-menu-main ul > li > a > .l-name {
    position: absolute;
    top: 78px;
    left: -4px;
    right: 12px;
    text-align: center;
}
@media (min-width: 1360px) {
    .tmpl-menu-main ul > li ul {
        display: none;
    }
}
@media (max-width: 1359.98px) {
    .tmpl-menu-main ul { }
    .tmpl-menu-main ul > li {
        margin: 0 6px;
    }
    .tmpl-menu-main ul > li > a {
        height: 100px;
    }
    .tmpl-menu-main ul > li > a > .l-img { }
    .tmpl-menu-main ul > li > a > .l-img img {
        max-height: 56px;
    }
    .tmpl-menu-main ul > li > a > .l-name {
        top: 60px;
    }
}
@media (max-width: 1023.98px) {
    .tmpl-menu-main ul {
        margin-left: -4px;
        margin-right: -4px;
    }
    .tmpl-menu-main ul > li {
        margin: 0 4px;
    }
    .tmpl-menu-main ul > li > .item-bg {
    transform: skew(0deg);
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
    }
    .tmpl-menu-main ul > li > a {
        font-size: 1rem;
    }
    .tmpl-menu-main ul > li > a > .l-img {
        left: 4px;
        right: 4;
    }
    .tmpl-menu-main ul > li > a > .l-name {
        left: 4px;
        right: 4px;
    }
}
@media (max-width: 767.98px) {
    .tmpl-menu-main {
        background-color: #4788cf;
    }
    .tmpl-menu-main ul { }
    .tmpl-menu-main ul > li { }
    .tmpl-menu-main ul > li > .item-bg {
        display: none;
    }
    .tmpl-menu-main ul > li > a {
        height: auto;
        padding: 12px;
        text-align: center;
        color: #fff !important;
        font-size: 1.2rem;
    }
    .tmpl-menu-main ul > li > a > .l-img {
        display: none;
    }
    .tmpl-menu-main ul > li > a > .l-name {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }
    .navbar-nav .dropdown-menu {
        background-color: #2a72c1;
        margin-left: 0;
        margin-right: 0;
    }
    .dropdown-item {
        margin: 0 !important;
        white-space: normal;
    }
    .dropdown-item:hover,
    .dropdown-item:focus { 
        background-color: RGBa(255,255,255,0.2);
    }
}


/* LEFTSIDE ------------------------------------- */

.tmpl-leftmenu { background-color: #fff; border-radius: 10px; font-family: 'Geometria', sans-serif; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.14); margin-bottom: 10px; padding: 10px 20px; }
.tmpl-leftmenu > ul { margin: 0; padding: 0; list-style-type: none; }
.tmpl-leftmenu > ul > li > a { color: #090b05; font-size: 85%; font-weight: 500; padding: 12px 0; display: flex; justify-content: space-between; line-height: 1.2; text-transform: uppercase; border-bottom: 2px dotted #999797; cursor: pointer; }
.tmpl-leftmenu > ul > li:last-of-type > a {
    border-bottom: none;
}
.tmpl-leftmenu > ul > li.submenu-exist > a {padding-right: 15px; background-image: url(/images/ico-arrowright.png); background-repeat: no-repeat; background-position: center right; background-size: 15px; }
.tmpl-leftmenu > ul > li.submenu-exist > a.down { background-image: url(/images/ico-arrowdown.png);  }
.tmpl-leftmenu > ul > li a:hover { opacity: 0.7; }
.tmpl-leftmenu ul ul { padding: 10px 0 10px 30px; border-bottom: 2px dotted #949499; display: none; }
.tmpl-leftmenu ul ul > li { line-height: 1; padding-top: 5px; padding-bottom: 5px; list-style-image: url(/images/arrow.png); }
.tmpl-leftmenu ul ul > li > a { color: #090b05; font-weight: 400; display: block; }
.tmpl-leftmenu li.indirectly-active ul, 
.tmpl-leftmenu li.directly-active ul { display: block; }
@media (max-width: 1359px) {
    .tmpl-leftmenu > ul > li > a { padding: 5px 0; }
    .tmpl-leftmenu ul ul { padding: 5px 0 5px 20px; }
    .tmpl-leftmenu ul ul > li {padding-top: 3px; padding-bottom: 3px; }
}
@media (max-width: 1023px) {
    .tmpl-leftmenu > ul > li > a { padding: 10px 0; }
    .tmpl-leftmenu > ul > li > a { font-size: 100%; }
}
@media (max-width: 767px) {
    
}

/* CONTENT ON MAIN  ------------------------------------- */

.tmpl-contentmain { padding: 24px; background-color: #fff; border-radius: 10px; margin-bottom: 24px; position: relative; }
.tmpl-contentmain .tmpl-title,
.tmpl-rightside .tmpl-title {
    padding: 4px 0;
    font-family: 'Geometria', sans-serif;
    font-size: 110%;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-bottom: 2px solid #c7c7ca;
    color: #8c8c8f;
}

.tmpl-contentmain.greeting .tmpl-contentmain-wrapper { display: flex; align-items: flex-start; }
.tmpl-contentmain.greeting .direktor { font-family: 'Calibri'; flex: 1; text-align: center; color: #616161; padding-right: 25px; line-height: 1.2; }
.tmpl-contentmain.greeting .direktor img { width: 190px; height: 190px; object-fit: cover; border-radius: 50%; border: 1px solid #c7c7c7; padding: 8px; margin-top: 10px; margin-bottom: 15px; }
.tmpl-contentmain.greeting .direktor p { font-size: 100%; margin-bottom: 0; }
.tmpl-contentmain.greeting .direktor h2 { font-size: 113%; font-weight: 500; line-height: 1; }
.tmpl-contentmain.greeting .text p { font-family: 'Calibri'; font-size: 95%; /*flex: 4;*/ color: #3d3e3f; font-style: italic; line-height: 1.1; font-weight: 300;  }

.tmpl-contentmain.feedbackblock { display: flex; }
.tmpl-contentmain.feedbackblock .tmpl-contentmain-wrapper { height: 180px; position: relative; display: flex; justify-content: center; align-items: center; }
.tmpl-contentmain.feedbackblock .bg { display: flex; align-items: center; margin-right: 15px; }
.tmpl-contentmain.feedbackblock .text { font-family: 'Calibri'; font-size: 130%; color: #3d3e3f; text-align: center; line-height: 1; font-style: italic; font-weight: 400; }
.tmpl-contentmain.feedbackblock .text span { font-size: 130%; color: #1a5595; line-height: 1.5; }

.tmpl-contentmain.info { font-family: 'Roboto', sans-serif; color: #3d3e3f; font-weight: 300; font-size: 100%; line-height: 1.2; }
.tmpl-contentmain.info h2 { font-family: 'Geometria', sans-serif;  font-size: 105%; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; }
.tmpl-contentmain.info a { color: #1a5595; }


.tmpl-contentmain.news .tmpl-title { margin-bottom: 0; }
.tmpl-news .tmpl-item { background-color: #fff; line-height: 1; color: #3b4256; display: flex; justify-content: flex-start; border-bottom: 2px dotted #d0d0d0; padding: 15px 0 15px 0; align-items: flex-start; }
.tmpl-news .title { font-size: 125%; font-weight: 400; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tmpl-news .tmpl-item .info { padding: 0 10px; }
.tmpl-news .short { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.tmpl-news .short.fix { -webkit-line-clamp: 10; }
.tmpl-news .date { font-family: 'Geometria', sans-serif; font-size: 100%; color: #a6a6a6; display: flex; flex-grow: 1; align-items: flex-end; text-transform: uppercase; margin-bottom: 10px; font-weight: 300;  }
.tmpl-news .image { overflow: hidden; flex-shrink: 0; }
.tmpl-news .image img { height: 190px; width: 250px; object-fit: cover; transition: all 1s ease-out; overflow: hidden; }
.tmpl-news .tmpl-item:hover .image img { transform: scale(1.03); }
.tmpl-news .tmpl-item:last-of-type { border-bottom: none; }


.tmpl-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tmpl-buttons.right {
    justify-content: flex-end;
}
.tmpl-buttons.left {
    justify-content: flex-start;
}
.tmpl-button,
.tmpl-polls .plg-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 22px;
    background-color: #4788cf;
    color: #fff;
    text-transform: uppercase;
}
.tmpl-button:hover {
    background-color: rgba(56,120,190,0.8);
    color: #fff;
}
.tmpl-button.full {
    flex-grow: 1;
}
.tmpl-buttons.right .tmpl-button,
.tmpl-buttons.left .tmpl-button { min-width: 240px; }


.news-toolbar { position: relative; display: flex; align-items: center; justify-content: flex-end; margin-right: -6px; margin-top: 12px; }
.news-toolbar .item {
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #afb1b7; 
    padding: 0 0 10px 0;
    margin: 0 3px;
}
.news-toolbar .date { margin: 0 6px; }
.news-toolbar .category { margin: 0 6px; flex-grow: 1; }
.news-toolbar .category a { color: #afb1b7; }
.news-toolbar .item .img-wrap { margin-right: 6px; margin-top: -2px; }
.news-toolbar .item.views { display: flex; align-items: center; }
.news-toolbar .item.share { color: #3b4256; cursor: pointer; display: flex; align-items: center; }
.news-toolbar .share-panel { position: absolute; top: 1.2rem; right: 0; width: 126px; padding: 4px; border: 1px solid #ccc; text-align: center; display: none; background-color: #fff; z-index: 100; }
@media (max-width: 1359px) {
    .tmpl-contentmain { padding: 15px; margin-bottom: 15px; }
    .tmpl-contentmain.greeting .direktor img { width: 110px; height: 110px; }
    .tmpl-contentmain.feedbackblock .tmpl-contentmain-wrapper { height: 120px; }
    .tmpl-contentmain.feedbackblock .bg { left: -5px; }
    .tmpl-contentmain.feedbackblock .bg img { height: 80px; }
    .tmpl-news .image img { height: 150px; width: 180px; }
    .tmpl-news .date { margin-bottom: 5px; }
    .tmpl-news .title { -webkit-line-clamp: 2; }
}
@media (max-width: 1023px) { }
@media (max-width: 767px) {
    .tmpl-contentmain { padding: 10px; margin-bottom: 15px; }
    .tmpl-contentmain.greeting .tmpl-contentmain-wrapper { flex-direction: column; align-items: center; }
    .tmpl-contentmain.greeting .text p { font-size: 100%; text-align: justify; }
    .tmpl-contentmain.greeting .direktor { padding-right: 0; }
    .tmpl-contentmain.greeting .direktor img { width: 190px; height: 190px; margin-top: 0; }
    .tmpl-contentmain.feedbackblock .tmpl-contentmain-wrapper { height: auto; width: 100%; }
    .tmpl-contentmain.feedbackblock .bg { display: none; }
    .tmpl-contentmain.feedbackblock .text { width: 100%; }
    .tmpl-contentmain.feedbackblock .text span { font-size: 150%; }
    .tmpl-news .tmpl-item { flex-direction: column;  }
    .tmpl-news .image { margin-bottom: 10px; }
    .tmpl-news .image img { width: 100%; height: auto; max-height: 240px; }
}

/* RIGHTSIDE ------------------------------------- */

#cal { padding: 15px; font-weight: 400; }
#cal .table { border: 0; color: #463d3c; width: 100%; border-collapse: collapse; margin-bottom: 0; }
#cal td { text-align: center; padding: 3px 7px; border: none; }
#cal th { padding: 3px 7px; font-weight: 500; background: #dfdfdf; }
#cal .table .curr { background: #dcdcdd; color: #fff; }
#cal .table .curr a { color: #463d3c; }
#cal .table .weekend { color: #b02952; }
#cal .table .weekend a { color: #b02952; }
#cal .table td a { text-decoration: none; color: #463d3c; text-decoration: none; }
#cal .table td[id^="td_"]:not(.curr):hover { box-shadow: inset 0 0 0 2px #dcdcdd; }
#cal .table td.marked { background-color: #dcdcdd; }
#cal .monthName { margin: -12px 0 -12px 0; padding: 0 0 12px 0; text-align: center; color: #3d3e3f; background-color: transparent; line-height: 46px; font-weight: 500; text-transform: uppercase; width: 100%!important; }
#cal .monthName a { color: #3d3e3f; text-decoration: none; }
#cal .next, #cal .next a { float: right; color: #fff; margin: 0 8px 0 0; }
#cal .prev, #cal .prev a { float: left;  color: #fff; margin: 0 0 0 8px; }
#cal pre { background: none; font-size: 12px; }
@media (max-width: 1359px) {
    #cal { padding: 5px; }
    #cal .monthName { margin: 0 0 -12px 0; line-height: 35px; }
    #cal td, #cal th { padding: 3px; text-align: center; }
}
@media (max-width: 1023px) {
    #cal { padding: 15px;  }
}
@media (max-width: 767px) { }

.block { border-radius: 10px; background: #fff; }
.block .tmpl-title { font-size: 110%; font-weight: 500; text-transform: uppercase; margin-bottom: 0; }
.block.padding { padding: 20px; }


.tmpl-rightside > div, .tmpl-leftside > div { margin-bottom: 24px; overflow: hidden; }

.tmpl-rightmenu { position: relative; }
.tmpl-rightmenu > ul { margin: 0; padding: 0; list-style-type: none; }
.tmpl-rightmenu > ul > li { line-height: 1;}
.tmpl-rightmenu > ul > li > a { padding: 10px 0; display: block; border-bottom: 2px dotted #c7c7ca; font-weight: 400; color: #090b05; }
.tmpl-rightmenu > ul > li > a:hover { color: inherit; opacity: 0.8; cursor: pointer; }


.tmpl-polls { position: relative; }
.tmpl-polls .tmpl-title {
    padding: 10px 20px;
    color: #fff;
    background-color: #4788cf;
    border-bottom-color: transparent;
}
.tmpl-polls .plg-polls {
    padding: 15px 20px;
}

.tmpl-social { position: relative; }
.tmpl-social .tmpl-items { margin: 20px 0 10px 0; display: flex; justify-content: center; flex-wrap: wrap; }
.tmpl-social img { width: 50px; margin: 3px; }
.tmpl-social img:hover {opacity: 0.7; }

.tmpl-letters { position: relative; }
.tmpl-letters .tmpl-items { margin-top: 10px; }
.tmpl-letters .text { line-height: 1.1; }


@media (max-width: 1359px) {
    .block.padding { padding: 10px; }
    .tmpl-rightside > div, .tmpl-leftside > div { margin-bottom: 15px; }
    .tmpl-rightmenu > ul > li > a { padding: 5px 0; }
    .tmpl-polls .tmpl-title, .tmpl-polls .plg-polls { padding: 10px; }
    .tmpl-social img { width: 35px; }
}
@media (max-width: 1023px) {
    .tmpl-rightside { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
    .tmpl-rightside > div { padding: 15px; width: 49%; }
    .tmpl-rightmenu {  }
    .tmpl-rightmenu > ul > li > a { padding: 10px 0; }
    .tmpl-rightside > .tmpl-banners.sidebar { padding: 0; }
    .tmpl-polls { padding: 0!important; }
    .tmpl-social img { width: 45px; }
}
@media (max-width: 767px) {
    .tmpl-rightside > div { width: 100%; }
    .tmpl-social img { width: 50px; }
    
}

/* MEDIA ------------------------------------- */

.tmpl-media  { margin-bottom: 40px; font-family: 'Geometria', sans-serif; }
.tmpl-media .tmpl-title a { color: #fff; font-weight: 500; background-color: #4788cf; display: inline-block; padding: 10px 24px; border-radius: 8px 8px 0 0; }
.tmpl-media .tabs > ul { padding-left: 0; list-style-type: none; margin-bottom: 0; }
.tmpl-media .tab { background-color: #fff; border-radius: 0 8px 8px; padding: 24px; }
.tmpl-media .item-filter { padding-left: 0; list-style-type: none; font-size: 90%; font-weight: 500; display: flex; margin-bottom: 20px; color: #403850; }
.tmpl-media .item-filter li.filter { margin-right: 20px; cursor: pointer; }
.tmpl-media .item-filter li.filter:hover,
.tmpl-media .item-filter li.filter.mixitup-control-active { border-bottom: 3px solid #1a5595; }
.tmpl-media .item-list {
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 188px 188px;
    grid-gap: 24px;
    grid-template-areas: "item1 item2 item3 item4" "item5 item6 item7 item8";
    list-style-type: none;
    margin-bottom: 0;
}
.tmpl-media .item-list li { position: relative; }
.tmpl-media .item-list li.big { grid-area: item3 / item3 / item7 / item4; }
.tmpl-media .item-list li, .tmpl-media .item-list li a { width: 100%; height: 100%; overflow: hidden; }
.tmpl-media .item-list li img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease-out; }
.tmpl-media .item-list li .title { position: absolute; bottom: 0; left: 0; right: 0; font-size: 90%; font-weight: 400; color: #fff; background-color: rgba(71,136,207,0.8); padding: 15px; line-height: 1; }
.tmpl-media .item-list li:hover img { transform: scale(1.07); }
@media (max-width: 1359px) {
    .tmpl-media  { margin-bottom: 20px; }
    .tmpl-media .tmpl-title a { }
    .tmpl-media .tab { padding: 15px; }
    .tmpl-media .item-list { grid-template-rows: 146px 146px; grid-gap: 10px; }
}
@media (max-width: 1023px) {
    .tmpl-media .item-list { grid-template-columns: 1fr 1fr; grid-template-rows: 230px 230px 230px 230px; grid-template-areas: "item1 item2" "item3 item4" "item5 item6" "item7 item8"; }
    .tmpl-media .item-list li.big { grid-area: item1 / item1 / item3 / item2;  }
}
@media (max-width: 767px) {
    .tmpl-media .tab { border-radius: 0; padding: 8px; }
    .tmpl-media .item-filter {  }
    .tmpl-media .item-filter li.filter { margin-right: 15px; }
    .tmpl-media .item-list { grid-template-rows: 180px 180px 180px 180px; }
}
@media (max-width: 425px) {
    .tmpl-media .item-list { grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "item1" "item2" "item3" "item4" "item5"; }
    .tmpl-media .item-list li { height: 180px; }
    .tmpl-media .item-list li.big { grid-area: item1; }
}

/* CONTENT ------------------------------------- */

.tmpl-page { margin-top: 20px; }
.tmpl-content { background-color: #fff; margin-bottom: 40px; padding: 30px; border-radius: 10px; margin-bottom: 20px;  }
.maintitle { font-size: 180%; font-weight: 400; margin-bottom: 10px; line-height: 1; }

.allitems { display: inline-block; font-size: 90%; font-weight: 400; line-height: 1; margin-bottom: 20px; }
.allitems:hover { opacity: 0.8; }
.date { font-size: 94%; font-weight: 400; }

.tmpl-pathway { font-weight: 400; font-size: 94%; padding: 0; margin-bottom: 10px; color: #b2a7a4; }

.tmpl-pathway a:link,
.tmpl-pathway a:visited { color: #1a5595; text-decoration: underline; }
.tmpl-pathway a:hover { color: #1a5595; }

.tmpl-contentblock { color: #000; margin-top: 20px; font-weight: 400; line-height: 1.2; }
	
/*.tmpl-contentblock img { max-width: 100%; }*/
.print_version_button { display: none; }

.tmpl-contentblock h1 { font-size: 175%; margin-bottom: 15px; padding: 0; font-weight: 400; color: #251e70; }
.tmpl-contentblock cite { display: block; background: #f2f2f3; padding: 30px; font-weight: 400; }
.tmpl-contentblock h2 { font-size: 150%; font-weight: 400; margin: 1rem 0; }
.tmpl-contentblock ul { margin: 0; padding: 0 }
.tmpl-contentblock ul ul { margin: 0 0 0 32px 0; }
.tmpl-contentblock ul > li { margin: 0 0 8px 20px; padding: 0; }
.tmpl-contentblock ol { margin: 0; padding: 0; }
.tmpl-contentblock ol ol { margin: 0 0 0 32px 0; }
.tmpl-contentblock ol > li { margin: 0 0 8px 20px; }
.tmpl-contentblock h3 { font-size: 150%; font-weight: 400; color: #8a8a91; }
.tmpl-contentblock h4 { font-size: 110%; font-weight: 400; color: #8a8a91; }
.tmpl-contentblock a { color: #251e70; text-decoration: none; }
.tmpl-contentblock a:hover { text-decoration: underline; }
/* .tmpl-contentblock table { border-collapse: collapse; width: 100%; border: none; } */
.tmpl-contentblock table { border-collapse: collapse; }
.tmpl-contentblock table td { text-align: center; }
.tmpl-contentblock table th { background: #f2f2f3; text-align: center; padding: 10px; }
.doctable td { border: 1px solid #8f8f8f; text-align: center; padding: 16px; }
.doctable { width: 100%; }

/*.doctable { width: 100%; border-collapse: collapse; }
.doctable td { border: 1px solid #000; text-align: center; padding: 16px; }
.doctable th { background: #f2f2f3; text-align: center; border: 1px solid #000; padding: 16px; }*/
.editlog { margin-top: 100px; text-align: right; }

.cms-material-list .tmpl-item { display: block; border-bottom: 1px dotted #d3d3d3; margin-bottom: 20px; color: inherit; text-decoration: none; }
.cms-material-list .tmpl-item img { display: none; }
.cms-material-list .title { font-size: 112%; font-weight: 500; margin-bottom: 15px; line-height: 1.1; }
.cms-material-list .short { line-height: 1.2; margin-bottom: 15px; }
.cms-material-list .date { color: #a4a4a4; font-weight: 400; font-size: 87%; margin-bottom: 20px; }


@media (max-width: 1359px) {
    .tmpl-page { margin-top: 15px; }
    .tmpl-content { padding: 15px;}
    .allitems { margin-bottom: 15px; }
}
@media (max-width: 1023px) {
    .tmpl-page { margin-top: 15px; }
}
@media (max-width: 767px) {
    .tmpl-page { margin-top: 12px; }
    .tmpl-content { padding: 10px; }
}


/* BANNERS BLOCK  ------------------------------------- */

.tmpl-banners { position: relative; text-align: center; margin-bottom: 10px; margin-top: 10px; }
.tmpl-banners img { margin: 4px; }
.tmpl-banners.sidebar img { max-width: 390px; }
@media (max-width: 1359px) {
    .tmpl-banners.sidebar img { max-width: 220px; }
}
@media (max-width: 1023px) {
    
}
@media (max-width: 767px) {
    
}


/* photogallery */

.tmpl-photos { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.tmpl-photos .tmpl-photo-item img { width: 100%; height: 200px; object-fit: cover; }
.tmpl-photos .tmpl-photo-item .title { margin-top: 5px; text-align: center; font-size: 88%; line-height: 1.1; font-weight: 400; }
@media (max-width: 1359px) {
	.tmpl-photos { grid-template-columns: 1fr 1fr 1fr; }
    .tmpl-photos .tmpl-photo-item img { height: 150px; }
}
@media (max-width: 1023px) {
    .tmpl-photos { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
	.tmpl-photos { grid-template-columns: 1fr; }
    .tmpl-photos .tmpl-photo-item img { height: auto; max-height: 400px; }
}

/* videogallery */
.tmpl-video-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; }
.tmpl-video-list .tmpl-video img { width: 100%; }
.tmpl-video-list .tmpl-video .title { display: block; margin-top: 5px; text-align: center; font-size: 88%; line-height: 1.1; font-weight: 400; }
@media (max-width: 1359px) {
	.tmpl-video-list { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 767px) {
	.tmpl-video-list { grid-template-columns: 1fr; }
}


/* FOOTER ---------------------------------- */

.tmpl-footer .container { font-family: 'Geometria', sans-serif; color: #3d3e3f; font-weight: 400; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 24px; padding-bottom: 0; position: relative; }
.tmpl-footer a { color: inherit; }
@media (max-width: 1359px) {
    .tmpl-footer .container { padding: 15px; }
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
    .tmpl-footer .container { padding: 15px 8px; border-radius: 0; }
}

.tmpl-footer .block3,.tmpl-footer .block4 { display: flex; font-size: 80%; font-weight: 400; align-items: center; border-top: 1px dotted #d3d3d3; padding: 20px 0; }
.tmpl-footer .block3 > * { cursor: pointer; display: flex; align-items: center; margin-right: 30px; }
.tmpl-footer .block3 .img-wrap { display: inline-block; }
.tmpl-footer .block3 .img-wrap img { filter: invert(70%); margin: 0 7px; }

.tmpl-footer .block4  { justify-content: space-between; }
@media (max-width: 767px) {
    .tmpl-footer .block3, .tmpl-footer .block4 { flex-direction: column; align-items: flex-start; }
    .tmpl-footer .block3 > *, .tmpl-footer .block4 > * { padding-top: 5px; padding-bottom: 5px; margin-right: 0; }
    .tmpl-footer .block3 .img-wrap { width: 40px; text-align: center; }
}


.map-block { position: relative; width: 100%; }
.map-block #map { position: relative; width: 100%; height: 350px; z-index: 1; margin-bottom: 20px; }
.map-block #map ymaps[class^="ymaps-2-1-"][class$="-controls__control"] {left: auto !important; margin-left: 32px !important; right: 30px !important; top: 140px !important;}
.tmpl-footer-contacts { position: absolute; top: 16px; left: 16px; bottom: 16px; width: 50%; background: #fff; z-index: 2; padding: 25px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; font-weight: 400; border: 1px solid #e0e2ea; }
.tmpl-footer-contacts .wrapper > * { display: flex; align-items: center; padding-top: 5px; padding-bottom: 5px; line-height: 1.2; }
.tmpl-footer-contacts .img-wrap { width: 25px; margin-right: 10px; text-align: center; }
.tmpl-footer-contacts a { color: inherit; }
.tmpl-footer-contacts .sitename { margin-bottom: 5px; font-weight: 500;  }
.tmpl-footer-contacts .phone { }
.tmpl-footer-contacts .email { }
.tmpl-footer-contacts .address { }
@media (max-width: 1359px) {
    .tmpl-content.map > .container { padding: 30px 0; }
    .tmpl-footer-contacts .wrapper > * { padding: 5px 0;}
}
@media (max-width: 1023px) {
    .map-block #map { height: 260px; }
    .tmpl-footer-contacts { position: relative; width: 100%; border: none; left: 0; top: 0; }
}
@media (max-width: 767px) {
    .tmpl-content.map > .container { padding: 0; }
    .tmpl-footer-contacts { padding: 15px; height: auto; }
    .map-block #map { height: 230px; }
}

#saveus-window .saveus-footer .saveus-btn { background-color: #4788cf!important; }


/* TABLE SCROLLING---------------------------- */

@media (max-width: 1359px)  {
    .tmpl-contentblock table {
        overflow-x: auto;
        display: block;
        width: 100%!important;
    }
}

/* Admin FIX ------------------------------ */

.x-window,
.x-window *,
.x-window *:before,
.x-window *:after,
.kl83-ui,
.kl83-ui *,
.kl83-ui *:before,
.kl83-ui *:after { 
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* GoogleTranslate */
body { top: 0 !important; }
#google_translate_element,
.skiptranslate,
.goog-te-banner-frame { display: none !important; }