@font-face {
    font-family: 'Lato';
    src: url('Lato-Regular.woff2') format('woff2'),
        url('Lato-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Bold';
    src: url('Lato-Bold.woff2') format('woff2'),
        url('Lato-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(MaterialIcons-Regular.woff2) format('woff2'),
       url(MaterialIcons-Regular.woff) format('woff'),
       url(MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
* {
    position: relative;
}
body {
    -ms-overflow-style:scrollbar;
    background: var(--body-bck);
    font: var(--body-font);
    overflow-x: hidden;
    color: var(--body-color);
}
body.contrastBody {
    background: var(--cont-body-bck);
    color: var(--cont-body-color);
}
a {
    color: var(--default-link-color);
    font: var(--default-link-font);
    outline:0!important;
    /* -webkit-transition:color .1s ease-in-out; */
    /* transition:color .1s ease-in-out; */
    text-decoration: var(--default-link-decoration);
}
.contrastBody a {
    color: var(--cont-default-link-color);
    border: var(--cont-default-link-border);
}
a:focus,a:hover {
    cursor:pointer;
    color: var(--default-link-hover-color);
    text-decoration: var(--default-link-hover-decoration);
}
.contrastBody a:focus, .contrastBody a:hover {
    color: var(--cont-default-link-hover-color);
    text-decoration: var(--cont-default-link-hover-decoration);
    border: var(--cont-default-link-hover-border);
}
h1,h2,h3,h4,h5,h6 {
    font-size:1em;
    line-height:1.4em;
    font-weight:300;
    margin:0 0 20px;
}
h1.home-header {
    margin-top: 0;
}
h1,h2{
    font-size:1.4em;
}
h3,h4{
    font-size:1.2em;
}
h2{
    margin:68px 0 34px;
}
h5,h6{
    font-size:1.1em;
}

.home-header {
    font: var(--home-header-font);
    color: var(--home-header-color);
    border-bottom: var(--home-header-border);
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.contrastBody .home-header {
    color: var(--cont-home-header-color);
    border-bottom: var(--cont-home-header-border);
}

#header-dynamic {
    height:101px;
    position:absolute;
    z-index:1001;
    width: 100%;
    border-bottom: var(--header-border-bottom);
    background: var(--header-bck);
    transition: 0.2s;
}
/*
#header-dynamic.notHome {
    height: 101px;
} */

#header-dynamic.fixed {
    position: fixed;
    height: 81px;
    transition: 0.2s;
    background: var(--header-fixed-bck);
}
#header-dynamic.notHome {
    background: var(--header-fixed-bck);
}
.contrastBody #header-dynamic {
    border-bottom: var(--cont-header-border-bottom);
    background: var(--cont-header-bck);
}
.contrastBody #header-dynamic.fixed, .contrastBody #header-dynamic.notHome {
    background: var(--cont-header-fixed-bck);
}

.header-main {
    /* height: 120px; */
    width: 100%;
    height: 100px;
}
/*
.notHome .header-main {
    
} */

.header-main .col-sm-6 {
    padding: 0;
}

.left-menu {
    width: 280px;
    position: absolute;
    left: 0;
    top: 101px;
    height: auto;
    padding: 0;
    background: var(--menu-container-bck);
    min-height: calc(100vh - 120px);
    transition: width 0.5s;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.notHome .left-menu {
    top: 101px;
    padding: 0;
    min-height: calc(50vh - 100px);
    transition: width 0.2s;
}

/* #leftMenu.widthAuto {
    width: auto !important;
    transition: width 0.5s;
} */

.contrastBody .left-menu {
    background: var(--cont-menu-container-bck);
}

.left-menu.fixed {
    position: fixed;
    top: 0;
    /* padding: 30px 20px; */
    width: 280px;
    min-height: 300px;
}

.navbarMenu2-el {
    height: auto;
    padding: 5px 10px;
    border: var(--menu-border);
    background: var(--menu-bck);
}

.navbarMenu2-el a.level2 {
    font: var(--menu-font);
    color: var(--menu-color);
    text-transform: var(--menu-transform);
    display: block;
}
.navbarMenu2-el.active, .navbarMenu2-el.current {
    border: var(--menu-active-border);
    background: var(--menu-active-bck);
}
.navbarMenu2-el.active a.level2.active {
    color: var(--menu-active-color);
}
.navbarMenu2-el:hover {
    border: var(--menu-hover-border);
    background: var(--menu-hover-bck);
}
.navbarMenu2-el:hover a.level2 {
    color: var(--menu-hover-color);
}

.contrastBody .navbarMenu2-el {
    border: var(--cont-menu-border);
    background: var(--cont-menu-bck);
}

.contrastBody .navbarMenu2-el a.level2 {
    color: var(--cont-menu-color);
    border: 0;
}
.contrastBody .navbarMenu2-el.active, .contrastBody .navbarMenu2-el.current {
    border: var(--cont-menu-active-border);
    background: var(--cont-menu-active-bck);
}
.contrastBody .navbarMenu2-el.active a.level2.active {
    color: var(--cont-menu-active-color);
    border: 0;
}
.contrastBody .navbarMenu2-el:hover {
    border: var(--cont-menu-hover-border);
    background: var(--cont-menu-hover-bck);
}
.contrastBody .navbarMenu2-el:hover a.level2 {
    color: var(--cont-menu-hover-color);
    border: 0;
}

.navbarMenu3 {
    background: var(--submenu-container-bck);
    height: 0;
    overflow: hidden;
    transition: height 0.8s ease-in;
    margin-top: 5px;
}

.contrastBody .navbarMenu3 {
    background: var(--cont-submenu-container-bck);
}
.navbarMenu3-el {
    height: auto;
    border: var(--submenu-border);
    background: var(--submenu-bck);
}

.navbarMenu3-el a.level3 {
    font: var(--submenu-font);
    color: var(--submenu-color);
    text-transform: var(--submenu-transform);
    padding: 5px 10px 5px 10px;
    /* white-space: nowrap; */
    display: block;
}
.navbarMenu3-el.active {
    border: var(--submenu-active-border);
    background: var(--submenu-active-bck);
}
.navbarMenu3-el.active a.level3.active {
    color: var(--submenu-active-color);
}
.navbarMenu3-el:hover {
    border: var(--submenu-hover-border);
    background: var(--submenu-hover-bck);
}
.navbarMenu3-el:hover a.level3 {
    color: var(--submenu-hover-color);
}
.contrastBody .navbarMenu3-el {
    border: var(--cont-submenu-border);
    background: var(--cont-submenu-bck);
}
.contrastBody .navbarMenu3-el a.level3 {
    color: var(--cont-submenu-color);
    border: 0;
}
.contrastBody .navbarMenu3-el.active {
    border: var(--cont-submenu-active-border);
    background: var(--cont-submenu-active-bck);
}
.contrastBody .navbarMenu3-el.active a.level3.active {
    color: var(--cont-submenu-active-color);
    border: 0;
}
.contrastBody .navbarMenu3-el:hover {
    border: var(--cont-submenu-hover-border);
    background: var(--cont-submenu-hover-bck);
}
.contrastBody .navbarMenu3-el:hover a.level3 {
    color: var(--cont-submenu-hover-color);
    border: 0;
}
.navbarMenu3 .submenu {
    background: var(--submenu2-container-bck);
    height: 0;
    overflow: hidden;
    transition: height 0.2s;
}
.navbarMenu3-el.open .submenu {
    height: auto;
}
.navbarMenu3 .submenu .navbarMenu4-el {
    border: var(--submenu2-border);
    background: var(--submenu2-bck);
}
.navbarMenu3 .submenu a.level4 {
    font: var(--submenu2-font);
    color: var(--submenu2-color);
    text-transform: var(--submenu2-transform);
    padding: 5px 10px 5px 30px;
    display: block;
    white-space: nowrap;
}
.navbarMenu3 .submenu .navbarMenu4-el.active {
    border: var(--submenu2-active-border);
    background: var(--submenu2-active-bck);
}
.navbarMenu3 .submenu .navbarMenu4-el.active a.level4.active {
    color: var(--submenu2-active-color);
}
.navbarMenu3 .submenu .navbarMenu4-el:hover {
    border: var(--submenu2-hover-border);
    background: var(--submenu2-hover-bck);
}
.navbarMenu3 .submenu .navbarMenu4-el:hover a.level4 {
    color: var(--submenu2-hover-color);
}

.contrastBody .navbarMenu3 .submenu {
    background: var(--cont-submenu2-container-bck);
}
.contrastBody .navbarMenu3 .submenu .navbarMenu4-el {
    border: var(--cont-submenu2-border);
    background: var(--cont-submenu2-bck);
}
.contrastBody .navbarMenu3 .submenu a.level4 {
    color: var(--cont-submenu2-color);
    border: 0;
}
.contrastBody .navbarMenu3 .submenu .navbarMenu4-el.active {
    border: var(--cont-submenu2-active-border);
    background: var(--cont-submenu2-active-bck);
}
.contrastBody .navbarMenu3 .submenu .navbarMenu4-el.active a.level4.active {
    color: var(--cont-submenu2-active-color);
    border: 0;
}
.contrastBody .navbarMenu3 .submenu .navbarMenu4-el:hover {
    border: var(--cont-submenu2-hover-border);
    background: var(--cont-submenu2-hover-bck);
}
.contrastBody .navbarMenu3 .submenu .navbarMenu4-el:hover a.level4:hover {
    color: var(--cont-submenu2-hover-color);
    border: 0;
}

.responsive-x-768 {
    display: none;
}

.header-left {
    width: 450px;
}

#leftMenuTrigger {
    width: 80px;
    height: 80px;
    background: var(--burger-left-bck);
    padding: 23px 22px;
    display: none;
    float: left;
    border-right: var(--burger-left-border);
    cursor: pointer;
}

.contrastBody #leftMenuTrigger {
    background: var(--cont-burger-left-bck);
    border-right: var(--cont-burger-left-border);
}

#leftMenuTrigger span {
    width: 100%;
    height: 6px;
    margin-bottom: 8px;
    background: var(--burger-left-icon-fill);
    display: block;
    transform: rotate(0);
}
.contrastBody #leftMenuTrigger span {
    background: var(--cont-burger-left-icon-fill);
}
#leftMenuTrigger span:nth-child(2) {
    transform: rotate(180deg);
}
#header-dynamic.fixed #leftMenuTrigger {
    display: block;
    transition: 0.3s;
    background: var(--burger-left-fixed-bck);
}
.contrastBody #header-dynamic.fixed #leftMenuTrigger {
    background: var(--cont-burger-left-fixed-bck);
}
#header-dynamic #leftMenuTrigger.active span:nth-child(3) {
    display: none;
}

#header-dynamic #leftMenuTrigger.active span:nth-child(1) {
    transform: rotate(45deg) translateY(10px) translateX(10px);
}
#header-dynamic #leftMenuTrigger.active span:nth-child(2) {
    transform: rotate(315deg);
}

#header-dynamic.fixed .left-menu.fixed {
    height: 0;
    opacity: 0;
    overflow: auto;
    transition: 0.2s;
    min-height: 0;
    width: 0;
    top: 81px;
}

.menu-desktop {
    margin: 40px 10px;
}

#header-dynamic.fixed .left-menu.fixed .menu-desktop {
    display: none;
}

#header-dynamic.fixed .left-menu.open {
    height: auto;
    opacity: 1;
    transition: 0.2s;
    width: 280px;
}
#header-dynamic.fixed .left-menu.open .menu-desktop {
    display: block;
}

.menuTrigger {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0;
    background: url(../img/icons/plus.svg) right center no-repeat;
    background-size: var(--menu-trigger-size);
    z-index: 1000;
    cursor: pointer;
}
.navbarMenu2-el.open .menuTrigger2, .navbarMenu3-el.open .menuTrigger3 {
    background-image: url(../img/icons/minus.svg);
}

.menu-el.open .navbarMenu3, .menu-el.active .navbarMenu3 {
    height: auto;
    transition: height 0.8s ease-in;
}
.menu-el.active .navbarMenu3 {
    width: auto;
}
.bip-logo {
    background: var(--bip-logo-bck) url(../img/bip-logo.png) no-repeat;
    width: 100px;
    height: 100px;
    background-size: 50px;
    background-position: center center;
    float: left;
    border-right: var(--bip-logo-border);
}

.bip-logo a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.fixed .bip-logo {
    background-color: var(--bip-logo-fixed-bck);
}

