body {
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    /* background-color: #282828;  */
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); */
    font-family: 'Roboto', serif;
    font-size: 11pt;
    /* color: #a3a3a3; */
    -webkit-animation: appearance 0.2s;
    animation: appearance 0.2s;
    counter-reset: cfg-counter;
}

A:link,
A:visited {
    font-family: 'Roboto', serif;
    font-size: 11pt;
    outline: none;
    text-decoration: underline;
    color: #00b0f0;
}

A:hover {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 10px 0 0;
    line-height: 20px;
}

ul {
    margin: 20px 0 10px;
    padding: 0 0 0 20px;
}

ul li {
    padding-bottom: 5px;
}

img {
    width: auto;
    max-width: 100%;
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

.wrapper-h {
    width: 100%;
    position: fixed;
    z-index: 2;
    /* background-color: rgba(0, 0, 0, 0.8); */
    background-color: #333333e7;
    padding: 10px 0;
}

.fixed {
    padding: 0 0 5px;
}

.wrapper-c {
    width: auto;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background: url(../images/body.png) center center no-repeat;
}

.resposive-menu-trigger {
    display: none;
    vertical-align: top;
    width: 35px;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 30px;
    z-index: 11;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
}

.fixed .resposive-menu-trigger {
    top: 9px;
}

.resposive-menu-trigger span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #0098d1;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.resposive-menu-trigger span:nth-child(1) {
    top: 0px;
}

.resposive-menu-trigger span:nth-child(2),
.resposive-menu-trigger span:nth-child(3) {
    top: 10px;
}

.resposive-menu-trigger span:nth-child(4) {
    top: 20px;
}

.resposive-menu-trigger.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.resposive-menu-trigger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.resposive-menu-trigger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.resposive-menu-trigger.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.resposive-menu-container {
    display: none;
    width: 100%;
    padding-top: 10px;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    right: 0;
    top: 88px;
    z-index: 3;
    overflow-y: auto;
}

.fixed .resposive-menu-container {
    top: 44px;
}

.rmc-link:link,
.rmc-link:visited {
    display: block;
    text-align: left;
    padding: 15px 10px 15px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
    z-index: 1;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 10pt;
    font-family: Verdana;
}

.rmc-link span {
    display: block;
    position: absolute;
    right: 10px;
    top: 17px;
    font-size: 25pt;
    color: #6c6764;
}

.rmc-link:hover {
    color: #0089c8;
}

.header {
    padding-right: 50px;
    position: relative;
    z-index: 1;
}

