@charset "UTF-8";

@font-face {
  font-family: 'TT Interfaces';
  src: local('../fonts/TT Interfaces Extra Bold'), local('TT-Interfaces-Extra-Bold'),
      url('../fonts/TTInterfaces-ExtraBold.woff2') format('woff2'),
      url('../fonts/TTInterfaces-ExtraBold.woff') format('woff'),
      url('../fonts/TTInterfaces-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
    font-family: 'TT Interfaces';
    src: local('../fonts/TT Interfaces Bold'), local('TT-Interfaces-Bold'),
        url('../fonts/TTInterfaces-Bold.woff2') format('woff2'),
        url('../fonts/TTInterfaces-Bold.woff') format('woff'),
        url('../fonts/TTInterfaces-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

@font-face {
    font-family: 'TT Interfaces';
    src: local('../fonts/TT Interfaces Semi Bold'), local('TT-Interfaces-Semi-Bold'),
        url('../fonts/TTInterfaces-SemiBold.woff2') format('woff2'),
        url('../fonts/TTInterfaces-SemiBold.woff') format('woff'),
        url('../fonts/TTInterfaces-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }

  @font-face {
    font-family: 'TT Interfaces';
    src: local('../fonts/TT Interfaces Medium'), local('TT-Interfaces-Medium'),
        url('../fonts/TTInterfaces-Medium.woff2') format('woff2'),
        url('../fonts/TTInterfaces-Medium.woff') format('woff'),
        url('../fonts/TTInterfaces-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'TT Interfaces';
    src: local('../fonts/TT Interfaces Regular'), local('TT-Interfaces-Regular'),
        url('../fonts/TTInterfaces-Regular.woff2') format('woff2'),
        url('../fonts/TTInterfaces-Regular.woff') format('woff'),
        url('../fonts/TTInterfaces-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'TT Interfaces';
    src: local('../fonts/TT Interfaces Light'), local('TT-Interfaces-Light'),
        url('../fonts/TTInterfaces-Light.woff2') format('woff2'),
        url('../fonts/TTInterfaces-Light.woff') format('woff'),
        url('../fonts/TTInterfaces-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'Dnipro City (Дніпро) Regular';
    src: url('../fonts/DniproCity-Regular.eot');
    src: url('../fonts/DniproCity-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DniproCity-Regular.woff') format('woff'),
    url('../fonts/DniproCity-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
 
    @font-face {
      font-family: 'Dnipro City (Дніпро) Bold';
      src: url('../fonts/DniproCity-Bold.eot');
      src: url('../fonts/DniproCity-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DniproCity-Bold.woff') format('woff'),
      url('../fonts/DniproCity-Bold.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
}




:root{--header_height:$header_height}
body{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#FFFFFF;color:#252525}
a{transition:color 400ms,background-color 400ms; color:#0345BF}
a,a:hover,a:focus,a:active{text-decoration:none;color:#044CD0}
label{font-weight:normal}
legend{padding-bottom:10px}
img{display:block;max-width:100%;height:auto}
.row{--bs-gutter-x:1.875rem}
.container{padding-left:15px;padding-right:15px}
.element-invisible{position:absolute;padding:0;margin:0;border:0;height:1px;width:1px;overflow:hidden}

.flex-auto{flex:auto}
#sp-menu.menu-with-social .sp-megamenu-wrapper{flex:auto;justify-content:space-between;display:flex;align-items:center}
#sp-menu>.sp-column{height:100%}
#sp-menu.menu-center .sp-megamenu-wrapper{justify-content:center}
.menu-flex .sp-megamenu-wrapper{display:flex;justify-content:flex-end}
#menu-right .sp-module:first-child{border-right:2px solid rgba(80,80,80,0.2);padding-right:30px}
.header-has-modules #offcanvas-toggler{margin-right:20px;margin-left:0}
.sp-module-content .mod-languages ul.lang-inline{margin:0;padding:0}
.sp-module-content .mod-languages ul.lang-inline li{border:none;display:inline-block;margin:0 5px 0 0}
.sp-module-content .mod-languages ul.lang-inline li a{padding:0!important}
.sp-module-content .mod-languages ul.lang-inline li>a:before{display:none}
.sp-module-content .mod-languages img{display:inline-block;border:none}
.sp-module-content .latestnews>li>a>span{display:block;margin-top:5px;font-size:85%}
div.mod-languages ul li.lang-active{background-color:#82828280!important;padding:0 5px 3px;border-radius:3px}
#sp-header{height:100px;width:100%;position:relative;z-index:99;box-shadow:0 0 4px 0 rgba(0,0,0,0.1);animation:spFadeIn .5s;background:#FFFFFF}
#sp-header #offcanvas-toggler.offcanvas,#sp-header #offcanvas-toggler.mega{display:none!important}
#sp-header.full-header-left #offcanvas-toggler.offcanvas,#sp-header.full-header-center #offcanvas-toggler.offcanvas,#sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas,#sp-header.lg-header #offcanvas-toggler.offcanvas,#sp-header.header-with-social #offcanvas-toggler.offcanvas{display:flex!important}
#sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler,#sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler,#sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler,#sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler,#sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler{display:none!important}
#sp-header.full-header{padding-left:45px;padding-right:45px}
#sp-header.lg-header{box-shadow:0 2px 3px rgba(0,0,0,0.1)}
#sp-header.lg-header .logo{height:auto}
#sp-header.lg-header #offcanvas-toggler{margin-right:20px;margin-left:0}
#sp-header.lg-header #offcanvas-toggler.offcanvas-toggler-right.offcanvas{display:none!important}
#sp-header.lg-header .sp-column{height:100%}
#sp-header.lg-header #sp-logo #offcanvas-toggler{display:none}
#sp-header .logo,
#sp-header .logo a{
    height: 100px;
    width: 100%;
    display: inline-flex;
    margin: 0;
    align-items: center;
    margin: 0;
    padding: 0;
}

#sp-header .logo img {width: 85px; margin-right: 15px;}
#sp-header .logo .txt-block {font-family: 'Dnipro City (Дніпро) Regular';     color: #252525;}
#sp-header .logo .txt-block .top {font-size: 16px;}
#sp-header .logo .txt-block .title {font-size: 30px; text-transform: uppercase; line-height: 32px; font-family: 'Dnipro City (Дніпро) Bold';}
#sp-header .logo .txt-block .title span {display: block;}
#sp-header .logo a {display: contents;}

#sp-header.header-sticky{position:fixed;z-index:9999;top:0;left:0;width:100%;animation:spFadeInDown .5s}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler{float: right;}
#sp-header-topbar{position:relative;z-index:111}
#sp-header-topbar .sp-profile-wrapper .sp-sign-in .user-text{display:none!important}
#sp-header-topbar #sp-logo #offcanvas-toggler{display:none!important}
#sp-header-topbar .container-inner{border-bottom:1px solid #e5e5e5}
#sp-header-topbar .container-inner>.row{min-height:80px}
#sp-header-topbar a{color:#909196}
#sp-header-topbar a:hover{color:#0345BF}
#sp-header-topbar .sp-contact-info{color:#909196}
.header-modules{margin-left:20px}
.header-modules .sp-module{margin-left:20px}
.header-modules .search{position:relative}
.header-modules .search form:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:0;font-size:12px;line-height:32px;right:10px}
.header-modules .search form input{background:#efeff0;border:none;height:32px;font-size:15px;border-radius:3px;padding:5px 10px}
.burger-icon{width:25px;cursor:pointer}
.burger-icon>span{display:block;height:2px;background-color:#000000;margin:5px 0;transition:background-color .3s ease-in,opacity .3s ease-in,transform .3s ease-in}
.offcanvas-active .burger-icon>span,#modal-menu-toggler.active .burger-icon>span{background-color:#000000}
.offcanvas-active .burger-icon>span:nth-child(1),#modal-menu-toggler.active .burger-icon>span:nth-child(1){transform:translate(0,8px) rotate(-45deg)}
.offcanvas-active .burger-icon>span:nth-child(2),#modal-menu-toggler.active .burger-icon>span:nth-child(2){opacity:0}
.offcanvas-active .burger-icon>span:nth-child(3),#modal-menu-toggler.active .burger-icon>span:nth-child(3){transform:translate(0,-5px) rotate(45deg)}
.offcanvas-active .close-offcanvas .burger-icon>span{transition-delay:.2s}
#sp-logo.has-border{position:relative;padding-right:45px}
#sp-logo.has-border:after{content:"";margin-top:10px;margin-bottom:10px;position:absolute;width:2px;height:calc(var(--header_height) - 20px);right:15px;background-color:rgba(80,80,80,0.2)}
#sp-logo.has-border .sp-column{display:inline-flex;align-items:center}
.sp-profile-wrapper{position:relative;font-size:14px}
.sp-profile-wrapper .arrow-icon{font-size:11px}
.sp-profile-wrapper .sp-profile-dropdown{background:#fff;border:1px solid #e4e4e4;border-radius:3px;padding:10px 5px!important;list-style:none!important;font-size:14px;position:absolute;min-width:100px;right:0;top:100%;display:none!important}
.sp-profile-wrapper .sp-profile-dropdown li a{display:block;width:100%;padding:0 15px}
.sp-profile-wrapper .sp-profile-dropdown>li:not(:last-child){border-bottom:1px solid #e4e4e4;padding-bottom:5px;margin-bottom:5px;line-height:1.3}
.sp-profile-wrapper:hover .sp-profile-dropdown{display:block!important;animation:spFadeInDown .5s}
#sp-title{min-height:0}
.sp-page-title{background:#0345BF; padding:30px 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed}
.sp-page-title .sp-page-title-heading,.sp-page-title .sp-page-title-sub-heading{margin:0;padding:0;color:#fff}
.sp-page-title .sp-page-title-heading{font-size:24px;line-height:1}
.sp-page-title .sp-page-title-sub-heading{font-size:14px;font-weight:normal;line-height:1;margin-top:10px}
.sp-page-title .breadcrumb{background:none;padding:0;margin:10px 0 0}
.sp-page-title .breadcrumb>.active{color:rgba(255,255,255,0.8)}
.sp-page-title .breadcrumb>span,.sp-page-title .breadcrumb>li,.sp-page-title .breadcrumb>li+li:before,.sp-page-title .breadcrumb>li>a{color:#fff}
.breadcrumb{padding:.75rem 1rem;background-color:#e9ecef;border-radius:.25rem}
.body-innerwrapper{overflow-x:hidden}
.layout-boxed .body-innerwrapper{background:#FFFFFF; max-width:1240px;margin:0 auto;box-shadow:0 0 5px rgba(0,0,0,0.2)}
#sp-main-body{padding:100px 0; position: relative;}
body.view-article.remove-container .body-innerwrapper>#sp-main-body>.container,body.view-article.remove-container .body-innerwrapper>.sp-main-body>.container{max-width:100%;padding:0}
.com-sppagebuilder #sp-main-body{padding:0;     overflow: hidden;}
.sp-module ul>li>a{color:#252525}
.sp-module ul>li>a:hover{color:#0345BF}
.sp-module .latestnews>div>a{color:#252525}
.sp-module .latestnews>div>a:hover{color:#0345BF}
.sp-module .tagscloud .tag-name:hover{background:#0345BF}

.login img{display:inline-block;margin:20px 0}
.login .checkbox input[type="checkbox"]{margin-top:6px}
.login .password-group button.input-password-toggle{background-color:#eaecef;border-color:#ced4da;color:#212529}
.form-links ul{list-style:none;padding:0;margin:0}
.hide-label{border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*.article-list .article{margin-bottom:30px;padding:20px;border:1px solid #f5f5f5;border-radius:3px}*/
/*.article-list .article .article-intro-image,.article-list .article .article-featured-video,.article-list .article .article-featured-audio,.article-list .article .article-feature-gallery{margin:-20px -20px 20px;border-radius:3px 3px 0 0;border-bottom:1px solid #f5f5f5;overflow:hidden}*/
/*.article-list .article .article-intro-image img,.article-list .article .article-featured-video img,.article-list .article .article-featured-audio img,.article-list .article .article-feature-gallery img{border-radius:3px 3px 0 0}*/
.article-list .article .article-full-image{margin:-20px -20px 20px;border-radius:3px 3px 0 0;border-bottom:1px solid #f5f5f5;overflow:hidden}
.article-list .article .article-header h1,.article-list .article .article-header h2{font-size:1.375rem;margin:0 0 1.25rem}
.article-list .article .article-header h1 a,.article-list .article .article-header h2 a{color:#252525}
.article-list .article .article-header h1 a:hover,.article-list .article .article-header h1 a:active,.article-list .article .article-header h1 a:focus,.article-list .article .article-header h2 a:hover,.article-list .article .article-header h2 a:active,.article-list .article .article-header h2 a:focus{color:#044CD0}
.article-list .article .readmore{font-size:.875rem}
.article-list .article .readmore a{color:#252525;font-weight:500}
.article-list .article .readmore a:hover,.article-list .article .readmore a:active,.article-list .article .readmore a:focus{color:#044CD0}
.article-list .article figcaption.caption{text-align:center;font-size:14px;color:#252525;margin:5px 0;opacity:.7}
.article-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px}
.article-info>span{font-size:.813rem}
/*.article-info>span+span::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;content:"/"}*/

.article-info>span a{
  color: #fff;
  background: #2F57EF;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline;
  padding: 4px 8px;
  border-radius: 3px;
}
.article-info span:hover a {background:#254be0}
.article-details .article-header{position:relative}


.projects.article-details .article-header h1 {
    font-family: 'TT Interfaces';
    font-weight: 600;
    font-size: 36px;
    color: #252525;
    margin-bottom: 50px;
}
.projects .article-details .article-header h1 {text-align: center;}
.article-details .article-info{margin-bottom:0rem}


.view-article.projects .article-details .article-full-image{
  text-align: center;
  max-width: 950px;
  width: 100%;
  height: 429px;
  margin: 0 auto;
  margin-bottom: 50px;
  position: relative;
}

.view-article.projects .article-details .article-full-image:before {
  content: '';
  position: absolute;
  top: -20px;
  right: -25px;
  z-index: -1;
  height: 200px;
  width: 200px;
  background-image: url(/images/elements/dots.png);
}


.view-article.projects .article-details .article-full-image img{
  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0% 50%;
  background: #fff;
  -webkit-box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 15%);
  box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 15%);
  border-radius: 5px;
  margin-bottom: 50px;
}
.article-details .article-featured-video,.article-details .article-featured-audio,.article-details .article-feature-gallery{margin-bottom:2rem}
.article-details .article-author-information{padding-top:2rem;margin-top:2rem;border-top:1px solid #f5f5f5}
.article-details figcaption.caption{font-size:14px;color:#252525;margin:5px 0;opacity:.7}
.article {margin-bottom: 30px;}


.pager{list-style:none;padding:2rem 0 0;margin:2rem 0 0;border-top:1px solid #f5f5f5}
.pager::after{display:block;clear:both;content:""}
.pager>li{display:inline-block}
.pager>li.previous{float:left}
.pager>li.next{float:right}
.pager>li a{display:inline-block;font-size:.785rem;padding:1rem 2.5rem;border-radius:100px;border:1px solid #ededed;color:#252525}


.pagination-wrapper{align-items:center}
.pagination-wrapper .pagination{margin-bottom:0}
.pagenavigation{padding:2rem 0}
.pagenavigation .pagination{display:block}
.pagenavigation .pagination a{padding:5px 15px}
.pagenavigation .pagination .next{float:right}
.pagenavigation .pagination .previous{float:left}
.pagenavigation .pagination:before,.pagenavigation .pagination:after{clear:both;display:table;content:"";line-height:0;box-sizing:border-box}
.pagination>li>a,.pagination>li>span{color:#252525}
.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#252525}
.pagination>.active>a,.pagination>.active>span{border-color:#0345BF;background-color:#0345BF}
.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{border-color:#0345BF;background-color:#0345BF}

.page-item:nth-child(2) .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}
.newsfeed-category .category{list-style:none;padding:0;margin:0}
.newsfeed-category .category li{padding:5px 0}
.newsfeed-category #filter-search{margin:10px 0}
.category-module,.categories-module,.archive-module,.latestnews,.newsflash-horiz,.mostread,.form-links,.list-striped{list-style:none;padding:0;margin:0}
.category-module li,.categories-module li,.archive-module li,.latestnews li,.newsflash-horiz li,.mostread li,.form-links li,.list-striped li{padding:2px 0}
.category-module li h4,.categories-module li h4,.archive-module li h4,.latestnews li h4,.newsflash-horiz li h4,.mostread li h4,.form-links li h4,.list-striped li h4{margin:5px 0}
.article-footer-top{display:table;clear:both;width:100%}
.article-footer-top .post_rating{float:left}
.contentpane:not(.com-sppagebuilder){padding:20px}

#sp-bottom{font-size:14px;line-height:1.6;background:#262628;color:#FFFFFF; position: relative; overflow: hidden;}


#sp-bottom::before {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  content: '';
  width: 600px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.03;
}




#sp-bottom a{color:#A2A2A2}

#sp-footer{font-size:14px;padding:0;background:#171717;color:#FFFFFF;position: relative;    text-align: center; }
#sp-footer .container-inner{padding:30px 0}
#sp-footer ul.menu{display:inline-block;list-style:none;padding:0;margin:0 -10px}
#sp-footer ul.menu li{display:inline-block;margin:0 10px}
#sp-footer ul.menu li a{display:block}
#sp-footer ul.menu li a:hover{background:none}

#sp-footer #sp-footer2{text-align:right}
#sp-footer {color:#A2A2A2}
#sp-footer a{color:#A2A2A2}


#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus {color:#FFFFFF}

#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus{color:#FFFFFF}

span.sp-copyright {font-size: 12px;}

html.error-page{width:100%;height:100%}
html.error-page body{width:100%;height:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding-top:40px;padding-bottom:40px;text-align:center;background-repeat:no-repeat;background-position:50% 40%}
html.error-page .error-logo{display:inline-block;margin-bottom:2rem}
html.error-page .error-code{margin:0 0 1rem;font-size:6rem;line-break:auto}
html.error-page .error-message{font-size:1.5rem;margin-bottom:3rem}
.profile>div:not(:last-child){margin-bottom:30px}
.dl-horizontal dt{margin:8px 0;text-align:left}
table.category{width:100%}
table.category thead>tr,table.category tbody>tr{border:1px solid #f2f0ec}
table.category thead>tr th,table.category thead>tr td,table.category tbody>tr th,table.category tbody>tr td{padding:10px}
.contact-form .form-actions{background:none;border:none}
@media print {
.visible-print{display:inherit!important}
.hidden-print{display:none!important}
}

.sp-scroll-up{display:none;position:fixed;bottom:60px;right:30px;width:36px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#fff;background:rgba(100,100,100,0.4);border-radius:100%;z-index:1000;transition:all .3s ease}
.sp-scroll-up:hover,.sp-scroll-up:active,.sp-scroll-up:focus{color:#fff;background:#000}
.control-group{margin-bottom:1rem}
select.form-control:not([multiple]),select.inputbox:not([multiple]),select:not([multiple]){height:calc(2.25rem + 2px)}
.form-control-feedback{display:block;margin-top:.25rem;font-size:.875em}
input[type="text"],textarea{outline:none;box-shadow:none!important}
input[type="text"]:not(.form-control),input[type="email"]:not(.form-control),input[type="url"]:not(.form-control),input[type="date"]:not(.form-control),input[type="password"]:not(.form-control),input[type="search"]:not(.form-control),input[type="tel"]:not(.form-control),input[type="number"]:not(.form-control),select:not(.form-select):not(.form-control){display:block;width:100%;padding:.5rem!important;font-size:1rem;line-height:1.25;color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}
input[type="text"]:not(.form-control):focus,input[type="email"]:not(.form-control):focus,input[type="url"]:not(.form-control):focus,input[type="date"]:not(.form-control):focus,input[type="password"]:not(.form-control):focus,input[type="search"]:not(.form-control):focus,input[type="tel"]:not(.form-control):focus,input[type="number"]:not(.form-control):focus,select:not(.form-select):not(.form-control):focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0}
.password-group meter{width:100%}
.chzn-select,.chzn-select-deselect{width:100%}
.chzn-container.chzn-container-single .chzn-single{display:block;width:100%;padding:.5rem .75rem;line-height:1.25;height:calc(2.25rem + 2px);color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;box-shadow:none}
.chzn-container.chzn-container-single .chzn-single div{width:30px;background:none}
.chzn-container.chzn-container-single .chzn-single div>b{background:none;position:relative;font:normal normal normal 14px/1 FontAwesome}
.chzn-container.chzn-container-single .chzn-single div>b:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.875rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single{border-radius:.25rem .25rem 0 0}
.chzn-container.chzn-container-single .chzn-search{padding:.625rem}
.chzn-container.chzn-container-single .chzn-search input[type="text"]{display:block;width:100%;padding:.5rem 1.429rem .5rem .75rem;font-size:.875rem;line-height:1.25;height:calc(2rem + 2px);color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;box-shadow:none;-webkit-box-shadow:none}
.chzn-container.chzn-container-single .chzn-search input[type="text"]:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25);-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}
.chzn-container.chzn-container-single .chzn-search:after{content:"";font-family:FontAwesome;font-size:.875rem;color:rgba(0,0,0,0.2);position:absolute;top:50%;right:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.chzn-container.chzn-container-single .chzn-drop{border-color:rgba(0,0,0,0.15);border-radius:0 0 .25rem .25rem;box-shadow:none;-webkit-box-shadow:none}
.chzn-container.chzn-container-single .chzn-results li.highlighted{background-image:none!important}
.chzn-container.chzn-container-multi .chzn-choices{display:block;width:100%;padding:0 .75rem;min-height:calc(2.25rem + 2px);line-height:1.25;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;box-shadow:none;-webkit-box-shadow:none}
.chzn-container.chzn-container-multi .chzn-choices li.search-field input[type="text"]{font-size:.875rem;font-weight:normal;line-height:1.25;height:calc(2rem + 2px);background-color:#fff}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice{margin:5.5px 5px 0 0;padding:5px 20px 5px 5px;background-image:none;background-color:#f5f5f5;border-color:rgba(0,0,0,0.1);box-shadow:none;-webkit-box-shadow:none}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close{background:none;top:5px;color:rgba(0,0,0,0.2)}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover{color:rgba(0,0,0,0.5)}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after{content:"";font-family:FontAwesome;font-size:.875rem;position:absolute;top:0;right:0}
.chzn-container.chzn-container-multi.chzn-with-drop.chzn-container-active .chzn-choices{border-radius:.25rem}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop{margin-top:-4px;border:none;border-radius:0;box-shadow:none;-webkit-box-shadow:none}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty){padding:.75rem;background:#fff;border:1px solid rgba(0,0,0,0.15);border-top:0;border-radius:0 0 .25rem .25rem}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results li.no-results{background:none}
.form-horizontal .control-label{float:left;width:auto;padding-top:5px;padding-right:5px;text-align:left}
.form-horizontal .controls{margin-left:220px}
.card-block{padding:20px}
.card-block ul{list-style:none;padding:0;margin:0;display:block}
.card-block ul li{display:block}
.alert.alert-error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.invalid{color:#a51f18;border-color:#a51f18}
#sp-cookie-consent{position:fixed;font-size:16px;font-weight:500;bottom:0;left:0;width:100%;z-index:10001}
#sp-cookie-consent>div{padding:20px;position:relative}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format{position:relative;display:inline-block;vertical-align:middle;white-space:nowrap}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline{margin:0;margin-right:-5px;padding-left:0}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:13px;line-height:18px;text-align:center;vertical-align:middle;cursor:pointer;background-color:#f3f3f3;color:#333;border-top:1px solid #b3b3b3;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-radius:0}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label.btn-success{background:#46a546;color:#fff}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label input[type="radio"]{display:none!important}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:last-child label{border-top-right-radius:3px;border-bottom-right-radius:3px}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:first-child label{border-left:1px solid #b3b3b3;border-top-left-radius:3px;border-bottom-left-radius:3px}

#versionsModal{top:10%}
#versionsModal .modal-dialog{max-width:80%}
#versionsModal iframe{min-height:300px}
body.com-content.view-form.layout-edit .nav-tabs .nav-link{display:block!important}
.no-js img.lazyload{display:none}
#system-message-container{position:fixed;bottom:0;right:15px;max-width:350px;z-index:9999}
#system-message-container .alert{font-size:13px;line-height:1.5}
#system-message-container .alert>.btn-close{position:absolute;right:5px;top:5px;cursor:pointer}
#system-message-container joomla-alert{font-size:13px}
.com-users.view-registration #member-registration .modal-dialog,.com-users.view-registration #member-profile .modal-dialog,.com-users.view-profile #member-registration .modal-dialog,.com-users.view-profile #member-profile .modal-dialog{display:flex;align-items:center;min-height:calc(100% - 1rem)}
.hu-media-modal .modal-dialog{display:flex;align-items:center;min-height:calc(100% - 1rem)}
.registration #member-registration #jform_privacyconsent_privacy-lbl{display:inline-flex}
.registration #member-registration #jform_privacyconsent_privacy-lbl>a{position:initial;display:block;color:#252525}
.registration #member-registration #jform_privacyconsent_privacy-lbl>a:hover,.registration #member-registration #jform_privacyconsent_privacy-lbl>a:focus{color:#044CD0}
body.com-users.view-registration>#sbox-window{overflow:hidden}
body.com-users.view-registration>#sbox-window>#sbox-btn-close{top:5px;right:5px}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs{display:flex;padding:0;margin:0!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;list-style:outside none none;background-color:#f5f5f5;border-color:#ccc #ccc currentcolor;border-style:solid solid none;border-width:1px 1px 0;border-radius:.25rem .25rem 0 0;border-image:none;box-shadow:0 1px #fff inset,0 2px 3px -3px rgba(0,0,0,0.15),0 -4px 0 rgba(0,0,0,0.05) inset,0 0 3px rgba(0,0,0,0.04)}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link{color:var(--text-color)}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link.active{background-color:rgba(0,0,0,0.03);background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.05) 100%);border-right:0 none;border-left:0 none;border-top-left-radius:0;border-top-right-radius:0;box-shadow:2px 0 1px -1px rgba(0,0,0,0.08) inset,-2px 0 1px -1px rgba(0,0,0,0.08) inset,0 1px 0 rgba(0,0,0,0.02) inset}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.tab-content{padding:15px;background-color:#fefefe;border:1px solid #ccc;border-radius:0 0 .25rem .25rem;box-shadow:0 0 3px rgba(0,0,0,0.04)}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor label#jform_title-lbl{margin-bottom:15px;font-weight:700}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor .js-editor-tinymce{display:flex;flex-direction:column}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group{display:flex;flex-direction:column}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group>label,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group>label,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group>label{margin-bottom:5px;font-weight:700}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group textarea,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group textarea,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group textarea{width:100%}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group .calendar-container .time td select,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group .calendar-container .time td select,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group .calendar-container .time td select{padding:4px;font-size:13px}

/*
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid{display:flex;max-width:100%}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8{flex:auto}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls{margin-left:10px;display:flex;max-width:500px}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist_chzn,body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist{flex:auto}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8 #upbutton{background:var(--bs-primary);color:#fff;margin:0 5px}
body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child){margin-bottom:5px}
body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child)>.control-group:not(:last-child){margin-bottom:5px}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel{background:var(--bs-danger);color:#fff}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:hover,body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:focus{border-color:var(--bs-danger)}
*/

/*
body.contentpane.com-menus.view-items.layout-modal #adminForm .js-stools-container-bar{display:flex}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar{display:flex;align-items:center;padding:10px 0}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label{margin-right:10px}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append{display:flex}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"]{background:var(--bs-primary);color:#fff;margin-left:5px}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"]{background:var(--bs-primary);color:#fff}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools{padding-top:15px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar{margin-bottom:10px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label{margin-right:10px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append{display:flex}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"],body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"],body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"]{background:var(--bs-primary);color:#fff;margin-left:5px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"],body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"],body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"]{background:var(--bs-primary);color:#fff}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm .js-stools-container-bar,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm .js-stools-container-bar{display:flex;align-items:center}
*/

.modal-dialog.jviewport-width80{width:80vw;max-width:none}
.btn:focus{box-shadow:none!important}
.hu-media-modal .modal-content{height:65vh}
.input-group.hu-j4-media{max-width:356px}
.hidden{display:none!important}
.form-check-inline label.form-check-label.btn{padding:.375rem 3px}
.modal-body .iframe{min-height:60vh!important}
#sbox-content iframe{width:780px;height:480px}
.carousel-item img{width:100%}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.com-media.contentpane{padding:10px!important}
.com-media .well{background:#f5f5f5;padding:20px;border-radius:4px;margin-bottom:10px}
.com-media .well .row{margin:0;padding:0}
.com-media .well .row>div:first-child{width:calc(100% - 200px)}
.com-media .well .row>div:last-child{width:200px;float:right;text-align:right;padding-top:30px}
.com-media .well .row #folderlist{display:inline-block}
.com-media .well .row #upbutton{display:none}

.sp-megamenu-parent{list-style:none;padding:0;z-index:99;display:block;float:right;position:relative;     margin-right: -30px;}
.sp-megamenu-parent .sp-menu-item>a img,.sp-megamenu-parent .sp-menu-item>span img{display:inline-block}
.sp-megamenu-parent>li{display:inline-block;position:relative;padding:0}
.sp-megamenu-parent>li.menu-justify{position:static}
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span{display:inline-block;padding:0 15px;line-height:100px;font-size:15px;margin:0;color:#252525;
  font-family: 'TT Interfaces';
  font-weight: 600;
}

li.sp-menu-item.sp-has-child span.sp-menu-separator:before, .sp-menu-item.sp-has-child.active span:before, .sp-megamenu-parent > li > a:before {
  content: '';
  width: 15px;
  height: 2px;
  background-color: #2F57EF;
  position: absolute;
  bottom: 30px;
  transition: transform 500ms ease;
  transform: scale(0,1);
  transform-origin: right center;
  z-index: -1;
}

li.sp-menu-item.sp-has-child:hover span.sp-menu-separator:before, li.sp-menu-item.sp-has-child.active span.sp-menu-separator:before, .sp-megamenu-parent > li:hover > a:before, .sp-megamenu-parent > li.active > a:before {
  transform: scale(1,1);
  transform-origin: left center;
}


.sp-megamenu-parent>li .sp-menu-badge{height:20px;line-height:20px;padding:0 5px;font-size:10px;letter-spacing:1px;display:inline-block;text-transform:uppercase;background:#d60000;color:#fff;border-radius:3px}
.sp-megamenu-parent .sp-module{padding:10px}
.sp-megamenu-parent .sp-mega-group{list-style:none;padding:0;margin:0}
.sp-megamenu-parent .sp-mega-group>li>a{display:block;text-transform:uppercase;font-size:14px;font-weight:600;margin-bottom:10px}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child{list-style:none;padding:0;margin:0}
.sp-megamenu-parent .sp-dropdown{margin:0;position:absolute;z-index:10;display:none}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);padding:20px;background: #fff;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner>.row:not(:first-child){margin-top:20px}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items{list-style:none;padding:0;margin:0}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main{top:100%}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub{top:0}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner{box-shadow:0 0 5px rgba(0,0,0,0.2)}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item{display:block;padding:0;position:relative}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){font-size:14px;line-height:1;display:inline-block;padding:8px 0;cursor:pointer}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a.sp-group-title,.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title{text-transform:uppercase;font-weight:bold}
.sp-megamenu-parent .sp-dropdown .sp-module{padding:0}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title{font-size:14px;margin:0 0 15px;text-transform:uppercase;font-weight:bold}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews{margin:0}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li:not(:last-child){margin:0 0 15px}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li a{font-size:14px}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li a span{opacity:.8}
.sp-megamenu-parent .sp-dropdown-mega>.row{margin-top:30px}
.sp-megamenu-parent .sp-dropdown-mega>.row:first-child{margin-top:0}
.sp-megamenu-parent .sp-dropdown-mega .sp-module{margin-left:0!important}
.sp-megamenu-parent .sp-has-child:hover>.sp-dropdown{display:block}
.sp-megamenu-parent.menu-animation-fade .sp-has-child:hover>.sp-dropdown{animation:spFadeIn 600ms}
.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover>.sp-dropdown{animation:spFadeInUp 400ms ease-in}
.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover>.sp-dropdown{animation:spFadeInDown 400ms ease-in}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color:#252525}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color:#0345BF}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:#0345BF}
.sp-megamenu-parent .sp-mega-group>li>a{color:#252525}
.offcanvas-menu .hide-on-offcanvas{display:none!important}
.offcanvas-menu .fa,.offcanvas-menu .fab,.offcanvas-menu .far,.offcanvas-menu .fas{color:#252525}
.offcanvas-menu .offcanvas-inner ul.menu li.active a{color:#2F57EF!important}

.offcanvas-menu .logo-image {height: 90px;}


.btn-primary,.sppb-btn-primary{border-color:#0345BF;background-color:#0345BF}
.btn-primary:hover,.sppb-btn-primary:hover{border-color:#044CD0;background-color:#044CD0}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after,body.ltr .sp-megamenu-parent>li.sp-has-child>span:after{font-family:"Font Awesome 5 Free";content:"";float:right;margin-left:7px;font-weight:900}
body.ltr .sp-megamenu-parent>li .sp-menu-badge.sp-menu-badge-right{margin-left:5px}
body.ltr .sp-megamenu-parent>li .sp-menu-badge.sp-menu-badge-left{margin-right:5px}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after{font-family:"Font Awesome 5 Free";content:"";float:right;margin-left:7px;font-weight:900}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center{margin-left:45px}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right{left:0;background: #fff;}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full{left:auto;right:0}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left{right:0}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub{left:100%}
@media (min-width:576px) {
.sp-menu-full.container{width:540px}
}
@media (min-width:768px) {
.sp-menu-full.container{width:720px}
}
@media (min-width:992px) {
.sp-menu-full.container{width:960px}
}
@media (min-width:1200px) {
.sp-menu-full.container{width:1140px}
}
@media (min-width:1400px) {
.sp-menu-full.container{width:1320px}
}
#offcanvas-toggler{display:inline-flex;align-items:center;height:100px;line-height:100px;font-size:20px}
#offcanvas-toggler>span:hover{color:#fff}
#offcanvas-toggler>.fa{color:#252525}
#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active{color:#0345BF}
#offcanvas-toggler>.fas{color:#252525}
#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active{color:#0345BF}
#offcanvas-toggler>.far{color:#252525}
#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active{color:#0345BF}
.offcanvas-init{overflow-x:hidden;position:relative}
.offcanvas-active .offcanvas-overlay{visibility:visible;opacity:1}
.offcanvas-overlay{background:rgba(0,0,0,0.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:9999;visibility:hidden;-webkit-transition:.4s;transition:.4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.body-wrapper{position:relative;-webkit-transition:.4s;transition:.4s;backface-visibility:hidden}
.close-offcanvas{position:absolute;top:25px;z-index:1}
.offcanvas-menu{background-color:#ffffff;color:#252525;width:300px;height:100%;position:fixed;top:60px;overflow:inherit;-webkit-transition:all .4s;transition:all .4s;z-index:10000; }
.offcanvas-menu #offcanvas-toggler{display:none!important}
.offcanvas-menu .offcanvas-inner{padding:25px}
.offcanvas-menu .offcanvas-inner .header-modules{margin-left:0}
.offcanvas-menu .offcanvas-inner .finder{margin-bottom:10px}
.offcanvas-menu .offcanvas-inner .sp-sign-in{position:relative;top:10px}
.offcanvas-menu .offcanvas-inner .sp-sign-in .signin-text{display:none!important}
.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .user-text{display:none!important}
.offcanvas-menu .offcanvas-inner .sp-module{padding:0;margin:0}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child){margin-right:30px}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title{font-size:1rem;font-weight:bold}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child){margin-bottom:20px}
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete{width:210px}
.offcanvas-menu .offcanvas-inner ul.menu,.offcanvas-menu .offcanvas-inner ul.menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;margin:0 0 15px;list-style:none}
.offcanvas-menu .offcanvas-inner ul.menu>li{border:0;padding:0;margin:0;position:relative;overflow:hidden;display:block;font-weight:600}
.offcanvas-menu .offcanvas-inner ul.menu>li>a,.offcanvas-menu .offcanvas-inner ul.menu>li>span{display:block;font-size:20px;padding:10px 0;position:relative;transition:.3s;    font-family: 'TT Interfaces';font-weight: 600;}
.offcanvas-menu .offcanvas-inner ul.menu>li>a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li>span:hover{opacity:1}
.offcanvas-menu .offcanvas-inner ul.menu>li ul.menu-child{display:none}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{display:block;position:absolute;top:50%;cursor:pointer;transform:translateY(-50%);-webkit-transform:translateY(-50%);padding:10px}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after{font-family:"Font Awesome 5 Free";content:"";font-weight:900}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent>a{position:relative;display:block}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler{right:-10px;display:block;position:absolute;top:50%;cursor:pointer;transform:translateY(-50%);-webkit-transform:translateY(-50%);padding:2px 10px}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler:after{font-family:"Font Awesome 5 Free";content:"";font-weight:900}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent.menu-parent-open .menu-toggler:after{content:""}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>a>.menu-toggler:after,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after{font-family:"Font Awesome 5 Free";content:"";font-weight:900}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.nav-header>.menu-toggler:after{font-family:"Font Awesome 5 Free";content:"";font-weight:900}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler{display:block;position:absolute;top:50%;cursor:pointer;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after{font-family:"Font Awesome 5 Free";content:"";font-weight:900}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul{display:none}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{font-size:15px;padding:4px 0;line-height:18px;font-weight:400}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li{border-bottom:1px solid rgba(32,31,31,0.1);margin-bottom:0}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a{padding:15px 30px 15px 10px}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul{padding-bottom:15px}
.offcanvas-menu.center-alignment .offcanvas-inner{padding:0 15px}
.offcanvas-menu .offcanvas-inner a{color:#252525}
.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active{color:#0345BF}
.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span{color:#252525}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{color:#0345BF}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{color:rgba(37,37,37,0.5)}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler{color:rgba(37,37,37,0.5)}
.offcanvas-menu .offcanvas-inner ul.menu>li li a{color:rgba(37,37,37,0.8)}

.offcanvas-menu a.menu-sprt-btn {
  margin-left: 0 !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  text-align: center;
  margin-top: 25px;
}



body.ltr #offcanvas-toggler.offcanvas-toggler-right{float:right;}
body.ltr.offcanvs-position-left .body-wrapper{left:0}
body.ltr.offcanvs-position-left .offcanvas-menu{left:-300px;top:0}
body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu{left:0;top:0}
body.ltr.offcanvs-position-right .body-wrapper{right:0}
body.ltr.offcanvs-position-right .offcanvas-menu{right:-300px;top:0}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu{right:0;top:0}
body.ltr .close-offcanvas{right:15px}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{right:-10px}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler{right:0}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul{margin-left:10px}
@keyframes spFadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes spFadeInUp {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes spFadeInDown {
0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
.nav-wrapperq{margin:0 auto;text-align:right}

.active_lang{color:#252525;font-size:12px;letter-spacing:1px;text-transform:lowercase;    font-weight: 600;}
.active_lang i {margin-left: 5px; margin-top: 2px; color: #eabc00;}

.dropdown-lang-block div {line-height: 45px; text-align:center}
.dropdown-lang-block div a {color:#252525;font-size:12px; text-transform: lowercase; }

.lang-menu-block{margin:0;padding:0;position:relative;display:inline-block;line-height:100px}
.lang-menu-block .active_lang{cursor:pointer;display:flex;align-items:center}
.lang-menu-block .dropdown-lang-block{display:none}
.lang-menu-block:hover .dropdown-lang-block{position:absolute;display:block;background:#fff;width:50px;padding-top:0;z-index:1;box-shadow:0 0 20px rgba(0,0,0,0.11);right: -10px;
}

#sp-main-logo,
#sp-menu,
#sp-lang {height: 100px;}

.main-txt-banner {
  margin-left: auto;
    max-width: 535px;
    margin-right: 35px;
    z-index: 5;
    border-radius: 5px;
}

.main-txt {
  background: #fff;
  width: 600px;
  padding: 50px;
  -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
  
  border-radius: 3px;
}

.main-txt h1 {
  font-family: 'TT Interfaces';
  font-weight: 700;
  font-size: 90px;
  line-height: 90px;
  margin-bottom: 0;
}

.main-txt h1 span {
  display: block;
  font-size: 19px;
  line-height: 35px;
  font-family: 'TT Interfaces';
  font-weight: 400;
  margin-top: 25px;

}

.label img {
  width: 100px;
    margin: 0 auto;
    margin-top: -30px;
}

.main-banner-row:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  height: 100%;
  background: #f2f0ec;
}

.main-banner-row:after {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  top: -6px;
  left: -642px;
  width: 857px;
  height: 812px;
}

/*img {
  -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}*/

/*
.img-one::before {
  content: "";
  width: 90%;
  height: 90%;
  border: 10px solid #ffd700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.img-two {
  position: absolute;
  top: 0;
}*/

.img-one {position: relative;}




/*
.img-one::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 14px solid #0000000d;
}*/

.img-one::after {
  content: '';
  position: absolute;
  top: -30px;
  right: -35px;
  z-index: -1;
  height: 100%;
  width: 150px;
  background-image: url(/images/elements/dots.png);
}

.img-one img {
    -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 3%);
    -moz-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 3%);
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 3%);
    border-radius: 5px;
}

.page-title {
  margin-bottom: 50px;
  text-align: center;
  font-family: 'TT Interfaces';
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
}

.page-title span {
  display: block;
  color: #252525;
  font-weight: 400;
  font-size: 20px;
  line-height: 21px;
}


.owl-media .info-block,
.main-project .info-block {
  width: 90%;
    margin: 0 auto;
    padding: 25px;
    margin-top: -25px;
    background: #fff;
    -webkit-box-shadow: 0px 11px 20px 0px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 11px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 11px 20px 0px rgb(0 0 0 / 7%);
    position: relative;
    border-radius: 3px;
}

.owl-media .info-block .source {
  position: absolute;
  font-size: 10px;
  letter-spacing: 0.5px;
  background: #ffd700;
  display: inline;
  padding: 4px 8px;
  color: #000000;
  top: 0;
  margin-top: -10px;
  border-radius: 3px;
}



.owl-media .item .img,
.main-project .img {
  width: 100%;
  height: 270px;
}

.owl-media .item .img img,
.main-project .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 5px;
}
.main-project a .title,
.owl-media a .info-block .title  {
  font-size: 14px;
  color: #565656;
  background: linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0 100% / 0 2px no-repeat;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;

}


.main-project .title span,
.owl-item.active .title span,
.owl-media a .info-block .title span  {
  display: table;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin-top: 5px;
  color: #252525;
  background: linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0 100% / 0 2px no-repeat;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}


.more-btn,
.support-btn-project {text-align: center;font-weight: 300; font-size: 16px;    margin-top: 60px; letter-spacing: 0.5px;} 


.more-btn a,
.support-btn-project a  {
  background: #2F57EF;
    color: #fff;
    padding: 15px 30px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
    -moz-box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
    box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}

.more-btn a:hover,
.support-btn-project a:hover{
  background: #1a41d5;
  -webkit-box-shadow:none;
  -moz-box-shadow: none;
  box-shadow:none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;

}




.for-victory-row {
  background: #f2f0ec;
}

.we-win {text-align: center; color: #fff;}

.we-win .title {
    font-family: 'TT Interfaces';
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}

.we-win .bottom {
  font-family: 'TT Interfaces';
  font-size: 25px;
  font-weight: 300;
}
.logos {text-align: center;}

.logos img {
  display: inline-block;
  margin: 0 10px;
  width: 191px;
  height: 113px;
  object-fit: contain;
  border: 1px solid #efefef;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 20px;
}
.our-awards-row::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #f2f0ec;
}


.our-awards-row:after {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  bottom: -250px;
  left: -250px;
  width: 600px;
  height: 600px;
}





.our-awards-row-block {
  background: #fff;
  width: 850px;
  padding: 50px;
  -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%) !important;
  -moz-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%)!important;
  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%)!important;
  margin: 0 auto;
 border-radius: 3px;
 margin-top: -20px;
}


.award-photos .sppb-gallery {flex-wrap: inherit;} 
.award-photos .sppb-gallery li {
  background: #f7f7f7;
  padding: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 5px;
}

.award-photos .sppb-gallery li:hover {
  background: #f2f0ec;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
}
.award-photos .sppb-gallery li img {border-radius: 3px;}

.award-photos a.sppb-gallery-btn {position: relative;}



.page-header {color: #fff;}
.page-header h1 {
  margin-bottom: 50px;
  text-align: center;
  font-family: 'TT Interfaces';
  font-size: 50px;
  line-height: 70px;
  font-weight: 700;
}

.page-header h1 span {
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 21px;
}


.about-list-block {
  padding: 35px;
  -webkit-box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 7%);
  box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 7%);
  margin: 0 auto;
  border-radius: 5px;
  background: #fff;

}
.about-list-block ul {margin-bottom: 0;}
.about-list-block .info {display: flex; align-items: center; margin-bottom: 25px;}
.about-list-block .icon {
  background: #2F57EF;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 41px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  margin-right: 15px;
}
.about-list-block .title {
  font-family: 'TT Interfaces';
  font-size: 30px;
  line-height: 50px;
  font-weight: 600;
}

.about-info-row:after {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  top: -284px;
  right: -507px;
  width: 600px;
  height: 600px;
}

.about-right-col {z-index: 3 !important;}

.about-img {margin-top: 50px;}
.about-img img {    border-radius: 5px; margin: 0 auto;}
.about-yellow-block {margin-top: 80px;}

.about-yellow-block {position: relative;}
.about-yellow-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1100px;
  height: calc(100% + 165px);
  margin-top: -100px;
  background: #f2f0ec;
  z-index: -1;
  margin-left: -350px;

}

.about-list-block ul.list-style, 
.about-list-block li.list-style {
  list-style: none;
  padding: 0;
  margin: 0;
}
.about-list-block .list-style li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.about-list-block .list-style li:last-child {margin-bottom: 0px;}
.about-list-block .list-style li:before {
  position: absolute;
  content: "\f111";
  left: 10px;
  top: 8px;
  color: #bac8ff;
  /* line-height: 1em; */
  font-size: 8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.about-photos img {border-radius: 5px;}

.about-gallery-row:before {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  width: 600px;
  height: 600px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -15%);
}

.view-category.projects #sp-main-body::before {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  top: -284px;
  left: -500px;
  width: 600px;
  height: 600px;
  z-index: 5;
}

.view-article.projects #sp-main-body::before {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  top: 0;
  left: -500px;
  width: 600px;
  height: 600px;
  z-index: 5;
}

/*.view-article.projects #sp-main-body::after  {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 240px;
  background: #fafafa;
  z-index: -1;
}*/

.projects .article-body .article-info {display:none;}
.projects .article-details .article-info {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.projects .article-info .category-name {
  color: #ffffff;
  background: #2F57EF;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline;
  padding: 4px 8px;
  border-radius: 3px;
}



.projects .article-intro-image {
  width: 100%;
  height: 270px;
}

.projects .article-intro-image img {
  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0% 50%;
    border-radius: 5px;
}

.projects .article-body {
  width: 90%;
    margin: 0 auto;
    padding: 25px;
    margin-top: -25px;
    background: #fff;
    -webkit-box-shadow: 0px 11px 20px 0px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 11px 20px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 11px 20px 0px rgb(0 0 0 / 7%);
    position: relative;
    border-radius: 3px;
}

.projects .info-title a {
  font-weight: 600;
    font-size: 18px;
    color: #000;
    background: linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0 100% / 0 2px no-repeat;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


.view-article.projects .ba-gallery {margin-top: 50px;}



.view-category.news #sp-main-body::before {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  top: -284px;
  right: -500px;
  width: 600px;
  height: 600px;
  z-index: 5;
}


.view-category.news .article {
  display: flex;
  -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 3%) ;
  -moz-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 3%);
  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 3%);
  border-radius: 5px;
  padding: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}

.view-category.news .article:hover {
  -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%) ;
  -moz-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
  box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


.projects .article:hover .info-title a,
.view-category.news .article:hover .info-title a,
.main-project:hover a .title span,
.owl-item.active:hover a .title span  {
  color: #2d6ff7;
  background-size: 100% 2px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;

}


.view-category.news .article .article-intro-image.float-left {
  width: 434px;
  height: 250px;
  flex-shrink: 0;
}
.view-category.news .article .article-intro-image.float-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 3px;
}

.view-category.news .article .article-body {padding: 23px; width: 100%; }
.view-category.news .article .info-title {    margin-bottom: 15px;}

.view-category.news .article .info-title a {
  font-family: 'TT Interfaces';
    font-weight: 600;
    font-size: 28px;
    color: #252525;
    line-height: 30px;
    background: linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0 100% / 0 2px no-repeat;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;

}


.view-category.news .article .article-info span.category-name,
.view-article.news .article-info span.category-name{    margin-right: 15px;}

.view-article.news .article-details .article-info {margin-bottom: 50px;}

.view-article.news .article-details .article-header h1 {
  font-family: 'TT Interfaces';
  font-weight: 600;
  font-size: 36px;
  color: #252525;
}

.view-article.news .article-details .article-full-image {
  text-align: center;
  max-width: 950px;
  width: 100%;
  height: 429px;
  margin: 0 auto;
  margin-bottom: 50px;
  position: relative;
}

.view-article.news .article-details .article-full-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 50%;
  background: #fff;
  -webkit-box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 15%);
  box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 15%);
  border-radius: 5px;
  margin-bottom: 50px;
}

.view-article.news #sp-main-body::before {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  top: 0;
  right: -500px;
  width: 600px;
  height: 600px;
  z-index: 5;
}


.view-article.news .article-details .article-full-image:before {
  content: '';
  position: absolute;
  top: -20px;
  left: -25px;
  z-index: -1;
  height: 200px;
  width: 200px;
  background-image: url(/images/elements/dots.png);
}


.cat-children {display: none;}


span.published {
  color: #a9a9a9;
}

a.menu-sprt-btn {
  background: #2F57EF;
  color: #fff !important;
  line-height: 50px !important;
  padding: 0px 30px !important;
  border-radius: 3px;
  margin-left: 35px !important;
  letter-spacing: 0.8px;
  -webkit-box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
  -moz-box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
  box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-size: 14px !important;
  font-weight: 400 !important;
}

a.menu-sprt-btn:hover {
  background: #1a41d5;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.map {
  margin-top: -10px;
  margin-left: -300px;
}

.contact-block {
  background: #fff;
    padding: 50px;
    -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 7%);
    border-radius: 3px;
    position: relative;
}

.contact-block:before {
  background-image: url(/images/logo-colored.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: 0% 0%;
  content: '';
  position: absolute;
  top: -284px;
  right: -288px;
  width: 600px;
  height: 600px;
  z-index: -1;
}

.contact-block .title h1 {
  font-family: 'TT Interfaces';
  font-weight: 300;
  font-size: 25px;
  margin-bottom: 50px;
}

.contact-block .title h1 span {
  display: block;
  font-family: 'TT Interfaces';
  font-weight: 700;
  font-size: 45px;
}

.contact-block .info {margin-bottom:30px ;}

.contact-block .info .top {color: #565656;     font-size: .813rem;}

.contact-block .info .txt {font-weight: 600;     font-size: 18px;}
.contact-block .info .txt.mail {font-size: 14px;}

.contact-block .tel {
  text-align: center;
  margin-top: 50px;
}

.contact-block .tel .number a {
  font-family: 'TT Interfaces';
  font-weight: 800;
  color: #2F57EF;
  font-size: 30px;
}

.contact-block .tel .links {font-size: 14px;     font-weight: 500;}
.contact-block .tel .links a {    color: #252525;}

.bottom-block {
  display: flex;
    align-items: center;
    justify-content: space-around;
}

.bottom-block .title {
  font-family: 'TT Interfaces';
  font-weight: 300;
  font-size: 25px;
}

.bottom-block .title span {
  display: block;
  font-family: 'TT Interfaces';
  font-weight: 700;
  font-size: 45px;
  line-height: 50px;
}

.bottom-block .support-btn a {
  background: #2F57EF;
  color: #fff !important;
  /* line-height: 50px !important; */
  padding: 20px 40px !important;
  border-radius: 3px;
  /* margin-left: 35px !important; */
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
  -moz-box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
  box-shadow: 0px 7px 20px 0px rgb(47 87 239 / 18%);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-size: 16px;
}

.bottom-block .support-btn a:hover {
  background: #1a41d5;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
  
}

.support-block {
  padding: 35px;
  -webkit-box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 7%);
  box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 7%);
  margin: 0 auto;
  border-radius: 5px;
  background: #fff;
}



.support-block .title {
  margin-bottom: 20px;
  font-family: 'TT Interfaces';
  font-size: 30px;
  font-weight: 700;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 18px;
}

.support-block .title span.cur {
  background: #ffd700;
  padding: 0px 6px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin-right: 10px;
}

.support-block .title span.txt{
  font-size: 14px;
    font-weight: 400;
    margin-top: 12px;
    position: absolute;
    font-family: system-ui;
}

.support-block .item {margin-bottom: 30px;}

.support-block .item .top {
  color: #565656;
    font-size: 14px;
}

.support-block .item .txt {font-weight: 600;}
.support-block .item:last-child {margin-bottom: 0;}

.mob-lang {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: lowercase;
  font-family: 'TT Interfaces';
  font-weight: 600;
}

.mob-lang div {margin: 0 10px;}
.mob-lang .active {text-decoration: underline ;}

.label {width: 600px; position: absolute;}



@media screen and (max-width: 1379px) {
  .main-txt {width: 550px; padding: 30px;}
  .label {width: 550px;}
  .label img {    margin-top: -17px;}
  .owl-media .info-block, 
  .main-project .info-block {
    width: 95%;
    padding: 20px;
  }
  
}

@media screen and (max-width: 1280px) {
  .view-article.projects #sp-main-body::before {
    top: 0;
    left: -314px;
    width: 400px;
    height: 400px;
  }
	
}

@media (min-width: 1200px){
  .mob-menu{display: none!important;}
  }
      


  @media (max-width:1199px) {
  #sp-header.full-header{padding-left:15px;padding-right:15px}
  .sp-megamenu-parent>li>a,.sp-megamenu-parent>li span{padding:0 10px}
    .d-lg-block {display: none!important;}
    .main-txt h1 {font-size: 75px;line-height: 80px; }
    .main-txt,
    .label { width: 440px !important;}
    .main-txt h1 span { font-size: 19px; line-height: 25px;}
    .bottom-block {justify-content: space-between;}
    .view-article.news #sp-main-body::before {display: none;}
    .contact-block:before {width: 400px; height: 400px;}

  }

  @media (min-width:992px) {
  #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas{display:none!important}
  }
  @media (max-width:991px) {
  :root{--header_height:$header_height_sm}
  .sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span{line-height:50px}
  #sp-header{height:70px}
  #sp-header .logo{height:70px}
  #sp-header.header-with-modal-menu #offcanvas-toggler{display:flex!important}
  #sp-header.header-with-modal-menu #modal-menu-toggler{display:none}
  #sp-header.full-header-center #offcanvas-toggler.mega,#sp-header.header-with-modal-menu #offcanvas-toggler.mega,#sp-header.full-header-left #offcanvas-toggler.mega,#sp-header.lg-header #offcanvas-toggler.mega,#sp-header.header-with-social #offcanvas-toggler.mega{display:flex!important}
  #sp-header.lg-header #offcanvas-toggler.mega{display:none!important}
  #sp-header.lg-header .offcanvas-toggler-left.offcanvas{display:flex!important}
  #sp-header-topbar .container-inner>.row{min-height:70px}
  #modal-menu{top:50px}
  #offcanvas-toggler{height:70px;line-height:70px}
  #sp-logo.has-border>.sp-column{border-right:none;padding-right:0}
  #sp-logo.has-border{padding-right:15px}
  #sp-header.header-with-modal-menu.center-layout .sp-contact-info,#sp-header.header-with-modal-menu.classic-layout .sp-contact-info{display:none}
  #sp-header-topbar{margin:10px 0}
  #sp-header-topbar .container-inner{padding-bottom:10px}
  .hu-media-modal .modal-content{height:80vh}
  #sp-main-logo {order: 1; height: 70px;}
  #sp-menu {order: 3;}
  #sp-lang {order: 2;}
  .lang-menu-block {    line-height: 70px;}
  #sp-header .logo .txt-block .title span {display: contents;}
  #sp-header .logo img {width: 60px;}
  #sp-header .logo .txt-block .title {font-size: 25px;}
 .main-txt-banner {margin-left: auto;max-width: initial;}
 .main-txt, .label {width: 100% !important;}
 .label {position: inherit;}
 .main-txt {    margin-bottom: 50px;}
 .our-awards-row-block {width: auto;}
 .label img {
  right: 0;
  position: absolute;
  top: 0;
 }


 .main-banner-row:after {
  top: 37px;
  left: -271px;
  width: 500px;
  height: 500px;
 }

 .about-info-row:after {
  right: -320px;
  width: 400px;
  height: 400px;
 }

 .our-awards-row:after {
  bottom: -200px;
  left: -200px;
  width: 400px;
  height: 400px;
}

.view-category.projects #sp-main-body::before {
  top: -200px;
  left: -318px;
  width: 400px;
  height: 400px;
}

.view-category.news #sp-main-body::before {
  top: -200px;
  right: -318px;
  width: 400px;
  height: 400px;
}


.about-yellow-block {
  margin-top: 50px;
  margin-bottom: 50px;
}
.about-yellow-block::before {    height: calc(100% + 200px);}
.view-category.news .article {flex-direction: column;}
.view-category.news .article .article-intro-image.float-left {    width: 100%; margin-bottom: 25px;}
.view-category.news .article .article-body {padding: 0;}
.view-category.news .article .info-title a {    font-size: 24px; line-height: 26px;}
.view-category.news .article .info-title {margin-bottom: 25px;}
.view-article.news .article-details .article-header h1 {font-size: 28px; line-height: 30px;}
.map-container {width: 100% !important;}
.map {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: -10px;
}



}


@media screen and (max-width: 960px) {
	.bottom-block {flex-direction: column;}
  .bottom-block .title {margin-bottom: 50px;}
  .view-article.projects #sp-main-body::before {left: -356px;}
}



@media (max-width:767px) {
  #sp-header .menu-wrap{display:none}
  .hu-media-modal .modal-content{height:85vh}
  .modal-dialog.jviewport-width80{width:auto}
  .lang-menu-block .active_lang {    margin-left: -45px;}
  .lang-menu-block:hover .dropdown-lang-block {right: 5px;}
  .label img {    width: 70px; margin-top: -17px;}
  .main-txt {text-align: center;}
  .main-txt h1 span {
        width: 80%;
        margin: 0 auto;
        margin-top: 25px;
  }
  .award-photos .sppb-gallery {flex-wrap: wrap;}
  .award-photos .sppb-gallery li {width: 40%;}
  .main-banner-row:after {
    top: 203px;
    left: -115px;
    width: 300px;
    height: 300px;
}
.about-info-row:after {
  top: -160px;
      right: -160px;
      width: 200px;
      height: 200px;
}

.view-category.projects #sp-main-body::before {
  top: -106px;
  left: -136px;
  width: 200px;
  height: 200px;
}

#sp-main-body {    padding: 50px 0;}
.projects.article-details .article-header h1 {line-height: 40px;}
.projects .article-details .article-info {    top: 35px;}
.view-category.news #sp-main-body::before {
  top: -125px;
  right: -160px;
  width: 200px;
  height: 200px;
}
.contact-block .title h1 span {    font-size: 35px;}
}











@media screen and (max-width: 640px) {
	.page-header h1 {font-size: 40px;     line-height: 40px;}
  .page-header h1 span {margin-top: 15px;}

}







@media (max-width:575px) {
  :root{--header_height:$header_height_xs}
  .sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span{line-height:70px}
  #sp-header{height:70px}
  #sp-header .logo{height:70px}
  #sp-header-topbar .container-inner>.row{min-height:70px}
  #modal-menu{top:40px}
  #offcanvas-toggler{height:70px;line-height:70px}
  #sp-header .sp-module .sp-sign-in .text{display:none}
  #sp-header.lg-header .top-part{border-bottom:none}
  #sp-header.lg-header #sp-contact{order:1}
  #sp-header.lg-header #sp-logo{order:3}
  #sp-header.lg-header .sp-contact-info{text-align:center;margin:5px 0}
  .header-has-modules .container-inner>.row{flex-wrap:wrap!important}
  .header-has-modules #offcanvas-toggler{height:auto;line-height:1.2}
  }

@media screen and (max-width: 540px) {
#sp-header .logo .txt-block .title { font-size: 18px;line-height: 20px;}
.label img {width: 55px;margin-top: -25px;}
.main-txt h1 {
  font-size: 15vw;
  line-height: 15vw;
}
.bottom-block .title {text-align: center;}
.bottom-block .title span {font-size: 35px; line-height: 40px;}
.support-block .title span.txt {
  margin-top: 0;
    position: inherit;
    display: block;
}

}


@media screen and (max-width: 480px) {
  .main-txt h1 span {width: 100%;}
  .main-txt {margin-bottom: 30px;}
  .our-awards-row-block,
  .about-list-block {padding: 30px;}
  .view-article.news .article-details .article-header h1 {font-size: 24px; line-height: 26px;}
  .contact-block {padding: 30px;}
  .contact-block .title h1 {    font-size: 22px;}
  .contact-block .title h1 span {font-size: 30px;}
}

@media screen and (max-width: 456px) {
  .logos img {width: 40%;}
}

@media screen and (max-width: 414px) {
	.page-title {
    font-size: 35px;
    line-height: 35px;
  }
  .page-title span {    margin-top: 10px;}
  .award-photos .sppb-gallery li {margin: 10px;}
  .about-list-block .title { font-size: 25px; line-height: 30px;}
  .about-list-block .icon {
    width: 35px;
    height: 35px;
    line-height: 36px;
    font-size: 10px;
  }
  .view-category.news .article .info-title a {
    font-size: 20px;
    line-height: 24px;
}

.page-header h1 span {
  width: 70%;
  margin: 0 auto; 
  margin-top: 15px;
  line-height: 25px;
}
.contact-block .tel .number a {    font-size: 7vw;}
.support-block .title {font-size: 26px;}
  
}

@media screen and (max-width: 375px) {
	.bottom-block .title span {
    font-size: 8vw;
    line-height: 8vw;
}
.view-category.news .article {padding: 0;    box-shadow: none;}
.support-block {    padding: 25px;}
.support-block .title span.cur {margin-right: 0;}

}

@media screen and (max-width: 375px) {
  .support-block {
    padding: 22px;
}
}