.contrastBody .bip-logo {
    background-color: var(--cont-bip-logo-bck);
    border-right: var(--cont-bip-logo-border);
}
.contrastBody .fixed .bip-logo {
    background-color: var(--cont-bip-logo-fixed-bck);
}
.navbarLogo {
    width: 160px;
    height: 100px;
    padding: 25px 10px;
    float: left;
    background: var(--logo-bck);
    position: relative;
}
.navbarLogo a, .navbarLogo span {
    display: block;
}
.navbarLogo a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 0;
}
.fixed .navbarLogo {
    background: var(--logo-fixed-bck);
}

.contrastBody .navbarLogo {
    background: var(--cont-logo-bck);
}
.contrastBody .fixed .navbarLogo {
    background: var(--cont-logo-fixed-bck);
}
.notHome .bip-logo {
    width: 100px;
    height: 100px;
    background-size: 50px;
}

#header-dynamic.fixed .bip-logo {
    width: 80px;
    height: 80px;
    background-size: 45px;
    transition: 0.3s;
}

#header-dynamic.fixed .navbarLogo {
    height: 80px;
    width: 160px;
    transition: 0.3s;
    padding: 15px;
}

.navbarLogo svg, .navbarLogo img {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
}

#searchdiv, .burger-container {
    display: none;
}

.relative-icons {
    width: calc(100% - 450px);
    padding-right: 50px !important;
    padding-top: 30px !important;
}

.fixed .relative-icons {
    padding-top: 20px !important;
}
/* .notHome .relative-icons {
    padding-top: 30px !important;
}
.fixed.notHome .relative-icons {
    padding-top: 20px !important;
} */

#info-top {
    background: var(--top-icons-bck);
    padding: 3px;
    padding-top: 5px;
    text-align: right;
}

.contrastBody #info-top {
    background: var(--cont-top-icons-bck);
}

#info-top.aboveHeader {
    background: var(--info-top-bck);
    width: 100%;
    height: 40px;
    padding-top: 10px;
    padding-left: 130px;
    text-align: left;
}

.contrastBody #info-top.aboveHeader {
    background: var(--cont-info-top-bck);
}

.search-container, .settings-container {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.search-container {
    margin-left: 50px;
    width: 33px;
    height: 33px;
}
.settings-container {
  position: fixed;
  width: 350px;
  right: -300px;
  top: 120px;
  display: flex;
  flex-wrap: nowrap;
  transition: right 0.2s;
}
.settings-container.open {
  right: 0;
  transition: right 0.2s;
}
.settings-trigger {
  width: 50px;
  height: 50px;
  background: var(--settings-trigger-bck);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings-trigger svg {
  width: 30px;
  height: 30px;
  fill: var(--settings-trigger-icon-fill);
}
.settings-inner {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid black;
  width: 300px;
  text-align: left;
  padding: 10px;
}
.negativeContrast .settings-inner {
  border: 1px solid #fff;
}
.settings-inner span {
  width: 100% !important;
  display: flex !important;
  padding: 5px !important;
  border: var(--settings-icons-border) !important;
}

.settings-inner span:hover {
  border: var(--settings-icons-hover-border) !important;
}

#activeboxPagesSearch.active #searchdiv {
    display: block;
    position: fixed;
    left: 330px;
    right: 0;
    width: calc(100% - 330px);
    background: var(--search-open-bck);
    top: 0;
    height: 100px;
    /* height: 120px; */
}
/* .notHome #activeboxPagesSearch.active #searchdiv {
    height: 100px;
} */
.fixed #activeboxPagesSearch.active #searchdiv {
    height: 80px;
}
#activeboxPagesSearch.active .search {
    display: none;
}
/* .activeboxPagesSearchBoxInput {
    padding-top: 40px;
    height: 120px;
    padding-right: 50px;
} */
.activeboxPagesSearchBoxInput {
    height: 100px;
    padding-top: 27px;
    padding-right: 50px;
}
.fixed .activeboxPagesSearchBoxInput {
    height: 80px;
    padding-top: 18px;
}
.activeboxPagesSearchBox {
    width: 100%;
}
.activeboxPagesSearchBox input {
    width: 550px;
    background: var(--search-input-bck);
    border: var(--search-input-border);
    font: var(--search-input-font);
    color: var(--search-input-color);
    height: 45px;
    padding: 15px 20px;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
}
.activeboxPagesSearchBox input:focus {
    background: var(--search-input-focus-bck);
    border: var(--search-input-focus-border);
    box-shadow: none;
}
.activeboxPagesSearchBox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--search-input-placeholder-color);
}
.activeboxPagesSearchBox input::-moz-placeholder { /* Firefox 19+ */
  color: var(--search-input-placeholder-color);
}
.activeboxPagesSearchBox input:-ms-input-placeholder { /* IE 10+ */
  color: var(--search-input-placeholder-color);
}
.activeboxPagesSearchBox input:-moz-placeholder { /* Firefox 18- */
  color: var(--search-input-placeholder-color);
}


.contrastBody #activeboxPagesSearch.active #searchdiv {
    background: var(--cont-search-open-bck);
}
.contrastBody .activeboxPagesSearchBox input {
    /* width: 550px; */
    background: var(--cont-search-input-bck);
    border: var(--cont-search-input-border);
    color: var(--cont-search-input-color);
    height: 45px;
    padding: 15px 20px;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
}
.contrastBody .activeboxPagesSearchBox input:focus {
    background: var(--cont-search-input-focus-bck);
    border: var(--cont-search-input-focus-border);
    box-shadow: none;
}
.contrastBody .activeboxPagesSearchBox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--cont-search-input-placeholder-color);
}
.contrastBody .activeboxPagesSearchBox input::-moz-placeholder { /* Firefox 19+ */
  color: var(--cont-search-input-placeholder-color);
}
.contrastBody .activeboxPagesSearchBox input:-ms-input-placeholder { /* IE 10+ */
  color: var(--cont-search-input-placeholder-color);
}
.contrastBody .activeboxPagesSearchBox input:-moz-placeholder { /* Firefox 18- */
  color: var(--cont-search-input-placeholder-color);
}

#searchdiv form {
    width: 600px;
    margin: 0 auto;
    height:47px;
}
.activeboxPagesSearchBoxResults {
    padding-bottom: 10px;
    z-index: 2000;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    width: 600px;
    margin: 0 auto;
    background: var(--search-results-bck);
}
.contrastBody .activeboxPagesSearchBoxResults {
    background: var(--cont-search-results-bck);
}
.activeboxPagesSearchBoxResults h3 {
    font-size: 1em;
    line-height:1.2;
    margin-bottom: 5px;
}

.activeboxPagesSearchBoxResults .entry {
    height: auto;
    overflow: hidden;
    padding: 10px;
    text-align: left;
}

.activeboxPagesSearchBoxResults .entry-tender h3 {
    background: url(../img/icons/art-tender.svg) left top no-repeat;
    background-size: 23px auto;
    padding-left: 30px;
    min-height: 23px;
}
.contrastBody .activeboxPagesSearchBoxResults .entry-tender h3 {
    background-image: url(../img/icons/cont-art-tender.svg);
}
.activeboxPagesSearchBoxResults .entry-page h3 {
    background: url(../img/icons/art-default.svg) left top no-repeat;
    background-size: auto 23px;
    padding-left: 30px;
    min-height: 23px;
}
.contrastBody .activeboxPagesSearchBoxResults .entry-page h3 {
    background-image: url(../img/icons/cont-art-page.svg);
}
.activeboxPagesSearchBoxResults .entry-tender h4, .activeboxPagesSearchBoxResults .entry-page h4 {
    background: url(../img/icons/art-category.svg) 3px 4px no-repeat;
    background-size: auto 16px;
    padding-left: 30px;
    min-height: 16px;
}
.contrastBody .activeboxPagesSearchBoxResults .entry-tender h4, .contrastBody .activeboxPagesSearchBoxResults .entry-page h4 {
    background-image: url(../img/icons/cont-art-category.svg);
}
.activeboxPagesSearchBoxResults h4 {
    font-size: 1em;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: var(--search-results-entry-border);
}
.activeboxPagesSearchBoxResults h3 a {
    font: var(--search-results-title-font);
    color: var(--search-results-title-color);
}
.activeboxPagesSearchBoxResults h3 a:hover {
    color: var(--search-results-title-hover-color);
}

.contrastBody .activeboxPagesSearchBoxResults h3 a {
    color: var(--cont-search-results-title-color);
}
.contrastBody .activeboxPagesSearchBoxResults h3 a:hover {
    color: var(--cont-search-results-title-hover-color);
}

.activeboxPagesSearchBoxResults h4 a {
    font: var(--search-results-category-font);
    color: var(--search-results-category-color);
}
.activeboxPagesSearchBoxResults h4 a:hover {
    color: var(--search-results-category-hover-color);
}
.contrastBody .activeboxPagesSearchBoxResults h4 {
    border-bottom: var(--cont-search-results-entry-border);
}
.contrastBody .activeboxPagesSearchBoxResults h4 a {
    color: var(--cont-search-results-category-color);
}
.contrastBody .activeboxPagesSearchBoxResults h4 a:hover {
    color: var(--cont-search-results-category-hover-color);
}

.activeboxPagesSearchBoxResults .btn {
    width: calc(100% - 20px);
    margin-left: 10px;
    font: var(--search-results-btn-font);
    color: var(--search-results-btn-color);
    background: var(--search-results-btn-bck);
    text-transform: var(--search-results-btn-transform);
    padding: var(--search-results-btn-padding);
    border: var(--search-results-btn-border);
    border-radius: var(--search-results-btn-radius);
}

.activeboxPagesSearchBoxResults .btn:hover {
    color: var(--search-results-btn-hover-color);
    background: var(--search-results-btn-hover-bck);
    border: var(--search-results-btn-hover-border);
}

.contrastBody .activeboxPagesSearchBoxResults .btn {
    color: var(--cont-search-results-btn-color);
    background: var(--cont-search-results-btn-bck);
    border: var(--cont-search-results-btn-border);
}

.contrastBody .activeboxPagesSearchBoxResults .btn:hover {
    color: var(--cont-search-results-btn-hover-color);
    background: var(--cont-search-results-btn-hover-bck);
    border: var(--cont-search-results-btn-hover-border);
}

.search-close {
    background: url(../img/icons/search-close.svg) no-repeat;
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    position: absolute;
    top: calc(50% - 13px);
    right: 52px;
    padding: 0;
    border: 0;
    display: block;
    font-size: 0;
}

.contrastBody .search-close {
    width: 32px;
    height: 32px;
}

