@import url("../lightbox/css/lightbox.css");
@import url("animate.css");
@import url("bootstrap.css");
@import url("superfish.css");
@import url("slides.css");
@import url("font.css");
@import url("icomoon.css");
@import url("inc_header.css");
@import url("inc_global.css");
@import url("inc_calendar.css");
@import url("inc_special.css");
@import url("inc_footer.css");
@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?srf3rx");src:url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"),url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"),url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");font-weight:normal;font-style:normal}
:root{--main-body-color:#fff;--main-text-color:#363636;--main-bg-color:#FFF;--main-header-color:rgba(250,250,250,1);--main-bgfooter-color:#01274e;--main-a-color:#01274e;--main-menu-color:#000000;--main-menuhover-color:#000;--main-smenubg-color:#000000;--main-smenu-color:#fafafa;--main-smenuhover-color:#e0e0e0;--main-i-color:#024486;--main-h1-color:#000;--main-h2-color:#204496;--main-h3-color:#204496;--main-h4-color:#204496;--main-ahover-color:#024486;--main-soc-color:#e0e0e0}
div[class^="square-"]{height:10px;width:10px;position:absolute;background-color:rgba(100,100,100,0.1);border-radius:0}
html {
  scroll-behavior: smooth;
}

.styled_btn{margin:5px 0;padding:4px 8px;font-size:13px;border:0;background-color: #33475B;color:#FFF; border-radius: 5px;}
.styled_btn:hover{background-color: #000000;color:#FFF; border-radius: 5px;}
.foto{padding-bottom:5px}
.foto img{border:8px solid #fff;-webkit-box-shadow:0 2px 5px #cacaca;-moz-box-shadow:0 2px 5px #cacaca;box-shadow:0 2px 5px #cacaca}
.date{text-align:right;font-size:1em;color:#000;padding-bottom:3px}
.class.title .text{width:100%;height:100%}
.class.title h3{position:relative;border:0;top:30%;font-size:1.5em;margin:5px 0 30px -15%;padding:5% 20% 15px 20%;width:130%;text-align:center;}
.class.title a:hover{text-decoration:none}
.file_title{width:100%;text-align:center}
.file_title img{height:32px}
.file_title table{margin:0 auto}
.file_title td{padding:0 10px 10px 10px;vertical-align:top;line-height:32px;text-align:left}
.file-modern-wrap{margin-top:10px;margin-bottom:18px;}
.file-modern-list{row-gap:12px}
.file-modern-card{width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.06);padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease}
.file-modern-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.12)}
.file-modern-head{display:flex;align-items:center;gap:12px}
.file-modern-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f2f6ff 0%,#e8efff 100%);color:#24406a;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex:0 0 42px}
.file-modern-meta{min-width:0;flex:1 1 auto;text-align:left}
.file-modern-name{font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937}
.file-modern-name-link{display:inline-block;color:#1f2937 !important;text-decoration:none !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-modern-name-link:hover{text-decoration:underline !important;color:#0f172a !important}
.file-modern-name-link:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px;border-radius:4px}
.file-modern-sub{font-size:.82rem;color:#64748b;margin-top:2px}
.file-modern-action{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#0f172a;color:#fff !important;border-radius:10px;padding:8px 12px;font-size:.82rem;font-weight:600;text-decoration:none !important}
.file-modern-action:hover{background:#1e293b;color:#fff !important}
.file-modern-descr{margin-top:10px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.12);font-size:.9rem;color:#475569;text-align:left}
.file-modern-preview{margin-top:12px;border-radius:12px;overflow:hidden;background:#020617}
.file-modern-preview video{display:block;width:100%;height:auto;max-height:320px;background:#000;object-fit:cover}
.file-modern-video .file-modern-video-box{margin-top:12px;border-radius:12px;overflow:hidden;background:#020617}
.file-modern-video .file-modern-video-box video{background:#000}

@media screen and (max-width:768px){
  .file-modern-card{padding:10px 11px;border-radius:12px}
  .file-modern-head{align-items:flex-start;flex-wrap:wrap}
  .file-modern-meta{width:calc(100% - 54px)}
  .file-modern-action{width:100%;margin-top:2px}
  .file-modern-name{white-space:normal}
}

#popBox{position:absolute;text-align:left;z-index:1000;border:1px solid black;margin-top:20px;color:white;opacity:.75;filter:alpha(opacity=75);background-color:#101010;font-size:11px;width:250px;padding:3px 9px;text-decoration:none;border:2px solid #808080;font-weight:100;line-height:17px}
#popBox ul{padding:2px;margin:2px 0 2px 10px}

.more{text-align:left;font-size:1.2em;color:#000!IMPORTANT;text-transform:uppercase;padding:6px 20px;border-bottom:3px solid #969696}
.anchor{display:none}
.social{font-size:2em;}
.social i{margin:0;padding:5px;list-style:none;float:right;height:36px;font-size:2em;}

.social-buttons{min-height:45px;max-width:960px;margin:0 8px;padding:0;list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}
.social-buttons i{margin:0;padding:0;list-style:none;height:auto;font-size:1em;color:inherit !important}
.social-buttons .fa{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;line-height:1;font-size:20px;margin:0;border-radius:999px;color:#231F20 !important;background:#fff;border:2px solid #231F20;box-shadow:0 10px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;text-decoration:none !important;cursor:pointer}
.social-buttons .fa-image{display:block;width:46px;height:46px;line-height:46px;font-size:24px;text-align:center;margin:0;border-radius:999px;background-size:cover;background-position:center;border:2px solid #231F20;box-shadow:0 10px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.35)}
.social-buttons .fa:hover,
.social-buttons .fa-contact:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35)}
.social-buttons div{min-height:auto;min-width:auto;margin:0;padding:0;float:none}
.social-buttons .fb-like{min-height:auto;min-width:auto;margin:0;float:none}
.social-buttons .fa-print{border-color:#2894FF;color:#2894FF !important}
.social-buttons .fa-print:hover{background:#2894FF;color:#fff !important}
.social-buttons .fa-facebook{border-color:#3B5998;color:#3B5998 !important}
.social-buttons .fa-facebook:hover{background:#3B5998;color:#fff !important}
.social-buttons .fa-linkedin{border-color:#0E76A8;color:#0E76A8 !important}
.social-buttons .fa-linkedin:hover{background:#0E76A8;color:#fff !important}
.social-buttons .fa-pinterest{border-color:#C8232C;color:#C8232C !important}
.social-buttons .fa-pinterest:hover{background:#C8232C;color:#fff !important}
.social-buttons .fa-rss{border-color:#EE802F;color:#EE802F !important}
.social-buttons .fa-rss:hover{background:#EE802F;color:#fff !important}
.social-buttons .fa-twitter{border-color:#00ACEE;color:#00ACEE !important}
.social-buttons .fa-twitter:hover{background:#00ACEE;color:#fff !important}
.social-buttons .fa-instagram{border-color:#FF5604;color:#FF5604 !important}
.social-buttons .fa-instagram:hover{background:#FF5604;color:#fff !important}
.social-buttons .fa-autor{border-color:#C9242C;color:#C9242C !important}
.social-buttons .fa-autor:hover{background:#C9242C;color:#fff !important}
.social-buttons .fa-contact{display:inline-flex;align-items:stretch;overflow:hidden;background:#fff;color:#231F20;float:none;font-size:13px;line-height:15px;border:2px solid #231F20;padding:0;border-radius:999px;box-shadow:0 10px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.35)}
.social-buttons .fa-contact .first_row{background-color:#FFF;color:#231F20;padding:7px 14px;margin:0;display:flex;align-items:center;font-weight:600}
.social-buttons .fa-contact .second_row{background-color:#C9242C;color:#FFF !important;padding:7px 14px;margin:0;display:flex;align-items:center}
.social-buttons .fa-contact .second_row a{color:#FFF !important;}
.soc-print i{color:#2894FF;}
.soc-facebook i{color:#3B5998;}
.soc-linkedin i{color:#0E76A8;}
.soc-pinterest i{color:#C8232C;}
.soc-rss i{color:#EE802F;}
.soc-twitter i{color:#00ACEE;}
.soc-instagram i{color:#FF5604;}
.soc-google i{color:#F90000;}
/* Force social icon color scope to nearest .social/.fh5co-social-icons block (not parent header styl_*). */
.social a[class*="soc-"],
.fh5co-social-icons > a[class*="soc-"]{color:var(--main-soc-color,#6b7280) !important;}

.social a.soc-facebook,
.fh5co-social-icons > a.soc-facebook{color:#1877F2 !important;}
.social a.soc-twitter,
.fh5co-social-icons > a.soc-twitter{color:#1DA1F2 !important;}
.social a.soc-instagram,
.fh5co-social-icons > a.soc-instagram{color:#E4405F !important;}
.social a.soc-linkedin,
.fh5co-social-icons > a.soc-linkedin{color:#0A66C2 !important;}
.social a.soc-youtube,
.fh5co-social-icons > a.soc-youtube,
.social a.soc-google,
.fh5co-social-icons > a.soc-google{color:#FF0000 !important;}
.social a.soc-pinterest,
.fh5co-social-icons > a.soc-pinterest{color:#E60023 !important;}
.social a.soc-rss,
.fh5co-social-icons > a.soc-rss{color:#EE802F !important;}

.social a[class*="soc-"] i,
.fh5co-social-icons > a[class*="soc-"] i{color:inherit !important;}
.main_box{width:auto;height:auto;position:relative;display:flex;align-items:center;justify-content:flex-end;margin-left:10px}
#share_button{display: none}
.sharebtn,.sm_list a{display:flex;justify-content:center;align-items:center;border-radius:999px}
.sharebtn{background:#1870d5 !important;color:#fff !important;border:2px solid #1870d5;box-shadow:0 10px 22px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.18);width:46px;height:46px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.sharebtn i{color:#fff !important}
.sharebtn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.22);background:#0f5fba !important;border-color:#0f5fba}
.sm_list{z-index:1001;position:absolute;right:0;bottom:64px;display:flex;flex-direction:column-reverse;align-items:center;gap:12px;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}
.sm_list a{text-decoration:none;transition:transform .18s ease,opacity .18s ease;background:#fff;opacity:0;transform:translateY(6px)}
#share_button:checked ~ .sm_list{opacity:1;pointer-events:auto;transform:translateY(0)}
#share_button:checked ~ .sm_list a{opacity:1;transform:translateY(0)}
#share_button:checked ~ .sm_list a:nth-child(1){transition-delay:.02s}
#share_button:checked ~ .sm_list a:nth-child(2){transition-delay:.04s}
#share_button:checked ~ .sm_list a:nth-child(3){transition-delay:.06s}
#share_button:checked ~ .sm_list a:nth-child(4){transition-delay:.08s}
#share_button:checked ~ .sm_list a:nth-child(5){transition-delay:.1s}
#share_button:checked ~ .sm_list a:nth-child(6){transition-delay:.12s}

@media screen and (max-width:768px){
.social-buttons{justify-content:center;gap:12px}
.main_box{margin-left:8px}
.sm_list{right:0;bottom:58px;gap:9px}
.social-buttons .fa,.sharebtn{width:42px;height:42px;font-size:18px}
.social-buttons .fa-image{width:42px;height:42px}
.social-buttons .fa-contact{font-size:12px}
.social-buttons .fa-contact .first_row,
.social-buttons .fa-contact .second_row{padding:6px 10px}
}

.linklist ul{padding:2px 5px}


.Insert{display:none !IMPORTANT}
#pup{position:absolute;min-width:275px;_width:275px;padding:5px;margin:25px auto auto 10px;font-size:12px;color:#fff;background:#000;text-align:left;border:4px solid #c0c0c0;z-index:200;opacity:.75;filter:alpha(opacity=75)}
#left-menu .openbtn{cursor:pointer;padding:3px 15px 5px 15px;border:0;float:left;width:100%;font-weight:800;position:relative;z-index:98}
#right-menu .openbtn{cursor:pointer;padding:3px 15px 5px 15px;border:0;float:left;width:100%;font-weight:800;background:0;position:relative;z-index:98;}
#right-menu,#left-menu{display:none;font-size:1.3em;}
#right-menu span,#left-menu span{display:none}
.top a{color:#585858}
.top{background:#FFFFFF;padding:4px 4px;border:0;border-bottom:1px solid #d0d0d0}
.top.active{background-color:#FFFFFF;font-weight:600}
.top:hover,.top.active:hover{background:none!IMPORTANT;color:#580000}
.top:hover a,.top.active:hover a{color:#580000}
.box-content{text-align:center}
.col-1,.col-sm-1,.col-md-1,.col-lg-1{padding:0 2px!IMPORTANT}
#print{min-height:400px}
.link-image {
  transition: transform .28s ease, filter .28s ease;
}
.link-image:hover,.link-image:focus {
  transform: translateY(-2px);
  transform: scale(1.05);
  filter: saturate(1.05) brightness(1.02);
}
#searchResults .result-item {background-color: #FFF !IMPORTANT;color:#242424 !IMPORTANT;transition:background-color .3s ease,color .3s ease}
#searchResults .result-item a{color:#242424 !IMPORTANT}
#searchResults .result-item:hover{background-color: #fafafa !IMPORTANT;color:#000000 !IMPORTANT}
figure{margin-bottom:2em}
#fh5co-header{position:relative;margin-bottom:0;z-index:1001}
#small_menu{padding:10px;margin:2px 0;list-style:none;position:relative;text-align:-webkit-right;font-size:.9em;line-height:16px;display:table;float:right}
#small_menu li{float:right;padding:2px 6px!IMPORTANT;line-height:36px}
#small_menu li:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#small_menu li a:hover{text-decoration:none}
#small_menu li img{height:36px !IMPORTANT;padding:0px;}
.header-top{padding:0!IMPORTANT;}
.header-top .fh5co-lang,.header-top .fh5co-link,.header-top{position:relative;z-index:101;padding:5px 5px 0 5px;display:flex;align-items:center}
.header-top .fh5co-lang a{margin-left:10px;font-size:13px;color:rgba(255,255,255,0.7)}
.header-top .fh5co-lang a:first-child{margin-left:0}
.header-top .fh5co-lang img{max-height:40px}
.header-top .fh5co-link a{padding:4px .75em;line-height:39px;text-decoration:none;height:100%;display:flex;flex-direction:row;align-items:center;color:var(--main-headermenu-color)}
.header-top .fh5co-link div {float: left}
.header-top .fh5co-link img {max-height: 40px}
.header-top .fh5co-link .mitem {height: 40px}
.header-top .fh5co-link a:first-child {margin-left: 0}
@media screen and (max-width:768px){
.header-top .fh5co-link .mitem {height: 32px}
.header-top .fh5co-link{font-size:smaller!IMPORTANT}
.header-top .fh5co-link .href{padding: 0 8px!IMPORTANT}
.header-top .fh5co-link img {max-height: 30px !IMPORTANT;}
.header-top .fh5co-link a{padding:4px .75em;line-height:30px;}
}
@media screen and (max-width:768px){.header-top .fh5co-link{text-align:center}
}.header-top .fh5co-lang{margin:8px 0 5px 0}
.fh5co-social{display:inline-flex;align-items:center;margin-left:-5px;}
.fh5co-social a{padding:.4em 0;font-size:28px;line-height:28px;margin-right:10px;position:relative;-webkit-transition:.5s,ease-in-out;-o-transition:.5s,ease-in-out;transition:.5s,ease-in-out}
.fh5co-social a:last-child{margin-right:0}
.fh5co-social a:hover,.fh5co-social a:focus,.fh5co-social a:active{text-decoration:none}
.fh5co-social a:hover i,.fh5co-social a:focus i,.fh5co-social a:active i{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
@media screen and (max-width:978px){.fh5co-social,.fh5co-lang{text-align:center!important}
}.fh5co-cover,.fh5co-hero{position:relative;height:inherit;}
@media screen and (max-width:978px){
.f-nav{position:relative!IMPORTANT} 
.top-nav,.top-menu,.top-sidemenu{position:relative!IMPORTANT}
}
.fh5co-cover.fh5co-hero-2,.fh5co-hero.fh5co-hero-2{height:600px}
.fh5co-cover{background-size:cover;position:relative;background-position:center center!IMPORTANT;width:100%;}
.fh5co-cover .btn{padding:1em 2em;opacity:.9}
.fh5co-cover.fh5co-cover_2{height:600px}
@media screen and (max-width:1280px){
#icon_nav .title {font-size:.9em;line-height:1.1em ;}
#header h1{font-size:2.5em;}
#header h2{font-size:.9em;}
.fh5co-cover .desc{padding-left:15px;padding-right:15px;top:15%}
.fh5co-cover .desc .slide-title{font-size:1.5rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-subtitle{font-size:1rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-desc{font-size:.9rem;margin:3px;padding:0}
.fh5co-cover .desc .button{font-size:.9rem;margin:3px}
}@media screen and (max-width:978px){
#icon_nav .title {font-size:.8em;line-height:1em ;}
#icon_nav .icon {padding-top: 56.25%;}
#header h1{font-size:2em;}
#header h2{font-size:.8em;}
.fh5co-cover .desc{font-size:100%}
}
.fh5co-cover .desc span{display:block;margin:0;font-size:28px;letter-spacing:1px}
.fh5co-cover .desc span a{color:#fff}
.fh5co-cover .desc span a:hover,.fh5co-cover .desc span a:focus{color:#fff!important}
.fh5co-cover .desc span a:hover.btn,.fh5co-cover .desc span a:focus.btn{border:2px solid #fff!important;background:transparent!important}
.fh5co-cover .desc span a.fh5co-site-name{padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,0.7)}
@media screen and (max-width:768px){.fh5co-cover.fh5co-cover_2{padding:3em 0}
.fh5co-cover .desc{top:5%;padding:2px!IMPORTANT;width:-webkit-fill-available !IMPORTANT;}
.fh5co-cover .desc .slide-title{font-size:1rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-subtitle{font-size:.8rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-desc{font-size:.7rem;margin:3px;padding:0}
.fh5co-cover .desc .button{font-size:.7rem;margin:3px}
}.fh5co-nav-toggle{display:none}
.left{text-align:left}
.right{text-align:right}
#footer .txt{float:left;padding:20px 15px;width:100%;margin-bottom:15px;}
.linklist li{list-style:none;padding:2px 15px}

.black, .black a{color:#282828!IMPORTANT}
.white, .white a{color:#fff!IMPORTANT}
.substyl1 .sf-menu li{border-left:2px solid #FFF}
.substyl1 .sf-menu>:last-child{border-right:2px solid #FFF}
.substyl2 .sf-menu li{border-left:2px solid #FFF;-webkit-transform:skew(5deg);-moz-transform:skew(5deg);-ms-transform:skew(5deg);-o-transform:skew(5deg);transform:skew(5deg);font-style:italic}
.substyl2 .sf-menu>:last-child{border-right:2px solid #FFF}
.substyl3 .sf-menu li{border-left:2px solid #FFF;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);transform:skew(-10deg)}
.substyl3 .sf-menu>:last-child{border-right:2px solid #FFF}
.substyl1 #fullmenu ul li{border-left:2px solid #FFF}
.substyl1 #fullmenu ul>:last-child{border-right:2px solid #FFF}
.substyl2 #fullmenu ul li{border-left:2px solid #FFF;-webkit-transform:skew(5deg);-moz-transform:skew(5deg);-ms-transform:skew(5deg);-o-transform:skew(5deg);transform:skew(5deg);font-style:italic}
.substyl2 #fullmenu ul>:last-child{border-right:2px solid #FFF}
.substyl3 #fullmenu ul li{border-left:2px solid #FFF;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);transform:skew(-10deg)}
.substyl3 #fullmenu ul>:last-child{border-right:2px solid #FFF}
.fh5co-link .substyl1 .mitem{border-left:2px solid #FFF}
.fh5co-link .substyl1>:last-child{border-right:2px solid #FFF}
.fh5co-link .substyl2 .mitem{border-left:2px solid #FFF;-webkit-transform:skew(5deg);-moz-transform:skew(5deg);-ms-transform:skew(5deg);-o-transform:skew(5deg);transform:skew(5deg);font-style:italic}
.fh5co-link .substyl2>:last-child{border-right:2px solid #FFF}
.fh5co-link .substyl3 .mitem{border-left:2px solid #FFF;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);transform:skew(-10deg)}
.fh5co-link .substyl3>:last-child{border-right:2px solid #FFF}
.form{padding:3px;border:1px solid #e0e0e0}
.form.mo{background-color: #FFC0C0;padding:40px 0;}
.form.vo{background-color: #F0F0F0;padding:40px 0;}
.form td{padding:2px 10px;vertical-align:middle}
.dropdown,.dropdown_sm{position:relative;display:inline-block}
.dropdown-content,.dropdown-content_sm{width:fit-content;display:none;position:absolute;z-index:1001;left:70px;top:0;background-color:#f9f9f9;padding:2px;border:1px solid #c0c0c0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.dropdown-content i,.dropdown-content_sm i{font-size:14px}
.dropdown-content a,.dropdown-content_sm a{color:black;padding:2px 6px!IMPORTANT;text-decoration:none;display:block}
.dropdown-content a:hover,.dropdown-content_sm a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content,.dropdown_sm:hover .dropdown-content_sm{display:flex}
.sf-menu{height:100%;display:contents}
.sf-menu ul{box-shadow:none;border:transparent}
.sf-menu li{height:100%}
.sf-menu li li{border-right:0!IMPORTANT;border-left:0!IMPORTANT;min-height:auto}
.sf-menu .href{cursor:pointer;border:0;text-decoration:none;zoom:1;font-size:16px;min-height:100%;display:flex;flex-direction:row;align-items:center}
.sf-menu ul .href{min-height:auto}
.sf-menu li.active .href{border-bottom:0 solid var(--main-smenubg-color);}
.sf-menu li.under {position: relative;}
.sf-menu ul li .href,.sf-menu ul ul li .href,.sf-menu .active li .href{text-transform:none;padding:.1em 1em!important;letter-spacing:1px;font-size:.9em !IMPORTANT;border-bottom:0!IMPORTANT;background:none!IMPORTANT}
#fullmenu{margin:0 auto;display:table;font-size:120%}
#fullmenu{font-size:1.1em;position:relative;bottom:0;width:100%;padding:0;z-index:9999!IMPORTANT;height:65px}
#fullmenu span{font-size:12px}
#fullmenu .btn{height:80%;margin:auto 10px;padding:0}
#fullmenu ul .sub{position:absolute;padding:5px 15px 25px 15px;min-width:320px;text-transform:none;top:65px;z-index:111;border-top:7px solid rgba(0,0,0,0);display:inline-block;-webkit-box-shadow:0 2px 8px rgba(120,120,120,.5);-moz-box-shadow:0 2px 8px rgba(120,120,120,.5);box-shadow:0 2px 8px rgba(120,120,120,.5)}
#fullmenu ul .sub.two{column-count:2}
#fullmenu ul .sub a,#fullmenu li:hover .href{color:#fff}
#fullmenu li{border-left:1px solid rgba(0,0,0,.2);float:left;position:relative;margin:0;padding:0;font-size:1em;border-bottom:7px;list-style:none!IMPORTANT}
#fullmenu li a{transition:border .3s ease-in-out,background .3s ease-in-out;-o-transition:border .3s ease-in-out,background .3s ease-in-out;-webkit-transition:border .3s ease-in-out,background .3s ease-in-out}
#fullmenu li:first-child{border-left:0 solid #000}
#fullmenu li li{white-space:nowrap;border:0!IMPORTANT;padding:5px 0 10px 5px;margin:0 0 0 5px;width:100%;height:auto;line-height:1.5em;border:0;display:inline;font-weight:600;font-size:.9em;break-inside:avoid-column;-webkit-column-break-inside:avoid}
#fullmenu li li ul{font-variant:normal;padding:5px 0 10px 0}
#fullmenu li li li{padding:2px 0 2px 5px;margin:0 0 0 5px;font-size:.9em;border-left:1px solid rgba(240,240,240,.5)}
#fullmenu li .href{text-align:center;padding:10px;color:#FFF;line-height:1.2em;height:65px;margin:0;display:table-cell;vertical-align:middle;width:inherit;-webkit-text-shadow:0 2px 3px rgba(0,0,0,.7);-moz-text-shadow:0 2px 3px rgba(0,0,0,.7);text-shadow:0 2px 3px rgba(0,0,0,.7)}
#fullmenu li li .href{margin:0;padding:0;height:auto;text-align:left}
#fullmenu ul .sub{visibility:hidden;opacity:0}
#fullmenu ul li:hover>.sub{visibility:visible;opacity:1}
#fullmenu li a:hover{text-decoration:none;background:rgba(0,0,0,0)}
#fullmenu li li a:hover{text-decoration:underline}
#fullmenu .active{border-bottom:0 solid var(--main-smenubg-color);background:var(--main-smenubg-color)}
#fullmenu li li .active,.sidepanel .active,.sidepanel2 .active{border-bottom:0 solid var(--main-smenubg-color);background:var(--main-smenubg-color)}
#fullmenu li.active.under{border-bottom:3px solid var(--main-smenubg-color);margin-bottom:-3px;background-color:none !IMPORTANT}
#fullmenu li.active.under a{padding-top:3px!IMPORTANT}
.href.white,.white:hover .href{color:#FFF!IMPORTANT}
.white:hover a:hover{color:#eaeaea!IMPORTANT}
.sf-arrows .sf-with-ul{padding-right:1em;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#ccc}
.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after{border-top-color:#ccc}
.sf-arrows ul .sf-with-ul:after{margin-top:0;margin-right:-3px;border-color:transparent;border-left-color:#ccc}
.sf-arrows ul li>.sf-with-ul:focus:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul .sfHover>.sf-with-ul:after{border-left-color:#ccc}
#fh5co-header-section{padding:0;position:relative;left:0;width:100%;z-index:99;box-shadow:0 4px 4px rgba(0,0,0,.2)}
.nav-header{position:relative;padding-top:0;min-height:5px;height:100%}
#fh5co-logo{position:relative;z-index:2;font-size:22px;font-weight:700;float:left;margin:0;display:flex;flex-direction:row;align-items:center}
#fh5co-logo img{max-width:100%!IMPORTANT;padding: 2px 0}
#fh5co-logo h1{padding:0!IMPORTANT;margin:4px 0!IMPORTANT}
.fh5co-menu-wrap .sf-menu .href{padding:0 .75em;letter-spacing:0;min-height:100%;line-height:125%;}
.fh5co-menu-wrap .sf-menu li li .href{padding:0 2px;letter-spacing:1px;min-height:20px;line-height:175%}
@media screen and (max-width:1560px){.fh5co-menu-wrap .sf-menu .href{padding:0 .4em;letter-spacing:0;font-size:.9em!IMPORTANT}
.fh5co-link a{padding-left:.4em!IMPORTANT;padding-right:.4em!IMPORTANT;font-size:90%!IMPORTANT;letter-spacing:0!IMPORTANT}
}@media screen and (max-width:1096px){
.fh5co-menu-wrap .sf-menu .href{padding:0 .4em;letter-spacing:0}
#fh5co-logo{margin-right:35px;font-size:1.3em}
}@media screen and (max-width:768px){
.fh5co-menu-wrap .sf-menu .href{padding:0 .4em;letter-spacing:0;font-size:100%!IMPORTANT;min-height:45px}
#fh5co-logo{font-size:1.3em;margin:0 auto;display:contents}
#fh5co-logo div{height:auto!IMPORTANT}
}#fh5co-logo span{font-weight:700}
.fh5co-menu-wrap{position:relative;z-index:98;float:left;margin:0;display:flex;align-items:flex-end;height:100%;min-height:5px}
#fh5co-primary-menu>li{min-height:60px;white-space: nowrap;display: inline-table;}
#fh5co-primary-menu>li>.sf-with-ul:after{border:none!important;font-family:'icomoon';font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;font-size:12px;left:47%;top:65%;margin:0;content:"\e922"}
#fh5co-primary-menu>li>ul li{position:relative;white-space: normal;}
#fh5co-primary-menu>li>ul li>.sf-with-ul:after{border:none!important;font-family:'icomoon';font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;float:right;margin-right:10px;top:10px;font-size:12px;content:"\e924"}
#fh5co-primary-menu .fh5co-sub-menu.toleft, #fh5co-primary-menu .fh5co-sub-menu.toright{padding:10px 7px 10px;background:#2d2734;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.15);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.15);-ms-box-shadow:0 5px 15px rgba(0,0,0,0.15);-o-box-shadow:0 5px 15px rgba(0,0,0,0.15);box-shadow:0 5px 15px rgba(0,0,0,0.15)}
#fh5co-primary-menu .fh5co-sub-menu.toright{right:0;}
#fh5co-primary-menu .fh5co-sub-menu.toright ul{position:absolute;left: -100% !IMPORTANT;width:max-content !IMPORTANT;}
#fh5co-primary-menu .fh5co-sub-menu.toleft{left:0;}
#fh5co-primary-menu .fh5co-sub-menu>li>.fh5co-sub-menu{left:100%}
#fh5co-primary-menu .fh5co-sub-menu a,#fh5co-primary-menu .fh5co-sub-menu a:visited{letter-spacing:0;padding:0 15px;font-size:18px;line-height:34px;text-transform:none;background:0}
#fh5co-primary-menu .fh5co-sub-menu .active{color:#fff!IMPORTANT}
#fh5co-primary-menu .fh5co-sub-menu.darkfont a{color:#000!IMPORTANT}
#fh5co-primary-menu .fh5co-sub-menu.darkfont a:hover{color:#585858!IMPORTANT}
#fh5co-primary-menu .fh5co-sub-menu.darkfont .active{color:#585858!IMPORTANT}
.fh5co-sub-menu{overflow: inherit !IMPORTANT;}
.site-header.has-image #primary-menu .sub-menu{border-color:#ebebeb;-webkit-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);-moz-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);-ms-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);-o-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);box-shadow:0 5px 15px 4px rgba(0,0,0,0.09)}

#fh5co-secondary-menu>li{min-height:60px;white-space: nowrap;display: inline-table;}
#fh5co-secondary-menu>li>.sf-with-ul:after{border:none!important;font-family:'icomoon';font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;font-size:12px;left:47%;top:65%;margin:0;content:"\e922"}
#fh5co-secondary-menu>li>ul li{position:relative;white-space: normal;}
#fh5co-secondary-menu>li>ul li>.sf-with-ul:after{border:none!important;font-family:'icomoon';font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;float:right;margin-right:10px;top:10px;font-size:12px;content:"\e924"}
#fh5co-secondary-menu .fh5co-sub-menu.toleft, #fh5co-secondary-menu .fh5co-sub-menu.toright{padding:10px 7px 10px;background:#2d2734;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.15);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.15);-ms-box-shadow:0 5px 15px rgba(0,0,0,0.15);-o-box-shadow:0 5px 15px rgba(0,0,0,0.15);box-shadow:0 5px 15px rgba(0,0,0,0.15)}
#fh5co-secondary-menu .fh5co-sub-menu.toright{right:0;}
#fh5co-secondary-menu .fh5co-sub-menu.toleft{left:0;}
#fh5co-secondary-menu .fh5co-sub-menu>li>.fh5co-sub-menu{left:100%}
#fh5co-secondary-menu .fh5co-sub-menu a,#fh5co-secondary-menu .fh5co-sub-menu a:visited{letter-spacing:0;padding:0 15px;font-size:18px;line-height:34px;text-transform:none;background:0}
#fh5co-secondary-menu .fh5co-sub-menu .active{color:#fff!IMPORTANT}
#fh5co-secondary-menu .fh5co-sub-menu.darkfont a{color:#000!IMPORTANT}
#fh5co-secondary-menu .fh5co-sub-menu.darkfont a:hover{color:#585858!IMPORTANT}
#fh5co-secondary-menu .fh5co-sub-menu.darkfont .active{color:#585858!IMPORTANT}

#fh5co-contact {padding-bottom:0px !IMPORTANT;width:100%}
#fh5co-contact .container{padding:3px 0}
.container img{max-width:100%!IMPORTANT}
.heading-section{background-size:cover;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;text-shadow:-1px -1px 4px rgba(0,0,0,.1),1px 1px 4px rgba(0,0,0,.1);overflow:hidden}
.heading-section .heading-section-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transform:scale(1);transform-origin:center center;animation:headingBgPulse 24s ease-in-out infinite;z-index:0}
.heading-section .heading-section-content{z-index:1}
@keyframes headingBgPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.heading-section .heading-section-bg{animation:none!important;transform:none!important}}
.fh5co-section-gray h1{color:#292929!IMPORTANT;font-size:40px}
.fh5co-section .container{position:relative;z-index:95;margin-top:auto;padding-bottom:5px;text-align:left}
.fh5co-section H2{padding:0;margin:0;text-align:center;letter-spacing:2px;margin-bottom:5px;font-size:2.3em}
.fh5co-section {min-height:75px;}
@media screen and (max-width:768px){.fh5co-section H2{font-size:1.5em}
}.fh5co-section h3{font-size:40px;font-weight:300;position:relative}
.fh5co-section p{font-size:20px}
@media screen and (max-width:1024px){.heading-section_gray{padding:1em 0}
.heading-section h1{font-size:25px}
}.feature-text h3{text-transform:uppercase;font-size:14px;margin-bottom:10px;font-weight:700;color:#000;letter-spacing:.2em}
.feature-text h3 .number{margin-right:5px;color:var(--main-h3-color);display:-moz-inline-stack;display:inline-block;zoom:1;display:inline;}
.feature-text p{font-size:16px}

.services{margin:20px 0;aspect-ratio:16/9;padding:40px 20px 20px 20px!IMPORTANT;border:1px solid rgba(0,0,0,0.18);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.services:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--main-i-color) 0%,#4fa3d9 100%);z-index:1}
.services .in{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;z-index:100;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;padding:1em .5em;background-size:cover}
.services:hover {box-shadow:0 6px 12px rgba(0,0,0,0.15)}
.services:hover .in{height:100%;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.services .span{margin-bottom:30px;display:block;width:100%}
.services .span i{font-size:30px}
.services h3{font-size:20px;font-weight:600;color:#FFF !IMPORTANT;overflow:hidden;padding:15px;background:rgba(0,0,0,.7);position:absolute;top:15px;left:0;right:0;}

.bgimage{background-size:100% auto;
    background-repeat: no-repeat;}
#fh5co-contact img{max-width:100%;height:auto }
@media screen and (max-width:768px){.fh5co-blog, .fh5co-tblog{width:100%}
}
.side{margin-bottom:15px}
.header_a{float:right;text-align: right;font-size:75%;text-transform: none;}


#map{width:100%;height:500px;position:relative}
.mobile{display:none!IMPORTANT}
@media screen and (max-width:768px){#map{height:200px}
.mobile{display:block!IMPORTANT}
.no-mobile{display:none!IMPORTANT}
.fh5co-menu-wrap{display:none}
.fh5co-menu-wrap.all{display:block;width:100%}
#right-fullmenu,#left-fullmenu{display:none}
#left-fullmenu{float:left;}
#right-fullmenu{float:right;}
#left-fullmenu.side{width:100%}
#right-fullmenu.side{width:100%}
#left-fullmenu li{border-right:1px solid #E43339;}
#right-fullmenu li{border-left:1px solid #E43339;}
#left-fullmenu .sub{left:0;}
#right-fullmenu .sub{right:0;}
#right-menu,#left-menu{display:block;width:100%}
#right-menu ul,#left-menu ul{margin:0;list-style:none}
#right-menu .active,#left-menu .active,#right-menu .active a,#left-menu .active a{background:none!IMPORTANT;font-weight:800!IMPORTANT}
}.fh5co-social-icons>a{padding:4px 10px;color:var(--main-soc-color)}
.fh5co-social-icons>a i{font-size:26px}
.fh5co-social-icons>a:hover,.fh5co-social-icons>a:focus,.fh5co-social-icons>a:active{text-decoration:none;color:#5a5a5a}

.linklist a:hover{text-decoration:underline;}
.btn{text-transform:uppercase;letter-spacing:2px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;max-height: 40px;border: 1px solid transparent}
.btn.btn-primary{background:var(--main-a-color);color:#fff;border:none!important;border:2px solid transparent!important}
.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus{box-shadow:none;background:var(--main-ahover-color);color:#fff!important}
.btn:hover,.btn:active,.btn:focus{border:1px dotted var(--main-a-color);}
.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active{border-color:transparent}

.fh5co-menu-wrap a:focus-visible,
.fh5co-menu-wrap button:focus-visible,
.sidepanel a:focus-visible,
.sidepanel button:focus-visible,
.scrollToTop:focus-visible,
.openbtn:focus-visible,
.closebtn:focus-visible {
    outline: 3px solid #111 !important;
    outline-offset: 2px;
}
.openbtn,
.sidepanel .closebtn {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    color: inherit;
}
.js .animate-box{opacity:0}
#fh5co-wrapper{position:relative}
.fh5co-offcanvas{overflow:hidden}
.fh5co-offcanvas #fh5co-wrapper{overflow:hidden!important}
#fh5co-page{padding:0!IMPORTANT;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
#fh5co-contact,.fh5co-hero{min-height:440px}
.fh5co-offcanvas #fh5co-page{-moz-transform:translateX(-240px);-webkit-transform:translateX(-240px);-ms-transform:translateX(-240px);-o-transform:translateX(-240px);transform:translateX(-240px)}
#offcanvas-menu{position:absolute;top:0;bottom:0;z-index:99;background:var(--main-smenubg-color);right:-280px;width:280px;padding:20px 0;overflow-y:scroll!important;display:none}
@media screen and (max-width:768px){.fh5co-nav-toggle{display:block;top:12px}
.container{width:100%!IMPORTANT;max-width:100%!IMPORTANT}
.container table{max-width:100%!IMPORTANT}
#stat_win{font-size:75%}
.basket_table{width:100%!IMPORTANT}
.basket_table img{display:none}
}@media screen and (max-width:480px){.col-xxs-12{float:none;width:100%}
}.row-bottom-padded-lg{padding-bottom:7em}
@media screen and (max-width:768px){.row-bottom-padded-lg{padding-bottom:2em}
}.row-top-padded-lg{padding-top:7em}
@media screen and (max-width:768px){.row-top-padded-lg{padding-top:2em}
}.row-bottom-padded-md{padding-bottom:4em}
@media screen and (max-width:768px){.row-bottom-padded-md{padding-bottom:2em}
}.row-top-padded-md{padding-top:4em}
@media screen and (max-width:768px){.row-top-padded-md{padding-top:2em}
}.row-bottom-padded-sm{padding-bottom:2em}
@media screen and (max-width:768px){.row-bottom-padded-sm{padding-bottom:2em}
}.row-top-padded-sm{padding-top:2em}
@media screen and (max-width:768px){.row-top-padded-sm{padding-top:2em}
}.border-bottom{border-bottom:1px solid rgba(0,0,0,0.06)}
.lead{line-height:1.8}
.no-js #loader{display:none}
.js #loader{display:block;position:absolute;left:100px;top:0}
.sidepanel{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:0;position:absolute;z-index:1001;min-height:200px;overflow-x:hidden;padding:0px !IMPORTANT;-webkit-box-shadow:0 2px 8px #141414;-moz-box-shadow:0 2px 8px #141414;box-shadow:0 2px 8px #141414;left:0;text-align:left!IMPORTANT}
.sidepanel[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.sidepanel[aria-hidden="false"]{visibility:visible;pointer-events:auto}
.sidepanel img{max-height:40px}
.sidepanel ul{padding:0px}
.sidepanel li{text-decoration:none;font-size:16px;width:100%;white-space:nowrap;padding:3px 0 0 10px}
.sidepanel .closebtn{position:absolute;top:5px;right:5px;font-size:36px;z-index:inherit}
.sidepanel .active,.sidepanel .active .active{font-weight:600}
.sidepanel .active li{text-decoration:none!IMPORTANT}
.openbtn{font-size:20px;cursor:pointer;padding:3px 15px 5px 15px;border:0;float:left;width:100%}
.openbtn:hover{background-color:#e0e0e0}
.padding-30{padding:10px 0}
.margin{margin:10px 30px}
@media screen and (max-width:978px){.padding-30{padding:10px 0}
.margin{margin:10px 0}    
}

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

:root {
  --main-body-color: #fff;
  --main-text-color: #363636;
  --main-bg-color: #FFF;
  --main-header-color: rgba(250, 250, 250, 1);
  --main-bgfooter-color: #01274e;
  --main-a-color: #01274e;
  --main-menu-color: #000000;
  --main-menuhover-color: #000;
  --main-smenubg-color: #000000;
  --main-smenu-color: #fafafa;
  --main-smenuhover-color: #e0e0e0;
  --main-i-color: #024486;
  --main-h1-color: #000;
  --main-h2-color: #204496;
  --main-h3-color: #204496;
  --main-h4-color: #204496;
  --main-ahover-color: #024486;
  --main-soc-color: #e0e0e0
}

.bg {
  animation: slide 10s ease-in-out infinite alternate;
  background-image: linear-gradient(90deg, rgba(120, 120, 120, .3) 50%, #FFF 50%);
  bottom: 0;
  left: -50%;
  opacity: .25;
  position: absolute;
  right: -50%;
  top: 0;
  z-index: -1
}

.bg2 {
  animation-direction: alternate-reverse;
  animation-duration: 14s
}

.bg3 {
  animation-duration: 15s
}

@keyframes slide {
  0% {
    transform: translateX(-25%)
  }

  100% {
    transform: translateX(25%)
  }
}

.sbg {
  animation: sslide 10s ease-in-out infinite alternate;
  background-image: linear-gradient(10deg, rgba(120, 120, 120, .1) 50%, #FFF 50%);
  bottom: 0;
  left: -50%;
  opacity: .3;
  position: absolute;
  right: -50%;
  top: 0;
  z-index: -1
}

.sbg2 {
  animation-direction: alternate-reverse;
  animation-duration: 14s
}

.sbg3 {
  animation-duration: 15s
}

@keyframes sslide {
  0% {
    transform: translateX(-25%)
  }

  100% {
    transform: translateX(25%)
  }
}

div[class^="square-"] {
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: rgba(100, 100, 100, 0.1);
  border-radius: 0
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0ms !important;
    animation-fill-mode: both !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }

  .bg,
  .bg2,
  .bg3,
  .sbg,
  .sbg2,
  .sbg3,
  .squares,
  .bubbles,
  [class^="square-"],
  [class^="bubble-"],
  .waveAnimation .waveTop,
  .waveAnimation .waveMiddle,
  .waveAnimation .waveBottom,
  .heading-section .heading-section-bg {
    animation: none !important;
    transform: none !important;
  }
}

.count_gal {
  font-size: 14px;
  font-weight: normal;
}

.squares {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.square-1 {
  bottom: -3px;
  left: 76%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.2s;
  animation: bubble-movement 9s infinite ease-in -0.2s
}

.square-2 {
  bottom: -3px;
  left: 14%;
  -webkit-animation: bubble-movement 9s infinite ease-in -2.31s;
  animation: bubble-movement 9s infinite ease-in -2.31s
}

.square-3 {
  bottom: -7px;
  left: 67%;
  -webkit-animation: bubble-movement 9s infinite ease-in -1.35s;
  animation: bubble-movement 9s infinite ease-in -1.35s
}

.square-4 {
  bottom: -9px;
  left: 18%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.61s;
  animation: bubble-movement 9s infinite ease-in -0.61s
}

.square-5 {
  bottom: -11px;
  left: 38%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.21s;
  animation: bubble-movement 9s infinite ease-in -0.21s
}

.square-6 {
  bottom: -3px;
  left: 79%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.04s;
  animation: bubble-movement 9s infinite ease-in -0.04s
}

.square-7 {
  bottom: -11px;
  left: 61%;
  -webkit-animation: bubble-movement 9s infinite ease-in -2.22s;
  animation: bubble-movement 9s infinite ease-in -2.22s
}

.square-8 {
  bottom: -11px;
  left: 25%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.62s;
  animation: bubble-movement 9s infinite ease-in -0.62s
}

.square-9 {
  bottom: -4px;
  left: 95%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.6s;
  animation: bubble-movement 9s infinite ease-in -0.6s
}

.square-10 {
  bottom: -6px;
  left: 33%;
  -webkit-animation: bubble-movement 9s infinite ease-in -2.49s;
  animation: bubble-movement 9s infinite ease-in -2.49s
}

.square-11 {
  bottom: -10px;
  left: 53%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.85s;
  animation: bubble-movement 14s infinite ease-in -2.85s
}

.square-12 {
  bottom: -7px;
  left: 57%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.78s;
  animation: bubble-movement 14s infinite ease-in -2.78s
}

.square-13 {
  bottom: -9px;
  left: 35%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.53s;
  animation: bubble-movement 14s infinite ease-in -2.53s
}

.square-14 {
  bottom: -8px;
  left: 44%;
  -webkit-animation: bubble-movement 14s infinite ease-in -1.21s;
  animation: bubble-movement 14s infinite ease-in -1.21s
}

.square-15 {
  bottom: -6px;
  left: 94%;
  -webkit-animation: bubble-movement 14s infinite ease-in -1.7s;
  animation: bubble-movement 14s infinite ease-in -1.7s
}

.square-16 {
  bottom: -7px;
  left: 77%;
  -webkit-animation: bubble-movement 14s infinite ease-in -0.78s;
  animation: bubble-movement 14s infinite ease-in -0.78s
}

.square-17 {
  bottom: -8px;
  left: 98%;
  -webkit-animation: bubble-movement 14s infinite ease-in -1.29s;
  animation: bubble-movement 14s infinite ease-in -1.29s
}

.square-18 {
  bottom: -7px;
  left: 11%;
  -webkit-animation: bubble-movement 14s infinite ease-in -0.21s;
  animation: bubble-movement 14s infinite ease-in -0.21s
}

.square-19 {
  bottom: -4px;
  left: 74%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.16s;
  animation: bubble-movement 14s infinite ease-in -2.16s
}

.square-20 {
  bottom: -9px;
  left: 40%;
  -webkit-animation: bubble-movement 14s infinite ease-in -0.27s;
  animation: bubble-movement 14s infinite ease-in -0.27s
}

div[class^="bubble-"] {
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: rgba(100, 100, 100, 0.1);
  border-radius: 50%
}

.bubbles {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.bubble-1 {
  bottom: -3px;
  left: 76%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.2s;
  animation: bubble-movement 9s infinite ease-in -0.2s
}

.bubble-2 {
  bottom: -3px;
  left: 14%;
  -webkit-animation: bubble-movement 9s infinite ease-in -2.31s;
  animation: bubble-movement 9s infinite ease-in -2.31s
}

.bubble-3 {
  bottom: -7px;
  left: 67%;
  -webkit-animation: bubble-movement 9s infinite ease-in -1.35s;
  animation: bubble-movement 10s infinite ease-in -1.35s
}

.bubble-4 {
  bottom: -9px;
  left: 18%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.61s;
  animation: bubble-movement 9s infinite ease-in -0.61s
}

.bubble-5 {
  bottom: -11px;
  left: 38%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.21s;
  animation: bubble-movement 16s infinite ease-in -0.21s
}

.bubble-6 {
  bottom: -3px;
  left: 79%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.04s;
  animation: bubble-movement 9s infinite ease-in -0.04s
}

.bubble-7 {
  bottom: -11px;
  left: 61%;
  -webkit-animation: bubble-movement 9s infinite ease-in -2.22s;
  animation: bubble-movement 14s infinite ease-in -2.22s
}

.bubble-8 {
  bottom: -11px;
  left: 25%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.62s;
  animation: bubble-movement 12s infinite ease-in -0.62s
}

.bubble-9 {
  bottom: -4px;
  left: 95%;
  -webkit-animation: bubble-movement 9s infinite ease-in -0.6s;
  animation: bubble-movement 12s infinite ease-in -0.6s
}

.bubble-10 {
  bottom: -6px;
  left: 33%;
  -webkit-animation: bubble-movement 9s infinite ease-in -2.49s;
  animation: bubble-movement 12s infinite ease-in -2.49s
}

.bubble-11 {
  bottom: -10px;
  left: 53%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.85s;
  animation: bubble-movement 11s infinite ease-in -2.85s
}

.bubble-12 {
  bottom: -7px;
  left: 57%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.78s;
  animation: bubble-movement 14s infinite ease-in -2.78s
}

.bubble-13 {
  bottom: -9px;
  left: 35%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.53s;
  animation: bubble-movement 14s infinite ease-in -2.53s
}

.bubble-14 {
  bottom: -8px;
  left: 44%;
  -webkit-animation: bubble-movement 14s infinite ease-in -1.21s;
  animation: bubble-movement 14s infinite ease-in -1.21s
}

.bubble-15 {
  bottom: -6px;
  left: 94%;
  -webkit-animation: bubble-movement 14s infinite ease-in -1.7s;
  animation: bubble-movement 14s infinite ease-in -1.7s
}

.bubble-16 {
  bottom: -7px;
  left: 77%;
  -webkit-animation: bubble-movement 14s infinite ease-in -0.78s;
  animation: bubble-movement 14s infinite ease-in -0.78s
}

.bubble-17 {
  bottom: -8px;
  left: 98%;
  -webkit-animation: bubble-movement 14s infinite ease-in -1.29s;
  animation: bubble-movement 19s infinite ease-in -1.29s
}

.bubble-18 {
  bottom: -7px;
  left: 11%;
  -webkit-animation: bubble-movement 14s infinite ease-in -0.21s;
  animation: bubble-movement 19s infinite ease-in -0.21s
}

.bubble-19 {
  bottom: -4px;
  left: 74%;
  -webkit-animation: bubble-movement 14s infinite ease-in -2.16s;
  animation: bubble-movement 12s infinite ease-in -2.16s
}

.bubble-20 {
  bottom: -9px;
  left: 40%;
  -webkit-animation: bubble-movement 14s infinite ease-in -0.27s;
  animation: bubble-movement 17s infinite ease-in -0.27s
}

.color .bubble-1,
.color .bubble-3,
.color .bubble-13 {
  background-color: rgba(240, 0, 0, 0.1) !IMPORTANT
}

.color .bubble-5,
.color .bubble-11,
.color .bubble-18 {
  background-color: rgba(0, 0, 255, 0.1) !IMPORTANT
}

.color .bubble-7,
.color .bubble-10,
.color .bubble-15 {
  background-color: rgba(255, 255, 0, 0.1) !IMPORTANT
}

.color .bubble-8,
.color .bubble-16,
.color .bubble-19 {
  background-color: rgba(0, 255, 0, 0.1) !IMPORTANT
}

@-webkit-keyframes bubble-movement {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(0deg);
    transform: translate3d(-50%, 0, 0) rotate(0deg);
    height: 1px;
    width: 1px
  }

  100% {
    -webkit-transform: translate3d(-50%, -200px, 0) rotate(270deg);
    transform: translate3d(-50%, -200px, 0) rotate(270deg);
    height: 175px;
    width: 175px
  }
}

@keyframes bubble-movement {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) rotate(0deg);
    transform: translate3d(-50%, 0, 0) rotate(0deg);
    height: 1px;
    width: 1px
  }

  100% {
    -webkit-transform: translate3d(-50%, -200px, 0) rotate(270deg);
    transform: translate3d(-50%, -200px, 0) rotate(270deg);
    height: 175px;
    width: 175px
  }
}

.scrollToTop {
  width: 60px;
  height: 130px;
  position: fixed;
  top: 75%;
  right: 30px;
  background: url('images/arrow_up.png') no-repeat;
  opacity: .55;
  filter: alpha(opacity=55);
  display: none;
  background-size: 100% auto;
  z-index: 1001 !IMPORTANT
}

.scrollToTop:hover {
  text-decoration: none
}

#lang img {
  width: 36px;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid #c0c0c0;
  transition: box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  -webkit-transition: box-shadow .3s ease-in-out;
}

#lang img:hover,
#lang .active {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#icon_nav a,
#icon_nav a_hover {
  font-size: 1em;
  color: #FFF !IMPORTANT;
}

#icon_nav img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#icon_nav .current img,
#icon_nav .icon:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

#icon_nav .current .icon .title {
  background: RGBA(63, 104, 0, 0.8);
}

#icon_nav .icon {
  text-align: center;
  border: 3px solid #3F6800;
  padding-top: 49%;
  width: -webkit-fill-available;
  overflow: hidden;
  background: #619E00;
  position: relative;
  margin-bottom: 10px
}

#icon_nav .title {
  position: absolute;
  bottom: 0px;
  width: inherit;
  z-index: 1001;
  padding: 4px;
  width: -webkit-fill-available;
  background: RGBA(97, 158, 0, 0.8);
}

#icon_nav .icon:hover .title {
  background: RGBA(97, 158, 0, 0.4);
}

#icon_nav .slider_00 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 3px;
  position: absolute;
  top: 0;
  left: 0;
}

.side h3 {
  background: #007AA8;
  color: #FFF;
  padding: 15px 0 15px 5px;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  min-width: auto;
  margin: 0 0 15px 0;
  text-align: center;
  font-size: 1em;
}

.side {
  margin: 0
}

.side ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0px;
}

.side ul ul {
  background-color: none !IMPORTANT;
}

.side li a {
  color: #FFF
}

.side li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #FFFFFF;
}

.side li li:hover {
  background: none !IMPORTANT;
}

.side .image {
  text-align: center;
  margin: 10px auto;
}

#left-fullmenu ul {
  list-style: none;
  padding: 5px 0;
  width: 100%;
}

.side#left-fullmenu li div {
  padding-left: 10px;
}

.side#left-fullmenu li {
  list-style: none;
  padding: 5px 0px 5px 7px;
}

.side#left-fullmenu li li {
  padding: 0px 0px 2px 10px;
  border: none;
}

.side#left-fullmenu div {
  margin-right: 0;
}

.side#left-fullmenu .active {
  font-weight: 800;
}

.side#left-fullmenu .active::before {
  content: '►';
  float: left;
  margin-left: -7px
}

.side-banner .ban-side {
  margin: 10px 0;
  text-align: center;
  background-color: #FFF;
  padding: 10px;
  border-radius: 5px;
}

.side-banner .ban-side img {
  max-width: 100%;
  height: auto;
  width: 240px;
  margin: 0px auto;
}

.side-banner .ban-side:hover {
  box-shadow: 0 0 10px rgba(180, 180, 180, 0.5);
  transition: box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  -webkit-transition: box-shadow .3s ease-in-out;
}

#header {
  height: auto;
  padding: 0px 0;
  position: relative;
}

#header h1 {
  text-transform: none;
  font-size: 3em;
  margin: 25px 0 0 0;
  padding: 0px !IMPORTANT;
  color: #FFFFFF;
  font-weight: 800;
  text-shadow: 2px 2px 2px rgba(90, 90, 90, 0.32);
  text-align: center;
  letter-spacing: 3px;
}

#header h2 {
  text-transform: none;
  font-size: 1em;
  margin: 5px 0 0 0;
  padding: 0px !IMPORTANT;
  color: #FFFFFF;
  font-weight: 800;
  text-shadow: 2px 2px 2px rgba(90, 90, 90, 0.32);
  text-align: center;
  width: 100%
}


.header__bg {
  position: relative;
  top: 100px;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #FFF;
  transform: skewY(-2deg);
  transform-origin: top left;
}

@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1)
  }

  80% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55)
  }

  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1)
  }
}

.waveWrapper {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -100px;
  height: 100px;
  border-bottom: 27px solid #FFF;
}

.waveWrapperInner {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.bgTop {
  z-index: 15;
  opacity: 0.5;
}

.bgMiddle {
  z-index: 10;
  opacity: 0.75;
}

.bgBottom {
  z-index: 5;
}

.wave {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100px;
}

.waveTop {
  background-size: 50% 80px;
  background-image: url(image/wave/wave-top.png);
  background-position: bottom center;
  background-repeat: repeat-x;
}

.waveAnimation .waveTop {
  animation: move-wave 8s;
  -webkit-animation: move-wave 8s;
  -webkit-animation-delay: 1s;
  animation-delay: 6s;
}

.waveMiddle {
  background-size: 50% 100px;
  background-image: url(image/wave/wave-mid.png);
  background-position: bottom center;
  background-repeat: repeat-x
}

.waveAnimation .waveMiddle {
  animation: move_wave 33s linear infinite;
}

.waveBottom {
  background-size: 50% 100px;
  background-image: url(image/wave/wave-bot.png);
  background-position: bottom center;
  background-repeat: repeat-x
}

.waveAnimation .waveBottom {
  animation: move_wave 29s linear infinite;
}

#stat_win {
  background-color: #fff;
  border: 1px solid #C0C0C0;
  border-radius: 8px;
  padding: 0 10px;
  overflow: hidden;
  margin: 5% auto auto auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 560px;
  height: 250px;
  z-index: 1005;
  transition: opacity .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out, visibility .8s ease-in-out;
  -o-transition: opacity .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out, visibility .8s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out, visibility .8s ease-in-out;
  -webkit-box-shadow: 0 0 47px 0 rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0 0 47px 0 rgba(0, 0, 0, 0.47);
  box-shadow: 0 0 47px 0 rgba(0, 0, 0, 0.47)
}

#stat_win .text {
  padding: 6px;
  color: #585858;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center
}

.cleaner {
  width: 0;
  height: 0;
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden
}

.backlist ul {
  margin: 10px;
  padding: 0;
  list-style: none
}

.backlist ul li {
  list-style: none;
  float: left;
  padding: 0 5px
}

.backlist li:before {
  content: "›";
  padding-right: 6px;
  font-size: 120%;
  font-weight: 800;
}

.backlist li:first-child:before {
  content: none;
}

.backlist {
  position: relative;
  z-index: 0;
  padding: 0 5px !IMPORTANT;
  font-size: .9em;
  min-height: 2.5em;
}

.backlist i {
  vertical-align: text-bottom;
}

.backlist a {
  color: #000;
}

.backlist a:hover {
  color: #000058;
}

.second input,
.second select,
.footform input,
.footform select,
.footform textarea {
  background: #fff;
  color: #6f6f6f;
  border: 1px solid #c0c0c0;
  padding: 3px 14px;
  margin: 1px;
  margin-bottom: 2px;
  width: 100%;
  max-width: 480px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: border .5s ease-in-out;
  -o-transition: border .5s ease-in-out;
  -webkit-transition: border .5s ease-in-out
}

.second input[type="checkbox"],
.second input[type="radio"] {
  background: #fff;
  color: #6f6f6f;
  border: 1px solid #c0c0c0;
  padding: 3px 14px;
  margin: 10px 0 0 5px;
  width: auto;
}

.second select {
  padding: 7px 14px
}

.second input:focus,
.second textarea:focus {
  background: #FFF0F0;
  color: #000;
  border: 1px solid #acacac
}

.second textarea {
  background: #fff;
  color: #6f6f6f;
  overflow: auto;
  border: 1px solid #c0c0c0;
  padding: 3px 14px 4px 14px;
  position: relative;
  margin: 0;
  resize: none;
  width: 100%;
  max-width: 480px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: border .5s ease-in-out;
  -o-transition: border .5s ease-in-out;
  -webkit-transition: border .5s ease-in-out
}

.second input[type=file]::file-selector-button {
  border: 1px solid #969696;
  padding: 0 5px;
  border-radius: 2px;
  background-color: #585858;
  color: #fff;
  transition: 1s
}

.second input[type=file]::file-selector-button:hover {
  background-color: #f0f0f0;
  color: #585858;
  border: 1px solid #808080
}

.first {
  text-align: right;
  vertical-align: top;
  font-size: 1em;
  line-height: 2.2em !IMPORTANT
}

.second {
  vertical-align: middle;
  text-align: left;
  background: none !IMPORTANT
}

.subnav_styl {
  padding: 0px !IMPORTANT;
}

.subnav_styl .sub_line ul {
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  gap: 15px;
}

.subnav_styl li {
  display: flex;
  align-items: center;
}

.subnav_styl .href {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  color: #333;
  background: #f2f2f2;
  border-radius: 6px;
  transition: 0.2s ease;
  cursor: pointer;
}

.subnav_styl li.active .href {
  background: #0073e6;
  color: #fff;
}

.subnav_styl .href:hover {
  background: #e0e0e0;
  color: #000
}

.subnav_styl li.active .href:hover {
  background: #0066cc;
  color: #fff;
}

.subnav_styl1 {
  padding: 0px !IMPORTANT;
}

.subnav_styl1 .sub_line ul {
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  gap: 15px;
}

.subnav_styl1 li {
  display: flex;
  align-items: center;
}

.subnav_styl1 .href {
  display: block;
  padding: 8px 35px;
  text-decoration: none;
  color: #333;
  background: #f2f2f2;
  cursor: pointer;
}

.subnav_styl1 li.active .href {
  background: #0073e6;
  color: #fff;
}

.subnav_styl1 .href:hover {
  background: #e0e0e0;
  color: #000
}

.subnav_styl1 li.active .href:hover {
  background: #0066cc;
  color: #fff;
}

.subnav_styl2 {
  padding: 0px !IMPORTANT;
}

.subnav_styl2 .sub_line ul {
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  display: grid;
  gap: 15px;
}

.subnav_styl2 li {
  display: flex;
  align-items: center;
  width: 100%
}

.subnav_styl2 .href {
  display: block;
  padding: 8px 35px;
  text-decoration: none;
  color: #333;
  background: #f2f2f2;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.subnav_styl2 li.active .href {
  background: #0073e6;
  color: #fff;
}

.subnav_styl2 .href:hover {
  background: #e0e0e0;
  color: #000
}

.subnav_styl2 li.active .href:hover {
  background: #0066cc;
  color: #fff;
}

@media screen and (max-width:1580px) and (min-width:1199px) {

  .subnav_styl,
  .subnav_styl1 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .subnav_styl2 .sub_line ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !IMPORTANT;
  }

  .subnav_styl .sub_line ul,
  .subnav_styl1 .sub_line ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !IMPORTANT;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .subnav_styl li,
  .subnav_styl1 li {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .subnav_styl .href,
  .subnav_styl1 .href,
  .subnav_styl2 .href {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 7px 10px;
    font-size: .92rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
}

@media screen and (max-width:1200px) and (min-width:769px) {

  .subnav_styl,
  .subnav_styl1 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .subnav_styl2 .sub_line ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !IMPORTANT;
  }

  .subnav_styl .sub_line ul,
  .subnav_styl1 .sub_line ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !IMPORTANT;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .subnav_styl li,
  .subnav_styl1 li {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .subnav_styl .href,
  .subnav_styl1 .href,
  .subnav_styl2 .href {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 7px 10px;
    font-size: .92rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
}

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

  .subnav_styl,
  .subnav_styl1 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .subnav_styl2 .sub_line ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !IMPORTANT;
  }

  .subnav_styl .sub_line ul,
  .subnav_styl1 .sub_line ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !IMPORTANT;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .subnav_styl li,
  .subnav_styl1 li {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .subnav_styl .href,
  .subnav_styl1 .href,
  .subnav_styl2 .href {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 6px 10px;
    font-size: .9rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
}

.subcat_styl {
  padding: 0px !IMPORTANT;
}

.subcat_styl .sub_line ul {
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  gap: 15px;
}

.subcat_styl li {
  display: flex;
  align-items: center;
}

.subcat_styl .href {
  display: block;
  padding: 4px 15px;
  text-decoration: none;
  color: #333;
  background: #f2f2f2;
  border-radius: 6px;
  transition: 0.2s ease;
  cursor: pointer;
}

.subcat_styl li.active .href {
  background: #0073e6;
  color: #fff;
}

.subcat_styl .href:hover {
  background: #e0e0e0;
  color: #000
}

.subcat_styl li.active .href:hover {
  background: #0066cc;
  color: #fff;
}

.subcat_styl1 {
  padding: 0px !IMPORTANT;
}

.subcat_styl1 .sub_line ul {
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  gap: 15px;
}

.subcat_styl1 li {
  display: flex;
  align-items: center;
}

.subcat_styl1 .href {
  display: block;
  padding: 4px 15px;
  text-decoration: none;
  color: #333;
  background: #f2f2f2;
  cursor: pointer;
}

.subcat_styl1 li.active .href {
  background: #0073e6;
  color: #fff;
}

.subcat_styl1 .href:hover {
  background: #e0e0e0;
  color: #000
}

.subcat_styl1 li.active .href:hover {
  background: #0066cc;
  color: #000;
}

.subcat_styl2 {
  padding: 0px !IMPORTANT;
}

.subcat_styl2 .sub_line ul {
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  display: grid;
  gap: 15px;
}

.subcat_styl2 li {
  display: flex;
  align-items: center;
  width: 100%
}

.subcat_styl2 .href {
  display: block;
  padding: 4px 15px;
  text-decoration: none;
  color: #333;
  background: #f2f2f2;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.subcat_styl2 li.active .href {
  background: #0073e6;
  color: #fff;
}

.subcat_styl2 .href:hover {
  background: #e0e0e0;
  color: #000
}

.subcat_styl2 li.active .href:hover {
  background: #0066cc;
  color: #000;
}

@media screen and (max-width:1580px) and (min-width:1199px) {

  .subcat_styl,
  .subcat_styl1 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .subcat_styl2 .sub_line ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !IMPORTANT;
  }

  .subcat_styl .sub_line ul,
  .subcat_styl1 .sub_line ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !IMPORTANT;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .subcat_styl li,
  .subcat_styl1 li {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .subcat_styl .href,
  .subcat_styl1 .href,
  .subcat_styl2 .href {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 7px 10px;
    font-size: .92rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
}

@media screen and (max-width:1200px) and (min-width:769px) {

  .subcat_styl,
  .subcat_styl1 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .subcat_styl2 .sub_line ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !IMPORTANT;
  }

  .subcat_styl .sub_line ul,
  .subcat_styl1 .sub_line ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !IMPORTANT;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .subcat_styl li,
  .subcat_styl1 li {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .subcat_styl .href,
  .subcat_styl1 .href,
  .subcat_styl2 .href {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 7px 10px;
    font-size: .92rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
}

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

  .subcat_styl,
  .subcat_styl1 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .subcat_styl2 .sub_line ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !IMPORTANT;
  }

  .subcat_styl .sub_line ul,
  .subcat_styl1 .sub_line ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !IMPORTANT;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .subcat_styl li,
  .subcat_styl1 li {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .subcat_styl .href,
  .subcat_styl1 .href,
  .subcat_styl2 .href {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 6px 10px;
    font-size: .9rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
}

.subcat-section-title {
  margin: 8px 0 16px 0;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  font-weight: 800;
  color: var(--main-h3-color);
}

.sub-cat {
  width: 100%;
  min-height: 320px;
  position: relative;
  overflow: hidden;
  margin: 18px 0;
  border-radius: 22px;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
  background: #dbe3ec;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.sub-cat .inner {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, rgba(15, 23, 42, .08) 0%, rgba(15, 23, 42, .16) 100%);
}

.sub-cat a,
.sub-cat a:hover {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.sub-cat h3 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: clamp(1.2rem, 1.8vw, 1.8rem);
  line-height: 1.15;
  font-weight: 800;
  color: #0f172a;
}

.sub-cat .text {
  color: #334155;
  width: min(52%, 620px);
  position: absolute;
  top: 18px;
  left: 18px;
  bottom: 18px;
  padding: 24px 28px;
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(248, 250, 252, .92) 100%);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .10);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  font-size: .98rem;
  line-height: 1.55;
  overflow: auto;
}

.sub-cat:hover .text {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(241, 245, 249, .95) 100%);
  box-shadow: 0 16px 34px rgba(15, 23, 42, .14);
}

.sub-cat .text a {
  color: var(--main-a-color);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.sub-cat.subcat-card-right .text {
  left: auto !important;
  right: 18px;
  color: #dbeafe;
  background: linear-gradient(180deg, rgba(1, 39, 78, .92) 0%, rgba(2, 68, 134, .88) 100%);
  border: 1px solid rgba(255, 255, 255, .14);
}

.sub-cat.subcat-card-right:hover .text {
  background: linear-gradient(180deg, rgba(1, 39, 78, .96) 0%, rgba(2, 68, 134, .92) 100%);
}

.sub-cat.subcat-card-right h3 {
  color: #eff6ff;
}

.sub-cat.subcat-card-right .text a {
  color: #fff;
}

.sub-cat.small {
  min-height: 0;
  aspect-ratio: 16 / 7;
  margin-bottom: 16px;
}

.sub-cat.small .text {
  width: min(58%, 420px);
  padding: 18px 20px;
  font-size: .94rem;
  line-height: 1.45;
}

.sub-cat.small h3 {
  margin-bottom: 8px;
  font-size: clamp(1.05rem, 1.4vw, 1.35rem);
}

@media screen and (max-width:992px) {
  .sub-cat {
    min-height: 280px;
  }

  .sub-cat .text {
    top: 14px;
    left: 14px;
    right: 14px !important;
    bottom: 14px;
    width: auto;
    padding: 20px 20px 22px 20px;
  }
}

@media screen and (max-width:768px) {
  .sub-cat {
    min-height: 0;
    padding-top: 68%;
    border-radius: 18px;
  }

  .sub-cat .text {
    top: auto;
    left: 10px;
    right: 10px !important;
    bottom: 10px;
    width: auto !important;
    max-height: calc(100% - 20px);
    padding: 16px 16px 18px 16px;
    border-radius: 14px;
    font-size: .92rem;
  }

  .sub-cat.small {
    aspect-ratio: 16 / 10;
  }
}

.news.title img {
  margin: 15px 0;
}

.advbanner {
  border: none;
  aspect-ratio: 60/13;
  width: 100%;
  height: 100%;
  max-height: 200px;
  margin: 15px 0 0 0;
  overflow: hidden;
}

.contact_descr {
  font-size: 1em;
  color: inherit !IMPORTANT;
  padding: 0 0 10px 4px;
  font-style: italic;
}

.icon_btn {
  max-height: 45px;
}


.foto {
  padding-bottom: 5px
}

.foto img {
  border: 8px solid #fff;
  -webkit-box-shadow: 0 2px 5px #cacaca;
  -moz-box-shadow: 0 2px 5px #cacaca;
  box-shadow: 0 2px 5px #cacaca
}

#zpravodaj input {
  display: inline;
  background: #fff;
  color: #252525;
  border: 1px solid #c0c0c0;
  padding: 7px;
  margin-top: 0
}

#zpravodaj .submit {
  padding: 0 !IMPORTANT
}

.date {
  text-align: right;
  font-size: 1em;
  color: #000;
  padding-bottom: 3px
}

.class.title .text {
  width: 100%;
  height: 100%
}

.class.title h3 {
  position: relative;
  border: 0;
  top: 30%;
  font-size: 1.5em;
  margin: 5px 0 30px -15%;
  padding: 5% 20% 15px 20%;
  width: 130%;
  text-align: center;
}

.class.title a:hover {
  text-decoration: none
}

.file_title {
  width: 100%;
  text-align: center
}

.file_title img {
  height: 32px
}

.file_title table {
  margin: 0 auto
}

.file_title td {
  padding: 0 10px 10px 10px;
  vertical-align: top;
  line-height: 32px;
  text-align: left
}

.file-modern-wrap {
  margin-top: 10px;
  margin-bottom: 18px;
}

.file-modern-list {
  row-gap: 12px
}

.file-modern-card {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
  padding: 12px 14px;
  transition: transform .2s ease, box-shadow .2s ease
}

.file-modern-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .12)
}

.file-modern-head {
  display: flex;
  align-items: center;
  gap: 12px
}

.file-modern-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f2f6ff 0%, #e8efff 100%);
  color: #24406a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex: 0 0 42px
}

.file-modern-meta {
  min-width: 0;
  flex: 1 1 auto;
  text-align: left
}

.file-modern-name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1f2937
}

.file-modern-name-link {
  display: inline-block;
  color: #1f2937 !important;
  text-decoration: none !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.file-modern-name-link:hover {
  text-decoration: underline !important;
  color: #0f172a !important
}

.file-modern-name-link:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 4px
}

.file-modern-sub {
  font-size: .82rem;
  color: #64748b;
  margin-top: 2px
}

.file-modern-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  background: #0f172a;
  color: #fff !important;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none !important
}

.file-modern-action:hover {
  background: #1e293b;
  color: #fff !important
}

.file-modern-descr {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px dashed rgba(0, 0, 0, .12);
  font-size: .9rem;
  color: #475569;
  text-align: left
}

.file-modern-preview {
  margin-top: 12px;
  border-radius: 12px;
  overflow: hidden;
  background: #020617
}

.file-modern-preview video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 320px;
  background: #000;
  object-fit: cover
}

.file-modern-video .file-modern-video-box {
  margin-top: 12px;
  border-radius: 12px;
  overflow: hidden;
  background: #020617
}

.file-modern-video .file-modern-video-box video {
  background: #000
}

@media screen and (max-width:768px) {
  .file-modern-card {
    padding: 10px 11px;
    border-radius: 12px
  }

  .file-modern-head {
    align-items: flex-start;
    flex-wrap: wrap
  }

  .file-modern-meta {
    width: calc(100% - 54px)
  }

  .file-modern-action {
    width: 100%;
    margin-top: 2px
  }

  .file-modern-name {
    white-space: normal
  }
}