.logo {
    float: left;
    padding: 10px 0 0 50px;
}
.logo img {
    width: 100%;
    height: 48px;

    /* max-width: 372px; */
    /* max-height: 40px; */
}
@media screen and (max-width: 1275px) {
    .logo img {
        max-width: 320px;
    }
}
@media screen and (max-width: 1175px) {
    .logo img {
        max-width: 230px;
    }
}
.logo img,
.resposive-menu-trigger {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fixed .logo img {
    max-width: 250px;
}

.search-hdd-btn {
    float: right;
    padding-top: 18px;
}

.js-toggleSearch {
    background-color: transparent;
    position: relative;
    border: 0;
    cursor: pointer;
}

.js-headerSearch {
    display: none;
}

.js-headerSearch form {
    background-color: #2d2e31;
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 15px;
    transition: 0.2s ease;
}

.js-headerSearch form input {
    background-color: #434c5a;
    border: 1px solid #313d4f;
    color: #fff;
    font-size: 10pt;
    padding: 10px;
    width: 210px;
}
.js-headerSearch form input::placeholder {
    color: #b2b1b1;
}

.js-headerSearch form button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.search-products {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 90%;
    margin: 0 auto;
    max-width: 1450px;
}

.login {
    float: right;
    padding-top: 14px;
    position: relative;
    z-index: 2;
}

.header-sep {
    float: right;
    margin: 14px 25px 0;
    width: 1px;
    height: 24px;
    background-color: #00b0f0;
}

.top-menu {
    float: right;
    padding: 0 10px 0 0;
}

.tm-main {
    float: left;
    padding-left: 20px;
    position: relative;
    z-index: 1;
    height: 58px;
    display: flex;
    align-items: center;
}
.tm-main.tm-main--has-submenu {
    position: initial;
}

@media screen and (max-width: 1390px) {
    .tm-main {
        padding-left: 0;
    }
}

.tm-main__submenu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    top: -10px;
    transition: 0.2s ease;
    position: absolute;
    width: max-content;
    box-shadow: 0px 20px 30px 0px rgba(43, 170, 226, 0.2);
}
.tm-main__submenu.tm-main__submenu--large {
    width: 100vw;
    left: 0;
    top: -10px;
    background-color: #fff;
}
.tm-main__submenu-container {
    display: flex;
    flex-direction: column;
    background-color: #282828;
    padding: 30px 10px;
}
.tm-main__submenu-container a {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    transition: 0.2s ease;
}
.tm-main__submenu-container a:hover {
    color: #00b0f0;
}
.tm-main:hover .tm-main__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    top: 100%;
}
.tm-main:hover .tm-main__submenu.tm-main__submenu--large {
    top: 93%;
}
.tm-main__submenu-large {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 5%;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 60px;
    row-gap: 30px;
}
.tm-main__submenu-large__title {
    color: #000;
    font-size: clamp(18px, 3vw, 26px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 2px solid #00b0f0;
    padding-bottom: 5px;
}
.tm-main__submenu-large-col {
    display: flex;
    flex-direction: column;
}
.tm-main__submenu-large-col ul {
    list-style: none;
    padding: 0;
}
.tm-main__submenu-large-col ul li a,
.tm-main__submenu-large-col ul li a:link,
.tm-main__submenu-large-col ul li a:visited {
    display: block;
    color: #000;
    text-decoration: none;
    transition: 0.2s ease;
    padding: 3px 0;
}
.tm-main__submenu-large-col ul a:hover,
.tm-main__submenu-large-col ul a:link:hover,
.tm-main__submenu-large-col ul a:visited:hover {
    color: #00b0f0;
}

.tm-main:hover .tm-link > svg {
    transform: rotate(180deg);
}

.tm-link:link,
.tm-link:visited {
    padding: 10px;
    text-decoration: none;
    font-size: 10pt;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.tm-link > svg {
    transition: 0.2s ease;
}

.tm-item A:link,
.tm-item A:visited {
    color: #fff;
}

.tm-itemS > A:link,
.tm-itemS > A:visited {
    color: #00b0f0;
}

.tm-link:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #00b0f0;
    height: 1px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.tm-link:hover:before,
.tm-link:focus:before,
.tm-link:active:before {
    left: 0;
    right: 0;
}

.tm-item A:hover {
    color: #00b0f0;
}

.tm-link.tm-link--contact {
    background-color: #00b0f0;
    color: #fff !important;
}
.tm-link.tm-link--contact:hover {
    background-color: transparent;
    color: #00b0f0;
}

.clear {
    clear: both;
}

.search {
    padding: 20px 50px 0 0;
    text-align: right;
    display: none;
    position: absolute;
    right: 0;
    top: 67px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
}

.fixed .search {
    top: 44px;
}

.search div {
    display: inline-block;
    border: 1px solid #4c5350;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.s-input {
    width: 210px;
    padding: 10px 45px 10px 10px;
    background-color: transparent;
    border: 0;
    color: #b2b1b1;
    font-size: 10pt;
}

.s-action {
    position: absolute;
    right: 15px;
    top: 10px;
}

.content {
    width: 100%;
    height: auto;
    min-height: 766px;
}

.footer {
    width: 90%;
    padding: 25px 5% 20px;
    color: #ccc;
    background-color: #1a1a1a;
    font-size: 8pt;
    font-family: Verdana;
}

.ft-links A:link,
.ft-links A:visited {
    display: block;
    padding: 3px 5px;
    color: #ccc;
    text-decoration: none;
    font-size: 16px;
    font-family: Verdana;
}

.ft-links A:hover {
    color: #636162;
}

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

.footer-bottom {
    padding-top: 20px;
    border-top: 1px solid #636162;
    color: #ccc;
}

.ft-block {
    float: left;
}

.ft-inner {
    float: left;
}

.ft-block label {
    display: block;
    padding: 0 0 20px 5px;
    color: #fff;
    text-transform: uppercase;

    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ft-inner div {
    float: left;
    padding-right: 15px;
}

.ft-sitemap .ft-inner {
    padding-top: 4px;
    padding-right: 100px;
}

.socials:link,
.socials:visited {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin-right: 25px;
    text-decoration: none;
    color: #00b0f0;
}
.socials svg {
    transition: 0.2s ease;
}

.facebook {
    background: url(../images/socials/facebook.png) left center no-repeat;
}

.instagram {
    background: url(../images/socials/instagram.png) left center no-repeat;
}

.linkedin {
    background: url(../images/socials/linkedin.png) left center no-repeat;
}

.pinterest {
    background: url(../images/socials/pinterest.png) left center no-repeat;
}

.youtube {
    background: url(../images/socials/youtube.png) left center no-repeat;
}

.socials:hover {
    color: #636162;
}

.ft-logo {
    float: right;
    padding-top: 12px;
}
.ft-logo img {
    max-width: 250px;
    max-height: 40px;
    object-fit: contain;
    width: 100%;
}

.ft-copy {
    padding-left: 5px;
    float: left;
}

.ft-design {
    float: right;
}

.ft-design A:link,
.ft-design A:visited {
    font-size: 8pt;
    color: #ccc;
}

.ft-design A:hover {
    text-decoration: none;
}

.home-content {
    background: var(--gradient-bg, linear-gradient(90deg, #bccad3 0%, #fefefe 50.08%, #bdcbd4 99.12%));
}
.home-slider {
    display: none;
}
.welcome-wp {
    width: auto;
    max-width: 1024px;
    padding: 30px 15px 30px 15px;
    margin: 0 auto;
    text-align: center;
}

.welcome-wp p,
.welcome-wp p * {
    font-size: clamp(16px, 2vw, 22px) !important;
}

.welcome {
    margin: 0;
    padding: 0 0 5px;
    font-weight: normal;
    font-size: 30pt;
    font-weight: 300;
    /* color: #fff; */
}

.banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 60px;
}

.banner-wp {
    width: auto;
    /* max-width: 350px; */
    padding: 1px;
}

.banners A:link,
.banners A:visited,
.banners div {
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: #a3a3a3;
}

.banners A:before,
.banners A:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.banners A:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.banners A:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.banners A:hover:before,
.banners A:focus:before,
.banners A:active:before,
.banners A:hover:after,
.banners A:focus:after,
.banners A:active:after {
    opacity: 1;
}

.banners span {
    display: block;
}

.banner-ttl {
    padding: 25px 15px 15px;
    color: #000;
    font-size: 14pt;
}
.trusted-brands {
    padding-top: 40px;
}
.banners span.banner-txt {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.banner-txt-inner {
    padding: 25px;
    font-size: 10pt;
    color: #fff;
}

.banners A:hover {
    background: rgba(255, 255, 255, 0.1);
}

.banners A:hover span.banner-txt {
    display: block;
}

.home-video,
.home-video img {
    width: 100%;
    text-align: center;
}

.video A:link,
.video A:visited {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

.video-icn {
    display: block;
    width: 83px;
    height: 83px;
    background: url(../images/video-icn.png) center center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -41px 0 0 -41px;
}

.block-header {
    width: auto;
    max-width: 950px;
    padding: 140px 15px 35px;
    text-align: center;
}

.ma {
    margin: 0 auto;
}

.block-ttl {
    line-height: 100%;
    padding: 0 0 20px 0;
    margin: 0;
    font-weight: 300;
    font-size: clamp(28px, 4vw, 44px);
    letter-spacing: -1.76px;
    text-transform: capitalize;
}
.block-ttl.block-ttl--center {
    text-align: center;
}

.company-menu {
    width: 100%;
    padding: 10px 0 15px;
    text-align: center;
}

.company-menu A:link,
.company-menu A:visited {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 15px 5px;
    padding: 0 5px 5px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-decoration: none;
    font-size: 14pt;
}

.company-menu A.cm-link:link,
.company-menu A.cm-link:visited {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    z-index: 1;
}

.company-menu A:hover {
    color: #636162;
}

.company-menu A.active:link,
.company-menu A.active:visited {
    border-bottom: 2px solid #00b0f0;
}

.company-menu A.cm-link:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: -1px;
    background: #00b0f0;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.company-menu A.cm-link:hover:before,
.company-menu A.cm-link:focus:before,
.company-menu A.cm-link:active:before {
    left: 0;
    right: 0;
}

.company-menu-options {
    padding: 15px;
    display: none;
    text-align: center;
}

.company-header {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.inner-txt {
    width: auto;
    max-width: 950px;
    padding: 30px 15px 0;
}

.tc {
    text-align: center;
}

.company-video {
    width: auto;
    max-width: 780px;
    padding-top: 30px;
}

.f-spacer {
    width: 100%;
    height: 60px;
}

.page-err {
    width: auto;
    max-width: 450px;
    text-align: center;
    padding: 50px 15px;
}

.page-err h1 {
    margin: 30px 0;
    font-size: 60pt;
    color: #ff0000;
}

.page-err h2 {
    margin: 0;
    padding: 0;
    font-size: 30pt;
    color: #fff;
    font-weight: normal;
}

.page-err p,
.page-err A:link,
.page-err A:visited {
    color: #b8b8b8;
}

/*Paragraph new start*/
.paragraph-new-section {
    padding-top: 60px;
}
.paragraph-new-section {
}
.paragraph-new {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'media content';
    column-gap: 30px;
    padding: 0 5% 0 5%;
    margin-bottom: 60px;
    /* overflow: hidden; */
}

.paragraph-new__media {
    grid-area: media;
    display: flex;
    justify-content: center;
    /* margin-bottom: 30px; */
    position: relative;
}

.paragraph-new__media-wp {
    position: sticky;
    width: 100%;
    top: 150px;
    height: fit-content;
    padding-bottom: 10px;
    background: linear-gradient(90deg, #2e92e1 0%, #62c9ff 21.98%, #cdedff 47.36%, #5cc3ff 72.48%, #2380ca 100%);
}
.paragraph-new__media img {
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 40px 50px -30px rgba(98, 115, 123, 0.8);
}

.paragraph-new__media-wp iframe {
    width: 100%;
    max-width: 100%;
}

.paragraph-new__content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    padding: 25px 0 25px 90px;
    position: relative;
    overflow: hidden;
}
.paragraph-new__content.paragraph-new__content--center {
    /* align-items: center; */
    justify-content: center;
}
.paragraph-new.paragraph-new--right {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'content media';
}
.paragraph-new.paragraph-new--right .paragraph-new__content {
    padding: 25px 90px 25px 0;
}
.paragraph-new.paragraph-new--left {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'media content';
}
.paragraph-new.paragraph-new--left .paragraph-new__content {
    padding: 25px 0 25px 90px;
}
.paragraph-new.paragraph-new--center {
    grid-template-columns: 100%;
    grid-template-areas: 'media' 'content';
}
.paragraph-new.paragraph-new--center .paragraph-new__content {
    padding: 20px 0 25px 0;
    text-align: center;
}
.paragraph-new__title {
    font-size: clamp(28px, 4vw, 44px);
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: -1.76px;
    margin: 0 0 45px 0;
}
.paragraph-new__content p {
    line-height: 150%;
}
.paragraph-new__actions {
    margin-top: 40px;
    padding: 40px 0;
    border-top: 1px solid #696767;
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
}

/* Default 3 columns */
.paragraph-new__actions {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1200px) {
    .paragraph-new__actions {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 900px) {
    .paragraph-new__actions {
        grid-template-columns: 1fr;
    }
}

/* If only 1 link */
.paragraph-new__actions:has(:only-child) {
    grid-template-columns: 1fr;
}

/* If exactly 2 links */
.paragraph-new__actions:has(:nth-child(2):last-child) {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 900px) {
    .paragraph-new__actions:has(:nth-child(2):last-child) {
        grid-template-columns: 1fr;
    }
}

.paragraph-new__actions a {
    color: #000;
    text-decoration: none;
}
.paragraph-new__actions a:hover {
    color: #00b0f0;
}

@media screen and (max-width: 1600px) {
    .paragraph-new.paragraph-new--right .paragraph-new__content {
        padding: 25px 0 25px 0;
    }
    .paragraph-new.paragraph-new--left .paragraph-new__content {
        padding: 25px 0 25px 0;
    }
    .paragraph-new.paragraph-new--center .paragraph-new__content {
        padding: 25px 0 25px 0;
    }
    .paragraph-new__content {
        padding: 25px 0 25px 0;
    }
    .paragraph-new__content.paragraph-new__content--center {
        padding: 25px 0 25px 0;
    }
}

@media screen and (max-width: 768px) {
    .paragraph-new-section {
        padding-top: 50px;
    }
    .paragraph-new {
        grid-template-columns: 1fr;
        grid-template-areas: 'media' 'content';
        margin-bottom: 50px;
    }
    .paragraph-new.paragraph-new--right {
        grid-template-columns: 1fr;
        grid-template-areas: 'media' 'content';
    }
    .paragraph-new.paragraph-new--left {
        grid-template-columns: 1fr;
        grid-template-areas: 'media' 'content';
    }
    .paragraph-new.paragraph-new--center {
        grid-template-columns: 1fr;
        grid-template-areas: 'media' 'content';
    }
    .paragraph-new .paragraph-new__content {
        padding: 0 0 25px 0;
    }
    .paragraph-new .paragraph-new__content.paragraph-new__content--center {
        padding: 0 0 25px 0;
    }
    .paragraph-new__title {
        margin: 0 0 25px 0;
    }
    .paragraph-new__media {
        margin-bottom: 30px;
    }
}
.news-large.project-info {
    padding-top: 0;
}
.project-info .paragraph-new__media img {
    width: 100%;
}

/*Paragraph new end*/

.page-err A:hover {
    text-decoration: none;
}

.par {
    padding: 0 5% 50px;
    display: flex;
}

.par-info-L {
    justify-content: flex-start;
}

.par-info-R {
    justify-content: flex-end;
}

.par-full {
    margin: 0 5% 50px;
    position: relative;
    z-index: 1;
}

.par-full img {
    width: 100%;
}

.par-full .par-info {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin-left: -25%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    padding: 0 15px;
    text-align: center;
    color: #fff;
}

.par-sh {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.par-ttl {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #a7a5a6;
    font-weight: 300;
    font-size: 25pt;
}

.par-full .par-ttl {
    border-bottom: none;
    padding-bottom: 0;
}

.par-txt {
    width: auto;
    max-width: 900px;
    padding: 0 15px 50px;
    margin: 0 auto;
    text-align: center;
}

.par-media {
    width: 44%;
}

.par-txt ul {
    margin-left: 15px;
    text-align: inherit;
    list-style: none;
}

.par-R .par-media {
    padding-right: 3%;
    order: 1;
    text-align: center;
    align-self: center;
}

.par-L .par-media {
    padding-left: 3%;
    order: 3;
    text-align: center;
    align-self: center;
}

.par-media iframe {
    width: 100%;
}

.par-info {
    width: 43%;
    order: 2;
}

.par-R .par-info {
    padding-right: 10%;
}

.par-L .par-info {
    padding-left: 10%;
}

.data-files {
    padding: 30px 20px 20px;
    display: none;
}
.data-files.paragraph-files {
    display: initial;
}
.data-files.paragraph-files > div {
    padding: 0;
}
.data-files.paragraph-files a {
    padding: 20px 10px 20px 40px;
}

.data-files div {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    padding: 0 50px 10px 0;
}

.data-files span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 21px;
    padding: 8px 0 4px 45px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 430px) {
    .data-files span {
        font-size: 13px;
    }
}

.data-doc,
.data-doc {
    background: url(../images/icons/doc-icon.svg) no-repeat 5px center;
}

.data-xls,
.data-xls {
    background: url(../images/icons/xls-icon.svg) no-repeat 5px center;
}

.data-ppt,
.data-ppt {
    background: url(../images/icons/ppt-icon.svg) no-repeat 5px center;
}

.data-pdf,
.data-pdf {
    background: url(../images/icons/pdf-icon.svg) no-repeat 5px center;
}

.data-unknown,
.data-unknown {
    background: url(../images/icons/unknown-icon.svg) no-repeat 5px center;
}

.enlarge:link,
.enlarge:visited,
.video:link,
.video:visited {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.enlarge span {
    display: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.video-thumb {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/video-icn.png);
    background-position: 800px center;
    background-repeat: no-repeat;
}

.enlarge:hover span {
    display: block;
    background: url(../images/enlarge.png) center center no-repeat rgba(0, 0, 0, 0.3);
}

.login-form {
    display: none;
    position: absolute;
    right: -21px;
    top: 63px;
    background-color: #2d2e31;
}

.fixed .login-form {
    top: 43px;
}

.lf-wp {
    padding: 5px 25px 20px;
    width: 200px;
    height: 225px;
}

.lf-forgot {
    background-color: #2d2e31;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.lf-remember {
    padding-top: 10px;
    color: #fff;
}

.lf-forgot-msg {
    width: 100%;
    height: 155px;
    padding-top: 15px;
    text-align: center;
    font-size: 10pt;
}

.lf-ttl {
    padding: 20px 0 21px;
    text-align: center;
    font-size: 11pt;
    color: #717c8f;
}

.lf-wp label {
    display: block;
    padding: 10px 0 5px 3px;
    color: #fff;
    font-size: 10pt;
}

.lf-input {
    width: 90%;
    padding: 6px 5%;
    background-color: #434c5a;
    border: 1px solid #313d4f;
    border-radius: 5px;
    font-family: Verdana;
    font-size: 8pt;
    color: #fff;
}

.lf-footer {
    background-color: #30363f;
    padding: 20px 0;
    text-align: center;
    color: #717c8f;
    font-size: 10pt;
}

.lf-footer A:link,
.lf-footer A:visited {
    color: #fff;
    font-size: 10pt;
    text-decoration: none;
}

.lf-footer A:hover {
    text-decoration: underline;
}

.lf-act {
    padding-top: 20px;
}

.lf-act A:link,
.lf-act A:visited {
    display: block;
    height: 24px;
    background-color: #00b0f0;
    border-radius: 5px;
    padding-top: 7px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    text-decoration: none;
    font-size: 10pt;
}

.lf-act A:hover {
    background-color: #fff;
    color: #2d2e31;
}

.lf-act span {
    display: block;
    cursor: default;
}

.lf-act span.lf-err {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    color: #ff0000;
}

.lf-act span.logging {
    background: url(../images/logging.gif) center center no-repeat #fff;
}

.lf-act span.lf-err span {
    display: block;
    padding-top: 8px;
}

.lf-link {
    padding-top: 15px;
    text-align: center;
}

.lf-link A:link,
.lf-link A:visited {
    color: #fff;
    text-decoration: underline;
    font-size: 10pt;
}

.lf-link A:hover {
    text-decoration: none;
}

.lf-forgot {
    display: none;
}

.breadcrumbs {
    display: inline-block;
    margin-top: 75px;
    padding: 20px 2% 30px 5%;
}

.pth-main {
    margin-top: 15px;
}

.pth-products {
    width: 100%;
    position: absolute;
    left: 0;
    top: 70px;
    padding-top: 20px;
    z-index: 3;
}

.pth-products .breadcrumbs {
    border: 0;
    background: rgba(255, 255, 255, 0.2);
    margin: 0;
    padding-top: 5px;
    padding-bottom: 7px;
}

.bd-link:link,
.bd-link:visited {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 2px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #000;
}

.bd-spacer {
    display: inline-block;
    width: 7px;
    height: 9px;
    background: url(../images/breadcrambs.png) no-repeat;
    margin: 0 10px;
}

.slide-menu {
    position: relative;
    z-index: 2;
}

.products-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    padding: 30px 5%;
    background-color: #232323;
    visibility: hidden;
}

.product-slide-thumbs A:link,
.product-slide-thumbs A:visited {
    display: block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    padding: 15px;
    margin: 15px;
    text-decoration: none;
    color: #fff;
}

.product-slide-thumbs A:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

.product-slide-thumbs span {
    display: block;
    cursor: pointer;
    text-align: center;
}

.product-slide-thumbs span.sm-ttl {
    padding-top: 15px;
}

.products-fam {
    padding: 0 4% 70px 4%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media screen and (max-width: 1090px) {
    .products-fam {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
@media screen and (max-width: 500px) {
    .products-fam {
        gap: 10px;
    }
}

.products-fam .products-fam__item {
    position: relative;
    background-color: #f0f1f3;
    text-decoration: none;
    opacity: 0.95;
    transition: 0.2s ease;
}

.products-fam__item::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 0;
    width: 100%;
    height: 10px;
    background: linear-gradient(-90deg, #2e92e1 0%, #62c9ff 20%, #cdedff 45%, #5cc3ff 72%, #2380ca 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    background-position: 0;
    transition: 0.3s ease;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.5);
}
.products-fam .products-fam__item:hover {
    opacity: 1;
    background-color: #e7ebf3;
}
.products-fam .products-fam__item:hover img {
    filter: drop-shadow(0px 10px 20px rgba(255, 255, 255, 1));
}
.products-fam__item:hover::before {
    opacity: 1;
}

.products-fam .products-fam__item img {
    transition: 0.3s ease;
}

.products-fam__item-ttl {
    color: #000;
    font-size: clamp(18px, 2vw, 26px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    padding: 30px 20px;
}
/*Products page start*/
.products-spacer {
    padding: 39px 0;
}

/* @media screen and (max-width: 1320px) {
    .products-spacer {
        padding: 70px 0;
    }
} */
/* @media screen and (max-width: 1170px) {
    .products-spacer {
        padding: 80px 0;
    }
} */
/* @media screen and (max-width: 1090px) {
    .products-spacer {
        padding: 50px 0;
    }
} */
@media screen and (max-width: 640px) {
    .products-spacer {
        padding: 40px 0;
    }
}

.products-plsh {
    box-sizing: border-box;
    position: relative;
    margin: 20px 5% 0 5%;
    padding-left: 270px;
    min-height: 70vh;
}

.products-plsh__side {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 270px;
    height: 100%;
    padding: 20px 10px 20px 10px;
}
.products-plsh__side-close {
    position: sticky;
    top: 100px;
    /* left: 100%; */
    right: 0;
    /* right: -60px; */
    background-color: #00b0f0;
    color: #fff;
    font-size: 16px;
    display: none;
    align-items: center;
    justify-content: center;
    border: 0;
    /* margin-left: calc(100% + 10px); */
    margin-left: calc(100% - 40px);
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .products-plsh__side-close {
        display: flex;
    }
}
.products-plsh__side-inner {
    position: sticky;
    top: 100px;
    /* max-height: 75vh; */
    height: 100%;
    max-height: 75vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #00b0f0 #f0f1f3;
}
.products-plsh__side form {
    position: relative;
    height: max-content;
}
.fiter-accordions {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}
.fiter-accordions__item {
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}
.fiter-accordions__item .irs--flat .irs-bar,
.fiter-accordions__item .irs--flat .irs-from,
.fiter-accordions__item .irs--flat .irs-to,
.fiter-accordions__item .irs--flat .irs-single {
    background-color: #00b0f0;
}
.fiter-accordions__item .irs--flat .irs-from:before,
.fiter-accordions__item .irs--flat .irs-to:before,
.fiter-accordions__item .irs--flat .irs-single:before {
    border-top-color: #00b0f0;
}
.fiter-accordions__item .irs--flat .irs-handle > i:first-child {
    background-color: #0088b9;
}
.fiter-accordions__head {
    display: flex;
    align-items: center;
    column-gap: 20px;

    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}
.fiter-accordions__head svg {
    width: 13px;
    transition: 0.2s ease;
}
.fiter-accordions__head.active svg {
    transform: rotate(90deg);
}
.fiter-accordions__content {
    padding: 10px 0 10px 10px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.sub-filters {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 5px 0 5px 20px;
}
.fiter-accordions__content.fiter-accordions__content--2col {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
    row-gap: 10px;
}
.fiter-accordions__content .state {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.fiter-accordions__content .state label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.products-plsh__side-title {
    color: #2baae2;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.products-plsh__side-openall {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    color: #778a98;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    text-decoration-line: underline;
}
.products-plsh__side-actions {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    padding: 20px 0;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.products-plsh__side-actions button {
    padding: 10px 20px;
    background-color: #2baae2;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
}
.products-plsh__side-actions button:hover {
    background-color: #00b0f0;
}
.products-plsh__side-actions button:nth-child(2) {
    background: #dadfe3;
    color: #000;
}
.products-plsh__side-actions button:nth-child(2):hover {
    background: #c5cfd4;
}
.products-plsh__body {
    padding-bottom: 60px;
}

.products-plsh__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px 15px;
}

@media screen and (max-width: 1400px) {
    .products-plsh__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1250px) {
    .products-plsh__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 900px) {
    .products-plsh__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.products-plsh__item {
    background-color: #f0f1f3;
    transition: 0.2s ease;
}
.products-plsh__item:hover {
    box-shadow: 0px 0px 50px 0px rgba(43, 170, 226, 0.3);
    /* background: linear-gradient(90deg, #edf0f1 0%, #d4dbdc 100%); */
}
.js-thumbCarousel {
    display: none;
    --f-button-width: 45px;
    --f-button-height: 45px;
    --f-button-border-radius: 4px;

    --f-button-color: #0d0c22;
    --f-button-hover-color: #00b0f0;

    --f-button-bg: #f1f5f9;
    --f-button-hover-bg: #e2e8f0;
    --f-button-active-bg: #e2e8f0;

    --f-button-svg-width: 15px;
    --f-button-svg-height: 15px;
    --f-button-svg-stroke-width: 2.25;
    --f-button-svg-filter: none;

    --f-button-svg-disabled-opacity: 0.2;

    --f-button-next-pos: 3px;
    --f-button-prev-pos: 3px;
}
.js-thumbCarousel .f-carousel__slide {
    overflow: hidden;
    background: var(--bg, linear-gradient(90deg, #dee3e7 0%, #f1f2f4 100%));
}
.js-thumbCarousel .f-carousel__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 16/10;
}
.js-thumbCarousel .f-carousel__nav {
    opacity: 0;
    transition: opacity 0.15s;
}
@media (hover: hover) {
    .js-thumbCarousel:hover .f-carousel__nav {
        opacity: 1;
    }
}
.products-plsh__item-info {
    padding: 20px;
}
.products-plsh__item-title {
    color: #000;
    font-size: clamp(16px, 2vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.products-plsh__item-descr {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.products-plsh__item-actions {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
}
.products-plsh__item-buttons {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.products-plsh__item-qs {
    font-size: 21px;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: #2baae2;
}
.products-plsh__item-fav {
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.products-plsh__item-fav svg .heart-inner {
    transition: 0.2s ease;
    fill: transparent;
}
.products-plsh__item-fav.active svg .heart-inner {
    fill: #2baae2;
}
.products-plsh__item-facts {
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    color: #2baae2;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    position: relative;
}
.products-plsh__item-fact {
    padding: 20px;
    color: #000;
    text-align: left;
    z-index: 2;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.products-plsh__item-fact-title {
    color: #2baae2;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: 3px;
    text-transform: uppercase;
}
.products-plsh__item-fact a {
    color: #2baae2;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}
.tippy-tooltip {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    overflow: hidden;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}

.mobile-filters {
    display: none;
    margin: 0 5% 20px 5%;
}

.filter-button {
    background-color: #2baae2;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    transition: 0.2s ease;
}

.filter-button:hover {
    background-color: #00b0f0;
}

@media screen and (max-width: 768px) {
    .mobile-filters {
        display: block;
    }

    .products-plsh {
        padding-left: 0;
    }
    .products-plsh__side {
        display: none;
        background-color: #fff;
        height: 100%;
        z-index: 3;
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    }
    .products-plsh__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*Products page end*/

.product-info {
    padding: 0 5%;
}

.pi-code {
    display: none;
    padding-left: 70px;
    font-size: 14pt;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

.pi-code span {
    color: #00b0f0;
}

.pi-code font {
    font-size: 13pt;
    font-weight: bold;
}

.pi-code div {
    display: inline-block;
    font-size: 13pt;
    font-weight: bold;
}

.pi-code-top {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.pi-title {
    color: #2baae2;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.pcf-info ul {
    margin: 10px 0 10px;
}
.pi-code-top font {
    font-weight: 400;
}

.pi-imgs {
    display: flex;
}

.pi-main {
    width: 45%;
}

.pi-thumbs {
    width: 50%;
    padding-left: 5%;
}

.pi-thumbs div {
    display: flex;
    flex-wrap: wrap;
}

.pi-thumbs A:link,
.pi-thumbs A:visited {
    width: auto;
    max-width: 29%;
    border: 1px solid #747474;
    padding: 1px;
    margin: 0 10px 10px 0;
    text-decoration: none;
}

.products-wp {
    position: relative;
    z-index: 1;
    /* top: -65px; */
    background-color: #f0f1f3eb;
}

.product-tabs {
    padding: 0 5%;

    border-bottom: 10px solid #00b0f0;
    display: flex;
    position: relative;
    z-index: 1;
}
/* 
.product-tabs-footer{
  width: 100%;
  height: 10px;		
  margin-bottom: 50px;
  background-image:   -webkit-gradient(linear, 0% 0%, 0% 100%, from(#356488), to(#97bfde));
  background-image:   -webkit-linear-gradient(left, #356488, #97bfde);
  background-image:   -moz-linear-gradient(left, #356488, #97bfde);
  filter:             progid:DXImageTransform.Microsoft.Gradient(startColorStr='#356488', endColorStr='#97bfde', GradientType=0);
  -ms-filter:         "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#356488', endColorStr='#97bfde', GradientType=0)";
  background-image:   -ms-linear-gradient(left, #356488, #97bfde);
  background-image:   -o-linear-gradient(left, #356488, #97bfde);
  background-color:   #356488;	
}
 */
.product-tabs A:link,
.product-tabs A:visited {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 190px;
    padding: 20px;
    /* border-right: 1px solid #5c5c5c; */
    /*border-top: 1px solid #5c5c5c; */
    background-color: #f0f1f3eb;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: 3px;
    text-transform: uppercase;
}
.product-tabs A:not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 50%;
    background-color: #5c5c5c;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* .product-tabs A:first-child {
    border-left: 1px solid #5c5c5c;
} */

.product-tabs A.selected:link,
.product-tabs A.selected:visited {
    background-color: #00b0f0;
}

.product-tabs A:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00b0f0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.product-tabs A:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.product-tabs A.selected {
    background-color: #00b0f0;
    color: #fff;
}
.product-tabs A.selected span {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 15px;
    height: 15px;
    background: url(../images/icon-close.png) no-repeat;
    pointer-events: none;
}

.product-cnt {
    position: relative;
    z-index: 2;

    /* background-color: #282828;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); */
}

.product-cnt.product-cnt--padding {
    padding: 50px 0;
}

.product-footer {
    position: absolute;
    bottom: -57px;
    width: 100%;
    height: 57px;
}

.pc-facts {
    display: none;
}

.pc-facts-inner {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 20px;
}

.products-slider-nav label {
    display: none;
    padding: 0 5% 10px;
    border-bottom: 1px solid #636363;
    font-size: 14pt;
    color: #000;
}
.products-slider-nav__action {
    display: flex;
    justify-content: flex-end;
}
.products-slider-nav__more {
    color: #3c3c3c;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: 0.2s ease;
}
.products-slider-nav__more.open svg {
    transform: rotate(180deg);
}
.products-slider-nav__more:hover {
    color: #2baae2;
}
.light-direction {
    padding-top: 20px;
    display: flex;
    column-gap: 10px;
}
.light-direction > * {
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.products-slider-nav__footer {
    margin-top: 20px;
    padding-top: 5px;
    border-top: 1px solid #c1c1c1;
}
.products-slider-nav__footer .js-fakeBtn {
    display: flex;
    align-items: center;
    column-gap: 5px;
    cursor: pointer;
}
.products-slider-nav__footer .pi-text {
    color: #000;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.65px;
    text-transform: capitalize;
}

.products-slider-nav__footer .pi-text {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    flex-wrap: wrap;
}

.download-wp {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-top: 5px;
}
.download-wp button {
    margin: 0 !important;
}

.download-wp a {
    display: flex;
    align-items: center;
}

.products-slider-nav__footer .pi-text button {
    text-align: left;
    color: #000;
    font-size: 13px;
    font-style: italic;
    background-color: transparent;
    border: 0;
    /* padding: 2px 2px 2px 5px; */
    cursor: pointer;
    font-family: 'Roboto', serif;
    color: #2baae2;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 3px;
    padding: 0;
    text-transform: uppercase;
    margin-top: 15px;

    transition: 0.2s ease;
}

.products-slider-nav__footer .pi-text button:hover {
    color: #2baae2;
}

.pcf-tags {
    padding-left: 5%;
}

.pcf-tags A:link,
.pcf-tags A:visited {
    display: inline-block;
    padding: 10px 25px;
    background-color: #00b0f0;
    margin: 0 3px 3px 0;
    color: #fff;
    font-size: 10pt;
    text-decoration: none;
}

.pcf-icons {
    padding: 5px 0 0 5%;
    display: flex;
}

.pcf-icons A:link,
.pcf-icons A:visited {
    padding-right: 10px;
    text-decoration: none;
}

.pcfi-hov,
.pcf-icons A:hover img.pcfi-vis,
.pcfi-favorites-d img.pcfi-vis {
    display: none;
}
.pcfi-favorites img.pcfi-vis,
.pcfi-share img.pcfi-vis {
    filter: brightness(0.5);
}

.pcf-icons A:hover img.pcfi-hov,
.pcfi-favorites-d img.pcfi-hov {
    display: block;
}

.product-details {
    padding: 0 15px;
}

.pi-details-img {
    width: 40%;
    padding-right: 5%;
}

.pi-details-img div {
    display: inline-block;
    border: 1px solid #747474;
}

.pi-details-info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.pi-details-block {
    width: 30%;
    padding: 0 3% 30px 0;
}

.pid-ttl {
    color: #fff;
    font-size: 14pt;
}

.pid-txt {
    padding-top: 15px;
    font-size: 10pt;
}

.products-menu-hidden {
    display: none;
    padding: 20px 5%;
    position: relative;
    z-index: 2;
    text-align: center;
}

#products-menu,
#inner-menu {
    width: calc(100% - 12px);
    padding: 10px 5px;
    border: 1px solid #dfe3e9;
    font-size: 9pt;
    font-family: verdana;
    color: #000;
}

.product-notes {
    padding: 0 5%;
}

.pi-notes {
    width: auto;
    max-width: 800px;
    padding: 10px 0 20px;
}

.pt-0 {
    padding-top: 0;
}

.pt-tabs .product-tabs {
    margin-bottom: 0;
}

.pt-tabs .product-cnt {
    padding: 50px 0;
    height: auto;
    min-height: 420px;
}

.product-downloads {
    padding: 0 5%;
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); */
    /* display: flex;
    flex-wrap: wrap; */
    /* max-width: calc(100% - 700px); */
    max-width: 100%;
}

.js-toggleDownloads {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    color: #2baae2;
}
.product-downloads-label {
    padding: 0 5%;
    /* max-width: calc(100% - 700px); */
    max-width: 100%;
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}
.pi-downloads-file {
    width: 100%;
    padding-right: 2%;
    margin-bottom: 10px;
}

.pi-downloads-file label {
    color: #2baae2;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

@media screen and (max-width: 430px) {
    .pi-downloads-file label {
        font-size: 12px;
    }
}

.pi-downloads-file .pi-downloads-all {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

/* .pi-downloads-all--single{
    padding-left: 35px;
} */

.pi-downloads-file .pi-downloads-all form button,
.pi-downloads-file .pi-downloads-all > a {
    display: flex;
    align-items: center;
    column-gap: 5px;
    background-color: transparent;
    border: 0;
    color: #7193ad;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    text-decoration-line: underline;
    cursor: pointer;
    transform: 0.2s ease;
}

.pi-downloads-file label form button svg {
    color: #00b0f0;
}

.pi-downloads-file label form button:hover {
    color: #00b0f0;
}

.pi-downloads-file .data-files div {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.pi-downloads-file .data-files div a {
    color: #778a98;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    padding: 5px;
    border: 1px solid #7193ad;
    text-decoration: none;
    transition: 0.2s ease;
}
.pi-downloads-file .data-files div a:hover {
    background-color: #00b0f0;
    color: #fff;
}

.pi-downloads-file .data-files A:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

.product-related {
    padding: 30px 5% 30px;
    /* max-width: calc(100% - 700px); */
    max-width: 100%;
}

@media screen and (max-width: 1250px) {
    .product-related {
        padding: 0 5% 30px;
        max-width: 100%;
    }
}

.product-related label {
    display: block;
    text-align: center;
    padding-bottom: 30px;
    font-size: 19pt;
    text-transform: uppercase;
}

.product-related-wp {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
}

@media screen and (max-width: 1000px) {
    .product-related-wp {
        display: block;
    }
}

.product-related-wp A:link,
.product-related-wp A:visited {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    margin: 20px 30px 0;
    padding: 10px;
    text-decoration: none;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
    max-width: 250px;
}

.product-related-wp A:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

.product-related-wp span {
    display: block;
    cursor: pointer;
    text-align: center;
}

.product-related-wp span:nth-child(1) {
    width: 100%;
    padding-top: 65%;
    position: relative;
    overflow: hidden;
}

.product-related-wp span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-ttl {
    padding-top: 15px;
}

.register {
    display: flex;
    justify-content: space-between;
    width: auto;
    max-width: 1000px;
    padding: 15px 15px 0;
    margin: 0 auto;
}

.mult-contacts {
    display: grid;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 5%;
}
.mult-contacts-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 100px;
    column-gap: 25px;
    padding: 20px;
}
@media screen and (max-width: 768px) {
    .mult-contacts-row {
        grid-template-columns: 1fr 1fr;
        row-gap: 10px;
    }

    .mult-contacts-row:nth-child(even) {
        background-color: #f1f1f1;
    }
}
.mult-contacts-cell {
    display: flex;
    align-items: flex-end;
    column-gap: 10px;
}
.mult-contacts-cell .reg-col {
    width: 100%;
}
.mult-contacts__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    cursor: pointer;
    border: none;

    background-color: #00b0f0;
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

.mult-contacts__btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.register-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
    padding: 20px 40px;
}

.register-switch button {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    transition: 0.2s ease;
}

.register-switch button.active {
    background-color: #00b0f0;
    color: #fff;
}

.register-switch input {
    display: none;
}

.register-sep {
    width: 98%;
    margin-top: 15px;
    border-top: 1px solid #cecece;
}

.reg-col {
    width: 45%;
    padding-right: 2%;
    position: relative;
    z-index: 1;
}

.reg-col label {
    display: block;
    padding-bottom: 5px;
    font-size: 10pt;
    color: #000;
}

.form-field {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    color: #000000;
    font-size: 8pt;
    font-family: verdana;
}

.reg-input {
    width: 90%;
    padding: 8px 5%;
}

.reg-select {
    width: 100%;
    padding: 8px 4%;
}

.reg-col span {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff0000;
}

.link-btn {
    padding: 30px 0 50px;
    text-align: center;
}
.paragraph-new__content .link-btn{
    text-align: left;
}

.link-btn A:link,
.link-btn A:visited {
    display: inline-block;
    width: 200px;
    height: 24px;
    background-color: #00b0f0;
    border-radius: 5px;
    padding-top: 7px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    text-decoration: none;
    font-size: 10pt;
    transition: 0.2s ease;
}

.link-btn A:hover {
    background-color: #fff;
    color: #2d2e31;
    box-shadow: 0 4px 8px rgba(54, 54, 54, 0.3);
}

.link-btn span {
    display: block;
    cursor: default;
}

.link-btn span.lf-err {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    color: #ff0000;
}

.link-btn span.logging {
    background: url(../images/logging.gif) center center no-repeat #fff;
}

.link-btn span.lf-err span {
    display: block;
    padding-top: 8px;
}

.form-err {
    background-color: #facccc;
}

.reg-msg {
    text-align: center;
}

.reg-msg p {
    display: inline-block;
    padding: 10px 35px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
}

.reg-err {
    border: 1px solid #ff0000;
    color: #ff0000;
}

.reg-done {
    border: 1px solid #00b0f0;
    color: #00b0f0;
}

.logged-links {
    display: none;
    position: absolute;
    right: -27px;
    top: 67px;
}

.menu-links {
    display: none;
    position: absolute;
    right: -27px;
    top: 55px;
}

.fixed .logged-links {
    top: 44px;
}

.fixed .menu-links {
    top: 32px;
}

.logged-links div,
.menu-links div {
    text-align: center;
    padding: 10px 20px;
    background-color: #000;
    border-bottom: 1px solid #636162;
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
}

.logged-links A:link,
.logged-links A:visited,
.menu-links A:link,
.menu-links A:visited {
    display: block;
    width: 200px;
    text-align: right;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #636162;
    /* color: #fff; */
    text-decoration: none;
    font-size: 10pt;
    text-transform: uppercase;
}

.logged-links A:hover,
.menu-links A:hover {
    background-color: #000;
    color: #00b0f0;
}

.pi-configurator {
    padding: 0px 5% 50px 0;
}

.pic-header {
    position: relative;
    z-index: 1;
}

.cfg-img {
    display: none;
}

.pic-login {
    position: absolute;
    left: 50%;
    top: -23px;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pic-login A:link,
.pic-login A:visited {
    color: #ff0000;
}

.pic-expand {
    /* width: calc(100% + 10% - 700px); */
    width: 100%;
    /* width: 70%; */
    padding: 25px 0 15px;
    border-bottom: 1px solid #6f6f6f;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.qs-switch-wp {
    width: 250px;
    margin-left: 15%;
}

.qs-switch-inner {
    display: flex;
}

.qs-switch-lbl {
    padding-right: 20px;
    align-self: center;
    color: #a6a6a6;
}

.qs-switch {
    align-self: flex-end;
    margin-right: 50px;
}

.pic-expand A:link,
.pic-expand A:visited {
    align-self: center;
    /* background: url(../images/expand.png) right 2px no-repeat; */
    padding: 5px 5px 5px 5px;
    color: #000;
    text-decoration: none;
}

/* .pic-expand A:hover {
    color: #fff;
} */

.pic-block {
    /* width: 70%; */
    /* width: calc(100% + 10% - 700px); */
    width: 100%;
    border-bottom: 1px solid #6f6f6f;
}

.picb-lbl:link,
.picb-lbl:visited {
    display: block;
    padding: 15px 0 15px 15%;
    border-right: 10px solid transparent;
    /* color: #fff; */
    text-transform: uppercase;
    font-size: 10pt;
    text-decoration: none;
    position: relative;
    font-weight: 600;
}

.picb-lbl:before {
    counter-increment: cfg-counter;
    content: counter(cfg-counter) '. ';
}

.completed:link,
.completed:visited {
    padding-right: 45px;
    background: url(../images/step-completed.png) right center no-repeat;
    /* color: #3a9c09; */
    color: #0088b9;
}

/* .completed span {
    color: #fff;
} */

.picb-lbl:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.picb-values-wp {
    display: none;
    padding: 10px 0 10px 15%;
}

.picb-values {
    display: flex;
    flex-wrap: wrap;
}

.picb-values-item {
    width: 30%;
    padding: 5px 2% 5px 0;
    color: #000;
    font-size: 10pt;
}

.pic-active .picb-values-link:link,
.pic-active .picb-values-link:visited {
    color: #000;
    cursor: pointer;
}

.picb-disabled .picb-values-link:link,
.picb-disabled .picb-values-link:visited,
.picb-values-link:link,
.picb-values-link:visited,
.picb-values-sh {
    display: inline-block;
    text-decoration: none;
    color: #a6a6a6;
    cursor: default;
}

.picb-values-item A.active:link,
.picb-values-item A.active:visited,
.picb-values label.active {
    /* color: #45b80b; */
    color: #0088b9;
}

.picb-values-item label {
    display: inline-block;
    cursor: default;
    padding: 0 10px;
    font-size: 16pt;
}

.pic-active .picb-values-link label {
    cursor: pointer;
}

.picb-disabled .picb-values-link label {
    cursor: default;
    color: #a6a6a6;
}

.pic-info,
.pic-warn {
    display: inline-block;
    margin-left: 27px;
    position: relative;
    z-index: 1;
}

.pic-info A:link,
.pic-info A:visited,
.pic-warn A:link,
.pic-warn A:visited {
    position: absolute;
    left: 0;
    top: -20px;
    display: block;
    width: 20px;
    height: 20px;
}

.pic-info A:link,
.pic-info A:visited {
    background: url(../images/icon-info.png) no-repeat;
}

.pic-warn A:link,
.pic-warn A:visited {
    background: url(../images/icon-warn.png) no-repeat;
}

.pic-info div,
.pic-warn div {
    display: none;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -110px;
    width: 200px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    line-height: 150%;
    font-size: 8pt;
    color: #000;
    font-family: Verdana;
}

.pic-info div:before,
.pic-warn div:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 7px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #000 transparent;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.pic-active .picb-values-item A:hover {
    /* color: #45b80b; */
    color: #0088b9;
}

.picb-values-notes {
    display: block;
    padding: 0 10px;
    color: #000;
}

.picb-values-price {
    display: block;
    padding: 5px 10px 0;
    color: #fc5353;
}

.pic-save-wp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
}

.pic-save {
    /* width: 60%; */
    /* width: calc(100% - 700px); */
    width: 100%;
    padding-left: 10%;
}

.pic-save-note {
    position: relative;
    z-index: 1;
    height: 20px;
}

.pic-save-note div {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 10pt;
    color: #000;
}

.pic-save-note A:link,
.pic-save-note A:visited {
    color: #00b0f0;
    font-size: 10pt;
}

.pic-save-btns {
    width: 100%;
    max-width: calc(100% - 700px);
    /* max-width: 100%; */
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    padding: 20px 0 0;
    padding-left: 10%;
}

.pic-save-inner {
    padding: 13px 37px;
    border: 1px solid #000;
}

.pic-save-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pics-block {
    width: 30%;
    padding: 10px 0;
}

.pics-block label {
    float: left;
    width: 20%;
    padding: 8px 5% 0 0;
    text-align: right;
    /* color: #fff; */
    font-size: 10pt;
}

.pics-unlogged {
    float: left;
    width: 75%;
}

.pics-unlogged div {
    height: 23px;
    background-color: #efefef;
    border: 1px solid #c1c1c1;
    padding: 7px 0 0 10px;
    position: relative;
}

.pics-unlogged input {
    width: 90%;
    padding: 6px 5%;
    background-color: #efefef;
    border: 1px solid #c1c1c1;

    color: #000;
    font-family: Verdana;
}

.pics-unlogged select {
    width: 100%;
    padding: 6px 5%;
    background-color: #efefef;
    border: 1px solid #c1c1c1;

    color: #000;
    font-family: Verdana;
}

.pics-unlogged .info {
    display: block;
    position: absolute;
    right: -30px;
    top: 7px;
    cursor: help;
}

.pics-price {
    padding-bottom: 15px;
}

.pic-save-btn-f {
    width: max-content;
    padding: 12px 15px;
    margin-bottom: 5px;
    text-align: center;
    background-color: #5c5c5c;
    color: #fff;
    text-transform: uppercase;
    font-size: 10pt;
}

.pic-save-btn-f:link,
.pic-save-btn-f:visited {
    display: block;
    background-color: #00b0f0;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    color: #fff;
    text-transform: uppercase;
    font-size: 10pt;
    text-decoration: none;
}

A.pic-save-btn-f:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.pic-summary {
    width: 70%;
    background-color: #fff;
}

.pic-summary label {
    display: block;
    padding: 30px 0 20px 15%;
    font-size: 20pt;
    color: #3a3a3a;
}

.pic-summary-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}

.pic-summary-row:last-child {
    border-bottom: 0;
}

.pic-summary-row div {
    padding: 20px 0 20px;
}

.pic-summary-row div:nth-child(1) {
    width: 20%;
    padding-left: 15%;
    color: #333;
}

.pic-summary-row div:nth-child(2) {
    width: 10%;
    padding-left: 5%;
}

.pic-summary-row div:nth-child(3) {
    width: 35%;
    padding-left: 5%;
    padding-right: 10%;
    background: url(../images/summary-arr.png) right center no-repeat;
}

.picb-apply {
    padding-top: 20px;
    width: 70%;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.picb-apply A:link,
.picb-apply A:visited {
    display: inline-block;
    padding: 10px 30px;
    margin-left: 15%;
    background-color: #00b0f0;
    color: #fff;
    font-size: 10pt;
    text-transform: uppercase;
    text-decoration: none;
}

.picb-apply A:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.popup-fade {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.popup-wp {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 550px;
    max-height: 90vh;
    overflow-y: auto;
    background: var(--bg, linear-gradient(90deg, #dee3e7 0%, #f1f2f4 100%));
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.popup-header A:link,
.popup-header A:visited {
    display: block;
    padding: 10px 0;
    background-color: #00b0f0;
    position: relative;
    z-index: 1;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10pt;
    text-decoration: none;
}

.popup-header span {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 13px;
    top: 13px;
    opacity: 1;
    transition: opacity 0.3s;
}

.popup-header A:hover {
    opacity: 0.6;
}

.popup-form {
    padding: 30px;
}

.popup-form-input,
.popup-form-price {
    padding: 5px 0;
    font-size: 10pt;
}

.popup-fl-lbl {
    padding-bottom: 5px;
}

.popup-form-input select {
    width: 100%;

    border: 1px solid #c1c1c1;
    padding: 15px 20px;
    background-color: #fff;
    border: 1px solid #dfe3e9;
    font-family: Verdana;
    font-size: 9pt;
}

.popup-form-input input {
    width: 90%;

    padding: 15px 20px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    border: 1px solid #dfe3e9;

    font-family: Verdana;
    font-size: 9pt;
}

.popup-form-input textarea {
    width: 90%;
    height: 100px;
    padding: 15px 20px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    border: 1px solid #dfe3e9;
    resize: none;
    font-family: Verdana;
    font-size: 9pt;
}

.popup-security {
    display: flex;
    padding: 5px 0;
    justify-content: space-between;
}

.ps-lbl {
    width: 55%;
    text-align: right;
    padding-top: 6px;
    font-size: 10pt;
    color: #000;
}

.ps-lbl span {
    display: inline-block;
    padding-left: 5px;
}

.ps-input {
    width: 40%;
}

.ps-input input {
    width: 90%;
    padding: 5px 5%;
    border: 1px solid #6f6f6f;
    border-radius: 5px;
    background-color: #353535;
    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
    color: #a3a3a3;
}

.popup-form-input input.err,
.ps-input input.err {
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}

.popup-act {
    padding-top: 20px;
    text-align: center;
}

.popup-act A:link,
.popup-act A:visited {
    display: inline-block;
    padding: 10px 30px;
    background-color: #00b0f0;
    color: #fff;
    font-size: 10pt;
    text-transform: uppercase;
    text-decoration: none;
}

.popup-share A:link,
.popup-share A:visited,
.product-share A:link,
.product-share A:visited {
    position: relative;
    z-index: 1;
}

.popup-share span,
.product-share span {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/share-loading.gif) center center no-repeat #00b0f0;
}

.popup-act A:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.popup-msg {
    text-align: center;
}

#print {
    width: 0px;
    height: 0px;
    border: 0;
}

.project-row,
.project-export-wp {
    width: auto;
    max-width: 1000px;
    margin: 0 auto 20px;
    position: relative;
    z-index: 1;
}

.project-info:link,
.project-info:visited {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid #6f6f6f;
    text-decoration: none;
    color: #fff;
}

.project-row:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.project-info span {
    display: block;
    cursor: pointer;
}

.project-col {
    align-self: center;
    padding: 10px;
    color: #000;
}

.pjr-qs {
    padding-top: 10px;
    color: #00b0f0;
}

.pjr-qs font {
    color: #d3cfcf;
}

.pjr-ttl {
    font-size: 14pt;
}

.pjr-created,
.pjr-pn {
    font-size: 10pt;
    /* color: #d3cfcf; */
    color: #000;
}

.pjr-type {
    padding-top: 5px;
    font-size: 10pt;
    color: #fff;
}

.project-col:nth-child(1) {
    width: 30%;
}

.project-row-inner .project-col:nth-child(1) {
    width: 45%;
}

.project-col:nth-child(2) {
    width: 10%;
    text-align: center;
}

.project-col:nth-child(3) {
    width: 25%;
    text-align: center;
}

.project-row-inner .project-col:nth-child(3) {
    width: 20%;
}

.project-col:nth-child(4) {
    width: 25%;
    text-align: right;
}

.project-row-inner .project-col:nth-child(4) {
    width: 15%;
}

.project-select {
    position: absolute;
    left: 5px;
    top: 5px;
}

.project-export:link,
.project-export:visited {
    display: inline-block;
    position: absolute;
    right: 200px;
    top: calc(50% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    text-align: center;
    padding: 3px 0;
    background-color: #9d8e7f;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 10pt;
}

.project-export-selected:link,
.project-export-selected:visited {
    display: inline-block;
    position: relative;
    left: 0;
    right: auto;
    top: 15px;
    width: 160px;
    padding: 5px 0;
    text-transform: uppercase;
}

.project-export:hover {
    box-shadow: 0 0 8px rgba(157, 142, 127, 0.7);
    background-color: #fff;
    color: #9d8e7f;
}

.project-delete:link,
.project-delete:visited {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: calc(50% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    text-align: center;
    padding: 3px 0;
    background-color: #ff0000;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 10pt;
}

.project-row-inner .project-delete:link,
.project-row-inner .project-delete:visited,
.project-row-inner .project-share:link,
.project-row-inner .project-share:visited {
    top: 50%;
}

.project-delete:hover {
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.7);
    background-color: #fff;
    color: #ff0000;
}

.project-share:link,
.project-share:visited {
    display: inline-block;
    position: absolute;
    right: 110px;
    top: calc(50% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    text-align: center;
    padding: 3px 0;
    background-color: #00b0f0;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 10pt;
}

.project-share:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    background-color: #fff;
    color: #00b0f0;
}

.project-copy:link,
.project-copy:visited {
    display: inline-block;
    position: absolute;
    right: 110px;
    top: calc(50% - 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    text-align: center;
    padding: 3px 0;
    background-color: #00b0f0;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 10pt;
}

.project-copy:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    background-color: #fff;
    color: #00b0f0;
}

.project-rename:link,
.project-rename:visited {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    text-align: center;
    padding: 3px 0;
    background-color: #00b0f0;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 10pt;
}

.project-rename-active:link,
.project-rename-active:visited,
.project-rename:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    background-color: #fff;
    color: #00b0f0;
}

.rename-ttl {
    width: calc(100% - 10px);
    padding: 3px 5px;
    background-color: #fff;
    border: 1px solid #2e2e2e;
}

.not-found {
    padding-top: 20px;
    text-align: center;
    color: #000;
}

.project-ttl {
    padding: 0 15px 15px 15px;
    text-align: center;
    color: #00b0f0;
    font-size: 20pt;
}

.project-info span.pjr-product {
    display: flex;
    flex-wrap: wrap;
}

.project-info span.pjr-product img {
    width: auto;
    max-width: 120px;
}

.pjr-img {
    width: auto;
    max-width: 75px;
    padding-right: 30px;
}

.pjr-product-info {
    align-self: center;
    width: auto;
    max-width: 310px;
}

.search-wp {
    width: 90%;
    margin: 0 auto;
}

.search-products .product-thumbs {
    justify-content: center;
    padding-top: 30px;
}

.gallery-header {
    width: auto;
    max-width: 800px;
    border: 1px solid #fff;
    margin: 0 auto;
    background: #f0f1f3;
    padding: 30px;
}

.gallery-header select {
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #c1c1c1;
    color: #000000;
    font-family: Verdana;
}

.search-header {
    width: auto;
    max-width: 1100px;
    border: 1px solid #fff;
    padding: 30px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f0f1f3;
}

.projects-search {
    width: auto;
    max-width: 800px;
    background-color: #f0f1f3;
    padding: 20px;
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sh-input {
    width: calc(100% - 65px);
    padding-right: 65px;
    /* background-color: #353535; */
    border: 1px solid #2e2e2e;
    position: relative;
    z-index: 1;
}

.shi-input {
    width: calc(100% - 20px);
    padding: 15px 10px;
    border: 0;
    outline: none;
    /* background-color: #353535; */
    color: #000;
    font-family: Verdana;
    font-size: 14pt;
}

.shi-submit {
    position: absolute;
    right: 5px;
    top: 4px;
    background-color: #00b0f0;
    width: 45px;
    height: 45px;
    border: 0;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-size: 14pt;
}

.search-or {
    text-align: center;
    margin: 20px 0;
    color: #fff;
    font-size: 23pt;
    text-transform: uppercase;
}

.search-advanced {
    width: auto;
    max-width: 1100px;
    border: 1px solid #fff;
    padding: 0 20px 20px;
    margin: 0 auto 50px;
}

.search-category {
    padding: 10px 0 20px;
    width: 35%;
    text-align: left;
}

.sh-category {
    width: 28%;
}

.sh-sales {
    width: 27%;
}

.search-category select,
.sh-category select {
    width: 100%;
    padding: 5px 5% 6px;
    /* background-color: #353535; */
    border: 1px solid #c1c1c1;
    color: #232323;
    font-family: Verdana;
}

.psearch-input {
    width: 80%;
}

.psearch-input input {
    width: 90%;
    padding: 7px 5%;
    border: 1px solid #c1c1c1;
    color: #000000;

    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
    color: #000;
}

.search-submit-wp {
    padding-top: 20px;
}

.search-submit-wp .search-submit:link,
.search-submit-wp .search-submit:visited {
    display: inline-block;
    width: 18%;
}

.ps-submit {
    width: 18%;
}

.sh-submit-sales {
    width: 15%;
}

.search-submit:link,
.search-submit:visited,
.sh-submit-sales A:link,
.sh-submit-sales A:visited,
.psearch-submit A:link,
.psearch-submit A:visited {
    display: block;
    padding: 7px 30px;
    background-color: #00b0f0;
    text-align: center;
    color: #fff;
    letter-spacing: 3px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

.search-submit:link,
.search-submit:visited {
    background-color: #3a9c09;
}

.search-submit:hover,
.shi-submit:hover,
.sh-submit-sales A:hover,
.psearch-submit A:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.psearch-submit A:link,
.psearch-submit A:visited {
    position: relative;
    z-index: 1;
}

.psearch-submit span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/logging.gif) center center no-repeat #fff;
}

.projects-customer {
    display: none;
    width: 100%;
}

.psearch-wp {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    margin-top: 20px;
    padding: 5px 0 10px;
    width: 100%;
    color: #555;
    font-size: 9pt;
}

.psearch-wp div {
    padding: 5px 20px 0 10px;
}

.search-tags label,
.search-category label {
    display: block;
    padding: 10px 0 10px 3px;
    font-size: 10pt;
    color: #fff;
    text-transform: u;
}

.pth-filter {
    padding: 110px 0 0 5%;
}

.search-tags A:link,
.search-tags A:visited,
.pth-filter A:link,
.pth-filter A:visited {
    display: inline-block;
    padding: 15px 35px;
    margin: 0 3px 6px;
    text-align: center;
    background-color: #5c5c5c;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    color: #fff;
    text-transform: uppercase;
    font-size: 10pt;
    text-decoration: none;
}

.search-tags A.active:link,
.search-tags A.active:visited,
.pth-filter A.active:link,
.pth-filter A.active:visited {
    background-color: #00b0f0;
}

.search-tags A:hover,
.pth-filter A:hover {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.search-tags A.tag-disabled {
    cursor: default;
    color: #a3a3a3;
}

.search-tags A.tag-disabled:hover {
    box-shadow: none;
}

.login-tmp {
    padding: 15px;
    text-align: center;
    color: #fff;
}

.login-tmp A:link,
.login-tmp A:visited {
    color: #fff;
    background-color: #00b0f0;
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
    max-width: 100px;
    margin: 30px auto;
}

.pn-num {
    padding: 0 0 15px 20px;
    color: #000;
    font-size: 14pt;
    display: flex;
    flex-wrap: wrap;
}

.pn-num label {
    align-self: center;
}

.pn-num div {
    margin: 3px 0 0 10px;
    padding: 3px 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}

.projects-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
}

.projects-filter A:link,
.projects-filter A:visited {
    padding: 5px 10px;
    font-size: 14pt;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.projects-filter A:hover,
.projects-filter A.active:link,
.projects-filter A.active:visited {
    color: #00b0f0;
}

.projects-filter div {
    padding: 5px 10px;
    font-size: 14pt;
    text-decoration: none;
    color: #272727;
    opacity: 0.5;
    font-weight: 500;
}

.projects-filter div:first-child {
    padding-right: 30px;
}

.pf-sep {
    width: 100%;
}

.projects-sort {
    display: flex;
    width: auto;
    max-width: 1000px;
    margin: 20px auto;
}

.projects-sort label {
    padding-right: 20px;
    font-size: 14pt;
    color: #000;
}

.projects-sort A:link,
.projects-sort A:visited {
    display: block;
    text-decoration: none;
    margin: 0 3px;
}

.projects-sort span {
    width: 36px;
    height: 21px;
    display: block;
    cursor: pointer;
}

.projects-sort A.asc span {
    background: url(../images/sort-icn.png) no-repeat;
}

.projects-sort A.asc span.active {
    background: url(../images/sort-icn.png) -36px 0 no-repeat;
}

.projects-sort A.desc span {
    background: url(../images/sort-icn.png) left -21px no-repeat;
}

.projects-sort A.desc span.active {
    background: url(../images/sort-icn.png) -36px -21px no-repeat;
}

.gallery-res {
    margin: 50px auto;
}

.g-item {
    width: 300px;
    height: 250px;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    opacity: 1;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.g-item:nth-child(2n) {
    height: 300px;
}

.g-item A {
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    padding: 1px;
}

.g-item A:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sales-res {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* padding-top: 30px; */
}

.agent-locator-banner {
    background-color: #dee3e769;
    background-image: url(/images/common/tms_locator-banner-bg.png);
    background-repeat: no-repeat;
    background-position: 80% center;
    background-blend-mode: color;
    padding: 80px 5%;
}
.agent-locator-banner__layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    column-gap: 70px;
    max-width: 1200px;
    margin: 0 auto;
    align-items: center;
}
.agent-locator-banner__actions a {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.26px;
    text-transform: uppercase;
    text-decoration: none;

    width: fit-content;
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 20px 25px;
    background-color: #00b0f0;
    transition: 0.2s ease;
}
.agent-locator-banner__actions a:hover {
    background-color: #2e2e2e;
}

@media (max-width: 920px) {
    .agent-locator-banner {
        background-size: 80% 100%;
    }
    .agent-locator-banner__layout {
        grid-template-columns: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        row-gap: 30px;
    }
    .agent-locator-banner__actions a {
        margin: 0 auto;
    }
}

.latest-videos {
    padding: 30px 5%;
    background-color: #f0f1f3;
}
.latest-videos .block-ttl {
    text-transform: uppercase;
    font-size: clamp(28px, 4vw, 38px);
}
@media (max-width: 768px) {
    .latest-videos {
        padding: 35px 5% 0;
    }
}
.latest-videos-wp {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0px 5% 0px 5%;
    position: relative;
    --swiper-navigation-color: #000;
    --swiper-navigation-size: 55px;
    --swiper-navigation-sides-offset: 2%;
}

@media (max-width: 768px) {
    .latest-videos-wp {
        padding: 0px 5% 20px 5%;
    }
}

.latest-videos-slider .swiper-slide {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
}
/* .latest-videos__layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-top: 40px;
} */
.latest-videos__thmb {
    position: relative;
}
@media (max-width: 768px) {
    .latest-videos__thmb svg {
        width: 50px;
        height: 50px;
    }
}
.latest-videos__thmb-image {
    transition: 0.2s ease;
}

.glightbox_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.outer_circle {
    stroke-width: 3;
    stroke-dasharray: 410;
    stroke-dashoffset: 0;
    stroke-linecap: square;
    transition: all 0.4s ease-out;
}
.glightbox_video:hover ~ .latest-videos__thmb-image {
    filter: brightness(0.7);
}
.glightbox_video:hover .outer_circle {
    stroke-dashoffset: 410;
    transition: stroke 0.7s 0.4s ease-out, stroke-dashoffset 0.4s ease-out;
}

.glightbox_video:hover .inner-circle {
    fill: #00b0f0;
    transition: fill 0.4s 0.3s ease-out;
}

.glightbox_video:hover .play {
    fill: white;
    transition: fill 0.4s 0.3s ease-out;
}

@media (max-width: 768px) {
    .latest-videos__layout {
        grid-template-columns: 100%;
    }

    .latest-videos__thmb {
        max-width: 100%;
    }

    .latest-videos__thmb-image img {
        width: 100%;
        object-fit: cover;
    }
}

.sales-agent {
    width: 19%;
    margin: 10px 10px 30px;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
    border: 1px solid #dadfe3;
    overflow: hidden;
}

.sales-agent-wp {
    padding: 20px;
    font-size: 10pt;
}

.sales-agent-wp div {
    padding-top: 3px;
}

.sales-agent-wp A:link,
.sales-agent-wp A:visited {
    color: #6dc8e3;
    font-size: 10pt;
}

.sa-company {
    padding-bottom: 10px;
    color: #2baae2;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sa-address {
    padding-bottom: 10px;
}

.sales-agent .agent-phone {
    padding: 5px 0 5px 30px;
    background-image: url(/images/icons/tms_phone.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.sales-agent .agent-email {
    padding: 5px 0 5px 30px;
    background-image: url(/images/icons/tms_email.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.sales-agent .agent-web {
    padding: 5px 0 5px 30px;
    background-image: url(/images/icons/tms_web.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.sales-agent .agent-code {
    padding: 5px 0 5px 30px;
    background-image: url(/images/icons/tms_code.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.sales-agent .agent-web a,
.sales-agent .agent-phone a,
.sales-agent .agent-email a,
.sales-agent .agent-code a {
    color: #000;
    text-decoration: none;
    font-style: italic;
}

.ask {
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 1000;
}

.grecaptcha-badge {
    visibility: hidden;
}

.ask A:link,
.ask A:visited {
    display: block;
    /* width: 200px; */
    width: 60px;
    height: 60px;
    background-color: #00b0f0;
    text-align: right;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.scaled A:link,
.scaled A:visited {
    width: 0;
    padding: 0 0 0 60px;
}

.ask span {
    display: block;
    width: 200px;
    position: absolute;
    right: 60px;
    top: 3px;
    font-size: 8pt;
    font-weight: 400;
    text-transform: uppercase;
}

.scaled span {
    display: none;
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        transform: scale(1.2);
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        transform: scale(1.2);
    }
}

.scaled .hvr-icon-pulse-grow {
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.hvr-icon-pulse-grow:before {
    content: '';
    background: url(../images/icons/question-icon.svg) center center no-repeat #00b0f0;
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    top: 20%;

    margin-top: -12px;
    padding: 0 1px;
}

.scaled .hvr-icon-pulse-grow:before {
    transform: translateZ(0);
    transition-timing-function: ease-out;
    animation-name: hvr-icon-pulse-grow;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.txt-page {
    width: auto;
    max-width: 1250px;
    padding: 0 15px;
}

.pi-frame {
    padding: 25px 0;
    max-width: calc(100% - 450px);
    margin: 0 auto;
}
@media (max-width: 1220px) {
    .pi-frame {
        max-width: 100%;
    }
}

.pi-frame label {
    display: block;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14pt;
    color: #fff;
}

.pi-frame-notes {
    position: relative;
    top: -30px;
    z-index: 1;
    display: none;
}

.pi-frame iframe {
    width: 100%;
    height: 800px;
    border: 0;
    overflow: hidden;
}

.p-thumbs-wp {
    display: none;
}

.p-thumbs {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 5% 0;
}

A.p-thumb {
    width: 150px;
    margin: 5px 5px 0 0;
}

A.p-thumb img {
    background-color: #fff;
}

A.specifications-share {
    display: block;
    width: 200px;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 1220px) {
    A.specifications-share {
        margin: 0 auto;
    }
}

/* @-webkit-keyframes appearance {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes appearance {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
} */

.cfg-arrow-wp {
    position: absolute;
    left: calc(15% - 25px);
    top: 2px;
}

.cfg-arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0px;
    width: 12px;
    height: 12px;
    background-size: contain;
    top: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
    filter: invert(100%);
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.cfg-arrow-primary {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.cfg-arrow-secondary {
    margin-left: 8px;
}

.empty-gallery {
    text-align: center;
    align-self: center;
    font-size: 14pt;
    color: #fff;
}

[data-tooltip] {
    position: relative;
    z-index: 10;
}

[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: visible;
    opacity: 1;
    left: 50%;
    bottom: calc(100% + 5px);
    pointer-events: none;
    transition: 0.2s;
    will-change: transform;
}

[data-tooltip]:before {
    content: attr(data-tooltip);
    padding: 10px 18px;
    min-width: 250px;
    max-width: 500px;
    width: max-content;
    width: -moz-max-content;
    border-radius: 6px;
    font-size: 14px;
    background-color: #00b0f0;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    transform: translate(-50%, 10px) scale(0.5);
    font-size: 19pt;
    color: #fff;
}

/* Tooltip arrow */
[data-tooltip]:after {
    content: '';
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #00b0f0 transparent transparent transparent;
    transform-origin: top;
    transform: translate(-50%, 0) scale(1);
}

.tooltip-hidden[data-tooltip]:before,
.tooltip-hidden[data-tooltip]:after {
    visibility: hidden;
    opacity: 0;
}

.pi-configurator-loading {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.pi-configurator-loading:after {
    content: '';
    width: 100%;
    height: 100%;
    /* background: url(../images/loading.svg) center center no-repeat; */
    background-image: url(../images/loading.svg);
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    background-blend-mode: darken;
    background-size: 30px 30px;
    position: absolute;
    left: 0;
    top: 0;
}

.fancybox__caption a {
    font-size: 20px;
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
    25% {
        opacity: 0;
        transform: translateX(10px) scale(0.9);
    }
    26% {
        opacity: 0;
        transform: translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
}

.qs-switch {
    width: 100px;
    height: 38px;
    position: relative;
    display: block;
}

.qs-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.qs-switch-slider {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #353535;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 5px;
}

.qs-switch-slider:before {
    position: absolute;
    content: '';
    height: 30px;
    width: 45px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 5px;
}

input:checked + .qs-switch-slider {
    /* background-color: #2196F3; */
    background-color: #3a9c09; /*new update 2021-01-21*/
}

input:checked + .qs-switch-slider:before {
    -webkit-transform: translateX(47px);
    -ms-transform: translateX(47px);
    transform: translateX(47px);
}

.qs-switch-tick {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 7px;
    left: 60px;
    color: #fff;
    font-size: 14pt;
}

.qs-switch-tick:before {
    position: absolute;
    z-index: 2;
    /* content: "\2714"; */
    content: 'ON'; /*Update 2021-01-21*/
    /* left: -42px; */
    left: -50px; /*Update 2021-01-21*/
    top: -4px;
    font-size: 17pt;
}

.qs-icn {
    position: absolute;
    right: 10px;
    z-index: 6;
    font-size: 14pt;
    color: #00b0f0;
}

.pth-l .qs-icn {
    bottom: 5px;
}

.pth-f .qs-icn {
    top: 5px;
}

.pic-disclaimer {
    width: 85%;
    padding: 30px 0 15px 15%;
    color: #000;
    font-size: 10pt;
}

.pic-disclaimer label {
    color: #00b0f0;
}

#onFavNotLogged.fancybox__content {
    padding: 0;
    background-color: transparent;
}
.onFavNotLogged {
    background-color: #f0f1f3;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    justify-content: center;
    padding: 30px;
}
.onFavNotLogged__ttl {
    font-size: 26px;
    text-align: center;
}

.onFavNotLoggedzz__text {
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
}
#onFavNotLogged input {
    width: 100%;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 16px;
}
.onFavNotLogged__errors {
    padding: 10px 0;
    display: none;
    flex-direction: column;
    color: tomato;
}
.onFavNotLogged__errors.visible {
    display: flex;
}
/* @media screen and (max-width: 1815px) {
    .banner-wp {
        max-width: 300px;
    }
} */
.pl-50 {
    padding-left: 50px;
}
.projects-plsh__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 15px;
}

.projects-plsh__grid.pl-50 {
    padding-left: 50px;
}

@media screen and (max-width: 768px) {
    .projects-plsh.pl-50,
    .projects-plsh__grid.pl-50 {
        padding: 0;
    }
}

@media screen and (max-width: 1250px) {
    .projects-plsh__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .projects-plsh__grid {
        grid-template-columns: 100%;
    }
}

.projects-plsh .projects-plsh__item {
    transition: 0.2s ease;
    text-decoration: none;
}
.projects-plsh .projects-plsh__item:hover {
    box-shadow: 0px 0px 50px 0px rgba(43, 170, 226, 0.3);
    /* background: linear-gradient(90deg, #edf0f1 0%, #d4dbdc 100%); */
}
.projects-plsh .projects-plsh__item-image {
    margin-bottom: 10px;
    width: 100%;
    padding-top: 65%;
    position: relative;
    overflow: hidden;
}
.projects-plsh .projects-plsh__item-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.projects-plsh .projects-plsh__item-content {
    padding: 20px;
}
.projects-plsh .projects-plsh__item-title {
    color: #000;
    font-size: 18.086px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.projects-plsh .projects-plsh__item-link {
    color: #2baae2;
    font-size: 9.865px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%; /* 12.825px */
}

@media screen and (max-width: 1680px) {
    .video-thumb {
        background-position: 600px center;
    }
}

@media screen and (max-width: 1570px) {
    .pics-block {
        width: 48%;
    }
    /* .banner-wp {
        max-width: 250px;
    } */
}
@media screen and (max-width: 1550px) {
    .product-downloads {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1440px) {
    /* .pi-downloads-file {
        width: 30%;
    } */
    .video-thumb {
        background-position: 450px center;
    }
}

@media screen and (max-width: 1330px) {
    /* .banner-wp {
        max-width: 200px;
    } */
}

@media screen and (max-width: 1310px) {
    .ft-sitemap .ft-inner {
        padding-right: 60px;
    }
    .ft-logo {
        width: 250px;
    }
}

@media screen and (max-width: 1270px) {
    .par-full .par-info {
        left: 0;
        margin-left: 0;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media screen and (max-width: 1270px) {
    .video-thumb {
        background-position: center center;
    }
}

@media screen and (max-width: 1220px) {
    .ft-sitemap {
        display: none;
    }
    .pic-save,
    .product-downloads {
        width: 90%;
        max-width: 100%;
    }
    .pic-save-btns {
        width: 90%;
        max-width: 100%;
        padding: 20px 0 0 10%;
        text-align: center;
    }
    .pic-save-btn-f {
        width: 30%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 0.5%;
    }
    .pic-save-btn-f,
    .pic-save-btn-f:link,
    .pic-save-btn-f:visited {
        display: inline-block;
    }
    .pic-expand,
    .pic-block,
    .pic-summary,
    .picb-apply {
        width: 100%;
    }
    .sales-agent {
        width: 42%;
    }
}

@media screen and (max-width: 1120px) {
    /* .banner-wp {
        max-width: 365px;
    } */
    /* .pi-downloads-file {
        width: 48%;
    } */
}

@media screen and (max-width: 1090px) {
    .par-full .par-info {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        color: #a3a3a3;
        padding-top: 30px;
    }
    .par-sh {
        display: none;
    }
    .par-info {
        width: 53%;
    }
    .par-R .par-info {
        padding-right: 0;
    }
    .par-L .par-info {
        padding-left: 0;
    }
    .par-ttl {
        font-size: 20pt;
    }
    .products-slider {
        padding-left: 5%;
        padding-right: 5%;
    }
    .top-menu {
        display: none;
    }
    .resposive-menu-trigger {
        display: block;
    }
    .logo {
        padding-left: 80px;
    }
}

@media screen and (max-width: 1045px) {
    .project-col {
        padding: 0 1%;
    }
    .project-col:nth-child(1) {
        width: 30%;
    }
    .project-col:nth-child(2) {
        width: 12%;
    }
    .project-col:nth-child(3) {
        width: 25%;
    }
    .project-col:nth-child(4) {
        width: 25%;
    }
}

@media screen and (max-width: 1020px) {
    .ft-socials {
        display: none;
    }
    .pi-details-img {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .header {
        padding-right: 10px;
    }
    .header-sep {
        margin-left: 20px;
        margin-right: 20px;
    }
    .login-sep {
        display: none;
    }
}

@media screen and (max-width: 990px) {
    .project-col:nth-child(1) {
        width: 69%;
        padding-right: 30%;
    }
    .project-col:nth-child(2) {
        width: 98%;
        text-align: left;
        padding-top: 10px;
    }
    .project-col:nth-child(3) {
        width: 98%;
        text-align: left;
        padding-top: 10px;
    }
    .project-col:nth-child(4) {
        width: 98%;
    }
    .pi-details-block {
        width: 46%;
    }
}

@media screen and (max-width: 850px) {
    .pi-imgs {
        flex-wrap: wrap;
    }
    .pi-main {
        width: 100%;
    }
    .pi-thumbs {
        width: 100%;
        padding-left: 0;
    }
    .pi-thumbs div {
        justify-content: center;
    }
    .pc-facts-inner {
        flex-wrap: wrap;
    }
    .pcf-info {
        width: 90%;
    }
    .pcf-tags {
        padding-top: 15px;
    }
    .projects-filter div {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media screen and (max-width: 835px) {
    .sh-sales {
        width: 100%;
        padding-bottom: 10px;
    }
    .sh-submit-sales {
        padding-top: 10px;
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    /* .banner-wp {
        max-width: 300px;
    } */
    .ft-logo {
        clear: left;
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }
    .pics-block {
        width: 100%;
    }
    .picb-values-item {
        width: 48%;
    }
    .pic-summary label {
        padding-left: 5%;
    }
    .pic-summary-row div:nth-child(1) {
        padding-left: 5%;
        width: 30%;
    }
}

@media screen and (max-width: 710px) {
    .products-slider {
        padding-left: 50px;
        padding-right: 50px;
    }
    .pic-login {
        left: 0;
        text-align: center;
        width: 90%;
        padding: 0 5%;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
    .pic-save-note {
        height: auto;
    }
    .pic-save-note div {
        position: relative;
        top: 0;
    }
    .g-item {
        width: 150px;
        height: 100px;
    }
    .g-item:nth-child(2n) {
        height: 100px;
    }
}

@media screen and (max-width: 660px) {
    /* .banner-wp {
        max-width: 250px;
    } */
    .par {
        flex-wrap: wrap;
    }
    .par-info {
        width: 100%;
    }
    .par-media {
        width: 100%;
    }
    .par-R .par-media {
        padding-right: 0;
        padding-bottom: 20px;
    }
    .par-L .par-media {
        padding-left: 0;
        padding-top: 20px;
    }
    .product-tabs {
        display: none;
    }
    .products-menu-hidden {
        display: block;
    }
    .pi-frame-notes {
        top: 0;
        padding-bottom: 30px;
    }
    .products-wp {
        top: 0;
    }
    .pic-login {
        position: relative;
        top: 0;
        padding-top: 20px;
    }
    .pi-downloads-file {
        width: 100%;
        padding-right: 0;
    }
    .pic-save-btn-f {
        width: 90%;
        margin-top: 5px;
    }
    .project-info:link,
    .project-info:visited {
        display: block;
    }
    .psearch-input {
        width: 75%;
    }
    .sales-agent {
        width: 98%;
        margin: 10px 10px 10px;
    }
    .pt-tabs .product-cnt {
        padding: 0;
        padding-top: 40px;
    }
}

@media screen and (max-width: 640px) {
    .logo img {
        max-height: 25px;
    }
    /* .logo img,
    .fixed .logo img {
        width: 200px;
    } */
    .resposive-menu-trigger,
    .fixed .resposive-menu-trigger {
        top: 8px;
    }
    .wrapper-h {
        padding: 0 0 5px;
    }
    .login {
        padding-top: 10px;
    }
    .search-hdd-btn {
        padding-top: 14px;
    }
    .header-sep {
        margin-top: 9px;
    }
    .resposive-menu-container,
    .fixed .resposive-menu-container {
        top: 41px;
    }
    .login-form,
    .fixed .login-form,
    .logged-links,
    .fixed .logged-links,
    .search,
    .fixed .search {
        top: 38px;
    }
    .pth-products {
        top: 25px;
    }
    .pi-code {
        top: 107px;
    }
    .breadcrumbs {
        margin-top: 50px;
    }
}

@media screen and (max-width: 600px) {
    .owl-stage-outer .product-thumbs {
        padding: 0;
        width: auto;
        max-width: 380px;
        margin: 0 auto;
    }
    .content {
        min-height: 600px;
    }
    .welcome-wp {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .welcome {
        line-height: 100%;
        font-size: 23pt;
    }
    .pi-frame iframe {
        height: 500px;
    }
    .pi-frame-notes {
        display: block;
    }
}

@media screen and (max-width: 580px) {
    .owl-stage-outer .product-thumbs {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 570px) {
    /* .banner-wp {
        width: 49%;
        max-width: none;
    } */
    .banner-ttl {
        padding-top: 10px;
    }
    .data-files div {
        width: 100%;
        padding-right: 0;
    }
    .pi-details-block {
        width: 100%;
        padding-right: 0;
    }
    .register {
        flex-wrap: wrap;
        padding-top: 0;
    }
    .reg-col {
        width: 95%;
        padding-right: 5%;
        margin-top: 10px;
    }
    .project-col:nth-child(1) {
        width: 98%;
        padding-right: 1%;
    }
    .search-category {
        width: 100%;
    }
    .block-header {
        padding-top: 70px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 550px) {
    .popup-wp {
        width: 100%;
    }
}

@media screen and (max-width: 525px) {
    .psearch-input {
        width: 70%;
    }
}

@media screen and (max-width: 510px) {
    .owl-stage-outer .product-thumbs {
        max-width: 340px;
    }
}

@media screen and (max-width: 475px) {
    .pic-save-note,
    .pn-num {
        padding-left: 0;
    }
}

@media screen and (max-width: 460px) {
    .psearch-input {
        width: 60%;
    }
}

@media screen and (max-width: 440px) {
    .logo {
        width: 150px;
        padding-left: 60px;
    }
    .resposive-menu-trigger {
        left: 10px;
    }
    .header-sep {
        margin-left: 10px;
        margin-right: 10px;
    }
    .search {
        padding-right: 0;
    }
    .pi-thumbs A:link,
    .pi-thumbs A:visited {
        max-width: 44%;
    }
    .pics-block label {
        width: 100%;
        padding: 8px 0 5px;
        text-align: left;
    }
    .pics-block {
        padding: 0 0 5px 0;
    }
    .pics-unlogged {
        width: 100%;
    }
    .picb-values-item {
        width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 400px) {
    .ft-copy {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .ft-design {
        width: 100%;
        padding-top: 5px;
        text-align: center;
    }
    .owl-stage-outer .product-thumbs {
        max-width: 240px;
    }
}

@media print {
    body {
        background-color: #fff;
        background-image: none;
        font-family: Open Sans;
    }
    .print-title {
        text-transform: uppercase;
    }
    .print-pn {
        display: flex;
        flex-wrap: wrap;
    }
    .print-pn label {
        align-self: center;
        padding-right: 5px;
    }
    .print-pn div {
        margin: 3px 5px 0 0;
        padding: 3px 5px;
        border: 1px solid #555555;
        border-radius: 5px;
        color: #3a7e92;
    }
    #primage {
        padding: 10px;
        border: 1px solid #555555;
        border-radius: 5px;
        text-align: center;
    }
    #primage img {
        width: auto;
        max-width: 100%;
    }
    .print-cfg-row {
        border-radius: 5px;
        border: 1px solid #555555;
        padding: 10px 0;
        display: flex;
        margin-bottom: 10px;
        align-items: center;
    }
    .print-cfg-row div {
        padding: 0 5px;
        font-size: 8pt;
        color: #000;
    }
    .print-cfg-row div:nth-child(1) {
        color: #3a7e92;
    }
    .print-cfg-row-no-price div:nth-child(1) {
        width: calc(40% - 10px);
    }
    .print-cfg-row-no-price div:nth-child(2) {
        width: calc(20% - 10px);
    }
    .print-cfg-row-no-price div:nth-child(3) {
        width: calc(40% - 10px);
    }
    .print-cfg-row-price div:nth-child(1) {
        width: calc(30% - 10px);
    }
    .print-cfg-row-price div:nth-child(2) {
        width: calc(15% - 10px);
    }
    .print-cfg-row-price div:nth-child(3) {
        width: calc(30% - 10px);
    }
    .print-cfg-row-price div:nth-child(4) {
        width: calc(15% - 10px);
        font-weight: bold;
    }
    .print-notes {
        padding-top: 10px;
        font-size: 8pt;
    }
    .print-contact {
        text-align: center;
        padding-top: 20px;
        font-weight: bold;
    }
    .print-cfg-wp {
        padding-top: 10px;
    }
    .print-header-wp {
        border: 1px solid #555555;
        border-radius: 5px;
    }
    .print-header {
        text-transform: uppercase;
        font-size: 8pt;
        color: #000;
    }
    .print-lbl {
        padding-right: 10px;
        text-align: right;
    }
    .print-lbl-2 {
        padding: 0 10px;
        text-align: right;
    }
    .print-value {
        border: 1px solid #555555;
        border-radius: 5px;
    }
    .print-price {
        color: #ff0000;
    }
    .print-price-bold {
        font-weight: bold;
    }
}

.resources-head {
    padding-top: 78px;
    /* height: 475px; */
    height: 78px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-bottom: 10px solid #00b0f0;
}
@media screen and (max-width: 640px) {
    .resources-head {
        padding-top: 40px;
        height: 40px;
    }
}

/* @media screen and (max-width: 768px) {
    .resources-head {
        height: 300px;
    }
} */

.resources-head * {
    box-sizing: border-box;
}
.resources-head > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.resources-head__actions {
    position: relative;
    height: 47px;
    z-index: 1;
    padding: 0 5%;
}

.resources-head__actions .resources-head__actions-item {
    
    display: flex;
    max-width: max-content;
    background-color: #00b0f0;
    color: #fff;
    padding: 13px 20px;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: -50px;
}
.resources-section {
    margin-bottom: -30px;
}
.resources-section .paragraph-new {
    margin: 30px 0;
    padding: 30px 5%;
}

.resources-page-head {
    padding: 60px 5% 0 5%;
}
.brochures-section {
    background: linear-gradient(90deg, #dee3e7 0%, #f1f2f4 100%);
    margin-top: 20px;
    padding: 50px 5%;
}
.resources-page-head .resources-page-head__back {
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: max-content;

    color: #696767;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s ease;
    margin-bottom: 10px;
}

.resources-page-head__back:hover {
    color: #00b0f0;
}
.resources-title {
    color: #2baae2;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.brochures-section__layout {
    margin-top: 20px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 60px;
}
@media screen and (max-width: 1220px) {
    .brochures-section__layout {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .brochures-section__layout {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }
}
@media screen and (max-width: 450px) {
    .brochures-section__layout {
        grid-template-columns: 1fr;
    }
}
.brochures-section__layout .brochures-section__item {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    transition: 0.2s ease;
}
.brochures-section__layout .brochures-section__item:hover {
    box-shadow: 0px 0px 50px 0px rgba(43, 170, 226, 0.3);
}
.brochures-section__layout .brochures-section__item-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brochures-section__layout .brochures-section__item-content {
    padding: 20px 10px;
}
.brochures-section__layout .brochures-section__item-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .brochures-section__layout .brochures-section__item-title {
        font-size: 14px;
    }
}
.brochures-section__layout .brochures-section__item-link {
    color: #2baae2;
    font-size: 9.865px;
    font-style: italic;
    font-weight: 400;
}

.faqs-section {
    background: linear-gradient(90deg, #dee3e7 0%, #f1f2f4 100%);
    margin-top: 20px;
    padding: 50px 5%;
}

.resources-title {
    font-size: 16px;
    font-weight: bold;
    color: #00aaff;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.faq {
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}

.faq__question {
    display: flex;
    cursor: pointer;
    gap: 10px;
}

.faq__icon {
    flex-shrink: 0;
    margin-top: 5px;
}

.faq__text {
    flex: 1;
    color: #333;
    font-weight: 300;
}

.faq__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #333;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    user-select: none;
}

.faq__answer {
    margin-top: 15px;
    padding: 15px 40px 0 30px;
    display: none;
}

.faq__answer blockquote {
    border-left: 4px solid #00aaff;
    padding-left: 15px;
    color: #222;
    font-weight: 400;
    margin: 0;
}

.media-section {
    background: linear-gradient(90deg, #dee3e7 0%, #f1f2f4 100%);
    margin-top: 20px;
    padding: 50px 5%;
}

.media-section__layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}
@media screen and (max-width: 1220px) {
    .media-section__layout {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .media-section__layout {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
}
@media screen and (max-width: 450px) {
    .media-section__layout {
        grid-template-columns: 1fr;
    }
}

.media-section__layout .media-section__item {
    display: flex;
    flex-direction: column;
    color: #000;
    text-decoration: none;
    transition: 0.2s ease;
}
.media-section__layout .media-section__item:hover {
    box-shadow: 0px 0px 50px 0px rgba(43, 170, 226, 0.3);
}
.media-section__item-media {
    position: relative;
}
.media-section__layout .media-section__item-media {
    position: relative;
    padding-top: 60.4%;
    overflow: hidden;
}
.media-section__layout .media-section__item-media img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-section__layout .media-section__item-media svg,
.media-section__item-media svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
}
.media-section__layout .media-section__item-content {
    padding: 20px 10px;
}
.media-section__layout .media-section__item-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}
@media screen and (max-width: 1220px) {
    .media-section__layout .media-section__item-title {
        font-size: 14px;
    }
}