.search {
    width: auto;
    height: auto;
    float: right;
    margin-top: 0;
    padding: 0 !important;
    z-index: 3000;
    line-height: 1;
    font-size: 0;
}
.contrastBody .search {
    width: 32px;
    height: 32px;
    margin-top: -3px;
    margin-right: -1px;
}
.contrastBody .fixed .search {
    margin-top: 0;
    margin-right: 0;
}
.clearSearchButton {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    position: absolute;
    z-index: 200;
    background-image: url(../img/icons/search-clear.svg);
    background-repeat: no-repeat;
    top: calc(50% - 10px);
    right: 65px;
    display: none;
    font-size: 0;
}
.searchIcon {
    width: 28px;
    height: 28px;
}
.searchButtonTop {
    width: 50px;
    height: 45px;
    border: var(--search-btn-border);
    background-color: var(--search-btn-bck);
    background-image: url(../img/icons/magnifier.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    border-left: 0;
    border-radius: 0;
    display: inline-block;
    background-position: center center;
    vertical-align: top;
    font-size: 0;
}
.contrastBody .searchButtonTop {
    border: var(--cont-search-btn-border);
    background-color: var(--cont-search-btn-bck);
}

.settings-inner .contrast-trigger, .settings-inner .underline-trigger, .settings-inner .brightBck-trigger, .settings-inner .greyscale-trigger, 
.settings-inner .negativeContrast-trigger, .settings-inner .readable-trigger, 
.settings-inner .lower-trigger, .settings-inner .bigger-trigger, .settings-inner .reset-wcag-trigger {
    color: var(--settings-icons-color) !important;
    cursor: pointer;
    width: auto;
    display: inline-block;
    margin-right: 30px;
    padding-top: 1px;
    font: var(--settings-icons-font) !important;
    line-height: 18px !important;
}
/* .settings-inner .default-contrast {
    display: none !important;
}
.contrastBody .settings-inner .hight-contrast {
    display: none !important;
}
.contrastBody .settings-inner .default-contrast {
    display: flex !important;
} */
.settings-inner .contrast-trigger:hover, .settings-inner .underline-trigger:hover, .settings-inner .brightBck-trigger:hover, 
.settings-inner .greyscale-trigger:hover, .settings-inner .negativeContrast-trigger:hover, .settings-inner .readable-trigger:hover, 
.settings-inner .lower-trigger:hover, .settings-inner .bigger-trigger:hover, .settings-inner .reset-wcag-trigger:hover {
    color: var(--settings-icons-hover-color) !important;
}
.settings-inner .contrast-trigger svg, .settings-inner .underline-trigger svg, .settings-inner .brightBck-trigger svg, 
.settings-inner .greyscale-trigger svg, .settings-inner .negativeContrast-trigger svg, .settings-inner .readable-trigger svg, 
.settings-inner .lower-trigger svg, .settings-inner .bigger-trigger svg, .settings-inner .reset-wcag-trigger svg {
    fill: var(--settings-icons-fill) !important;
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
    width: 18px;
    height: auto;
}



body.underlineBody a {
  text-decoration: underline !important;
}
body.brightBck *:not(.btn) {
  color: var(--bright-color-2) !important;
}
body.brightBck .navbarLogo svg, body.brightBck .navbarLogo svg path, 
body.brightBck .contrast-trigger svg, body.brightBck .underline-trigger svg, body.brightBck .brightBck-trigger svg, 
body.brightBck .greyscale-trigger svg, body.brightBck .negativeContrast-trigger svg, body.brightBck .readable-trigger svg {
  fill: var(--bright-color-2);
}
body.brightBck, body.brightBck div:not(.settings-container) {
  background-color: var(--bright-color-1) !important;
}
body.brightBck {
  color: var(--bright-color-2) !important;
}
body.brightBck svg, body.brightBck svg path {
  fill: var(--bright-color-2) !important;
}
body.brightBck #searchInput, body.brightBck input[type="text"], body.brightBck .searchButtonTop {
  border: 2px solid var(--bright-color-2) !important;
}
body.brightBck .searchButtonTop {
  background: var(--bright-color-1) !important;
}
body.negativeContrast .searchButtonTop {
  background: var(--negCont-color-1) !important;
  border: 2px solid var(--negCont-color-3) !important;
}
body.brightBck .clearSearchButton, body.negativeContrast .clearSearchButton, body.negativeContrast .search-close, 
body.contrastBody .search-close, body.contrastBody .clearSearchButton {
  background-image: none !important;
}
body.brightBck .searchButtonTop::after, body.brightBck .clearSearchButton::after, body.brightBck .search-close::after,
body.negativeContrast .searchButtonTop::after, body.negativeContrast .clearSearchButton::after, body.negativeContrast .search-close::after,
body.contrastBody .search-close::after, body.contrastBody .clearSearchButton::after,
body.brightBck .menuTrigger::after, body.brightBck .navbarMenu2-el.open .menuTrigger2::after,
body.brightBck .navbarMenu3-el.open .menuTrigger3::after, body.negativeContrast .tenderAccordition .btn-link:before {
  content: '';
  position: absolute;
  top: 0; 
  right: 0;
  bottom: 0;
  left: 0;
  
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  
  mask-position: center center;
  -webkit-mask-position: center center;
  -o-mask-position: center center;
  -ms-mask-position: center center;
  
  background-color: #000 !important;
}
body.brightBck .searchButtonTop::after, body.brightBck .clearSearchButton::after, body.brightBck .search-close::after, body.brightBck .menuTrigger::after, body.brightBck .navbarMenu2-el.open .menuTrigger2::after,
body.brightBck .navbarMenu3-el.open .menuTrigger3::after {
  background-color: var(--bright-color-2) !important; !important;
}

body.negativeContrast .searchButtonTop::after, body.negativeContrast .clearSearchButton::after, body.negativeContrast .search-close::after, body.negativeContrast .menuTrigger::after, body.negativeContrast .navbarMenu2-el.open .menuTrigger2::after,
body.negativeContrast .navbarMenu3-el.open .menuTrigger3::after {
  background-color: var(--negCont-color-3) !important; !important;
}

body.negativeContrast .tenderAccordition .btn-link:after {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  
  mask-position: center center;
  -webkit-mask-position: center center;
  -o-mask-position: center center;
  -ms-mask-position: center center;
  
  background-image: none !important;
}
body.brightBck .searchButtonTop::after,
body.negativeContrast .searchButtonTop::after {
  width: 46px;
  height: 41px;

  mask-size: 22px 22px;
  -webkit-mask-size: 22px 22px;
  -o-mask-size: 22px 22px;
  -ms-mask-size: 22px 22px;

  z-index: 10;
}
body.contrastBody .clearSearchButton::after, body.contrastBody .search-close::after {
  background-color: #fff !important;
}
body.brightBck .search-close::after {
  width: 26px;
  height: 26px;

  mask-size: 26px 26px;
  -webkit-mask-size: 26px 26px;
  -o-mask-size: 26px 26px;
  -ms-mask-size: 26px 26px;
}
body.brightBck .clearSearchButton::after, body.negativeContrast .clearSearchButton::after, body.contrastBody .clearSearchButton::after {
  width: 20px;
  height: 20px;
  
  mask-size: 20px 20px;
  -webkit-mask-size: 20px 20px;
  -o-mask-size: 20px 20px;
  -ms-mask-size: 20px 20px;
}
body.negativeContrast .tenderAccordition .btn-link:before {
  width: 20px;
  height: 100%;
  
  mask-size: 20px 20px;
  -webkit-mask-size: 20px 20px;
  -o-mask-size: 20px 20px;
  -ms-mask-size: 20px 20px;
}
body.negativeContrast .tenderAccordition .btn-link:after {
  width: 26px;
  height: 100%;
  
  mask-size: 26px 26px;
  -webkit-mask-size: 26px 26px;
  -o-mask-size: 26px 26px;
  -ms-mask-size: 26px 26px;
}

body.brightBck .tenderAccordition .btn-link, body.brightBck .tenderAccordition .btn-link:focus {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
}
body.brightBck .tenderAccordition {
  border: 2px solid var(--bright-color-2) !important; !important;
}
body.greyscale {
  background-color: #fff !important;
  filter: grayscale(1) !important;
  filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -webkit-filter: grayscale(1) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: gray !important;
}
/* body.greyscale #info-top {
  background: #fff !important;
} */
body.negativeContrast *:not(.btn:hover) {
  color: var(--negCont-color-3) !important;
}
body.negativeContrast a:not(.btn:hover), body.negativeContrast a:not(.btn:hover) * {
  color: var(--negCont-color-2) !important;
}
body.negativeContrast, body.negativeContrast div:not(.settings-container), body.negativeContrast .btn-download {
  background-color: var(--negCont-color-1) !important;
}
body.negativeContrast .btn-download {
  border-color: var(--negCont-color-1) !important;
}
body.negativeContrast svg, body.negativeContrast .settings-inner .contrast-trigger svg, body.negativeContrast .settings-inner .underline-trigger svg, 
body.negativeContrast .settings-inner .brightBck-trigger svg, body.negativeContrast .settings-inner .greyscale-trigger svg, body.negativeContrast .settings-inner .negativeContrast-trigger svg, 
body.negativeContrast .settings-inner .readable-trigger svg, body.negativeContrast .settings-inner .lower-trigger svg, body.negativeContrast .settings-inner .bigger-trigger svg, 
body.negativeContrast .settings-inner .reset-wcag-trigger svg {
  fill: var(--negCont-color-3) !important;
}
body.negativeContrast .activeboxPagesSearchBox input, body.negativeContrast .activeboxPagesSearchBoxResults {
  border: 2px solid var(--negCont-color-3) !important;
  background: #000 !important;
}
body.brightBck svg, body.brightBck .settings-inner .contrast-trigger svg, body.brightBck .settings-inner .underline-trigger svg, body.brightBck .settings-inner .brightBck-trigger svg, 
body.brightBck .settings-inner .greyscale-trigger svg, body.brightBck .settings-inner .negativeContrast-trigger svg, body.brightBck .settings-inner .readable-trigger svg, 
body.brightBck .settings-inner .lower-trigger svg, body.brightBck .settings-inner .bigger-trigger svg, body.brightBck .settings-inner .reset-wcag-trigger svg {
  fill: var(--bright-color-2) !important; !important;
}
body.readable * {
  font-family: Arial, sans-serif !important;
}








.lower-bigger svg {
    fill: var(--top-icons-fill);
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    margin-right: 7px;
    cursor: pointer;
    width: 18px;
}

.lower-bigger svg.bigger-trigger, .lower-bigger svg.lower-trigger {
    width: 14px;
    height: auto;
    margin-top: 5px;
}

.searchIcon path {
    fill: var(--top-icons-fill);
}

.searchIcon:hover path, .contrast-trigger svg, .lower-bigger svg {
    fill: var(--top-icons-hover-fill);
}

.aboveHeader .contrast-trigger {
    color: var(--info-top-icons-color);
}

.aboveHeader .contrast-trigger:hover {
    color: var(--info-top-icons-hover-color);
}

.aboveHeader .contrast-trigger svg, .aboveHeader .lower-bigger svg, .aboveHeader .searchIcon path {
    fill: var(--info-top-icons-fill);
}

.aboveHeader .searchIcon:hover path, .aboveHeader .contrast-trigger svg, .aboveHeader .lower-bigger svg {
    fill: var(--info-top-icons-hover-fill);
}

.contrastBody .contrast-trigger {
    color: var(--cont-top-icons-color);
    border: var(--cont-top-icons-border);
}

.contrastBody .lower-bigger svg, .contrastBody .contrast-trigger svg, .contrastBody .searchIcon path {
    fill: var(--cont-top-icons-fill);
}

.contrastBody .lower-bigger svg.bigger-trigger, .contrastBody .lower-bigger svg.lower-trigger {
    border: var(--cont-top-icons-border);
    width: 21px;
    margin-top: 0;
}

.contrastBody .lower-bigger:hover svg, .contrastBody .contrast-trigger:hover svg, .contrastBody .searchIcon:hover path {
    fill: var(--cont-top-icons-hover-fill);
}
.contrastBody .lower-bigger svg.bigger-trigger:hover, .contrastBody .lower-bigger svg.lower-trigger:hover {
    border: var(--cont-top-icons-hover-border);
}
.contrastBody .contrast-trigger:hover {
    color: var(--cont-top-icons-hover-color);
    border: var(--cont-top-icons-hover-border);
}

.contrastBody .aboveHeader .contrast-trigger {
    color: var(--cont-info-top-icons-color);
}

.contrastBody .aboveHeader .contrast-trigger:hover {
    color: var(--cont-info-top-icons-hover-color);
}

.contrastBody .aboveHeader .contrast-trigger svg, .contrastBody .aboveHeader .lower-bigger svg, .contrastBody .aboveHeader .searchIcon path {
    fill: var(--cont-info-top-icons-fill);
}

.contrastBody .aboveHeader .searchIcon:hover path, .contrastBody .aboveHeader .contrast-trigger svg, .contrastBody .aboveHeader .lower-bigger svg {
    fill: var(--cont-info-top-icons-hover-fill);
}
.contrastBody .settings-trigger {
  background: red !important;
}
.contrastBody .settings-inner {
  background: var(--cont-menu-container-bck) !important;
  border-color: var(--cont-menu-container-bck) !important; 
}
.big-slider {
    /* margin-top: -130px; */
}

