@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('/css/font-awesome.css');


* {margin:0; padding:0}
body {font-family: "Open Sans", Arial, Helvetica, sans-serif;font-weight:400; font-size:16px; line-height:140%; color:#333; font-style:normal; background-color:#fff; text-align:left;}
html {scroll-padding-top:90px;}
.custom-container {max-width:1600px;}
.heading-section {width:100%; text-align:center; padding-top:40px;}
#mainContent {margin:35px 0;}

a {color:#007bff; text-decoration:none; outline:none;}
a:hover {color:#03C; text-decoration:underline}
a:visited {color:#03C;}
a.none {color:#333; text-decoration:none;}
a.blue:hover, a.none:hover {color: #007bff !important; text-decoration:none}
.imgOpen {outline:none; cursor:pointer;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {margin-top:0;margin-bottom:1rem; font-family: Roboto, sans-serif; font-weight:400;line-height:120%;text-transform: normal;}
.h1,h1{font-size:32px; margin-bottom:1.2rem; color:#00c1d8;}
.h2,h2{font-size:28px; color:#00add8;}
.h3,h3{font-size:24px}
.h4,h4{font-size:20px}
.h5,h5{font-size:18px}
.h6,h6{font-size:16px}
.heading-section h2, .heading-section h3 {color:#333; margin-bottom:2rem;}

.f8 {font-size:0.6rem !important; line-height:0.7rem !important;}
.f9 {font-size:0.7rem !important; line-height:115%;}
.f10 {font-size:0.8rem !important; line-height:120%;}
.f11 {font-size:0.9rem !important; line-height:120%;}
.f12 {font-size:0.95rem !important; line-height:125%;}
.f13 {font-size:1rem !important; line-height:130%;}
.f14 {font-size:1.1rem !important; line-height:140%;}
.f15 {font-size:1.2rem !important; line-height:140%;}
.f16 {font-size:1.3rem !important; line-height:130%;}
.f18 {font-size:1.4rem !important; line-height:130%;}
.f20 {font-size:1.5rem !important; line-height:130%;}
.f30 {font-size:2rem !important; line-height:120%;}
.f40 {font-size:3rem !important; line-height:120%;}
.no {font-weight:normal !important;}
.b {font-weight:700}
.sb {font-weight:600}
.i {font-style:italic}
.u {text-decoration:underline}
.up {text-transform:uppercase}
.blue {color:#2671a5 !important;}
.hblue {color:#00c1d8 !important;}
.lightblue {color:#38b !important;}
.cyan {color:#099 !important;}
.orange {color:#e87d1d !important;}
.yellow {color:#f0ad4e !important;}
.green {color: #093 !important;}
.red {color:#f33 !important;}
.brown {color:brown !important;}
.lightgray {color:#ccc !important;}
.gray {color:#777 !important;}
.white {color:#fff !important;}
.black {color:#333 !important;}
.bgBlue {background-color:#39C !important;}
.bgLightblue {background-color:#f2faff;}




hr {border:none; border-bottom: #999 1px dotted; height:1px; margin:25px 0; $margin:0; /*for all ie*/}

dl {padding:7px 20px; text-align:justify;}
dt {color: #039; font-weight:bold;}
dd {padding:7px 20px;}
dl.border {border: dashed thin; margin: 7px 20px;}
.indent {padding-left:30px;}
.spravka {margin:10px 0 10px 20px; border-left:2px solid #70b5bb; font-size:12px;}
.spravka p {padding-left:15px;}
.ramka {margin-bottom:30px; padding:20px; box-sizing:border-box; border:2px solid #8dcedc; background-color:#fdfdfd;}
.ramka p:last-child {margin-bottom:0;}
#mainContent .ramka ol, #mainContent .ramka ul {padding-left:20px; padding-right:0; margin-bottom:0}
#mainContent .ramka li {padding-bottom:0;}

.radius {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.quote {background-color:#fcfcfc; margin:20px 0; display:block; position:relative;}
.quote::before, .quote::after {font-family:"Font Awesome 5 Free";font-style:normal;font-weight:600; font-size:24px; content:"\f10d"; position:absolute; left:10px; top:10px; color:#ccc;}
.quote::after {content:"\f10e"; left:auto; top:auto; right:12px; bottom:8px;}
.quote p {padding:20px 45px;}
.button {border-top:1px solid #96d1f8; padding:7.5px 15px; color:white; font-size:18px; font-family: Helvetica, Arial, Sans-Serif; text-decoration:none; vertical-align: middle;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   border-radius:7px; -moz-border-radius:7px;
   box-shadow: rgba(0,0,0,1) 0 1px 0; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;}
.button:hover {border-top-color:#28597a; background:#28597a; color:#ccc;}
.button:active {border-top-color: #1b435e; background: #1b435e;}
button:focus {outline: none;}
.numbers {background:#39C; float:left; display:inline-block; border-radius:50%; font-size:20px; line-height:36px; font-weight:500; color: #fff; width:36px; height:36px; margin:3px 12px 3px 0; text-align:center;}

img {border:none;}
.img, #mainContent img {max-width:100%; height:auto}
.imgLeft, .imgRight, .imgLeftBorder, .imgRightBorder {vertical-align:text-top}
.imgLeft, .imgLeftBorder {float:left; margin:0 15px 10px 0}
.imgRight, .imgRightBorder {float:right; margin:0 0 10px 15px}
#logo_img img {margin:0 15px; vertical-align:middle;}

.border, .imgLeftBorder, .imgRightBorder {border:#ccc 1px solid}
.pageBreak, .nodisplay {display:none;}
.clearer {height:0; line-height:0; font-size:0; clear:both;}
.bottomBlock {width:100%; height:0; clear:both; margin-bottom:50px;}

.htm-link, .pdf-link, .doc-link, .txt-link, .ppt-link, .swf-link, .wma-link, .exe-link, .zip-link, .xls-link {vertical-align:top; padding: 0 0 5px 25px; text-decoration:none}
p.htm-link, p.pdf-link, p.doc-link, p.txt-link, p.ppt-link, p.wma-link, p.exe-link, p.swf-link, p.zip-link, p.xls-link {margin:7px 0 0 20px; padding:0 0 7px 25px; line-height:110%}
li.pdf-link {padding-bottom:8px; padding-top:2px;}
.doc-link {background: url(/i/ico/doc.gif) left 3px no-repeat}
.exe-link {background: url(/i/ico/exe.gif) left 3px no-repeat}
.htm-link {background: url(/i/ico/iexp.gif) left 3px no-repeat}
.pdf-link {background: url(/i/ico/pdf.gif) left 3px no-repeat}
.ppt-link {background: url(/i/ico/ppt.gif) left 3px no-repeat}
.swf-link {background: url(/i/ico/swf.gif) left 3px no-repeat}
.txt-link {background: url(/i/ico/txt.gif) left 3px no-repeat}
.wma-link {background: url(/i/ico/wma.gif) left 3px no-repeat}
.zip-link {background: url(/i/ico/zip.gif) left 3px no-repeat}
.xls-link {background: url(/i/ico/xls.gif) left 3px no-repeat}

#mainContent ul, #mainContent ol {padding:0 0 0 40px}
#mainContent ul ul, #mainContent ul ol, #mainContent ol ol, #mainContent ol ul {padding:0 0 0 30px}
#mainContent li {padding:5px 3px;}
ul.fa-ul {padding:0 20px 10px 10px}
.fa-ul li {padding:2px 5px 7px 5px;}
ul.none, ol.none {padding-left:20px !important;}
#mainContent ul.nav, #mainContent ul.pagination {padding:0; margin:0;}

.btn-primary {background-color:#38b; border-color:#38b; color:#fff}
.btn-primary:hover {background-color:#069;}
.btn-outline-primary {border-color:#38b; color:#38b}
a.btn {background-color:#38b; border-color:#38b; color:#fff}
a.btn.btn-secondary {background-color:#ddd; border-color:#CCC;}
a.btn:hover {background-color:#069; color:#fff; text-decoration:none}
.btn:hover a, .btn-primary a {color:#fff; text-decoration:none}
a.btn.btn-light, a.btn.btn-light:visited {background-color:#f8f9fa; border-color:#f8f9fa; color:#000; font-size:0.9rem;}
a.btn.btn-light:hover {background-color:#00add8; color:#FFF;}
.btn-menu .btn {margin-right:3px; margin-bottom:7px; font-size:14px}
.btn.active {background-color: #00add8; border-color:#00add8;}
.btn.focus,.btn:focus {box-shadow:none;}	

.page-item.active .page-link {background-color: #00add8; border-color: #00add8;}
.header-top-offer > p span, .header-top-action > ul > li.sign-in a:hover, .header-top-action > ul > li > a:hover, .navbar-wrap > ul > li.active > a, .navbar-wrap > ul > li > ul li.active > a, .navbar-wrap > ul > li > ul li:hover > a, .header-action .shipping-offer > span, .header-action > ul > li:hover > a, .off-canvas-heading .close-side-widget:hover, .sidebar-off-canvas .contact-info ul li span, .sidebar-off-canvas .contact-info ul li a:hover, .oc-social ul li a:hover, .mega-menu .mega-menu-wrap .mega-menu-col li a:hover, .mega-menu .mega-menu-wrap .mega-menu-col .mega-title > a:hover, .navbar-wrap .mega-menu-wrap ul li.active > a, .mobile-menu .navigation li.active > a, .side-header-nav .side-header-action li a:hover, .sidebar-copyright p > a, .navbar-wrap .mega--menu--wrap li.active a .text {color:#069;}

@media (min-width:400px){.d-xm-flex{display:-ms-flexbox!important;display:flex!important}}

/* HEADER */
#header {width:100%; margin:0 auto; float:none; height: auto; background-color:#fff; clear:both; text-align:center;}
#header img.russco {margin: 20px 0 0 50px; float:left;}
#header img.rosoncoweb {margin: 20px 0 30px 45px; float:none; max-width:100%}
/*#search {width:400px; height:50px; float:right; margin-top:5px;}*/
#search {margin:5px 0;}
#search input {padding:3px; font-size:12px; border: 1px solid #cccccc; border-radius:5px; background: #ffffff !important;  outline: none;}

header ul {padding:0; margin:0}
header a:hover {text-decoration:none;}
.menu-area {position: relative; background: url("/i/bg/menu/fon.jpg") 100% no-repeat;}
.menu-area .menu-overlay {background: #00A79D; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; opacity: 0.7;}
.scroll-top {background:#04b7ea; width: 50px; height: 50px; line-height: 50px; position: fixed; bottom:20px;  right: 30px; font-size: 16px; z-index: 99; color: #fff; text-align: center; cursor: pointer; transition: 2s ease; border: none; opacity: 0;}
.scroll-top.open {opacity: 0.9;}
.scroll-top::after {position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}
.scroll-top:hover {background: #55d8fe;}

/* menu */
.header-top-wrap {padding: 0 0 27px 0; background:#fff;}
.menu-nav {display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start;}
.navbar-wrap {display:flex; flex-grow:1;}
.navbar-wrap ul {display: flex; flex-direction:row; flex-wrap:wrap; margin-left:auto; margin-right:auto;}
.navbar-wrap ul li {display: block; position: relative;}
.navbar-wrap > ul > li:hover > a, .navbar-wrap > ul > li > a.active {background-color:#017e7e}
.navbar-wrap ul li a {font-size:14px; font-weight:400; text-transform: uppercase; color: #fff; padding:30px 2.7vw; display: block; line-height: 1; position: relative; z-index: 1;}
.main-menu .navigation li.menu-item-has-children .dropdown-btn, .main-menu .navigation li.menu-item-has-children .dropdown-subbtn {display: none;}
.sticky-menu {left:0; margin:auto; position:fixed; top:0; width:100%; z-index:99; -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.15); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.15); border-radius: 0;}
.navbar-wrap ul li .submenu {position: absolute; z-index: 9; background-color: #fff; border-radius: 0; border: none; -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25); -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25); box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25); display: block; left: 0; opacity: 0; padding: 20px 0; right: 0; top: 100%; visibility: hidden; min-width: 230px; border: 1px solid #f5f5f5; background: #ffffff; box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15); margin: 0; transform: scale(1 , 0); transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.navbar-wrap ul li .submenu li {margin-left: 0; text-align: left; display: block;}
.navbar-wrap ul li .submenu li a {padding: 0 10px 15px 25px; line-height: 130%; font-weight: 500; color: #5d5d5d; text-transform: none; letter-spacing: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.navbar-wrap ul li:hover > .submenu {opacity: 1; visibility: visible; transform: scale(1);}
.navbar-wrap ul li.has--mega--menu {position: static;}
/*.navbar-wrap ul li.has--mega--menu a, .navbar-wrap ul li.menu-item-has-children a {padding-right:35px;}*/
.navbar-wrap ul li.has--mega--menu > a::after, .navbar-wrap ul li.menu-item-has-children > a::after {font-family:"Font Awesome 5 Free"; font-size:16px; font-style:normal; font-weight:600; content: "\f107"; position: absolute; right:1vw; top:28px; color:#FFF; opacity:0.8;}
.navbar-wrap .mega--menu--wrap, .navbar-wrap .has--mega--menu .mega-menu {position: absolute; left: 0; top: 100%; background: rgba(255, 255, 255, 0.99); max-width:calc(100vw - 50px); max-height: calc(100vh - 120px); z-index: 1000; display: flex; flex-wrap: wrap; width: 100%; margin-right: 15px; margin-left: 15px; padding: 40px 40px; border: 1px solid rgb(245, 245, 245); box-shadow: rgb(137 139 142 / 15%) 0px 30px 70px 0px; transform: scale(1 , 0); transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0;}
.navbar-wrap ul li:hover .mega--menu--wrap, .navbar-wrap .has--mega--menu:hover .mega-menu {opacity: 1; visibility: visible; transform: scale(1);}
.navbar-wrap ul li .mega--menu--wrap .mCustomScrollBox {width: 100%;}
.navbar-wrap ul li .mega--menu--wrap .mCSB_container {margin: 0; display: flex; flex-wrap: wrap;}
.navbar-wrap ul li .mega--menu--wrap .mCSB_scrollTools {width: 0px;}
.navbar-wrap .mega--menu--wrap li {width: 20%; flex: 0 0 20%; padding: 15px 20px; margin-bottom: 0; text-align: center;}
.navbar-wrap .mega--menu--wrap li a, .header-style-two .navbar-wrap .mega--menu--wrap li a {padding: 0;}
.navbar-wrap .mega--menu--wrap li a .img {display: block; position: relative; box-shadow: 0px 4px 8px 0px rgb(12 0 46 / 9%); overflow: hidden;}
.navbar-wrap .mega--menu--wrap li a .img::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #202026; opacity: 0; z-index: 1; transition: all 0.3s ease-in-out 0s;}
.navbar-wrap .mega--menu--wrap li:hover > a .img::before {opacity: 0.5;}
.navbar-wrap .mega--menu--wrap li a img {max-width: 100%; transform: scale(1); transition: .5s linear;}
.navbar-wrap .mega--menu--wrap li a:hover img {transform: scale(1.1);}
.navbar-wrap .mega--menu--wrap li a .text {display: block; color: #312620; margin-top: 20px; text-transform: capitalize; letter-spacing: 0; font-weight: 500; font-size: 14px;}
.navbar-wrap .has--mega--menu .mega-menu .mega-menu-wrap {max-width: 1085px; width: 100%; margin: 0 auto; display: flex; align-items: flex-start;}
.mega-menu .mega-menu-wrap .mega-menu-col {margin-left: 0;}
.mega-menu .mega-menu-wrap .mega-menu-col {margin-left: 0; display: block; padding: 0 15px; width: 30%; flex: 0 0 30%; margin-right: 0;}
.mega-menu .mega-menu-wrap .mega-menu-col li a {color: #333; text-transform: none; padding: 8px 0; display: inline-block; font-weight: 400; letter-spacing: 0;}
.mega-menu .mega-menu-wrap .mega-menu-col .mega-title > a {color: #00A79D; text-transform: uppercase; font-size: 14px; font-weight: 700; padding: 0 0 9px; margin-bottom: 18px;}
.mega-menu .mega-menu-wrap .mega-menu-col .mega-title > a:hover {color:#00A79D; padding-left:0;}
.mega-menu .mega-menu-wrap .mega-menu-col .mega-title > a::before {content: ""; position: absolute; left: 0; bottom: 0; width: 80px; height: 1px; background: #00A79D;}
.patients .mega-menu .mega-menu-wrap .mega-menu-col .mega-title > a, .patients .mega-menu .mega-menu-wrap .mega-menu-col .mega-title > a:hover {color: #bb1a9c;}
.patients .mega-menu .mega-menu-wrap .mega-menu-col .mega-title > a::before {background-color: #bb1a9c;}
.mega-menu .mega-menu-wrap li.cat-mega-menu-banner { margin-top:10px}
.mega-menu .mega-menu-wrap .sub-cat-post li a:hover {padding-left: 0;}
.mega-menu .mega-menu-wrap .sub-cat-post li a, .mega-menu .mega-menu-wrap li.cat-mega-menu-banner a {position:relative; padding:0;}
.mega-menu .mega-menu-wrap .sub-cat-post li a .btn, .mega-menu .mega-menu-wrap li.cat-mega-menu-banner a .btn {color:#FFF; font-size:14px; font-weight:bold; line-height:130%; width:80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background:rgba(0, 113, 166, .95);}
.mega-menu .mega-menu-wrap .sub-cat-post li a:hover .btn, .mega-menu .mega-menu-wrap li.cat-mega-menu-banner a:hover .btn {background:rgba(1, 148, 224, .95)}
.mega-menu .mega-menu-wrap .sub-cat-post li a img, .mega-menu .mega-menu-wrap li.cat-mega-menu-banner a img {max-width:100%; border:1px solid #CCC;}
.mega-menu .mega-menu-wrap .mega-menu-col li:last-child a {padding-bottom: 0;}
.mega-menu .mega-menu-wrap .mega-menu-col.sub-cat-post {width: 30%;flex: 0 0 30%;}
header.side-header {position: fixed; top: 0; left: 0; width: 335px; height: 100%; box-shadow: 0px 3px 27px 0px rgb(165 165 165 / 17%); background: #fff;}
.side-header-inner {padding: 40px 40px; overflow-x: hidden; overflow-y: auto; text-align: center; height: 100%;}
.side-header-nav {margin: 180px 0;}
.side-header-nav ul.navigation li {display: block; margin: 0 0;}
.side-header-nav ul.navigation > li > a::before, .side-header-nav ul.navigation > li .submenu li > a::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 1px; background: #ff5400; width: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.side-header-nav ul.navigation  > li.active > a::before, .side-header-nav ul.navigation  > li > a:hover::before, .side-header-nav ul.navigation .submenu > li.active > a::before, .side-header-nav ul.navigation .submenu > li > a:hover::before {width: 120%;}
.navbar-wrap ul li.nav_search a {padding:24px 15px 0 30px; opacity:1; font-size:30px !important; line-height:100%; background:none}
.navbar-wrap ul li.nav_search a:hover {color:#66ffff;}
a.nav_search_mobile {color:#aaa;}
a.nav_search_mobile:hover {color:#2671a5;}

/* mobile-menu */
.nav-outer .mobile-nav-toggler {position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; display: none; color: #fff; margin-right: 30px; top: 15px;}
.mobile-menu {position: fixed; right: 0; top: 0; width: 300px; padding-right:20px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 99; border-radius: 0px; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%);}
.mobile-menu .navbar-collapse {display: block !important;}
.mobile-menu .nav-logo {position: relative;	padding:30px 15px; text-align: center;}
.mobile-menu-visible {overflow: hidden;}
.mobile-menu-visible .mobile-menu {opacity: 1; visibility: visible; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}
.mobile-menu .navigation li.current>a:before {height: 100%;}
.menu-backdrop {position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; opacity: 0; visibility: hidden; background: #fff;}
.mobile-menu-visible .menu-backdrop {opacity: 0.80; visibility: visible;}
.header-style-four .menu-backdrop {background-image: url(/i/bg/menu_overlay_bg.jpg); background-position: center; background-size: cover;}
.mobile-menu-visible .header-style-four .menu-backdrop {opacity: 1;}
.mobile-menu .menu-box {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 0px 0px; z-index: 5; box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);}
.mobile-menu-visible .mobile-menu .menu-box {opacity: 1; visibility: visible;}
.mobile-menu .close-btn {position: absolute; right: 10px; top: 25px; line-height: 30px; width: 35px; text-align: center; font-size: 25px; color: #00A79D; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
.mobile-menu .close-btn:hover {color:#04b7ea;}
.mobile-menu-visible .mobile-menu .close-btn {-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.mobile-menu .navigation {position: relative; display: block; width: 100%; float: none;}
.mobile-menu .navigation li {position: relative; text-align:left; display: block; border-top: 1px solid rgb(0 0 0 / 10%);}
.mobile-menu .navigation:last-child {border-bottom: 1px solid rgb(0 0 0 / 10%);}
.mobile-menu .navigation li>ul>li:first-child {border-top: 1px solid rgb(0 0 0 / 10%);}
.mobile-menu .navigation li > a {position: relative; display: block; line-height: 24px; padding: 10px 35px 10px 25px; font-size: 15px; font-weight: 500; color: #312620; text-transform: none; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; border: none;}
.mobile-menu .navigation >li > a {background-color: #fcfcfc;}
.mobile-menu .navigation li.active > a {font-weight: bold; background-color:#eaf8fc;}
.mobile-menu .navigation li ul li > a {font-size: 13px; line-height: 130%; margin-left: 10px;}
.mobile-menu .navigation li ul li > a:hover {color:#007bff;}
.mobile-menu .navigation li ul li.mega-title > a {font-size:14px; margin-left:0; font-weight:600; color: #06C;}
.mobile-menu .navigation li ul li ul li a {margin-left:30px;}
.mobile-menu .navigation li ul li ul li ul li a {margin-left:50px;}
.mobile-menu .navigation li ul li > a:before {content: ''; font-size:18px; position: absolute; left:10px; top:10px; color:#069;}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: #312620; background: #efefef; cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5;}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul {display: none;}
.mobile-menu .social-links {position:relative; text-align:center; padding:20px 0;}
.mobile-menu .social-links ul {padding:0;}
.mobile-menu .social-links li {position:relative; display:inline-block; margin:0px 4px; padding:0;}
.menu-area .mobile-nav-toggler {position: relative; float: right; font-size: 30px; cursor: pointer; line-height: 1; color: #fff; display: none; margin-right:20px; margin-top: 3px;}

/* submenu */
.sidebar-box {margin-top:40px; margin-bottom: 30px; font-size:15px; line-height:120%; width:100%; float: left;}
.sidebar-box h3 {font-size:20px; font-weight:500; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom:15px;}
.sidebar-box p.title {font-weight:600; margin-top:10px; padding:10px; color:#369; background-color:#fafafa;}
.categories li {position:relative; margin-bottom:10px; padding-bottom:10px; margin-left:10px; border-bottom:1px dotted #dee2e6; list-style:none;}
.categories li:last-child {margin-bottom:0; border-bottom:none; padding-bottom:0;}
.categories li a {display:block; color:#666; padding-left:15px;}
.categories li a::before {font-family:"Font Awesome 5 Free"; font-size:12px; font-style:normal; font-weight:600; content:"\f105"; position:absolute; left:0; top:0; color:#888;}
.categories li a:hover, .categories li.active a {color:#0cc; text-decoration:none;}
.categories li a:hover::before, .categories li.active a::before {color:#0cc;}
.categories ul {margin-left:10px; margin-bottom:10px; padding-left:15px; padding-bottom:10px; border-bottom:1px dotted #dee2e6; display:none}
.categories ul.active {display: block}
.categories ul li {margin-left:0; font-size:14px}
.categories ul li a::before {content:"\f111"; font-size:7px; color:#bbb;}
.categories ul li a:hover, .categories ul li a:hover::before, .categories ul li.active a, .categories ul li.active a::before {color:#37b2f8;}


/* FIRST */

/* Society */
#society-section .img-fluid {margin-bottom:30px;}
#society-section .box {margin-bottom:20px;}
#society-section .box h4 {font-size:18px; margin:0 0 0 10px;}
#society-section .box a {color: #38b;}
#society-section .box .icon {background: #38b; border-radius:50%; font-size:16px; color: #fff; width:36px; height:36px; transition: all 0.3s ease-in-out; border: 1px solid #38b;}
.some-facts {background: url("/i/bg/somefacts.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; padding:35px 0;}
.some-facts .items i {font-size:36px; color:#fff;}
.some-facts .items h3 {font-size:25px; color:#fff; margin:0; font-weight:500; margin-top:15px;}
.some-facts .items h4 {font-size:14px; color:#fff; margin:7px 0 0;}
.some-facts .items a {color:#fff;}

/* video */
#video {margin:30px 0;}
#video h3 {color:#00add8;}
#video .right {background: url("/i/bg/video.jpg") left center no-repeat; background-size:cover; height:360px;}
#video .video-icon .icon {background: linear-gradient(135deg, rgba(29,148,219,1) 0%, rgba(21,117,174,1) 100%); color: #ffffff; display: inline; font-size: 20px; padding: 23px 28px; border-radius:200px; position: relative;}
.pulse {animation:pulse 1s infinite; animation-duration:2s;}
@keyframes pulse {
  0% {-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);}
  70% {-moz-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0); box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);}
  100% {-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}


/* events */
#events-section {padding:0 0 30px 0;}
.blog-img {overflow:hidden; position:relative; display:block;}
.blog-img img {width:100%; max-width:100%; height:auto;}
.blog-entry .meta-date {display:inline-block; background:#38b; position:absolute; right:0; bottom:0; z-index:5;}
.blog-entry .meta-date span {display: block; color: #fff;}
.blog-entry .meta-date .day {font-size:25px; line-height:130%}
.blog-entry .meta-date .mos, .blog-entry .meta-date .yr {font-size:13px;}
.blog-entry .text {position: relative; border-top: 0; border-radius: 2px; font-size:0.85rem; line-height:120%; height:230px; overflow: hidden;}
.blog-entry .text:after {content: ""; position: absolute; left: 0; bottom: 0; width:100%; height:30px; background: linear-gradient(180deg, transparent, #fff 50%);}
.blog-entry .text .heading {font-size:20px; margin-bottom:16px; font-weight:600}
.blog-entry .text .heading a {color:#38b;}
.blog-entry .text .heading a:hover, .blog-entry .text .heading a:focus, .blog-entry .text .heading a:active {color: #333; text-decoration:none;}
.blog-entry .text p {margin-bottom:7px;}
.blog-entry .text .read {color: #000000;}

/* first news */
#news h4 {margin-bottom:15px;}
#news h3 {padding-bottom:12px; border-bottom:1px solid #ddd; margin-bottom:25px;}
#news .news {width:100%;}
#news .news .news_post {width:100%; padding:12px 0; border-bottom:1px solid #eee;}
#news .news_post_image {width:120px; height:70px;}
#news .news_post_image img {width:100%; height:100% !important; object-fit:cover;}
#news .news_post_body {padding-left:20px;}
#news .news_post_date {font-size:12px; font-weight:600; color:#2671a5; line-height:0.75;}
#news .news_post_title {font-size: 16px; line-height:140%; font-weight:600; margin-top:5px;}
#news .news_post_title a {color:#333;}
#news .news_post_title a:hover {color:#007bff; text-decoration:none;}

/* map */
#regions-section {padding-bottom:2px;}


/* FLASH VIDEO */
.embed {margin:10px 20px 20px 20px;}
.videobg {margin:0 20px 20px 20px; background:url(/i/bg/videobg.gif) repeat-y top;}
.youtube {margin:20px 0; padding:7px 0; background:url(/i/bg/videobg_640.gif) repeat-y top center;}
.video-responsive {position:relative; overflow:hidden; padding-bottom:56.25%; padding-top:30px; height:0; margin:20px 0}
.video-responsive iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.iframe-container {position: relative; overflow: hidden; padding-top: 56.25%; margin:10px 0 20px 0;}
.iframe-container iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}


/* SLIDE TOGGLE */ 
.profile {width:auto; height:auto; overflow:auto; margin-bottom:20px;}
.profile h3 {background: url(/i/ico/arrow-square.gif) no-repeat left -48px; padding: 7px 20px 15px 30px; margin:7px 0 0 20px; cursor:pointer;}
.profile h3:hover {color:#f33;}
.profile h3.active {background-position:left 8px; color:#f33;}
.profile .obj {margin-bottom:15px;}

.toggle {width:100%; height:auto; overflow:auto;}
.toggle .obj {display:none;}
.toggle h3 {font-size:22px; padding:0 0 5px 0; margin:30px 0; border-bottom: #8FB6DD 1px dashed; cursor:pointer;}
.toggle h3::before, .toggle h3.active::before {font-family:"Font Awesome 5 Free"; font-size:28px; font-style:normal; font-weight:600; content:"\f107"; float:right; padding:10px 5px 5px 10px; margin-top:-5px; color:#999;}
.toggle h3.active::before {content:"\f106"; color:#2671a5;}
.toggle h3:hover, .toggle h3.active {color:#2671a5;}


/* NEWS */

.news-list .news_post {width:100%; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.news-list .news_post_image img {width:100%; height: auto !important; object-fit: cover;}
.news-list .news_post_body {font-size:15px; line-height:130%;}
.news-list .news_post_date {font-size:14px; line-height:100%; font-weight:400; color:#666;}
.newsData {font-size:14px; line-height:100%; color:#777;}
.news-list h3 {font-size:20px; line-height:130%; font-weight:500; margin:10px 0;}
.news-list h3 a, .news-media a {color:#333;}
.news-list h3 a:hover, .news-media a:hover {color:#007bff; text-decoration:none;}
.news-list p {margin:0}
.news-list ol, .news-list ul {margin:10px 0 0 0;}
.post-list > p, .post-list > div {padding:15px 0; margin:0; border-bottom:1px solid #eee; /*padding-left:30px;*/}
/*.news-media a::before {font-family:"Font Awesome 5 Free"; font-size:20px; font-style:normal; font-weight:600; content:"\f0a9"; float:left; margin-left:-30px; color:#ddd;}
.news-media a:hover::before {color:#38b; transition: all 100ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;}*/
#mainContent ul.pagination {margin-top:20px;}


/* SCHEDULE */
.schedule .day:after, .schedule .event:after {clear:both; content: "."; display: block; font-size:0; height:0; line-height:0; overflow: hidden;}
.schedule .event .event-time, .schedule .event .event-info {float:left;}
.schedule .event .event-time, .schedule .event .event-info h4 {font-weight:500;}
.schedule .event .event-info h4 {margin-bottom:0; font-size:18px;}
.schedule .event .event-time {width:20%; font-size:18px; line-height:16px; font-weight:600; text-align: center; padding-right:10px; position:relative;}
.schedule .event .event-time .timespan {display:block; width:16px; height:16px; border-radius:50%; background-color:#38b; position:absolute; top:0; right:-8px; text-align:center; color:white; font-size:20px; line-height:16px;}
.schedule .event.extend .event-time .timespan {width:24px; height: 24px; top:0; right: -12px; cursor: pointer; line-height:24px}
.schedule .event .event-info {width:80%; padding-left:40px; border-left: 1px solid #b9d2ee;}
.schedule .event .event-info > div {border-bottom: 1px dashed #ccc; margin-bottom:20px; padding-bottom:20px;}
.schedule .event .event-info > div p:last-child {margin-bottom:0;}
.schedule .event:last-child .event-info > div {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}


/* tabs */
.nav-tabs .nav-link {color:#000; background-color:#f8f9fa;}
.nav-tabs .nav-link:hover {background-color:#d1effa;}
.nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {background-color: #00add8; color:#fff}
/* few days */
.nav-days .nav-item {padding:0 !important; border:none;}
.nav-days .nav-link, .nav-days .nav-link:hover {border:none; border-radius:0; padding:1rem 0.5rem}
.nav-days .nav-link.active {background-color:#c3e0ea !important; color:#000}
.bg-days {background-color:#c3e0ea !important;}

.tabs {margin:10px 20px; font-size:13px; font-weight:bold; border-bottom:1px solid #999}
.tabs .tab, .tabs .link_tab {padding:10px 30px; display:inline-block;}
.tabs .tab a, .tabs .link_tab a {color:#333; text-decoration:none;}
.tabs .tab.activ, .tabs .link_tab.activ {background-color:#d6e7f3;}

/* table */
.table .bg-primary {background-color: #38b !important;}
.table td, .table th {padding: .5rem; box-sizing:border-box;}
.table th { vertical-align:middle;}
.table-responsive {margin-bottom:20px;}

.row_blue {text-align:center; color:#fff; background-color:#70b5bb;}
.row_yellow {background-color:#ff9;}
.rowEven {background-color:#d6e7f3; /*line-height:200%;*/}
.row_gray {background-color:#f3f3f3;}
.row_orange {background-color:#FED5A7;}
.row_green {background-color: #d0e6c1;}

/* gallery */
.masonry {column-count:3; column-gap:10px;}
.masonry.masonry-big {column-count:2;}
.masonry.masonry-small {column-count:4;}
.masonry .mItem {display:inline-block; margin-bottom:10px; width:100%;}
.masonry img {width:100%;}

/* modal */
.modal {text-align:left; font-size:0.95rem;}
.modal ul {padding-left:30px;}
.modal h2 {color: #1d5571; font-size:1.5rem;}
.modal-title {font-weight:600; color:#00add8}
.location {background-color:#70b5bb; color:#FFF; font-weight:700; padding:10px; border-radius:5px; width:100%; display:inline-block; margin-bottom:10px;}



/* BOXES  */
.vizitka {margin: 0 20px 10px 0; clear:both;}
.vizitka img {margin: 0 20px 10px 0; border:1px solid #ccc;}
.vizitka p {padding-bottom:0;}
/* NK */
.nk {float:left; width:50%;}
.nk .imgLeft {margin:10px 0 10px 20px;}
.nk p {display:block; padding-left:10px; padding-right:20px; width:230px; float:left;}


/* Rating */
div.rating-cancel, div.star-rating {float:left; width:17px; height:15px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; border:none;}
div.rating-cancel, div.rating-cancel a {background:url(/i/ico/delete.gif) no-repeat 0 -16px; padding-right:5px;}
div.star-rating, div.star-rating a {background:url(/i/ico/star.gif) no-repeat 0 0px;}
div.rating-cancel a, div.star-rating a {display:block; width:16px; height:100%; background-position:0 0px; border:0;}
div.star-rating-on a {background-position:0 -32px !important;}
div.star-rating-hover a {background-position:0 -32px;}
.rat {float:left; margin:2px 0;}
.comments .stars {float:left; padding:0 30px 0 0;}
#commentsRating {float:right; width:260px; border:none; font-style:normal;} 
#commentsRating p, #raiting_data {float:left; padding:0; padding-bottom:10px; margin:0; font-size:12px; $margin-bottom:-10px;} 
#raiting_all {border:none; float:left; height:16px; padding:0; margin:0 5px; width:80px; background: url(/i/ico/star.gif) repeat-x;}
#raiting_votes {border:none; float:left; height:16px; padding:0; margin:0; background: url(/i/ico/star.gif) repeat-x 0 -32px;}
div.star-rating-readonly a {cursor:default !important;}
div.star-rating {background:transparent !important; overflow:hidden !important;}
/* Comments */
div.comments {margin:0 20px; clear:both;}
.comments div {margin:10px 0 10px 10px; font-size:12px; font-style:italic; border-bottom:1px dashed #ccc;}
.comments p {padding:5px 0; text-align:left; line-height:130%;}
.comments div p.name {color:#184071; font-weight:bold; font-style:normal; padding:0;}
.comments div span {color:#666; font-weight:normal; padding-left:5px;}
form.comments p {padding:2px 20px;}
form.comments div {border:none; margin:5px 0;}
.comments input.txt {width:210px; margin-left:10px;}
.comments textarea {width:350px; height:70px; margin-top:5px;}
.comments .code {width:205px; border:none; margin:0;}
.comments #image, .comments #cod_rating {margin-bottom:5px; margin-right:15px;}
.comments .but {text-align:right; padding-top:0; padding-right:15px;}
.comments .submit {padding:1px 3px; width:75px; height:24px; font-size:12px;}
.comments #rat .submit {margin-left:20px;}
/* POLL */
div.poll {margin:0 20px; clear:both;}
.poll p {padding:5px 0 0 0; text-align:left; line-height:140%; clear:both;}
.poll div {float:left;}
form.poll p {clear:both;}
.poll label:hover {cursor: pointer;}
.poll .submit {padding:1px 3px; width:75px; height:24px; font-size:12px;}
label.radio_checked {height:16px; background:#fff url(/i/ico/radio_on.png) no-repeat; float:left; display:block; padding-left: 22px; padding-right:10px; margin-left:10px;}
label.radio_unchecked {height:16px; background:#fff url(/i/ico/radio_off.png) no-repeat; float:left; display:block; padding-left: 22px; padding-right:10px; margin-left:10px;}
label.checkbox_checked {height:16px; background:#fff url(/i/ico/checkbox_on.png) no-repeat; float:none; display: inline-block; padding-left: 22px; padding-right:10px; margin-left:10px;}
label.checkbox_unchecked {height:16px; background:#fff url(/i/ico/checkbox_off.png) no-repeat; float:none; display:inline-block; padding-left: 22px; padding-right:10px; margin-left:10px;}
.crirHidden {position:absolute; left: -1000px;}

/* Bar Graphs */
.poll div.graph {margin-top:10px; float:right; clear:right; width:350px;}
.poll div.graph dd {padding:0; float:right; font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:130%; padding-bottom:2px; color:#000; clear:both;}
.poll div.graph dd span {float:left; clear:left; width:40px; margin-right:5px; text-align:right;}
.poll div.graph dd div {float:left; clear:right; height:14px; width:300px;}


/* FORM */
input.btn:disabled {background-color:#999 !important; border-color:#999 !important;}
.MultiFile-list {margin-top:10px}
a.MultiFile-remove, a.MultiFile-remove:hover {color:#C00; font-size:16px; text-decoration:none; margin-right:5px; display:inline-block;}
span.MultiFile-label {color:#00447c;}

#loginform_box .fa-sign-out-alt {color:#bbb; cursor:pointer}
.chat_msg {background-color:#fff; height:250px; overflow:auto; overflow-wrap:break-word;}
input::placeholder, textarea::placeholder {font-style:italic; color:#999 !important;} 


/* FOOTER */
.footer {width:100%; clear:both; color:#44425a; background: #f2f1f8; padding: 30px 0; text-align:left; font-size:13px; line-height:130%;}
.footer .col-md-4, .footer .col-md-6, .footer .col-lg-3 {margin-bottom:20px;}
.footer ul {list-style:none;}
.footer .copyright {margin:20px 0;}
.footer_social {margin-top:20px; clear:left;}
.footer_social ul li {display: inline-block; margin-bottom:10px}
.footer_social ul li:not(:last-child) {margin-right:10px;}
.footer_title {font-size:18px;	font-weight:600; color:#44425a;}
.footer_list {margin-top: 20px; margin-bottom:0; list-style:none;}
.footer_list li:not(:last-child) {margin-bottom:7px;}
.footer_list li a {color:#6c6a74;}
.footer_contact_info {margin-top: 20px;}
.footer_contact_item:not(:last-child) {margin-bottom:15px;}
.footer_contact_title {font-size:14px; font-weight:600;}
.footer_contact_line {margin-top: 3px;}

.footer #partners {border-top:1px solid #bbb; margin-top:20px; padding-top:30px}
.footer #partners img {max-width:100%}