html {margin:0; padding:0; height:100%;}
body {min-height:100%;width:100%;height:100%; min-width: 320px;  float:left;position:relative;  margin:0px; padding:0px 0px 0 0px;font-family:  'Open Sans',sans-serif; font-weight:400;font-size:18px;color:#1f1f1f; background: #ffffff ; overflow:hidden; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%;}


html.disableScroll{overflow:hidden;}

a{ text-decoration:underline;  color:#ed0325; -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;  }
img.resp{width:100%;}
input,textarea,select{font-family: 'Open Sans', sans-serif; margin:0}
button::-moz-focus-inner { border: 0; padding: 0;}

form,p,table,ul{ margin:0px; padding:0px;}
table {border-collapse:collapse;}
table tr td{ border-spacing:0px;}

h1,h2,h3,h4,h5{margin:0px; padding:0px; font-weight:700; }
strong{font-weight:700}

section .layout-center div.is_static ol, section .layout-center div.is_static ul  {padding:0px; margin:0px 0px 10px 30px;}
section .layout-center div.is_static ol li, section .layout-center div.is_static ul li {font-size:14px;font-weight:300;color:#000000; line-height:145%; padding:0px 0px 10px 10px; }
section .layout-center div.is_static ul li {padding-left:30px;list-style-type:none;background: url('../images/svg/dot.svg') no-repeat left 5px; background-size:10px auto;}




textarea,
input[type=password],
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


input,
textarea{box-sizing: border-box;}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.anim-300{-webkit-transition: all 0.3 ease !important;  -moz-transition: all 0.3 ease!important; -o-transition: all 0.3 ease!important; -ms-transition: all 0.3 ease!important; transition: all 0.3 ease!important;}




.f-left{float:left;}
.f-right{float:right;}
.center{text-align:center!important;}
.align-right{text-align:right!important;}
.align-left{text-align:left!important;}
.align-middle{vertical-align:middle;}
.underline {text-decoration:underline;}
div.clear-x {clear: both;height: 1px;font-size: 1px;line-height: .5; display:block;}
.clear.line {border:0px; margin-bottom: 40px; margin-top:30px; background:#E1E1E1 ; }
.separator {float:left; width:100%; height:1px; line-height:1px; font-size:1px;}
.italic {font-style:italic;}
.strong {font-weight:bold; color:#000000;}
.no-padding {padding:0!important;}
.nowrap {white-space: nowrap;}
.no-overflow {overflow:visible!important;}
.hidden{display:none;}
.relative{position:relative;}

hr{height:2px; padding:0px; border:0; background: #006EB7; font-size:0px;}
.border-top{border-top:2px solid #006EB7; }
.border-bottom{border-bottom:2px solid #006EB7; }


.small-only{display:none!important;}

.slider > li > a{display:block;}

.orange-color{color:#f08a26;}

svg{vertical-align: text-bottom; position:relative;}
svg path{ -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}

.row{ box-sizing: border-box;position:relative; text-align:left; margin:0 -40px 0px -40px;}
.row img{max-width: 100%;}
.row .col-50{width:100%; box-sizing: border-box; float:left; padding:0 40px;}
.row .col-100{width:100%; box-sizing: border-box; float:none; padding:0 40px;}

.scale-box{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.scale-box .scale-width{position:absolute; left:0px; top:0px; width:100%; }

.button{padding:0px 24px; text-decoration: none; line-height:39px; min-width: 200px; position:relative; display:inline-block; cursor:pointer;margin:0; border-radius: 5px; box-sizing: border-box; text-align: center;    background: #ED0325;white-space:nowrap; color:#ffffff; border:0;  font-family:'Open Sans', sans-serif; font-size:15px; font-weight:500; -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important; }
.button:hover{background:#FF0E34; }


.layout-center select.select{width:auto; padding:0px 20px 0px 10px!important;  box-shadow: none; background: transparent; background: url('../images/svg/select-arrow.svg') no-repeat right 10px center!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer}

.layout-center select.select{box-sizing:border-box;  height:35px; background: #ffffff; border-radius:3px!important; font-size:14px;  color:#000000;  border:1px solid #CFCFCF;}

.form-line {padding-bottom:13px;}
.form-line label {color:#000; font-size:14px; font-weight:400; padding-bottom:5px; display:block;}

.inp-text{box-sizing:border-box; width:100%; height:43px; background: #ffffff; border-radius:0px; font-size:16px; padding:0 15px; color:#443732; border-radius:4px; border:0;border:1px solid #C3B5AC;}
textarea.inp-text{box-sizing:border-box; width:100%; height:130px; background: #ffffff; border-radius:0px; padding:10px 10px; color:#474249; border:1px solid #D3D3D3; font-size:14px; margin-bottom:10px;}



#sb-site{ background:#ffffff!important;min-height:  auto; float:left; width:100%; overflow:hidden; position:relative; z-index: 5000}
.header-wrap{   position:relative; }


.select-style {border: 1px solid #4B4B4B; border-radius: 5px; overflow: hidden; background:#ffffff; color:#ffffff; box-sizing: border-box; position:relative; display:inline-block; width:100%;box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13); }
.select-style.select-with-arrow {background:#ffffff url('../images/select-arrow.png') no-repeat right 15px center;}
.select-style select, .select-style .select2.select2-container {cursor:pointer; display:block; width:100% !important; padding: 0px 45px 0px 10px; height:31px; font-size:15px; font-weight:400; box-sizing: border-box; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#1f1f1f; }
.select-style .select2.select2-container {padding-right: 1px}
.select-style .select2-selection__arrow {display: none}
.select-style .select2-selection {border: 0 !important; width: 100% !important; background-color: transparent !important;}
.select-style .selection, .select-style .select2-selection__rendered { width: 100% !important; display: block}
.select-style::before {position:absolute; right:36px; height:100%; width:1px;  content:' '; z-index: 0;}
.select-style select:focus {outline: none; }
.select-style .select2-selection__placeholder {color: #1f1f1f !important;}
.select2-dropdown ul li {background: unset; font-weight: unset; font-size: 16px;}
.select2-results__options {max-height: 300px !important;}
.select2-selection__rendered {text-align: left !important;}




.select-style.default{width:100%;position:relative;}
.select-style.default select{height:38px; width:100%; background: url('../images/select-arrow3.png') no-repeat right center; font-size:16px; padding-right:45px;}


.select-style select::-ms-expand {display: none; /* remove default arrow on ie10 and ie11 */ }

@media screen and (min-width:0\0) {
    .select-style select {background:none\9; padding: 5px\9; }
}

.cut-corner{position:relative;display:block;}
.cut-corner.on-blue-bg::before{border-color:transparent transparent transparent #0A64A7;}
.cut-corner.on-black-bg::before{border-color:transparent transparent transparent #000000;}
.cut-corner::before{width: 0; content:' '; position:absolute; left:0px; bottom:0px; z-index:5000;height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent #ffffff;}



header { position:relative; margin-bottom:0px;background: #ffffff;  z-index: 8999; padding-left:35px; padding-right:35px; margin-bottom:0px;  padding-bottom: 2px;  }
header.subpage { border-bottom:0;}
header .layout-center{ max-width:1100px!important; position:static; box-sizing: border-box; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom: 0px;}

header .middle-box{ position:relative; width:100%; height:130px; box-sizing: border-box;padding:0px 0px 0px 0px; z-index:7000;}








header .middle-box .table-container{height:100%; width:100%; display:table;  }
header .middle-box .table-container .col{display:table-cell;vertical-align:middle;padding-left:40px; width:32px; font-size:16px; font-weight:600;  }
header .middle-box .table-container .col a{color:#ffffff; }
header .middle-box .table-container .col.logo{ padding-left:0px; white-space:nowrap; width:auto; text-align:left; width: 144px;-webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important;}
header .middle-box .table-container .col.logo img{ position:relative; max-width: 144px; width:144px; top:0px;-webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important;}
header .middle-box .table-container .col.logo-text{white-space:nowrap; width:auto; font-size:40px; color:#ed1c24; font-weight:600; padding-left:20px; cursor: pointer;}








header .middle-box .table-container .col.socials {white-space:nowrap; font-size:0px;}
header .middle-box .table-container .col.socials a  {display:inline-block; padding:0px 5px;}
header .middle-box .table-container .col.socials a img  {width:36px;}

header .middle-box .table-container .col.lang {white-space:nowrap; font-size:0px;}
header .middle-box .table-container .col.lang a  {display:inline-block; padding:0px 5px;}

header .middle-box .table-container .col.minimap {color:#050505; text-align:center; white-space:nowrap; font-size:14px; font-weight:500; -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important;}
header .middle-box .table-container .col.minimap a {color:#050505; text-decoration:none;}
header .middle-box .table-container .col.minimap a span {display:block; text-align: center; padding-top:3px; font-weight:700}
header .middle-box .table-container .col.minimap a:hover {color:#ed1c24}
header .middle-box .table-container .col.minimap img {-webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important;}

header .middle-box .table-container .col.mobile-search {width:28px; padding-left:10px; display:none;}
header .middle-box .table-container .col.mobile-search img {width:28px; height:auto; top:-2px; position:relative;}

header .middle-box .table-container .col.search.show{position:absolute; left:0px; top:100%; width:100%; padding:0px 0px 0px 0px;display:block; box-sizing: border-box; background: #0F0F0F;}
header .middle-box .table-container .col.search.show form{margin:0px -15px; padding:0px 15px 15px 15px; background: #0F0F0F }
header .middle-box .table-container .col.search.show p{width:100%;}

header .middle-box .table-container .col.mobile {width:40px; display:none; padding-left:10px; padding-bottom: 0px; text-align:center; vertical-align:middle;}
header .middle-box .table-container .col.mobile  a{color:#ffffff; color:#ffffff; text-align:center; text-decoration:none; }
header .middle-box .table-container .col.mobile  a img{width:35px; top:0px; position:relative;}

header.fixed {position:fixed;left:0px; opacity:1!important;margin:0px;padding:0px; top:-1px; width:100%; -webkit-box-shadow: 0 0 15px 0 #444; -moz-box-shadow: 0 0 15px 0 #444; box-shadow: 0 0 15px 0 #444;}
header.fixed::before {display:none;}
header.fixed .middle-box .currency{display:none;}
header.fixed .middle-box .table-container { margin:0px 0px;}
header.fixed .middle-box .table-container .col.mobile{padding-right:15px;}
header.fixed .middle-box .table-container .col.logo{padding-left:15px; top:0; padding-top:5px; padding-bottom:5px; width:65px;}
header.fixed .middle-box .table-container .col.logo img{ top:0; width:65px;}
header.fixed .middle-box .table-container .col.search.show{ padding:0px 15px;}
header.fixed .middle-box .table-container .col.search.show form{margin:0px -15px 0px -15px;}

header.fixed .layout-center .links{display:none;}
header.fixed .layout-center .account{display:none;}
header.fixed .middle-box .table-container .col.basket-info .wrap > div:first-child{display:none;}
header.fixed .middle-box{margin:0px; padding-top:0px; padding-bottom: 0px;}



header.fixed .middle-box .table-container .col.minimap a span{display:none}
header.fixed .middle-box .table-container .col.minimap img{width:70px;}
header.fixed .middle-box .table-container .col.logo img{width:90px;}
header.fixed .middle-box .table-container .col.socials{padding-left:5px;}

header.fixed .middle-box{height:70px;}


header #menu-space{height:60px;}

header #menu.fixed-menu{position:fixed; left:0px; top:0px; bottom:auto; width:100%; box-sizing: border-box; padding:0px 15px; opacity:1!important;background:transparent;-webkit-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
header #menu.fixed-menu .menu{margin:0px auto; width:100%; max-width: 1100px; z-index: 6000; border-top:0px;}
header #menu.fixed-menu .scroll-bg{background: #F7FAFC; opacity:0.95; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index: 4000; -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important; }
header #menu.fixed-menu:hover .scroll-bg{opacity:1;}
header #menu.fixed-menu .menu::before{display:none;}
header #menu.fixed-menu .menu::after{display:none;}
header #menu.fixed-menu .menu > li.logo-menu {display:table-cell;}
header #menu.fixed-menu .menu > li.logo-menu img {height:40px;}
header #menu.fixed-menu .menu > li a {font-size:16px;}
header #menu.no-trans {-webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}


header #menu{background: #F7FAFC; position:relative; z-index: 9000; }
header #menu .menu > li.logo-menu {display:none;}
header #menu .menu > li.logo-menu img{height:45px;position:relative; top:-2px;}
header #menu .menu > li.logo-menu > a::before{display:none;}
header #menu .menu{margin:0px -3%; display:flex; align-items:top; align-content:center; text-align:center; justify-content: center; flex-grow: row wrap;  padding:0px; list-style: none; position:relative;  font-size:0px; text-align: center;  top:0px;  border-top:2px solid #EEF1F4;}
header #menu .menu::before{content: ' '; width:100%; position:absolute; bottom:0px; right:100%; margin-right:-60px; height:60px; background: #F7FAFC; border-top:2px solid #EEF1F4; }
header #menu .menu::after{content: ' '; width:100%; position:absolute; bottom:0px; left:100%; margin-left:-60px; height:60px; background: #F7FAFC; border-top:2px solid #EEF1F4;}
header #menu .menu > li{flex-grow:1;padding:0px 0px;background: none;   z-index:3000 }
header #menu .menu > li > a::before{content:'';width:100%; height:4px; border-radius:4px; opacity:0; position:absolute; z-index: 9000; left:0;  margin-top:0px; bottom:0; background:  #EEA312;   -webkit-transition: all 0.15s ease  !important;  -moz-transition: all 0.15s ease !important; -o-transition: all 0.15s ease !important; -ms-transition: all 0.15s ease !important; transition: all 0.15s ease !important;}
header #menu .menu > li:hover > a::before{bottom:10px; opacity:1}
header #menu .menu > li > a{line-height: 60px; padding:0px 10px; font-size:20px;  color:#010101; font-family:'Open Sans',sans-serif; font-weight:700; text-decoration: none;  position:relative; display:inline-block; margin-bottom: 0px; white-space: nowrap; }
header #menu .menu > li > a img{padding-right:7px; position:relative; top:-2px}
header #menu .menu > li.current > a::before{bottom:10px; opacity:1}

header #menu .menu > li.search  .icon {width:21px; height:21px; display:inline-block; margin-right:7px;position:relative; bottom:-3px; background:url('../images/search.png')}
header #menu .menu > li.search  #search {position:absolute;z-index:9998;right:0px; top:100%; margin-top:0px; width:250px;overflow:hidden; height:0px; -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
header #menu .menu > li.search.open  .icon {background-image: url('../images/close.png')}
header #menu .menu > li.search.open  #search {height:45px;}
header #menu .menu > li.search.open > a::before{bottom:10px; opacity:1}

#search > p{ padding:0px;width:100%; margin:0px auto; position:relative; padding-right:0px; box-sizing: border-box; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.3);}
#search > p #inp-search{ width:100%; box-sizing: border-box;  border:0px; border:2px solid #EEF1F4;  border-radius: 0px 0px 5px 5px ; background: #ffffff; height:45px; padding:0 45px 0 16px; font-size:18px; color:#333333; font-family:'Open Sans', sans-serif; font-weight:500!important; font-style: normal; position:relative;}
#search > p #inp-search::-webkit-input-placeholder { /* Chrome */ color: #88898B; font-style:italic; }
#search > p #inp-search:-ms-input-placeholder { /* IE 10+ */ color: #88898B; font-style:italic; }
#search > p #inp-search::-moz-placeholder { /* Firefox 19+ */ color: #88898B; opacity: 1; font-style:italic; }
#search > p #inp-search:-moz-placeholder { /* Firefox 4 - 18 */ color: #88898B; opacity: 1; font-style:italic; }
#search > p  button.btn{  height:45px; width:50px; line-height: 45px;  text-align:center; border:0px;  margin:0px;  position:absolute; right:0px; top:0px; cursor:pointer; background:transparent url('../images/search.png') no-repeat center center; background-size:21px 21px;  box-sizing: border-box;     }

#search > p #closeSearch{  height:30px; width:30px; color:#000000; text-align:center;  border:0px;  margin:0px;  position:absolute; right:39px; top:13px; z-index:9000; cursor:pointer;   box-sizing: border-box;     }
#search > p #closeSearch:before,#search > p #closeSearch:after{content:''; position:absolute; width:26px; height:3px; background-color:#000000; border-radius:2px; top:6px; }
#search > p #closeSearch:before{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); left:2px; }
#search > p #closeSearch:after{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); right:2px; }

.sb-slidebar li.search{padding:20px;}
.sb-slidebar li.search > a{display:none;}
.sb-slidebar #search > p #inp-search{border-radius:5px; font-size:16px;}

section{ padding:40px 0 40px 0px;  position:relative; z-index: 3000; background: #ffffff;}
section.light{ background:#ffffff ;}
section.blue-bottom{ border-bottom:2px solid #006EB7}
section.bottom-extended{ padding-bottom:90px; margin-bottom:-90px}
section.no-padding{ padding:0;}
section.no-top-padding{ padding-top:0px;}
section.no-bottom-padding{ padding-bottom:0px;}
section.grey{background: #EEF1F4;  }



.layout-center {max-width:1100px; margin:0 auto; position:relative;  padding-left:35px; padding-right:35px;}
.layout-center.load_popup {padding:0}

h1{text-align: center; font-size: 30px; line-height: 120%;  font-family: 'Open Sans', sans-serif; font-weight:700; font-style:normal; color:#000000; margin:0; padding:0px 0 15px 0; text-transform: none;}
h2{text-align: center; font-size: 35px; line-height: 120%;  font-family: 'Open Sans', sans-serif; font-weight:800; font-style:normal; color:#333333; margin:0; padding:0px 0 30px 0;}
h3{text-align: left; font-size: 35px; line-height: 120%;  font-family: 'Open Sans', sans-serif; font-weight:800; font-style:normal; color:#006eb7; margin:0; padding:0px 0 20px 0;}
h4{text-align: center; font-size: 25px; line-height: 120%;  font-family: 'Open Sans', sans-serif; font-weight:800; font-style:normal; color:#006eb7; margin:0; padding:5px 0 20px 0;}
700
p{color:#1f1f1f; font-size:18px;line-height:140%; text-align:justify;  font-weight:400; margin:0px; padding:0px 0px 1.4em 0px;}
ul{list-style:none; margin:0px 0px 1.4em 15px;}
ul li{color:#1f1f1f; font-size:18px;line-height:140%;  font-weight:400; background: url('../images/dot.png') no-repeat left 8px; padding:0px 0px 0px 17px;}
p a{color:#ed0325;}
p strong{font-weight:700; }
strong{font-weight:700; }
p.big{color:#000000; font-size:22px; font-style:italic;}

.video{float:right; padding:10px 0px 20px 30px }
.video img{border-radius:5px;}


.layout-center .title{color:#000000; font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:700;position:relative; text-align:left; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px;  position:relative; }





.parallax-background {background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

section#hp-banner{ padding:0px; background-repeat: no-repeat;box-sizing:border-box; background-position:center center; background-size: cover;}
section#hp-banner .wrap{ text-align: center; width:100%; max-width:430px; padding:30px 0px; }
section#hp-banner .wrap h1{ color:#ffffff; font-weight:800; font-size:40px; text-align: center; margin:0; padding:0px 0px 30px 0px }
section#hp-banner .content-wrap{position:relative;height:510px; width:100%; max-width:1170px; margin:0px auto;  display:flex; align-items:center; align-content:center; text-align:center;justify-content:center}
section#hp-banner .news-wrap{position:absolute; left:0; top:0; height:100%; display:flex;align-items:center; align-content:center;  }

.news-box{width:315px;  text-align:left;}
.news-box > strong{line-height:56px; padding:0px 35px; position:relative; z-index:4000; font-size:35px; color:#ffffff; font-weight:800; display:block;}
.news-box > strong span{position:relative; z-index:5000;}
.news-box > strong span a{color:#ffffff; text-decoration:none;}
.news-box > strong span a:hover{text-decoration:none;}
.news-box > strong::before{position:absolute; left:0px; top:0px; width:100%; height:100%; background: #006DB5; opacity:0.75; z-index:4000; content:' ';  border-radius:5px 5px 0px 0px }
.news-box .content{padding:15px 0px 20px 0px; position:relative; z-index:4000}
.news-box .content::before{position:absolute; left:0px; top:0px; width:100%; height:100%; background: #FFFFFF; opacity:0.75; z-index:4000; content:' ';  border-radius:0px 0px 5px 5px }
.news-box .content .inside{ position:relative; z-index:5000}
.news-box .content .inside .item{display:block; padding:10px 35px; text-decoration:none; font-size:13px; font-weight:700; line-height:17px; color:#010101; }
.news-box .content .inside .item:hover{background: #FFFFFF; color:#ed0325}
.news-box .content .inside .item .date{display:block; font-size:11px; line-height:11px;}
.news-box .content .inside .button{background:transparent; border:2px solid #ed0325; color:#000000; font-size:12px; font-weight:600;  line-height:31px; margin:20px 35px 0px 35px; min-width:auto; max-width:120px; display:block;}
.news-box .content .inside .button:hover{background:#ed0325; color:#ffffff;}

#cover > .news-wrap {background-color:#006EB7; padding:40px; }
#cover > .news-wrap .news-box{width:auto;}
#cover > .news-wrap .news-box > strong::before{opacity:1;  background: #005B97;}

section#subpage-banner{ padding:0px 35px; background-color:#006EB7; background-repeat: no-repeat;box-sizing:border-box; background-position:center center; background-size: cover;}
section#subpage-banner .wrap{ text-align: center; width:100%;  padding:30px 0px; }
section#subpage-banner .wrap h1{ color:#ffffff; font-weight:800; font-size:35px; text-align: center; margin:0; padding:20px 0px 0px 0px }
section#subpage-banner .content-wrap{position:relative;min-height:210px; width:100%; max-width:1100px; margin:0px auto;  display:flex; align-items:center; align-content:center; text-align:center;justify-content:center}



section .subcategory{display:flex; gap:90px; align-items:stretch; flex-flow: row wrap;  box-sizing:border-box;list-style:none;align-items:top; align-content:center;justify-content: center;  text-align:center; font-size:0; padding:45px 0px; margin:0px -45px;}
section .subcategory .item{width:370px;  box-sizing:border-box; box-sizing:border-box;}
section .subcategory .item a{color:#333333;font-size:18px; font-weight:800; position:relative; display:block;background: #EEF1F4; position:relative; top:0; text-decoration:none;  box-sizing:border-box;padding:20px 20px 20px 190px; min-height:177px; display:flex; border-radius:5px; align-content:center;justify-content: center;  align-items:center; -webkit-transition: all 0.2s linear !important;  -moz-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; -ms-transition: all 0.2s linear!important; transition: all 0.2s linear!important;}
section .subcategory .item a::before{height:0px; opacity:1; width:100%; content:' '; background: #ed0325; border-radius:0px 0px 5px 5px; position:absolute; left:0; bottom:0px; z-index:5000; -webkit-transition: all 0.2s linear !important;  -moz-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; -ms-transition: all 0.2s linear!important; transition: all 0.2s linear!important;}
section .subcategory .item a:hover::before{bottom:0; height:5px}
section .subcategory .item a span{display:block; text-align:left;}
section .subcategory .item a img{position:absolute; left:0; top:0; height:100%; border-radius:5px 0px 0px 5px}
section .subcategory .item a:hover{top:-10px;}
section .subcategory .item a::after{position:absolute; left:0px; top:100%; width:100%; height:0px; content:' ' ; z-index:7000}
section .subcategory .item a:hover::after{height:10px;}



section .news-title-wrap { display: flex; align-items: center; justify-content: space-between; }
section .fulltext-search{margin-top:-25px;}
section .fulltext-search .inp-search{font-size:15px; height:31px; padding:0px 35px 0px 12px;  font-weight:400; color:#1f1f1f; border: 1px solid #4B4B4B; border-radius: 5px; overflow: hidden; background:#ffffff url('../images/search.png') no-repeat right 7px center;  box-sizing: border-box; position:relative; display:inline-block; width:100%;box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13); }
section .fulltext-search .inp-search-wrap { position: relative; }
section .fulltext-search .inp-submit { right: 0; height: 31px; top: 0; cursor: pointer; position: absolute; filter: opacity(0); width: 35px; }




section .counseling{padding:0px 0px 20px 0px; margin:0px;}
section .counseling .item{ padding:10px 0px;}
section .counseling .item .wrap{ display:table; width:100%; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);min-height:130px; cursor:pointer}
section .counseling .item .wrap > div{display:table-cell; vertical-align:middle;padding:20px; position:relative; }
section .counseling .item .wrap > div .button{line-height:22px; font-size:12px; min-width:90px;}
section .counseling .item .wrap > div .date{position:absolute; right:20px; bottom:5px; font-size:13px; font-style:normal; font-weight:bold; }
section .counseling .item .wrap > div h3{font-size:18px; font-weight:800; color:#333333; margin:0px; padding:0px 0px 11px 0px}
section .counseling .item .wrap > div h3 a{ color:#333333; text-decoration:none}
section .counseling .item .wrap > div h3 a:hover{ color:#ed0325; }
section .counseling .item .wrap:hover > div h3 a{ color:#ed0325; }
section .counseling .item .wrap > div:first-child{display:table-cell; width:250px; background: url('../images/logo_header.png') no-repeat center center; background-size:50% auto; text-align:center;}






section .map-box {padding:0px 0px 50px 0px; text-align: center;}
section .map-box .map-wrap {display:inline-block; margin:0px auto; position:relative;}
section .map-box.top {padding-top:20px;}
section .map-box img{max-width:100%;}
section .map-box .select-style{margin:0px auto 60px auto; max-width:350px; display:block;}
section .map-box .select-style.float{margin:0px; max-width:300px; position:absolute; right:0px; top:15px;}

section .text-box { padding:30px 0px 40px 0px }
section .text-box h1, section .text-box h2, section .text-box h3  { color: #006eb7; }
section .text-box h2 a { color: #006eb7; text-decoration: none }
section .text-box h2 a:hover { text-decoration: underline }
section .text-box table tr:nth-child(even) { background-color: #EEF1F4; }
section .text-box table td { padding: 12px; }

section .text-box h1 { font-size: 35px; text-align: left; font-weight: 700; padding: 0; }
section .text-box h2 { font-size: 30px; text-align: left; font-weight: 700; padding: 0; }
section .text-box h3 { font-size: 25px; text-align: left; font-weight: 700; padding: 0; }

section .text-box table[align='left'] { float: none; }
section .text-box table[align='center'] { margin: 0 auto; }
section .text-box table[align='right'] { display: flex; justify-content: flex-end; margin-left: auto; margin-right: 0; float: none;}

section .text-box img { max-width: 100%; object-fit: contain; }

section .text-box ol li.marker-strong::marker { font-weight: bold; }

section .contact-layout { display:table; width:100% ; margin-bottom:50px; }
section .contact-layout > div { display:table-cell; vertical-align:top; width:50%; }
section .contact-layout > div:first-child {padding-right:25px;}
section .contact-layout > div:last-child {padding-left:25px;}
section .contact-layout > div .map-box  {padding:20px 0px 0px 0px;}
section .contact-layout > div .map-box .select-style {margin:50px auto 0px auto;}
section .contact-layout.single-column > div  {padding-left:0px!important; padding-right:0px!important}



section .content-menu{display:flex; align-items:stretch; flex-flow: row wrap;    box-sizing:border-box;list-style:none;align-items:top; align-content:center;justify-content: center;  text-align:center; font-size:0; margin:35px -15px;}
section .content-menu li{flex: 0 0 16.6666667%;background:none; padding:15px; box-sizing:border-box; box-sizing:border-box;}
section .content-menu li a{display:block; color:#010101; background: #EEF1F4; position:relative; top:0; text-decoration:none; font-size:16px; line-height:130%; box-sizing:border-box;padding:10px; min-height:66px; display:flex; border-radius:5px; align-content:center;justify-content: center;  align-items:center; -webkit-transition: top 0.2s linear, background 0.1s linear !important;  -moz-transition: top 0.2s linear, background 0.1s linear!important; -o-transition: top 0.2s linear, background 0.1s linear!important; -ms-transition: top 0.2s linear, background 0.1s linear!important; transition: top 0.2s linear, background 0.1s linear!important;}
section .content-menu li a:hover{top:-7px; background: #ED0325; color:#ffffff;}
section .content-menu li a::before{position:absolute; left:0px; top:100%; width:100%; height:0px; content:' ' }
section .content-menu li.current a{top:-7px; background: #ED0325; color:#ffffff;}
section .content-menu li a:hover::before{height:7px;}
section .content-menu.districts-menu li {flex: 0 0 calc(100% / 7)}




section .breadcrumbs{ list-style:none; margin:40px 0px 20px 0px;}
section .breadcrumbs li{font-size:14px; color:#ed1d24; font-weight:400; display:inline-block; background: none; padding:0 }
section .breadcrumbs li a{ color:#ed1d24; text-decoration:none; }
section .breadcrumbs li a img{position: relative; top:-2px}
section .breadcrumbs li::before{content:' - ' }
section .breadcrumbs li:first-child::before{content:'' }
section .breadcrumbs li a:hover{ text-decoration:underline; }

section#subpage-banner .breadcrumbs{position:absolute; left:0; top:20px; margin:0px;}
section#subpage-banner .breadcrumbs li {color:#ffffff; font-weight:300}
section#subpage-banner .breadcrumbs li a{color:#ffffff}





section#info-line{padding:40px 0px; background: #006EB7;}
section#info-line .wrap{display:flex; align-items:top; align-content:center; text-align:center; justify-content: center; flex-grow: row wrap;  position:relative; margin:0px -3.80%}
section#info-line .wrap::before{position:absolute; left:5%; top:58px; height:2px; width:90%; content: ' '; font-size:0px; background: #ffffff; z-index:4000}
section#info-line .wrap .item{  box-sizing:border-box; color:#ffffff; z-index:5000; width:16.6666666667%  }

section#info-line .wrap .item > a{display:inline-block; color:#ffffff; text-decoration:none; -webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}
section#info-line .wrap .item > a:hover .icon{background-color:#E90324; }
section#info-line .wrap .item > a:hover .icon img{ filter: brightness(0) invert(1) }
section#info-line .wrap .item .icon{ width:115px; height:115px; margin:1px auto 20px auto; background: #ffffff; border-radius:4px; display:flex;align-items:center; align-content:center; text-align:center;justify-content:center; position:relative; -webkit-transition: all 0.35s ease !important;  -moz-transition: all 0.35s ease!important; -o-transition: all 0.35s ease!important; -ms-transition: all 0.35s ease!important; transition: all 0.35s ease!important;}
section#info-line .wrap .item .icon::before{position:absolute; left:0; top:0; height:100%; width:100%; opacity:0; content: ' ' ;-webkit-transition: all 0.35s ease !important;  -moz-transition: all 0.35s ease!important; -o-transition: all 0.35s ease!important; -ms-transition: all 0.35s ease!important; transition: all 0.35s ease!important;}

section#info-line .wrap .item .num{font-size:33px; font-weight:800; padding-bottom:3px; }
section#info-line .wrap .item .desc{font-size:14px; font-weight:400; }


section .layout-center .article{ font-size:0px; text-align:center;  margin:0px -12px; display:flex; align-items:stretch; flex-flow: row wrap;}
section .layout-center .article .item{width:25%; display:inline-block; text-align:left; padding:12px; box-sizing:border-box; }
section .layout-center .article .item .image {position:relative; z-index:5000; overflow: hidden; width: 100%; display: block; height: 175px; }
section .layout-center .article .item .image img{border-radius:4px 4px 0px 0px; height: 100%; width: 100%; object-fit: cover;}
section .layout-center .article .item .wrap{position:relative; top:0;background: #ffffff; border-radius:5px; height:100%; box-shadow: 0px 5px 16px 0px rgba(54, 54, 54, 0.04); -webkit-transition: all 0.35s ease !important;  -moz-transition: all 0.35s ease!important; -o-transition: all 0.35s ease!important; -ms-transition: all 0.35s ease!important; transition: all 0.35s ease!important;}
section .layout-center .article .item .wrap h3{color:#333333; font-weight:800; font-size:18px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px}
section .layout-center .article .item .wrap h3 a{color:#333333;  text-decoration:none}
section .layout-center .article .item .wrap p{color:#6a6969;  font-size:14px; line-height:150%; font-weight:400; text-align:left;}
section .layout-center .article .item .wrap p a{color:#6a6969;  text-decoration:none}
section .layout-center .article .item .wrap::before{position:absolute; opacity:0; left:-2px; top:-2px;height:100%; width:100%; border:2px solid #EEA10E; border-radius:5px; content:' '; z-index:4000; -webkit-transition: all 0.35s ease !important;  -moz-transition: all 0.35s ease!important; -o-transition: all 0.35s ease!important; -ms-transition: all 0.35s ease!important; transition: all 0.35s ease!important;}
section .layout-center .article .item .wrap:hover{top:-10px;box-shadow: 0px 5px 16px 0px rgba(54, 54, 54, 0.5);}
section .layout-center .article .item .wrap:hover::before{opacity:1}
section .layout-center .article .item .wrap .content{padding:20px; box-sizing:border-box;position:relative; z-index:5000;}


section .layout-center .partners-box .items{ font-size:0px;  text-align:center; margin:0px -10px; }
section .layout-center .partners-box .items > div{display:inline-block; width: calc(100% / 5); height: 150px; box-sizing:border-box; padding:10px;}
section .layout-center .partners-box .items > div a {width: 100%; height: 140px; display: block;}
section .layout-center .partners-box:hover .owl-next,
section .layout-center .partners-box:hover .owl-prev {opacity:0.3}
section .layout-center .partners-box .items img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}



section .layout-center .partners{margin:0px 0px 20px 0px}
section .layout-center .partners .item{width:100%}
section .layout-center .partners .item a{display:block; }
section .layout-center .partners .item a img{width:100%;}
section .layout-center .partners:hover .owl-next,
section .layout-center .partners:hover .owl-prev {opacity:0.3}

section  .owl-next,
section  .owl-prev {opacity:0;position:absolute; top:0px; width:58px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:18px auto; border:0px;  -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
section  .owl-prev {left:-58px; background-image:url('../images/svg/sipka-prev.svg'); }
section  .owl-prev:hover {opacity:1!important}
section  .owl-next {right:-58px; background-image:url('../images/svg/sipka-next.svg'); }
section  .owl-next:hover {opacity:1!important}



section  .banners{margin:20px auto 20px auto; max-width:1700px;}
section  .banners .item{width:100%; padding:25px 0px; -webkit-transition: all 1s ease !important;  -moz-transition: all 1s ease!important; -o-transition: all 1s ease!important; -ms-transition: all 1s ease!important; transition: all 1s ease!important;}
section  .banners .item a{display:block; }
section  .banners .owl-item .item  {transform: scale(1.1473); }
section  .banners .owl-item:not(.center) .item  {transform: scale(0.75); opacity:0.55; position:relative; }
section  .banners .owl-item:not(.center) .item:hover  {opacity:1;  -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;}

section .banners:hover .owl-next,
section .banners:hover .owl-prev {opacity:0.3}


section .layout-center .news{ font-size:0px; text-align:center;  margin:60px -12px 0px; display:flex; align-items:stretch; flex-flow: row wrap;}
section .layout-center .news .item{width:50%; display:inline-block; text-align:left; padding:12px; box-sizing:border-box; }
section .layout-center .news .item .wrap{position:relative; top:0;background: #ffffff; border-radius:0px; height:100%; box-shadow: 0px 5px 16px 0px rgba(54, 54, 54, 0.04); -webkit-transition: all 0.35s ease !important;  -moz-transition: all 0.35s ease!important; -o-transition: all 0.35s ease!important; -ms-transition: all 0.35s ease!important; transition: all 0.35s ease!important;}
section .layout-center .news .item .wrap h3{color:#333333; font-weight:800; font-size:18px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px}
section .layout-center .news .item .wrap h3 a{color:#333333;  text-decoration:none}
section .layout-center .news .item .wrap p{color:#6a6969;  font-size:14px; line-height:150%; font-weight:400}
section .layout-center .news .item .wrap p a{color:#6a6969;  text-decoration:none}
section .layout-center .news .item .wrap::before{position:absolute; opacity:1; left:0px; top:0px;height:100%; width:45px; background:#006EB7 url('../images/denik.png') no-repeat center center; content:' ';  -webkit-transition: all 0.35s ease !important;  -moz-transition: all 0.35s ease!important; -o-transition: all 0.35s ease!important; -ms-transition: all 0.35s ease!important; transition: all 0.35s ease!important;}
section .layout-center .news .item .wrap::after{position:absolute; opacity:1; left:0px; top:100%;height:0px; width:100%; content:' ';  -webkit-transition: all 0.35s ease !important;  -moz-transition: all 0.35s ease!important; -o-transition: all 0.35s ease!important; -ms-transition: all 0.35s ease!important; transition: all 0.35s ease!important;}
section .layout-center .news .item .wrap:hover::after{height:10px;}
section .layout-center .news .item .wrap:hover{top:-10px;}
section .layout-center .news .item .wrap .content{padding:25px 20px 35px 65px; box-sizing:border-box;position:relative; z-index:5000;}
section .layout-center .news .item .wrap .content .date{color:#5488bc; font-size:14px; margin-bottom:25px;}



section .layout-center .pagination{text-align:center; font-size:22px; color:#010101; margin-bottom:40px;}
section .layout-center .pagination a{text-decoration:none; font-size:16px; color:#010101; position:relative; display:inline-block; padding:0px 5px; }
section .layout-center .pagination a:hover{text-decoration:underline; }
section .layout-center .pagination a::before{content: '|'; position:absolute; left:-5px; top:0px;}
section .layout-center .pagination a:first-child::before{content: ''}
section .layout-center .pagination a.active{color:#ed0325; font-size:22px; font-weight:700 }































section  .search-box{padding:0px; position:relative;margin-bottom:20px;}
section  .search-box .inp-text{height: 38px; color:#000000; font-size:14px;border-radius:0px; font-style:italic; font-weight:300!important; background:#ffffff url('../images/svg/hledani.svg') no-repeat right 10px center; padding:0px 35px 0px 10px;}
section  .search-box .inp-text::-webkit-input-placeholder { /* Chrome */ color: #000000; }
section  .search-box .inp-text:-ms-input-placeholder { /* IE 10+ */ color: #000000; }
section  .search-box .inp-text::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 1; }
section  .search-box .inp-text:-moz-placeholder { /* Firefox 4 - 18 */ color: #000000; opacity: 1; }

section  .scroll-box{max-height: 200px; overflow-y: scroll;}





footer{margin:0px 0px -1px 0px;  padding:0px 0 0 0;  background: #ffffff ; background-size:100% auto; float:left; width:100%; position:relative;}
footer .layout-center{z-index:3500; padding-top:0px; padding-bottom:0px;}



footer .container{ margin:50px auto 50px auto; display:table; position:relative; z-index:1000; width:100%;}
footer .container .col{ display:table-cell;  padding:0px 0px 0px 30px; vertical-align:middle;  box-sizing:border-box;}
footer .container .col:first-child{ width:196px;padding-left:0; vertical-align: middle; }
footer .container .col:first-child img{width:100%;}
footer .container .col.last{text-align:right;}

footer .container .col p{color:#303030; line-height:140%; font-size:14px;  padding:0 0 0px 0; margin-bottom:0px;   font-family: 'Open Sans', sans-serif; font-weight:400; }
footer .container .col p a{color:#ED1D24; text-decoration: none;}
footer .container .col p a:hover{ text-decoration: underline;}
footer .container .col  strong{ font-weight:600; font-weight:700 }
footer .container .col  .inline-wrap{display:inline-block; text-align:left;}
footer .container .col  .log{font-size:20px; color:#3a3a3a; text-decoration:none; font-weight:700; float:right; line-height:36px;}
footer .container .col  .log:hover{text-decoration:underline; }
footer .container .col  .email a{font-size:31px; color:#3a3a3a; text-decoration:none; font-weight:700}
footer .container .col  .email a:hover{color:#ed1c24; text-decoration:underline;}
footer .container .col  .email {padding-bottom:10px;}























body .sb-slidebar {background: #005B97;}
body .sb-slidebar ul.top {margin-bottom:-2px;}
body .sb-slidebar ul.top li a{font-size:18px;}
body .sb-slidebar ul.bottom{margin-top:40px;}

body .sb-slidebar ul.top-menu{margin-top:40px;}
body .sb-slidebar ul.menu{margin-bottom:0px;}
body .sb-slidebar ul{margin:0 0 0px 0; padding:0; list-style: none; border-top:1px solid #004674 ; border-bottom:1px solid #0067AC ;}
body .sb-slidebar ul li{border-bottom:1px solid #004674 ; border-top:1px solid #0067AC ;height:auto !important; padding:0px; background:transparent}
body .sb-slidebar ul li.logo-menu{display:none;}
body .sb-slidebar ul li a{line-height:20px; padding:10px 20px; color:#ffffff; text-decoration: none; display:block;font-size:16px; font-weight:700;height:auto !important}
body .sb-slidebar ul li a img, body .sb-slidebar ul li a object {display: none;}
body .sb-slidebar ul li a:hover{background:#0067AC;}
body .sb-slidebar ul li a .svg{display:none; height:25px; margin-right:10px; margin-top:-3px;}
body .sb-slidebar ul li a .svg path{fill:#ffffff;}
body .sb-slidebar ul li ul{padding-left:30px; margin-bottom:0; display:none;  border-top:1px solid  #004674;}
body .sb-slidebar ul li ul li:first-child{border-top:0;}
body .sb-slidebar ul li ul li:last-child{border-bottom:0;}
body .sb-slidebar ul li ul li a{padding-left:10px; }
body .sb-slidebar ul li  svg{display:none; }
body .sb-slidebar ul.top-menu > li a {font-size:13px; font-weight:500 }
body .sb-slidebar h4{font-size:25px; line-height: 40px; text-align:left; background: #003E68; color:#ffffff;padding:10px 15px 10px 20px ; margin:0px; font-family:'Open Sans', sans-serif; font-weight:700; }
body .sb-slidebar h4 img{float:right; height:28px; margin-top:7px;}
body .sb-slidebar h4 .close{cursor:pointer;}
body .sb-slidebar .home{display:none;}






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

    section .banners .owl-next{right:0}
    section .banners .owl-prev{left:0}
}


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

    section .banners .owl-next{opacity:1!important}
    section .banners .owl-prev{opacity:1!important}
}

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

    section#hp-banner .content-wrap{margin:0px 30px; box-sizing:border-box;}

    section#info-line .wrap{ margin:0px -3%}

    section .owl-next, section .owl-prev{width:25px;}
    section .owl-next{right:-30px;}
    section .owl-prev{left:-30px;}


    section .banners .owl-next, section .banners .owl-prev{width:35px;}
    section .owl-next{right:-30px;}
    section .owl-prev{left:-30px;}

}

@media only screen and (max-width: 1100px){
    section#hp-banner .content-wrap{height:400px;}

    .news-box .content .inside {font-size:0px; margin:0 20px;}
    .news-box .content .inside .item{display:inline-block; width:50%; box-sizing:border-box; padding:10px 15px;}
    .news-box .content .inside .button{margin:20px 15px 15px 15px}
}




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



    header .middle-box .table-container .col{padding-left:20px; }






}



@media only screen and (max-width: 1000px){
    section#hp-banner .content-wrap{padding:0px 0px; margin:0px; box-sizing:border-box;}

    section#info-line .wrap{ margin:0px -1%}

    section#info-line .wrap .item .icon {width:80px; height:80px;}
    section#info-line .wrap .item .icon img {width:55%;}

    section#info-line .wrap .item .num{font-size:23px;}
    section#info-line .wrap .item .desc{font-size:12px;}
}








@media only screen and (max-width: 979px){
    p{font-size:14px;}
    ul li{font-size:14px; background-position:left 6px;}
    .video{padding:10px 0px 10px 20px}

    header {border-bottom:2px solid #EEF1F4}
    header .middle-box{height:100px;}

    section#hp-banner .content-wrap{height:40vw;}
    section#hp-banner .wrap h1{font-size:4vw}
    section .layout-center .article {margin-left:-7px; margin-right:-7px;}
    section .layout-center .article .item{width:50%; padding:7px}
    section .layout-center .article .item .image { height: 225px; }
    section .layout-center .article .item .wrap:hover{top:-5px}

    section .layout-center .news {margin:0px -7px;}
    section .layout-center .news .item{padding:7px;}
    section .layout-center .news .item .wrap:hover{top:-5px;}

    header .middle-box .table-container .col.logo-text{font-size:25px;}
    header .middle-box .table-container .col.logo img{width:120px;}
    header .middle-box .table-container .col.logo{width:120px;}

    header .middle-box .table-container .col.minimap img{width:120px;}
    header .middle-box .table-container .col.minimap{font-size:12px; white-space:nowrap; padding-left:10px;}
    header .middle-box .table-container .col.lang{padding-left:10px;}


    header .middle-box .table-container .col.mobile {padding-left:10px !important}
    header .middle-box .table-container .col.mobile { display:table-cell;}
    header #menu{display:none;}
    header #menu-space{display:none;}



    header.fixed .middle-box{-webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}


    section#subpage-banner{padding:0px 15px;}

    section .subcategory .item{width:50%; box-sizing:border-box; padding:7px;}
    section .subcategory{gap:0px; margin:0px -7px; padding:35px 0px}
    section .subcategory .item a{padding:15px 15px 15px 110px; min-height:100px; text-align:left;  justify-content: left;}
    section .subcategory .item a:hover{ top:-5px; }
    section .subcategory .item a:hover::before{ bottom:-2px; }


    .layout-center{padding-left: 15px; padding-right: 15px;}


    header {  padding-left:15px; padding-right:15px; }

    header .middle-box .table-container.left .col.mobile {padding-left:0px !important;padding-right:20px}
    header.fixed .middle-box .table-container.left .col.logo{width:100%;padding-left:100Px !important;margin:0 auto !important}



    section .content-menu {margin-left:-7px; margin-right:-7px;}
    section .content-menu li{padding:7px; flex:0 0 25%}

    footer .container{margin:30px 0px}

    section .layout-center .partners{padding-left:20px; padding-right:20px; box-sizing:border-box;}



    section .owl-next{right:-10px; opacity:0.5}
    section .owl-prev{left:-10px; opacity:0.5}

    section .text-box{padding-top:20px;}

    section .breadcrumbs{margin-top:20px;}

    #cover > .news-wrap{padding:20px 15px;}
    .news-box > strong{font-size:25px; line-height:40px; padding:0px 20px;}
    .news-box .content .inside .item{padding:10px 20px;}
    .news-box .content .inside .button{margin:10px 20px 0px 20px}
    .news-box .content .inside{margin:0px;}


    section .map-box.top {padding-top:30px;}
    section .map-box .select-style{margin-bottom:40px;}
}









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

    section#subpage-banner .wrap h1{font-size:3.8vw; padding-top:30px;}
    section#subpage-banner .content-wrap{min-height:auto}
}


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





















    footer .container .col.contact{padding-bottom:0px!important;}




    footer .layout-center{text-align: center;}


    footer .container .col:first-child{width:150px;}
    footer .container .col{padding-left:15px;}
    footer .container .col .email a{font-size:25px;}
    footer .container .col .log{font-size:16px;}




}



@media only screen and (max-width: 750px){
    header .middle-box .table-container .col.logo img{max-width:180px;}


    section#info-line { display:none;}
    #cover .news-wrap { background:#006EB7}


    header .middle-box .table-container .col.logo-text{display:none}
    header .middle-box .table-container .col.logo{width:auto!important}

    section .map-box .select-style.float{max-width:200px;}

}






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


    section .layout-center .news .item{width:100%;}


    h1{ font-size: 32px;  }
    h2{ font-size: 25px;  }
    h3{ font-size: 20px;  }
    h4{ font-size: 16px; text-align:left;  }


    section .content-menu li a{font-size:14px;}

    section .text-box {
        max-width: 100%;
        overflow-x: auto;
    }

    section .text-box .youtube-embed-wrapper, section .text-box iframe {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/9;
        padding-bottom: 30px !important;
    }

    section .text-box .youtube-embed-wrapper iframe {
        width: 100%;
        height: 100%;
    }


    section .subcategory .item a{font-size:16px;}

    section .counseling .item .wrap > div:first-child{width:100px;}
    section .contact-layout {display:block;}
    section .contact-layout > div{display:block; padding-left:0px!important; box-sizing:border-box; width:100%; padding-right:0px!important}
    section .contact-layout .district-select { margin-top: 45px; }
    section .contact-layout .map-box { padding-top: 0 !important; }
    section .contact-layout .map-box .map { display: none; }
    section .contact-layout .map-box .select-style { margin-top: 0 !important; }




    footer .container { display:block; margin-top:30px; margin-bottom: 0px; }
    footer .container .col{ display:block; float:left; width:100%!important; box-sizing: border-box; padding:0px 0px 15px 0px!important; text-align: center;}
    footer .container .col:first-child{margin-bottom:0px;}
    footer .container .col:first-child img{max-width:100px;}
    footer .container .col.last{text-align:center;}

    footer .container .col p{text-align: center }

    section .banners {padding-left:35px; padding-right:35px; box-sizing:border-box;}


    section .banners .owl-next{ opacity:0.5!important}
    section .banners .owl-next:hover{ opacity:1!important}
    section .banners .owl-prev{ opacity:0.5!important}
    section .banners .owl-prev:hover{ opacity:1!important}


    section .banners .owl-item .item{transform: scale(1)!important}
    section .banners .owl-item:not(.center) .item{transform: scale(1)!important}
}




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




    section#hp-banner .wrap h1{padding-bottom:2vw}
    section#hp-banner .wrap .button{line-height:30px; font-size:13px; min-width:150px;}



    section#subpage-banner .wrap h1{font-size:5vw; }
    section#subpage-banner .wrap h1 br{display:none;}

    .video{float:none;padding:0px 0px 10px 0px}
    .video img{padding:0px; width:100%}


}







@media only screen and (max-width: 600px){
    section .layout-center .article .item .wrap h3{font-size:15px;}
    section .layout-center .article .item .wrap p{font-size:12px;}
    section .layout-center .article .item .wrap .content{padding:15px;}
    section .layout-center .article .item .image {height: 150px}

    section .layout-center .news .item .wrap p{font-size:12px;}
    section .layout-center .news .item .wrap h3{font-size:15px;}
    section .layout-center .news .item .wrap .content .date{font-size:12px; margin-bottom:15px;}
    section .layout-center .news .item .wrap .content{padding:20px 15px 20px 45px}
    section .layout-center .news .item .wrap::before {width:30px; background-size:100% auto}


    header .middle-box .table-container .col.minimap a span{display:none}
    header .middle-box .table-container .col.minimap img{width:70px;}
    header .middle-box .table-container .col.logo {  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}
    header .middle-box .table-container .col.logo img{width:90px; -webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}
    header .middle-box .table-container .col.socials{padding-left:5px;}

    header .middle-box{height:70px;}

    section .content-menu li{ flex:0 0 25%}
    section .content-menu li a{font-size:12px; min-height:50px; height:100%}

    section .content-menu{margin-top:20px; margin-bottom:20px}
    section .text-box{padding-bottom:20px;}
    section{padding:20px 0px;}
    section .layout-center .partners{margin-bottom:0}

    h2{padding-bottom:20px;}


    .news-box .content .inside .item{width:100%;}
    .news-box > strong span{font-size:20px;}


    section .map-box .select-style.float{position:relative; top:auto; right:auto; max-width:100%; margin-bottom:20px; }


}
@media only screen and (max-width: 550px){




    section .subcategory{ padding:25px 0px}
    section .subcategory .item{width:100%; }
    section .subcategory .item a{ min-height:70px; padding-left:80px; font-size:14px; }





    section .layout-center .partners-box .items {margin:0px -5px}
    section .layout-center .partners-box .items > div{display:inline-block; width: calc(100% / 3); box-sizing:border-box; padding:7px; height: 75px;}
    section .layout-center .partners-box .items > div a {width: 100%; height: 65px; display: block;}



}


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

    section .news-title-wrap { display: block; }
    section .fulltext-search{float:none; margin:-5px 0px 10px 0px;}
    section#hp-banner .content-wrap{height:auto;min-height:50vw}
    section#hp-banner .wrap{padding:6vw 0px}
    section#hp-banner .wrap h1{font-size:6vw; padding-bottom:4vw}

    footer .container .col{width:100%!important;}
    footer .container::before {display:none;}
    footer .container .col p.title::after {margin-top:-3px;}

    section .breadcrumbs li {font-size:12px;}



    section .content-menu li{ flex:0 0 33.33333%}

    section .counseling .item .wrap > div:first-child{width:50px;}
    section .counseling .item .wrap{min-height:90px;}
    section .counseling .item .wrap > div h3{font-size:16px;}
    section .counseling .item .wrap > div .date{font-size:11px;}

    h2{ font-size: 20px;  }

}


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

    header .middle-box .table-container .col.mobile {padding-left:5px !important}
    header .middle-box .table-container .col.socials a{padding:0px 2px;}

    header .middle-box .table-container .col.lang{padding-left:5px;}
    header .middle-box .table-container .col.minimap{padding-left:5px;}


}

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





}


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


    body .sb-slidebar h4{font-size:22px;  }
    body .sb-slidebar h4 img{width:22px;height:22px;margin-top:10px;}



    section .layout-center .article .item{width:100%;}
    section .layout-center .article .item .wrap:hover{top:0}

    section .content-menu li{ flex:0 0 50%}


}







@media only screen and (max-width: 360px){
    header .middle-box .table-container .col.logo img{width:65px!important;}



}






.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: "Helvetica Neue", sans-serif;
    line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center;
}