.big-slider:after {
    display: block;
    content: '';
    background: url() top center repeat-x;
    width: 100%;
    height: 400px;
    background-size: auto 100%;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.center-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.video-carousel-caption {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.carousel-home-el {
    position: relative;
    width: 100%;
    height: auto;
}

.carousel-home-el .img-responsive {
    width: 100%;
}

.carousel-home-el h2 {
    margin-top: 0;
}

.carousel-home-el span.text {
    font-size: 50px;
    display: inline-block;
    padding: 5px 15px;
    font: var(--big-slider-text1-font);
    text-transform: var(--big-slider-text1-transform);
    color: var(--big-slider-text1-color);
}

.carousel-home-el span.text.big-slider-text {
    font-size: 30px;
    font: var(--big-slider-text2-font);
    text-transform: var(--big-slider-text2-transform);
    color: var(--big-slider-text2-color);
}

.carousel-home-el .text-center {
    width: auto;
    text-align: var(--big-slider-text-align);
    padding: var(--big-slider-padding);
    background: var(--big-slider-bck);
}

.contrastBody .carousel-home-el span.text {
    color: var(--cont-big-slider-text1-color);
}

.contrastBody .carousel-home-el span.text.big-slider-text {
    color: var(--cont-big-slider-text2-color);
}

.contrastBody .carousel-home-el .text-center {
    background: var(--cont-big-slider-bck);
}

.slider:not(.big-slider), .pagesContainer, .contactPage, .pagesBck, .tenders {
    width: 100%;
    max-width: 1320px;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 auto 50px;
    height: auto;
    overflow: hidden;
}
.pagesContainer.padding-top, .contactPage, .tenders, .home-cont.noBigSlider {
    padding-top: 101px;
}
.about-bck {
    background: var(--slider-about-bck);
    height: auto;
    overflow: hidden;
}

.contrastBody .about-bck {
    background: var(--cont-slider-about-bck);
}

.pc-offer .description{
    height: auto;
    max-height:270px;
    overflow:hidden;
    transition:height 1s;
    margin-bottom:10px;
}

.about .pc-offer {
    width: 66%;
    padding: 0;
    margin: 0 auto;
}

.about .pc-offer .description {
    float:left;
    text-align:justify;
    height: auto;
    max-height:115px;
    overflow:hidden;
    transition:height 1s;
    margin-bottom:10px;
    font: var(--slider-about-font);
    color: var(--slider-about-color);
}

.about h1 {
    font: var(--slider-about-header-font);
    color: var(--slider-about-header-color);
    border-bottom: var(--slider-about-header-border);
}

.about h2 {
    font: var(--slider-about-h2-font);
    color: var(--slider-about-h2-color);
    margin-top: 30px;
    margin-bottom: 30px;
}

.contrastBody .about .pc-offer .description {
    color: var(--cont-slider-about-color);
}

.contrastBody .about h1 {
    color: var(--cont-slider-about-header-color);
    border-bottom: var(--cont-slider-about-header-border);
}

.contrastBody .about h2 {
    color: var(--cont-slider-about-h2-color);
}

.showWholeText.about .pc-offer .description {
    max-height: 3000px;
    float: none;
}

.showWholeText.about .pc-offer {
    width: 100%;
}

.showWholeText {
    padding-top: 50px;
    padding-bottom: 50px;
}

.showWholeText h1 {
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.pagesWidget-bck {
    background: var(--pages-home-bck);
    height: auto;
    overflow: hidden;
    padding-top: 50px;
}

.contrastBody .pagesWidget-bck {
    background: var(--cont-pages-home-bck);
}

.pagesWidget-bck .slider .carousel-blog {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.pagesWidget-bck .home-header {
    margin-top: 0;
}

.gridItemTender {
    width: calc(33.333% - 13.333333333px);
    height: 100%;
    background: var(--tender-box-bck);
    border: var(--tender-box-border);
    margin-left: 20px;
    float: left;
    height: auto;
    /* transition: background 0.5s; */
    margin-bottom: 30px;
    padding: 0;
}

.tendersList2items .gridItemTender {
    width: calc(50% - 10px);
}

.contrastBody .gridItemTender {
    background: var(--cont-tender-box-bck);
    border: var(--cont-tender-box-border);
}

.gridItemTender:nth-child(3n + 1) {
    margin-left: 0;
}

.tendersList2items .gridItemTender:nth-child(3n + 1) {
    margin-left: 20px;
}
.tendersList2items .gridItemTender:nth-child(2n + 1) {
    margin-left: 0;
}
.gridItemTender:hover {
    background: var(--tender-box-hover-bck);
    /* transition: background 0.5s; */
    border: var(--tender-box-hover-border);
}

.contrastBody .gridItemTender:hover {
    background: var(--cont-tender-box-hover-bck);
    border: var(--cont-tender-box-hover-border);
}

.itemTender {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.itemTender a {
    width: 100%;
    height: auto;
    display: block;
    border: 0 !important;
}

.itemTender h3 {
    padding-top: 0;
    font: var(--tender-box-title-font) !important;
}

.itemTenderHeader, .itemTenderFooter {
    height: 120px;
    display: block;
    width: 100%;
    padding: 0 25px 0;
    color: var(--tender-box-color) !important;
    /* transition: color 0.5s; */
    overflow: hidden;
}
.tendersList2items .itemTenderHeader {
    height: 100px;
}
.contrastBody .itemTenderHeader, .contrastBody .itemTenderFooter {
    color: var(--cont-tender-box-color) !important;
}

.itemTenderHeader .time, .itemTenderFooter .itemBlogFooterSpans .time {
    font: var(--tender-box-time-font);
    background: none;
    padding-left: 0;
    color: var(--tender-box-time-color);
}
.itemTenderFooter .itemBlogFooterSpans .time {
    display: inline-block;
    width: auto;
}
.itemTenderFooter .itemBlogFooterSpans .pull-right {
    font: var(--tender-box-more-font);
    color: var(--tender-box-more-color);
}
.itemTenderFooter .itemBlogFooterSpans .pull-right:hover {
    color: var(--tender-box-more-hover-color);
}

.contrastBody .itemTenderFooter .itemBlogFooterSpans .pull-right {
    color: var(--cont-tender-box-more-color);
}
.contrastBody .itemTenderFooter .itemBlogFooterSpans .pull-right:hover {
    color: var(--cont-tender-box-more-hover-color);
}
.itemBlogFooterSpans {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    height: 30px;
}
.itemTenderFooter .itemBlogFooterSpans {
    width: calc(100% - 40px);
    padding-bottom: 0;
    height: 25px;
}
.itemTenderFooter {
    padding: 20px 20px 0;
    border-top: var(--tender-box-footer-border);
    /* transition: border 0.5s; */
    height: 280px;
}
.tendersList2items .itemTenderFooter {
    height: 250px;
}
.itemTenderFooter .tenderModes {
    font: var(--tender-box-info-font);
}
.tendersList2items .itemTenderFooter .tenderModes {
    width: 50%;
    display: block;
    margin-bottom: 10px !important;
    float: left;
}
.itemTenderFooter .item-text {
    font: var(--tender-box-desc-font);
}
.tendersList2items .itemTenderFooter .item-text {
    clear: both;
    padding-top: 30px;
}
.contrastBody .itemTenderFooter {
    border-top: var(--cont-tender-box-footer-border);
}

.gridItemTender:hover .itemTenderFooter {
    border-top: var(--tender-box-footer-hover-border);
    /* transition: border 0.5s; */
}

.contrastBody .gridItemTender:hover .itemTenderFooter {
    border-top: var(--cont-tender-box-footer-hover-border);
}

.gridItemTender:hover .itemTenderHeader, .gridItemTender:hover .itemTenderFooter,
.gridItemTender:hover .itemTenderHeader a, .gridItemTender:hover .itemTenderFooter a {
    color: var(--tender-box-hover-color) !important;
    /* transition: color 0.5s; */
}

.contrastBody .gridItemTender:hover .itemTenderHeader, .contrastBody .gridItemTender:hover .itemTenderFooter,
.contrastBody .gridItemTender:hover .itemTenderHeader a, .contrastBody .gridItemTender:hover .itemTenderFooter a {
    color: var(--cont-tender-box-hover-color) !important;
}

.tenderModes {
    margin-bottom: 5px;
}

.gridItemTender .item-text {
    padding-top: 15px;
}

.margin-top-30 {
    margin-top: 30px;
}

.btn-home-widget {
    background: var(--home-widget-btn-bck);
    font: var(--home-widget-btn-font);
    text-transform: var(--home-widget-btn-transform);
    color: var(--home-widget-btn-color);
    border-radius: var(--home-widget-btn-radius);
    padding: 15px 60px;
    line-height: 1;
    border: var(--home-widget-btn-border);
}

.btn-home-widget:hover {
    background: var(--home-widget-btn-hover-bck);
    color: var(--home-widget-btn-hover-color);
    border: var(--home-widget-btn-hover-border);
}

.contrastBody .btn-home-widget {
    background: var(--cont-home-widget-btn-bck);
    color: var(--cont-home-widget-btn-color);
    border: var(--cont-home-widget-btn-border);
}

.contrastBody .btn-home-widget:hover {
    background: var(--cont-home-widget-btn-hover-bck);
    color: var(--cont-home-widget-btn-hover-color);
    border: var(--cont-home-widget-btn-hover-border);
}

.footer-bck {
    background: var(--footer-bck);
    padding: 40px 20px 0 20px;
    height: auto;
    overflow: hidden;
}

.footer-menu {
    border-bottom: var(--footer-border);
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.footer-menu .footer-logo {
    border-right: var(--footer-border);
    height: auto;
    margin-bottom: 80px;
}
.footer-menu .footer-logo:last-child {
    border-right: 0;
}
.contrastBody .footer-bck {
    background: var(--cont-footer-bck);
}

.contrastBody .footer-menu {
    border-bottom: var(--cont-footer-border);
}

.contrastBody .footer-menu .footer-logo {
    border-right: var(--cont-footer-border);
}

.footer-menu .text-right ul.level2 {
    width: auto;
    float: right;
    text-align: left;
    list-style: none;
}

.footer-menu ul li a {
    color: var(--footer-menu-color);
    font: var(--footer-menu-font);
    text-transform: var(--footer-menu-transform);
    padding-top: 7px;
    padding-bottom: 7px;
}

.footer-menu ul li {
    padding: 0;
}

.footer-menu ul li a:hover {
    color: var(--footer-menu-hover-color);
    text-decoration: var(--footer-menu-hover-decoration);
}

.contrastBody .footer-menu ul li a {
    color: var(--cont-footer-menu-color);
}

.contrastBody .footer-menu ul li a:hover {
    color: var(--cont-footer-menu-hover-color);
}

.footer-menu .footer-logo p {
    color: var(--footer-logo-left-color);
    font: var(--footer-logo-left-font);
}
.footer-menu .footer-logo:last-child span {
    color: var(--footer-logo-right-color);
    font: var(--footer-logo-right-font);
}
.footer-copy {
    color: var(--footer-copy-color);
    font: var(--footer-copy-font);
    padding-top: 10px;
    padding-bottom: 45px;
    height: auto;
    overflow: hidden;
    max-width: 1240px;
    margin: 0 auto;
}

.contrastBody .footer-copy {
    color: var(--cont-footer-copy-color);
}
.contrastBody .footer-menu .footer-logo p {
    color: var(--cont-footer-logo-left-color);
}
.contrastBody .footer-menu .footer-logo:last-child span {
    color: var(--cont-footer-logo-right-color);
}
.footer-copy .col-sm-8 {
    padding-left: 0;
}

.footer-copy .col-sm-4 {
    padding-left: 0;
}

.footer-copy svg {
    fill: var(--footer-social-fill);
    margin-right: 5px;
    height: var(--footer-social-size);
    width: auto;
}
.contrastBody .footer-copy svg {
    fill: var(--cont-footer-social-fill);
}

.footer-copy svg:hover {
    fill: var(--footer-social-hover-fill);
}

.contrastBody .footer-copy svg:hover {
    fill: var(--cont-footer-social-hover-fill);
}

.footer-copy a {
    color: var(--footer-copy-link-color);
    font: var(--footer-copy-link-font);
}

.footer-copy a:hover {
    color: var(--footer-copy-link-hover-color);
}

.contrastBody .footer-copy a {
    color: var(--cont-footer-copy-link-color);
}

.contrastBody .footer-copy a:hover {
    color: var(--cont-footer-copy-link-hover-color);
}

.arrow-top {
    z-index: 100;
    position: fixed;
    right: 0;
    bottom: 90px;
    padding: 17px;
    background: var(--arrow-top-bck);
    opacity: 1;
    pointer-events: auto;
    transition: .5s;
}
.arrow-top svg {
    fill: var(--arrow-top-icon-fill);
    height: 32px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 32px;
}
.arrow-top:hover {
    background: var(--arrow-top-hover-bck);
}
.contrastBody .arrow-top {
    background: var(--cont-arrow-top-bck);
}
.contrastBody .arrow-top svg {
    fill: var(--cont-arrow-top-icon-fill);
}
.contrastBody .arrow-top:hover {
    background: var(--cont-arrow-top-hover-bck);
}
.arrow-top.faded {
    opacity: 0;
    pointer-events: none;
}

.blog-background {
    width: 100%;
    height: 350px;
    background: url() center center no-repeat;
    background-size: 100%;
}

.pageCategoryName {
    width: auto;
    padding: 25px 40px;
    font: var(--page-category-name-font);
    color: var(--page-category-name-color);
    text-transform: var(--page-category-name-transform);
    background: var(--page-category-name-bck);
    position: absolute;
    right: 15%;
    top: 50%;
}

.contrastBody .pageCategoryName {
    color: var(--cont-page-category-name-color);
    background: var(--cont-page-category-name-bck);
}

.breadcrumbs {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 30px;
    color: var(--breadcrumbs-color);
    font: var(--breadcrumbs-font);
}

.breadcrumbs a {
    color: var(--breadcrumbs-link-color);
    font: var(--breadcrumbs-link-font);
}

.breadcrumbs a:hover {
    color: var(--breadcrumbs-link-hover-color);
}

.contrastBody .breadcrumbs {
    color: var(--cont-breadcrumbs-color);
}

.contrastBody .breadcrumbs a {
    color: var(--cont-breadcrumbs-link-color);
}

.contrastBody .breadcrumbs a:hover {
    color: var(--cont-breadcrumbs-link-hover-color);
}

.shared-options {
  display: flex;
  color: var(--art-settings-color);
  justify-content: space-between;
  margin: 40px auto 10px;
  align-items: center;
  width: 100%;
  background: var(--art-settings-bck);
  padding: 10px;
  font: var(--art-setting-font);
  margin-bottom: 30px;
}

.contrastBody .shared-options {
  color: var(--cont-art-settings-color);
  background: var(--cont-art-settings-bck);
}

.shared-options .metadata-publish-date {
  display: block;
  width: 200px;
}

.shared-options svg, .print-btn svg {
  cursor: pointer;
  margin:0 3px 0 6px;
  fill: var(--art-setting-icons-fill);
}

.contrastBody .shared-options svg, .contrastBody .print-btn svg {
  fill: var(--cont-art-setting-icons-fill);
}

.wcag-cont {
  margin-left: 30px;
  display: flex;
  align-items: center;
  /* font-size: 1em; */
}

.lower-bigger-word button,
.lower-bigger-br button,
.lower-bigger-lheight button,
.lower-bigger-letter button {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  font-size: 20px;
  vertical-align: top;
}

.contrastBody .lower-bigger-word button,
.contrastBody .lower-bigger-br button,
.contrastBody .lower-bigger-lheight button,
.contrastBody .lower-bigger-letter button {
    border: var(--cont-art-setting-btn-border);
    margin-top: -3px;
}

.contrastBody .lower-bigger-word button:hover,
.contrastBody .lower-bigger-br button:hover,
.contrastBody .lower-bigger-lheight button:hover,
.contrastBody .lower-bigger-letter button:hover {
    border: var(--cont-art-setting-btn-hover-border);
}

.wcag {
  display: block;
  width: calc(100% - 200px);
  text-align: center;
  font-size: 0;
  float: left;
  padding-top: 4px;
}
.wcag span {
    width: auto;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
.print-btn {
    display: block;
    width: 200px;
    text-align: right;
    float: left;
}
.pdf-print-buttons button {
  border: 0;
  padding: 0;
  background: none;
  margin: 0 10px;
}
.pdf-print-buttons button span {
    font-size: 0;
}
.contrastBody .pdf-print-buttons button {
    border: var(--cont-art-setting-btn-border);
}
.contrastBody .pdf-print-buttons button:hover {
    border: var(--cont-art-setting-btn-hover-border);
}
.tenderHeadersList-cont {
    width: 100%;
    height: 54px;
    background: var(--tender-menu-bck);
}
.contrastBody .tenderHeadersList-cont {
    background: var(--cont-tender-menu-bck);
}

.headersList-cont {
    width: 100%;
    height: 54px;
    margin-top: 60px;
    padding: 0;
    position: relative;
}
.tenderHeadersList-cont.fixed {
    position: fixed;
    top: 81px;
    left: 0;
    right: 0;
    margin-top: 0;
    z-index: 200;
    width: 100%;
    padding-left: 20px;
    background: var(--tender-menu-fixed-bck);
}
.contrastBody .tenderHeadersList-cont.fixed {
    background: var(--cont-tender-menu-fixed-bck);
}
.tenderCell-cont {
    width: 100%;
    text-align: center;
    padding: 0;
}
.contrastBody .tenderCell-cont {
    padding: 10px;
    border: var(--cont-tender-info-border);
}
.tenderCell {
    width: auto;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}
.tenderCell span {
    font-weight: bold;
}
.tenderHeadersList {
    list-style: none;
    width: auto;
    margin: 0 auto;
    text-align: center;
    border-bottom: var(--tender-menu-border);
    height: auto;
    display: inline-block;
    padding-left: 0;
}
.tenderHeadersList-cont.fixed .tenderHeadersList {
    border-bottom: var(--tender-menu-fixed-border);
}

.contrastBody .tenderHeadersList {
    border-bottom: var(--cont-tender-menu-container-border);
}
.contrastBody .tenderHeadersList-cont.fixed .tenderHeadersList {
    border-bottom: var(--cont-tender-menu-fixed-border);
}

.tenderHeadersList li {
    width: auto;
    padding: 10px 0 15px;
    margin: 0 15px -5px 15px;
    display: inline-block;
    border-bottom: 5px solid transparent;
    cursor: pointer;
    font-size: 1.25em;
    color: var(--tender-menu-color);
}
.tenderHeadersList-cont.fixed .tenderHeadersList li {
    color: var(--tender-menu-fixed-color);
}
.contrastBody .tenderHeadersList li {
    color: var(--cont-tender-menu-color);
    border: var(--cont-tender-menu-border);
}
.contrastBody .tenderHeadersList-cont.fixed .tenderHeadersList li {
    color: var(--cont-tender-menu-fixed-color);
}
.tenderHeadersList li:first-child {
    margin-left: 0;
}
.tenderHeadersList li:last-child {
    margin-right: 0;
}
.tenderHeadersList li.active, .tenderHeadersList li:hover {
    border-color: var(--tender-menu-hover-border);
    color: var(--tender-menu-hover-color);
}
.tenderHeadersList-cont.fixed .tenderHeadersList li.active, .tenderHeadersList-cont.fixed .tenderHeadersList li:hover {
    color: var(--tender-menu-fixed-hover-color);
    border-color: var(--tender-menu-fixed-hover-border);
}
.contrastBody .tenderHeadersList li.active, .contrastBody .tenderHeadersList li:hover {
    border: var(--cont-tender-menu-hover-border);
    color: var(--cont-tender-menu-hover-color);
}
.contrastBody .tenderHeadersList-cont.fixed .tenderHeadersList li.active, .contrastBody .tenderHeadersList-cont.fixed .tenderHeadersList li:hover {
    color: var(--cont-tender-menu-fixed-hover-color);
    border: var(--cont-tender-menu-fixed-hover-border);
}


.tenderSection {
    padding-bottom: 10px;
    border-bottom: var(--tender-section-border);
}
.contrastBody .tenderSection {
    border-bottom: var(--cont-tender-section-border);
}
.tenderSection h2 {
    margin: 0 0 20px !important;
    font-size: 1.5em;
    padding-top: 50px;
}
.tenderSection h3 {
    font-size: 1.25em;
}
.tenderFiles .icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center center;
}
.tenderSection .title {
    width: auto;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    max-width: calc(100% - 60px);
}
.file-download .btn-download {
    height: 50px;
    border: var(--tender-file-btn-border);
    background: var(--tender-file-btn-bck) url() 30px center no-repeat;
    background-size: 24px;
    color: var(--tender-file-btn-color);
    font: var(--tender-file-btn-font);
    text-transform: none;
    padding: var(--tender-file-btn-padding);
    vertical-align: middle;
    border-radius: var(--tender-file-btn-radius);
}
.file-download .btn-download:hover {
    background-color: var(--tender-file-btn-hover-bck);
    border: var(--tender-file-btn-hover-border);
    color: var(--tender-file-btn-hover-color);
}

.contrastBody .file-download .btn-download {
    border: var(--cont-tender-file-btn-border);
    background-color: var(--cont-tender-file-btn-bck);
    color: var(--cont-tender-file-btn-color);
    
}
.contrastBody .file-download .btn-download:hover {
    background-color: var(--cont-tender-file-btn-hover-bck);
    border: var(--cont-tender-file-btn-hover-border);
    color: var(--cont-tender-file-btn-hover-color);
}

#page .tenderFiles tr, #page .tenderFiles tr:first-child {
    border: 0 !important;
    padding-bottom: 15px;
}
#page .tenderFiles tr td {
    padding-bottom: 15px;
}
#page .tenderFiles tr td:first-child {
    padding-right: 15px;
}
#page .tenderFiles tr td:last-child {
    padding-left: 15px;
}
.tenderSection .desc {
    margin-bottom: 40px;
}
.tenderCell-col {
    width: auto;
    display: inline-block;
}
.tenderMetrics {
    width: 100%;
    table-layout: fixed;
}
.tenderMetrics tr td:last-child {
    font-weight: normal;
}
.last {
    margin-bottom: 50px;
}

.tenderAccordition {
    background: var(--tender-accordion-bck);
    clear: both;
    float: none;
    padding: 15px;
}

.contrastBody .tenderAccordition {
    background: var(--cont-tender-accordion-bck);
    border: var(--cont-tender-accordion-border);
}

/* .contrastBody .tenderAccordition .card-header {
    background: var(--cont-tender-accordion-bck);
    border: var(--cont-tender-accordion-border);
}

.contrastBody .tenderAccordition:hover {
    background: var(--cont-tender-accordion-hover-bck);
    border: var(--cont-tender-accordion-hover-border);
}

.contrastBody .tenderAccordition:hover .card-header {
    background: var(--cont-tender-accordion-hover-bck);
    border: var(--cont-tender-accordion-hover-border);
} */

.tenderAccordition .btn-link {
    text-transform: none;
    color: var(--tender-accordion-header-color);
    background: url() left center no-repeat;
    background-size: 22px;
    padding: 0;
    padding-left: 30px;
    font: var(--tender-accordion-header-font);
    width: 100%;
    text-align: left;
    position: relative;
    min-height: 26px;
}
.tenderAccordition .btn-link:after {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    background: url() right center no-repeat;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 26px;
}
.contrastBody .tenderAccordition .btn-link {
    color: var(--cont-tender-accordion-header-color);
}
.contrastBody .tenderAccordition:hover .btn-link {
    color: var(--cont-tender-accordion-header-hover-color);
}
.tenderAccordition h2 {
    margin: 0 !important;
    padding-left: 10px;
}

.tenderAccordition .card-body {
    padding-top: 40px;
}

#page table.tenderMetrics tr {
    border: 0 !important;
}
#page table.tenderMetrics tr td {
    padding: 0 0 10px 20px;
}

