/*
* Página Estilo CSS Site
* Copyright 2011-2019 Equipe VK2 Authors
* Licensed under EULA
*/
body {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    font-family: "Graphie";
    background-color: #fff;
}
a,
a:hover,
a:not(.btn) {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}
.disHighlight {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;
}
input:focus,
input:focus-visible,
input:focus-within,
textarea:focus-within,
textarea:focus-visible,
textarea:focus{
    border: none;
    outline: none;
}
.wow{
    visibility: hidden;
}
/*__________________General CSS_____________________*/

/* #region Shadows */
.shadow-2dp {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.shadow-3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.shadow-4dp {
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.shadow-4dp-inset:hover {
    -moz-box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, 0.14), inset 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, 0.14), inset 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, 0.14), inset 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.shadow-6dp {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.shadow-8dp {
    -moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.shadow-16dp {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.shadow-24dp {
    -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
.shadow-inset {
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
}
/* #endregion */

/* #region !Important Classes */
.box{
    width: 85%; /* 85% de 1920px é 1632px no layout esta a box está com 1620px, achei melhor arredondar em % pois ficaria 84,375% */
    margin: 0 auto;
}
.mini-box{
    width: 1100px;
    margin: 0 auto;
}
.visible {
    opacity: 1 !important;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}
.invisible {
    opacity: 0 !important;
    transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
}
.noheight {
    height: 0 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: all 175ms ease-in;
    -webkit-transition: all 175ms ease-in;
    -ms-transition: all 175ms ease-in;
    -moz-transition: all 175ms ease-in;
}
.hidden {display: none !important;}
img.wide {
    height: 100%;
}
img.tall {
    width: 100%;
}
.no-scroll{overflow: hidden;}
/* #endregion */
/* #region header */
#header{
    display: block;
    position: absolute;
    z-index: 9999;
    top: 0;
    margin: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 195px;
    background: transparent;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
#header.headerMenuOpened {height: 900px;}
.header-head{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 25px 0 0 0;
    height: 125px;
    position: relative;
}
.header-head-logo{
    display: block;
    width: 245px;
    height: 75px;
    margin: 25px 0 0 0;
    padding: 0 0 0 0;
}
.header-head-logo a{
    display: block;
    width: 100%;
    height: 100%;
}
.header-head-logo-img{
    width: 100%;
}
.header-head-menus {
    display: block;
    width: 700px;
    margin: 0;
    padding: 0;
}
.header-head-menus-list {
    display: flex;
    justify-content: space-around;
    margin: 0;
    flex-wrap: nowrap;
    padding: 0;
    height: 100%;
}
.header-head-menus-item {
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}
a.header-head-menus-item-link {
    display: table;
    margin: 0;
    padding: 0;
    height: 100%;
}
.header-head-menus-item-link-span{
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
    font-size: 18px;
    font-family: 'Graphie';
    color: #474747;
    font-weight: 600;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.header-head-menus-item:hover span, .header-head-menus-item.active-link span{color: #e30613;}
.header-head-left {
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    margin: 25px 0;
    padding: 0;
    box-sizing: border-box;
    height: 75px;
    position: absolute;
    right: 0;
    opacity: 0;
}
.header-head-left-fake{
    display: block;
    width: 320px;
    margin: 25px 0;
    padding: 0;
    box-sizing: border-box;
    height: 75px;
}
.header-head-left-search {
    display: block;
    width: 140px;
    height: 75px;
    box-sizing: border-box;
    border: 1px solid #474747;
    border-right:0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.open-form-search, .form-search-header-submit{
    display: block;
    height: 73px;
    line-height: 73px;
    text-align: center;
    font-size: 18px;
    font-family: 'Graphie';
    font-weight: 600;
    cursor: pointer;
}
.open-form-search::before, .form-search-header-submit::before{
    display: inline-block;
    vertical-align: top;
    color: #474747;
    line-height: 73px;
    text-align: center;
    font-size: 18px;
    margin: 0 10px 0 0;
}
.open-form-search:hover, .open-form-search:hover::before, .form-search-header-submit:hover::before{color: #e30613;}
#form-search-header {
    display: none;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 400px;
    height: 100%;
    margin: 0;
    padding: 0;
}
.form-search-header-submit{
    display: block;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: 0;
    width: 100px;
    margin: 0 0 0 0;
    padding: 0;
    offset: 0;
}
.search-header-input-wrapper {
    display: block;
    width: 300px;
    height: 73px;
    line-height: 73px;
    margin: 0 0 0 0;
    padding: 0;
}
.form-search-input{
    display: block;
    line-height: 73px;
    text-align: left;
    font-size: 15px;
    font-family: 'Graphie';
    font-weight: normal;
    padding: 0 10px;
    border: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    margin: 0;
}
.form-search-input:focus, .form-search-input:active{
    offset: 0;
    border: 0;
}
.header-head-left-location {
    display: block;
    width: 90px;
    height: 75px;
    box-sizing: border-box;
    color: #474747;
    line-height: 75px;
    text-align: center;
    font-size: 18px;
    font-family: 'Graphie';
    font-weight: 600;
    position: relative;
    cursor: pointer;
    border: 1px solid #474747;
}
.header-head-left-location::before {
    display: inline-block;
    vertical-align: top;
    color: #474747;
    line-height: 75px;
    text-align: center;
    font-size: 18px;
    margin: 0 5px 0 0;
}
.header-head-left-location.actived{
    background: #f2f2f2;
}
.location-arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #474747 transparent transparent transparent;
    vertical-align: middle;
    margin: -5px 0 0 10px;
}
.header-head-left-location-list {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 73px;
    left: 0;
    transition: max-height 0.15s ease-out;
    -moz-transition: max-height 0.15s ease-out;
    -webkit-transition: max-height 0.15s ease-out;
    -ms-transition: max-height 0.15s ease-out;
}
.header-head-left-location.actived .header-head-left-location-list {
    display: block;
    border: 1px solid #474747;
    height: auto;
    max-height: 230px;
    transition: max-height 0.25s ease-in;
}
.header-head-left-location-item {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #474747;
}
.header-head-left-location-item:last-child{
    border-bottom: 0;
}
.header-head-left-location-item a{
    display: block;
    height: 100%;
    width: 100%;
}
.header-head-left-location-item a::before{
    display: inline-block;
    vertical-align: top;
    color: #474747;
    line-height: 75px;
    text-align: center;
    font-size: 18px;
    margin: 0 5px 0 0;
}
.header-head-left-menu, .header-head-left-menu-close {
    display: block;
    height: 75px;
    border-left: 0;
    box-sizing: border-box;
    line-height: 75px;
    cursor: pointer;
    padding: 0px 10px 10px 10px;
}
.header-head-left-menu::before, .header-head-left-menu-close::before {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 45px;
    text-align: center;
    line-height: 75px;
    color: #474747;
}
.header-head-left-menu:hover::before, .header-head-left-menu-close:hover::before{color: #e30613;}
/* #endregion */
/* #region breadcrumbs */
.header-sub {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    height: 70px;
}
.header-breadcrumbs {
    display: block;
    min-width: 300px;
    height: 20px;
    margin: 50px 0 0 80px;
}
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background: transparent;
    border-radius: 0;
}
.breadcrumb-item{
    font-family: 'Graphie';
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    color: #ec2531;
    font-weight: bold;
}
.breadcrumb-item:hover{
    color:#2559ec;
}
.breadcrumb-item.active{
    color:#474747;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
}
.breadcrumb-item:hover:before{
    text-decoration:underline;
    text-decoration:none;
    color:#2559ec;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #474747;
    content: " - ";
}
.header-share {
    display: block;
    width: 300px;
    height: 20px;
    margin: 50px 0 0 0;
}
.header-share-content{
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
}
.header-share-content-name{
    margin: 0 5px 0 0;
    cursor: pointer;
    font-family: 'Graphie';
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    color: #ec2531;
    font-weight: bold;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-share-content-name:hover{color:#2559ec;}
.header-share-content-list {
    display: none;
    width: auto;
    height: 20px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    margin: 0;
    padding: 0;
    justify-content: start;
    flex-wrap: nowrap;
}
.header-share-content-item{
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    position: relative;
    cursor: pointer;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-share-content-item-icon{
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-share-content-item-icon::before{
    font-size: 20px;
    color: #ec2531;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-share-content-item-icon:hover:before{color:#2559ec;}
.header-share-content-icon{
    display: block;
    margin: 0 0 0 5px;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-share-content-icon::before{
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-share-content-icon.share-closed::before{color: #ec2531;}
.header-share-content-icon.share-opened::before{color: #474747;}
.header-share-content-icon:hover::before{color:#73767e;}
/* #endregion */
/* #region Header Menu */
.header-menu-open-right-menu-mobile{display: none;}
.header-menu-open{
    display: none;
    flex-wrap: nowrap;
    background-color: #fff;
    justify-content: center;
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    z-index: 9999;
}
.header-menu-open-right {
    display: block;
    width: 65%;
    margin: 0;
    height: 100%;
    padding: 50px 0 0 150px;
    background: url('../../images/background.png') repeat;
    background-color: #fff;
}
.header-menu-open-right-img{
    margin: 0 0 75px 0;
}
.header-menu-open-right-list {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 35px 0;
    margin: 0;
    padding: 0;
    width: 950px;
}
.header-menu-open-right-item {
    display: block;
    width: 50%;
    height: 95px;
    padding: 0;
    margin: 0 0 0 0;
}
.header-menu-open-right-item:last-child{
    margin: 0;
}
.header-menu-open-right-item a {
    display: block;
    font-size: 90px;
    line-height: 95px;
    margin: 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: 800;
    color: #ec2531;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-menu-open-right-item a:hover{
    color: #474747;
}
.header-menu-open-right-bottom {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 60px;
    margin: 90px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.header-menu-open-right-bottom-right{
    display: block;
    width: 725px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0;
    border-top: 4px solid #ec2531;
}
.header-menu-open-right-bottom-right-title{
    font-family: 'Graphie';
    font-size: 40px;
    color: #313131;
    font-weight: normal;
    margin: 40px 0 50px 0;
    padding: 0;
}
.header-menu-open-right-bottom-right-list{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 15%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.header-menu-open-right-bottom-right-item{
    display: block;
    width: auto;
    height: 55px;
    padding: 0;
    margin: 0 0 0 0;
}
.header-menu-open-right-bottom-right-item a{
    display: block;
    font-size: 50px;
    line-height: 55px;
    margin: 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: 700;
    color: #666666;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-menu-open-right-bottom-right-item a:hover{color: #ec2531;}

.header-menu-open-right-bottom-left{
    display: block;
    width: 275px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0;
    border-top: 4px solid #ec2531;
}
.header-menu-open-right-bottom-left-title{
    font-family: 'Graphie';
    font-size: 28px;
    color: #ec2531;
    font-weight: 800;
    margin: 50px 0 20px 0;
    padding: 0;
}
.header-menu-open-right-bottom-left-list{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.header-menu-open-right-bottom-left-item{
    display: block;
    width: auto;
    height: 55px;
    padding: 0;
    margin: 0 30px 35px 0;
}
.header-menu-open-right-bottom-left-item a{
    display: block;
    width: 55px;
    height: 55px;
    font-size: 55px;
    line-height: 55px;
    margin: 0 0 0 0;
    padding: 0;
    color: #474747;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.header-menu-open-right-bottom-left-item a:hover{color: #ec2531;}
.header-menu-open-left{
    display: block;
    width: 35%;
    margin: 0;
    height: 100%;
    padding: 50px 150px 0 0;
    position: relative;
}
.header-menu-open-left-menu {
    margin: 0 15px 0 0;
    width: 100%;
}
.header-head-left-menu-close::before{font-size: 40px;}
.header-menu-open-left-search{left: -56.5%;}
.header-menu-open-left-text{
    display: block;
    margin: 135px 0 0 0;
    padding: 0;
}
.header-menu-open-left-text h2{
    text-align: right;
    font-size: 85px;
    line-height: 85px;
    color: #474747;
    font-weight: bold;
}
.header-menu-open-left-text h2 strong{
    color: #ec2531;
}
.header-menu-open-left-infos {
    display: block;
    margin: 175px 0 0 45px;
    padding: 0;
    width: auto;
    height: auto;
}
.header-menu-open-left-infos-title{
    margin: 0 0 30px 0;
}
.header-menu-open-left-infos p{
    text-align: left;
    font-size: 38px;
    line-height: 38px;
    color: #474747;
    font-weight: normal;
}
.header-menu-open-left-infos p strong{
    font-size: 34px;
    line-height: 38px;
    color: #ec2531;
}
.header-background {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 195px;
}
/* #endregion */
/* #region Banner */
#banner {
    display: block;
    height: 900px;
    width: 100%;
    margin: 0 0 150px 0;
    padding: 0;
    position: relative;
    z-index: 0;
}
.banner-list{
    display: block;
    height: 900px;
    width: 100%;
    margin: 0;
    padding: 0;
}
.slick-list, .slick-track{height: 100%;}
.banner-list .slick-list{overflow: hidden;}
.banner-list .slick-slide, .banner-iten {
    width: 100%;
    height: 900px;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.banner-iten{position: relative;}
.banner-iten-img{
    display: block;
    width: 100%;
    height: 900px;
    margin: 0;
    padding: 0;
}

.banner-control {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 20px;
    width: 1100px;
    height: 400px;
    background: url('../../images/background.png') repeat;
    background-color: #ec2531;
    margin: 0;
    padding: 30px 40px;
    position: absolute;
    bottom: -100px;
    left: 150px;
    z-index: 5;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.banner-control-box{
    display: block;
    width: 230px;
    height: auto;
    margin: 0;
    padding: 0;
}
.banner-control-buttons{
    display: block;
    height: 20px;
    line-height: 20px;
    font-family: 'Graphie';
    text-align: left;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 10px 0;
    cursor: pointer;
}
.banner-control-buttons::before {
    display: inline-block;
    vertical-align: top;
    height: 21px;
    line-height: 19px;
    width: 21px;
    border-radius: 50%;
    border: 1px solid transparent;
    margin: 0 15px 0 0;
    font-size: 11px;
    color: #f4a5a9;
    text-align: left;
    padding: 0 0 0 5px;
}
.banner-control-buttons.button-actived-slide::before{
    border-color: #ffffff;
    color: #ffffff;
}
.banner-control-infos {
    display: block;
    width: calc(100% - 250px);
    margin: 0;
    padding: 0;
    height: auto;
    position: relative;
}
.banner-infos {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.banner-infos.banner-info-actived{
    display: block;
    opacity: 1;
}
.banner-iten-texts{
    width: 100%;
    text-align: left;
    font-size: 60px;
    line-height: 60px;
    color: #ffffff;
    font-weight: bold;
}
.banner-iten-links {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 20px;
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
}
.banner-iten-links a{
    display: block;
    width: 210px;
    height: 65px;
    padding: 0 40px;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    font-family: 'Graphie';
    font-weight: 700;
    text-align: right;
    color: #414141;
    font-size: 18px;
    line-height: 65px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.banner-iten-links a::before {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 0 0;
    color: #414141;
    font-size: 21px;
    line-height: 65px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.banner-iten-links a:hover{
    background-color: #a1a1a1;
    color: #ec2531;
}
.banner-iten-links a:hover::before{
    color: #ec2531;
}
/* #endregion */

/* #region home*/
/* #region solutions */
#solutions {
    display: inline-block;
    margin: 90px 0 0 0;
    padding: 0;
    height: auto;
    width: 100%;
}
.solutions-header{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    height: auto;
    padding: 0;
    margin-bottom: 60px;
}
.solutions-header-title{
    display:block;
    width: 960px;
    margin: 0;
    padding: 0 0 0 30px;
    line-height: 85px;
    font-family: "Graphie";
    font-size: 85px;
    font-weight: bold;
    color: #474747;
}
.solutions-header-title strong{
    font-weight: bold;
    font-size: 85px;
    color: #ec2531;
}
.solutions-header-text {
    display:block;
    width: 425px;
    margin: 0;
    padding: 0 30px 0 0;
    line-height: 30px;
    font-family: "Graphie";
    font-size: 22px;
    color: #474747;
    
}
.solutions-list{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
}
.solutions-iten{
    display: block;
    width: calc(100% / 3);
    height: 900px;
    margin: 0;
    padding: 0;
}
.solutions-iten-img{
    display: inline-block;
    width: 100%;
    height: 450px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.solutions-iten-img img{
    position: absolute;
    bottom: 0;
    min-width: 100%;
}
.solutions-iten-content{
    display: inline-block;
    width: 100%;
    height: 450px;
    margin: 0;
    padding: 0;
    background: url('../../images/px.png') repeat;
    background-color: #e5e5e5;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.solutions-iten-content-subtitle{
    display:block;
    margin: 125px 0 0 0;
    padding: 0;
    text-align: center;
    line-height: 30px;
    font-family: "Graphie";
    text-transform: capitalize;
    font-size: 30px;
    color: #ec2531;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.solutions-iten-content-title{
    display:block;
    margin: 35px 0 0 0;
    padding: 0;
    text-align: center;
    line-height: 30px;
    font-family: "Graphie";
    text-transform: capitalize;
    font-size: 80px;
    color: #474747;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.solutions-iten-content-icon{
    display:block;
    width: 45px;
    height: 45px;
    margin: 50px auto 0 auto;
    padding: 0;
}
.solutions-iten-content-icon::before{
    width: 45px;
    height: 45px;
    font-size: 45px;
    color: #ec2531;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.solutions-iten:hover .solutions-iten-content{
    background: url('../../images/background.png') repeat;
    background-color: #ec2531;
}
.solutions-iten:hover .solutions-iten-content-subtitle{color: #fff;}
.solutions-iten:hover .solutions-iten-content-title{color: #fff;}
.solutions-iten:hover .solutions-iten-content-icon::before{color: #fff;}
/* #endregion */
/* #region highliths */
#highlight {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: 800px;
    padding: 0;
    margin: 120px 0 105px 0;
    position: relative;
}
.highlight-title {
    font-weight: bold;
    font-family: 'Graphie';
    font-size: 85px;
    line-height: 85px;
    color: #a6a6a6;
    margin: 0;
    padding: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-orientation: mixed;
    text-align: right;
    position: absolute;
    top: -55px;
    left: 150px;
    z-index: 1;
}
.highlight-slider{
    display: block;
    width: 100%;
}
.highlight-slider-buttons {
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    width: calc(100% - 150px);
    margin: 0 150px 120px 0;
    padding: 0;
    height: 30px;
}
.highlight-slider-buttons-more {
    display: block;
    width: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    height: 30px;
    font-family: 'Graphie';
    color: #ec2531;
    line-height: 15px;
    font-size: 18px;
    font-weight: bold;
}
.highlight-slider-buttons-arrow {
    display: block;
    height: 30px;
    width: 35px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.highlight-slider-buttons-arrow::before{
    margin: 0;
    padding: 0;
    font-size: 30px;
    color: #a1a1a1
}
.highlight-slider-buttons-arrow:hover::before{
    color: #414141
}
.highlight-slider-list{
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.highlight-slider-iten{
    display: inline-block;
    width: 460px;
    height: 635px;
    border: 1px solid #a1a1a1;
    background: #ffffff;
}
.highlight-slider-list .slick-slide:first-child .highlight-slider-iten{
    background: transparent;
    border: 1px solid transparent;
}
.highlight-slider-list .slick-list{overflow: hidden;}
.highlight-slider-list .slick-slide, .highlight-slider-iten {
    display: inline-block;
    width: 460px;
    height: 635px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: top;
}
.highlight-slider-iten a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.highlight-slider-iten-img, .highlight-slider-iten-noimg{
    width: 460px;
    height: 260px;
    background: #ec2531;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.highlight-slider-iten-details{
    display: flex;
	justify-content: start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 40px 0;
	width: 100%;
	height: calc(100% - 290px);
	background: url('../../images/background-white.png') repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.highlight-slider-iten-details-category{
    display: block;
    height: 30px;
    margin: 155px 0 0 95px;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.highlight-slider-iten-details-name{
    display: table;
    width: 300px;
    height: calc(100% - 80px);
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.highlight-slider-iten-details-name span {
    display: table-cell;
    vertical-align: middle;
}
.highlight-slider-iten-details-link{
    display: block;
    height: 40px;
    margin: 0 0 40px 95px;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.highlight-slider-iten-details-link i{
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
}
.highlight-slider-iten-details-link i::before{
    font-size: 13px;
    color: #414141
}

/* .highlight-slider-iten:hover .highlight-slider-iten-img, .highlight-slider-iten:hover .highlight-slider-iten-noimg{opacity: 1;} */
.highlight-slider-iten:hover .highlight-slider-iten-details {background: url('../../images/background-white.png') repeat;}
.highlight-slider-iten:hover .highlight-slider-iten-details-category{color: #ec2531;}
.highlight-slider-iten:hover .highlight-slider-iten-details-name{color: #ec2531;}
.highlight-slider-iten:hover .highlight-slider-iten-details-link{color: #ec2531;}
.highlight-slider-iten:hover .highlight-slider-iten-details-link i::before{color: #474747;}
/* #endregion */
/* #region Publicity */
#publicity {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    height: 715px;
    padding: 0;
    margin: 0 0 0 0;
    position: relative;
}
.publicity-content {
    display: inline-block;
    width: calc(100% - 1200px - 115px);
    margin: 0 0 0 0;
    padding: 90px 0 0 150px;
    height: 100%;
}
.publicity-content-title{
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 45px;
    line-height: 55px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
}
.publicity-content-subtitle{
    display: inline-block;
    width: 350px;
    margin: 95px 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 25px;
    line-height: 30px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
}
.publicity-content-link {
    display: block;
    width: 235px;
    height: 60px;
    margin: 35px 0 0 0;
    padding: 0 0 0 0;
    background: #a1a1a1;
    border-radius: 10px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.publicity-content-link a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #fff;
}
.publicity-content-link:hover{background: #ec2531;}
.publicity-content-icon{
    display: inline-block;
    height: auto;
    width: auto;
    margin: 0 20px 0 0;
}
.publicity-content-icon::before{
    color: #fff;
    font-size: 24px;
    line-height: 60px;
}
.publicity-img{
    display: inline-block;
    width: 1200px;
    height: 715px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/* #endregion */
/* #region Clients */
#clients{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    height: 300px;
    padding: 0;
    margin-top: 130px;
    position: relative;
    background: #ec2531;
}
.clients-title{
    display: inline-block;
    margin: 0;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    background: linear-gradient(to bottom, #ffffff 72%, #ec2531 28%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-orientation: mixed;
    text-align: right;
    position: absolute;
    top: -85px;
}
.clients-title-en{
    background: linear-gradient(to bottom, #ffffff 67%, #ec2531 33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.clients-list {
    display: block;
    padding: 0;
    margin: 60px 0 0 110px;
}
.clients-list .slick-list{overflow: hidden;}
.clients-list .slick-slide, .clients-item{
    display: inline-block;
    width: 312px;
    height: 191px;
    margin: 0 25px 0 0 ;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
}
.clients-item{
    display: block;
    width: 312px;
    height: 191px;
}
.clients-item a{
    display: block;
    margin: 0;
    padding: 0;
}
.clients-item-img{
    display: block;
    width: 312px;
    height: 191px;
}
/* #endregion */
/* #endregion */
/* #region Footer */
#footer{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.footer-spacing {
    display: block;
    width: 100%;
    height: 140px;
    background-color: #fff;
    background: url('../../images/background.png') repeat;
    margin: 0;
    padding: 0;
}
.footer-contents {
    display: flex;
    height: 400px;
    justify-content: start;
    flex-wrap: wrap;
    padding: 0;
}
.footer-content-logo {
    display: block;
    width: 325px;
    height: 100%;
    margin: 0;
    padding: 0;
    border-right: 1px solid #838383;
}
.footer-content-logo-img {
    display: block;
    width: 254px;
    height: 80px;
    margin: 50px 0 0 0;
    padding: 0;
}
.footer-content-logo-img img{
    width: 100%;
}
.footer-content-copyright, .footer-copyright-mobile-nome{
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-family: 'Graphie';
    font-weight: normal;
    margin: 115px 0 0 0;
    color: #444444;
}
.footer-content-copyright strong, .footer-copyright-mobile-nome strong{
    font-weight: normal;
    color: #000000;
}
.footer-content-developer-logo, .footer-developer-logo-mobile{
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-family: 'Graphie';
    font-weight: normal;
    margin: 85px 0 0 0;
    color: #444444;
}
.footer-content-developer-logo a, .footer-developer-logo-mobile a{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    margin: 85px 0 0 0;
    padding: 0;
}
.footer-content-developer-logo a span, .footer-developer-logo-mobile a span{
    display: block;
    width: 95px;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Graphie';
    font-weight: normal;
    margin: 7.5px 25px 0 0;
    color: #444444;
}
.footer-content-developer-logo a img, .footer-developer-logo-mobile a img{
    display: block;
    width: 47px;
    height: 48px;
    margin: 0 0 0 0;
    padding: 0;
}
.footer-copyright-mobile{
    display: none;
}


.footer-content-menus {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 860px;
    height: 100%;
    margin: 0;
    padding: 0 100px 0 0;
    border-right: 1px solid #838383;
}
.footer-content-menu{
    display: block;
    width: auto;
    height: auto;
    margin: 50px 0 0 0;
    padding: 0;
}
.footer-content-menu-about{
    margin-left: 110px;
}
.footer-content-menu-job{
    margin-left: 30px;
}
.footer-content-menu-contact{
    margin-left: 50px;
}
.footer-content-menu-network{
    margin-left: 50px;
}
.footer-content-menu-title {
    display: block;
    margin: 0 0 20px 0;
    font-size: 18px;
    font-family: 'Graphie';
    font-weight: 800;
    line-height: 25px;
    color: #ec2531;
}
.footer-content-menu-list{
    display: block;
    margin: 0;
    padding: 0;
}
.footer-content-menu-item{
    display: block;
    font-size: 18px;
    font-family: 'Graphie';
    font-weight: normal;
    line-height: 25px;
    color: #474747;
}
.list-footer-networks{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}
.item-footer-networks{
    display: block;
    font-size: 18px;
    font-family: 'Graphie';
    font-weight: normal;
    line-height: 25px;
    color: #474747;
}

.footer-content-menu-item-contact p{
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    color: #474747;
    font-weight: normal;
}
.footer-content-menu-item-contact p strong{
    font-size: 14px;
    line-height: 25px;
    color: #ec2531;
}
.footer-content-menu-item:hover,
.item-footer-networks:hover{
    color: #ec2531;
}
.footer-content-financing {
    display: block;
    margin: 0;
    padding: 50px 0 0 20px;
    width: calc(100% - 860px - 350px);
}
.footer-content-financing-title{
    font-family: 'Graphie';
    text-align: left;
    font-size: 40px;
    line-height: 45px;
    color: #474747;
    font-weight: bold;
}
.footer-content-financing-contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.footer-content-financing-texts {
    display: block;
    width: calc(100% - 210px);
    margin: 0;
    padding: 0;
}
.footer-content-financing-text{
    font-family: 'Graphie';
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    color: #474747;
    font-weight: normal;
}
a.footer-content-financing-link{
    font-family: 'Graphie';
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    color: #ec2531;
    font-weight: normal;
}
.footer-content-financing-img{
    display: block;
    width: 210px;
    height: 210px;
    margin: 0;
    padding: 0;
}
.cookie-consent-box{
    display: block;
    width: 100%;
    background: transparent;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999999;
}
.cookie-consent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 30px;
    margin: 0 auto;
    height: 95px;
    width: 90%;
    background: #fff;
    -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.54), 0 11px 15px -7px rgba(0, 0, 0, 0.52), 0 24px 38px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.54), 0 11px 15px -7px rgba(0, 0, 0, 0.52), 0 24px 38px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.54), 0px 11px 15px -7px rgba(0, 0, 0, 0.52), 0px 24px 38px 3px rgba(0, 0, 0, 0.6);
}
.cookie-consent__message {
    display: flex;
    align-items: center;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
    font-size: 20px;
    height: 100%;
    width: 50%;
}
a.cookie-consent__message {
    display: flex;
    font-family: 'Graphie';
    width: 15%;
    font-weight: normal;
    color: #ec2531;
    font-size: 20px;
    min-height: 45px;
    align-content: center;
    align-items: center;
}
a.cookie-consent__message:hover{
    color: #2559ec;
}
.cookie-consent__message span {
    text-align: left;
    line-height: 22px;
    width: 100%;
    display: block;
}
.cookie-consent__agree {
    display: block;
    width: 20%;
    height: 45px;
    background: #ec2531;
    font-family: 'Graphie';
    font-weight: normal;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    appearance: none;
    border: none;
    margin: 0 0 0 0;
    padding: 0;
    cursor: pointer;
}
.cookie-consent__agree:hover{
    background: #a1a1a1;
    color: #ec2531;
}
/* #endregion */

/* #region Policy*/
#policy{
    display: block;
    width: 100%;
    height: auto;
    margin: 120px 0 90px 0;
    padding: 0;
}
.policy-box{
    display: block;
    height: auto;
    padding: 0;
}
.policy-content{
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.policy-title{
    margin: 0 0 95px 0;
    font-family: 'Graphie';
    text-align: left;
    font-size: 55px;
    line-height: 85px;
    color: #474747;
    font-weight: bold;
}
.policy-text{
    font-family: 'Graphie';
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
    font-weight: normal;
}
.policy-text strong, .policy-text b{
    font-size: 32px;
    font-weight: bold;
}
.policy-text em, .policy-text i{
    font-style: italic;
}

/* #endregion */
/* #region News */
#news {
    display: block;
    margin-top: 130px;
    margin-bottom: 130px;
    padding: 0;
}
.news-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px 30px;
    margin: 0;
    padding: 0;
}
.news-item {
    display: block;
    width: 515px;
    height: 670px;
    margin: 0 0 0 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #a1a1a1;
}
a.news-item-link{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.news-item-link-img{
    display: block;
    width: 515px;
    height: 670px;
    margin: 0;
    padding: 0;
    position: absolute !important;
    z-index: 10;
    overflow: hidden;
}
.news-item-link-img img{
    height: 100%;
    opacity: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.news-item-link-details{
    display: block;
    width: 515px;
    height: 670px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.news-item-link-details-category{
    display: block;
    width: 100%;
    margin-top: 155px;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.news-item-link-details-title{
    display: table;
    width: 375px;
    height: calc(100% - 290px);
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.news-item-link-details-title span{
    display: table-cell;
    vertical-align: middle;
}
.news-item-link-details-span {
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 85px;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.news-item-link-details-span-icon{
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
}
.news-item-link-details-span-icon::before {
    font-size: 13px;
    color: #414141;
}
.news-item-no-image {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.news-item:hover .news-item-link-details-title,
.news-item:hover .news-item-link-details-span,
.news-item:hover .news-item-link-details-category{color:#fff}
.news-item:hover .news-item-link-details-span-icon::before{color: #ec2531;}
.news-item:hover .news-item-link-details{ background: url('../../images/background-white.png') repeat;}
.news-item:hover .news-item-link-img img{opacity: 1;}
.news-item:hover .news-item-no-image{
    background: #ec2531;
}

.news-pagination-container{
    display: block;
    width: 100%;
    height: 60px;
    margin: 50px 0 0 0;
}
.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.page-item, .page-item-ellipses {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-right: 20px;
    background: #ec2531;
    cursor: pointer;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.page-item:hover{background: #2559ec;}
.page-item-ellipses {
    background: transparent;
    cursor: initial;
}
.page-item.disabled{background: #474747; cursor: default; pointer-events: none;}
.page-item.active{background: #474747;}

.paginate-link-navigate {
    display: block;
    width: 100%;
    height: 100%;
}
.paginate-link-navigate::before {
    line-height: 60px;
    font-size: 20px;
    color: #fff;
}
.paginate-link-ellipses {
    display: block;
    font-family: 'Graphie';
    font-size: 20px;
    color: #282828;
    font-weight: 900;
    line-height: 60px;
}
a.paginate-link, .paginate-link {
    display: block;
    font-family: 'Graphie';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
}

#new {
    margin-top: 120px;
}
.new-header{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.new-header-title{
    display: block;
    width: 64%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 75px;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
}
.new-header-abbreviation{
    display: block;
    width: 32%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
}
.new-header-info {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    width: 92.5%;
    margin: 0 auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #474747;
}
.new-header-info-date{
    display: block;
    margin: 0 25px 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
}
.new-header-info-author{
    display: block;
    margin: 0 25px 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
}
.news-video,
.news-img-list {
    display: block;
    width: 100%;
    height: 585px;
    background: #8dbcb7;
    margin: 0 0 60px 0;
    padding: 0;
}
.news-img-list .slick-list{overflow: hidden;}
.news-img-list  .slick-slide{
    width: 100%;
    height: 585px;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.news-text{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
}
.news-text strong{
    font-weight: bold;
}
.news-list-head{
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 100px;
    padding: 0;
    height: auto;
    width: 100%;
    border-top: 1px solid #474747;
}
.news-list-head-title{
    display: block;
    text-align: center;
    font-size: 75px;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #ec2531;
    margin: 100px 0 0 0;
    
}
/* #endregion */
/* #region Company */
#company, #company-2, #company-positioning{
    margin-top: 120px;
    display: block;
    position: relative;
}
.company-header{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 120px 0;
}
.company-header-title{
    display: block;
    width: 830px;
    text-align: left;
    font-size: 85px;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    margin: 0 0 0 0;
}
.company-header-title strong{
    font-weight: bold;
    color: #ec2531;
}
.company-header-description{
    display: block;
    width: 500px;
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
    margin: 0;
}
#company-video{
    display: flex;
    justify-content: end;
    width: 100%;
}
.company-video {
    display: block;
    width: 1385px;
    height: 800px;
    background: #8dbcb7;
    margin: 0;
    padding: 0;
}
.company-video iframe{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.company-positioning{
    display: flex;
    width: 100%;
    min-height: 390px;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
    margin: 120px 0 0 0;
    position: relative;
}
.company-positioning-title{
    display: inline-block;
    margin: 0;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    color: #a6a6a6;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-orientation: mixed;
    text-align: right;
}
.company-positioning-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: calc(100% - 85px - 60px);
    height: 100%;
    margin: 0;
    padding: 0;
}
.company-positioning-item{
    display: block;
    height: 100%;
    width: 30%;
    margin: 0;
    padding: 0;
}
.company-positioning-item-title{
    display: block;
    line-height: 30px;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 30px;
    color: #ec2531;
    text-align: center;
}
.company-positioning-item-title strong{
    display: block;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: 800;
    font-size: 85px;
    color: #474747;
    margin: 30px 0 0 0;
}
.company-positioning-item-description{
    display: block;
    margin: 50px 0 0 0;
    line-height: 25px;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 18px;
    color: #474747;
}
.company-positioning-values{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 7.5px 7.5px;
}
.company-positioning-values strong{
    display: block;
    min-width: 185px;
    width: auto;
    margin: 0;
    padding: 0 30px;
    border-radius: 15px;
    background: #a6a6a6;
    text-align: center;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
}
.company-environmental{
    display: block;
    margin: 0 0 0 0;
    padding: 0;
}
.company-environmental-title{
    display: block;
    width: 650px;
    text-align: center;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    color: #ec2531;
    margin: 0 auto 80px auto;
}
.company-environmental-description{
    display: block;
    width: 75%;
    margin: 0 auto;
    font-family: 'Graphie';
    text-align: left;
    font-weight: normal;
    line-height: 30px;
    font-size: 22px;
    color: #474747;
}
#history{
    display: block;
    width: 100%;
    height: 880px;
    margin: 100px 0 0 0;
    padding: 0;
    background: linear-gradient(90deg, #ec2531 50%, #FFF 50%);
}
.history-content{
    display: block;
    height: 100%;
    padding: 0;
}
.history-content-item {
    display: flex !important;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.history-red {
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    gap: 0 115px;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 50%;
    height: 100%;
    font-size: 0;
    position: relative;
}
.history-red-title {
    display: inline-block;
    width: 355px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 0 0;
    vertical-align: top;
}
.history-year-box{
    display: block;
    width: 180px;
}
.history-year-list {
    display: block;
    width: 520px;
    height: 200px;
    overflow: hidden;
    margin: 0 0 0 0;
    position: absolute;
    z-index: 10000000000000;
    right: -260px;
    top: 80px;
}
.history-year {
    display: block;
    width: 520px;
    height: 200px;
    text-align: center;
    margin: 0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 200px;
    line-height: 200px;
    overflow: hidden;
    position: relative;
}

.history-year .year-init{
    display: inline-block;
    width: 50%;
    height: 600px;
    position: absolute;
    top: -200px;
    color: #fff;
    left: 0;
}
.history-year .year-end{
    display: inline-block;
    width: 50%;
    height: 600px;
    position: absolute;
    top: -200px;
    right: 0;
    color: #ec2531;
}
.history-year .year-init span,
.history-year .year-end span{
    display: block;
    width: 100%;
}

/* .history-year .year-slide-up.start{
    animation-name: sliderUp-start;
    animation-duration: 1s;
}
.history-year .year-slide-up.end{
    animation-name: sliderUp-end;
    animation-duration: 1s;
}
.history-year .year-slide-up-only-end.end{
    animation-name: sliderUp-end;
    animation-duration: 1s;
}
.history-year .year-slide-up-only-start{
    animation-name: sliderUp-start;
    animation-duration: 1s;
}
@keyframes sliderUp-start {
    0% {top: 200px;}
    100% {top: 0}
}
@keyframes sliderUp-end {
    0% {top: 0px;}
    100% {top: -200px;}
} */

.history-red-dots-slick{
    height: 100%;
}
.history-red-dots {
    display: block;
    width: 120px;
    height: calc(100% - 380px);
    z-index: 9;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 380px;
}
.history-red-dots li{
    display: block;
    height: 10px;
    margin: 0 0 10px 0;
    cursor: pointer;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.history-red-dots li.slick-active{
    height: 26px;
}
.history-red-dot{
    display: block;
    width: 100%;
    height: 100%;
}
.history-red-dots-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    margin: 0 15px 0 8px;
    padding: 0;
    vertical-align: middle;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.history-red-dots-line{
    display: inline-block;
    width: 35px;
    height: 2px;
    margin: 0;
    padding: 0;
    background: transparent;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.history-red-dots li.slick-active .history-red-dots-dot{
    width: 26px;
    height: 26px;
    margin: 0 15px 0 0;
}
.history-red-dots li.slick-active .history-red-dots-line, .history-red-dots li:hover .history-red-dots-line{
    background: #fff;
}
.history-red-dots li:hover{height: 18px;}
.history-red-dots li.slick-active:hover{height: 26px;}
.history-red-dots li:hover .history-red-dots-dot{
    width: 18px;
    height: 18px;
    margin: 0 15px 0 4px;
}
.history-red-dots li.slick-active:hover .history-red-dots-dot{
    width: 26px;
    height: 26px;
    margin: 0 15px 0 0;
}
.history-white{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 50%;
    height: 100%;
    position: relative;
}
.history-white .slick-list{
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.history-white .slick-slide{
    display: block;
    width: 100%;
    height: 500px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
}
.history-white-space{
    display: block;
    position: absolute;
    top: 0;
    left: 70px;
}
.history-white-space-noshow{
    display: block;
    position: absolute;
    top: 0;
    left: 70px;
    opacity: 0;
}
.history-white-dot{
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #ec2531;
    margin: 0 15px 35px 0;
    padding: 0;
}
.history-white-subtitle{
    display: block;
    font-family: 'Graphie';
    font-weight: 800;
    font-size: 40px;
    line-height: 50px;
    color: #474747;
    margin: 0 0 30px 0;
}
.history-white-description{
    display: block;
    width: 680px;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #474747;
}
.history-white-images {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.history-white-image {
    display: block;
    width: 135px;
    height: 135px;
    margin: 0 20px 0 0;
    padding: 0;
}
.history-white-image a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* #endregion */
/* #region contact and workhere */
#contact{
    display: block;
    margin: 130px 0 0 0;
}
.contact-header {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0 30px;
    margin: 0;
    padding: 0;
}
.contact-header-left {
    display: block;
    width: 655px;
    height: 636px;
    margin: 0;
    padding: 0;
}
.contact-header-left svg path, .contact-header-left svg circle, .contact-header-left svg line{fill: #7e7e7e;}
.contact-header-right {
    display: block;
    width: calc(100% - 655px);
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}
.contact-header-right-title{
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    line-height: 85px;
    color: #ec2531;
}
.contact-header-right-title strong{color: #474747;}
.contact-header-right-branch-box {
    display: block;
    width: 100%;
    height: auto;
    margin: 75px 0 0 0;
    padding: 0;
    position: relative;
}
.contact-header-right-branch-form{
    display: block;
    width: 445px;
    height: 90px;
    margin: 0 0 0 0;
    font-size: 0;
}
#findbranch {
    display: inline-block;
    width: 335px;
    height: 90px;
    margin: 0 0 0 0;
    padding: 0 40px;
    background: #e0e0e0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 20px;
    color: #474747;
    line-height: 90px;
    border: 0;
    vertical-align: top;
}
.findbranch-label{
    display: inline-block;
    width: 110px;
    height: 90px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #ec2531;
}
.findbranch-label::before{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 50px;
    line-height: 90px;
    text-align: center;
    color: #fff;
}
.contact-header-right-branches-list{
    display: none;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    min-height: 255px;
    margin: 0;
    padding: 0 35px;
    background: #e0e0e0;
    position: relative;
}
.contact-header-right-branches-iten{
    display: block;
    width: 50%;
    height: 70px;
    margin: 0;
    padding: 0 15px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 30px;
    line-height: 70px;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    cursor: pointer;
}
.branches-iten-close {
    display: inline-block;
    width: 95px;
    height: 90px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #ec2531;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -90px;
}
.branches-iten-close::before{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 30px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.contact-header-right-branches-iten:hover{
    background: #9d9d9d;
}
.contact-header-right-branches-infos-list {
    display: none;
    width: 420px;
    min-height: 490px;
    margin: 0;
    padding: 0;
    background: #e0e0e0;
    position: absolute;
    top: 0;
    left: -490px;
    z-index: 10;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.branches-iten-close:hover::before{font-size: 50px;}
.branches-infos-name{
    display: block;
    width: 100%;
    height: 70px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 30px;
    line-height: 70px;
    color: #ec2531;
    position: relative;
    
}
.branches-infos-name::before{
    display: block;
    height: 70px;
    position: absolute;
    right: 20px;
    font-size: 18px;
    line-height: 70px;
    color: #ec2531;
    cursor: pointer;
}
.branches-infos-bar {
    display: block;
    width: 95%;
    margin: 0 auto;
    height: 2px;
    border: none;
    background: #ec2531;
}
.branches-infos-address {
    display: block;
    width: 100%;
    margin: 45px 0 0 0;
}
.branches-infos-address-street,
.branches-infos-address-city,
.branches-infos-address-zipcode{
    display: block;
    text-align: center;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #474747;
}
.branches-infos-sector-list{
    display: block;
    width: 100%;
    margin: 45px 0 0 0;
    padding: 0;
}
.branches-infos-sector-iten{
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 45px;
}
.branches-infos-sector-name{
    margin: 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #ec2531;
}
.branches-infos-sector-phone{
    margin: 0;
    font-family: 'Graphie';
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    color: #474747;
}
.branches-infos-sector-mail{
    margin: 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #474747;
}
.form-contact-content{
    display: block;
    margin: 120px 0 135px 0;
}
.form-contact-content form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1010px;
    margin: 0 auto;
    padding: 0 0 0 0;
}
.contact-form-input-wrapper{
    display: block;
    width: 495px;
    height: 40px;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #474747;
    position: relative;
}
.contact-form-label{
    display: block;
    margin: 0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
    color: #474747;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    position: absolute;
}
.contact-form-input{
    display: block;
    width: 100%;
    height: 30px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
    border: none;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.contact-form-textarea-wrapper{
    display: block;
    width: 100%;
    margin: 0 0 55px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #474747;
    position: relative;
}
.contact-form-textarea {
    display: block;
    height: 100%;
    width: 100%;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 22px;
    line-height: 25px;
    color: #474747;
    border: none;
    padding: 0;
}
.label-focus{
    top: -25px;
    font-size: 16px;
    color: #868585;
}
.content-form-submit-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 80px;
}
.error-message {
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    font-size: 12px;
}
.content-form-submit-message {
    display: block;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 20px;
    line-height: 80px;
    opacity: 0;
}
.content-form-submit-message.send-progress{
    opacity: 1;
    color: #474747;
}
.content-form-submit-message.sucess{
    opacity: 1;
    color: #00a127;
}
.content-form-submit-message.fail{
    opacity: 1;
    color: #ec2531;
}
.h-captcha{
    display: block;
    width: 300px;
    height: 80px;
    margin: 0;
    padding: 0;
}
.contact-form-submit{
    display: block;
    width: 235px;
    height: 80px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: #a1a1a1;
    font-family: 'Graphie';
    text-align: center;
    font-weight: normal;
    font-size: 25px;
    line-height: 80px;
    color: #fff;
    border-radius: 10px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.contact-form-submit:hover{
    background: #cccccc;
    color: #ec2531;
}
#workhere{
    display: block;
    margin: 120px 0 0 0;
}
.workhere-texts {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.workhere-texts-title{
    display: block;
    width: 890px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    line-height: 85px;
    color: #474747;
}
.workhere-texts-title strong{
    color: #ec2531;
}
.workhere-texts-description{
    display: block;
    width: 500px;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
}
.workhere-texts-description strong{
    font-weight: bold;
}
.workhere-jobs {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.workhere-jobs-title {
    display: block;
    height: 320px;
    margin: 0 95px 0px 0;
    font-weight: bold;
    font-family: 'Graphie';
    font-size: 85px;
    line-height: 85px;
    color: #a6a6a6;
    padding: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-orientation: mixed;
    text-align: left;
}
.workhere-jobs-list{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 1250px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.workhere-jobs-list-item{
    display: block;
    width: 250px;
    height: 360px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 1px solid #a1a1a1;
}
.workhere-jobs-list-item a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.workhere-jobs-list-item-name{
    display: block;
    font-family: 'Graphie';
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    color: #ec2531;
    margin: 75px 0 0 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.workhere-jobs-list-item-title{
    display: table;
    width: 190px;
    height: calc(100% - 145px);
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.workhere-jobs-list-item-title span {
    display: table-cell;
    vertical-align: middle;
}
.workhere-jobs-list-item-details{
    display: block;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #ec2531;
    margin: 0 0 30px 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.workhere-jobs-list-item-details i::before{
    line-height: 22px;
    color: #474747;
    font-size: 15px;
    margin: 0 0 0 5px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.workhere-jobs-list-item:hover .workhere-jobs-list-item-name{color: #474747;}
.workhere-jobs-list-item:hover .workhere-jobs-list-item-title{color: #ec2531;}
.workhere-jobs-list-item:hover .workhere-jobs-list-item-details{color: #474747;}
.workhere-jobs-list-item:hover .workhere-jobs-list-item-details i::before{color: #ec2531;}

/* #endregion */

/* #region constructions */
#constructions{
    display: block;
    margin-top: 125px;
}
.constructions-header{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 90px;
}
.constructions-header-title{
    display: block;
    width: 855px;
    height: auto;
    margin: 0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    line-height: 85px;
    color: #ec2531;
}
.constructions-header-title strong{
    color: #474747;
}
.constructions-no-items{
    display: block;
    margin: 0 0 150px 0;
    font-family: 'Graphie';
    font-weight: bold;
    text-align: center;
    font-size: 25px;
    line-height: 25px;
    color: #474747;
}
.constructions-header-text{
    display: block;
    width: 500px;
    height: auto;
    margin: 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
}
#mapconstructions{
    display: block;
    width: 100%;
    height: 700px;
    background: #8dbcb7;
    margin: 0 0 185px 0;
    padding: 0;
}
.constructions-content {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    min-height: 700px;
    margin: 0 auto 185px auto;
    padding: 0;
}
.constructions-content-left{
    display: block;
    width: 175px;
    height: auto;
    margin: 0 40px 0 0;
    padding: 0;
    position: relative;
}
.constructions-content-right{
    display: block;
    width: calc(100% - 175px - 40px);
    height: auto;
    margin: 0 0 0 0;
    padding: 0;
}
.constructions-content-title {
    display: block;
    height: 610px;
    margin: 0 95px 0px 0;
    font-weight: bold;
    font-family: 'Graphie';
    font-size: 85px;
    line-height: 85px;
    color: #a6a6a6;
    padding: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-orientation: mixed;
    text-align: left;
}
.constructions-content-text{
    display: block;
    width: 835px;
    font-weight: bold;
    font-family: 'Graphie';
    font-size: 22px;
    line-height: 32px;
    color: #474747;
    margin: 0 0 90px 100px;
}
.constructions-content-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    gap: 30px 10px;
}
.constructions-content-item{
    display: inline-block;
    width: 460px;
    height: 635px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    vertical-align: top;
    border: 1px solid #a1a1a1;
    background: #ffffff;
    overflow: hidden;
}
.constructions-content-item a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.constructions-content-item-img, .constructions-content-item-noimg{
    width: 460px;
    height: 260px;
    background: #ec2531;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.constructions-content-item-img img, .highlight-slider-iten-img img{
    min-height: 100%;
    min-width: 100%;
    width: auto
}
.constructions-content-item-infos{
    display: flex;
	justify-content: start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 40px 0;
	width: 100%;
	height: calc(100% - 260px);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.constructions-content-item-client{
    display: block;
    width: 100%;
    height: 35px;
    margin: 150px 0 0 0 ;
    padding: 0;
    font-weight: normal;
    font-family: 'Graphie';
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.constructions-content-item-name{
    display: table;
    width: 300px;
    height: calc(100% - 80px);
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.constructions-content-item-name span{
    display: table-cell;
    vertical-align: middle;
}
.constructions-content-item-details{
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 0 0 0 ;
    padding: 0;
    font-weight: normal;
    font-family: 'Graphie';
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.constructions-content-item-details i {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
}
.constructions-content-item-details i::before{
    font-size: 13px;
    color: #4b4646;
}
/* .constructions-content-item:hover .constructions-content-item-img, */
/* .constructions-content-item:hover .constructions-content-item-noimg{opacity: 1;} */
.constructions-content-item:hover{border-color: #ec2531;}
.constructions-content-item:hover .constructions-content-item-infos {background: url('../../images/background-white.png') repeat;}
.constructions-content-item:hover .constructions-content-item-name,
.constructions-content-item:hover .constructions-content-item-client,
.constructions-content-item:hover .constructions-content-item-details{color: #ec2531;}
/* .constructions-content-item:hover .constructions-content-item-details i::before{color: #ec2531;} */

.construction-selected {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.construction-selected-header{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.construction-selected-header-name{
    display: block;
    width: 940px;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    line-height: 85px;
    color: #474747;
}
.construction-selected-header-description{
    display: block;
    width: 500px;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
}
.construction-selected-header-logo{
    display: block;
    height: 191px;
    width: 312px;
    margin: 0;
    padding: 0;
}
.construction-selected-body{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.construction-selected-body-map{
    display: block;
    width: 600px;
    height: 380px;
    margin: 0 0 0 45px;
    padding: 0;
}
.construction-selected-body-texts{
    display: block;
    width: 820px;
    height: auto;
    margin: 0;
    padding: 0;
}
.construction-selected-body-texts-title{
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    color: #474747;
}
.construction-selected-body-texts-description{
    display: block;
    margin: 115px 0 0 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
}
.construction-selected-galery{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.products-selected-galery{margin-top: 120px; margin-bottom: 150px;}
.construction-selected-galery-title{
    display: block;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    color: #474747;
    margin: 0 0 0 45px;
}
.construction-selected-galery-list{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 35px 20px;
    margin: 35px 0 0 0;
    padding: 0;
}
.construction-selected-galery-item-video{
    display: block;
    width: 525px;
    height: 310px;
    margin: 0;
    padding: 0;
    background: #ede1c9;
}
.construction-selected-galery-item-video iframe{
    width: 100%;
    height: 100%;
}
.construction-selected-galery-item{
    display: block;
    width: 525px;
    height: 310px;
    margin: 0;
    padding: 0;
    filter: grayscale(1);
    cursor: pointer;
    overflow: hidden;
}
.construction-selected-galery-item a{
    display: block;
    width: 100%;
    height: 100%;
}
.construction-selected-galery-item:hover{
    filter: grayscale(0);
}
/* #endregion */
/* #region shop */
#shop{
    display: block;
    margin-top: 120px;
}
.shop-content{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.shop-content-head {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
}
.shop-content-head-title{
    display: block;
    width: 610px;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    line-height: 85px;
    color: #ec2531;
}
.shop-content-head-title strong{
    color: #474747;
}
.shop-content-head-limits{
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    width: 610px;
    height: 150px;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #474747;
}
.shop-content-head-limits-total{
    display: block;
    height: 35px;
    margin: 0 35px 40px 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    color: #474747;
    align-self: flex-end;
}
.shop-content-head-limits-input{
    display: block;
    height: 35px;
    margin: 0 0 40px 0;
    padding: 0;
    align-self: flex-end;
}
.shop-content-head-limits-input-select{
    display: inline-block;
    height: 35px;
    margin: 0 15px 0 0;
    padding: 0;
    align-self: flex-end;
    position: relative;
}
.shop-content-head-limits-input-select::after{
    display: block;
    content: '▼';
    position: absolute;
    width: 15px;
    height: 35px;
    top: 0;
    right: 0;
    z-index: 1000;
    font-size: 10px;
    line-height: 35px;
}
.set-limit{
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    width: 60px;
    height: 35px;
    border: 1px solid #474747;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    color: #474747;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}
.set-limit::before{
    position: absolute;
    right: 0;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #474747;
    transform: rotate(90deg);
}
.shop-content-head-limits-input span{
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    color: #474747;
}
.shop-content-body{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 105px;
    margin-bottom: 240px;
}
.shop-content-departments{
    display: block;
    width: 330px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #dfdfdf;
}
.shop-content-departments-title{
    display: block;
    height: 85px;
    margin: 15px 0 0 30px;
    padding: 0 0 0 0;
    font-family: 'Graphie';
    font-weight: 600;
    font-size: 35px;
    line-height: 85px;
    color: #474747;
}
.shop-content-departments-subtitle {
    display: block;
    height: auto;
    margin: 15px 0 0 15px;
    padding: 0 0 0 0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    color: #474747;
}
.shop-content-departments-subtitle strong {
    color: #ec2531;
}
a.shop-content-departments-clear {
    display: block;
    height: auto;
    margin: 15px 0 0 0;
    padding: 20px 0;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 24px;
    line-height: 25px;
    color: #ec2531;
    text-align: center;
    border-top: 1px solid #474747;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
a.shop-content-departments-clear:hover{
    background: #ec2531;
    color: #fff;
}
.shop-content-list-category{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.shop-content-item-category{
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    min-height: 55px;
    margin: 0;
    padding: 5px 25px;
    position: relative;
    cursor: pointer;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
a.shop-content-item-category-name{
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'Graphie';
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #474747;
}
.shop-content-item-category-icon {
    display: block;
    width: 10px;
    height: 15px;
}
.shop-content-item-category-icon::before {
    text-align: center;
    font-size: 12px;
    color: #474747;
    transform: rotate(90deg);
}
.shop-content-list-subcategory {
    display: none;
    width: 300px;
    height: auto;
    margin: 0;
    padding: 0;
    background: #ededed;
    position: absolute;
    top: 0;
    right: -285px;
    z-index: 10;
    -moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.34), 0 3px 14px 2px rgba(0, 0, 0, 0.32), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.34), 0 3px 14px 2px rgba(0, 0, 0, 0.32), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.34), 0 3px 14px 2px rgba(0, 0, 0, 0.32), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.shop-content-item-subcategory{
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    min-height: 55px;
    margin: 0;
    padding: 5px 30px;
    cursor: pointer;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
a.shop-content-item-subcategory-name{
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'Graphie';
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #474747;
}
.shop-content-item-subcategory:hover {
    background-color: #dfdfdf;
    background-size: 100%;
    transition: background-color 0s;
}
.shop-content-item-category:hover .shop-content-list-subcategory {display: block;}
.shop-content-item-category:hover{background-color: #ec2531;}
.shop-content-item-category:hover .shop-content-item-category-icon::before,
.shop-content-item-category:hover a.shop-content-item-category-name{color: #fff;}
.shop-content-item-subcategory:hover a.shop-content-item-subcategory-name{color: #ec2531;}
.shop-content-filtersactived-list {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 10%;
}
.shop-content-filtersactived-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}
.shop-content-filtersactived-item-name{
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #474747;
    margin: 0;
}
.shop-content-filtersactived-item-close {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}
.shop-content-filtersactived-item-close::before{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #474747;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.shop-content-filtersactived-item-close:hover::before{
    color: #ec2531;
}
.shop-content-list-variations{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.shop-content-variations {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #474747;
}
.shop-content-variations-name{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    font-family: 'Graphie';
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    color: #474747;
}
.shop-content-variations-values{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 15%;
}
.shop-content-variations-values-name{
    display: block;
    width: 100%;
    height: 20px;
    margin: 0 0 15px 0;
    padding: 0;
}
.shop-content-variations-values-name input {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: top;
    margin: 0 10px 0 0;
}
.shop-content-variations-values-name input[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}
.shop-content-variations-values-name input[type="checkbox"]:after {
    position: relative;
    display: block;
    left: 2px;
    top: -20px;
    width: 16px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: "";
    background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
    background-repeat: no-repeat;
    background-position: center;
}

.shop-content-variations-values-name input[type="checkbox"]:checked:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}
.shop-content-variations-values-name input[type="checkbox"]:disabled:after {
    filter: opacity(0.4);
}
.shop-content-variations-values-name input[type="checkbox"]:not(:disabled):checked:hover:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}
.shop-content-variations-values-name input[type="checkbox"]:not(:disabled):hover:after {
    background-image: linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}
.shop-content-variations-values-name input[type="checkbox"]:not(:disabled):hover:before {
    border-color: #3D7591;
}

.shop-content-variations-values-name label{
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #474747;
    margin: 0;
}
#shop-content-products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 25px;
    margin: 0;
    padding: 0;
    width: calc(100% - 380px);
}
.shop-content-product{
    display: block;
    width: 290px;
    height: 420px;
    margin: 0 0;
    background: #fff;
    padding: 20px 15px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.shop-content-product:nth-child(4n){margin-right: 0;}
.shop-content-products-img{
    display: block;
    width: 260px;
    height: 260px;
    margin: 0 0 0 0;
    padding: 0;
    overflow: hidden;
}
.shop-content-products-name {
    font-family: 'Graphie';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #474747;
    height: calc(100% - 260px - 50px);
    padding: 15px 0;
    margin: 0 0 0 0;
}
.shop-content-products-button {
    display: block;
    width: 260px;
    height: 50px;
    margin: 0 0 0 0;
    padding: 0;
    background: transparent;
    font-family: 'Graphie';
    font-weight: 600;
    font-size: 14px;
    line-height: 50px;
    color: #474747;
    text-align: center;
    border: 1px solid #474747;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.shop-content-product:hover{
    -moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.34), 0 3px 14px 2px rgba(0, 0, 0, 0.32), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.34), 0 3px 14px 2px rgba(0, 0, 0, 0.32), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.34), 0 3px 14px 2px rgba(0, 0, 0, 0.32), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.shop-content-product:hover .shop-content-products-button{
    background: #ec2531;
    color: #fff;
    border-color: #ec2531;
}
.shop-content-product-empty{
    display: block;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
    font-size: 20px;
    line-height: 20px;
}
.products-pagination-container{
    display: block;
    width: 100%;
    height: 60px;
    margin: 50px 0 0 0;
}
.products-pagination-container .pagination{justify-content: end;}

.product-box{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    min-height: 460px;
    margin: 125px 0 75px 0;
    padding: 0 0 0 0;
}
.product-box-img{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 585px;
    margin: 0 0 0 0;
}
.showcase-product-thumbs {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 95px;
    height: 460px;
    gap: 25px 0;
    margin: 0 0 0 0;
}
.showcase-product-thumbs-img{
    display: block;
    width: 95px;
    height: 70px;
    overflow: hidden;
    cursor: pointer;
}
.more-thumbs{
    display: block;
    width: 95px;
    height: 70px;
    overflow: hidden;
    position: relative;
}
.more-thumbs-qtd{
    position: absolute;
    width: 95px;
    height: 70px;
    font-family: 'Graphie';
    font-weight: 700;
    text-align: center;
    color: #272727;
    font-size: 18px;
    line-height: 70px;
    top: 0;
    left: 0;
    background: #ffffff80;
    z-index: 1;
}
.more-thumbs-img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.showcase-product {
    display: block;
    width: 460px;
    height: 460px;
}
.showcase-product .slick-list{overflow: hidden;}
.showcase-product .slick-slide, .showcase-product-, .showcase-product-img-noimage {
    display: inline-block;
    width: 460px;
    height: 460px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.showcase-product-img, .showcase-product-img-noimage{
    display: block;
    width: 460px;
    height: 460px;
    cursor: pointer;
}
/* .showcase-product-img-noimage img{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
} */
.product-box-details{
    display: block;
    width: calc(100% - 585px - 100px);
    margin: 0 0 0 0;
    position: relative;
}
.product-box-details-title{
    display: block;
    margin: 0 0 50px 0;
    padding: 0 0 0 0;
    font-family: 'Graphie';
    font-weight: 700;
    color: #272727;
    font-size: 28px;
    line-height: 30px;
}
.product-box-details-variations-list{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    gap: 30px 0;
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
}
.product-box-details-variations-item{
    display: block;
    width: 100%;
    height: auto;
}
.product-box-details-variations-item-title{
    display: block;
    margin: 0 0 20px 0;
    font-family: 'Graphie';
    font-weight: 700;
    color: #272727;
    font-size: 18px;
    line-height: 20px;
}
.details-variations-radio{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 10px;
}
.details-variations-radio input{opacity: 0; display: none;}
.details-variations-radio input:checked + label {
    border: 1px solid #474747;
    -moz-box-shadow: inset 4px 5px 0 rgba(255, 255, 255, 0.44), inset 0 1px 10px 0 rgba(255, 255, 255, 0.42), inset 0 2px 4px -1px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 4px 5px 0 rgba(255, 255, 255, 0.44), inset 0 1px 10px 0 rgba(255, 255, 255, 0.42), inset 0 2px 4px -1px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 4px 5px 0 rgba(255, 255, 255, 0.44), inset 0 1px 10px 0 rgba(255, 255, 255, 0.42), inset 0 2px 4px -1px rgba(255, 255, 255, 0.6);
}
.variation-color{
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 0 0 0;
    padding: 0;
    cursor: pointer;
}
.details-variations-select {
    display: block;
    position: relative;
    width: 300px;
    height: 40px;
}
.details-variations-select select {
    display: block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    padding: 0 25px 0 25px;
    font-family: 'Graphie';
    font-weight: 500;
    color: #272727;
    font-size: 16px;
    border: 1px solid #bcbcbc;
    background: transparent;
    appearance: none;
    
}
.details-variations-select::after {
    display: block;
    content: '▼';
    position: absolute;
    width: 20px;
    height: 40px;
    top: 0;
    right: 0;
    z-index: 1000;
    font-size: 10px;
    line-height: 40px;
}
.product-box-details-buttons{
    display: block;
    width: 330px;
    height: 75px;
    background: #58c22e;
    cursor: pointer;
    line-height: 75px;
    text-align: center;
    font-family: 'Graphie';
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.product-box-details-buttons:hover{
    background: #4fce1c;
}
.product-infos{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}
.product-infos-title{
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    font-family: 'Graphie';
    font-weight: 700;
    color: #272727;
    font-size: 18px;
    line-height: 35px;
}
.product-infos-bar{
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    height: 2px;
    border: none;
    background: #bcbcbc;
}
.product-infos-description{
    display: block;
    margin: 0 0 0 0;
    padding: 50px;
    font-family: 'Graphie';
    font-weight: 400;
    color: #272727;
    font-size: 16px;
    line-height: 25px;
}
.more-products{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 110px 0;
    padding: 0 0 0 0;
}
.more-products-title{
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    font-family: 'Graphie';
    font-weight: 700;
    color: #272727;
    font-size: 28px;
    line-height:35px;
}
.more-products-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 15px;
    width: 100%;
    height: auto;
    margin: 30px auto 0 auto;
    padding: 0;
}
.more-products-item{
    margin: 0;
}
.product-keywords{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 150px 0;
    padding: 0 0 0 0;
}
.product-keywords-title{
    display: block;
    margin: 0 auto;
    padding: 0 0 0 0;
    font-family: 'Graphie';
    font-weight: 700;
    color: #272727;
    text-align: center;
    font-size: 28px;
    line-height:35px;
}
.product-keywords-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 45%;
    padding: 0;
    margin: 55px auto 0 auto;
    gap: 13px 20px;
}
.product-keywords-item{
    display: block;
    padding: 0 10px;
    margin: 0;
    width: auto;
    height: 25px;
    background: #c52f38;
    font-family: 'Graphie';
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height:25px;
    
}
/* #endregion */

/* #region services */
.services-texts{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 100px;
    width: 100%;
    height: auto;
    margin: 120px 0 130px 0;
    padding: 0;
}
.services-header{
    display: block;
    width: calc(100% - 650px);
    margin: 0;
}
.services-header-title{
    font-size: 85px;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #ec2531;
}
.services-header-title strong{
    color: #474747;
}
.services-header-texts {
    display: block;
    width: 550px;
    padding: 0 50px 0 0;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
    box-sizing: border-box;
}
.services-list{
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0 0 140px 0;
    padding: 0;
}
.services-item{
    display: block;
    width: 515px;
    height: 675px;
    margin: 0;
    padding: 0;
    border: 1px solid #a1a1a1;
    overflow: hidden;
}
.services-item a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.services-item-img,
.services-item-noimg{
    display: block;
    width: 515px;
    height: 290px;
    background: #ec2531;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.services-item-img img{
    min-height: 100%;
    min-width: 100%;
    width: auto;
}
.services-item-infos{
    display: flex;
	justify-content: start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 40px 0;
	width: 100%;
	height: calc(100% - 290px);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background: url('../../images/background-white.png') repeat;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.services-item-infos-span{
    display: block;
    margin: 150px 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.services-item-infos-name{
    display: table;
    width: 300px;
    height: calc(100% - 80px);
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.services-item-infos-name span {
    display: table-cell;
    vertical-align: middle;
}
.services-item-infos-details{
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.services-item-infos-details i {
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
}
.services-item-infos-details i::before {
    font-size: 13px;
    color: #ec2531;
}
.services-item:hover {border-color: #ec2531;}
/* .services-item:hover .services-item-img,
.services-item:hover .services-item-noimg{opacity: 1;}
.services-item:hover .services-item-infos-span{
    color: #fff;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #474747;
} */
.services-item:hover .services-item-infos-name,
.services-item:hover .services-item-infos-details{
    color: #ec2531;
}
.services-item:hover .services-item-infos-details i::before{
    color: #474747;
}

.services-like{
    display: block;
    width: 100%;
    height: auto;
    margin: 120px 0 150px 0;
    padding: 0;
}
.services-like-title, .differential-title{
    display: block;
    width: 990px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 85px;
    line-height: 85px;
    color: #ec2531;
}
.services-like-content{
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    width: 100%;
    height: auto;
    margin: 85px 0 0 0;
    padding: 0;
}
.services-like-content-text{
    display: block;
    width: 690px;
    height: auto;
    margin: 0 80px 0 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: normal;
    text-align: right;
    font-size: 42px;
    line-height: 50px;
    color: #474747;
}
.services-like-content-buttons{
    display: block;
    width: 770px;
    height: auto;
}
.services-like-content-buttons-item, .services-like-content-buttons-item a {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.services-like-content-buttons-item-icon{
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #ec2531;
    margin: 15px 50px 0 0;
    padding: 0;
    position: relative;
    transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
}
.services-like-content-buttons-item-icon::before{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 100px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 55px;
    color: #fff;
    transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
}
.services-like-content-buttons-item-texts{
    display: block;
    width: calc(100% - 150px);
    height: 135px;
    margin: 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 35px;
    line-height: 40px;
    color: #474747;
    transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
}
.services-like-content-buttons-item a:hover .services-like-content-buttons-item-icon{background: #a1a1a1;}
.services-like-content-buttons-item a:hover .services-like-content-buttons-item-texts{color: #ec2531;}
/*
.services-like-content-buttons-item a:hover .services-like-content-buttons-item-icon::before{color: #ec2531;}
*/

.services-like-content-buttons-item-texts em{
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #ec2531;
    margin: 0;
    padding: 0;
}
.services-like-content-buttons-item-texts strong{
    display: block;
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
    margin: 0;
    padding: 0;
}
.services-like-content-buttons-item-texts span{
    display: block;
    font-family: 'Graphie';
    font-weight: 600;
    font-size: 50px;
    line-height: 135px;
}
/* #endregion */
/*__________________IE 10 e acima________________*/

/* #region pop-up */
#product-pop-up {
    display: none;
    position: fixed;
    background: #00000080;
    z-index: 99999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pop-up-box {
    display: block;
    width: 85%;
    background: #fff;
    height: 85%;
    position: relative;
    border-radius: 15px;
    top: 8%;
    left: 7%;
}
.close-pop-up {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 20px;
    right: 40px;
    cursor: pointer;
}
.close-pop-up::before{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 30px;
    text-align: center;
}
.pop-up-product-name {
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding: 0 35px;
    margin: 0;
    font-family: 'Graphie';
    font-weight: 700;
    text-align: left;
    color: #272727;
    font-size: 35px;
}
.pop-up-product-bar {
    display: block;
    width: 90%;
    height: 1px;
    background: #474747;
    border: none;
    margin: 0 auto;
}
.pop-up-images {
    display: flex;
    width: 90%;
    height: calc(100% - 71px);
    margin: 0 auto;
    padding: 0;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    gap: 0 20px;
}
.pop-up-thumbs {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    align-content: start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 50px 40px;
    width: 600px;
    height: 650px;
    margin: 55px 0 0 0;
    padding: 0;
}
.pop-up-thumbs-img{
    display: block;
    width: 95px;
    height: 70px;
    margin: 0 0 0 0;
    padding: 0;
    cursor: pointer;
}
.pop-up-slick{
    display: block;
    width: 820px;
    height: 700px;
    margin: 0;
    padding: 0;
    position: relative;
}
.pop-up-slick .slick-list{
    display: inline-block;
    width: 700px;
    height: 700px;
    margin: 0 15px;
    overflow: hidden;
}
.pop-up-slick .slick-slide {
    display: inline-block;
    width: 700px;
    height: 700px;
    margin: 0;
    padding: 0;
    filter: grayscale(1);
}
.pop-up-slick .slick-slide.slick-current.slick-active{
    filter: grayscale(0);
}
.pop-up-slick .slick-arrow {
    display: inline-block;
    width: 45px;
    height: 80px;
    padding: 0;
    vertical-align: top;
    appearance: none;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
    top: calc(50% - 45px);
}
.pop-up-slick .slick-arrow::before{
    display: inline-block;
    font-family: 'pilli';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pop-up-slick .slick-prev::before{
    content:'\0041';
    transform: rotate(-90deg);
    font-size: 45px;
}
.pop-up-slick .slick-next::before{
    font-size: 45px;
    content:'\0041';
    transform: rotate(90deg);
}
.pop-up-slick-img {
    display: block;
    width: 700px;
    height: 700px;
    margin: 0;
    padding: 0;
}
.pop-up-slick-img img{
    height: 100%;
}
.pop-up-construction{
    display: block;
    width: 100%;
    height: 700px;
    margin: 0;
    padding: 0;
    position: relative;
}
.pop-up-construction .slick-list{
    display: inline-block;
    width: calc(100% - 120px);
    height: 700px;
    margin: 0 15px;
    overflow: hidden;
}
.pop-up-construction .slick-slide {
    display: inline-block;
    width: auto;
    height: 700px;
    margin: 0;
    padding: 0 50px;
    filter: grayscale(1);
}
.pop-up-construction .slick-slide.slick-current.slick-active{
    filter: grayscale(0);
}
.pop-up-construction-img{
    display: block;
    width: 100%;
    height: 700px;
    margin: 0 50px;
    padding: 0;
}
#company-pop-up{
    display: none;
    position: fixed;
    background: #00000080;
    z-index: 99999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.company-pop-up{
    display: inline-block;
    width: 800px;
    background: #fff;
    height: 800px;
    position: relative;
    border-radius: 15px;
    top: calc(50% - 400px);
    left: calc(50% - 400px);
}
.company-pop-up-images{
    display: block;
    width: 700px;
    height: 700px;
    margin: 50px;
}
/* #endregion */

/* #region search */
#search{
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 130px 0 0 0;
    padding: 0 0 0 0;
}
.search-filters-list{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 0;
    align-items: flex-start;
    margin: 0 0 100px 0;
    padding: 0 0 0 0;
}
.search-filters-iten{
    display: block;
    width: calc(100% / 3);
    height: 625px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
}
.search-filters-iten-img{
    display: block;
    width: 100%;
    height: 255px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
}
.search-filters-iten-content{
    display: inline-block;
    width: 100%;
    height: 370px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #e5e5e5;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.search-filters-iten-content-subtitle{
    display: block;
    width: 100%;
    height: 30px;
    margin: 45px 0 0 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    color: #ec2531;
    text-align: center;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.search-filters-iten-content-title{
    display: block;
    width: 100%;
    height: 80px;
    margin: 25px 0 0 0;
    font-family: 'Graphie';
    font-weight: 700;
    font-size: 80px;
    line-height: 80px;
    color: #474747;
    text-align: center;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.search-filters-iten-content-qtd{
    display: block;
    width: 100%;
    height: 30px;
    margin: 35px 0 0 0;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    color: #474747;
    text-align: center;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.search-filters-iten-content-icon{
    display:block;
    width: 45px;
    height: 45px;
    margin: 65px auto 0 auto;
    padding: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.search-filters-iten-content-icon::before{
    width: 45px;
    height: 45px;
    font-size: 45px;
    color: #ec2531;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.search-filters-iten:hover .search-filters-iten-content{
    background: url('../../images/background.png') repeat;
    background-color: #ec2531;
}
.search-filters-iten:hover .search-filters-iten-content-subtitle,
.search-filters-iten:hover .search-filters-iten-content-title,
.search-filters-iten:hover .search-filters-iten-content-qtd,
.search-filters-iten:hover .search-filters-iten-content-icon::before{color: #fff;}

.search-results-header{
    display: block;
    width: 100%;
    margin: 0 0 120px 0;
}
.search-results-header-title{
    display: block;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 55px;
    line-height: 75px;
    color: #ec2531;
}
.search-results-header-search{
    display: block;
    font-family: 'Graphie';
    font-weight: bold;
    font-size: 65px;
    line-height:75px;
    color: #474747;
}
.search-results-box {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.search-results-list{
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0;
    padding: 0;
}
.search-results-iten{
    display: block;
    width: 515px;
    height: 670px;
    margin: 0;
    padding: 0;
    border: 1px solid #a1a1a1;
    overflow: hidden;
}
.search-results-iten a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.search-results-iten-img,
.search-results-iten-noimg{
    display: block;
    width: 515px;
    height: 670px;
    background: #ec2531;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.search-results-iten-img img{
    min-height: 100%;
    min-width: 100%;
    width: auto;
}
.search-results-iten-infos{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.search-results-iten-infos-category{
    display: block;
    margin: 150px 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.search-results-iten-infos-name{
    display: table;
    width: 190px;
    height: calc(100% - 170px - 105px);
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.search-results-iten-infos-name span {
    display: table-cell;
    vertical-align: middle;
}
.search-results-iten-infos-detail{
    display: block;
    margin: 0 0 85px 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.search-results-iten-infos-detail i {
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
}
.search-results-iten-infos-detail i::before {
    font-size: 13px;
    color: #ec2531;
}
.search-results-iten:hover {border-color: #ec2531;}
.search-results-iten:hover .search-results-iten-img,
.search-results-iten:hover .search-results-iten-noimg{opacity: 1;}
.search-results-iten:hover .search-results-iten-infos {background: url('../../images/background-white.png') repeat;}
.search-results-iten:hover .search-results-iten-infos-category{
    color: #fff;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #474747;
}
.search-results-iten:hover .search-results-iten-infos-name{
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #474747;
}
.search-results-iten:hover .search-results-iten-infos-detail{
    color: #fff;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #474747;
}
.search-results-iten:hover .search-results-iten-infos-detail i::before{
    color: #fff;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #474747;
}
.search-results-noiten{
    display: block;
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
}
.search-pagination {
    display: block;
    width: 100%;
    height: 60px;
    margin: 115px 0 0 0;
    padding: 0;
}
.search-pagination-container{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
/* #endregion */

/* #region products industrial */
#products-industrial{
    display: block;
    margin: 125px 0 0 0;
    padding: 0;
}
.products-industrial-header{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 10%;
    align-items: flex-start;
}
.products-industrial-title{
    display: inline-block;
    width: 50%;
    text-align: left;
    font-size: 85px;
    line-height: 85px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #ec2531;
}
.products-industrial-title strong{
    color: #474747;
}
.products-industrial-description{
    display: inline-block;
    width: 40%;
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
}
.industrial-category-box {
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
    width: 100%;
    height: 445px;
    margin: 100px 0 0 0;
    padding: 0 0 0 0;
    background: #ec2531;
}
.industrial-category-content {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
    width: 50%;
    height: 445px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.industrial-category-content-list{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 5px 0;
    align-items: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.industrial-category-content-item{
    display: block;
    width: 100%;
    height: 45px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 30px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    text-transform: capitalize;
    cursor: pointer;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
}
.industrial-category-content-item a{
    display: block;
    color: #FFF;
}
.industrial-category-content-item:hover{
    font-size: 40px;
    line-height: 85px;
    height: 85px;
}
.industrial-category-content-item a::before{
    display: inline-block;
    vertical-align: middle;
    content: "";
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #fff;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
}
.industrial-category-content-item:hover a::before{
    width: 10px;
    height: 10px;
    margin: 0 20px 0 0;
}
.industrial-category-content-clear-filters{
    display: block;
    width: auto;
    height: 50px;
    margin: 80px 0 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
}
.industrial-category-content-clear-filters a{
    text-align: left;
    font-size: 22px;
    line-height: 50px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #fff;
}
.industrial-category-content-clear-filters a::before{
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
    padding: 0 0 0 0;
    background: #fff;
    border-radius: 50%;
    color: #ec2531;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
}
.industrial-category-img-content{
    display: block;
    width: 610px;
    height: 445px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    overflow: hidden;
}
.industrial-category-img-content-img{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
}
.industrial-category-img-content-img.actived{opacity: 1;}
.industrial-category-img-content-img.desactived{opacity: 0;}
.industrial-category-img-content-img .lazy-img{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.industrial-category-img-content-img .lazy-img img{
    height: 100%;
}
.industrial-products-box{
    display: block;
    margin: 145px auto 0 auto;
    padding: 0 0 0 0;
    height: auto;
}
.industrial-products-list{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0;
    padding: 0;
}
.industrial-products-item{
    display: block;
    width: 515px;
    height: 670px;
    margin: 0;
    padding: 0;
    border: 1px solid #a1a1a1;
    overflow: hidden;
    position: relative;
}
.industrial-products-noiten{
    display: block;
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
}
.industrial-products-item a{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.industrial-products-item-img,
.industrial-products-item-noimg{
    display: block;
    width: 515px;
    height: 290px;
    background: #ec2531;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.industrial-products-item-img img{
    width: 100%;
}
/* .industrial-products-item-img{
    filter: grayscale(1);
    opacity: 0.2;
}
.industrial-products-item-img img{
    min-height: 100%;
    min-width: 100%;
    width: auto;
} */
.industrial-products-item-infos {
	display: flex;
	justify-content: start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 40px 0;
	width: 100%;
	height: calc(100% - 290px);
	background: url('../../images/background-white.png') repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
}
.industrial-products-item-infos-category{
    display: block;
    margin: 150px 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.industrial-products-item-infos-name{
    display: table;
    width: 300px;
    height: calc(100% - 80px);
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.industrial-products-item-infos-name span {
    display: table-cell;
    vertical-align: middle;
}
.industrial-products-item-infos-details{
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #ec2531;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
}
.industrial-products-item-infos-details i {
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
}
.industrial-products-item-infos-details i::before {
    font-size: 13px;
    color: #ec2531;
}
.industrial-products-item:hover {border-color: #ec2531;}
/*
.industrial-products-item:hover .industrial-products-item-img{opacity: 1; filter: grayscale(0);}
.industrial-products-item:hover .industrial-products-item-noimg{opacity: 1;}
.industrial-products-item:hover .industrial-products-item-infos {top: 100%;}
.industrial-products-item:hover .industrial-products-item-infos-category{color: #fff; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #474747;}
.industrial-products-item:hover .industrial-products-item-infos-name{color: #fff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #474747;}
.industrial-products-item:hover .industrial-products-item-infos-details{color: #fff; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #474747;}
.industrial-products-item:hover .industrial-products-item-infos-details i::before{color: #fff; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #474747;}
*/
.industrial-products-pagination{
    display: block;
    width: 100%;
    height: 60px;
    margin: 125px auto 0 auto;
    padding: 0 0 0 0;
}
.industrial-products-pagination-container{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
/* #endregion */
/* #region Product industry*/
.differential-box {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.differential-list{
    display: block;
    margin: 190px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.differential-item {
    display: block;
    min-height: 410px;
    height: auto;
    width: 100%;
    margin: 0 0 100px 0;
    padding: 0;
}
.differential-item-article{
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Graphie';
    font-weight: normal;
    color: #474747;
}
.differential-item-article-galery{
    display: block;
    width: 680px;
    height: 410px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
}
.differential-item-article-galery-right{
    float: right;
    margin: 0 0 0 100px;
}
.differential-item-article-galery-left{
    float: left;
    margin: 0 100px 0 0;
}
.differential-item-article-galery-center{
    display: block;
    width: 100%;
    height: 485px;
    margin: 0 0 100px 0;
}
.differential-item-article-galery .slick-list{
    overflow: hidden;
}
.differential-item-article-galery-center .slick-slide{overflow: hidden;}
.differential-item-article-galery-right .slick-slide,
.differential-item-article-galery-left .slick-slide,
.differential-item-article-galery-img{
    display: inline-block;
    width: 680px;
    height: 410px;
    margin: 0 0 0 0 ;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
}
.differential-item-article-galery-video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.differential-item-article-galery-center .slick-slide,
.differential-item-article-galery-center .differential-item-article-galery-img{
    display: inline-block;
    width: 1625px;
    height: 485px;
    margin: 0 0 0 0 ;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
}
.differential-item-article-galery .slick-arrow {
    display: inline-block;
    width: 45px;
    height: 80px;
    font-size: 0;
    padding: 0;
    vertical-align: top;
    appearance: none;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 45px);
    z-index: 99;
}
.differential-item-article-galery .slick-arrow::before{
    display: inline-block;
    color: #474747;
    font-family: 'pilli';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 45px;
    content:'\0041';
}
.differential-item-article-galery .slick-arrow:hover::before{color: #ec2531;}
.differential-item-article-galery .slick-prev::before{
    transform: rotate(-90deg);
}
.differential-item-article-galery .slick-next::before{
    transform: rotate(90deg);
}
.differential-item-article-galery .slick-prev{left: 0;}
.differential-item-article-galery .slick-next{right: 0;}

.differential-item-article-galery-img{
    display: block;
    width: 680px;
    height: 410px;
}
.differential-item-article-title{
    display: block;
    margin: 0 0 50px 0;
    font-size: 54px;
    line-height: 60px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
}
.specification-box{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    margin: 120px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.specification-text{
    display: block;
    width: 100%;
    height: auto;
    font-family: 'Graphie';
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
}
.specification-text-title{
    font-size: 54px;
    line-height: 60px;
    font-family: 'Graphie';
    font-weight: bold;
    color: #474747;
    margin: 0 0 50px 0;
}
/* #endregion */
/* #region Maps */
.gm-style .gm-style-iw-c {
    border-radius: 0px;
    background-color: #f0f0f0;
    padding: 12px !important;
}
.gm-style .gm-style-iw-d{
    overflow: hidden !important;
}
.map-content-link{
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0 15px;
    width: 305px;
    height: 105px;
    padding: 0;
    margin: 0 0 0 0;
}
.map-content-img{
    display: block;
    width: 96px;
    height: 59px;
    padding: 0;
    margin: 0 0 0 0;
    background: #fff;
}
.map-content-img img{
    display: block;
    width: 96px;
    height: 59px;
}
.map-content-infos{
    display: block;
    padding: 0;
    margin: 0;
}
.map-content-infos-client{
    font-weight: bold;
    font-family: 'Graphie';
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    color: #474747;
    margin: 0;
}
.map-content-infos-construct{
    font-weight: normal;
    font-family: 'Graphie';
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #474747;
    margin: 16px 0;
}
.map-content-infos-details{
    display: block;
    width: 100%;
    height: 16px;
    margin: 0 0 0 0 ;
    padding: 0;
    font-weight: normal;
    font-family: 'Graphie';
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #ec2531;
}
.map-content-infos-details i {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
}
.map-content-infos-details i::before{
    font-size: 13px;
    color: #4b4646;
}
.map-content-link:hover .map-content-infos-details{color: #474747;}
.map-content-link:hover .map-content-infos-client,
.map-content-link:hover  .map-content-infos-construct,
.map-content-link:hover .map-content-infos-details i::before{color: #ec2531;}
/* #endregion */

.whatsapp-floating{
    display: block;
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 150px;
    right: 40px;
    background: #ec2531;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
    -moz-box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.14), 0 1px 10px 0 rgba(255, 255, 255, 0.12), 0 2px 4px -1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.14), 0 1px 10px 0 rgba(255, 255, 255, 0.12), 0 2px 4px -1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.14), 0 1px 10px 0 rgba(255, 255, 255, 0.12), 0 2px 4px -1px rgba(255, 255, 255, 0.2);
    transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
}
.whatsapp-floating::before {
    font-size: 40px;
    color: #fff;
    line-height: 80px;
}
.disabled-banner{
    display: block;
    opacity: 0;
}
.full-enabled{
    display: block;
}
.whatsapp-floating a{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.whatsapp-floating:hover {
    background: #a1a1a1;
}
.error-page-number{
    display: block;
    margin: 0 auto;
    width: 50%;
    height: auto;
    font-size: 250px;
    text-align: center;
    font-weight: bold;
    color: #ec2531;
}
.error-page-message {
    display: block;
    margin: 0 auto 150px auto;
    width: 50%;
    height: auto;
    font-size: 70px;
    text-align: center;
    font-weight: bold;
    color: #474747;
}
.sitemap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 35px 30px;
    margin: 100px auto;
}
.sitemap-title{
    display: block;
    width: 100%;
    font-size: 50px;
    line-height: 55px;
    text-align: center;
    margin: 0 0 40px 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: 800;
    color: #474747;
}
.sitemap-list{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px 0;
    padding: 0;
    width: 350px;
}
.sitemap-item{
    display: block;
    width: 100%;
    height: 55px;
    padding: 0;
    margin: 0 0 0 0;
}
.sitemap-item a{
    display: block;
    font-size: 30px;
    line-height: 55px;
    margin: 0;
    padding: 0;
    font-family: 'Graphie';
    font-weight: 800;
    color: #ec2531;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
.sitemap-item:hover a{color: #474747;}
/* #region */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
}
/* #endregion */
/*____________________Edge______________________*/
/* #region */
@supports (-ms-accelerator:true) {}
/* #endregion */
/*______________________________________________*/