#page table.tenderMetrics tr td:first-child {
    text-align: right;
    width: 200px;
}

#accordionMetrics {
    margin-bottom: 30px;
    margin-top: 50px;
}
.tenderHistory {
    width: 100% !important;
}
.tenderHistory th {
    padding: 15px 50px 15px 10px;
}
.tenderHistory td {
    padding: 7px 50px 7px 10px;
}
.tenderHistory td:last-child {
    padding: 7px 0 7px 0;
}
#page .tenderHistory tr {
    border-bottom-color: #dedede !important;
}
.tenderHistory tr:hover td {
    background: var(--tender-tables-tr-hover-bck) !important;
}
/* body.negativeContrast .tenderHistory tr:not(:first-child), body.negativeContrast #page .tenderHistory tr:not(:first-child) {
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
}
body.negativeContrast .tenderHistory tr td, body.negativeContrast #page .tenderHistory tr td {
  border-top: 2px solid red;
  border-bottom: 2px solid #000 !important;
}
body.negativeContrast .tenderHistory tr:not(:first-child):hover, body.negativeContrast #page .tenderHistory tr:not(:first-child):hover {
  border-left: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
}
body.negativeContrast .tenderHistory tr:hover td, body.negativeContrast #page .tenderHistory tr:hover td {
  border-top: 2px solid green !important;
  border-bottom: 2px solid #fff !important;
} */
body.negativeContrast .tenderHistory tr:hover td {
  background: transparent !important;
}
body.negativeContrast .btn-link:hover {
  color: yellow !important;
}
.contrastBody #page table.tenderMetrics tr, .contrastBody #page table.tenderHistory tr {
    border: var(--cont-tender-tables-tr-border) !important;
}
.contrastBody #page table.tenderMetrics tr td, .contrastBody #page table.tenderHistory tr td {
    /* border-top: var(--cont-tender-tables-tr-border) !important; */
    padding-top: 3px;
}
.contrastBody #page table.tenderMetrics tr:hover, .contrastBody #page table.tenderHistory tr:hover {
    border: var(--cont-tender-tables-tr-hover-border) !important;
}
.contrastBody .tenderHistory tr:hover td {
    background: var(--cont-tender-tables-tr-hover-bck) !important;
}
.contrastBody #page table.tenderMetrics tr:hover td, .contrastBody #page table.tenderHistory tr:hover td {
    border-top: var(--cont-tender-tables-tr-hover-border) !important;
    /* padding-top: 0; */
}
.preview {
    display: none;
    height: auto;
    padding: 25px;
    max-height: 90vh;
}
#colorbox .preview {
    display: block;
}
.preview hr {
    display: none;
}

#cboxOverlay,#cboxWrapper,#colorbox{
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
    outline:0;
}
#cboxOverlay{
    position:fixed;
}
#cboxBottomLeft,#cboxMiddleLeft{
    clear:left;
}
#cboxTitle{
    margin:0;
}
#cboxLoadingGraphic,#cboxLoadingOverlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{
    cursor:pointer;
    outline:0;
}
#cboxNext,#cboxPrevious{
    opacity:.5;
    top:50px;
    bottom:50px;
    width:50%;
    background:url(../img/icons/colorbox-arrow.svg) 97.5% 50% no-repeat;
    border:none;
    position:absolute;
    text-indent:-9999px;
}
#cboxContent,#cboxLoadedContent,#colorbox{
    box-additionalInfo:content-box;
    -moz-box-additionalInfo:content-box;
    -webkit-box-additionalInfo:content-box;
    color: var(--colorbox-color);
    font: var(--colorbox-font);
}
.contrastBody #cboxContent, .contrastBody #cboxLoadedContent, .contrastBody #colorbox {
    color: var(--cont-colorbox-color);
}
#colorbox{
    background-color: var(--colorbox-bck);
    -webkit-box-shadow: var(--colorbox-shadow);
    box-shadow: var(--colorbox-shadow);
}
.contrastBody #colorbox{
    background-color: var(--cont-colorbox-bck);
    -webkit-box-shadow: var(--cont-colorbox-shadow);
    box-shadow: var(--cont-colorbox-shadow);
}
#cboxContent{
    position:relative;
    margin-top:0;
}
#cboxError{
    padding:50px;
    border:0 solid #ccc;
}
#cboxLoadedContent{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    border:0 solid #000;
    background: none;
    padding:0;
}
#cboxTitle,#productDetails,.jAlertContent,.jAlertTitle{
    overflow:hidden;
}
#cboxTitle{
    position:absolute;
    top:4px;
    height:50px;
    padding:5px 0;
    font:15px/20px "Font Reg";
}
#cboxCurrent{
    position:absolute;
    bottom:0;
    height:50px;
    font:21px/50px "Font Reg";
    text-align:center;
}
#cboxSlideshow{
    position:absolute;
    top:-20px;
    right:90px;
    color:#fff;
}
#cboxPrevious{
    left:0;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
#cboxClose:hover,#cboxNext:hover,#cboxPrevious:hover{
    opacity:1;
}
#cboxNext{
    right:0;
}
#cboxLoadingOverlay{
    background:#000;
}
#cboxLoadingGraphic{
    background:url(../img/colorbox/loading.gif) center center no-repeat;
}
#cboxClose{
    border:none;
    opacity:1;
    position:absolute;
    top:0;
    right:0;
    display:block;
    z-index:1000;
    width:50px;
    height:50px;
    background:url(../img/icons/colorbox-close.svg) center center no-repeat;
    background-size:40%;
    text-indent:-9999px;
}
.contrastBody #cboxClose {
    background-image: url(../img/icons/cont-colorbox-close.svg);
}
#cboxOverlay,.cboxIframe{
    width:100%;
    height:100%;
    background: var(--colorbox-overlay-bck);
}

.goBack {
    font-size: 1em;
    display: inline-block;
    float: left;
    background: url(../img/icons/arrow-left-circle.svg) left center no-repeat;
    background-size: 20px 20px;
    padding-left: 26px;
    margin-top: 2px;
}

.social-cart {
    padding-top: 20px;
    color: var(--art-social-color);
}
.contrastBody .social-cart {
    padding-top: 20px;
    color: var(--cont-art-social-color);
}
.social-cart a {
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-left: 15px;
}
.social-cart a svg {
    fill: var(--art-social-icons-fill);
    width: var(--art-social-icons-size);
    height: auto;
}

.social-cart a:hover svg {
    fill: var(--art-social-icons-hover-fill);
}

.contrastBody .social-cart a svg {
    fill: var(--cont-art-social-icons-fill);
    width: var(--cont-art-social-icons-size);
    height: auto;
}

.contrastBody .social-cart a:hover svg {
    fill: var(--cont-art-social-icons-hover-fill);
}

.owl-carousel {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% - -20px) !important;
}
.owl-item .gridItemTender {
    width: 100%;
    float: none;
}
.owl-stage-outer {
    height: auto;
    overflow: hidden;
}
.owl-item {
    padding-left: 10px;
    padding-right: 10px;
}
.owl-theme .owl-controls {
    margin-top: 20px;
}
.owl-dot {
    display: inline-block;
    width: var(--carousel-dot-size);
    height: var(--carousel-dot-size);
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}
.owl-dot span {
    width: var(--carousel-dot-size);
    height: var(--carousel-dot-size);
    background: var(--carousel-dot-bck);
    border-radius: var(--carousel-dot-size);
    display: inline-block;
}
.owl-dot.active span {
    background: var(--carousel-dot-active-bck);
}

.contrastBody .owl-dot span {
    background: var(--cont-carousel-dot-bck);
}
.contrastBody .owl-dot.active span {
    background: var(--cont-carousel-dot-active-bck);
}

.gridItem {
    margin-bottom: 30px;
}

.ias-noneleft {
    clear: both;
    margin-top: 30px;
    float: none;
}

#cookies {
    background-color: var(--cookies-bck);
    color: var(--cookies-color);
    font: var(--cookies-font);
    bottom:0;
    padding:10px 45px 10px 10px;
    z-index:1010;
    width: 100%;
}
#cookies a {
    color: var(--cookies-link-color);
    text-decoration: var(--cookies-link-decoration);
}
#cookies a:hover {
    color: var(--cookies-link-hover-color);
    text-decoration: var(--cookies-link-hover-decoration);
}
#cookies svg {
    width: 22px;
    height: 22px;
    margin-left: 30px;
    fill: var(--cookies-color);
    vertical-align: bottom;
}

.contrastBody #cookies {
    background-color: var(--cont-cookies-bck);
    color: var(--cont-cookies-color);
}

.contrastBody #cookies a {
    color: var(--cont-cookies-link-color);
}

.contrastBody #cookies a:hover {
    color: var(--cont-cookies-link-hover-color);
}

.contrastBody #cookies svg {
    fill: var(--cont-cookies-color);
}

.contactData-cont {
    padding: 0 !important;
    margin-bottom: 50px;
}
.contactData-cont h1 {
    font: var(--sliderContactData-h1-font);
    color: var(--sliderContactData-h1-color);
    border-bottom: var(--sliderContactData-h1-border);
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.contrastBody .contactData-cont h1 {
    color: var(--cont-sliderContactData-h1-color);
    border-bottom: var(--cont-sliderContactData-h1-border);
}
.contactData-cont h2 {
    font: var(--sliderContactData-h2-font);
    color: var(--sliderContactData-h2-color);
    border-bottom: var(--sliderContactData-h2-border);
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 0;
}
.contrastBody .contactData-cont h2 {
    color: var(--cont-sliderContactData-h2-color);
    border-bottom: var(--cont-sliderContactData-h2-border);
}
.titleCenter h2, .titleCenter h1 {
    text-align: center;
}

.firstSlider h1 {
    margin-top: 0;
}

.contactData-el {
    width: 33.333%;
    float: left;
    height: auto;
    padding-right: 60px;
    padding-top: 0;
}

.selectScene .contactData-el, .selectScene #chooseOptionDepartment, .selectSceneDesktop .contactData-el, .selectSceneDesktop #chooseOptionDepartment, .selectSceneTablet .contactData-el, .selectSceneTablet #chooseOptionDepartment, .selectSceneMobile .contactData-el, .selectSceneMobile #chooseOptionDepartment {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.selectScene .contactData-el, .selectSceneDesktop .contactData-el {
    float: none;
    display: none;
}

.selectSceneMob-select, .selectSceneTab-select {
    display: none;
}

.selectSceneDesktop-select.selectSceneMob-select, .selectSceneDesktop-select.selectSceneTab-select {
    display: block;
}
.selectSceneDesktop .contactData-el {
    display: none;
}
.selectSceneDesktop .contactData-el.pull-left, .selectSceneDesktop .contactData-el.pull-right {
    width: 100% !important;
    float: none !important;
}
.twoColumns .contactData-el.pull-left {
    width: 50%;
    float: left;
    margin-bottom: 25px;
}

.twoColumns .contactData-el.pull-right {
    width: 50%;
    float: right;
    margin-bottom: 25px;
}

.contactData-el img {
    display: inline-block;
    width: auto;
    height: auto;
    margin-bottom: 10px;
}

.contactData-el h3 {
    margin-bottom: 20px;
    font: var(--sliderContactData-h3-font);
    color: var(--sliderContactData-h3-color);
}
.contactData-el h3 span {
    font: var(--sliderContactData-h3-span-font);
}
.contactData-el h4 {
    margin-bottom: 20px;
    font: var(--sliderContactData-h4-font);
    color: var(--sliderContactData-h4-color);
}

.contactData-el div {
    font: var(--sliderContactData-font);
    color: var(--sliderContactData-color);
}

.contactData-el div span {
    color: var(--sliderContactData-span-color);
}

.contactData-el div a {
    color: var(--sliderContactData-link-color);
}

.contactData-el div a:hover {
    color: var(--sliderContactData-link-hover-color);
}

.contrastBody .contactData-el h3 {
    color: var(--cont-sliderContactData-h3-color);
}

.contrastBody .contactData-el h4 {
    color: var(--cont-sliderContactData-h4-color);
}

.contrastBody .contactData-el div {
    color: var(--cont-sliderContactData-color);
}

.contrastBody .contactData-el div span {
    color: var(--cont-sliderContactData-span-color);
}

.contrastBody .contactData-el div a {
    color: var(--cont-sliderContactData-link-color);
}

.contrastBody .contactData-el div a:hover {
    color: var(--cont-sliderContactData-link-hover-color);
}

.contactPage {
    padding-left: 0;
    padding-right: 0;
}

.contactPage#page {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.contact-txt {
    margin-bottom: 30px;
}

.contact-row h2 {
    font: var(--contactForm-header-font);
    color: var(--contactForm-header-color);
    text-align: var(--contactForm-header-align);
    border-bottom: var(--contactForm-header-border);
    padding-bottom: 20px;
}

.contrastBody .contact-row h2 {
    color: var(--cont-contactForm-header-color);
    border-bottom: var(--cont-contactForm-header-border);
}

.contact-row .form-group .form-control, .selectScene #chooseOptionDepartment  {
    height: 47px;
    border: var(--contactForm-input-border);
    background: var(--contactForm-input-bck);
    font: var(--contactForm-input-font);
    color: var(--contactForm-input-color);
}
.contactPage select.form-control {
    max-width: 100%;
    position: relative;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/icons/select-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important;
    background-size: 18px !important;
}

.contrastBody select.form-control {
    background-image: url(../img/icons/cont-select-arrow.svg) !important;
}

.contact-row .form-group textarea.form-control {
    height: 225px;
}
.contact-row .textareaDepartment .form-group textarea.form-control {
    height: 315px;
}

div.required label:after {
    content:" *";
    color: var(--required-star-color);
    font: var(--required-star-font);
}
div.required.has-error label:after, div.required .has-error label:after {
    content:" *";
    color: var(--required-star-error-color);
}
.contrastBody div.required label:after {
    color: var(--cont-required-star-color);
}
.contrastBody div.required.has-error label:after, .contrastBody div.required .has-error label:after {
    color: var(--cont-required-star-error-color);
}

.contact-row .has-error .form-control {
    border: var(--contactForm-input-error-border);
    background: var(--contactForm-input-error-bck);
}

.contact-row .form-group .form-control:focus, .contact-row .has-error .form-control:focus, .selectScene #chooseOptionDepartment:focus {
    border: var(--contactForm-input-focus-border);
    background: var(--contactForm-input-focus-bck);
}
.contact-row .form-group.has-success .form-control {
    border: var(--contactForm-input-success-border);
    background-color: var(--contactForm-input-success-bck);
    background-image: url(../img/icons/form-success.svg);
    background-size: 24px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
}
.contrastBody .contact-row .form-control, .contrastBody .selectScene #chooseOptionDepartment {
    border: var(--cont-contactForm-input-border);
    background: var(--cont-contactForm-input-bck);
    color: var(--cont-contactForm-input-color);
}

.contrastBody .has-error .form-control {
    border: var(--cont-contactForm-input-error-border);
    background: var(--cont-contactForm-input-error-bck);
}

.contrastBody .contact-row .form-control:focus, .contrastBody .has-error .form-control:focus, .contrastBody .selectScene #chooseOptionDepartment {
    border: var(--cont-contactForm-input-focus-border) !important;
    background: var(--cont-contactForm-input-focus-bck);
}
.contrastBody .contact-row .form-group.has-success .form-control {
    border: var(--cont-contactForm-input-success-border);
    background-color: var(--cont-contactForm-input-success-bck);
    background-image: url(../img/icons/cont-form-success.svg);
}

.contactPage .contact-rodo {
    height: auto;
    overflow: hidden;
}

#contactForm button {
    background: var(--contactForm-btn-bck);
    color: var(--contactForm-btn-color);
    border: var(--contactForm-btn-border);
    padding: var(--contactForm-btn-padding);
    font: var(--contactForm-btn-font);
    transform: var(--contacForm-btn-transform);
    border-radius: 0;
}
#contactForm button:hover {
    background: var(--contactForm-btn-hover-bck);
    color: var(--contactForm-btn-hover-color);
    border: var(--contactForm-btn-hover-border);
}
.contrastBody #contactForm button {
    background: var(--cont-contactForm-btn-bck);
    color: var(--cont-contactForm-btn-color);
    border: var(--cont-contactForm-btn-border);
}
.contrastBody #contactForm button:hover {
    background: var(--cont-contactForm-btn-hover-bck);
    color: var(--cont-contactForm-btn-hover-color);
    border: var(--cont-contactForm-btn-hover-border);
}

.form-control {
    border-radius: 0;
    box-shadow: none !important;
    outline: 0 !important;
}

.clearfix {
    clear: both;
    float: none;
}

.tooltip {
    font: var(--tooltip-font);
}

.tooltip-inner {
    background: var(--tooltip-bck);
    border-radius: var(--tooltip-radius);
    color: var(--tooltip-color);
    max-width: var(--tooltip-max-width) !important;
    padding: var(--tooltip-padding);
    white-space: nowrap;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--tooltip-bck);
}

.contrastBody .tooltip-inner {
    background: var(--cont-tooltip-bck);
    color: var(--cont-tooltip-color);
}

.contrastBody .tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--cont-tooltip-bck);
}

.help-block {
    display: none;
}

label.control-label {
    font: var(--form-label-font);
    color: var(--form-label-color);
    text-transform: var(--form-label-transform);
}

.contrastBody label.control-label {
    color: var(--cont-form-label-color);
}

.has-error label.control-label {
    color: var(--form-label-error-color);
}

.contrastBody .has-error label.control-label {
    color: var(--cont-form-label-error-color);
}

.mobile-wcag {
    display: block;
    width: calc(100% - 200px);
    float: left;
}
.pc-categories {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.subcategory {
    width: calc(33.333% - 33.4px);
    height: 150px;
    background: var(--subcategory-bck);
    float: left;
    margin-right: 50px;
    margin-bottom: 25px;
    text-align: center;
    border: var(--subcategory-border);
}

.subcategory:hover {
    background: var(--subcategory-hover-bck);
    border: var(--subcategory-hover-border);
}

.subcategory a {
    display: table;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.subcategory a h3 {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
    width: 100%;
    color: var(--subcategory-color);
    font: var(--subcategory-font);
    text-transform: var(--subcategory-transform);
}

.subcategory:hover a h3 {
    color: var(--subcategory-hover-color);
}

.subcategory:nth-child(3n+3) {
    margin-right: 0;
}

.contrastBody .subcategory {
    background: var(--cont-subcategory-bck);
    border: var(--cont-subcategory-border);
}

.contrastBody .subcategory:hover {
    background: var(--cont-subcategory-hover-bck);
    border: var(--cont-subcategory-hover-border);
}

.contrastBody .subcategory a h3 {
    color: var(--cont-subcategory-color);
}
.contrastBody .subcategory:hover a {
    border: 0;
}
.contrastBody .subcategory:hover a h3 {
    color: var(--cont-subcategory-hover-color);
}

.tenderFiles {
    table-layout: fixed;
}

h3.filesHeader, h2.filesHeader {
    font: var(--files-header-font);
    color: var(--files-header-color);
    text-align: var(--files-header-align);
    transform: var(--files-header-transform);
    margin-top: 0;  
}

.contrastBody h3.filesHeader {
    color: var(--cont-files-header-color);
}

.tenders h1.home-header {
    margin-left: -15px;
    margin-right: -15px;
}

.tenderPage h1.home-header {
    margin-left: 0;
    margin-right: 0;
}
.tenderPage .row.pagesList {
    margin-left: 0;
    margin-right: 0;
}

#rodoPopup {
    width: 600px;
    height: 500px;
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
}
#rodoPopup h1 {
    padding-top: 10px;
    font: var(--rodo-header-font);
    color: var(--rodo-header-color);
    padding-left: 10px;
}
.contrastBody #rodoPopup h1 {
    color: var(--cont-rodo-header-color);
}
.rodoContent {
    width: 100%;
    height: 370px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 0 10px 10px 10px;
}
.rodoContent h2 {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 20px;
}
#rodoPopupClose {
    background: var(--rodo-close-btn-bck);
    color: var(--rodo-close-btn-color);
    border: var(--rodo-close-btn-border);
    text-transform: var(--rodo-close-btn-transform);
    padding: var(--rodo-close-btn-padding);
    font: var(--rodo-close-btn-font);
    border-radius: var(--rodo-close-btn-radius);
}

#rodoPopupClose:hover {
    background: var(--rodo-close-btn-hover-bck);
    color: var(--rodo-close-btn-hover-color);
    border: var(--rodo-close-btn-hover-border);
}

.contrastBody #rodoPopupClose {
    background: var(--cont-rodo-close-btn-bck);
    color: var(--cont-rodo-close-btn-color);
    border: var(--cont-rodo-close-btn-border);
}

.contrastBody #rodoPopupClose:hover {
    background: var(--cont-rodo-close-btn-hover-bck);
    color: var(--cont-rodo-close-btn-hover-color);
    border: var(--cont-rodo-close-btn-hover-border);
}

.about table th, .about table td {
    padding: 5px 10px;
    border-color: #d0d0d0;
}
.about table {
    border: 0;
    max-width: 100%;
}
.about table td:first-child {
    border-right: 0;
    font-weight: bold;
}

.about table td:last-child {
    border-left: 0;
}

.show627 {
    display: none;
}

.footer-copy span {
    white-space: nowrap;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

.footer-copy a {
    white-space: nowrap;
}

.gridItemTender:empty {
    display: none;
}

body.negativeContrast .tenderAccordition {
  border: 2px solid #fff !important;
}
body.negativeContrast #activeboxPagesSearchBoxAjax {
  background-color: transparent !important;
}
body.brightBck .shared-options-arrow-left, body.brightBck .shared-options-arrow-right,
body.negativeContrast .shared-options-arrow-left, body.negativeContrast .shared-options-arrow-right {
  border-color: transparent;
}
body.brightBck .brightBck-trigger {
    font-weight: bold;
}
body.contrastBody .settings-inner .contrast-trigger, 
body.underlineBody .settings-inner .underline-trigger, 
body.brightBck .settings-inner .brightBck-trigger, 
body.greyscale .settings-inner .greyscale-trigger, 
body.negativeContrast .settings-inner .negativeContrast-trigger, 
body.readable .settings-inner .readable-trigger {
    /* font: var(--settings-icons-active-font) !important; */
    font-weight: bold !important;
}
body.brightBck #leftMenuTrigger span {
    background: var(--bright-color-2) !important;
}
.pswp__button {
    font-size: 0;
}
.shared-options .lower-bigger-word button span, .shared-options .lower-bigger-br button span, .shared-options .lower-bigger-lheight button span, .shared-options .lower-bigger-letter button span {
    font-size: 0;
}

/** RWD  **/

@media screen and (max-width: 1860px) {
    #header-dynamic .left-menu {
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: 0.2s;
        min-height: 0;
        width: 0;
        /* top: 121px; */
        top: 101px;
    }
    /* #header-dynamic.notHome .left-menu {
        top: 101px;
    } */
    #header-dynamic .left-menu.open {
        height: auto;
        opacity: 1;
        transition: 0.2s;
        width: 280px;
    }
    #header-dynamic .left-menu.open.fixed {
        top: 81px;
    }
    #leftMenuTrigger {
        display: block;
        width: 100px;
        height: 100px;
        /* padding: 40px 32px */
        padding: 27px 25px;
    }
    /* .notHome #leftMenuTrigger {
        height: 100px;
        width: 100px;
        padding: 27px 25px;
    } */
    .fixed #leftMenuTrigger {
        width: 80px;
        height: 80px;
        padding: 22px 22px;
    }
    #leftMenuTrigger span {
        height: 8px;
        margin-bottom: 10px;
    }
    #header-dynamic #leftMenuTrigger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(12px) translateX(12px);
    }
    .fixed #leftMenuTrigger span {
        height: 6px;
        margin-bottom: 8px;
    }
    #header-dynamic.fixed #leftMenuTrigger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(10px) translateX(10px);
    }
    #activeboxPagesSearch.active #searchdiv {
        width: calc(100% - 450px);
        left: 450px;
    }
}

@media screen and (max-width: 1240px) {
    .relative-icons {
        padding-right: 25px !important;
    }
    .activeboxPagesSearchBoxInput {
        padding-right: 25px;
    }
    .search-close {
        right: 25px;
    }
    #searchdiv form {
        width: calc(100% - 30px);
        margin-left: 30px;
        text-align: left;
    }
    .activeboxPagesSearchBox input {
        width: calc(100% - 90px);
    }
    .slider:not(.big-slider), .pagesContainer {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* .itemTenderHeader, .itemTenderFooter {
        height: 250px;
    } */
    .selectSceneTab .contactData-el {
        float: none;
        display: none;
    }
    .selectSceneTab-select {
        display: block;
    }
    .selectSceneTablet .contactData-el {
        width: 100% !important;
        float: none !important;
        display: none;
    }
    #activeboxPagesSearch.active #searchdiv {
        width: 100%;
        left: auto;
    }
    .clearSearchButton {
        right: 100px;
    }
    .activeboxPagesSearchBoxResults {
        width: calc(100% - 120px);
        margin-left: 30px;
        margin-right: 0;
    }
    .gridItemTender {
        width: calc(50% - 10px);
        margin-left: 0;
    }
    .gridItemTender:nth-child(2n+2) {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1150px) {
    .carousel-home-el .text-center {
        padding: 20px;
    }
    .carousel-home-el span.text {
        font-size: 1.5em;
    }
    .tenderCell-col {
        width: 100%;
    }
    .tenderCell-col .tenderCell {
        width: 50%;
        float: left;
        display: block;
    }
    .tenderCell-col .tenderCell:first-child {
        padding-left: 0;
    }
    .tenderCell-col .tenderCell:last-child {
        padding-right: 0;
    }
    .wcag-cont {
        margin-left: 0;
    }
}

@media screen and (max-width: 990px) {
    .carousel-home-el span.text br {
        display: none;
    }
    .carousel-home-el h2 {
        margin-bottom: 15px;
    }
    .carousel-home-el h2.line2 {
        margin-bottom: 0;
    }
    
    #header-dynamic, #header-dynamic.notHome {
        height: 81px;
    }
    .header-main, .navbarLogo, .notHome .header-main, .notHome .navbarLogo {
        height: 80px;
    }
    #leftMenuTrigger, .bip-logo, .notHome #leftMenuTrigger, .notHome .bip-logo {
        height: 80px;
        width: 80px;
    }
    #header-dynamic.fixed, #header-dynamic.fixed.notHome {
        height: 61px;
    }
    .fixed #leftMenuTrigger, #header-dynamic.fixed .bip-logo , .notHome.fixed #leftMenuTrigger, .notHome#header-dynamic.fixed .bip-logo {
        height: 60px;
        width: 60px;
    }
    .bip-logo, .notHome .bip-logo {
        background-size: 50px;
    }
    #header-dynamic.fixed .bip-logo, #header-dynamic.notHome.fixed .bip-logo {
        background-size: 30px;
    }
    .navbarLogo, .notHome .navbarLogo {
        width: 140px;
        padding: 20px 10px;
    }
    #leftMenuTrigger, .notHome #leftMenuTrigger {
        padding: 25px 20px;
    }
    #leftMenuTrigger span, .notHome #leftMenuTrigger {
        height: 6px;
        margin-bottom: 8px;
    }
    #header-dynamic .left-menu, #header-dynamic.notHome .left-menu {
        top: 81px;
    }
    
    .fixed #leftMenuTrigger {
        padding: 15px;
    }
    .fixed #leftMenuTrigger span, .fixed.notHome #leftMenuTrigger {
        height: 5px;
        margin-bottom: 6px;
    }
    .header-left, .notHome .header-left {
        width: 300px;
    }
    .relative-icons, .notHome .relative-icons {
        width: calc(100% - 300px);
        padding-top: 10px !important;
    }
    /* .fixed .relative-icons, .fixed.notHome .relative-icons {
        padding-top: 10px !important;
    } */
    #activeboxPagesSearch.active #searchdiv, .notHome #activeboxPagesSearch.active #searchdiv {
        /* width: calc(100% - 300px);
        left: 300px; */
        height: 90px;
    }
    .activeboxPagesSearchBoxInput, .notHome .activeboxPagesSearchBoxInput {
        padding-top: 25px;
        height: 90px;
    }
    #header-dynamic.fixed .navbarLogo, .notHome #header-dynamic.fixed .navbarLogo {
        width: 140px;
        padding: 10px;
    }
    #header-dynamic #leftMenuTrigger.active span:nth-child(1), #header-dynamic.notHome #leftMenuTrigger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(10px) translateX(10px);
    }
    #header-dynamic.fixed #leftMenuTrigger.active span:nth-child(1), #header-dynamic.notHome.fixed #leftMenuTrigger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(8px) translateX(8px);
    }
    .fixed .header-main, #header-dynamic.fixed .navbarLogo, .notHome.fixed .header-main, #header-dynamic.notHome.fixed .navbarLogo {
        height: 60px;
    }
    .fixed .activeboxPagesSearchBoxInput, .fixed #activeboxPagesSearch.active #searchdiv {
        height: 60px;
    }
    .fixed .activeboxPagesSearchBoxInput {
        padding-top: 7px;
    }
    #header-dynamic .left-menu.open.fixed {
        top: 61px;
    }
    .tenderHeadersList-cont.fixed {
        top: 61px;
    }
    .shared-options .metadata-publish-date {
        width: 50%;
        padding-top: 10px;
    }
    .mobile-wcag {
        width: 100%;
        margin-top: 15px;
    }
    .shared-options .print-btn {
        width: 50%;
        margin-top: -60px;
        float: right;
    }
    .shared-options {
        display: block;
        padding-top: 0;
        height: 80px;
    }
    .wcag {
        width: 100%;
    }
    .pagesContainer.padding-top, .contactPage, .tenders, .home-cont.noBigSlider {
        padding-top: 70px;
    }
    .contrastBody .search {
        margin-top: 0;
        margin-right: -3px;
    }
    .subcategory {
        width: calc(33.333% - 20px);
        margin-right: 30px;
    }
    .subcategory:nth-child(3n+3) {
        margin-right: 0;
    }
    .tenders .gridItemTender {
        width: calc(50% - 10px);
        margin-left: 0;
    }
    .tenders .gridItemTender:nth-child(2n+2) {
        margin-left: 20px;
    }
    .tenders .gridItemTender {
        width: calc(50% - 10px);
        margin-left: 0;
    }
    .tenders .gridItemTender:nth-child(2n+2) {
        margin-left: 20px;
    }
    .tendersList2items .gridItemTender, .gridItemTender {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .tendersList2items .gridItemTender:nth-child(2n+2), .gridItemTender:nth-child(2n+2) {
        margin-left: 0 !important;
    }
    .tendersList2items .itemTenderHeader, .tendersList2items .itemTenderFooter, .itemTenderHeader, .itemTenderFooter {
        height: auto;
    }
    .tendersList2items .itemTenderFooter .item-text, .itemTenderFooter .item-text {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 850px) {
    .carousel-home-el span.text {
        font-size: 1.2em;
    }
    .carousel-home-el h2.line1 {
        margin-bottom: 0;
    }
    .carousel-home-el span.text.big-slider-text {
        font-size: 0.7em;
    }
    .twoColumns .contactData-el.pull-left, .twoColumns .contactData-el.pull-right {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 800px) {
    .contactData-el {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    #activeboxPagesSearch.active #searchdiv {
        width: 100%;
        left: 0;
    }
    .headersList-cont {
        margin-top: 40px;
    }
    .contactData-cont, .contact-row .col-sm-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contact-row .form-group textarea.form-control, .contact-row .textareaDepartment .form-group textarea.form-control {
        height: 200px;
    }
    .selectSceneMobile .contactData-el {
        float: none;
        display: none;
    }
    .selectSceneMob-select {
        display: block;
    }
    .pagesList .gridItem {
        width: 50%;
        float: left;
    }
    .subcategory {
        width: calc(50% - 15px);
        margin-right: 30px;
    }
    .subcategory:nth-child(3n+3) {
        margin-right: 30px;
    }
    .subcategory:nth-child(2n+2) {
        margin-right: 0;
    }
    .tenders .pagesList .gridItemTender {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 700px) {
    .relative-icons, .notHome .relative-icons {
        width: 100%;
        margin: 0;
        top: 0;
        position: absolute;
        padding: 0 !important;
        height: 30px;
    }
    .header-left, .notHome .header-left {
        position: absolute;
        top: 30px;
        width: 100%;
    }
    #info-top {
        text-align: left;
        padding: 0 20px;
    }
    .search-container {
        right: 20px;
        position: absolute;
        top: 45px;
    }
    #leftMenuTrigger, .bip-logo, .navbarLogo, .notHome #leftMenuTrigger, .notHome .bip-logo, .notHome .navbarLogo {
        width: 60px;
        height: 60px;
    }
    .header-main, .notHome .header-main {
        height: 90px;
    }
    .navbarLogo, .notHome .navbarLogo {
        width: 140px;
        padding: 5px;
    }
    #header-dynamic, .notHome#header-dynamic {
        height: 91px;
    }
    .bip-logo, .notHome .bip-logo {
        background-size: 40px;
    }
    #leftMenuTrigger, .notHome #leftMenuTrigger {
        padding: 15px;
    }
    #leftMenuTrigger span, .notHome #leftMenuTrigger span {
        height: 5px;
    }
    #header-dynamic #leftMenuTrigger.active span:nth-child(1), .notHome#header-dynamic #leftMenuTrigger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(9px) translateX(9px);
    }
    #header-dynamic .left-menu.open {
        width: 100% !important;
        min-width: 100% !important;
    }
    .fixed .relative-icons, .fixed.notHome .relative-icons {
        padding-top: 0 !important;
    }
    .fixed .header-left, .fixed .search-container {
        height: 0;
        overflow: hidden;
        transition: 0.2s;
    }
    .fixed .header-main, #header-dynamic.fixed, .notHome.fixed .header-main, #header-dynamic.notHome.fixed {
        height: 30px;
    }
    #header-dynamic .left-menu.fixed, #header-dynamic .left-menu.fixed.open {
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: 0.2s;
        min-height: 0;
        width: 0;
    }
    .tenderHeadersList-cont.fixed {
        top: 30px;
    }
    .tenderHeadersList li {
        font-size: 1.15em;
        margin-left: 8px;
        margin-right: 8px;
    }
    #header-dynamic.notHome, #header-dynamic {
        background: var(--mobile-header-bck);
    }
    #leftMenuTrigger {
        background: var(--mobile-burger-left-bck);
    }
    .bip-logo {
        background-color: var(--mobile-bip-logo-bck);
    }
    .navbarLogo {
        background: var(--mobile-logo-bck);
    }
    
    .contrastBody #header-dynamic.notHome, .contrastBody #header-dynamic {
        background: var(--cont-mobile-header-bck);
    }
    .contrastBody #leftMenuTrigger {
        background: var(--cont-mobile-burger-left-bck);
    }
    .contrastBody .bip-logo {
        background-color: var(--cont-mobile-bip-logo-bck);
    }
    .contrastBody .navbarLogo {
        background: var(--cont-mobile-logo-bck);
    }
    .pagesBck .contactPage {
        padding-top: 90px;
    }
}

@media screen and (max-width: 627px) {
    .tenderCell-col .tenderCell {
        padding-left: 0;
        padding-right: 0;
    }
    .tenderCell-col:last-child .tenderCell span {
        display: block;
    }
    .tenderFiles td.file-name, .tenderFiles td.file-download {
        width: 100%;
        display: block;
        padding-left: 0;
    }
    #page .tenderFiles tr td:last-child {
        padding-left: 0;
    }
    .tenders .pagesList .gridItemTender, .tenders .pagesList .gridItemTender:nth-child(2n+2) {
        width: 100%;
        margin-left: 0;
    }
    .tenders .row.pagesList, .tenders h1.home-header {
        margin-left: 0;
        margin-right: 0;
    }
    .tendersList2items .itemTenderFooter .tenderModes {
        width: 100%;
        float: none;
    }
    .tendersList2items .itemTenderFooter .tenderModes:nth-child(1), .tendersList2items .itemTenderFooter .tenderModes:nth-child(3) {
        margin-bottom: 0 !important;
    }
    .tendersList2items .itemTenderFooter .item-text {
        padding-top: 20px;
    }
    .show627 {
        display: table-row;
    }
    .hide627 {
        display: none;
    }
    .show627 th {
        width: 200px;
        padding-right: 0;
        padding: 5px 0;
        font-weight: normal;
        vertical-align: top;
    }
    .show627 td, .tenderHistory .show627 td:last-child {
        width: calc(100% - 200px);
        padding: 5px 0;
        text-align: left;
        font-weight: normal;
    }
    #page .tenderHistory tr {
        border-bottom-color: #eaeaea !important;
    }
    #page .tenderHistory tr.last-row {
        border-bottom: 2px solid #999 !important;
    }
    #page .tenderHistory tr.last-row .show627-right {
        text-align: right;
    }
    .footer-copy span, .footer-copy a {
        width: 100%;
        margin: 0;
    }
    .footer-copy span {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #page table.tenderMetrics tr td:first-child {
        width: 200px;
        padding-left: 0;
        text-align: left;
    }
    #page table.tenderMetrics tr td:last-child {
        width: calc(100% - 200px);
        padding-left: 0;
    }
    .tenderAccordition {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media screen and (max-width: 600px) {
    .tenderHeadersList-cont, .headersList-cont {
        height: auto;
    }
    .tenderHeadersList {
        border-bottom: 0;
    }
    .tenderHeadersList li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-bottom: var(--tender-menu-border);
    }
    .tenderHeadersList-cont.fixed {
        padding-left: 0;
    }
    .tenderHeadersList-cont.fixed .tenderHeadersList li {
        width: auto;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 1em;
        border-bottom: 0;
    }
    .wcag span {
        width: 49%;
    }
    .shared-options .print-btn {
        margin-top: -85px;
    }
    .shared-options {
        height: 110px;
    }
}

@media screen and (max-width: 500px) {
    .tenderHeadersList-cont.fixed {
        position: relative;
        top: auto;
        background: none;
    }
    .tenderHeadersList-cont.fixed .tenderHeadersList li {
        width: 100%;
        font-size: 1.25em;
        border-bottom: var(--tender-menu-border);
    }
    .tenderHeadersList-cont.fixed .tenderHeadersList {
        border-bottom: 0;
    }
    .tenderCell-col .tenderCell {
        width: 100%;
        text-align: left;
    }
    .tenderCell-col:last-child .tenderCell span {
        display: inline;
    }
    .navbarMenu3-el a.level3, .navbarMenu3-el a.level4 {
        white-space: normal;
    }
    .slider:not(.big-slider), .pagesContainer, .contactPage, .pagesBck, .tenders {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pagesBck .contactPage {
        padding-left: 0;
        padding-right: 0;
    }
    .photoPagesList {
        margin-right: 0 !important;
    }
    .photoPagesList .col-xs-12.margin-bottom {
        padding-right: 0 !important;
    }
    #searchdiv form {
        width: calc(100% - 10px);
        margin-left: 10px;
    }
    .activeboxPagesSearchBoxResults {
        width: calc(100% - 50px);
        margin-left: 10px;
        margin-right: 0;
    }
    .about table, .about table th, .about table td, tbody, tr {
        display: block;
        width: 100%;
    }
    .about table td:first-child {
        border-left: 0;
        border-bottom: 0;
    }
    .about table td:last-child {
        border-right: 0;
    }
    .about table td {
        border-top: 0;
    }
    .tenderHistory tbody {
        display: table-row-group;
    }
    .tenderPage .pageHeader, .tenderPage .tenderCell-cont {
        margin-left: 10px;
        margin-right: 10px;
    }
    .tenderTendersCont {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 460px) {
    .subcategory, .subcategory:nth-child(2n+2) {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 400px) {
    .tenderCell {
        padding-left: 0;
        padding-right: 0;
    }
    .shared-options .metadata-publish-date {
        width: 110px;
    }
    .shared-options {
        height: 130px;
    }
    .shared-options .print-btn {
        width: calc(100% - 110px);
        margin-top: -100px;
    }
    .wcag span {
        padding: 0;
    }
    .pdf-print-buttons button {
        margin: 0 5px;
    }
    .photoPagesList .gridItem {
        width: 100%;
        float: none;
    }
    .show627 th, #page table.tenderMetrics tr td:first-child {
        width: 150px;
    }
    .show627 td, .tenderHistory .show627 td:last-child, #page table.tenderMetrics tr td:last-child {
        width: calc(100% - 150px);
    }
}
@media screen and (max-width: 360px) {
    .settings-container {
        width: 300px;
        right: -250px;
    }
    .settings-inner {
        width: 250px;
    }
}