/* 2024/02/22 */
/* ------------------------------------------------------------------------------------------------------ FONT ----------------------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* ---------------------------------------------------------------------------------------------------------------- CHARTES GRAPHIQUE ---------------------------------------------------------------------------------------------------------------- */

/*Recherche V2*/
#products-container.list-view .list-group-item .widget-product-box .right-item-bloc .price {
	text-align: center;
}
#products-container.list-view .list-group-item .widget-product-box .left-item-bloc .picture-block.no-picture {
	min-width: 150px;
}
/*Fin Recherche V2*/


/* --------------------------------------------------- BODY ---------------------------------------------------  */

#body {
	font-size: 16px;
	background: #EEF1F3;
	color: #2F3238;
}
 
#wall {
    display: none;
}

body, h1, h2, h3, h4, h5, h6, tspan {
	font-family: 'Roboto', sans-serif;
}

#flash-message-display {
    position: absolute;
}

.top-alert {
	background: #EB5757;
	text-align: center;
}

.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.user_type_buyer #sidebar {
	display: none;
}

.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

.product-page #content,
.search-page #content,
.page-404 #content,
.page-cart-confirm #content,
.order-show-page #content {
    padding: 15px;
}

#content {
    width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.page-cart-summary #content,
.page-cart-address #content,
.page-cart-shipping #content,
.page-cart-payment #content,
.orders-list #content,
.tenders-list #content,
.relationships-list #content,
.messages-global #content,
.profile-page #content,
.user-edit-page #content,
.profile-buyer-page #content,
.address-list-page #content,
.page-cart-added #content{
    padding: 15px;
}

#content.page-homepage {
	padding: 0;
	max-width: inherit;
}

.widget-breadcrumb .pull-left a {
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	margin-right: 0;
	transition: all ease-in-out 0.2s;
}
.widget-breadcrumb .pull-left .fa::before {
	margin: 0 8px;
}

.widget-breadcrumb .pull-left a:hover,
.widget-breadcrumb .pull-left a:focus {
	margin-right: 10px;
	color: initial;
	text-decoration: underline;
}

.widget-search-action .form-inline select.form-control,
.widget-search-action .form-inline input.form-control {
	height: 50px;
	border-radius: 5px;
	border: 1px solid #DFDFDF;
	box-shadow: none;
}

.shop .widget-search-action .search-block {
	float: left !important;
}

.widget-nav-profile .nav.navbar-nav li {
	border-bottom: 4px solid #fff !important;
	height: 80px;
	padding-top: 17px;
}

.widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right,
.widget-nav-profile .nav.navbar-nav li.link-name {
	border-bottom: none !important;
}

.widget-nav-profile .nav.navbar-nav li.link-name a {
	color: #000;
}

.widget-nav-profile .nav.navbar-nav li:hover,
.widget-nav-profile .nav.navbar-nav li:focus,
.widget-nav-profile .nav.navbar-nav li.active {
	border-bottom-color: #50768E !important;
	background: none;
}

.widget-nav-profile .nav.navbar-nav li:hover a,
.widget-nav-profile .nav.navbar-nav li:focus a,
.widget-nav-profile .nav.navbar-nav li:active a {
	background: none;
}

.widget-nav-profile .nav.navbar-nav li a {
	color: #2F3238;
	text-transform: none;
	font-weight: 600;
	font-size: 16px;
}

.widget-nav-profile .nav.navbar-nav li.active a {
	color: #000;
	background: none;
}

.widget-nav-profile .nav.navbar-nav {
	padding: 0 35px;
}

.widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn {
	color: #fff;
	background: #50768E;
	margin: 3px 0 0;
	height: 40px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	text-transform: uppercase;
	border: none;
}

.widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn:hover {
	background: #F2F2F2;
}

.widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn span {
	margin: 0 10px;
}

.widget-action {
	padding: 0 35px;
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	border: 0;
	display: flex;
	align-items: center;
}

.widget-action .btn {
	border: 0;
	border-bottom: 4px solid #fff;
	border-radius: 0;
	margin: 0;
	text-transform: none;
	color: #2F3238;
	font-weight: 600;
	font-size: 16px;
	padding: 20px 30px;
}

.widget-action a.btn-shippings-index,
.widget-action .taxrates {
    display: none;
}

.widget-action .btn .fa {
	display: none;
}

.widget-action .btn.active,
.widget-action .btn:hover,
.widget-action .btn:active,
.widget-action .btn:focus {
	background: 0;
	border-bottom: 4px solid #50768E !important;
	border: 0;
}

.widget-action .btn.active {
	color: #000;
}

.label {
    padding: 0.7em;
    font-size: 10px;
    letter-spacing: 0.05em;
    border-radius: 5px;
    margin: 4px 2px;
    outline: 1px solid #0003;
}

.label-success {
    color: black;
    background-image: linear-gradient(135deg, hsl(105.75deg 90.8% 38.46%) 0px, hsl(91.9deg 69.37% 72.2%) 40%);
}

.label-primary {
    background-image: linear-gradient(135deg, hsl(198.67deg 100% 41.41%) 0px, hsl(198.67deg 100% 74.61%) 40%);
    color: black;
}

.label-warning {
    background: linear-gradient(135deg, hsl(44.83deg 100% 50%) 0px, hsl(50.37deg 100% 74.61%) 40%);
    color: black;
}

.label-info {
    color: black;
    background: linear-gradient(135deg, hsl(0deg 0% 82.04%) 0px, #fefefe 40%);
}

.label-info.money-convert {
    color: white;
    background: #50768E;
    border: none;
}

.label-danger {
    color: black;
    background: linear-gradient(135deg, hsl(8.83deg 100% 59.31%) 0px, hsl(6.06deg 100% 79.57%) 40%);
}

.control__indicator {
	background: #FFFFFF;
	border: 1px solid #BDBDBD;
	border-radius: 3px;
}

.control input:checked~.control__indicator {
	background: #000;
	border: 0;
}

.search-filter.btn.btn-success {
	padding: 0 10px;
	border-radius: 5px;
	border: 0;
}

.search-filter.btn.btn-success span {
	color: #fff;
	font-size: 12px;
}

.search-filter.btn.btn-success:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), #FFFFFF;
}

.widget-search-product .widget-search-header select.form-control {
	max-width: 150px;
	height: 50px;
	border-radius: 5px;
	border: 1px solid #B2B2B2;
	box-shadow: none;
}

.widget-action.widget-search-header {
	display: inherit;
	padding: 10px 35px;
}

.widget-action.widget-search-header .pull-right.search-filter-tags,
.widget-action.widget-search-header .pull-right.search-list-choice .btn-group.radio,
.widget-action.widget-search-header .pull-left {
	display: flex;
	align-items: center;
	height: 50px;
}

.widget-action.widget-search-header .pull-right.search-filter-tags {
	width: 100%;
	flex-wrap: wrap;
	height: fit-content;
}

.widget-action.widget-search-header .pull-right.search-filter-tags .btn {
	border: 0 !important;
	padding: 5px 10px;
	margin: 10px 5px 5px;
	height: fit-content;
}

.widget-action.widget-search-header .search-list-choice .btn:hover {
	background: #e0e0e0;
}

.widget-action.widget-search-header .search-list-choice .btn {
	border: 1px solid #000 !important;
	border-radius: 5px !important;
	padding: 10px;
	margin-right: 5px !important;
	background: none;
}

.widget-action.widget-search-header .search-list-choice .btn .fa {
	color: #000;
	display: inherit;
}


.container-center .widget-container.widget-order.boxed {
    background: transparent !important;
    box-shadow: unset !important;
}

.widget-order .block.block-date .title {
    margin-bottom: 0;
    background: white;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.widget-order .block.editable:hover .title a {
    background: #50768E !important;
    color: white;
}

.widget-order .block.editable .title a {
    background: #50768E;
    color: white;
    border-radius: 30px;
}

.widget-order .block.editable .title a.edit {
    right: 15px;
    top: 50%;
    translate: 0 -50%;
    position: absolute;
}


.widget-order .block.editable .title a.refresh {
    padding: 4px 15px;
}

.widget-order .order-content .row {
    margin: 0 -10px;
}

.widget-order .order-content .block.editable:hover {
    border-color: #50768E !important;
    background: #EEF1F3;
}

.widget-order .header-blocks .block.editable:hover .title {
    color: #50768E;
}

.widget-order .block.editable.block-total:has(.shipping .empty) {
    background: hsl(35.84deg 100% 96.16%);
    border-color: #FF8C00;
}

.order-show-page .order-content .block.editable:before {
    background: #65a468;
    content: "\f00c";
    color: #fff;
}

.order-show-page .order-content .block:before {
    position: relative;
    display: block;
    top: -15px;
    left: -15px;
    font-family: FontAwesome;
    line-height: 24px;
    width: calc(100% + 30px);
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding-right: 10px;
}

.order-show-page .order-content .block.editable:has(.shipping .empty):before {
    content: "\f071" !important;
    background: #FF8C00;
    content: "\f00c";
    color: #fff;
}

.widget-order .block.editable.block-total:hover:has(.shipping .empty)  {
    background: #A8BBC7;
}

.widget-order .block.editable .field:has(.title) {
    border-top: 1px dashed hsl(0deg 0% 0% / 20%);
    margin-top: 15px !important;
}

.widget-order .block.block-total .field.field-label .title {
    margin: 0 !important;
}

.widget-order .block.block-total .field.field-label.total {
    margin-top: 0px;
}

.widget-order .block.block-total .field.field-label .text {
        color: black;
}

.widget-order .editable.block-total .value.empty:after {
    content: "⚠";
    font-size: 14px;
    color: #bd8f03;
    margin-left: 2px;
    font-weight: 700;
}

.widget-order .editable.block-total .value2:after,
.widget-order .editable.block-total .value:after{
    content: "✔";
    font-size: 14px;
    color: #4CAF50;
    display: inline-block;
    margin-left: 2px;
}

.widget-container.widget-order .order-content .block.editable {
    background: white;
}

.widget-container.widget-order .order-content .block {
	background-image: repeating-linear-gradient(-45deg, #EFEFEF99 0px, #EFEFEF99 2px, white 1px, white 6px);
	border: none;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}


/* ----- */

.widget-container.widget-order .order-content .block>.title {
    margin: -15px -15px 10px;
    padding: 10px 45px 10px 15px;
    background: #eef1f3;
    mix-blend-mode: multiply;
    position: relative;
}

.user_type_seller.order-show-page .is-quote .block-buyer .name,
.user_type_seller.order-show-page .is-quote .block-buyer .search-billing-address,
.user_type_seller.order-show-page .is-quote .block-buyer .street,
.user_type_seller.order-show-page .is-quote .block-buyer .phone,
.user_type_seller.order-show-page .is-quote .block-buyer .email,
.user_type_seller.order-show-page .is-quote .block-buyer .additional-info,
.user_type_seller.order-show-page .is-quote .block-buyer .full-name,
.user_type_seller.order-show-page .is-quote .block-buyer .tva,
.user_type_seller.order-show-page .is-quote .block-buyer .identity-number,
.user_type_seller.order-show-page .is-quote .block-buyer .account-id,
.user_type_seller.order-show-page .is-quote .block-buyer .external-id {
    color: transparent !important;
    white-space: nowrap;
    user-select: none;
}

.user_type_seller.order-show-page .is-quote .block-buyer .name:before{
    content: "Sed lectus";
}

.user_type_seller.order-show-page .is-quote .block-buyer .street:before{
    content: "tempus non tortor ullamcorper";
}

.user_type_seller.order-show-page .is-quote .block-buyer .full-name:before{
    content: "luctus mauris";
}

.user_type_seller.order-show-page .is-quote .block-buyer .tva:before{
    content: "turpis aliquam";
}

.user_type_seller.order-show-page .is-quote .block-buyer .identity-number:before{
    content: "lacinia consectetur";
}

.user_type_seller.order-show-page .is-quote .block-buyer .name:before,
.user_type_seller.order-show-page .is-quote .block-buyer .street:before,
.user_type_seller.order-show-page .is-quote .block-buyer .full-name:before,
.user_type_seller.order-show-page .is-quote .block-buyer .tva:before,
.user_type_seller.order-show-page .is-quote .block-buyer .identity-number:before {
    color: black !important;
    filter: blur(3px);
}

.user_type_seller.order-show-page .is-quote .block-buyer-shipment form .search-shipping-address,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment form .name,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment form .last-name,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment form .first-name,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment form .street,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment form .phone {
    display: none;
}

.user_type_seller.order-show-page .is-quote .block-buyer-shipment .search-shipping-address,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .name,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .last-name,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .first-name,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .street,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .phone,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .email,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .external-id {
    color: transparent !important;
    white-space: nowrap;
    user-select: none;
}

.user_type_seller.order-show-page .is-quote .block-buyer-shipment .name:before{
    content: "Sed lectus";
}

.user_type_seller.order-show-page .is-quote .block-buyer-shipment .street:before{
    content: "tempus non tortor ullamcorper";
}

.user_type_sellerv .is-quote .block-buyer-shipment .last-name:before{
    content: "luctus mauris";
}

.user_type_seller.order-show-page .is-quote .block-buyer-shipment .first-name:before{
    content: "turpis aliquam";
}

.user_type_seller.order-show-page .is-quote .block-buyer-shipment .phone:before{
    content: "lacinia consectetur";
}

.user_type_seller.order-show-page .is-quote .block-buyer-shipment .search-shipping-address:before,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .name:before,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .last-name:before,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .first-name:before,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .street:before,
.user_type_seller.order-show-page .is-quote .block-buyer-shipment .phone:before {
    color: black !important;
    filter: blur(3px);
}

.user_type_seller.order-show-page #content:has(.is-quote) .fos_comment_comment_authorname {
    filter: blur(3px);
    user-select: none;
}

.user_type_seller.order-show-page .order-container-content:has(.is-quote) #rightbar .widget-order-action .btn-group:has(.btn.dropdown-toggle) {
    display: none;
}

.order-show-page .order-content .block {
    position: relative;
}

.order-show-page .order-content .block:not(.editable):before {
    content: "\F023";
    background: #cfcfcf;
    font-family: FontAwesome;
    color: #0009;
}

.order-show-page form input,
.order-show-page form select,
.order-show-page form .input-group-addon,
.widget-comment .fos_comment_comment_form_holder .fileinput-button {
    margin: 2px 0;
    height: 40px !important;
    padding: 10px 20px;
}
.order-show-page form .input-group:has(.input-group-addon) {
    display: flex;
}

.order-show-page form .input-group .input-group-addon {
    min-width: fit-content;
    line-height: 25px;
}

.order-show-page form .input-group:has(.input-group-addon) input {
    border-radius: 5px 0 0 5px !important;
}

/* ----- */

input[type=text],
input[type=email],
input[type=password] {
	border: 1px solid #DFDFDF !important;
	box-sizing: border-box;
	border-radius: 5px !important;
	height: 50px !important;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #000 !important;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: 0;
    left: 0;
    top: 0;
}
.form-control {
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	height: 50px;
	box-shadow: none;
	letter-spacing: 0.05em;
}

#form-kyc p.help-text {
    display: none;
}

.list-stats-container {
	margin: 0;
}

.list-stats-container .number-block {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	padding: 20px;
	margin-right: 20px;
}

.list-stats-container .number-block .sub-title {
	margin-bottom: 5px;
}

.alert.alert-warning {
    background: linear-gradient(135deg, hsl(44.83deg 100% 50%) 0px, hsl(50.37deg 100% 74.61%) 40%);
    color: black;
    outline-color: hsl(44.83deg 100% 50%);
}

.page-cms-homepage .alert.alert-warning {
    border-radius: 0px;
    margin: 0px;
}

.alert.alert-warning .alert-label,
.alert.alert-warning span,
.alert.alert-warning p {
	color: black;
}

.alert-body,
.alert .col-md-8{
    display: flex;
    align-items: center;
    justify content: space-between;
}

.alert .alert-body > p {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 0 15px;
}

.alert .alert-body > span:nth-child(2) {
    text-transform: uppercase;
    text-decoration: underline;
}

.alert .alert-body span {
    padding: 0 0 0 5px;
}

.alert .alert-body .btn {
    background: white;
    border: 2px solid;
    color: black;
    min-width: 150px;
}

.alert-warning .alert-body .btn {
    border-color: hsl(44.83deg 100% 50%);
}
.alert-info .alert-body .btn {
    border-color: hsl(198.67deg 100% 41.41%);
}
.alert-success .alert-body .btn {
    border-color: hsl(105.75deg 90.8% 38.46%);
}
.alert-danger .alert-body .btn {
    border-color: hsl(8.83deg 100% 59.31%);
}

.alert .alert-body .btn:hover {
    border-color: black;
}

.alert.alert-success .alert-body {
    color: black;
}

.alert.alert-danger {
    background: linear-gradient(135deg, hsl(8.83deg 100% 59.31%) 0px, hsl(6.06deg 100% 79.57%) 40%);
    color: black;
    outline-color: hsl(8.83deg 100% 59.31%);
}

.alert.alert-danger .alert-label,
.alert.alert-danger span,
.alert.alert-danger p {
	color: black;
}

.alert.alert-success {
    background: linear-gradient(135deg, hsl(105.75deg 90.8% 38.46%) 0px, hsl(91.9deg 69.37% 72.2%) 40%);
    color: black;
    outline-color: hsl(105.75deg 90.8% 38.46%);
}

.alert .alert-body span.alert-label {
    font-size: 40px;
}


.alert.alert-success .alert-label,
.alert.alert-success span,
.alert.alert-success p {
	color: black;
}

.alert.alert-info {
    background: linear-gradient(135deg, hsl(198.67deg 100% 41.41%) 0px, hsl(198.67deg 100% 74.61%) 40%);
    color: black;
    outline-color: hsl(198.67deg 100% 41.41%);
}


.alert.alert-info .alert-label,
.alert.alert-info span,
.alert.alert-info p {
	color: black;
}

.alert {
	letter-spacing: 0.05em;
    padding: 10px 10px 10px 30px;
    outline: 2px solid;
    font-weight: 600;
	font-size: 14px;
	border-radius: 10px;
	margin: 15px;
}

.alert .alert-type {
	font-weight: bold !important;
}

.alert.alert-info span,
.alert.alert-info a {
	font-weight: bold !important;
	font-size: 14px;
}

.alert .alert-body span.alert-label {
    font-size: 40px;
}

.alert.alert-warning span.alert-label {
    color: hsl(50.37deg 100% 74.61%);
}

.alert.alert-success span.alert-label {
    color: hsl(91.9deg 69.37% 72.2%);
}

.alert.alert-danger span.alert-label {
    color: hsl(6.06deg 100% 79.57%);
}

.alert.alert-info span.alert-label {
    color: hsl(198.67deg 100% 74.61%);
}

.alert .close {
    color: #0009 !important;
}

.select2-container--default .select2-selection--multiple {
	height: 50px;
	display: flex;
	align-items: center;
	border-radius: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-search--inline .select2-search__field {
	margin-top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #4f4e4e;
    line-height: 28px;
    font-weight: normal;
}

.widget-action .btn-success {
	background: #FF8C00;
	border-radius: 5px;
	border: 0 !important;
	color: #000;
	text-transform: uppercase;
	padding: 8px 14px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 14px;
}
.widget-action .btn-danger {
    border-radius: 5px;
    border: 0 !important;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}
.widget-action .btn-success:hover,
.widget-action .btn-success:focus,
.widget-action .btn-success:active {
	background: #404040;
	border: 0 !important;
}

.widget-container .widget-title {
	color: #000;
}

#ui-datepicker-div {
    z-index: 10 !important;
}

.container,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	padding: 0 10px;
}

.row {
	margin: 0 -15px;
}

.inner {
	padding: 20px;
}


/* --------------------------------------------------- TEXT ---------------------------------------------------  */

h1 {
	font-size: 46px;
	line-height: 63px;
}

h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 36px;
}

h3 {
	font-weight: bold;
	font-size: 26px;
	line-height: 35px;
}

h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
}

h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #50768E;
    ;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #50768E;
}


/* --------------------------------------------------- BUTTONS ---------------------------------------------------  */

.btn {
	font-size: 14px;
	border-radius: 5px;
	padding: 12px 18px;
	text-transform: uppercase;
}

.btn-default {
	color: #000;
	background: #fff;
	border-color: #989898;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background-color: #F2F2F2;
	color: #000;
	border: 1px solid #000000;
}

.widget-product-box:hover .btn-default {
    background-color: #FF8C00;
	color: #000;
	opacity: 1;
}

.btn-success {
	color: #000;
	background-color: #FF8C00;
	border-color: #FF8C00;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: #fff;
	border-color: #2F3238;
	background: #2F3238;
}

.btn-danger {
	color: #EB5757;
	background: #f5f5f5;
	border-color: #989898;
}

.btn-warning {
	color: #D3A35E;
	background-color: #fff;
	border-color: #989898;
}

.btn-default.disabled,
.btn-danger.disabled,
.btn-warning.disabled {
	color: #BDBDBD;
	border-color: #C4C4C4;
}

.btn-success.disabled {
	background: #828282;
	border-color: #828282;
}

.nav>li>a.btn-warning:hover,
.nav>li>a.btn-warning:focus,
.btn-warning:hover,
.btn-warning:focus {
	background-color: #F2F2F2;
	border-color: #000;
}


/* --------------------------------------------------- HEADER ---------------------------------------------------  */

header {
	background: #2F3238;
}

header .menu-wrap .navbar-nav>li.current,
header .menu-wrap .navbar-nav>li:hover {
	border-bottom: 4px solid #FF8C00;
}

header .navbar-toggle {
    background: transparent;
}

.widget-cart-info .cart-table {
    max-height: 50vh;
    overflow-y: auto;
}


/* ---------------------------------------------------- BOXED ---------------------------------------------------  */

.boxed {
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
	margin: 0px 0px 15px 0px;
	background: #fff;
	clear: both;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30);
	border: 0;
	background: #fff;
	overflow: hidden;
}


/* --------------------------------------------------- FOOTER ---------------------------------------------------  */

footer {
	background: #2F3238;
	margin-top: 20px;
	width: 100%;
}

footer a {
	color: #fff;
}

footer .row a:hover {
	color: #fff;
}

.footer-menu {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.footer-column {
    padding: 0 20px 20px;
    width: 25%;
    text-align: left;
    text-transform: capitalize;
    overflow-x: hidden;
}

.footer-column li {
    margin-bottom: 12px;
}

.footer-column a {
    font-size: 14px;
    line-height: normal;
    display: block;
}

.footer-column h3 {
    font-size: 16px;
    line-height: normal;
    display: block;
    width: 100%;
    position: relative;
}

.footer-column h3:after {
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    display: block;
    position: absolute;
    bottom: -3px;
    max-width: 300px;
}

@media screen and (max-width: 1200px) {
      .footer-column {
        width: 40%;
        margin: 0 5%;
        padding: 0 0 20px;
    }
}

.footer-bottom {
	border-top: 1px solid #50768E;
}

.footer-bottom .fa {
	font-size: 18px;
	color: #BDBDBD;
}

.footer-bottom a:hover .fa {
	color: #BDBDBD;
}

.pull-right.footer-right .fa:hover {
	color: #50768E;
}

.col-md-4.footer-logo img {
    width: 100%;
    max-width: 400px;
}

#cur-box {
    height: 80px;
    display: flex;
    float: right;
    align-items: center;
}

#cur-select {
    background-color: #2F3238;
    padding: 10px 2ch 10px 2ch;
    border: none;
    border-top: 4px solid #2F3238;
    border-bottom: 4px solid #2F3238;
    width: 7ch;
    color: white;
    -webkit-appearance: none;
    font-family: 'roboto mono';
    height: 100%;
}

#cur-select:focus,
#cur-select:hover {
    border-bottom: 4px solid #50768E;
    outline: none;
}

#cur-select option {
    font-family: "Roboto";
}

@keyframes opacityLoop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* ---------------------------------------------------------------------------------------------------------------- END CHARTE GRAPHIQUE ---------------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------- BODY ------------------------------------------------------------------------------------------------------- */

#sidebar li.current_ancestor .dropdown-menu.menu_level_1 {
	border: 0;
	width: auto;
	background-image: linear-gradient(180deg, #e1e1e1, #f1f1f1 10px, #f1f1f1 calc(100% - 10px), #e1e1e1);
	border-radius: 0px !important;
	padding: 10px 0;
	color: #000;
}

#sidebar li.current_ancestor {
    background: #f1f1f1;
    margin-top: 5px;
}

#sidebar .nav-tabs>li>a {
    color: black;
    padding: 2px 10px;
    border-left-width: 5px;
}

#sidebar .nav-tabs>li>ul>li>a {
    color: black;
    padding: 2px 10px 2px 25px;
    border-left-width: 5px;
}

#sidebar .nav-tabs>li>ul>li>a:hover {
    padding: 2px 10px 2px 30px !important;
}

#sidebar .nav-tabs .has-toggle::after,
#sidebar .nav-tabs .has-toggle::before {
	top: 50%;
	translate: 0 -50%;
}

.select2-container--default .select2-selection--single {
	height: 50px;
	border-radius: 5px !important;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.05em;
}

.widget-container.widget-list.boxed {
	padding: 10px 20px;
}

td.action .pull-right,
.order-td-action .pull-right {
	display: flex;
}

td,
th {
	padding: 20px 10px;
	vertical-align: middle;
}

table#products td .pull-right {
	display: flex;
	padding-left: 10px;
}

.message-cart .well {
	margin-top: 10px;
	margin-bottom: 0px;
}

.message-cart .well .widget-comment .widget-title {
	margin-top: 0;
	font-size: 20px;
}

.message-cart .well .widget-comment .widget-title {
	margin: 0;
	font-size: 20px;
}

.widget-shipping-method .item:nth-of-type(odd) {
    background-color: #eef1f3 !important;
}

.widget-company-thumb img {
    border-radius: 5px;
}

/* --------------------------------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------------------------------- */
.language-manager>ul>li a:before {
    content: attr(data-content);
    color: white;
    vertical-align: middle;
    padding-right: 10px;
    text-shadow: 0 0 10px black, 0 0 10px black;
}

.language-manager .locale img {
    box-shadow: none;
    outline: 2px solid #0005;
}

/* ----- Korean ------ */
/*.language-manager>ul>li:nth-child(5) {
    display: none;
}*/

header .language-manager,
header .user {
	position: relative;
}
header .language-manager:hover .dropdown-toggle {
	background: transparent;
}
.user_type_seller header .header-content .notification-wrap {
    display: flex;
    align-items: center;
	position: absolute;
	right: 0;
}

header .language-manager .fa-angle-down {
    display: none;
}

header .language-manager .dropdown-menu {
	margin: 0 !important;
	top: calc(100% + 4px);
	min-width: unset;
	padding: 0px;
	border-radius: 0px 0px 10px 10px;
	background: linear-gradient(0deg, #2F3238 75%, #23252a 100%);
	right: 0px;
	overflow: hidden;
	box-shadow: none !important;
}

.user_type_seller header .language-manager .dropdown-menu {
    top: calc(100% + -8px);
}

header .language-manager .dropdown-menu li a {
    border: none;
    padding: 12px 10px;
    text-align: right;
    transition: 0.2s;
}

header .language-manager .dropdown-menu li a:hover {
    background: #ffffff20;
}

header .searchbar-wrap .search-full {
	max-width: 800px;
	margin: 0 auto;
}

header .header-content {
	display: flex;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	padding: 0 15px;
	align-items: center;
}

header .navbar-nav>li>a {
	padding: 16px 20px;
	margin: 0px;
	white-space: nowrap;
}

header .navbar-nav>.language-manager>a {
	padding: 13px 20px;
}

header .navbar-nav>li>a>i.fa.fa-caret-down {
    display: none;
}

header .nav .open>a, 
header .nav .open>a:focus, 
header .nav .open>a:hover {
    background: transparent;
}

header li.login-menu,
header li.register-menu,
header li.language-manager {
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;

}

header li.login-menu:hover,
header li.register-menu:hover,
header li.language-manager:hover {
        border-bottom: 4px solid #FF8C00;
}

header .login-menu a,
header .register-menu a {
	background: transparent;
	border-radius: 5px;
}

header .login-menu:hover a,
header .login-menu:focus a,
header .login-menu:active a,
header .register-menu:hover a,
header .register-menu:focus a,
header .register-menu:active a {
	background: transparent !important;
}

header .brand-wrap {
	float: left;
}

header .brand-wrap img {
	max-height: 60px;
    object-fit: cover;
    width: 220px;
}

header .menu-wrap .navbar-nav > li {
	border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;

}

header .menu-wrap .menu-template-mega.navbar-nav>li {
	position: inherit;
}

header .menu-wrap .navbar-nav > li > a {
	font-weight: 600;
	text-transform: uppercase;
    background: transparent;
}


header .menu-wrap .navbar-nav > li > a.dropdown {
    padding: 6px 20px;
}

header .menu-template-mega>li>a.dropdown {
    white-space: pre;
}

header .menu-template-mega .dropdown-menu {
	font-weight: normal;
	left: auto;
	right: 10%;
	top: 60px;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.3) !important;
	border-radius: 10px !important;
	position: absolute;
	float: inherit;
	border: 0;
	width: 80% !important;
}

header .menu-template-mega .dropdown-menu li.unique {
	padding: 25px;
}

header .menu-template-mega .dropdown-menu li.unique .col-md-12 {
	padding: 0;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 {
	padding: 25px;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-image {
	margin: 0 0 30px;
	width: 100%;
	height: 180px;
	overflow: hidden;
	border-radius: 5px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-title {
	font-weight: bold;
	font-size: 20px;
	text-transform: none;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-title a {
	color: #000;
	border: 0;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-2 {
	margin-top: 15px;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-2 a {
	border: 0;
	font-size: 16px;
	color: #000;
}

.nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-2 li {
	margin: 5px 0;
}

header .nav>li.active {
    background: transparent;
}

.icon-notification-container .icon-notification .fa {
	font-size: 20px !important;
}

.widget-search-autocomplete .search-list.ui-menu {
	position: absolute !important;
	width: 100% !important;
	left: 0 !important;
	display: block;
	top: 51px !important;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	padding: 0 10px 5px;
}

.widget-search-autocomplete .search-list .search-item .category {
	background: none;
	color: #000;
	font-size: 16px;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-widget-content {
	font-weight: bold;
	margin: 0;
	background: #50768E;
	color: #fff !important;
}

.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a.ui-state-active {
	padding: 10px;
	border-radius: 10px;
	color: #000;
}

.user_type_seller .language-manager {
    padding: 25px 24px 25px 5px;
}

.language-manager img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px #000
}




/*------------------------------ HEADER BUYER ------------------------------*/

header .access-wrap {
	position: relative;
}

header .access-wrap #user-lang-menu {
	display: flex;
}

header .access-wrap #sidebar {
	display: none;
	position: absolute;
	z-index: 100000000;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #0003;
	border-radius: 10px;
	background: #fff;
	top: 60px;
	padding: 10px 0px;
	height: auto;
	right: -50%;
	left: auto;
	min-width:  230px;
	color: #000;
	min-height: auto;
}

#sidebara {
	color: #000;
	font-weight: 600 !important;
	font-size: 15px;    
}

#sidebar>a {
	padding: 10px 20px 10px 10px !important;
}

#sidebar a:hover,
#sidebar a:focus,
#sidebar a:active {
	color: #000 !important;
	padding: 2px 10px 2px 15px !important;
	border-left-color: #50768E !important;
	background: #0001 !important;
}

#sidebar li.current a {
    color: #000 !important;
    text-decoration: auto;
    border-left: 5px solid #FF8C00 !important;
    background: #ffd6a4 !important;
}

#sidebar li a .fa,
#sidebar li.current_ancestor .dropdown-menu.menu_level_1 .last .fa {
	border-radius: 5px;
	width: 30px !important;
	height: 30px;
	padding-top: 8px;
	color: #2F3238;
	margin-right: 5px !important;
}

#sidebar li:last-child a .fa {
	color: #EB5757;
}

#sidebar li.current a {
	color: #000;
	font-weight: 800 !important;
}

.container-global #sidebar {
	padding: 20px 0;
	border-right-width: 0px;
}

header .access-wrap .sidebar-in-header:hover #sidebar {
	display: block;
}

header .access-wrap .navbar-toggle,
header .cart-wrap .cart-menu a.link {
	background: transparent;
	border: none;
	height: 60px;
	padding: 17px 25px;
	display: flex;
	align-items: center;
}

header .cart-wrap .cart-menu a.link .fa {
	font-size: 30px;
	color: #50768E;
	margin: 0px;
}

header .access-wrap .navbar-toggle:hover,
header .access-wrap .navbar-toggle:focus,
header .cart-wrap .cart-menu a.link:hover,
header .cart-wrap .cart-menu a.link:focus {
	border-bottom: 4px solid #FF8C00;
}

header .access-wrap .navbar-toggle {
	width: auto;
}

span.cart-content {
    margin-left: 10px;
}

header .notification-wrap #navbar-notification .navbar-notification {
	width: 100px; /* 160px with the nex contact notification icon*/
	display: flex;
	align-items: center;
	height: 60px;
	justify-content: space-around;
}

.user_type_seller #navbar-notification .dropdown-notification li a[href^="/en/shop-manage/quotes/"]:before,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/fr/shop-manage/quotes/"]:before,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/es/shop-manage/quotes/"]:before,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/ja/shop-manage/quotes/"]:before,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/zh/shop-manage/quotes/"]:before {
    display: block;
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, hsl(44.83deg 100% 50%) 0px, hsl(50.37deg 100% 74.61%) 40%);
    content: "\f0a2";
    position: absolute;
    border-radius: 3px;
    font-family: 'FontAwesome';
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    outline: 1px solid #0003;
    margin-top: 2px;
    color: black;
}

.user_type_seller #navbar-notification .dropdown-notification li a[href^="/en/shop-manage/quotes/"] img.avatar,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/fr/shop-manage/quotes/"] img.avatar,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/es/shop-manage/quotes/"] img.avatar,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/ja/shop-manage/quotes/"] img.avatar,
.user_type_seller #navbar-notification .dropdown-notification li a[href^="/zh/shop-manage/quotes/"] img.avatar {
    visibility: hidden;
}

#notification-relationship {
    display: none !important;
}

.dropdown-menu.menu_level_1 {
	width: max-content;
	background: #FFFFFF;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1) !important;
	border-radius: 10px !important;
	padding: 0 ;
	left: -39px;
	top: 79px;
	border: 0;
}

.dropdown-menu.menu_level_1 li.dropdown-submenu {
	border: 0;
	display: flex;
	align-items: center;
	background-image: url(https://s3.eu-west-3.amazonaws.com/uppler-platform-vinexposium/image/2a/9a/ee45d1b5b8bd407eb54238eecf98.png);
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: center right 18px;
	padding: 10px 50px 10px 30px;
}

.dropdown-menu.menu_level_1 .dropdown-submenu .dropdown {
	padding: 0;
	border: 0;
	text-transform: none;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding-right: 20px;
}

.dropdown-menu.menu_level_2 {
	background: #FFFFFF;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1) !important;
	border-radius: 10px;
	border: 0;
	width: max-content;
	padding: 10px 0;
}

.dropdown-menu.menu_level_2 li {
	height: inherit !important;
	text-transform: none;
	font-size: 16px;
	border: 0;
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.dropdown-menu.menu_level_2 li a {
	border: 0;
	padding-bottom: 13px;
	padding-top: 13px;
}

.dropdown-menu.menu_level_1 li.dropdown-submenu:hover {
	background-color: #F2F2F2;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background: none;
}

.dropdown-menu.menu_level_1 .dropdown-submenu>a::after {
	content: inherit;
}

header .header-buyer .language-manager.dropdown {
	float: right;
	list-style: none;
	display: flex;
	align-items: center;
	white-space: nowrap;
	padding: 0 5px;
	height: 60px;
}

.widget-cart-info.dropdown-menu {
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1) !important;
	border-radius: 10px;
	overflow: hidden;
	border: 0;
	top: 65px;
	padding: 20px;
	min-width: 265px;
}

.widget-cart-info.dropdown-menu .cart-footer {
	text-align: center;
	background: none;
	padding: 10px 0 0;
}

.widget-cart-info.dropdown-menu .cart-footer .btn {
    background: #FF8C00;
    border: none;
    color: black;
}

.widget-cart-info.dropdown-menu .cart-header td {
	font-weight: bold;
	font-size: 20px;
}

.widget-cart-info.dropdown-menu .cart-footer .btn {
	color: #000;
	background: #FF8C00;
	border-color: #000;
	padding: 5px 10px;
	margin: 0;
}

.widget-cart-info.dropdown-menu .cart-footer .btn:hover {
	background: #404040;
	border-color: #404040;
}

.navbar-notification .icon-notification-container .dropdown-menu {
	top: 60px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6) !important;
	border-radius: 10px;
	overflow: hidden;
	border: 0;
}

#navbar-notification .dropdown-menu-footer a {
	border: 0;
	background: #A8BBC7;
}
	

header .access-wrap .navbar-toggle .account-text,
header .cart-wrap .cart-menu a.link .cart-content .cart-response {
	white-space: nowrap;
}

header .access-wrap .navbar-toggle .fa {
	font-size: 20px;
	display: none;
	position: relative;
	top: 1px;
	color: #50768E;
}

header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-mega,
header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-default,
header .access-cart-wrap {
	display: flex;
}

header .searchbar-wrap {
	width: 100%;
	padding: 0 20px;
}

/* ---------------------------------------------------------------------------------------------- HOMEPAGE ------------------------------------------------------------------------------------------------- */

.row-odd {
    width: 100%;    
    background-color: white;
}

.row-even {
    width: 100%;    
}

#home-1, #home-2, #home-3 {
    box-sizing: border-box;
    padding: 60px 40px;
    max-width: 1440px;
    margin: auto;
}

#home-1 .line {
    display: flex;
    box-sizing: border-box;
    position: relative;
    margin-top: 60px;
    border-radius: 10px;
    flex-wrap: wrap;
}

#home-1 .left-line {
    flex-direction: row;
    display: none !important;
}

#home-1 .right-line {
    flex-direction: row-reverse;
}

#home-1 img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
    background: linear-gradient(90deg, #055FD6, #004AAD);
}

#home-1 .CTA {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 10px 10px;
    position: relative;
}

#home-1 .CTA.left {
    align-items: flex-end;
}

#home-1 .small-pic {
    width: calc(100% / 3);
    aspect-ratio: 1;
    height: fit-content;
    position: relative;
}

#home-1 .small-pic img{
    aspect-ratio: 1;
    padding: 7%;
}

#home-1 .small-pic p {
    position: absolute;
    bottom: 10px;
    display: block;
    max-width: 80%;
    text-align: center;
    left: 50%;
    translate: -50%;
    border-radius: 15px;
    background: #FF8C00;
    width: max-content;
    padding: 3px 5%;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

#home-1 .home-pic {
    padding: 10px;
    box-sizing: border-box;
    height: fit-content;
}

#home-1 .small-pic-container {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
}

#home-1 .big-pic.home-pic {
    width: 40%;
}

#home-1 .big-pic img{
    height: 100%;
}

#home-1 h3 {
    margin: 0 0 15px;
}

#home-1 .CTA a {
    text-align: center;
    padding: 15px;
    width: fit-content;
    border-radius: 3px;
}

#home-1 .widget-block-footer-link a.btn {
    min-width: 200px;
    background: #FF8C00;
}

@media only screen and (max-width: 767px) {
    #home-1, #home-2, #home-3 {
        padding: 60px 15px;
    }
    #home-1 .line {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: start;
        height: unset;
        flex-wrap: wrap;
    }
    #home-1 .small-pic {
        width: 50%;

    }
    #home-1 .big-pic {
        order: 2;
        width: 60% !important;
    }
    #home-1 .home-pic {
        padding: 5px;
    }
    #home-1 .CTA {
        width: 100%;
        height: fit-content;
        position: relative;
        order: 3;
        right: unset !important;
        bottom: unset;
        left: unset !important;
        padding: 5px;
    }
    #home-1 .small-pic-container {
        width: 40%;
    }
    #home-1 .small-pic p {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .widget-product-box h4 a, .widget-product-box h3 a {
        font-size: 12px;
        line-height: 10px;
    }
    .widget-product-box .link-company {
        font-size: 11px;
    }
    .widget-product-box .info-block {
        padding: 15px 0 0;
    }
    
    #home-1 .big-pic {
        width: 100% !important;
        height: 50vw;
    }
    
    #home-1 .small-pic-container {
        width: 100%;;
    }
    #home-1 .big-pic img {
        object-fit: contain;
    }
    
}

#home-2 .line {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

#home-2 a.article {
    width: 30%;
    padding: 1.5%;
    position: relative;
    cursor: pointer;
}

#home-2 a.article:hover .CTA {
    background: #FF8C00;
    color: black;
}

#home-2 .home-content {
    padding: 20px 5% 50px;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 10px #0004;
}

#home-2 img {
    width: 100%;
    aspect-ratio: 5/3;
    object-fit: cover;
    border-radius: 5px;
}

#home-2 .texte {
    padding: 10px 0px;
    font-size: 18px;
}

#home-2 .CTA {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 15px;
    background: #50768E;
    border-radius: 3px;
    color: #fff;
    min-width: 30%;
    text-align: center;
}

#home-3 {
    display: flex;
    gap: 20px;
    align-items: center;
}

#home-3 > * {
    flex: 1;
}

#home-3 iframe {
    aspect-ratio: 16/9;
    width: 100%;
    max-width: 900px;
    display: block;
    margin: auto;
    border-radius: 10px
}

#home-3 .video-text h2 {
    margin: 20px 0;
}

#home-3 .video-text p {
    margin: 0 0 20px 0;
}

@media only screen and (max-width: 900px) {
    #home-2 .line {
    flex-wrap: wrap;
    }

    #home-2 a.article{
        width: 45%;
        margin-bottom: 20px;
    }
    #home-3 {
        flex-direction: column;
    }
}
@media only screen and (max-width: 600px) {
    #home-2 a.article{
        width: 95%;
    }
}

.two-columns {
    max-width: 1200px;
    display: flex;
    margin: auto;
    align-items: center;
}

.two-columns > div {
    flex: 1;
    padding: 10px;
}

.four-elements .items-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 20px 0;
}

.four-elements .widget-block {
    margin: 0;
}

.four-elements .widget-block-banner-default .items-list .item {
    flex-direction: row-reverse;
    border: 1px solid #A8BBC7;
    border-radius: 10px;
    justify-content: start;
    padding: 4px;
    gap: 10px;
    background: #EEF1F3;
    box-shadow: 1px 1px 3px #0003, -1px -1px 3px #FFF;
    align-items: stretch;
    overflow: hidden;
}

.four-elements .widget-block-banner-default .item .widget-container {
    background: radial-gradient(circle at top left, #50768E, #2F3238);
    margin: 0;
    border-radius: 8px;
    height: 100%;
    aspect-ratio: 1;
    max-width: 100px;
    overflow: hidden;
}

.four-elements .widget-block-banner-default .item .widget-block-text {
    padding: 0;
    position:relative;
    display: block;
    background: transparent;
    width: 100%;
    line-height: 1em;
    height: 100px;
}

.four-elements .widget-block-banner-default .item .widget-block-title {
    padding: 2px 0 0;
    margin: 0px;
    width: 100%;
    line-height: 1em;
    color: #2F3238;
    font-size: 1.3em;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
}

.four-elements .widget-block-banner-default .item .widget-block-text .widget-block-title a {
    color: #2F3238;
}

.four-elements .widget-block-banner-default .item .widget-block-text .widget-block-title a:after {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% + 170px);
    height: calc(100% + 10px);
    top: -5px;
    left: -165px;
}

.four-elements .widget-block-banner-default .item:hover .widget-block-title {
    text-decoration: underline;
}

.four-elements .widget-block-banner-default .items-list .item a {
    width: 100%;
    display: block;
}

.row-odd:has(#catalog) {
    padding: 40px 0;
}

#catalog {
    display: block;
}

#catalog:hover {
    filter: brightness(1.2);
}

#catalog img {
    display: block;
    max-width: 100%;
    margin: auto;
}

#catalog img:nth-child(1) {
    display: none;
}

@media screen and (max-width: 900px) {
        .two-columns.four-elements {
        align-items: stretch;
        flex-direction: column;
    }
        .four-elements .widget-block-banner-default .item .widget-container,
    .four-elements .widget-block-banner-default .item .widget-block-text {
        height: 20vw;
    }
}

@media screen and (max-width: 900px) and (min-width: 600px) {

    .two-columns > div {
        flex: unset
    }
    .four-elements .items-list {
        flex-direction: row;
        flex-wrap: wrap;
    }
        .four-elements .items-list .item {
        width: calc(50% - 15px);
    }
    .four-elements .widget-block-banner-default .item .widget-container,
    .four-elements .widget-block-banner-default .item .widget-block-text {
        height: 100px
    }
}

@media screen and (max-width: 767px) {
    .two-columns {
        align-items: stretch;
        flex-direction: column;
    }
    #catalog img:nth-child(1) {
        display: block;
    }
    #catalog img:nth-child(2) {
        display: none;
    }
}

/*----------------------------------------------------------------------------------------------Blocks ----------------------------------------------------------------*/

        .row-even {
            background: #EEF1F3;
        }

        .row-center {
            width: fit-content !important;
            margin: auto !important;
        }

        .ote-block {
            padding: 80px 40px;
            max-width: 1440px;
            margin: auto;
            box-sizing: border-box;
        }
        
        .ote-outline {
            outline: 3px solid #A8BBC7;
        }
        
        .ote-outline:hover {
            outline: 3px solid #FF8C00;
        }

        .reverse {
            flex-direction: row-reverse;
        }

        .img-cover {
            object-fit: cover !important;
        }
        
        .img-contain {
            object-fit: contain !important;
        }

        .hollow {
            border: 4px solid;
        }

        .ote-block>a {
            display: block;
            width: fit-content;
        }


        .ote-page-banner {
            height: 350px;
            padding: 0 10%;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .ote-banner-container {
            background: #50768E90;
            backdrop-filter: blur(25px);
            border: 2px solid #fff;
            border-radius: 10px;
            color: #fff;
            text-align: center;
            position: absolute;
            right: 0;
            bottom: -45px;
            margin: 0 10%;
        }

        .ote-page-banner h1 {
            margin: 0;
            padding: 20px 20px 0px;
            text-transform: uppercase;
        }

        .ote-page-banner p {
            margin: 0px 5px 20px;
        }

        .ote-text-80>div {
            width: 80%;
            margin: auto;
            
        }

        .ote-q {
            font-size: 24px;
            font-weight: 600;
        }

        .ote-block-list {
            max-width: 1000px;
        }

        .ote-block-list-inner {
            display: flex;
            margin: 20px;
            align-items: stretch;
            border-radius: 5px;
        }

        .ote-block-list-icon {
            font-size: 38px;
            min-height: 120px;
            min-width: 120px;
            text-align: center;
            font-weight: 600;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .ote-block-list-text>p,
        .ote-block-list-text>div {
            position: absolute;
            top: calc(50% - 10px);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin: 0;
            width: calc(100% - 40px);
            margin: 10px 20px;
        }

        .ote-block-list-text div p {
            margin: 0;
        }

        .ote-block-list-text div h3 {
            text-transform: uppercase;
            margin: 0;
        }

        .ote-block-list-text {
            font-size: 20px;
            position: relative;
            flex-basis: 100%;
            height: auto;
        }

        .ote-block-list-text div {
            padding: 20px;
            box-sizing: border-box;
        }

        .ote-block .h-color-1 {
            border-color: #FF5B0D;
        }

        .ote-block .f-color-1 {
            background: #ff5b0d;
            color: #fff;
        }
        
        .ote-block .t-color-1 {
            color: #FF5B0D;
        }

        .ote-block .f-color-2 {
            background: #009DFF;
            color: #fff;
        }

        .ote-block .t-color-2 {
            color: #009DFF;
        }

        .ote-block .h-color-2 {
            border-color: #009DFF;
        }

        .ote-block .h-color-3 {
            border-color: #FFC50D;
        }

        .ote-block .f-color-3 {
            background: #FFC50D;
        }

        .ote-block .t-color-3 {
            color: #FFC50D;
        }

        .ote-block .h-color-4 {
            border-color: #3bd177;
        }

        .ote-block .f-color-4 {
            background: #3bd177;
        }

        .ote-block .t-color-4 {
            color: #3bd177;
        }

        .ote-block a.f-dark {
            background: #2F3238;
            color: white;
            padding: 20px;
        }

        .ote-block.ote-frame {
            max-width: 1200px;
            padding: 200px;
            position: relative;
        }

        .ote-block h2.ote,
        h2.ote {
            text-transform: uppercase;
            color: #50768E;
            line-height: normal;
            font-size: 24px;
            margin-top: 60px;
        }
        
        .ote-block h1.ote {
            text-align: center;
            text-transform: uppercase;
            color: #FF8C00;
        }

        .ote-block h3.ote {
            text-transform: math-auto;
            font-weight: 600;
            font-size: 20px;
            line-height: normal;
        }
        
        .ote-block ul.ote,
        .ote-block ol.ote{
            padding: 0 20px;
            margin: 15px 0 15px 40px;
            border-left: 2px solid #50768E;
        }
        
        .ote-block ul.ote>li {
            padding: 10px 0;
            
        }
        
        .ote-b {
            font-weight: bold;
        }
        
        .ote-block img.ote {
            aspect-ratio: 2/1;
            width: 100%;
            margin: 30px 0 !important;
        }
        
        

        .ote-block.ote-frame div {
            width: 20%;
            aspect-ratio: 1;
            position: absolute;
        }

        .ote-block .ote-frame-up {
            margin-top: 100px;
            margin-left: 100px;
            top: 0;
            left: 0;
            border: 7px solid #FF8C00;
            border-bottom: none;
            border-right: none;
        }

        .ote-block .ote-frame-down {
            bottom: 0;
            right: 0;
            margin-bottom: 100px;
            margin-right: 100px;
            border: 7px solid #FF8C00;
            border-top: none;
            border-left: none;
        }

        .ote-block.ote-text-40 div {
            width: 60%;
            margin: auto;
        }
        
        .ote-block.ote-blog {
            padding: 10px 40px 80px;
            max-width: 900px;
        }
        
        .ote-block.ote-blog .cta {
            padding: 15px;
            border-radius: 5px;
            margin: 20px auto;
            display: block;
            width: fit-content;
        }


        .ote-block.ote-text-40 img, .ote-block.ote-text-80 img {
            max-height: 50vh;
            max-width: 100%;
            object-fit: cover;
            margin: auto;
            display: block;
        }

        .ote-block img {
            border-radius: 5px;
        }

        .ote-block p.ote-L {
            font-size: 28px;
            font-weight: 600;
            line-height: 100%;
        }

        .ote-block .ote-slide-inner {
            max-width: 1000px;
            margin: auto;
            padding: 80px 40px;
            background: #fff;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            min-height: 400px;
        }

        .ote-block .ote-slide-inner h3 {
            width: 50%;
            padding-right: 4%;
        }

        .ote-block .ote-slide-text {
            width: 40%;
            padding-left: 4%;
            border-left: 4px solid #FF8C00;
        }

        .f-orange {
            background: #FF8C00;
            color: #000;
        }

        .t-orange {
            color: #FF8C00;
        }

        .h-orange {
            border: 2px solid #FF8C00;
            color: #FF8C00;
        }
        
        a.hover-orange:hover {
            background: #FF8C00;
            color: #000;
        }
        
        .f-light-blue {
            background: #A8BBC7;
            color: #000;
        }

        .f-blue {
            background: #50768E;
            color: #fff;
        }

        .h-blue {
            border: 2px solid #50768E;
            color: #50768E;
        }  
        
        .t-blue {
            color: #50768E;
        }

        a.hover-blue:hover {
            background: #50768E;
            color: #fff;
        }
        
        .f-dark {
            background: #2F3238;
            color: #fff;
        }

        .h-dark {
            border: 2px solid #2F3238;
            color: #2F3238;
        }

        .t-dark {
            color: #2F3238;
        }
        
        a.hover-dark:hover {
            background: #2F3238;
            color: #fff;
        }
        
        .underline {
            text-decoration: underline;
        }

        .ote-block.ote-slide>p {
            text-align: center;
        }

        .ote-block.ote-grid {
            max-width: 1000px;
        }

        .ote-block .ote-grid-2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .ote-block .ote-grid-2 .ote-grid-block {
            flex-basis: 40%;
            margin: 2% 1%;
            background: #fff;
            padding: 20px;
            border-radius: 5px;
        }

        .ote-block .ote-grid-icon {
            width: 100%;
        }

        .ote-block .ote-grid-icon img {
            height: 200px;
            object-fit: cover;
            display: block;
            margin: auto;
            width: 100%;
        }
        
        .ote-block .ote-outline:hover img.click {
            filter: hue-rotate(184deg) brightness(1.5) saturate(2.5);
        }
        
        .ote-block .ote-outline:hover h3.click {
            color: #FF8C00;
        }

        .ote-block .ote-grid-4 {
            display: flex;
            justify-content: space-evenly;
            padding: 20px 0px;
            border: 2px solid #ff8C00;
            border-radius: 5px;
        }

        .ote-block .ote-grid-4 .ote-grid-block {
            width: 20%;
        }

        .ote-block.ote-questions {
            max-width: 1000px;
        }

        .ote-block .ote-question-block {
            background: #fff;
            padding: 5%;
            margin: 5% 0;
            border-radius: 5px;
            border: 2px solid #50768E;
        }

        .ote-block .ote-btn{
            padding: 15px;
            margin: 15px 5px;
            display: inline-block;
            border-radius: 5px;
            text-transform: uppercase;
            text-align: center;
        }

        .ote-block .ote-grid-2 .block-img {
            width: 55%;
            border-radius: 5px;
        }

        .ote-block .block-img img {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }

        .ote-block .ote-grid-2 .block-text {
            width: 40%;
        }

        .ote-block .ote-grid-3 {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .ote-block .ote-grid-3 .ote-grid-block {
            width: 29%;
            background: #fff;
            padding: 2%;
            border-radius: 5px;
        }
        
        .ote-grid-block h3 {
            text-align: center;
            text-transform: uppercase;
        }

        .ote-block .ote-grid-3 .ote-grid-icon img {
            height: 80px;
            object-fit: contain;
            display: block;
            margin: auto;
            width: fit-content;
        }

        .ote-block .ote-block-list-icon img {
            width: 100%;
            max-height: 250px;
            object-fit: cover;
        }
        
        .ote-block.ote-item-list {
            display: flex;
            flex-wrap: wrap;
        }
        
        .ote-item-list a.ote-item {
            width: 23%;
            background: #fff;
            border-radius: 10px;
            outline: 1px solid #0000001c;
            overflow: hidden;
            margin: 1%;
            position: relative;
        }
        
        .ote-block.ote-featured-articles {
            display: flex;
            justify-content: space-between;
        }
        
        .ote-featured-articles .feature-1,
        .ote-featured-articles .feature-2 {
            margin: 1%;
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0px 0Px 5px #919191;
        }
        
        .ote-featured-articles .feature-1 {
            flex: 2;
            background: #fff;
        }
        
        .ote-featured-articles .feature-2 {
            flex: 1;
            background: #A8BBC7;
            color: #000;
        }
        
        .feature-1 h3 {
            width: 90%;
            margin: auto;
            position: absolute;
            transform: translate(-50%, -50%);
            left: 50%;
            background: #50768E;
            text-align: center;
            padding: 5px;
            border-radius: 5px;
            color: #fff;
            font-weight: 400;
        }
        
        .feature-2 h3 {
            padding: 0 10px;
        }
        
        .feature-1 p.feature-description {
            margin: 60px 20px 30px;
        }
        
        .feature-2 p.feature-description {
            margin: 20px 10px 30px;
        }
        
        .ote-featured-articles .feature-1 .ote-item-img {
            aspect-ratio: 2/1;
            overflow: hidden;
        }
        
        .ote-featured-articles .feature-2 .ote-item-img {
            aspect-ratio: 1;
            overflow: hidden;
        }
        
        .feature-1 img, 
        .feature-2 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .featured .ote-item-img {
            position: relative;
        }
        
        .ote-item .ote-item-img {
            width: 100%;
            position: relative;
            background-image: url("https://uppler-platform-otego.s3.eu-west-3.amazonaws.com/image/53/63/6a48f55e981c410da2621e71277b.png");
            background-position: center;
            background-size: cover;
        }
        
        .ote-item-list .ote-item-img img {
            width: 100%;
            aspect-ratio: 2;
            border-radius: 0px;
            object-fit: cover;
        }
        
        .ote-item-title {
            margin: 0 0 35px;
        }
        
        
        .ote-item-title p {
            padding: 5px 5px 10px;
            max-height: 100px;
            overflow: hidden;
            font-size: 13px;
        }
        
        .ote-item:hover .ote-item-title p {
            color: #000;
        }
            
        
        p.item-date {
            text-align: right;
            padding: 5px 10px;
            width: 100%;
            position: absolute;
            bottom: 0;
            margin: 0;
            font-size: 14px;
            font-style: italic;

        }
        
        .ote-item:hover .item-date {
            color: #000;
        }
        
        .ote-item-title h3 {
            font-size: 18px;
            margin: 5px;
            line-height: 22px;

        }
        
        .ote-inset-shadow,
        .ote-inset-shadow-hover {
            position: absolute;
            width: 100%;
            height: 100%;
            box-shadow: inset 0 0 35px #000;
            top: 0;
        }
        
        .ote-item:hover .ote-inset-shadow-hover {
            box-shadow: unset;
        }
        
        table.ote-table {
            border-radius: 10px;
            border: 1px solid #000;
            overflow: hidden;
            display: block;
            width: fit-content;
            margin: auto;
        }
        
        table.ote-table thead {
            background: #A8BBC7;
            font-weight: 600;
            text-transform: uppercase;
            text-align: center;
        }
        
        table.ote-table tbody tr:nth-child(odd) {
            background: #fff;
        }
        
        table.ote-table tbody tr:hover {
            background: #FF8C00;
            font-weight: 600;
        }

        @media screen and (max-width:1024px) {
            .ote-item-list .ote-item {
                width: 31.33%;
            }
        }


        @media screen and (max-width:900px) {
            .ote-block .ote-block-list-text {
                font-size: 17px;
            }
            
            .ote-block.ote-text-40 div {
                width: 60%;
            }
        }

        @media screen and (max-width:768px) {
            .ote-block .ote-grid-2 {
                flex-direction: column;
                align-items: center;
            }

            .ote-block .ote-grid-2 .ote-grid-block {
                width: 80%;
            }

            .ote-block .ote-grid-2 .block-img,
            .ote-block .ote-grid-2 .block-text {
                width: 80%;
            }

            .ote-block.ote-grid .ote-grid-3 .ote-grid-block {
                width: 45%;
            }

            .ote-block .ote-grid-4 {
                flex-wrap: wrap;
            }
            
            .ote-block .ote-grid-4 .ote-grid-block {
                width: 45%;
            }
            
            .ote-block .ote-btn {
                display: block;
            }

            .ote-block .ote-block-list-inner {
                flex-direction: column-reverse;
            }

            .ote-block .ote-block-list-text>p, .ote-block-list-text>div {
                position: relative;
                transform: unset;
            }

            .ote-block .ote-slide-inner {
                flex-direction: column;
            }

            .ote-block .ote-slide-inner h3 {
                width: 80%;
            }

            .ote-block .ote-slide-text {
                width: 80%;
                border-left: none;
                border-top: 4px solid #FF8C00;
            }

            .ote-block.ote-frame {
                padding: 100px;
            }

            .ote-block .ote-frame-up {
                margin-top: 50px;
                margin-left: 50px;
            }

            .ote-block .ote-frame-down {
                margin-bottom: 50px;
                margin-right: 50px;
            }

            .ote-block.ote-text-40 div {
                width: 80%;
            }
            
            .ote-item-list .ote-item {
                width: 46%;
            }
        }

        @media screen and (max-width: 500px) {
            .ote-block.ote-grid .ote-grid-3 .ote-grid-block,
            .ote-block.ote-grid .ote-grid-4 .ote-grid-block {
                width: 80%;
            }
            
            .ote-block h3.ote {
                font-size: 27px
            }

            .ote-block .ote-grid-3 {
                justify-content: center;
            }

            .ote-block .ote-slide-inner {
                padding: 40px 20px;
            }

            .ote-block.ote-text-80>div,
            .ote-block .ote-block-list-inner,
            .ote-block .ote-block-list-text>div,
            .ote-block .ote-grid-2 .block-img,
             .ote-grid-2 .block-text {
                width: 100%;
                margin: 10px 0px;
            }

            .ote-block.ote-frame {
                padding: 50px;
            }

            .ote-block .ote-frame-up {
                margin-top: 25px;
                margin-left: 25px;
            }

            .ote-block .ote-frame-down {
                margin-bottom: 25px;
                margin-right: 25px;
            }
            
            .ote-item-list .ote-item {
                width: 100%;
                margin: 10px 0;
            }
            .ote-page-banner {
                height: 200px;
            }
            .ote-block.ote-blog {
                padding: 10px 5px 40px;
            }
        }


/* ---------------------------------------------------------------------------------------------- LOGIN / REGISTER ------------------------------------------------------------------------------------------------- */

.register .col-md-4 {
	width: 100%;
}

.register .col-md-offset-4 {
	margin-left: 0%;
}
.register .widget-register {
	margin: 0 auto;
	width: 65%;
}
#administrator-login .widget-login,
.login .widget-login,
.register .widget-register {
	padding: 20px;
	margin: 20px auto;
}

#administrator-login .widget-login .widget-title,
.login .widget-login .widget-title,
.register .widget-register .widget-title {
	font-weight: 600;
	font-size: 36px;
	line-height: 36px;
	text-transform: none;
}

.login .widget-login .row-submit .row-checkbox,
.register .widget-register .row-submit .row-checkbox {
	margin-bottom: 10px;
}

.login .widget-login .row-submit .row-checkbox #remember_me {
	top: 0;
}

.login-forget-password-container {
	margin-top: 15px;
}
.widget-register .block-name {
	clear: both;
    margin: 20px 0;
    font-weight: bold;
    font-size: 18px;
    padding: 45px 20px 5px;
    border-bottom: 4px solid #50768E;
    text-transform: uppercase;
}

p.signup-no.text-center {
    margin: 20px 0;
}

/* ------------------------------------------------------------------------------------------------- FORM --------------------------------------------------------------------------------------------------- */

#form-kyc .block-name {
    margin: 20px 0;
    font-weight: bold;
    font-size: 18px;
    padding: 45px 20px 5px;
    border-bottom: 4px solid #50768E;
    text-transform: uppercase;
}

.contact-help .btn {
    display: block;
    margin: auto;
}

.contact-help #flash-message-display {
    position: relative;
}

#form-kyc .label-title, .onboarding-content #entity-file .label-title {
    float: none;
}

form#form-contact {
    background: #EEF1F3;
    padding: 30px 20px;
    border-radius: 10px;
    margin-bottom: 40px;
}

form#form-contact .col-md-6 {
    width: 100%;
    margin: 0;
}

form#form-contact  .form-group {
    max-width: 600px;
    margin: auto;
}

form .form-group button.btn-default{
    background: #FF8C00;
    border-color: transparent;
    margin: auto;
    display: block
}




/* ------------------------------------------------------------------------------------------------- FORM --------------------------------------------------------------------------------------------------- */

.widget-exception h1 {
    line-height: 170px;
}

/* ------------------------------------------------------------------------------------------------- KYC FORM DOCUMENTS --------------------------------------------------------------------------------------------------- */


#form-kyc .entity-file .kyc-download {
    max-width: 100%;
    margin: 0;
    flex: 1;
}

#form-kyc .entity-file .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
}

#form-kyc .entity-file .form-group .fileinput-button {
    padding: 5px 10px;
    display: block;
}

#form-kyc .entity-file .single-button .fileinput-button {
    padding: 24px 18px;
    width: 100%;
    margin: 0;
    background: #b8e1f1;
    border: 2px dotted #4c78af;
}

#form-kyc .entity-file .single-button {
    float: none;
    max-width: none;
    width: 100%;
    order: 2;
    margin-top: 10px;
}

#form-kyc .entity-file .form-control {
    margin: 0;
}

#form-kyc .entity-file .help-text {
    order: 1;
}

#form-kyc .entity-file  .clearfix {
    display: none;
}

#form-kyc .entity-file .label-title {
    height: 4rem;
    font-size: 1.5rem;
    line-height: normal !important;
    text-wrap: pretty;
    display: flex;
    gap: 5px;
    align-items: end;
}

#form-kyc .entity-file .form-group .state {
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: center;
}

#form-kyc .entity-file label.mandatory:before {
    display: inline-block;
}

#form-kyc .entity-file .form-control {
    text-align: center;
}

#form-kyc .entity-file .help-text {
    font-size: 1.4rem;
    width: 100%;
}

#form-kyc .entity-file .form-group .state .label {
    width: 50%;
}

/* ------------------------------------------------------------------------------------------------- PRODUCT BOX --------------------------------------------------------------------------------------------------- */

.widget-product-box:hover {
	box-shadow: 0 0 20px #0005;
    background: #fff;
    scale: 1.05;
    z-index: 9;
}

.widget-product-box:hover .picture-block{
    border: 1px solid #A8BBC700;
}

.widget-product-box:hover .price-wall {
    opacity: 1;
}

.widget-product-box:hover img {
	transform: scale(1.05);
}

.widget-product-box .btn-access-product .btn {
	text-transform: none;
	text-decoration: underline;
	font-weight: normal;
	padding: 7px;
	float: left;
	border: 0;
	position: absolute;
	bottom: 4px;
	left: 4px;
	width: fit-content;
	mix-blend-mode: darken;
}

.item-product-box.list-group-item .widget-product-box .btn.btn-default {
	top: 35px;
	right: 30px;
	background: 0 !important;
}


/* --------------------------------------------------------------------------------------------------- SEARCHBAR ----------------------------------------------------------------------------------------------------- */

.searchbar-wrap .search-input-box {
	background: #fff;
	height: 40px;
	display: flex;
	align-items: center;
	border-radius: 5px;
	width: 100%;
	justify-content: space-between;
	position: relative;
	padding: 0;
}

.searchbar-wrap .search-input-box #global-search {
	border: 0 !important;
	width: 100%;
	height: auto !important;
}

.searchbar-wrap .search-input-box .search-btn {
	border: 0;
	padding: 0 15px 0px;
	overflow: inherit;
	height: 100%;
	border-radius: 0 5px 5px 0;
}

.searchbar-wrap .search-input-box .search-btn,
.searchbar-wrap .search-input-box .search-btn:hover,
.searchbar-wrap .search-input-box .search-btn:focus {
	background: #FF8C00;
	top: 0px;
}

.searchbar-wrap .search-input-box .search-btn .fa {
	font-size: 20px;
}

/*.item-product-box.list-group-item {
    width: 20% !important;
    float: left !important;
}
.item-product-box.list-group-item .widget-product-box {
	display: inherit;
}
*/

.item-product-box.list-group-item {
    float: left !important;
    width: 50% !important;
}

.item-product-box.list-group-item .widget-product-box {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.item-product-box.list-group-item .picture-block {
    margin: 0px !important;
    max-width: 150px;
}

.item-product-box.list-group-item .picture-block a img {
    max-height: 150px!important;
    max-width: 150px!important;
}

.item-product-box.list-group-item .info-block .info-master {
    margin-right: 0px !important;
}

.item-product-box.list-group-item .info-block .price {
    margin: 15px 0 0 0 !important;
}

.item-product-box.list-group-item .widget-product-box .price-wall {
    max-width: 200px;
}


.item-product-box.list-group-item .info-block .btn-access-product {
    display: none;
} 

.item-product-box.list-group-item .widget-product-box .picture-block .picture {
	height: 100%;
	max-width: 100%;
}

.item-product-box.list-group-item .widget-product-box .picture-block {
	margin-right: 60px;
}


/* --------------------------------------------------------------------------------------------------- WIDGETS ----------------------------------------------------------------------------------------------------- */

.widget-block-title {
	display: inline-block;
	font-weight: 400;
	margin: 0 0 25px;
}

.widget-block-title-link {
	margin: 0 0 15px;
}

.widget-block-title-link a {
	background: none;
	border: none;
	text-transform: none;
	text-decoration: underline;
	font-size: 16px;
	padding: 0;
}

.widget-block-title-link a:hover {
	background: none;
	border: none;
	text-decoration: underline;
	color: #BDBDBD;
}

.widget-block-banner-slider>.carousel {
	margin: 0 auto 50px;
	background: rgb(47,50,56);
    background: linear-gradient(50deg, rgba(47,50,56,1) 0%, rgba(80,118,142,1) 50%, rgba(47,50,56,1) 100%);
}

.carousel-control {
    min-width: 30px;
    z-index: 5 !important;
}

.widget-block-banner-slider .carousel .carousel-inner {
    height: 350px;
    box-shadow: 0 0 5px #00000099;
}

#widget-block-register .items-list,
#widget-block-advantages .items-list,
div.three-parts-widget .items-list,
#widget-block-categories .items-list,
.widget-block-grid-carousel .item,
.widget-block-grid-carousel .grid-carousel {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.widget-block-grid-carousel .carousel-indicators {
	display: none;
}
.widget-block-banner-default,
.widget-block-grid-default {
	max-width: 1200px;
	margin: 0 auto 50px;
	padding: 15px;
}
.widget-block-banner-default .item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel .item .item-image {
    position: absolute;
}

.carousel .item .item-link {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.carousel .item .item-title,
.carousel .item .item-description {
    display: none !important;
}

.carousel .item .item-link a {
    display: block;
    width: fit-content;
    margin-left: 16%;
}

.carousel .carousel-indicators {
    display: none;
}

.widget-block-banner-default .item .widget-block-text {
	position: absolute;
	width: 100%;
	padding: 30px;
	background: rgba(0, 0, 0, 0.6);
}
.widget-block-banner-default .item .widget-block-text .widget-block-title a,
.widget-block-banner-default .item .widget-block-text .widget-block-description a {
	color: #fff;
}
#widget-block-register .items-list,
.three-parts-widget .items-list,
#widget-block-advantages .items-list {
	position: initial;
}

/* --------------------------------------------------- CAROUSEL---------------------------------------------------  */

.widget-block-banner-slider {
	padding: 0;
}

.widget-block-banner-slider .item .hidden {
	display: inherit !important;
	visibility: hidden;
}

.widget-block-banner-slider .item .hidden.item-link {
    visibility: visible;
    border-style: none;
}

.widget-block-banner-slider .item {
	height: 100%;
	background-repeat: no-repeat;
	background-size: 1920px;
	background-position-x: center;
	background-position-y: top;
}

.widget-block-banner-slider .item .item-title {
	font-weight: normal;
	font-size: 46px;
	line-height: 54px;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding: 20px 100px 0;
	text-shadow: 0 0 10px #000;
	position: absolute;
}

.widget-block-banner-slider .item .item-description {
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	width: 430px;
	margin-left: auto;
	margin-right: auto;
}

.carousel .item .item-link {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    bottom: 0;
    height: 100%;
}

.carousel .item .item-link a {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    background: transparent;
    border: none;
    text-align: left;
    color: transparent;
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
    #widget-block-home-product .col-md-4:nth-child(4) {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .widget-block-banner-slider .carousel .carousel-inner {
        height: 270px;
    }
    
    .carousel .item {
        background-position-y: bottom;
        background-size: auto 585px;
    }

    .carousel .item .item-link a {
        max-width: 380px;
    }
}

/* ----------------------------------------------- GRID CAROUSEL-----------------------------------------------  */

.widget-block-grid-carousel {
	padding: 15px 25px;
}

.widget-grid-carousel .carousel {
    margin: 0;
}

.widget-block-grid-carousel .grid-carousel .widget-taxon-box {
	overflow: hidden;
}

.widget-block-grid-carousel .grid-carousel .widget-taxon-box:hover {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.widget-block-grid-carousel .grid-carousel .widget-taxon-box .picture-block {
	margin: 0;
	min-height: unset;
}

.widget-block-grid-carousel .grid-carousel .widget-taxon-box .info-block {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
}

.widget-block-grid-carousel .grid-carousel .info-block .title {
	margin: 0;
}


.widget-block-grid-carousel .grid-carousel .widget-taxon-box h4 {
    display:flex;
    height: 50px;
}

.widget-block-grid-carousel .grid-carousel .widget-taxon-box h4 a {
	color: #000;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
	margin: auto;
}

.widget-block-grid-carousel .grid-carousel .widget-taxon-box .item-taxon-box {
	padding: 0 20px;
}

.widget-block-grid-carousel .grid-carousel .widget-taxon-box .picture-block img {
	aspect-ratio: 1;
	object-fit: cover
}

.widget-block-grid-carousel .grid-carousel .btn-access-product {
	display: none;
}

.widget-block-grid-carousel .grid-carousel .info-block {
	height: auto;
	min-height: inherit;
}

.widget-block-grid-carousel .grid-carousel .info-master {
	display: grid;
}

.widget-block-grid-carousel .grid-carousel .info-master .link-company {
	order: 3;
}

.widget-block-grid-carousel .grid-carousel .info-master .price {
	margin-bottom: 15px;
}

.widget-block-grid-carousel .carousel-control .icon-prev,
.widget-block-grid-carousel .carousel-control .icon-next {
	border: none;
	text-shadow: none;
}

.widget-block-grid-carousel .carousel-control .icon-prev::before,
.widget-block-grid-carousel .carousel-control .icon-next::before {
	color: #FF8C00;
	opacity: 1;
	font-size: 24px;
}
.widget-block-grid-default .widget-taxon-box .picture-block {
    margin: 0;
}

.widget-block-grid-default .widget-taxon-box img {
    width: 100%;
    object-fit: cover;
}

/* -------------------- New Product Row -------------------- */

.white-row {
    background: white;
}

.product-row .widget-block {
    max-width: 1200px;
    margin: auto;
    padding: 40px 0;
}

.product-row {
    box-sizing: border-box;
}

.product-row .widget-block .widget-block-title {
    display: block;
    text-align: left;
    text-transform: capitalize;
    font-weight: 700;
    grid-column: 1 /span 3;
    margin: 10px 0;
}

.product-row .widget-block .widget-block-title a {
    color: #50768E;
}

.product-row .widget-block > div:first-child {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
}

.product-row .widget-block .widget-block-description {
    grid-column: 1 / span 3;
    text-align: left;
    margin: 15px 0 0;
}

.product-row .widget-block .widget-block-title-link,
.product-row .widget-block .widget-block-footer-link{
    margin: auto;
    height: 100%;
    width: 100%;
    position: relative;
    grid-column: 4;
    grid-row: 1 /span 2;
}

.product-row .widget-block .col-md-12:has(.widget-block-footer-link) {
    grid-area: 2 / span 4;
    height: 21px;
}

.product-row .widget-block .widget-block-title-link a,
.product-row .widget-block .widget-block-footer-link a {
    padding: 5px 20px;
    background: #FF8C00;
    border-radius: 15Px;
    height: 30px;
    text-decoration: none;
    text-transform: capitalize;
    color: white;
    font-weight: 400;
    width: fit-content;
    top: 50%;
    right: 0;
    left: auto;
    display: block;
    position: absolute;
    z-index: 0;
    translate: 0 -50%;
}

.product-row .widget-block .widget-block-title-link a:after,
.product-row .widget-block .widget-block-footer-link a:after {
    content: "\f054";
    font-family: 'FontAwesome';
    margin-left: 10px;
}

.product-row .widget-block .widget-items-block-wrapper,
.product-row .widget-block .grid-carousel {
        margin: 0;
        overflow: visible;
        z-index: 1;
        margin: 10px 0;
        max-width: 100%;
}

.product-row .widget-block .item.row.prev.left,
.product-row .widget-block .item.row.next.left,
.product-row .widget-block .item.row.prev.right,
.product-row .widget-block .item.row.next.right {
    animation: arrival 0.6s;
}

@keyframes arrival {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.product-row .widget-block .item.row.active.left,
.product-row .widget-block .item.row.active.right {
    animation: departure 0.6s;
}

@keyframes departure {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.product-row .widget-block .item.row.active, .product-row .widget-block .item.row.next,
.product-row .widget-block .item.row.next, .product-row .widget-block .item.row.next,
.product-row .widget-block .item.row.prev, .product-row .widget-block .item.row.next,
.product-row .widget-block .widget-items-block-wrapper {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 15px 5px;
    margin: 10px 0;
}

.product-row .widget-block .item.row, .product-row .widget-block .item.row.next, .product-row .widget-block .item.row.next, .product-row .widget-block .item.row.next, .product-row .widget-block .item.row.prev, .product-row .widget-block .item.row.next, .product-row .widget-block .widget-items-block-wrapper {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 15px 5px;
    margin: 0;
}

.product-row.extended-row .widget-block .item.row.active, .product-row .widget-block .item.row.next,
.product-row.extended-row .widget-block .item.row.next, .product-row .widget-block .item.row.next,
.product-row.extended-row .widget-block .item.row.prev, .product-row .widget-block .item.row.next,
.product-row.extended-row .widget-block .widget-items-block-wrapper {

   grid-template-columns: repeat(6, minmax(0, 1fr));
}

.product-row .widget-block .widget-items-block-wrapper:before {
    display: none;
}

.product-row .widget-block .item.row.active .item-product-box,
.product-row .widget-block .item.row.prev .item-product-box,
.product-row .widget-block .item.row.next .item-product-box {
    grid-column: span 1;
    width: 100%;
}

.product-row .widget-block .widget-items-block-wrapper .item-product-box {
    width: 100%;
}

.product-row .widget-block .item.row:after, 
.product-row .widget-block .item.row:before {
    content: unset;
    display: none
}

.product-row .widget-block .item.row.active .item-product-box .widget-product-box,
.product-row .widget-block .item.row.prev .item-product-box .widget-product-box,
.product-row .widget-block .item.row.next .item-product-box .widget-product-box,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box {
    margin: 0;
    padding: 5px;
    display: flex;
    flex-direction: column;
    min-height: unset;
    height: 100%;
    justify-content: start;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30);
    background-color: white;
}

.product-row .widget-block .item.row.active .item-product-box .widget-product-box .info-block,
.product-row .widget-block .item.row.prev .item-product-box .widget-product-box .info-block,
.product-row .widget-block .item.row.next .item-product-box .widget-product-box .info-block,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box .info-block{
    padding: 0;
    min-height: inherit;
}

.product-row .widget-block .item.row.active .item-product-box .widget-product-box .info-block .product-price-container,
.product-row .widget-block .item.row.prev .item-product-box .widget-product-box .info-block .product-price-container,
.product-row .widget-block .item.row.next .item-product-box .widget-product-box .info-block .product-price-container,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box .info-block .product-price-container
{
    margin-top: 10px;
}

.product-row .widget-block-grid-carousel > .row {
    margin: 0;
}

.product-row .widget-block .item.row.active .item-product-box .widget-product-box .info-block .info-master h4.title,
.product-row .widget-block .item.row.prev .item-product-box .widget-product-box .info-block .info-master h4.title,
.product-row .widget-block .item.row.next .item-product-box .widget-product-box .info-block .info-master h4.title,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box .info-block .info-master h4.title {
    margin: 5px 0;
}

.product-row .widget-block .item-product-box .widget-product-box .info-block .info-master h4.title a {
    font-size: 13Px;
}

.product-row .widget-block .item-product-box .widget-product-box .link-company {
    font-size: 10px;
}

.product-row .widget-block .item.row.active .item-product-box .widget-product-box .picture-block,
.product-row .widget-block .item.row.prev .item-product-box .widget-product-box .picture-block,
.product-row .widget-block .item.row.next .item-product-box .widget-product-box .picture-block,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box .picture-block{
    height: auto;
}


.product-row .widget-block .item.row.active .item-product-box .widget-product-box:hover,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box:hover {
    box-shadow: 0 0 20px #0005;
    background: white;
    scale: 1.05;
    z-index: 999;
    padding: 5px;
}

.product-row .widget-block .item.row.active .item-product-box .widget-product-box img,
.product-row .widget-block .item.row.prev .item-product-box .widget-product-box img,
.product-row .widget-block .item.row.next .item-product-box .widget-product-box img,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box img {
    mix-blend-mode: darken;
}

.product-row.white-row .widget-block .item.row.active .item-product-box .widget-product-box .picture-block a,
.product-row.white-row .widget-block .item.row.prev .item-product-box .widget-product-box .picture-block a,
.product-row.white-row .widget-block .item.row.next .item-product-box .widget-product-box .picture-block a,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box .picture-block a {
    background: #F9F9F9;
}

.product-row .widget-block .item.row.active .item-product-box .widget-product-box .info-master,
.product-row .widget-block .item.row.prev .item-product-box .widget-product-box .info-master,
.product-row .widget-block .item.row.next .item-product-box .widget-product-box .info-master,
.product-row .widget-block .widget-items-block-wrapper .item-product-box .widget-product-box .info-master {
    display: block;
    height: 80px;
}

.product-row .widget-product-box .btn-access-product .btn {
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    display: block;
    max-height: 0;
    text-align: left;
}

.product-row .widget-product-box:hover .btn-access-product .btn {
    max-height: fit-content;
        padding: 0;
        color: #FF8C00;
        background: transparent;

}

.product-row .widget-block .carousel-control-box {
    display: block;
    position: relative;
    width: 60px;
    height: 30px;
    margin: 10px 0 0 auto;
    background: white;
    border-radius: 15px;
    outline: 2px solid #EEF1F3;
    z-index: 0;
}


.product-row .widget-block .carousel-control-box .fa {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}
.product-row .widget-block .carousel-control-box .fa:before {
    font-size: 14px;
}


.product-row.white-row .widget-block .carousel-control-box {
}

@media screen and (max-width: 1200px) {
    .product-row .widget-block {
        padding: 20px 10px;
    }
}
@media screen and (max-width: 1024px) {
    .product-row .widget-block .item.row.active,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.previous {
        padding: 0;
    }
}


@media screen and (max-width: 900px) {
    .product-row.extended-row .widget-block .item.row.active,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .item.row.prev,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .widget-items-block-wrapper,
    .product-row .widget-block .item.row.active,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.prev,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .widget-items-block-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));

    }
    
    .product-row .widget-block-grid-carousel .item.row>.item-product-box:nth-child(n+5) {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .product-row .widget-block .item-product-box {
        padding: 0;
    }
    .product-row.extended-row .widget-block .item.row.active,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .item.row.prev,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .widget-items-block-wrapper,
    .product-row .widget-block .item.row.active,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.prev,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .widget-items-block-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .product-row .widget-block > div:first-child {
        grid-template-columns: repeat(4, minmax(0,1fr));
    }
    .product-row .widget-block .widget-block-title-link {
        grid-row: 1 / span 1;
        grid-column: 4;
    }
    .product-row .widget-block .widget-block-title {
        grid-column: 1 / span 3;
        margin-bottom: 0;
        font-size: 24px;
        line-height: normal;
        text-wrap: balance;
    }
    .product-row .widget-block .widget-block-title-link a {
        font-size: 14px;
        height: fit-content;
        padding: 3px 10px;
    }
}
@media screen and (max-width: 480px) {
    .product-row.extended-row .widget-block .item.row.active,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .item.row.prev,
    .product-row .widget-block .item.row.next,
    .product-row.extended-row .widget-block .widget-items-block-wrapper,
    .product-row .widget-block .item.row.active,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .item.row.prev,
    .product-row .widget-block .item.row.next,
    .product-row .widget-block .widget-items-block-wrapper {
        grid-template-columns: repeat(6, minmax(40vw, 1fr));
        overflow-x: auto;
        overflow-y: visible;
        justify-content: start !important;
        padding: 20px 10px;    
        gap: 0 5px;
    }
}

/* ---- ICON GRID ---- */

.icon-grid {
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
    margin: 20px 0;
    align-items: stretch;
}

.icon-grid .icon-card {
    padding: 20px 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
}

.icon-grid .icon-card .card-picture,
.icon-grid .icon-card .card-text {
    flex: 1;
    font-size: 18px;
}
.icon-grid .icon-card p {
    margin: 0;
}

@media screen and (max-width: 480px) {
    .icon-grid {
        flex-direction:column;
        width: fit-content;
        gap: 5px;
        padding: 10px 20px
    }
    .icon-grid .icon-card {
        flex-direction: row;
        text-align: left;
        gap: 20px;
        justify-content: center;
        padding: 10px 20px;
    }
    .icon-grid .icon-card .card-picture{
        flex: 1;
        display: flex;
        justify-content: end;
        max-height: 60px;
    }
    .icon-grid .icon-card .card-text {
        flex: 2;
        font-size: 18px;
        gap: 10px;
        display: flex;
        flex-direction: column;
        text-wrap: balance;
    }
}

/* ----------------------------------------------- 3 COLUMNS  -----------------------------------------------  */

#widget-block-advantages .items-list,
.three-parts-widget .items-list,
#widget-block-standard-3-parts .items-list {
	display: flex;
	justify-content: space-between;
	padding: 40px 0 0;
		align-items: strech;
}

.three-parts-widget .items-list .item,
#widget-block-advantages .items-list .item,
#widget-block-standard-3-parts .items-list .item {
	display: flex;
	flex-direction: column-reverse;
	justify-content: start;
	flex-basis: 33%;
}

.three-parts-widget .items-list .item .widget-block-text,
#widget-block-advantages .items-list .item .widget-block-text,
#widget-block-standard-3-parts .items-list .item .widget-block-text {
	padding: 0 10px;
	position: initial;
	width: inherit;
	background: inherit;
	margin: auto auto 20px;
}

.three-parts-widget .items-list .item h2,
#widget-block-advantages .items-list .item h2, 
#widget-block-standard-3-parts .items-list .item h2 {
	margin: 30px 0 15px;
	font-weight: 600;
	font-size: 30px;
}

.three-parts-widget .items-list .item p,
#widget-block-advantages .items-list .item p,
#widget-block-standard-3-parts .items-list .item p{
	font-size: 18px;
}
.three-parts-widget .items-list .item .widget-container,
#widget-block-advantages .items-list .item .widget-container,
#widget-block-standard-3-parts .items-list .item .widget-container{
	width: 100%;
}

.three-parts-widget .widget-container img {
    object-fit: cover;
    max-width: 100%;
    aspect-ratio: 3/2;
}

.widget-contain .widget-container img {
    object-fit: contain !important;
}

.widget-box .items-list .item,
#widget-block-standard-3-parts .item {
    margin: 10px;
    background: white;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
}

/* ----------------------------------------------- REGISTER -----------------------------------------------  */

#widget-block-register .items-list {
	display: flex;
	justify-content: space-between;
	gap: 4%;
}
#widget-block-register .items-list .item {
	min-width: 48%;
}
#widget-block-register .items-list .item .widget-block-text {
	text-align: left;
	background: #000;
	padding: 30px;
	border-radius: 5px;
	position: inherit;
	width: inherit;
}

#widget-block-register .items-list .item:first-child .widget-block-text {
	background: #50768E;
}

#widget-block-register .items-list .item img {
	display: none;
}

#widget-block-register .items-list .item h2 a {
	font-size: 44px;
	line-height: 54px;
	color: #fff;
}

#widget-block-register .items-list .item p a {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}

#widget-block-register .items-list .item h2 a:hover,
#widget-block-register .items-list .item p a:hover {
	color: initial;
	text-decoration: none;
}

#widget-block-register .items-list .item:nth-child(2) h2 a,
#widget-block-register .items-list .item:nth-child(2) p a {
	color: #fff;
}

#widget-block-register .items-list .item .hidden.item-link {
	display: inherit !important;
	visibility: visible !important;
	margin-top: 45px;
}

#widget-block-register .items-list .item:nth-child(1) .hidden.item-link .btn {
	color: #fff;
	background-color: #000;
	border: #000;
}

#widget-block-register .items-list .item:nth-child(1) .hidden.item-link .btn:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), #FFFFFF;
}


/* widget product list */

.widget-product-list .price {
	font-size: 14px;
	text-align: left;
	margin: 0 0 5px;
	font-weight: bold;
	color: #50768E;
	letter-spacing: 0.02em;
}

.carousel-control .icon-prev::before,
.carousel-control .icon-next::before {
	color: #fff;
}



.carousel-control .icon-prev,
.carousel-control .icon-next {
	font-family: FontAwesome;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #E0E0E0;
	width: 30px;
	height: 30px;
}


/* ----------------------------------------------- THREE PARTS -----------------------------------------------  */

.widget-block-banner-three-part .part a {
	border: 0;
}

.widget-block-banner-three-part .part1 a .text .title {
	font-size: 36px;
	line-height: 54px;
	font-weight: normal;
}

.widget-block-banner-three-part .part1 a .text .description {
	font-size: 16px;
	line-height: 26px;
}

.widget-block-banner-three-part .part.part1 {
	width: 65%;
}

.widget-block-banner-three-part .col-md-3 {
	width: 35%;
}

.widget-block-banner-three-part .part.part1 a {
	height: 530px !important;
	display: flex;
	align-items: center;
	justify-content: right;
	background-size: cover;
	background-position: center;
}

.widget-block-banner-three-part .part.part2 a,
.widget-block-banner-three-part .part.part3 a {
	height: 265px !important;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: end;
}

.widget-block-banner-three-part .part.part1 a .text {
	padding: 30px;
	background: rgba(0, 0, 0, 0.6);
	width: 50%;
	position: inherit;
	color: #fff;
}

.widget-block-banner-three-part .part.part2 a .text,
.widget-block-banner-three-part .part.part3 a .text {
	background: rgba(0, 0, 0, 0.6);
	height: auto !important;
	padding: 15px 30px;
	margin: inherit !important;
	color: #fff;
	width: 100%;
}

.widget-block-banner-three-part .part.part2 a .text .title,
.widget-block-banner-three-part .part.part3 a .text .title {
	font-weight: normal;
	font-size: 30px;
	line-height: 54px;
}

.widget-block-banner-three-part .part.part2 a .text .description,
.widget-block-banner-three-part .part.part3 a .text .description {
	font-size: 16px;
	line-height: 26px;
}

.box-padding {
    padding: 30px;
}


/* ----------------------------------------------- Last articles -----------------------------------------------  */

#widget-block-last-articles,
.article-widget-template>.widget-block-banner-default>.widget-block-banner-default {
    margin: 50px auto;
    max-width: 1440px;
}

#widget-block-last-articles .widget-block-title,
.article-widget-template>.widget-block-banner-default .widget-block-title {
    font-weight: 600;
}

#widget-block-last-articles .items-list,
.article-widget-template>.widget-block-banner-default .items-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#widget-block-last-articles .item,
.article-widget-template>.widget-block-banner-default .item {
    display: flex;
    flex-direction: column-reverse;
    border-radius: 5px;
    box-shadow: 0 0 5px #0005;
    margin: 15px 10px;
    width: calc(25% - 20px);
    background: white;
    justify-content: start;
}

#widget-block-last-articles .item:hover,
.article-widget-template>.widget-block-banner-default .item:hover {
    box-shadow: 0 0 15px #0005;
}
 
#widget-block-last-articles .widget-block-text,
.article-widget-template>.widget-block-banner-default .widget-block-text {
    position: relative;
    background: white;
    padding: 5px 10px;
    text-align: left;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
}
 
#widget-block-last-articles .item h2.widget-block-title a,
.article-widget-template>.widget-block-banner-default .item h2.widget-block-title a {
    color: #50768E;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    width: 100%;
    display: block;
}
 
#widget-block-last-articles .widget-container,
.article-widget-template>.widget-block-banner-default .widget-container {
    padding: 5px;
    aspect-ratio: 5/3;
    margin: 0;
    width: 100%;
    background: white;
    overflow: hidden;
    border-radius: 5px 5px;
}
 
#widget-block-last-articles .widget-block-description a,
.article-widget-template>.widget-block-banner-default .widget-block-description a {
    color: black;
}
 
#widget-block-last-articles .widget-block-description a span,
.article-widget-template>.widget-block-banner-default .widget-block-description a span {
    text-align: left;
}
 
#widget-block-last-articles .widget-block-title,
.article-widget-template>.widget-block-banner-default .widget-block-title {
    margin-bottom: 10px;
}
 
#widget-block-last-articles img,
.article-widget-template>.widget-block-banner-default img {
    border-radius: 5px;
    width: 100%;
    object-fit: cover;
    display: block;
    height: 100%;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    #widget-block-last-articles .item,
    .article-widget-template>.widget-block-banner-default  .item {
        width: calc(50% - 20px);
        max-width: 400px;
    }
    #widget-block-last-articles .widget-container,
    .article-widget-template>.widget-block-banner-default .widget-container {
        aspect-ratio: 2/1;
    }
 
}
 
@media only screen and (max-width: 767px) {
    /*#widget-block-last-articles .item {
        width: calc(50% - 20px)
    }*/
    #widget-block-last-articles .items-list,
    .article-widget-template>.widget-block-banner-default .items-list {
        flex-direction: column;
    }
    #widget-block-last-articles .item,
    .article-widget-template>.widget-block-banner-default .item {
        width: 100%;
        flex-direction: row-reverse;
        margin: 15px 0px;
        align-items: stretch;
    }
    #widget-block-last-articles .widget-container,
    .article-widget-template>.widget-block-banner-default .widget-container {
        aspect-ratio: 1;
        width: 20%;
        min-width: 90px;
        border-radius: 5px 0 0 5px;
    }
        
    #widget-block-last-articles img,
    .article-widget-template>.widget-block-banner-default img {
        aspect-ratio: 1;
        height: auto;
    }
    #widget-block-last-articles .widget-block-text,
    .article-widget-template>.widget-block-banner-default .widget-block-text {
        width: 80%;
        border-radius: 0 5px 5px;
    }
    #widget-block-last-articles .item:after,
    .article-widget-template>.widget-block-banner-default .item:after {
        right: 10px;
        font-size: 12px;
    }
    #widget-block-last-articles .item h2.widget-block-title a,
    .article-widget-template>.widget-block-banner-default .item h2.widget-block-title a {
        font-size: 16px;
    }
}
 
@media only screen and (max-width: 767px) and (min-width: 481px) {
    #widget-block-last-articles .item h2.widget-block-title a,
    .article-widget-template>.widget-block-banner-default .item h2.widget-block-title a {
        font-size: 24px;
    }
}

/* ------------------------------------------------SOCIAL-------------------------------------------------- */

div#widget-block-social-row .items-list {
    display: flex;
    justify-content: center;
}

div#widget-block-social-row img {
    background: #50768E;
    padding: 10px;
    width: 50px;
    margin: 5px;
    border-radius: 3px;
}

div#widget-block-social-row .items-list .widget-block-text {
    display: none;
}

div#widget-block-social-row img:hover {
    background: #FF8C00;
}

/* ----------------------------------------------- BLUR -----------------------------------------------  */
/*
.user_type_anonymous .widget-search .widget-search-header,
.user_type_anonymous .widget-search .search-filter__btn_mobile,
.user_type_anonymous .widget-search .list-result-container .paginator-container,
.user_type_anonymous .widget-search .list-result-container .filter{
    display: none;
}

@media screen and (min-width: 1440px) {
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+6) .widget-product-box img,
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+6) .widget-product-box .info-block {
    filter: blur(5px) saturate(0.5);
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+6) {
    pointer-events: none;
    user-select: none;
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+16) {
    display: none !important;
}
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+5) .widget-product-box img,
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+5) .widget-product-box .info-block {
    filter: blur(5px) saturate(0.5);
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+5) {
    pointer-events: none;
    user-select: none;
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+9) {
    display: none !important;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+4) .widget-product-box img,
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+4) .widget-product-box .info-block {
    filter: blur(5px) saturate(0.5);
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+4) {
    pointer-events: none;
    user-select: none;
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+7) {
    display: none !important;
}
}

@media screen and (max-width: 991px) {
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+5) .widget-product-box img,
.user_type_anonymous .list-result-container .item-product-box:nth-child(n+5) .widget-product-box .info-block {
    filter: blur(5px) saturate(0.5);
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+5) {
    pointer-events: none;
    user-select: none;
}

.user_type_anonymous .list-result-container .item-product-box:nth-child(n+7) {
    display: none !important;
}
}

.user_type_anonymous.profile-page div#widget-block-blur,
.user_type_anonymous.search-product-page div#widget-block-blur {
    display: block;
}

div#widget-block-blur {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    max-width: unset;
    z-index: 10;
    margin: 0;
    padding: 0;
    background: transparent;
    height: 200px;
    pointer-events: none;
    display: none;

}

#widget-block-blur .items-list {
    height: 100%;
    width: 100%;
}

#widget-block-blur .items-list .item {
    height: 100%;
}

#widget-block-blur .items-list .item .widget-block-text {
    background: none;
}

#widget-block-blur .items-list .item a {
    background: #ff8C00;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 24Px;
    text-transform: capitalize;
    display: block;
    box-shadow: 0 0 20px black;
    border: 2px solid white;
    pointer-events: all;
}

#widget-block-blur .items-list .item a:hover {
    color: black;
    text-decoration: underline;
    border-color: black;
}

#widget-block-blur .items-list h2.widget-block-title {
    margin: 0;
}

#widget-block-blur .items-list .widget-container {
    display: none;
}
*/

/* ----------------------------------------------- SEASONAL TEMPLATE -----------------------------------------------  */

.seasonal-template .widget-block .items-list {
    display: flex;
    flex-direction: column;
}

.seasonal-template .widget-block .items-list .item {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    margin-bottom: 40px;
    border-bottom: 1px solid #A8BBC7;
}

.seasonal-template .widget-block .items-list .item .widget-block-text {
    position: relative;
    background: transparent;
    padding: 10px;
    flex: 3;
}

.seasonal-template .widget-block .items-list .item .widget-container {
    flex: 1;
    max-height: 100%;
    margin: 0;
    padding-bottom: 10px;
}

.seasonal-template .widget-block .items-list .item .widget-block-text h2.widget-block-title a {
    color: #50768E;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
}
.seasonal-template .widget-block .items-list .item .widget-block-text .widget-block-description a {
    color: #2F3238;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    
}

.seasonal-template .widget-block .items-list .item .widget-block-text h2.widget-block-title,
.seasonal-template .widget-block .items-list .item .widget-block-text .widget-block-description {
    text-align: left;
    line-height: normal;
    margin-bottom: 0px;
    width: 100%;
}

.seasonal-template .widget-block .items-list .item .widget-block-text h2 span {
        width: 100%;
        display: block;
        padding-bottom: 15px;
        line-height: normal;
}

.seasonal-template .widget-block .items-list .item .widget-block-text .widget-block-description span {
    padding-bottom: 40px;
    display: block;
}

.seasonal-template .widget-block .items-list .item .widget-block-text:hover h2.widget-block-title a {
    text-decoration: underline;
}

.seasonal-template .widget-block .items-list .item .item-link {
    display: block !important;
    position: absolute;
    height: 30px;
    bottom: 10px;
    right: 10px;
    width: 100%;
}

.seasonal-template .widget-block .items-list .item .item-link .btn {
    height: 30px;
    padding: 5px;
    color: white;
    background: #FF8C00;
    border-color: transparent;
    font-weight: 400;
    position: absolute;
    text-transform: capitalize;
    right: 0;
    bottom: 0
}

.seasonal-template .widget-block .items-list .item .widget-container a img {
    box-shadow: 0px 0px 5px #0005;
    border-radius: 5px;
    }

@media screen and (max-width: 900px) {
    .ote-block.seasonal-template {
        padding: 40px 5px;
    }

   .ote-block.seasonal-template .widget-block {
        width: 100% ;
    }
    .seasonal-template .widget-block .items-list .item .widget-block-text h2.widget-block-title a {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .seasonal-template .widget-block .items-list .item {
    flex-direction: column-reverse;
    align-items: center;
}
    .seasonal-template .widget-block .items-list .item .widget-container a img {
    max-width: 40%;
    }
}



/* ----------------------------------------------- CUSTOM -----------------------------------------------  */

#browsing-button {
    text-align: center;
    
}

#browsing-button a {
    font-weight: 600;
    color: #000;
    font-size: 23px;
    text-transform: uppercase;
    background: #FF8C00;
    border-radius: 5px;
    padding: 10px 20px;
    display: block;
    margin: 40px auto;
    width: fit-content;

}

.page-top-img {
    width: 450px;
    display: block;
    margin: auto;
}

.widget-odd {
    background: white;
}

.text-box-widget {
    display: flex;
    align-items: center;
    margin: 20px auto 60px;
    flex-wrap: wrap;
    padding: 30px;
    border-radius: 5px;
}

.text-box-widget .text-box-title {
    width: 45%;
    margin-right: 5%;
    font-size: 36px;
    line-height: 38px;
}

.text-box-widget .text-box-title h2 {
    line-height: normal;
    font-size: 36px;
}

.text-box-widget .text-box-content {
    font-size: 20px;
    width: 50%;
}

.text-box-widget .text-box-content ul {
    list-style: disc;
    margin: 30px;
}

.text-box-widget .text-box-link {
    text-align: center;
    margin: 20px auto 0;
    padding: 10px 20px;
    background: #2F3238;
    border-radius: 5px;
    
}

.text-box-widget .text-box-link a {
    color: white;
    text-transform: uppercase;
}

.item.item-65 {
    position: fixed;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    background: #2F3238;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
}
    
.item.item-65 .widget-block-text {
    position: absolute;
    bottom: 0;
    background: transparent;
}


.item.item-65 a {
    cursor: inherit;
}

.item.item-65 img {
    max-width: 400px;
    filter: drop-shadow(0px 0px 4px white);
}

.item.item-65 h2 a {
    font-size: 30px;
}

.quick-menu {
    background: #50768E;
    height: 40px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.quick-menu::-webkit-scrollbar {
    display: none;
}

.quick-link {
    align-items: center;
    height: 100%;
    display: flex;
    color: #fff;
    justify-content: center;
    width: fit-content;
    margin: auto;
}

.quick-link a {
    text-align: center;
    width: fit-content;
    color: #fff;
    padding: 6px 10px 0;
    border-top: 2px solid #0000;
    height: 100%;
    white-space: nowrap;
}

.quick-link a:hover {
    border-top: 2px solid #fff;
}

.shortcut-widget {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: auto;
    align-items: stretch;
}

.shortcut-box {
    min-height: 200px;
    background: black;
    flex-basis: 45%;
    margin: 5px;
    border-radius: 5px;
    transition: 0.2s;
    overflow: hidden;
}

.shortcut-box:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px #000000cc;
    z-index: 9;
    margin: 5px 15px;
}

.shortcut-box a {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.shortcut-box img {
    height: 104%;
    width: 104%;
    position: absolute;
    top: -2%;
    left: -2%;
    object-fit: cover;
    filter: brightness(0.5) blur(2px);
    transition: 0.2s;
}

.shortcut-box img:hover {
    filter: brightness(1) blur(0px);
}

.shortcut-box H3 {
    color: white;
    text-transform: uppercase;
    font-size: 160%;
    margin: 0;
    padding: 5%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.shortcut-box:hover h3 {
    color: white;
    background: #2F3238;
    padding: 0;
    font-size: 100%;
    text-align: center;
}

#widget-block-join-oteplace {
    background: #fff;
    width: 100%;
    max-width: none;
    margin-top: 50px;
}

#widget-block-join-oteplace .items-list {
    display:  flex;
    max-width: 1200px;
    margin: auto;
    flex-direction: column;
}

#widget-block-join-oteplace .item {
    margin: 25px 0px;
}

#widget-block-join-oteplace .widget-block-text {
    flex-basis: 60%;
    background: transparent;
    text-align: left;
    position: unset;
}

#widget-block-join-oteplace h2 a {
    line-height: normal;
    color: #50768E;
}

#widget-block-join-oteplace p a {
    color: #2F3238;
}

#widget-block-join-oteplace .widget-container {
    flex-basis: 40%;
    margin: 0;
    max-width: 550px;
}

.img-blog-center {
    border-radius: 50%;
    max-width: 300px;
    margin: auto;
    display: block;
    box-shadow: 0 0 15px #0004;
}


















/*---------------------------- GH CUSTOM --------------------------------*/

.product-page #content {
    max-width: 1400px;
  }
  
.gap {
    padding: 30px;
}

/*--------------- GH block-banner-with-box-title -------------*/
.block-banner {

  margin: 0;
  display: flex;
  justify-content: flex-end;
  background-color: rgba(168, 187, 199, 0.5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.block-banner-overlay {
  background: linear-gradient(90deg, rgba(47,50,56,0) 0%, rgba(47,50,56,0.9724264705882353) 100%);
}

.box-banner-title {
  margin: 100px;
  background-color: rgba(168, 187, 199, 0.5);
  padding: 40px 150px;
  color: white;
  text-align: center;
  border-style: solid;
  border-radius: 5px;
  border-color: white;
  position: relative;
  right: 150px;
  backdrop-filter: blur(10px);
}

.box-banner-title h1{
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
  font-style: "Roboto";
  font-size: 40px;
  line-height: 1;
}

.box-banner-title p{
  text-transform: uppercase;
  margin-top: 0;
  font-weight: 600;
  font-size: 24px
}
        @media screen and (max-width: 2560px) {
                 .box-banner-title {
                    padding: 50px 200px;
                    right: 200px
                 }
                 .block-banner-overlay {
                     position: relative;
                     left: 150px;
                 }
            }
        @media screen and (max-width: 1440px) {
                  .box-banner-title{
                         padding: 10px 120px; 
                         right: 130px;
                    }
                    .box-banner-title h1{
                          font-size: 30px;
                        }
                    .box-banner-title p{
                         font-size: 18px;
                    }
                    .box-banner-title h1{
                         text-transform: uppercase;
                         font-weight: 600;
                         margin-bottom: 0;
                    }
            }
            
        @media screen and (max-width: 1024px) {
                     .block-banner-overlay {
                        left: 150px; 
                        position: relative;
                   }
                   .box-banner-title {
                       padding: 5px 70px;
                   }
            }
            
        @media screen and (max-width: 768px) {
                     .block-banner-overlay {
                        left: 200px; 
                        position: relative;
                   }
                   .box-banner-title {
                       padding: 5px 40px;
                   }
        }

        @media screen and (max-width: 576px) {
                            .box-banner-title h1{
                         font-size: 20px;
                    }
                    .box-banner-title p{ 
                        font-size: 12px;
                    }
                     .box-banner-title{
                         padding: 2px 20px; 
                     }
            }
             
            
/*--------------- GH block-section  -------------*/

.block-section {
 padding: 50px 300px;
 background: white;
}

.block-section table {
    width: 100%;
}

.block-section table td {
    vertical-align: top !important;
}

.block-section table td img{
    width: 100%;
}

.block-section ol {
    padding-left: 30px;
    list-style: decimal;
}

.block-section ul {
    list-style: disc;
    padding-left: 30px;
}

.block-section li {
    padding: 5px 0px;
}

.block-section li ul {
    list-style: square;
}

.block-section h2{
  color: #50768E;
  text-transform: uppercase;
}

.block-section h3 {
    font-size: 20px;
    font-weight: bold;
}

.block-section h4 {
  text-decoration: underline;
  font-size: 16px;
}
        @media screen and (max-width: 1536px) {
                    .block-section {
                    padding: 50px 150px;
                    }
        }
        @media screen and (max-width: 1024px) {
                    .block-section {
                    padding: 50px 100px;
                    }
                    .block-section h2{
                      font-size: 24px;
                    }
            }
    
        @media screen and (max-width: 768px) {
                    .block-section {
                    padding: 50px 40px;
                    }
                    .block-section table td {
                        display: block;
                        padding: 0px !important;
                    }
             }

        @media screen and (max-width: 576px) {
                    .block-section {
                     padding: 20px; 
                    }
            }

                
/*--------------- GH section-two-columns  -------------*/

.block-section-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    grid-template-areas: 
    "header image image" 
    "content image image";
    background-color: #A8BBC7;
    padding: 50px 300px;
  }

.block-section-grid .block-section-header h2{
  color: #FF8C00;
  text-transform: uppercase;
}
.block-section-grid .block-section-sub-header h3{
  text-decoration: underline;
  font-size: 16px;
}
.block-section-grid .block-section-header {
    grid-area: header;
}
.block-section-grid .block-section-sub-header {
    grid-area: content;
}
.block-section-grid .block-section-image{
    grid-area: image;
}
.block-section-grid .block-section-image img{
    max-width: 100%;
    border-radius: 5px;
    object-fit: cover;
    height: -webkit-fill-available;
}
         @media screen and (max-width: 1536px) {
             .block-section-grid {
             padding: 50px 150px;
         }
         }
        @media screen and (max-width: 1440px) {
                    .block-section-grid {
                        grid-template-rows: auto;
                        grid-template-areas: 
                        "header image image" 
                        "content image image";
                    }

        }
        @media screen and (max-width: 1024px) {
                    .block-section-grid {
                        padding: 50px 100px;
                        grid-template-areas: 
                        "header image image" 
                        "content content content";    
                    }
                    .block-section-grid .block-section-header h2 {
                        font-size: 24px;
                    }

            }
        @media screen and (max-width: 796px) {
                    .block-section-grid {
                        padding: 40px;
                    }
            }
                          
        @media screen and (max-width: 576px) {
                   .block-section-grid {
                    display: block; 
                    padding: 20px;
                   }
            }
/*--------------- GH block-section-with-bullet  -------------*/

.block-section-bullet {
    background-color: #A8BBC7;
    padding: 50px 500px;
}

.block-section-bullet h2 {
  font-weight: 400px;
  color: #FF8C00;
  text-transform: uppercase; 
}

.block-section-bullet ul{
  list-style-type: disc;
  margin-left: 60px;
  line-height: 2;
}
        @media screen and (max-width: 1440px) {
                .block-section-bullet {
                padding: 50px 250px;
                }
            }
            
        @media screen and (max-width: 1024px) {
               .block-section-bullet {
                padding: 50px 100px;
                }
                .block-section-bullet h2{
                font-size: 24px;
                }
            }
            
        @media screen and (max-width: 576px) {
               .block-section-bullet {
                padding: 20px;   
               }
            }
/*--------------- GH Image-three-image  -------------*/

.widget-three-elements {
    padding: 50px;
    background: white;
}
.widget-three-elements .widget-block>div>h2.widget-block-title{
    display: none;
}
.widget-three-elements .widget-block-banner-default,
.widget-block-grid-default {
    margin: 0 auto;
}

.widget-three-elements .items-list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.widget-three-elements .item .widget-block-text {
    position: relative;
    background: none;
}

.widget-three-elements .widget-container {
    margin: 0;
}
.widget-three-elements .item {
    flex-direction: column-reverse;
    flex-basis: 30%;
    justify-content: start;
}

.widget-three-elements .widget-block-title {
    font-size: 20px;
    font-weight: 600;
}

.widget-three-elements .widget-block-banner-default, 
.widget-block-grid-default {
    padding: 0;
}
.widget-three-elements .widget-container img {
    max-width: 250px;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
    aspect-ratio: 1;
}

        @media screen and (max-width: 1024px) {
                .widget-three-elements .widget-container img {
                width: 100%;
                border-radius: 50%;
                }
            }
            
        @media screen and (max-width: 576px) {
                .widget-three-elements .items-list {
                  display: inline-block;  
                }
                .widget-three-elements .widget-container img {
                width: 100%;
                border-radius: 50%;
                }
                .widget-three-elements .item {
                    justify-content: center;
                }
            }

/*--------------- GH Title-with-image-left  -------------*/

.widget-image-left .widget-block-banner-default {
    padding: 0;
    max-width: 100%;
}

.widget-image-left  .widget-block-grid-default {
    margin: 0 auto;
}

.widget-image-left .widget-block{
    padding: 0;
}

.widget-image-left  .widget-block-banner-default {
    margin-bottom: 0;
}
.widget-image-left  .widget-block-banner-default .item .widget-block-text {
    position: relative;
    width: 30%;
    text-align: left;
    background: #2F3238;
    color: white;
    height: inherit;
    padding-right: 100px;
    margin-left: 70%;
}
.widget-image-left  .widget-block-banner-default .item .widget-block-text h2{
    font-weight: 600;
    text-transform: uppercase;
}

.widget-image-left  .widget-block-banner-default .item .widget-block-text p{
    white-space: break-spaces;
}

.widget-image-left  .widget-block-banner-default .item .widget-container {
    margin: 0;
    height: 100%;
    width: 70%;
    position: absolute;
}

.widget-image-left .widget-container>a>img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.widget-image-left  .widget-block-banner-default .item {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    min-height: 450px;
    background: #2F3238;
}

                
        @media screen and (max-width: 1024px) {
                    .widget-image-left .widget-block-banner-default .item .widget-block-text h2 {
                        font-size: 24px;
                    }
                }
         @media screen and (max-width: 1133px) {
                 .widget-image-left .widget-block-banner-default .item .widget-block-text {
                     padding-right: 10px; 
                 }
         }
          @media screen and (min-width: 770px) and (max-width: 954px){
                    
                    .widget-image-left .widget-block-banner-default .item .widget-block-text p {
                        font-size: 12px;
                    }
                     .widget-image-left .widget-container>a>img {
                        height: 100%;
                    }
                    .widget-image-left  .widget-block-banner-default .item .widget-container {
                        width: 60%;
                    }
                    .widget-image-left  .widget-block-banner-default .item .widget-block-text {
                        width: 40%;
                        margin-left: 60%;
                    }
          }
        @media screen and (max-width: 768px) {
                .widget-image-left  .widget-block-banner-default .item .widget-block-text h2{
                    font-size: 24px;
                    }
                .widget-image-left  .widget-block-banner-default .item .widget-container {
                    width: 50%;
                    }
                .widget-image-left  .widget-block-banner-default .item .widget-block-text {
                    width: 50%;
                    margin-left: 50%;
                    }
        }
        @media screen and (max-width: 763px) {
                .widget-image-left .widget-block-banner-default .item .widget-block-text {
                    padding: 15px;
                }
        }
        @media screen and (max-width: 654px){
                 .widget-image-left .widget-block-banner-default .item .widget-block-text {
                    padding: 10px;
                 }
        }
        @media screen and (max-width: 577px) {
                .widget-image-left .widget-block-banner-default .item .widget-block-text {
                    padding: 5px;
                }
                .widget-image-left .widget-block-banner-default .item .widget-block-text h2 {
                    margin-bottom: 1px;
                }
        }
        @media screen and (max-width: 576px) {
                .widget-image-left .widget-block-banner-default .item {
                    flex-direction: column;
                    justify-content: space-between;
                }
                .widget-image-left .widget-block-banner-default .item .widget-block-text {
                    background: rgba(47, 50, 56, 1);
                    padding: 40px ;
                    z-index: 2;
                    margin-left: 0;
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                }
                .widget-image-left  .widget-block-banner-default .item .widget-container {
                    height: 200px;
                    position: relative;
                    width: 100%;
                }
                .widget-image-left .widget-container>a>img {
                    width: 100vw;
                    height: 100%;
                    }
        }

/*--------------- GH Grid-Carousel  -------------*/

.widget-grid-carousel .widget-block-grid-carousel {
    display: grid;
    grid-template-columns: 30% 70%;
    justify-content: center;
    background: #A8BBC7;
    padding: 0;
    padding-top: 40px;
}
.widget-grid-carousel .widget-block-grid-carousel>.row {
    background: white;
    padding: 20px 0;
}
.widget-grid-carousel .widget-block-grid-carousel>.row>.col-md-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    
}
.widget-grid-carousel .widget-block-grid-carousel .grid-carousel {
}
.item.row.active, .item.row.next, .item.row.previous {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
}
.widget-grid-carousel .widget-block-grid-carousel>div {
    text-align: left;
    padding: 50px 80px 20px 100px;
    color: white;
    background: #2F3238;
}
.widget-grid-carousel .widget-block-grid-carousel>div>h2 {
    text-transform: uppercase;
    font-weight: 600;
}
.widget-grid-carousel .widget-block-grid-carousel .widget-block-title-link {
    display: none;
    margin: 0;
}
.widget-grid-carousel .grid-carousel .item-taxon-box {
    flex-basis: 30%;
}

.widget-grid-carousel .grid-carousel .widget-taxon-box {
    background: #A8BBC7;
}

.widget-grid-carousel .grid-carousel .info-block .title>a {
    color: #2F3238;
}
.widget-grid-carousel .item-taxon-box .col-md-3 .col-sm-6 {
    padding: 0px;
    
}
        @media screen and (max-width: 1536px) {
                    .widget-grid-carousel .carousel-control.right {
                    right: 15px;
                    }


                }
        @media screen and (max-width: 1440px) {
                    .widget-grid-carousel .widget-block-grid-carousel>div {
                        padding: 40px 40px 20px 100px;
                    }
                    .widget-grid-carousel .grid-carousel .info-block .title>a {
                       font-size: 16px;
                    }
                
                }
        @media screen and (max-width: 1024px) {
                    .widget-grid-carousel .widget-block-grid-carousel .row {
                    }
                    .widget-grid-carousel .widget-block-grid-carousel>div {
                        padding: 25px 40px 25px 35px;
                    }
                    .widget-grid-carousel .carousel-control.right {
                    right: 0px;
                    }
                    .widget-grid-carousel .widget-block-grid-carousel .grid-carousel {
                        max-width: 100%;
                    }    
                    .widget-grid-carousel .widget-block-grid-carousel .col-md-3 {
                        width: 32%;
                    }
                    .widget-grid-carousel .widget-block-grid-carousel>div>h2 {
                        font-size: 24px;
                    }
                    .widget-grid-carousel .carousel-control.right {
                        padding-left: 75px;
                    }
                    .widget-grid-carousel .carousel-control.left {
                        padding-right: 75px;
                    }
                    .widget-grid-carousel .grid-carousel .item-taxon-box {
                        flex-basis: 50%;
                    }
                    .item.row.active, .item.row.next, .item.row.previous {
                        padding: 0 10%;
                    }
                }
        @media screen and (max-width: 768px) {
                    .widget-grid-carousel .widget-block-grid-carousel>div {
                        padding: 15px 40px 15px 40px;
                    }
                    .widget-grid-carousel .widget-block-grid-carousel .grid-carouse {
                        max-width: 0;
                    }
                    .widget-grid-carousel .widget-block-grid-carousel {
                        display: block;
                    }
                    .widget-grid-carousel .widget-block-grid-carousel .row.active {
                        display: flex;
                    }
                    .widget-grid-carousel .carousel-control.left {
                        padding-left: 75px;
                    }
                    .widget-grid-carousel .grid-carousel .item-taxon-box {
                        flex-basis: 30%;
                    }
                    .item.row.active, .item.row.next, .item.row.previous {
                        padding: 0;
                    }
                }
        @media screen and (max-width: 577px) {
                    .widget-grid-carousel .widget-block-grid-carousel>div {
                        padding: 20px 40px 20px 40px;
                    }
                   .widget-grid-carousel .carousel-control.left{
                    padding-left: 0px;
                    }
                    .widget-grid-carousel .grid-carousel .info-block .title>a {
                        font-size: 12px;
                    }
                    .widget-grid-carousel .widget-block-grid-carousel .grid-carousel {
                         padding-left: 15px;
                    }
                   .widget-grid-carousel .widget-block-grid-carousel {
                        display: block;
                        padding-top: 0;
                   }
                   .widget-grid-carousel .widget-block-grid-carousel .row.active {
                       display: flex;
                   }
                   .widget-grid-carousel .grid-carousel .item-taxon-box {
                        flex-basis: 50%;
                    }
                    .item.row.active, .item.row.next, .item.row.previous {
                        padding: 0 10%;
                    }
                }

/*--------------- GH Spotlight-Section  -------------*/

.spotlight-section .widget-block-text-default {
    display: flex;
    background: #A8BBC7;
    padding: 0;
    padding-top: 40px;
    align-content: center;
}

.spotlight-section .widget-block-title{
    width: 80%;
    background: #2F3238;
    color: white;
    margin: inherit;
    text-align: right;
    padding-right: 50px;
    padding-top: 100px;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
}

.spotlight-section .widget-block-title-default h2{
    color: white;
    text-align: right;
}

.spotlight-section .widget-block-text-default p{
    padding: 5% 10% 5% 2%;
    color: white;
    background: #50768E;
    margin: inherit;
    text-align: left;
}

       @media screen and (max-width: 1440px) {
                .spotlight-section .widget-block-title {
                    width: 90%;
                    padding-top: 75px;
                    padding-left: 90px;
                    text-align: left;
                 }

            }
        @media screen and (max-width: 1024px) {
                .spotlight-section .widget-block-title {
                    padding-top: 45px;
                }
                .spotlight-section .widget-block-title>span {
                    font-size: 24px;
                }
        }
        @media screen and (max-width: 768px) {
                .spotlight-section .widget-block-title {
                    padding-left: 50px;
                    padding-right: 60px;
                }
                .spotlight-section .widget-block-title>span {
                    line-height: 0.5;
                }
             }
        @media screen and (max-width: 577px) {
                .spotlight-section div#widget-block-template-spotlight-section {
                    display: block;
                }
                .spotlight-section .widget-block-title {
                    width: 100vw;
                    text-align: left;
                    padding: 10px 0px 10px 20px;
                }
                .spotlight-section .widget-block-text-default p {
                    padding: 30px;

                }
                .spotlight-section div#widget-block-template-spotlight-section {
                    padding-top: 0;
                }
               
            }
         @media screen and (max-width: 400px) {
             padding-left: 0;
         }


/*-------------------------------------------------------------------------------------------------------- Article-index --------------------------------------------------------------------------------------------------------*/

.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .multitab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .multitab:nth-of-type(2) label,
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .multitab:nth-of-type(3) label,
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .multitab:nth-of-type(4) label,
.tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .multitab:nth-of-type(5) label {
	background: #50768E;
	color: white;
	cursor: auto;
}

.tabbed [type="radio"]:nth-of-type(1):checked ~ .multitab-content:nth-of-type(1),
.tabbed [type="radio"]:nth-of-type(2):checked ~ .multitab-content:nth-of-type(2),
.tabbed [type="radio"]:nth-of-type(3):checked ~ .multitab-content:nth-of-type(3),
.tabbed [type="radio"]:nth-of-type(4):checked ~ .multitab-content:nth-of-type(4),
.tabbed [type="radio"]:nth-of-type(5):checked ~ .multitab-content:nth-of-type(5){
	display: block;
}

.multitab-content {
    padding: 0;
    display: none;
}

.tabbed [type="radio"] {
	/* hiding the inputs */
	display: none;
}

.tabbed ul.tabs {
    display: flex;
    justify-content:center;
    padding: 30px 0 ;
    margin: 0;
    flex-wrap: wrap;
}

.tabbed ul.tabs li{
    
    width: fit-content;
}

.tabbed ul.tabs label {
    display: block;
    padding: 10px 15px;
    border: 2px solid #50768E;
    border-radius: 10px;
    margin: 5px;
    text-align: center;
    min-width: 150px;
    transition: 0.3s;
    cursor: pointer;
}

.tabbed ul.tabs label:hover {
	background: #EEF1F3;
}


@media only screen and (max-width: 480px) {
    .tabbed ul.tabs {
        padding: 15px 0px;
    }
    .tabbed ul.tabs label {
        font-size: 14px;
        padding: 5px 10px;
        min-width: 100px;
    }
}

.article-index-widget .widget-block-banner-default .items-list {
    display: flex;
    flex-wrap: wrap;
}

.article-index-widget .widget-block-banner-default .items-list .item {
    width: 23%;
    margin: 10px 1%;
    overflow: hidden;
    display: flex;
    padding: 5px;
    flex-direction: column-reverse;
    background: white;
    border-radius: 10px;
    border: 1px solid #0000001c;
    justify-content: start;
}

.article-index-widget .widget-block-banner-default .items-list .item .widget-block-text {
    padding: 10px 10px 0;
    position: relative;
    background: transparent;
    max-height: 210px;
    overflow: hidden;
    margin-bottom: 10px;
}

.article-index-widget .widget-block-banner-default .items-list .item:after {
    content: "";
    background: linear-gradient(0deg, #ffffff 5%, transparent 100%);
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 99;
}

.article-index-widget .widget-block-banner-default .items-list .item .widget-block-title {
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 100%;
}

.article-index-widget .widget-block-banner-default .items-list .item .widget-block-description {
    text-align: left;
    text-overflow: ellipsis;
    height: fit-content;
}

.article-index-widget .widget-block-banner-default .items-list .item .widget-container {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
    aspect-ratio: 5/3;
}

.article-index-widget .widget-block-banner-default .items-list .item .widget-block-description a {
    color: black;
    font-size: 12px;
}

.article-index-widget .widget-block-banner-default {
    margin: auto;
    padding: 0;
}

.article-index-widget .widget-block-banner-default .items-list .item .widget-block-title a {
    color: #50768E;
    font-weight: 600;
    line-height: 23px;
    display: block;
}

.article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-block-text:after {
    display: none;
}


.article-index-widget .widget-block-banner-default .items-list .item img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 5/3;
    transition: 0.3s;
}

.article-index-widget .widget-block-banner-default .items-list .item:first-child {
    background:transparent;
    overflow: visible;
    width: 100%;
    padding: 0 0 50px;
    margin: 0 15px 50px;
    border: none;
}

.article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-container,
.article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-container img {
    width: 100%;
    aspect-ratio: 4/1;
}
.article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-container {
    border-radius: 20px;
    border: 3px solid white;
    box-shadow: 0 0 15px #0004
}

.article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-block-title a {
    font-size: 30px;
    margin-top: 20px;
    display: block;
    padding: 0 2%;
    line-height: normal;
}

.article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-block-description a {
    font-size: 18px;
    padding: 2%;
    display: block;
    color: #3f3f3f;
}

.article-index-widget .widget-block-banner-default .items-list .item:first-child::after {
    height: 100%;
    display: block;
    width: 100vw;
    position: absolute;
    content: " ";
    background: white;
    z-index: -1;
    left: revert-layer;
}

.article-index-widget .widget-block-banner-default .items-list .item:hover img {
    transform: scale(1.1);
}

@media only screen and (max-width: 1024px) {
    .article-index-widget .widget-block-banner-default .items-list .item {
        width: 31%;
    }
}

@media only screen and (max-width: 900px) {
    .article-index-widget .widget-block-banner-default .items-list .item {
        width: 46%;
        margin: 1% 2%
    }
    .article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-container,
    .article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-container img {
        aspect-ratio: 5/3;
    }
}

@media only screen and (max-width: 480px) {
    .article-index-widget .widget-block-banner-default .items-list .item {
        width: 100%;
    }
    .article-index-widget .widget-block-banner-default .items-list .item .widget-container {
        aspect-ratio: 2/1;
    }
    .article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-block-title a {
            font-size: 20px;
            margin: 0
    }
    .article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-block-description a {
        font-size: 16px;
    }
    .article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-container {
        aspect-ratio: 5/3;
    }
    .article-index-widget .widget-block-banner-default .items-list .item:first-child .widget-block-text {
        padding: 10px 0
    }
}

/*-------------------------------------------------------------------------------------------------------- FAQ --------------------------------------------------------------------------------------------------------*/

.faq-standard {
    max-width: 900px;
    margin: auto;
}
.faq .btn {
    color: #50768E
}
#starter-guide {
    margin-top: 100px;
}
#starter-guide-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 50px 0;
}
.menu-guide {
    flex-basis: 45%;
    display: flex;
}
.menu-guide-image {
    width: 30%;
    overflow: hidden;
    aspect-ratio: 1;
}
.menu-guide-text {
    width: 70%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.menu-guide-image img {
    width: 70%;
    object-fit: contain;
    height: 100%;
    display: block;
    margin: auto;
}
.menu-guide-text h3 {
    font-size: 20px;
    margin: 8px 0 0;
}
.menu-guide-text h3 a {
    color: #50768E;
}

/*-------------------------------------------------------------------------------------------------------- PRODUCT BOX --------------------------------------------------------------------------------------------------------*/

.item-product-box {
    padding: 0;
}

.widget-product-box {
    padding: 5px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 142px;
    background: transparent;
    transition: 0.2s;
    box-shadow: none;
}


.widget-product-box .picture-block {
    text-align: center;
    max-height: 100%;
    aspect-ratio: 1 / 1;
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: center;
    overflow: hidden;
    padding: 0px;
    border-radius: 5px;
    border: 1Px solid #a8bbc733;
}

.widget-product-box .product-box-link {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.widget-product-box img {
    height: 100%;
    object-fit: contain;
    transition: 0.3s;
    background-image: url("https://uppler-platform-otego.s3.eu-west-3.amazonaws.com/image/88/89/164591a975643046e2cf7c63393d.png");
    background-position: center;
    background-size: 100%;
}

.widget-product-box .info-block {
	padding: 15px 5px 5px;
	text-align: left;
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between;
    min-height: 142px;
}

.widget-product-box .price-wall {
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    background: #50768E;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    opacity: 0;
    transition: 0.2s;
}

.widget-product-box .info-block .access-product-link {
	padding: 0;
	border: 0;
	text-transform: none;
	text-decoration: underline;
	font-weight: normal;
}

.widget-product-box .info-block .access-product-link:hover,
.widget-product-box .info-block .access-product-link:active {
	background: none;
	color: #BDBDBD;
}

.widget-product-box .btn-default {
    width: auto;
	transition: 0.2s;
	background: #FF8C00;
	opacity: 0;
}

.widget-product-box .link-company {
	margin: -3px 0 10px;
	display: block;
	color: #828282;
	letter-spacing: 0.02em;
	text-decoration: none;
	font-weight: 700;
    font-size: 12px;
}

.widget-product-box .link-company .vendor-name {
	font-weight: 600;
}
.widget-product-box h4, .widget-product-box h3  {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: fit-content;
    line-height: 20px;
}
.widget-product-box h4 a,
.widget-product-box h3 a {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	text-transform: none;
	line-height: 20px;
	text-decoration: none;
}

.widget-product-box .price {
	font-size: 14px;
	text-align: left;
	margin: 0;
	font-weight: bold;
	color: #50768E;
}

.info-master {
    height: 70px;
    width: 100%;
    z-index: 5;
}


/*---------------------------------------------------------------------------------------------------- PRODUCT INFO --------------------------------------------------------------------------------------------------*/

.product-info .product-info-header {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
	padding: 20px;
}

.product-info .product-info-header .title-block .title {
	font-size: 36px;
	margin-bottom: 12px;
}

.product-info .product-info-header .title-block .product-company {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #828282;
	margin-bottom: 10px;
}

.product-info .product-info-header .title-block .reference {
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0.02em;
	color: #828282;
	margin-bottom: 13px;
	text-transform: none;
}

.product-info .product-info-header .title-block .price {
	font-size: 25px;
}

.product-info .product-info-header .title-block .price .price-current {
	padding: 0;
}

.product-info #form-product-cart {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 15px;
}

.product-info .btn-add-quote {
    background: #FF8C00;
    color: #000;
    border: none;
}

.product-info #form-product-cart .widget-select-option .table thead th {
	font-weight: 600;
	font-size: 26px;
	line-height: 35px;
	text-transform: none;
	padding: 0 0 30px !important;
	white-space: normal;
}

.product-info #form-product-cart .widget-select-option .table tbody,
.product-info #form-product-cart .widget-select-option .table tbody td {
	border: 0;
	vertical-align: middle;
	padding: 10px 0;!;
}

.cart-variant-info .code .label {
    border-style: none;
    padding: 0;
    text-align: left;
    display: block;
    line-height: normal;
    font-size: 9px;
} 

.product-info #form-product-cart .widget-select-option .table tbody tr td.variant-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

.product-info #form-product-cart .widget-select-option .table tbody td .option-value-info strong {
    font-size: 11px;
    color: #828282;
    display: block
}

.product-info #form-product-cart .widget-select-option .table tbody td .option-value-info  {
    font-size: 20px;
    color: black;
    font-weight: 800;
    min-width: 150px;
    line-height: 24px;
    letter-spacing: 0.02em;
}

.product-info #form-product-cart .widget-select-option .table tbody tr td.variant-info .code .label {
	background: #fff;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	letter-spacing: 0.02em;
	color: #697386;
    padding: 0;
    text-align: left;
    display: block;
    line-height: normal;
    font-size: 9px;
    outline: none;
}

.product-info #form-product-cart .widget-select-option .table tbody .not-orderable .variant-input {
	color: #EB5757;
}

.widget-product .widget-select-option .variant-price .price .price-current {
	white-space: nowrap;
}

.widget-product .widget-select-option .variant-price .price .price-current .price-display {
	font-weight: 600;
	font-size: 17px;
	line-height: 27px;
	color: #000000;
}

.product-info #form-product-cart .widget-select-option .variant-price {
	padding-right: 30px;
}

.product-info #form-product-cart .widget-select-option .variant-price .price .price-current .unit-price-display {
	font-size: 10px;
	letter-spacing: 0.02em;
	color: #828282;
}

.product-info #form-product-cart .product-more .select-quantity {
    display: flex
;
    flex-direction: column;
    min-width: 50%;
    width: fit-content;
}

.product-info #form-product-cart .widget-select-option .table tbody .variant-input input {
	width: 100px;
	height: 50px;
	font-weight: 600;
	font-size: 17px;
	color: #000000;
	padding-left: 10px;
	margin-left: 50px;
}

.product-info #form-product-cart .product-more .select-quantity .btn {
    padding: 12px 18px;
    font-weight: 600;
    margin: 5px 0;
    border-radius: 5px;
    margin-bottom: 0;
    width: 100%;
}

.product-info #form-product-cart .product-more .select-quantity .btn .fa {
	display: none;
}

.product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn {
	background: #fff;
	color: #000;
	border-color: #989898;
}

.product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn:hover,
.product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn:focus,
.product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn:active {
	border-color: #000;
	background: #F2F2F2;
}

.product-info #form-product-cart .product-more .select-quantity .caret {
	margin-left: 10px;
}

.add-to-wish-list .dropdown-menu-rounder .field-text .form-control,
.add-to-tender .dropdown-menu-rounder .field-text .form-control {
	height: 30px !important;
	width: 157px !important;
}
.create-tender.btn.btn-default {
	border-radius: 3px !important;
	background: #ccc !important;
	color: #3a3a3a !important;
	font-size: 13px;
	height: 30px;
	border: 1px solid #b9b9b9;
	text-transform: none;
	width: auto !important;
	margin: 0 0 0 20px !important;
	padding: 5px !important;
	font-weight: normal !important;
}
.product-content .product-image {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 20px;
	text-align:center;
}

.product-content .product-image #gallery .miniature img {
	width: 50px;
	border-radius: 10px;
	border: 1px solid #d4d4d4;
}
.widget-product .product-image .first img.picture {
    margin: 20px 0;
    border-radius: 5px;
    outline: 2px solid #EEF1F3;
}
.product-content .product-image #gallery .miniature img:hover {
	border-color: #333;
}
.widget-product .product-image .first {
    display: inline-block !important;
    float: none !important;
}

.widget-product .product-description,
.widget-product #widget-block-similar-products {
    float: left;
    width: 100%;
}

.widget-product .product-description .description {
	margin-top: 55px;
	margin-bottom: 65px;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.02em;
	color: #000000;
	padding: 20px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 2px 5px rgb(0 0 0 / 8%);
}

.widget-product .product-description .title,
.widget-product .product-description .product-properties .title {
	margin: 20px 0;
	font-weight: 400;
	font-size: 36px;
	line-height: 54px;
	color: #000000;
}

.widget-product .product-description .description .description-content h1{
    margin: 0px;
    font-size: 32px;
    color: #50768E;
    font-weight: 700;
    text-align: center;
}
.widget-product .product-description .description .description-content h2{
    text-transform: uppercase;
    color: #50768E;
    border-bottom: 2px solid #50768E;
    font-weight: 600;
    font-size: 26px;
}

.widget-product .product-description .description .description-content h3{
    font-weight: 600;
    font-size: 20px;
    padding-left: 30px;
}
.widget-product .product-description .description .description-content h3:before {
    content: "▸ ";
    font-weight: 600;
}

.widget-product .product-description .product-properties .table tbody tr td {
	border: 1px solid white;
	width: 65% !important;
	padding: 10px 20px !important;
}

.widget-product .product-description .product-properties .table tbody tr td.property-values {
	background: #fff;
}

.widget-product .product-description .product-properties .table-overflow-auto {
	margin-bottom: 100px;
	border-radius: 5px;
	overflow-x: hidden;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #FFF;
}

.product-info #form-product-cart .widget-select-option .variant-option-select .add-variant {
	padding: 12px 18px;
	font-weight: 600;
	font-size: 14px;
	margin: 23px 0 0 10px;
	background: #50768E;
    border: none;
    color: #fff;
}

.product-info #form-product-cart .widget-select-option .variant-option-select .add-variant .fa {
	display: none;
}

.widget-list.product-properties thead {
	background: #A8BBC7 !important;
	
}

.widget-list.product-properties thead tr {
	background: none;
	border: none;
}

.widget-list.product-properties thead tr th {
	font-weight: bold;
	font-size: 24px;
	line-height: 33px;
	text-transform: none;
}

.convertion {
    text-align: right;
    text-transform: uppercase;
    float: right;
}

.pull-left.option-select {
    margin-right: 5px;
}

.blueimp-gallery>.slides>.slide>.slide-content {
    border-radius: 10px;
    top: 50% !important;
    transform: translatey(-50%);
    margin: 0 auto !important;
}

/*----------------------------------------------------------------------------------------------------- HUBSPOT ----------------------------------------------------------------------------------------------------*/

.locked-y {
    overflow-y: hidden;
}

#hubspot-form.hubspot-visible {
    top: 0;
    background: #0003;
    backdrop-filter: blur(10px);
}

#hubspot-form-close.hubspot-visible {
    display: block;
}

#hubspot-form-button {
    border: none;
    background: #FF8C00;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    min-width: 250px;
    margin: 5px 0px;
}

#hubspot-form-button:hover {
    border: 1px solid black;
    filter: brightness(1.05);
}

#hubspot-form {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #0000;
    backdrop-filter: blur(0px);
    z-index: 999;
    padding: 150px 0;
}

#hubspot-form > div {
    max-width: 600px;
    margin: auto;
    background: #EEF1F3;
    border-radius: 15px;
}

#hubspot-form-close {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    border-radius: 50px;
    color: white;
    background: #50768E;
    border: 1px solid #eef1f3;
    padding: 5px;
    font-size: 15px;
    line-height: 15px;
    width: 27px;
    display: none;
}

/*----------------------------------------------------------------------------------------------------- PAGINATION ----------------------------------------------------------------------------------------------------*/

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	background-color: transparent !important;
	color: #000 !important;
	border-bottom: 3px solid #50768E !important;
	border-radius: 0 !important;
}

.paginator-container .pagination>li>a,
.paginator-container .pagination>li>span {
	border-bottom: 3px solid transparent;
	padding: 3px 8px 10px;
	border-radius: 0 !important;
	color: #6C6C6C;
	background: #0000;
}

.paginator-container .pagination>li>a:hover,
.paginator-container .pagination>li>span:hover {
	color: #6C6C6C;
	border-bottom: 3px solid #E0E0E0;
}


/*-------------------------------------------------------------------------------------------------------- PROFILE -------------------------------------------------------------------------------------------------------*/

.widget-profile-header .title-profile {
	font-size: 36px !important;
	line-height: 54px !important;
	margin-top: 20px;
	margin-bottom: 0 !important;
}

.widget-profile-header .header-avatar .widget-avatar {
	border-radius: 10px;
}

.widget-profile-header .header-avatar .inner .avatar img {
	border-radius: 10px;
}

.widget-profile-header .header-avatar .image-cover {
    background-image: url("https://uppler-platform-otego.s3.eu-west-3.amazonaws.com/image/f4/d7/a9ed47127e40a9ed9ef34dab813f.jpg");
}

#widget-map {
	margin-bottom: 24px !important;
}

.profile-buyer-page .form-edit-profile select#company_address_country {
    pointer-events: none;
    user-select: none;
    background: #EEF1F3;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.widget-certificate i {
    color: #46b946;
    font-size: 20px;
    line-height: 18px;
    border-radius: 15px;
    background: #fff;
    outline: 1px solid #fff;
    vertical-align: bottom;
}

.widget-profile-info {
	padding: 30px;
}

.widget-profile-info .widget-title {
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	text-transform: none;
	padding: 0;
}

.widget-profile-info .widget-content .line-break {
	display: none;
}

.widget-profile-info .widget-content .info {
	padding: 15px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
}

.widget-profile-info .widget-content .info .title {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	margin-bottom: 8px;
}

.widget-profile-info .widget-content .info .country .flag {
	margin-right: 10px;
	border-radius: 5px;
}

.widget-profile-info.widget-profile-info-opening .info {
	padding: 0;
}

.widget-profile-info.widget-profile-info-opening .info .title {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	margin-bottom: 8px;
}

.widget-profile-info.widget-profile-info-opening .info #openingsprofilesupport {
	padding: 10px;
}

.widget-profile-info.widget-profile-info-opening .info #openingsprofilesupport .info {
	padding: 10px 0;
}

.widget-profile-info.widget-profile-info-opening .info .openings_title.collapsed .fa::before {
	margin-left: 15px;
	content: "\f107";
}

.widget-profile-info.widget-profile-info-opening .info .fa::before {
	margin-left: 15px;
	content: "\f106";
}

.widget-profile-info .info .categories .category {
	border: 0;
}

.widget-profile-info .info .categories .category .name {
	border-radius: 5px;
	background: #FFFFFF;
	border: 1px solid #D4D4D4;
	font-size: 10px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #697386;
	padding: 3px 0;
}

.widget-profile-info .info .categories {
	margin-top: 30px;
}

.widget-profile-info.widget-profile-info-description .inner {
	padding: 8px 0;
}

.item-company-box .widget-company-box .relationship-content .info-block {
	min-height: inherit;
}

.form-edit-profile .widget-container.boxed {
	padding: 20px;
}

.brands-list input[type=text] {
    margin-bottom: 10px;
    margin-right: 5px;
}

.brands .add-brand-link {
    margin-bottom: 20px;
    width: 200px;
}

#category>.category {
    background: #a8bbc750;
    padding-bottom: 10px;
    border-radius: 0 0 10px 10px;
}

#category>.category>.name {
    padding: 5px 5px 0;
    display: block;
    margin-top: 15px;
    border-bottom: 2px solid;
    margin-bottom: 10px;
    font-weight: 700;
    background: #fff;
}


/*--------------------------------------------------------------------------------------------------- COMPANY BOX ----------------------------------------------------------------------------------------------------*/

.widget-search.widget-search-company .widget-search-header {
	display: none;
}

.item-company-box .widget-company-box:hover {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.item-company-box .widget-company-box .relationship-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	position: relative;
}
.widget-company-box .btn-manage-relationship-group {
	position: absolute;
	bottom: 75px;
	right: -50%;
	left: -50%;
}
.relationship-content .picture-block {
	width: 150px;
	padding: 0;
	height: 150px;
}

.relationship-content .picture-block .picture {
	max-width: inherit;
	max-height: 100%;
}

.item-company-box .widget-company-box .relationship-content .info-block {
	min-height: inherit;
	padding: 0;
	margin-top: 70px;
}

.item-company-box .widget-company-box .relationship-content .info-block .title {
	margin: 0;
}

.item-company-box .widget-company-box .relationship-content .info-block a.btn {
	padding: 0;
	border: 0;
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	text-decoration-line: underline;
}

.item-company-box .widget-company-box .relationship-content .info-block br {
	display: none;
}

.widget-search-company .widget-action.widget-search-header .pull-right.search-list-choice {
	display: none;
}

.item-company-box .widget-company-box .relationship-content .info-block a.btn:hover,
.item-company-box .widget-company-box .relationship-content .info-block a.btn:focus {
	background: none;
}

.item-company-box .widget-company-box:hover .title a {
	color: #FF8C00;
}


/*--------------------------------------------------------------------------------------------------------- FILTER ---------------------------------------------------------------------------------------------------------*/
.widget-search.widget-search-product .list-result-container {
    display: flex;
}

.widget-search.widget-search-product .list-result-container .filter {
    position: relative;
    min-width: 250px;
}

form.widget-search.widget-search-company {
    display: flex;
}

.widget-search-company .filter {
    position: relative !important;
}

.widget-search-company #list-result {
    width: 100%;
}

.filter {
	width: 260px !important;
}

.filter .widget-search-filter {
	background: #fff !important;
}

.widget-search .list-result {
	padding-left: 20px !important;
	width: 100%;
}

.widget-search-filter ul.category-flattree li a:hover {
    color: #2F3238 !important;
}

.widget-search-filter ul.category-flattree li a {
    color: #2F3238;
}

.filter .widget-search-filter .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-transform: none;
    margin: 0;
    padding-bottom: 6px;
    display: block;
    text-align: center;
}

.filter .widget-search-filter ul,
.filter .widget-search-filter #filter-category {
	border: 0 !important;
	padding: 0 0 20px !important;
}

.filter .widget-search-filter #filter-category {
    padding: 0px 0 20px !important;
    margin: 0 -10px;
}

.filter .widget-search-filter #filter-category li {
    border-left: 4px solid #50768E;
}

.filter .widget-search-filter #filter-category .checkbox-inline {
    margin: 0;
    padding: 5px 5ch 5px 10px;
    text-wrap: balance;
}

.widget-search .list-result-container .widget-search-filter {
    border: none;
    margin: 0;
    padding: 10px !important;
}

.filter .widget-search-filter #filter-category #unselect-all-category {
    font-weight: bold;
    font-size: 12px;
    line-height: 19px;
    padding: 0;
    margin-bottom: 10px;
    border: 0;
    text-align: center
}

.filter .widget-search-filter #filter-category .category-tree-level0 {
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
}

.filter .widget-search-filter #filter-category .category-tree-level0 .text-bold {
    background: #ddd;
    padding: 10px 5ch 10px 10px;
}

.filter .widget-search-filter #filter-category .category-tree-level1 {
    padding-left: 10px;
    background: #eee;
}

.filter .widget-search-filter #filter-category .category-tree-level2 {
    padding-left: 20px;
    background: #eee;
}

.filter .widget-search-filter #filter-category .count {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 12px;
translate: 0 -50%;
}

.filter .widget-search-filter #filter-category li:hover {
    border-left: 4px solid #FF8C00;
}

.filter .widget-search-filter .widget-toggle {
	border-bottom: 1px solid #E0E0E0;
}

.filter .widget-search-filter .field-text {
	padding-bottom: 20px;
	border-bottom: 1px solid #E0E0E0;
	padding-inline: 10px;
}

.filter .widget-search-filter .label-title {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 13px;
}

.filter .widget-search-filter .widget-toggle ul {
	padding-top: 7.5px !important;
}

.filter .widget-search-filter .widget-toggle ul li {
	font-size: 12px;
	line-height: 16px;
}

.widget-search-product .slider-container {
    width: 100% !important;
    margin-right: 0px !important;
}

.filter .widget-search-filter .slider-container .slider-price-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
	height: 8px;
	background: #DFDFDF;
	width: 100%;
	margin: 0;
}

.slider-price-range.ui-slider-horizontal .ui-slider-range {
    background: #50768E !important;
}

.filter .widget-search-filter .slider-container .slider-price-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content .ui-slider-handle.ui-corner-all.ui-state-default {
	background: #fff;
	border: 1px solid #BDBDBD;
	top: -6px;
}

.filter .filter-search-name {
	margin-bottom: 20px !important;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}

.filter .filter-search-name .field-text {
	border: 0;
	margin: 0;
	padding: 0;
}


/*------------------------------------------------------------------------------------------------------ CART PAGE ------------------------------------------------------------------------------------------------------*/

.cart-box-right .boxed,
.widget-cart .widget-container.boxed {
	box-shadow: none;
	border-radius: 0;
	background: none;
	overflow: inherit;
}

.cart-box-right .boxed .widget-title,
.widget-cart .widget-container.boxed .widget-title {
	font-weight: 600;
	font-size: 36px;
	line-height: 49px;
	text-transform: none;
	padding: 0;
}

.widget-cart .widget-container.boxed .widget-title {
	margin-top: 50px;
}

.widget-cart .widget-container.boxed .order-container {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart {
	background: #A8BCC7;
	padding: 20px;
}

.widget-cart-order .widget-product-thumb img {
    border-radius: 5px;
    max-width: 100px !important;
}

.widget-cart-order .widget-product-thumb .info-block {
    margin-left: 10px;
    float: none;
}

.widget-cart-order .widget-product-thumb .picture-block {
    margin: 0 0 10px 10px;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 {
	width: 70%;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 {
	width: 30%;
	float: right;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .badge.badge-number {
	font-size: 10px;
	letter-spacing: 0.02em;
	color: #000000;
	border: 1px solid #2F3238;
	border-radius: 5px;
	width: 27px;
	height: 27px;
	background: none;
	text-align: center;
	padding: 8px 0;
	margin-right: 10px;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .delete-action-form .btn-delete {
	padding: 0;
	width: 33px;
	height: 33px;
	background: #2F3238;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .btn.btn-collapse-items {
	padding: 0;
	margin-left: 10px;
	border: 0;
	background: 0;
	margin-right: 20px;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 #uppler_shop_cart_orders_0_checkoutStart {
	margin: 15px 20px 0 0;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .widget-company-thumb .picture-block .picture {
	background: #FFFFFF;
	border-radius: 5px;
	padding: 8px;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .widget-company-thumb .info-block .title {
	margin: 10px 0 0 15px;
	font-weight: 600;
	font-size: 18px;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .pull-right.item-col-input {
	margin-top: 8px;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .cart_continous_to {
	margin-top: 15px;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	text-decoration-line: underline;
	color: #fff;
	font-style: normal;
}

.widget-cart .widget-container.boxed .order-container .btn-delete .fa {
	color: #A8BBC7;
}

.widget-cart .widget-container.boxed .inner .row.cart-header-tab {
	font-size: 14px;
	line-height: 19px;
	color: #B2B2B2;
	margin: 0 0 15px;
	padding: 0 20px;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .row div,
.widget-cart .widget-container.boxed .inner .row.cart-header-tab div {
	padding: 0;
}

.widget-cart .widget-container.boxed .order-container .items-container .item {
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #E0E0E0;
	border-radius: 0;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .row {
	margin: 0;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .picture-block .picture {
	max-width: 65px;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .info-block a {
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	white-space: normal;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .description {
	font-weight: normal;
	font-size: 14px;
	color: #828282;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-name li {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #828282;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-name li strong {
	color: #000000;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-name ul {
	margin-bottom: 5px;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .cart-total-item,
.widget-cart .widget-container.boxed .order-container .items-container .item .cart-unit-price {
	white-space: nowrap;
	font-weight: 600;
	font-size: 14px;
	line-height: 27px;
	color: #000000;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .cart-input-quantity input {
	height: 40px;
	box-shadow: inset 0 0 1px #cccccc;
	text-align: center;
	font-weight: 700;
	padding-right: 0;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-delete {
	position: absolute;
	right: 20px;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item {
	width: 40px;
	height: 40px;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #50768E;
	margin: 0px;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item:hover {
	border: 1px solid #992020;
}

.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item .fa {
	margin: 0 5px 0 0;
	font-size: 23px;
	color: #50768E;
}

.widget-cart .widget-container.boxed .order-container .btn-delete:hover .fa,
.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item:hover .fa {
	color: #992020;
}

.widget-cart .widget-container.boxed .order-container .items-container .cart-item-total {
	position: absolute;
	bottom: 25px;
	right: 30px;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order {
	margin: 0;
}

.widget-cart .widget-container.boxed .order-container .widget-cart-order .message-cart {
	background: #fff;
	padding: 20px;
}

.cart-summary-content.widget-spinner hr {
	display: none;
}

.cart-box-right .inner {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
	padding: 20px;
	overflow: hidden;
	margin-top: 45px;
}

.cart-box-right .inner .box-block tbody .checkout-order-company {
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
}

.cart-box-right .inner .box-block .cart-summary-company.amount,
.cart-box-right .inner .box-block .order-summary-indent {
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	padding-bottom: 20px;
	padding-left: 30px;
}

.cart-box-right .inner .box-block .order-summary-indent {
	color: #828282;
}

.cart-box-right .inner .box-block .cart-summary-company.amount {
	color: #000;
}

.widget-cart .col-md-8 .widget-container.boxed .inner:nth-child(2) {
	display: none;
}

.widget-cart .cart-border-bottom-separator {
	border: 0;
}

.cart-box-right .inner .box-block .cart-border-bottom-separator th,
.cart-box-right .inner .box-block .cart-border-bottom-separator td {
	padding: 15px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	width: 50%;
}

.cart-box-right .inner .btn-cart-valid .btn .fa {
}

.btn  .fa-arrow-circle-right.fa-spin {
    position: fixed;
    height: 200px;
    top: calc(50vh - 100px);
    left: calc(50vw - 100px);
    width: 200px;
    font-size: 150px;
    line-height: 200px;
    color: #FF8C00;
}

.widget-cart .cart-border-bottom-separator {
	border: 0;
}

.cart-box-right .btn {
	width: 100%;
}

.widget-cart .tos-cart #uppler_cart_payment_tos {
	margin: 0;
	top: 0;
	margin-right: 10px;
}

.cart-box-right .widget-cart .btn-success {
	margin: 0;
}

.cart-container .widget-cart .widget-list .inner .select2-container {
	width: 100% !important;
}

.cart-container .widget-cart .widget-list .inner .btn-success.add-address {
	margin: 0;
}

.cart-container .widget-cart .widget-title {
	padding: 20px;
}

.cart-summary-content .col-md-8 .widget-container .inner {
	padding: 0;
}

.cart-box-right .widget-title .label {
	float: left !important;
	margin: 5px 0;
	width: 100%;
}

.cart-box-right .widget-title .label.label-warning {
    	font-size: 13px !important;
    	white-space: normal;
}

.cart-box-right .widget-cart .btn-cart-valid {
	margin-top: 20px;
}

.cart-added-info-container {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

#cart-added .cart-added {
    background: transparent !important;
}

#cart-added .product-added .img img {
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 0.35);
}

#cart-added .btn-group .btn {
    border-radius: 5px;
}

.cart-step-title.alert.alert-info {
    margin: 0px 20px;
}

.progress-tracker ul li.active:before {
    border: 2px solid #50768E;
}

.progress-tracker ul li.active:after {
    background-color: #50768E;
    box-shadow: 0 0 0 4px #50768e;
}

.progress-tracker ul li:before {
    border-bottom: 2px dashed #A8BBC7;
}

.progress-tracker ul li:after {
    color: #2F3238;
    box-shadow: 0 0 0 4px #a8bbc7;
}

.widget-cart .tos-cart input {
    vertical-align: top;
}

.tos-cart label {
    max-width: 90%;
}

.widget-shipping-method .cart-receiver-name {
    border-radius: 10px 10px 0 0;
    background: #A8BBC7 !important;
}

.page-cart-shipping #shipping-method-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-cart-shipping #shipping-method-form>div {
    width: 100%;
    max-width: 1000px;
}


/*----------------------------------------------------------------------------------------------------- PAYMENT PAGE ------------------------------------------------------------------------------------------------------*/
.widget-credit-card {
    max-width: 90%;
    margin: auto;
}

.widget-credit-card h3 {
    font-weight: 300 !important;
}

.widget-credit-card .inner {
    background: #eef1f3;
    margin: 30px 0px;
    border: 1px solid #50768E;
    border-radius: 10px;
    font-size: 100%;
}

.widget-credit-card .inner fieldset>div {
    margin: 15px 0px;
}

ul.card-list img {
    border: 2px solid white;
}

.widget-credit-card .form-control {
    text-transform: uppercase;
    margin: 0px;
}

.inner fieldset>div:nth-child(1),
.inner fieldset>div:nth-child(2),
.inner fieldset>div>div:nth-child(2) {
    background: white;
    border-radius: 5px;
}

.inner fieldset>div>div:nth-child(2) {
    padding: 0px;
}    

.security-code .field-text{
    margin: 0;
}

.widget-credit-card #uppler_bank_credit_card_expiry .delim {
    top: 0px;
}

/*----------------------------------------------------------------------------------------------------- MEGA MENU ------------------------------------------------------------------------------------------------------*/

.menu-template-mega .dropdown .fa {
	display: none;
}
@media screen and (min-width: 768px) {
    .menu-template-mega a.dropdown-toggle:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 25px;
        left: 25px;
        width: calc(100% - 50px);
        height: 180px;
    }
}




/*------------------------------------------------------------------------------------------- MESSAGES NOTIFS PAGES -------------------------------------------------------------------------------------------*/

.widget-search-action-message .pull-right {
	margin-left: 5px;
}

.widget-new-message {
	padding: 20px;
}

.widget-new-message .widget-title {
	font-weight: 600;
	font-size: 36px;
	line-height: 27px;
	text-transform: none;
	margin-bottom: 20px;
}

.widget-new-message .row-submit #upload-button {
	padding: 12px 18px;
}

.messages-deleted .pull-left .new-message {
	margin-bottom: 15px;
}

.notification-list {
	padding: 20px;
}

.notification-list .widget-title {
	font-weight: 600;
	font-size: 36px;
	text-transform: none;
	margin-bottom: 20px;
}

#navbar-notification .dropdown-menu li a {
	padding: 10px 15px !important;
	font-weight: 800;
}

.notification-list li a {
	border-top: 1px solid #E0E0E0;
	border-bottom: 0;
}

.widget-reply-message {
	top: 20px;
	padding: 20px;
}

.widget-reply-message .widget-title {
	text-transform: none;
	font-size: 20px;
}

.product-sample .checkbox.has-sample .field-text {
	display: flex;
}

.product-sample .checkbox.has-sample .field-text #uppler_product_availability_hasSample {
	margin-left: 0;
}

.shipping-methods-list .table .position .pull-right.dropdown {
	float: left !important;
}


/*---------------------------------------------------------------------------------------------------------- POPUP -----------------------------------------------------------------------------------------------------------*/

        #registration-popup {
            height: 100vh;
            position: fixed;
            top: 0;
            left: -100vw;
            width: 100vw;
            pointer-events: none;
            transition: 0.3s;
            z-index: 999;
        }

        #registration-popup.open {
            left: 0;
            pointer-events: auto;
        }

        #registration-popup #popup-background {
            background-color: #0000;
            width: 100%;
            height: 100%;
            display: none;
            z-index: 2;
            transition: 0.3s;
        }

        #registration-popup.open #popup-background {
            display: block;
            background-color: #0007;
        }

        #registration-popup #popup-arrow {
            position: fixed;
            top: 50%;
            left: -5px;
            transform: translateY(-50%);
            background-color: #FF8C00;
            width: 31px;
            height: 60px;
            border-radius: 0 5px 5px 0;
            text-align: center;
            line-height: 60px;
            font-size: 20px;
            border: 1px solid;
            vertical-align: middle;
            font-weight: 700;
            pointer-events: all;
            z-index: 3;
            cursor: pointer;
            line-height: 60px;
        }

        #registration-popup #popup-arrow img {
            position: absolute;
            width: 70%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        #registration-popup #popup-window {
            height: 100%;
            background: linear-gradient(#0000 50%, #000), url("https://uppler-platform-otego.s3.eu-west-3.amazonaws.com/image/b6/44/c114675f1ecc292a793fdc5158fe.jpg");
            background-size: cover;
            position: relative;
            background-position-x: center;
            top: 0;
            left: 0;
            position: absolute;
            padding: 30% 20px 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            box-sizing: border-box;
            font-size: 40px;
            font-family: roboto;
            font-weight: 700;
            width: 50%;
            transition: 0.3s;
            z-index: 4;
            max-width: 640px;
        }

        #registration-popup #popup-window>p {
            margin: 0;
            text-shadow: 0 0 20px #000;
            text-align: center;
        }

        #registration-popup #popup-window>p:nth-child(2) {
            text-transform: uppercase;
            font-size: 56px;
        }

        #registration-popup #popup-window>p:nth-child(3) {
            font-size: 26px;
        }

        #registration-popup #popup-window #registration-cta {
            width: 80%;
            font-size: 30px;
            background-color: #FF8C00;
            color: white;
            border: none;
            border-radius: 30px;
            text-transform: uppercase;
            font-weight: 700;
            padding: 10px;
            margin-top: 20px;
            cursor: pointer;
        }

        #registration-popup #registration-close {
            position: absolute;
            top: 5px;
            right: 5px;
            background: #2F3238;
            border: none;
            color: #FF8C00;
            cursor: pointer;
            border-radius: 20px;
            width: 30px;
            height: 30px;
            padding: 9px;
        }
        
        #registration-popup #registration-close img{
            display: block;
            width: 12px;
            height: 12px;
        }

        #registration-popup #registration-close:hover {
            color: white;
        }

        #registration-popup #popup-arrow:hover,
        #registration-popup #popup-window #registration-cta:hover {
            background-color: #50768E;
            color: white;
        }

        @media screen and (max-width: 1025px) and (max-aspect-ratio: 1/1) {
            #registration-popup {
                top: 100vh;
                left: 0;
                width: 100vw;
            }

            #registration-popup.open {
                top: 0;
                pointer-events: auto;
                left: 0;
            }

            #registration-popup #popup-window {
                width: 100%;
                height: 50%;
                top: 50%;
                justify-content: end;
                max-width: unset;
            }

            #registration-popup #popup-arrow {
                top: auto;
                bottom: -20px;
                left: 0%;
                transform: translateY(0) translateX(50%) rotate(-90deg);
            }

        }

        @media screen and (max-width: 767px) {
            #registration-popup #popup-window {
                font-size: 24px;
            }

            #registration-popup #popup-window>p:nth-child(2) {
                text-transform: uppercase;
                font-size: 38px;
            }

            #registration-popup #popup-window>p:nth-child(3) {
                font-size: 18px;
                text-transform: capitalize;
            }

            #registration-popup #popup-window #registration-cta {
                font-size: 20px;
            }
        }


/*----------------------------------------------------------------------------------------------- COOKIE BANNER -------------------------------------------------------------------------------------------*/


:root {
--valid: #FF8C00;
--deny: #50768E;
--banner: #2F3238;
}

div#tarteaucitronMainLineOffset,.tarteaucitronBorder {border:0!important;}

#tarteaucitron [aria-pressed="true"] {
    font-weight:700;
}

#tarteaucitron button {
    z-index: 2000000;
}

.tac_visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
}

div#tarteaucitronAlertBig:focus {outline: 0;}

.tarteaucitron-modal-open{
    overflow: hidden;
    height: 100%;
}

#tarteaucitronContentWrapper {display:unset;}

/** 14042021 **/
span.tarteaucitronReadmoreSeparator {
    display: inline!important;
}
/******/

/** 09052021 **/
.tarteaucitronName .tacCurrentStatus, .tarteaucitronName .tarteaucitronReadmoreSeparator {
    color: var(--banner)!important;
    font-size: 12px!important;
    text-transform: capitalize;
}
/**************/

/** 27032021 **/
button.tarteaucitron-toggle-group {
    display: block;
}
span.tarteaucitronH3 {
    font-weight: 700!important;
}
#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {
    font-weight: 500!important;
    font-size: 14px;
    margin-top: 7px;
}
.tarteaucitronLine {
    border-left: 0px solid transparent!important;
}
/*****/

/** BETTER MOBILE MODE **/
@media screen and (max-width: 767px) {

    html body #tarteaucitronRoot #tarteaucitron ul#tarteaucitronServices_mandatory .tarteaucitronDeny {
        display: none!important;
    }

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button,
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk,
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {
        width:100%!important;
        display: block!important;
        margin-left: 0!important;
        margin-right: 0!important;
        box-sizing: border-box!important;
        max-width: 100%!important;
        margin-bottom: 8px!important;
    }

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine {
        padding: 16px!important;
    }

    html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {
        display: none!important;
    }

    #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName span {
        width: 100%!important;
        display: inline-block;
    }
    li.tarteaucitronLine .tarteaucitronName span {
        width: 80%!important;
        display: inline-block;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group {
        width: 10%!important;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 0px;
        padding: 10px 0;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:before {
        content: '\0025BE';
        font-weight:700;
        font-size: 14px;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:before {
        content: '\0025B4';
    }
}
@media screen and (min-width: 768px) {

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:after {
        content: '\0025BE';
        font-weight:700;
        font-size: 14px;
        margin-left: 15px;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:after {
        content: '\0025B4';
        margin-left: 15px;
    }
}
/****/



/***
* Reset CSS
*/
#tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    /*background: initial;*/
    text-align: initial;
    text-shadow: initial;
}

/* Animation */
#tarteaucitronRoot * {transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms}

/* HTML5 display-role reset for older browsers */
#tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {
    display: block;
}
#tarteaucitronRoot ol, #tarteaucitronRoot ul {
    list-style: none;
}
#tarteaucitronRoot blockquote, #tarteaucitronRoot q {
    quotes: none;
}
#tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {
    content: '';
    content: none;
}
#tarteaucitronRoot table {
    border-collapse: collapse;
    border-spacing: 0;
}

#tarteaucitronRoot a:focus-visible, #tarteaucitronRoot button:focus-visible {
    outline: 3px dashed #3d86d8;
}

/***
 * Better scroll management
 */
div#tarteaucitronMainLineOffset {
    margin-top: 0!important;
}

div#tarteaucitronServices {
    margin-top: 21px!important;
}

#tarteaucitronServices::-webkit-scrollbar {
    width: 5px;
}

#tarteaucitronServices::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

#tarteaucitronServices::-webkit-scrollbar-thumb {
    background-color: #ddd;
    outline: 0px solid slategrey;
}

div#tarteaucitronServices {
    box-shadow: 0 40px 60px #545454;
}

/***
 * Responsive layout for the control panel
 */
@media screen and (max-width:479px) {
    #tarteaucitron .tarteaucitronLine .tarteaucitronName {
        width: 90% !important;
    }

    #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
        float: left !important;
        margin: 10px 15px 5px;
    }
}

@media screen and (max-width:767px) {
    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {
        background: #fff;
        border: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        max-height: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        width: 100% !important;
    }

    #tarteaucitron .tarteaucitronBorder {
        border: 0 !important;
    }

    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
        border: 0 !important;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
        text-align: left !important;
    }

    .tarteaucitronName .tarteaucitronH2 {
        max-width: 80%;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
        text-align: center !important;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
        margin-bottom: 5px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #tarteaucitron {
        border: 0 !important;
        left: 0 !important;
        margin: 0 5% !important;
        max-height: 80% !important;
        width: 90% !important;
    }
}

/***
 * Common value
 */
#tarteaucitronRoot div#tarteaucitron {
    left: 0;
    right: 0;
    margin: auto;
}

#tarteaucitronRoot button#tarteaucitronBack {
    background: #eee;
}

#tarteaucitron .clear {
    clear: both;
}

#tarteaucitron a {
    color: rgb(66, 66, 66);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

#tarteaucitronRoot button {
    background: transparent;
    border: 0;
}

#tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,
#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
    color: #fff;
}

#tarteaucitron strong {
    font-size: 22px;
    font-weight: 500;
}

#tarteaucitron ul {
    padding: 0;
}

#tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {
    display: block;
}

.cookie-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
/***
 * Root div added just before </body>
 */
#tarteaucitronRoot {
        left: 0;
    position: absolute;
    right: 0;
    top: auto;
    width: 100%;
    bottom: 0;
}

#tarteaucitronRoot * {
    box-sizing: initial;
    color: var(--banner);
    /*font-family: sans-serif !important;*/
    font-size: 14px;
    line-height: normal;
    vertical-align: initial;
}

#tarteaucitronRoot .tarteaucitronH1 {
    font-size: 1.5em;
    text-align: center;
    color: #fff;
    margin: 15px 0 28px;
}

#tarteaucitronRoot .tarteaucitronH2 {
    display: inline-block;
    margin: 12px 0 0 10px;
    color: #fff;
}

#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
    margin-left: 0;
}

/***
 * Control panel
 */
#tarteaucitronBack {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483646;
}

#tarteaucitron {
    display: none;
    max-height: 80%;
    left: 50%;
    margin: 0 auto 0 -430px;
    padding: 0;
    position: fixed;
    top: 6%;
    width: 860px;
    z-index: 2147483647;
}

#tarteaucitron .tarteaucitronBorder {
    background: #fff;
    border: 2px solid var(--banner);
    border-top: 0;
    height: auto;
    overflow: auto;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
    background: var(--banner)333;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 70px;
}

#tarteaucitron #tarteaucitronClosePanel {
    color: var(--deny);
}

#tarteaucitron #tarteaucitronDisclaimer {
    color: #555;
    font-size: 12px;
    margin: 15px auto 0;
    width: 80%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: rgba(51, 51, 51, 0.07);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    display: none;
    position: relative;
}

#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
    width: 100%;
    box-sizing: border-box;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronRoot .asCatToggleBtn {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0px 0px;
    padding: 5px 20px;
    text-align: left;
    width: auto;
    background: var(--banner);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    color: #fff;
    font-weight: 500;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
    text-decoration: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
    font-size: 22px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    font-size: 14px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    padding: 5px 10px;
    margin: 0;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline) {
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 500;
    margin-top: 0;
    max-width: 270px;
    padding: 20px;
    position: absolute;
    z-index: 2147483647;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
    width: Calc(100% - 3rem);
    font-weight:500;
    margin:0;
    padding:1.5rem;
    background: white;
    color:var(--banner);
}

#tarteaucitron #tarteaucitronInfo a {
    color: #fff;
    text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: rgba(51, 51, 51, 0.2);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background: rgba(51, 51, 51, 0.1);
    border-left: 5px solid transparent;
    margin: 0;
    overflow: hidden;
    padding: 15px 5px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: var(--valid);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: var(--deny);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: var(--banner);
    border: 3px solid var(--banner);
    border-left: 9px solid var(--banner);
    border-top: 5px solid var(--banner);
    margin-bottom: 0;
    margin-top: 21px;
    position: relative;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: var(--banner);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
    margin-left: 15px;
    margin-top: 2px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
    color: #fff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
    margin-top: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    display: inline-block;
    float: left;
    margin-left: 10px;
    text-align: left;
    width: 50%;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
    text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    display: inline-block;
    float: right;
    margin: 7px 15px 0;
    text-align: right;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: #555;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
    border: 0;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronCheck::before, 
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronCross::before {
    color: white;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronIsSelected .tarteaucitronCheck::before,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronIsSelected .tarteaucitronCross::before,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronCheck::before,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronCross::before {
    color: black;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
    background-color: var(--valid);
    opacity: 1;
    color: black;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
    background-color: var(--deny);
    opacity: 1;
    color: black;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
    background-color: var(--valid);
    color: black;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: var(--deny);
    color: black;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{
    opacity: 0.4;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    color: var(--banner);
    font-size: 12px;
}

#tarteaucitron .tarteaucitronH3 {
    font-size: 18px;
}

#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
    width: auto!important;
    margin-left: 0!important;
    font-size: 14px;
}
span#tarteaucitronDisclaimerAlert {
    padding: 0 10px;
    display: inline-block;
    width: auto;
    order: 1;
    white-space: pre-line;
}
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border-color: var(--banner)!important;
}

/***
 * Big alert
 */
.tarteaucitronAlertBigTop {
    top: 0;
}

.tarteaucitronAlertBigBottom {
    bottom: 0;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: var(--banner);
    color: #fff;
    display: none;
    font-size: 15px!important;
    left: 0;
    bottom: 0;
    top: auto;
    height: fit-content;
    position: fixed;
    box-sizing: border-box;
    z-index: 2147483645;
    text-align: center;
    padding: 20px;
    margin: auto;
    width: 100%;
    box-shadow: 0 0 100px #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.tarteaucitronAlertBigBtnWrapper {
    order: 2;
    display: flex;
    flex-direction: column;
    margin: 0 5px;
}

@media screen and (max-width: 767px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        flex-direction: column;
        padding: 0px;
    }
    span#tarteaucitronDisclaimerAlert {
        padding: 10px ;
    }
}

div#tarteaucitronAlertBig button {
    width: 220px;
    margin: 5px 0;
    border-radius: 3px;
    box-sizing: border-box;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font: 15px verdana;
    color: #fff;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font-weight: 700;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    cursor: pointer;
    order: 5;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    background: var(--valid);
    color: black;
    cursor: pointer;
    display: inline-block;
    font-size: 16px!important;
    line-height: 1.2;
    padding: 5px 10px;
    text-decoration: none;
    order: 1;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: transparent;
    color: var(--deny);
    font-weight: 600;
    order: 4;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: var(--deny);
    color: black;
    font-size: 13px;
    margin-bottom: 3px;
    padding: 5px 10px;
    order: 3;
}

#tarteaucitronPercentage {
    background: #0A0!important;
    box-shadow: 0 0 2px #fff, 0 1px 2px #555;
    height: 5px;
    left: 0;
    position: fixed;
    width: 0;
    z-index: 2147483644;
}

/***
 * Icon
 */
.tarteaucitronIconBottomRight {
    bottom: 0;
    right: 0;
}
.tarteaucitronIconBottomLeft {
    bottom: 0;
    left: 0;
}
.tarteaucitronIconTopRight {
    top: 0;
    right: 0;
}
.tarteaucitronIconTopLeft {
    top: 0;
    left: 0;
}

.tarteaucitronIconTopLeft #tarteaucitronManager {
    border-radius: 2px 7px 7px 2px;
}

.tarteaucitronIconTopRight #tarteaucitronManager {
    border-radius: 7px 2px 2px 7px;
}

.tarteaucitronIconBottomLeft #tarteaucitronManager {
    border-radius: 7px 7px 2px 2px;
}

.tarteaucitronIconBottomRight #tarteaucitronManager {
    border-radius: 7px 7px 2px 2px;
}

#tarteaucitronIcon {
    background: transparent;
    position: fixed;
    display: none;
    width: auto;
    z-index: 2147483646;
    right: 2px;
    bottom: 0;
}
#tarteaucitronIcon #tarteaucitronManager {
    color: black;
    cursor: pointer;
    display: inline-block;
    font-size: 14px !important;
    padding: 8px 15px 8px;
    border: none;
    background: #ff8C00;
    font-family: jost;
    line-height: 16px;
    font-weight: 600;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 4px #000;
    outline: 1px solid #0003;
    position: relative;
    right: 5px;
    top: 25px;
    transition: 0.2s;
}

#tarteaucitronIcon #tarteaucitronManager:hover {
    top: 0px;
}

#tarteaucitronIcon #tarteaucitronManager span.fa {
    margin-right: 5px;
    font-family: 'FontAwesome';
    color: black;
}
#tarteaucitronIcon #tarteaucitronManager img {
    width: 50px;
    height: 50px;
}

#tarteaucitronRoot .tarteaucitronCross::before {
    content: '\2717';
    display: inline-block;
    color: var(--deny);
}

#tarteaucitronRoot .tarteaucitronCheck::before {
    content: '\2713';
    display: inline-block;
    color: black;
}

#tarteaucitronRoot .tarteaucitronPlus::before {
    content: '\271b';
    display: inline-block;
    color: white;
}


/***
 * Small alert
 */

.tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {
    bottom: 0;
}

#tarteaucitronAlertSmall {
    background: var(--banner);
    display: none;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 2147483646;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    padding: 8px 10px 8px;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
    background: rgba(255, 255, 255, 0.05);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
    background-color: gray;
    border-radius: 5px;
    display: block;
    height: 8px;
    margin-bottom: 1px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    display: block;
    float: left;
    height: 100%;
    width: 0%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background-color: var(--valid);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
    background-color: #FBDA26;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    background-color: var(--deny);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    padding: 0px 10px;
    vertical-align: top;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
    background: rgba(255, 255, 255, 0.3);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
    display: none;
    max-height: 70%;
    max-width: 500px;
    position: fixed;
    right: 0;
    width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    background: #fff;
    border: 2px solid var(--banner);
    color: var(--banner);
    font-size: 11px;
    height: auto;
    overflow: auto;
    text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
    color: var(--banner);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
    background: var(--banner);
    margin-top: 21px;
    padding: 13px 0 9px 13px;
    text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
    color: #fff;
    font-size: 16px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
    background: rgba(51, 51, 51, 0.1);
    padding: 7px 5px 10px;
    word-wrap: break-word;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
    background: rgba(51, 51, 51, 0.2);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
    color: var(--banner);
    text-decoration: none;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
    display: inline-block;
    width: 50%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
    color: darkred;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
    color: var(--banner);
    display: inline-block;
    font-size: 11px;
    margin-left: 10%;
    vertical-align: top;
    width: 30%;
}

/***
 * Fallback activate link
 */
.tac_activate {
    background: var(--banner);
    color: #fff;
    display: table;
    font-size: 12px;
    height: 100%;
    line-height: initial;
    margin: auto;
    text-align: center;
    width: 100%;
}

.tac_float {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tac_activate .tac_float strong {
    color: #fff;
}

.tac_activate .tac_float .tarteaucitronAllow {
    background-color: var(--valid);
    display: inline-block;
}

/***
 * CSS for services
 */
ins.ferank-publicite, ins.adsbygoogle {
    text-decoration: none;
}

div.amazon_product {
    height:240px;
    width:120px;
}

.tarteaucitronIsAllowed .tarteaucitronDeny {
    opacity: 0.4!important;
}.tarteaucitronIsDenied .tarteaucitronAllow {
     opacity: 0.4!important;
 }.tarteaucitronIsAllowed .tarteaucitronAllow {
      opacity: 1!important;
  }.tarteaucitronIsDenied .tarteaucitronDeny {
       opacity: 1!important;
   }

#tarteaucitronServices_mandatory button.tarteaucitronAllow {
    opacity: 1;
}

div#tarteaucitronInfo {
    display: block!important;
    position: relative !important;
    text-align: center!important;
    max-width: 80%!important;
    padding: 15px 0!important;
    margin: -10px auto 40px!important;
    font-size: 1em!important;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #555;
}

a.tarteaucitronSelfLink {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    text-align: center!important;
    display: block;
    height:30px;
}

.tarteaucitronMainLine .tarteaucitronH2 {
    font-size: 1.2em!important;
    margin-top: 4px!important;
}

span.tarteaucitronTitle.tarteaucitronH3 {
    margin-top: 12px!important;
}

#tarteaucitronCloseCross {
    position:absolute;
    color: #FFFF;
    font-size:1.8rem;
    cursor: pointer;
    top: 10px;
    right: 26px
}

.tarteaucitron-spacer-20 {
    height: 20px;
    display: block;
}

.tarteaucitron-display-block {
    display: block;
}

.tarteaucitron-display-none {
    display: none;
}

/*--------------------------------------------------------------------------------------------------- AJUSTEMENTS ---------------------------------------------------------------------------------------------------*/
/*#18013*/
#shipping-gateway-setup-form .external-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px auto 0;
  max-width: 500px;
}
#shipping-gateway-setup-form .external-link .external-link-text {
  margin-bottom: 20px;
  color: gray;
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
  width: 100%;
}
#shipping-gateway-setup-form .external-link .external-link-btn {
  text-transform: inherit;
  font-weight: 400;
  padding: 10px 18px;
}
#shipping-gateway-setup-form .external-link .external-link-text:before,
#shipping-gateway-setup-form .external-link .external-link-text:after {
  content: "";
  width: 100%;
  border-bottom: 1px solid gray;
  height: 1px;
}
#shipping-gateway-setup-form .external-link .external-link-text:before {
  margin-right: 20px;
}
#shipping-gateway-setup-form .external-link .external-link-text:after {
  margin-left: 20px;
}
#shipping-gateway-setup-form .col-md-12 .row {
  margin: 0;
}
/*UPL-6276*/
.widget-search-autocomplete .search-list.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover a {
	background: #50768e;
}
@media screen and (max-width: 767px) {
	.search-full form {
		width: 100%;
		position: initial;
	}
	.widget-search-autocomplete .search-list.ui-menu {
		max-height: calc(100vh - 170px);
		overflow: auto;
		top: 71px !important;
	}
	.widget-search-autocomplete .search-list .search-item .pull-left {
		width: 100%;
	}
	.widget-search-autocomplete .search-list .search-item .name {
		white-space: normal;
	}
	header .searchbar-wrap .search-full form .search-input-box {
    	width: auto;
    	margin: 0 0 0 10px;
    	padding: 0px 10px;
    	position: initial;
    }
    .footer-bottom {
        flex-direction: column;
    }
    .footer-bottom .pull-left.footer-left,
    .footer-bottom .pull-right.footer-right,
    .footer-bottom .footer-center {
        width: 100% !important;
    }
    .footer-bottom .footer-center a {
        display: block;
    }
    .footer-bottom .footer-right {
        text-align: center !important;
    }
    
    .cc_dialog #cc_dialog_headline,
    .cc_dialog .cc_dialog_text_inner {
        width: 100%;
    }

    .cc_dialog .cc_b_inner {
        position: relative;
        width: 100%;
        flex-direction: row;
        padding: 10px 0 0;
    }

    .cc_dialog .cc_b_inner button.cc_b_ok {
        flex: 2
    }

}

#dropdown-relationship .fa::before {
  content: "\f234";
}
.user_type_anonymous .product-info .title-block .product-company {
  display: none; 
}
.widget-order .order-item-remove {
	top: 0 !important;
}
.restock-container .datepicker {
	font-size: 9px;
}
.widget-nav-profile .relationship-group.btn-group.open .dropdown-menu {
	left: -175px;
	top: 2px;
}
.widget-nav-profile .relationship-group.btn-group.open .dropdown-menu .remove {
	padding: 0;
	height: 40px;
}
.select2-container--default .select2-selection.select2-selection--multiple {
	overflow-x: hidden;
	overflow-y: scroll;
}
.select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.contract-block-conditions .contract-condition .contract-condition-percent {
	min-width: 125px;
}
/*.form-create-address .field-text {
	margin-bottom: 12px;
}
.form-create-address .splited-field .form-group.left-field,
.form-create-address .splited-field .form-group.left-field,
.form-create-address .splited-field .form-group.left-field .label-title {
	padding-left: 0;
}
.form-create-address .splited-field .form-group.right-field,
.form-create-address .splited-field .form-group.right-field .label-title,
.form-create-address .splited-field .form-group.right-field .col-sm-8 {
	padding-right: 0;
}*/

.address-update-page .widget-container {
    max-width: 1200px;
    margin: auto;
}

.address-update-page .form-create-address .row {
    display: flex;
    flex-direction: column;
    padding: 5px;
    min-width: 50%;
}


.address-update-page .form-create-address .row label {
    margin: 0;
    width: 100%;
    font-size: 14px;
}

.address-update-page .form-create-address .row .col-sm-9, .address-update-page .form-create-address .row .col-sm-8, .address-update-page .form-create-address .row .col-sm-6, .address-update-page .form-create-address .row .col-sm-5 {
    width: 100%;
}

.address-update-page .form-create-address .splited-field {
    display: flex;
}

.form-create-address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.address-update-page .form-create-address .splited-field div, .address-update-page .form-create-address .splited-field select {
    flex: 1;
}

.form-create-address>div {
    flex: 1;
    margin: 0;
}

@media screen and (max-width: 667px) {
    .form-create-address {
        flex-direction: column;
    }

}

form[name="uppler_subscribed_emails"] .field-text {
	display: flex;
	flex-direction: row-reverse;
	float: left;
	align-items: start;
}
form[name="uppler_subscribed_emails"] .field-checkbox input[type="checkbox"] {
	margin-right: 15px;
	margin-top: 4px;
}
#dashboard-info-order .order-canceled .info-order-title {
	width: 80%;
}
.product-comparator-wrapper .delete-action-form {
	margin-top: 8px;
}

.widget-comment .fos_comment_submit {
	margin-top: 10px;
	margin-bottom: 10px;
}

.widget-list .table>thead>tr>th {
    white-space: nowrap;
    font-size: 20px;
    padding-left: 30px !important
}

.user-edit-page #content {
    display: flex;
    flex-direction: column;
}

.user-edit-page .widget-action {
    order: 1;
}

.user-edit-page .boxed {
	padding: 20px;
}

.user-edit-page .boxed .widget-title {
	font-weight: 600;
	font-size: 36px;
	text-transform: none;
	margin-bottom: 20px;
	word-break: break-word;
}

#orders thead th {
	white-space: nowrap;
	padding-top: 20px;
	padding-bottom: 20px;
}

#orders thead th a {
	color: #000;
	text-transform: none;
	font-size: 16px;
}

.btn.fileinput-button {
	padding: 12px 18px;
}

.order-container-content {
    padding: 15px;
}

.widget-container.widget-order {
	background: #fff !important;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05) !important;
}

.widget-container.widget-order .block.block-number,
.widget-container.widget-order .block.block-date {
	border: 0;
	padding: 0;
}

.widget-container.widget-order .block.block-number span,
.widget-container.widget-order .block.block-date span {
	font-size: 20px;
	font-weight: 800;
}

.widget-container.widget-order .order-content .col-md-4 .block {
	min-height: 280px;
}

.widget-container.widget-order .order-content .block {
	border-radius: 10px;
}

.widget-container.widget-order .order-content .block .title {
	margin-bottom: 20px;
}

.widget-container.widget-order .order-content .block .title span {
	color: #000;
	font-size: 16px;
}

.widget-container.widget-order .order-content .block.block-note {
	min-height: 230px;
}

#rightbar {
	margin-top: 15px;
	border-radius: 10px;
	border: 0;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	min-height: inherit;
	padding: 20px;
	background: #fff;
}

#rightbar #order-actions,
#rightbar #order-actions .widget-order-action {
	margin: 0;
}

#rightbar .widget-comment {
	padding: 15px 0 0;
	margin: 0;
}

#rightbar .widget-comment .widget-title {
	padding: 20px 0 5px;
	line-height: 20px;
	text-transform: none;
	font-size: 16px;
}

#rightbar .widget-comment .comments-list .fos_comment_comment_show {
	margin-top: 20px;
}

#rightbar .widget-comment .comments-list .fos_comment_comment_metas {
	color: #797878;
}

#rightbar .widget-comment .fos_comment_comment_new_form {
	padding-top: 10px;
}

#dashboard-info-number .widget-container.widget-chart-number.boxed {
	min-height: 355px;
	position: relative;
}

#dashboard-info-number .widget-container.widget-chart-number.boxed .chart-number.equal {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
}

#filtered-variants-list td {
	padding: 20px !important;
}

.homepage-search .searchbar-wrap .search-input-box .search-btn {
	color: transparent;
}

.widget-container.widget-comment .widget-title {
	font-size: 20px !important;
	margin-top: 0 !important;
}

.widget-cart .widget-container.boxed .inner .row.cart-header-tab div {
	text-align: left;
}

.widget-cart .widget-container.boxed .inner .row.cart-header-tab div:nth-child(2) {
	width: 25%;
}

.cart-unitPrice.cart-unit-price {
	width: 16.66666667%;
}

.cart-unitPrice.cart-unit-price,
.item-col-input.cart-input-quantity,
.cart-totalItem.cart-total-item {
	text-align: left !important;
}

.widget-wishlist.wishlist-view-form.default-mode .wishlist-box-right {
	border-radius: 10px;
	overflow: hidden !important;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	padding: 10px;
}

.widget-wishlist.wishlist-view-form.default-mode .wishlist-box-right .box-block .boxed {
	box-shadow: none;
}

.fos_user_profile_edit .col-md-12 {
	padding: 0;
}

.check-input .table-check-group.btn-group .btn.btn-default.dropdown-toggle {
	background: none;
}

.pack-quantity .input-group {
	margin-bottom: 12px;
}

.checkbox.has-sample .field-text {
	display: flex;
}
#files .contract-file .col-md-1 {
	width: 16.66666667%;
}
.files-existing .contract-file .col-md-1:nth-child(6) {
	text-align: right;
}
#orders .order-td-state .label {
	white-space: normal;
}

/*----------------------------------------------------------------------------------------------------------- HELP ----------------------------------------------------------------------------------------------------------*/

.accordion {
	padding: 0 60px;
	margin-top: 30px;
}

.accordion .boxed .card-3 {
	border-bottom: 1px solid #E0E0E0;
}

.accordion .boxed .card-3:last-child {
	border: 0;
}

.accordion .boxed .card-header h2 {
	margin: 0;
}

.accordion .boxed .card-header button {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 18px;
    color: #50768E;
    text-decoration: 0;
    text-align: left;
    min-height: 76px;
}

.accordion .boxed .card-header button .fa {
    position: absolute;
    font-size: 16px;
    right: 0;
    top: 5px;
    bottom: auto;
}

.accordion .boxed .card-body-3 {
	padding: 20px 30px;
	text-align: justify;
	line-height: 28px;
}

.accordion .boxed .card-header button:hover {
	text-decoration: underline;
	text-underline-offset: 7px;
}

.accordion .boxed .card-header button.collapsed .fa::before {
	content: "\f067" !important;
}

.accordion .boxed .card-header button .fa::before {
	content: "\f068" !important;
}


/*--------------------------------------------------------------------------------------------------- MIDDLE OFFICE ----------------------------------------------------------------------------------------------------*/

body.user_type_seller div.container-global {
    background: #EEF1F3; /*url("https://uppler-platform-otego.s3.eu-west-3.amazonaws.com/image/18/e2/699c3e64961fb19c104c5f922948.png")*/
    background-size: 300px;
    display: flex;
    flex-wrap: wrap;
}

.user_type_seller #sidebar {
	background-color: #FFFFFF;
	height: auto;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
	width: 250px;
}

.user_type_seller #sidebar .nav-tabs .username {
    border-bottom: 1px solid #50768E;
    margin: 0 10px 10px;
    text-transform: capitalize;
    display: block;
}

.user_type_seller #content {
    padding: 15px 20px 0;
    max-width: calc(100% - 250px);
}
    
.page-Homepage.seller h1 {
	margin-bottom: 30px;
}

.page-Homepage.seller .widget-container {
	padding: 8px;
	min-height: 380px;
}

.page-Homepage.seller h2.more-title {
	font-size: 32px;
	margin: 30px 0 20px;
}

.page-Homepage.seller .widget-container .widget-title {
	font-weight: 600;
}

.form-product .widget-title {
	padding: 20px 0;
	font-size: 16px;
}

.form-product #product-category-form .taxon-tree-form .field-checkbox {
	position: relative;
}

#product-form #product-form-sidebar {
	margin-top: 15px;
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	padding: 20px;
}

#product-form #product-form-sidebar .taxes,
#product-form #product-form-sidebar .customer_prices {
    display: none;
}


#product-form .widget-product-thumb .picture-block {
    border-radius: 5px;
}

#product-form #product-form-sidebar .widget-product-thumb .info-block a {
	font-weight: 600;
	white-space: normal;
}

#product-form #prices #product-prices-form select,
#product-form #prices #product-prices-form input {
	height: inherit !important;
}

#product-form .product-form-container .btn-group-vertical li {
	margin-bottom: 5px;
}

#product-form .product-form-container .btn-group-vertical li .btn {
    border: none;
}

.widget-shop-configuration {
	padding: 20px;
}

.shop-configuration-form .widget-title {
	padding: 0 0 20px;
	font-size: 16px;
}

.product-form-container.row {
    margin: 0 -15px 0 0;
}

#product-form .col-md-10 {
    padding: 0;
}

#product-form .tab-content {
	border: 0;
}

.form-product-export .field-text input,
.form-product-export .field-text select {
	margin-left: 30px;
}

#filtered-variants-form th,
#filtered-variants-form td {
	padding: 20px 10px !important;
}

.dataimport-header-container .widget-container .widget-title {
	font-weight: 600;
	font-size: 36px;
	line-height: 27px;
	text-transform: none;
	margin: 20px 0 10px;
}

.dataimport-header-container .widget-container.boxed {
	box-shadow: none;
	background: none;
	border-radius: 0;
}

.dataimport-header-container .widget-container .dataimporter-configuration-content .widget-title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}

.dataimport-header-container .widget-container .dataimporter-configuration-content .widget-container {
	min-height: 230px;
	overflow: inherit;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	background: #fff;
}

.dataimport-header-container .col-md-4:last-child .row.row-submit {
	position: initial !important;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

header .header-logout a {
    padding: 15px 0px 15px 10px;
    font-size: 20px;
    color: #EB5757;
}

.user_type_seller.orders-list #content:has(.widget-action .btn-quote-list.active) table#orders .order-td-buyer,
.user_type_seller.orders-list #content:has(.widget-action .btn-quote-list.active) table#orders .order-td-confirme,
.user_type_seller.orders-list #content:has(.widget-action .btn-quote-archive-list.active) table#orders .order-td-buyer,
.user_type_seller.orders-list #content:has(.widget-action .btn-quote-archive-list.active) table#orders .order-td-confirme,
.user_type_seller.orders-list #content:has(.widget-action .btn-quote-list.active) .widget-search-action .form-group:has(#criteria_company),
.user_type_seller.orders-list #content:has(.widget-action .btn-quote-list.active) .widget-search-action .form-group:has(#criteria_company) {
    display: none;
}



/*-------------------------------------------------------------------------------------------------------- STANDARD LIST --------------------------------------------------------------------------------------------------------*/
table#standard-list {
    table-layout: fixed;
    width: 100%;
    padding: 5px;
}

#standard-list tbody {
    transition: 0.2s;
}

#standard-list tr :nth-child(8) {
    display: none;
}

#standard-list tr td {
    max-width: 10%;
    padding: 10px 5px !important;
}

#standard-list tr th {
    text-align: center;
    padding: 15px 5px 5px !important;
    background: #A8BBC7;
    text-transform: uppercase;
}

#standard-list tr:nth-child(1) th:nth-child(1) {
    border-radius: 15px 0 0 0;
}

#standard-list tr:nth-child(2) th:nth-child(1) {
    border-radius: 0 0 0 15px;
}

#standard-list tr:nth-child(1) th:nth-child(7) {
    border-radius: 0 15px 0 0;
}

#standard-list tr:nth-child(2) th:nth-child(7) {
    border-radius: 0 0 15px 0;
}

#standard-list tr input{
    width: 100% !important;
    border-radius: 10px !important;
    height: 45px;
    padding: 0px;
    border: none;
}

#standard-list tr :nth-child(3) {
    width: 40%;
}

#standard-list tr :nth-child(1) {
    width: 5%;
    text-align: center;
    border-radius: 15px 0 0 15px;
}

#standard-list tr :nth-child(7) {
    border-radius: 0 15px 15px 0;
}

#standard-list .row-invisible {
    display: none;
}
#standard-list .row-visible {
    display: table-row;
}

/*-------------------------------------------------------------------------------------------------------- TOS --------------------------------------------------------------------------------------------------------*/

#tos {
    max-width: 767px;
    margin: 40px auto;
    background: white;
    border-radius: 10px;
    padding: 20px;
}

#tos h2 {
    margin-top: 60px;
}

#tos h3 {
    margin-top: 50px;
}

#tos h4 {
    margin-top: 30px;
}

#tos a {
    color: #ff8C00;
}
#tos a:hover {
    text-decoration: underline;
}

#tos ol.list-latin {
    list-style: lower-latin;
}

#tos ol.list-roman {
    list-style: lower-roman;
}

#tos ul {
    list-style-type: disc;
    margin: 10px 20px 20px;
}

#tos ol {
    margin: 10px 20px 20px;
}

#tos li {
    margin: 10px 0;
}

#tos li>ul {
    list-style-type: circle;
}

#tos .upper {
    text-transform: uppercase;
}

#tos .italic {
    font-style: italic;
}

#tos .strong {
    font-weight: bold;
}

#tos .underline {
    text-decoration: underline;
}

#tos table {
    width: 100%;
}

#tos #table-1 {
    border-spacing: 0px;
    border: 1px solid grey;
}
#tos #table-1 th,
#tos #table-1 td {
    border: 1px solid grey;
    border-collapse: collapse;
}

#tos #table-1 th{
    background-color: #EEF1F3;
}

#tos #table-1 ul {
margin-left: 40px
}

#tos #table-3 th{
    padding-top: 20px;
}
#tos #table-3 tr > *:nth-child(1){
    width: 20%;
    text-align: right;
}
#tos #table-3 tr > td:nth-child(2){
    border-bottom: 1px dotted black;
}


/*-------------------------------------------------------------------------------------------------------- ABOUT --------------------------------------------------------------------------------------------------------*/
.about-banner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.about-banner {
    height: 350px;
}

#about-1, #about-2, #about-3, #about-4 {
    max-width: 1440px;
    margin: auto;
    padding: 150px 40px;
}

#about-1 {
    display: flex;
    justify-content: space-around;
}

#about-1 h2 {
    text-align: center;
    margin-top: 0;
}

#about-1 h2 {
    flex-basis: 48%;
}

#about-1 div {
    flex-basis: 48%;
    font-size: 110%;
}

#about-2 h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #ff8C00;
    font-size: 36px;
}

#about-2>p {
    font-size: 110%;
    margin: 40px auto;
    width: 60%;
    text-align: center;
}

#about-2 .about-values {
    display: flex;
    justify-content: center;
}

#about-2 .value-box {
    width: 250px;
    margin: 20px 10px;
    box-shadow: 0px 1px 5px #0004;
    text-align: center;
    padding: 1%;
    background: #fff;
    border-top: 20px solid;
    border-radius: 5px;
}

#about-2 .value-title {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    aspect-ratio: 4/3;
    display: flex;
    flex-direction: column;
    font-size: 115%;
    justify-content: center;
    border-radius: 5px;
}

#about-2 .value-title h3 {
    color: #000;
    margin: 0;
    font-size: 20px;
}

.color-4 {
    background: #3bd177;
}

.color-3 {
    background: #ffC50D;
}

.color-2 {
    background: #009DFF;
}

.color-1 {
    background: #FF5B0D;
}

#about-2 .value-text {padding: 30px 10px;font-size: 110%;}

#about-2 .value-title p {
    margin: 0;
}

#about-2 .value-box.value-box:nth-child(1) {
    border-color: #ff5b0d;
}

#about-2 .value-box.value-box:nth-child(2) {
    border-color: #009dff;
}

#about-2 .value-box.value-box:nth-child(3) {border-color: #ffc50d;}

#about-2 .value-box.value-box:nth-child(4) {
    border-color: #3bd177;
}

#about-2 h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 300%;
    font-weight: 600;
    width: 60%;
    margin: auto;
    line-height: 100%;
}

#about-3 {
    display: flex;flex-direction: row-reverse;
}

#about-3 .slide {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    align-items: center;
}

#about-3 .back-img {
    position: absolute;
    height: 100%;
    width: 80%;
    left: 0;
    top: 0;
    border-radius: 5px;
    overflow: hidden;

}

#about-3 .back-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#about-3 .texte {
    z-index: 3;
    width: 30%;
    padding: 40px;
    margin: 80px 0;
    background: #fff;
    box-shadow: 0 0 5px #0005;
    border-radius: 5px;
}

#about-3 .slide h2 {
    text-align: center;
    color: #ff8C00;
    text-transform: uppercase;
}

#about-3 .slide p {
    font-size: 110%;
}

#about-4 h2 {
    padding-left: 80px;
    width: 30%;
    font-size: 24px;
}

#about-4 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

#about-4 div {
    width: 50%;
    font-size: 110%;
    border-right: 2px solid #0005;
    padding-right: 80px;
}

@media screen and (max-width: 1000px) {
    #about-2 .about-values {
        flex-wrap: wrap;
    }
    #about-2 .value-box {
        width: 40%;
    }
    #about-2 .value-title {
        aspect-ratio: 3;
    }
    #about-3 .texte {
        width: 40%;
    }
}

@media screen and (max-width: 800px) {
    #about-2 h2 {
        width: 80%;
    }
    #about-3 .slide {
        flex-direction: column-reverse;
    }
    #about-3 .slide .texte{
        margin: 60% 0 0;
        width: 60%;
    }
    #about-3 .slide .back-img{
        width: 100%;
        height: 80%;
    }
    #about-4 {
        flex-direction: column !important;
    }
    #about-4 h2 {
        margin-bottom: 40px;
        padding: 0 !important;
        width: 100%;
        text-align: center;
    }
    #about-4 div {
        border-right: none;
        border-top: 2px solid #0005;
        padding-right: 0;
        padding-top: 40px;
        width: 80%
    }
}

@media screen and (max-width: 600px) {
    #about-1 {
        flex-direction: column;
    }
    #about-2 h2 {
        width: 100%;
        font-size: 200%;
    }
    #about-2 .value-box {
        width: 80%;
        padding: 10px;
    }
    #about-2 .value-text {
        height: 0px;
        overflow: hidden;
        padding: 0 10px;
        transition: 0.5s;
    }
    #about-2 .value-box:hover .value-text {
        padding: 30px 10px;
        height: fit-content;
    }
    #about-3 .slide .texte {
        font-size: 90%;
        margin-top: 100%;
        padding: 20px 30px;
        width: 80%;
    }
    #about-4 div {
        width: 100%;
    }
    #about-2>p {
        width: 100%;
    }
}


.our-company-title h1,
.our-team-title h1 {
	color: #50768E;
	margin: 25px 0;
}

.our-company-text {
	margin-bottom: 80px;
	padding: 30px;
}

.our-team-card.boxed {
	padding: 30px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

.our-team-card-name {
	margin-bottom: 30px;
	text-transform: uppercase;
}

.our-team-card-job {
	text-transform: lowercase;
	color: #50768E;
	margin-bottom: 25px;
}

.our-team-card-text {
	margin-bottom: 15px;
}

.our-team-card-social a {
	color: #50768E;
	font-size: 30px;
	margin-right: 10px;
}

.our-team-card-social a:hover {
	color: #000;
}

.our-team-card-image {
	margin-right: 20px;
}

.our-team-card-image img {
	width: 100%;
}

.our-company-text p {
	margin-bottom: 20px;
}

.our-team-text {
	margin-bottom: 20px;
}

.our-team-card.boxed:hover {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.our-team-card.boxed .row {
	display: flex;
	align-items: center;
}


/*----------------------------------------------------------------------------------------------------------- BLOG ---------------------------------------------------------------------------------------------------------*/

.dynamic-index h1 {
	margin-left: 16.666666666666664%;
	margin-bottom: 24px;
	padding-left: 10px;
}

.dynamic-entity-box h2 {
	font-size: 25px;
}

.dynamic-entity-box {
	width: calc( ( 100% / 4) - 24px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 36px;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.dynamic-entity-box .img-blog {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	height: 200px;
}

.dynamic-entity-box .img-blog img {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
	transition: all ease-in-out 0.3s;
}

.dynamic-index .date .value {
	color: #50768E;
	margin-top: 14px;
}

.dynamic-entity-box {
	width: calc( ( 100% / 4) - 24px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 36px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 20px;
	min-height: 420px;
}

.dynamic-index .author .value {
	font-style: italic;
	font-size: 14px;
	color: #50768E;
	margin: 0;
}

.dynamic-index .type .value,
.dynamic-index .type .value a {
	color: #50768E;
	text-transform: uppercase;
	font-weight: bold;
}

.dynamic-entity-box:hover .img-blog img {
	height: 105%;
}

.dynamic-view .type p {
	font-size: 18px;
}

.dynamic-view .image,
.dynamic-view .image2,
.dynamic-view .image3,
.dynamic-view .image4 {
	text-align: center;
	margin: 40px auto;
}

.dynamic-view .image img,
.dynamic-view .image2 img,
.dynamic-view .image3 img,
.dynamic-view .image4 img {
	max-width: 60%;
}

.dynamic-view #content .blog-show {
	padding: 50px 190px 30px;
}

.dynamic-view .date .value {
	margin: 0;
}

.dynamic-view .intro {
	margin-top: 40px;
}

.dynamic-view .author {
	border-bottom: 1px solid #e8e9eb;
	padding-bottom: 40px;
}

.dynamic-view .author .value {
	font-style: italic;
	font-size: 14px;
	margin: 0;
}

.dynamic-view .video-container {
	text-align: center;
	padding: 30px 0;
}

.dynamic-view iframe {
	width: 60%;
}

.dynamic-index .widget-dynamic-entity-list {
	background: none;
	box-shadow: none;
}

.form-group.form-group-dynamic-field-filter.dynamic-field-filter-value .select2-container {
	width: 100% !important;
}

.dynamic-view #content .blog-show .type .btn-link {
	font-weight: bold;
	color: #000;
}

.dynamic-view .blog-title {
	font-weight: bold;
}


/*----------------------------------------------------------------------------------------------- TOU / LEGAL / PRIVACY -------------------------------------------------------------------------------------------*/

.page-text .content-title {
	color: #50768E;
	margin-bottom: 30px;
}

.page-text .content-text.boxed {
	padding: 30px;
}

.page-text .content-text.boxed .paragraph {
	margin-bottom: 30px;
}

.page-text .content-text.boxed .paragraph p {
	text-align: justify;
}


/*-------------------------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------------------------*/

footer {
	color: #fff;
	font-size: 16px;
}

footer a {
	font-size: 16px;
	line-height: 40px;
}

footer .row a:hover {
	text-decoration: underline;
}

.footer-bottom {
	padding-top: 40px;
	margin-top: 50px;
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.footer-bottom li {
	display: inline;
	margin: 10px;
}

.footer-bottom .pull-left.footer-left,
.footer-bottom .pull-left.footer-left {
    width: 25%;
}

.footer-bottom .clearfix {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.footer-bottom .pull-left.footer-left img {
	padding: 20px 20px 5px;
	max-width: 240px;
	width: 100%;
}

.footer-bottom .footer-center {
    width: 50%;
    text-align: center;
    padding-bottom: 10px;

}
.footer-bottom .footer-center a {
    font-size: 15px;
    line-height: 25px;
    white-space: nowrap;
    padding: 0 20px;
}

.footer-bottom .pull-right.footer-right {
    text-align: right;
}

footer .default-footer img {
	max-width: 210px;
}

footer .footer-content {
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 15px 30px;
}

.jump.btn.btn-success.back-to-top {
    padding: 5px 15px;
    bottom: 17px;
    border-radius: 3px;
    box-shadow: 0 0 4px #000;
    outline: 1px solid #0003;
    right: 7px;
}

.jump.btn.btn-success.back-to-top:hover {
    background: #50768E;
    border: 1px solid #50768E;
}

footer .footer-content .container {
	padding: 0;
}


/*-------------------------------------------------------------------------------------------------------- RESPONSIVE DESIGN --------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
    .container-global {
    margin-top: 44px;
    }
    .user_type_anonymous header button.navbar-toggle {
        display: block;
    }
        .user_type_anonymous header button.navbar-toggle {
        display: block;
    }
    .menu-wrap>.hidden-nav>button>.fa:before {
    content: "\f0c9";
    }
    .menu-wrap>.hidden-nav>button.expanded>.fa:before {
    content: "\f077";
    }
    #quick-quote {
        bottom: 60px !important;
    }
    .jump.btn.btn-success.back-to-top {
        bottom: 60px;
    }
    #tarteaucitronIcon {
        display: block;
    position: absolute;
    bottom: 0;
    top: auto;
    }
    .widget-product-comparator.display-type-button .btn.btn-default.toggle {
	    width: 100%;
	    margin-top: 10px;
    }
    header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-mega, 
    header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-default, header .access-cart-wrap {
             
	    display: inherit;
    }
    .nav.navbar-nav.menu-template-mega ul.dropdown-menu,
    .nav.navbar-nav.menu-template-mega li:hover ul.dropdown-menu {
        position: relative;
        width: 100% !important;
        right: auto;
    }
	.user_type_anonymous header .header-content {
		display: inherit;
	}
	.user_type_anonymous header .access-wrap #user-lang-menu {
		justify-content: right;
	}
	.user_type_anonymous header .access-wrap {
		width: 100%;
		float: left;
	}
	.user_type_anonymous header .searchbar-wrap {
		float: none;
	}
	.user_type_seller header .header-content .notification-wrap {
		position: initial;
	}
	/*.user_type_anonymous header .brand-wrap img, .user_type_seller header .brand-wrap img {
	width: 100%;
}*/
	.language-manager.dropdown.open .dropdown-menu {
		position: absolute;
		background: linear-gradient(0deg, #2F3238 75%, #23252a 100%);
	}
	.language-manager.dropdown.open .dropdown-menu li a {
		border: 0;
		padding: 12px 10px;
	}
	.user_type_seller header .menu-wrap {
		display: none;
	}
	.user_type_seller header .notification-wrap {
		float: right;
		margin-right: 30px;
	}
	.user_type_seller header .brand-wrap .hidden-nav {
		position: absolute;
		right: 0;
		top: 15px;
	}
	header .brand-wrap {
	    position: fixed;
        top: 0;
        z-index: 200;
		float: left;
		margin: 0;
		height: auto;
	}
	header .menu-wrap {
		float: right;
		padding-top: 10px;
	}
	header .login-menu a,
	header .register-menu a {
		padding: 16px 15px !important;
	}
	.user_type_buyer header .notification-wrap {
		float: inherit;
		text-align: right;
		width: 100%;
		flex: 2;
	}
	.user_type_buyer .access-cart-wrap {
		text-align: center;
		float: right;
		width: auto;
		display: flex;
		flex: 2;
        padding: 0;
        justify-content: space-evenly;
		align-items: center;
	}
	.user_type_buyer header .access-wrap .navbar-toggle,
	.user_type_buyer header .cart-wrap .cart-menu a.link {
		height: 80px;
		padding: 12px;
		margin: 0;
		float: left;
		position: inherit;
		width: inherit;
	}
	.user_type_buyer header .cart-wrap #cart-menu-dropdown {
		position: inherit;
	}
	.user_type_buyer header .brand-wrap .hidden-nav {
		display: none;
	}
	.user_type_buyer header .menu-wrap .hidden-nav {
		right: 50px;
		position: absolute;
	}
	header .header-content {
		display: inherit;
	}
	header .searchbar-wrap {
		padding: 0px;
	}
	.user_type_buyer header .brand-wrap img {
		height: 44px;
		position: absolute;
		width: auto;
		margin: 0;
	}
	header .searchbar-wrap {
	    flex: 1;
        justify-content: center;
        display: flex;
        padding: 0;
		float: right;
	}
	header .searchbar-wrap .hidden-nav .search-box .input-group {
		padding-left: 0;
	}
	header .searchbar-wrap .hidden-nav .search-box .get-full-search {
		padding-left: 10px;
		padding-right: 10px;
	}
	header .searchbar-wrap .hidden-nav .search-box .get-full-search:hover,
	header .searchbar-wrap .hidden-nav .search-box .get-full-search:focus,
	header .searchbar-wrap .hidden-nav .search-box .get-full-search:active {
		background: none;
		border: none;
		color: #fff;
	}
	header .searchbar-wrap .hidden-nav .search-box .get-full-search .fa.fa-search {
		font-size: 20px;
	}
	header .searchbar-wrap .search-full {
		display: flex;
		align-items: center;
		    position: fixed;
        top: 44px;
        height: calc(100% - 44px);
        justify-content: start;
        background: #0009;
        backdrop-filter: blur(5px);
        flex-direction: column-reverse;
		
	}
	header .searchbar-wrap .search-full form .search-input-box {
		width: auto;
		margin: 5px;
		padding: 0px 0px 0px 10px;
		
	}
	
	header .searchbar-wrap .search-full.active .search-close {
	    margin: 5px 0 5px 5px;
	    height: 40px;
	    width: 40px;
	    position: relative;
	    border-radius: 50%;
	    background: transparent;
	}
	
	header .searchbar-wrap .search-full.active .search-close .fa {
        padding-top: 0px;
        position: absolute;
	    top: 50%;
	    left: 50%;
	    translate: -50% -50%;
    }
	
	    .access-wrap .navbar-nav#user-lang-menu {
        display: flex;
        justify-content: end !important;
        gap: 10px;
        align-items: center;
    }
        .access-wrap .navbar-nav#user-lang-menu >li > a {
            padding: 5px !important;
    }
    header .brand-wrap img {
        height: 44px;
    }
    header .navbar-toggle,
    header .searchbar-wrap .hidden-nav .search-box .input-group{
        height: 44px;
        padding: 0 10px;
        text-align: center
    }
    header .navbar-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    header .menu-wrap {
        position: fixed;
        top: 0;
        width: 100%;
        height: 44px;
        background: #2F3238;
        float: right;
        padding-top: 0px;
    }
    header .header-content {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto;
        z-index: 100;
        background: #2F3238;
        display: flex;
        padding: 0 !important;
        height: 44px;
    }
    header .navbar-toggle .icon-bar {
        margin: auto;
    }
	
	.user_type_buyer header .access-wrap .navbar-toggle,
	.user_type_buyer header .cart-wrap .cart-menu a.link {
		height: 44px;
		padding: 7px 12px;
		margin: 0;
		float: left;
		position: inherit;
		width: inherit;
	}
	.user_type_buyer header .access-wrap,
	.user_type_buyer header .cart-wrap {
		width: 50%;
        display: flex;
        justify-content: center;
		white-space: nowrap;
	}
	header .access-wrap .navbar-toggle .fa {
	    color: white;
	}
	.user_type_buyer header .access-wrap {
		position: inherit;
	}
	.user_type_buyer header .cart-wrap {
		float: none;
		width: 50%;
        display: flex;
        justify-content: center;
	}
	.user_type_buyer header .cart-wrap #cart-menu-dropdown {
		position: inherit;
	}
	.user_type_buyer header .cart-wrap .cart-menu a.link .fa {
		font-size: 20px;
		margin: 0;
		color: white
	}
	header .menu-wrap .navbar-collapse.in,
	header .menu-wrap .navbar-collapse.collapsing {
		top: 0px;
        background: rgba(0, 0, 0, 0.6) !important;
        backdrop-filter: blur(5px);
        max-height: calc(100% - 88px);
        position: fixed;
        margin-top: 44px !important;
        height: 844px;
		width: 100%;
		border: none;
	}
	.widget-cart-info.dropdown-menu {
		top: auto;
        position: fixed;
        left: 0;
        margin: 10px;
        width: calc(100% - 20px);
        bottom: 44px;
        z-index: 10;
		right: 15px;
	}
	.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 44px;
    top: 44px;
    z-index: 10;
    height: calc(100% - 88px);
    background: #0009;
    backdrop-filter: blur(5px);
}
	.widget-cart-info .cart-table {
        overflow-y: auto;
        max-height: 300px;
	}
	header .access-wrap #sidebar {
		position: fixed;
        left: 0px;
        bottom: 44px;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        z-index: 300;
        top: 44px;
        border-radius: 0px;
        backdrop-filter: blur(5px);
        height: calc(100% - 88px) !important;
        display: none;
		right: 0;
	}
	ul.nav.nav-tabs.nav-frontend_sidebar_buyer.menu-template-default {
        background: white;
        position: absolute;
        bottom: 10px;
        width: calc(100% - 20px);
        left: 10px;
        border-radius: 10px;
	}
	header .access-wrap #sidebar li {
		text-align: left;
	}
	header .notification-wrap #navbar-notification {
		position: inherit;
	}
	.icon-notification-container.open:before {
        content: "";
        position: fixed;
        top: auto;
        bottom: 44px;
        height: calc(100% - 88px);
        display: block;
        width: 100%;
        background: #0009;
        left: 0;
        backdrop-filter: blur(5px);
    }
	header .notification-wrap #navbar-notification .dropdown-menu {
		position: fixed;
        bottom: 44px;
        left: 0;
        top: auto;
        background: #0009;
        height: auto;
        border: none;
        margin: 10px;
        backdrop-filter: blur(5px);
        z-index: 50;
        max-height: calc(100% - 88px);
        border-radius: 10px;
		right: 0;
	}
	header .notification-wrap #navbar-notification .dropdown-menu>li {
	    background: white;
	}
	header .notification-wrap #navbar-notification .navbar-notification li.dropdown {
	    width: 50%;
        display: flex;
        justify-content: center;
		position: inherit;
	}
	.user_type_buyer header .cart-wrap .cart-menu a.link .cart-content {
		display: block;
		margin-left: 10px;
	}
	header .header-buyer .language-manager.dropdown {
		top: 2px;
        right: 10px;
        position: fixed;
		height: 40px;
	}
	.user_type_anonymous header .access-wrap #user-lang-menu .language-manager .dropdown-menu {
		position: absolute;
		width: auto;
		border: none;
		right: -1px;
	}
	
	#cur-box {
	    float: left;
	}
	
	.user_type_anonymous #cur-box {
	    position: absolute;
	    bottom: 0;
	    top: auto;
	    z-index: 10;
	}
	
	header .notification-wrap #navbar-notification .navbar-notification {
	    display: flex;
	    justify-content: space-around;
        width: 100%;
        margin: 0;
        align-items: center;
	    width: 140px;
	    height: 44px;
	}
	    .widget-nav-profile .nav.navbar-nav li {
        height: 40px;
        padding: 0;
        display: flex;
        align-items: center;
    }
    ul.nav.navbar-nav.nav-specific.border-bottom.boxed.seller-profile__nav-mobile {
        padding: 0px;
    }
    .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn {
        font-size: 12px;
        height: fit-content;
        min-width: fit-content;
        padding: 8px 5px;
    }
    .widget-product .widget-breadcrumb .fa,
    .widget-breadcrumb .pull-left a {
        font-size: 10px;
        line-height: normal;
    }
    .product-info .product-info-header .title-block .title {
        font-size: 20px;
        line-height: normal;
    }
    header .navbar-collapse {
        margin: 44px 0 0 !important
    }
}


/*-------------------------------------------------------------------------------------------------------- HOMEPAGE --------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 373px) {
	.carousel-indicators {
		bottom: 0;
	}
}

@media screen and (max-width: 500px) {
	.widget-block-banner-slider .item .item-description {
		width: 80%;
	}
}

@media screen and (max-width: 767px) {
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
	}
	.widget-block .item-product-box {
	    width: 50%;
	    padding: 5px;
	}
}

@media screen and (max-width: 900px) {
	#widget-block-advantages .items-list,
	#widget-block-register .items-list {
		flex-direction: column;
	}
	#widget-block-advantages .items-list .item .widget-block-text {
		padding: 0 40px;
	}
	#widget-block-advantages .items-list .item {
		margin-bottom: 60px;
	}
	#widget-block-advantages .items-list .item:last-child {
		margin-bottom: 0;
	}
	header .menu-wrap .navbar-nav > li > a.dropdown {
    padding: 20px 20px !important;
    white-space: nowrap;
    }
}

@media screen and (max-width: 992px) {
	.widget-block-banner-three-part .part.part1 {
		width: 100%;
	}
	.widget-block-banner-three-part .part.part1 a {
		background-size: auto;
		background-position: bottom;
		position: relative;
	}
	.widget-block-banner-three-part .part.part1 a .text {
		width: 100%;
		position: absolute;
		bottom: 0;
		top: auto;
	}
	.widget-block-banner-three-part .col-md-3 {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	#widget-block-register .items-list,
	#widget-block-advantages .items-list,
	#widget-block-shipment-methods-3-parts .items-list,
	#widget-block-categories .items-list,
	.widget-block-grid-carousel .item,
	.widget-block-grid-carousel .grid-carousel {
		max-width: 90%;
	}
}


/*----------------------------------------------------------------------------------------------------- PRODUCT BOX ------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1440px) {
    .results-list .item-product-box {
        width: 20%;
    }
}

@media screen and (max-width: 768px) {
	.widget-search.widget-search-product .list-result-container .filter {
		width: 100% !important;
		margin-bottom: 20px !important;
	}
	.widget-search .list-result {
		padding-left: 0 !important;
	}
    .results-list .item-product-box {
    	width: 50%;
    	float: left;
    }
}


/*------------------------------------------------------------------------------------------------- PRODUCT INFO PAGE ------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	.widget-product .product-image #gallery {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 20px;
	}
	.widget-product .product-content .product-image .first {
		width: 100%;
		padding: 20px;
	}
	.widget-product .product-content .product-image .miniature {
		float: none;
		max-width: inherit;
		width: 80%;
		display: flex;
		justify-content: space-evenly;
		margin-right: auto;
		margin-left: auto;
	}
	.product-info .product-info-header {
		margin-bottom: 20px;
	}
	.widget-product .product-info .product-properties .table tbody tr td {
		width: 50% !important;
		padding: 10px !important;
	}
	.product-info #form-product-cart .widget-select-option .table tbody .variant-input input {
		margin-left: 0;
	}
	.widget-product .widget-select-option .variant-price .price .price-current {
		padding: 0;
	}
	.widget-nav-profile .nav.navbar-nav {
		flex-direction: row !important;
		justify-content: center;
	}
}

/*---------------------------------------------------------------------------------------------------------- Quick Quote -----------------------------------------------------------------------------------------------------------*/


#quick-quote {
    position: fixed;
    bottom: 10px;
    left: 0px;
    background-color: #FF8C00;
    color: #000;
    padding: 10px 50px 10px 0px;
    border-radius:  0  50px 50px 0;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    animation-duration: 60s;
    animation-name: shortcut-quote;
    overflow: hidden;
    animation-timing-function: ease;
    transform-origin: 0% 100%;
    text-align: right;
    box-sizing: border-box;
    transition: 0.5s;
    max-width: 50px;
    z-index: 10;
}
#quick-quote span {
    float : right;

}
#quick-quote:after {
    content: "\f1d8";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 20px;
    font-family: FontAwesome;
}

#quick-quote:hover {
    left: 0px !important;
    max-width: 300px !important;
    padding-left: 20px !important;
    text-decoration: underline !important;
}

@keyframes shortcut-quote {
    0% {
        transform: rotateZ(-90deg);
    }

    10% {
        transform: rotateZ(-90deg);
    }

    13% {
        max-width: 300px;
        transform: rotateZ(0deg);
        padding-left: 20px;
    }

    40% {
        max-width: 300px;
        padding-left: 20px;
    }

    42% {
        max-width: 50px;
        padding-left: 0px;

    }

    50% {
        padding-right: 50px;
    }

    52% {
        padding-right: 55px;
    }

    54% {
        padding-right: 50px;
    }

    60% {
        padding-right: 50px;
    }

    62% {
        padding-right: 55px;
    }

    64% {
        padding-right: 50px;
    }

    70% {
        padding-right: 50px;
    }

    72% {
        padding-right: 55px;
    }

    74% {
        padding-right: 50px;
    }

    80% {
        padding-right: 50px;
    }

    82% {
        padding-right: 55px;
    }

    84% {
        padding-right: 50px;
    }

    90% {
        padding-right: 50px;
    }

    92% {    
        padding-right: 55px;
    }

    94% {
        padding-right: 50px;
    }



    100% {
        max-width: 50px;
        padding-right: 50px;
    }
}


/*---------------------------------------------------------------------------------------------------------- ABOUT-US -----------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 899px) {
	.our-team-card.boxed .row {
		flex-direction: column;
	}
	.our-team-card-name {
		text-align: center;
		margin-top: 30px;
	}
	.our-team-card-job {
		text-align: center;
	}
	.our-team-card-text {
		text-align: justify;
	}
	.our-team-card-social {
		display: flex;
		justify-content: space-evenly;
	}
	.our-team-card-social a {
		margin: 0;
	}
	.our-team-card-image {
		margin-right: 0;
	}
	.our-team-card.boxed {
		width: 90%;
	}
	.our-company-text {
		text-align: justify;
	}
}

@media screen and (max-width: 768px) {
	.our-team-card-name h2 {
		font-size: 28px;
	}
}


/*---------------------------------------------------------------------------------------------------------- LANDING PAGEs / STATIC PAGES -----------------------------------------------------------------------------------------------------------*/

.landing-page * {
    box-sizing: border-box;
}

.landing-page p, .landing-page li {
    font-size: 1.3em;
}

.landing-page h4 {
    font-size: 1.3em;
    text-transform: uppercase;
}

.guide-page {
    background-color: white;
}

.landing-page {
    padding-bottom: 60px;
}

.landing-page .rounded-corner {
    border-radius: 10px;
}

.landing-page h2 {
    text-transform: uppercase;
    font-size: 3em;
    display: block;
    margin: 60px auto;
    max-width: 1200px;
    padding: 20px;
    line-height: 1em;
}

.landing-page .content-section {
    margin: 60px auto;
    max-width: 1200px;
    width: calc(100% - 10px);
}

.landing-page .content-section > img {
    width: 100%;
}

.landing-page .content-section > * {
    margin: 20px auto;
}

.landing-page .content-section > h2 {
    padding: 0;
}

.landing-page .banner-full-width {
    height: 524px;
    margin-bottom: -30px;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.landing-page .banner-full-width.dark-banner {
    height: 400px;
    backdrop-filter: brightness(0.1);
}

.landing-page .banner-full-width h1 {
    position: absolute;
    bottom: 80px;
    left: 50%;
    translate: -50% 0;
    text-transform: uppercase;
    font-size: 4em;
    text-align: center;
    font-weight: 700;
    max-width: calc(100% - 20px);
    backdrop-filter: blur(10px);
    padding: 10px;
}

.landing-page .banner-full-width.dark-banner h1 {
    position: relative;
    margin: auto;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    text-align: left;
    max-width: 1200px;
    color: white;
    width: calc(100% - 20px);
}

.landing-page .white-container {
    background: white;
    padding: 20px;
    display: flex;
    max-width: 1200px;
    position: relative;
    margin: auto;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}

.landing-page .white-container .white-container-img {
    flex: 3;
    position: relative;
}

.landing-page .white-container .white-container-img.overflowing-img img {
    width: 140%;
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -60%;
    height: auto;
    mix-blend-mode: darken;
}

.landing-page .white-container .white-container-txt {
    flex: 4;
    padding: 0 60px;
}

.landing-page .white-container .white-container-img h2 {
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    font-size: 3em;
    margin: 0;
}

.landing-page .white-container .white-container-img img {
    height: 200px;
    display: block;
    margin: auto;
}

.landing-page .white-container.white-container-right {
    flex-direction: row-reverse;
}
.landing-page .white-container.white-container-right .white-container-img, 
.landing-page .white-container.white-container-right .white-container-txt {
    flex: 1;
}

.landing-page .white-container.white-container-right .white-container-img img {
    height: auto;
    max-width: 100%;
}

.landing-page .frame-container {
    margin: 60px auto;
    display: flex;
    max-width: 1200px;
    padding-bottom: 40px;
    position: relative;
    width: 100%;
}

.landing-page .frame-container.frame-right {
    flex-direction: row-reverse;
}

.landing-page .frame-container.frame-right div {
    bottom: 0;
    left: 0;
}

.landing-page .frame-container>img {
    max-width: 60%;
    object-fit: contain;
}

.landing-page .frame-container div {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    padding: 40px;
    background-color: white;
    box-shadow: 0 0 10px #0003;
    box-sizing: border-box;
}

.landing-page .frame-container div img {
    mix-blend-mode: darken;
    width: 150px;
    display: block;
    position: absolute;
    bottom: 100%;
    right: 20px;
}

.landing-page .frame-container div p {
    margin: 5px 0;
}

.landing-page .frame-container div h3,
.landing-page .white-container div h3,
.landing-page h3 {
    font-size: 2.5em;
    text-transform: uppercase;
    text-wrap: balance;
    margin: 5px 0;
    text-align: left;
}

.landing-page h3 {
    max-width: 750px;
    width: 100%;
    margin: 60px auto;
    text-align: center;
}

.landing-page .frame-container div h3.frame-trans {
    position: absolute;
    bottom: 100%;
    left: 40px;
    text-shadow: 2px 2px 0px #EEF1F3, -2px 2px 0px #EEF1F3, 2px -2px 0px #EEF1F3, -2px -2px 0px #EEF1F3;
}

.landing-page .icon-container {
    display: flex;
    max-width: 1200px;
    margin: 60px auto;
    gap: 10px;
    width: calc(100% - 20px);
    align-items: stretch;
}

.landing-page .icon-container div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.landing-page .icon-container div img {
    height: 150px;
    object-fit: contain;
    margin: auto;
    display: block;
    mix-blend-mode: darken;
}

.landing-page .icon-container.no-text div img {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
}

.landing-page .icon-container div p {
    background-color: white;
    text-transform: uppercase;
    padding: 20px 30px;
    text-align: center;
    font-weight: 700;
    font-size: 1.3em;
    flex: 1.5;
}

.landing-page .icon-container div p span {
    font-weight: 400;
    display: block;
    text-transform: initial;
    font-size: 1em;
    margin-top: 15px;
}


.landing-page .colored-container {
    background: white;
    max-width: 1200px;
    margin: 60px auto;
    text-align: center;
    padding: 20px;
    position: relative;
}

.landing-page .bubble-pin:after {
    position: absolute;
    border: 15px solid transparent;
    border-top: #A8BBC7;
    content: "";
    display: block;
    bottom: -40px;
    border-top: 20px solid #A8BBC7;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}

.landing-page .bubble-pin {
    width: calc(100% - 20px);
}

.landing-page .colored-container h3 {
    margin: 0;
    max-width: fit-content;
    text-align: center;
    display: block;
    margin: 20px auto;
}

.landing-page .colored-container a {
    padding: 10px 40px;
    display: block;
    width: fit-content;
    margin: 20px auto;
    font-weight: 700;
}

.landing-page .emphasis {
    font-weight: 700;
}

.landing-page .centered-text {
    max-width: 900px;
    display: block;
    margin: auto;
    text-align: center;
    text-wrap: balance;
}

.landing-page .orange {
    color: #ff8C00;
}

.landing-page .blue {
    color: #50768E
}

.landing-page .light-blue {
    color: #EEF1F3;
}

.landing-page div.dark,
.landing-page a.dark {
    background: #2F3238;
    color: white;
}

.landing-page div.orange,
.landing-page a.orange {
    background: #ff8C00;
    color: white;
}

.landing-page div.light-blue,
.landing-page a.light-blue {
    background: #EEF1F3;
    color: black
}

.landing-page div.blue,
.landing-page a.blue {
    font-weight: 700;
    background: #50768E;
    color: white;
}

.landing-page ul,
.landing-page ol {
    max-width: 1200px;
    margin: 60px auto;
}

.landing-page div ol,
.landing-page div ul {
    margin: 20px auto;
}

.landing-page ul > li,
.landing-page ol > li {
    margin: 0;
    position: relative;
    padding: 10px 10px 10px 10px;
}

.landing-page ul.step-list {

    list-style: none;
}

.landing-page ul.step-list > li {
    border-left: 4px solid black;
    padding: 10px 10px 10px 10%;
}

.landing-page ul.step-list > li:before {
    position: absolute;
    left: -2px;
    top: 50%;
    translate: -50% -50%;
    display: block;
    width: 26px;
    height: 26px;
    background-color: #50768E;
    content: "";
    border-radius: 50%;
}

.landing-page ul.step-list > li:nth-child(2n):before {
    background-color: #FF8C00;
}

.landing-page ul.step-list > li:nth-child(3n):before {
    background-color: #d3dde3;
}

.landing-page ul.step-list > li:nth-child(4n):before {
    background-color: #A8BBC7;
}

.landing-page ul.step-list > li:nth-child(5n):before {
    background-color: #2F3238;
}

.landing-page ul.step-list > li > .emphasis:before {
    position: absolute;
    left: 11px;
    top: 50%;
    translate: 0 -50%;
    display: block;
    width: calc(9% - 11px);
    height: 0px;
    border-bottom: 2px dashed black;
    content: "";
}

.landing-page .block-list {
    display: flex;
    max-width: 1200px;
    gap: 10px;
    width: 100%;
    align-items: stretch;
}

.landing-page .block-list > div {
    background: #EEF1F3;
    flex: 1;
}

.landing-page .block-list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.landing-page .block-list > div > div:nth-child(2){
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 65px);
    justify-content: center;
}

.landing-page .block-list h4 {
    padding: 20px 10px;
    margin: 0;
    text-align: center;
}

.landing-page .block-list p {
    text-align: center;
}

.landing-page .screenshot-step {
    max-width: 1200px;
    display: flex;
    margin: 60px auto;
    width: calc(100% - 10px);
    align-items: center;
    gap: 10px;
}

.landing-page .screenshot-step:nth-child(odd) {
    flex-direction: row-reverse;
}


.landing-page .screenshot-step img {
    flex: 1;
    object-fit: contain;
    max-height: 300px;
    max-width: 100%;
}

.landing-page .screenshot-step > div {
    flex: 1;
}

.landing-page .screenshot-step p {
    margin: 10px;
}

.landing-page .step-no {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
}











@media screen and (max-width: 820px) {
    .landing-page .white-container,
    .landing-page .frame-container {
        flex-direction: column !important;
        padding: 0;
    }
    
    .landing-page .white-container .white-container-img {
        padding-top: 40px;
    }

    .landing-page .frame-container>img {
        max-width: 90%;
        margin-bottom: -50px;
    }

    .landing-page .frame-container div {
        position: relative;
        width: 90%;
        margin-left: 10%;
    }

    .landing-page .frame-container div h3.frame-trans {
        position: relative;
        left: 0;
        text-shadow: none;
    }

    .landing-page .white-container .white-container-txt {
        padding: 60px;
    }

    .landing-page .screenshot-step img {
        max-width: 463px;
    }
}









@media screen and (max-width: 480px) {
    .landing-page p,
    .landing-page li,
    .landing-page h4 {
        font-size: 1em;
        line-height: 1.5em;
    }

    .landing-page .banner-full-width,
    .landing-page .banner-full-width.dark-banner {
        height: 200px;
        margin-bottom: 0;
    }

    .landing-page .banner-full-width h1 {
        font-size: 2.5em;
        line-height: 1em;
        top: 50%;
        bottom: auto;
        translate: -50% -50%;
        margin: 0 5px
        padding: 5px;
    }


    .landing-page .white-container .white-container-img h2 {
        font-size: 2em;
        line-height: 1em;
    }

    .landing-page .white-container .white-container-img {
        min-height: 150px;
        width: 100%;
    }
    
    .landing-page .white-container .white-container-img.overflowing-img {
    margin-top: 25px;
    }

    .landing-page .white-container .white-container-img.overflowing-img img {
        width: 100%;
    }

    .landing-page .frame-container div h3,
    .landing-page .white-container div h3,
    .landing-page h3 {
        font-size: 1.5em;
        line-height: 1em
    }

    .landing-page h2 {
        font-size: 2.25em;
        line-height: 1em;
    }

    .landing-page .banner-full-width.dark-banner h1 {
        text-align: center;
        padding: 10px;
    }

    .landing-page .white-container,
    .landing-page .white-container.white-container-right {
        flex-direction: column;
    }

    .landing-page .white-container .white-container-img img {
        height: 150px;
    }

    .landing-page .white-container .white-container-txt {
        padding: 20px 10px;
    }

    .landing-page .frame-container {
        flex-direction: column;
        padding: 0;
        align-items: center;
    }

    .landing-page .frame-container>img {
        max-width: 100%;
    }

    .landing-page .frame-container div {
        position: relative;
        width: 90%;
        padding: 20px;
        margin-top: -30px
    }

    .landing-page .frame-container div h3 {
        margin-bottom: 20px;
    }

    .landing-page .frame-container.frame-right {
        flex-direction: column-reverse;
        padding: 0;
        align-items: center;

    }

    .landing-page .frame-container.frame-right:has(.frame-trans) {
        padding-top: 60px;
    }

    .landing-page .frame-container.frame-right div {
        margin: 0 0 -30px;
    }

    .landing-page .icon-container {
        flex-direction: column;
    }

    .landing-page .icon-container>div {
        display: flex;
        align-items: center;
    }

    .landing-page .icon-container.icon-container-list > div {
        flex-direction: row;
        justify-content: stretch;
    }

    .landing-page .icon-container.icon-container-list > div img {
        width: 20%;
        padding: 0;
    }

    .landing-page .icon-container>div img {
        width: 50%;
        height: auto;
        margin: 0 2.5%;
        padding: 20px;
    }

    .landing-page .icon-container>div p {
        flex: 4;
        font-size: 1em;
        text-align: left;
        margin: 0;

    }
    .landing-page ul.step-list {
        padding-inline: 20px
    }

    .landing-page .block-list {
        flex-direction: column;
    }

    .landing-page .screenshot-step {
        flex-direction: column !important;
    }

    .landing-page .step-no {
        font-size: 1.5em;
    }
}

/*---------------------------------------------------------------------------------------------------------- FOOTER -----------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	footer .container {
		padding: 80px 20px 30px;
		text-align: center;
	}
	.footer-bottom .pull-left.footer-left,
	.footer-bottom .pull-right.footer-right {
		padding-top: 12px;
		float: none !important;
	}
	.default-footer {
		margin-bottom: 20px;
	}
	
	.footer-bottom {
	    margin-bottom: 50px;
	}
}

@media screen and (max-width: 700px) {
    .item-product-box.list-group-item {
        width: 100% !important;
    }
}


/*---------------------------------------------------------------------------------------------------------- AJUSTEMENTS -----------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 480px) {
	.form-product .navbar .navbar-form li {
		width: 100%;
	}
	.row-submit .btn {
		width: 100%;
		margin-bottom: 5px;
	}
	.widget-nav-profile .seller-profile__nav-mobile {
		overflow: scroll;
		justify-content: inherit !important;
		scrollbar-width: none;
	}
	.widget-nav-profile .seller-profile__nav-mobile::-webkit-scrollbar {
		display: none;
	}
	.accordion.boxed {
		padding: 0 20px;
	}
	.accordion.boxed .card-header button {
		font-size: 23px;
	}
	.page-404 h1 {
		font-size: 100px;
		margin-bottom: 40px;
	}
	.shortcut-widget {
	    flex-direction: column;
	}
	.shortcut-box:hover {
	    transform: scale(1,1.1);
	    margin: 15px 5px;
	}
	.widget-block-banner-slider .item .item-title {
	    font-size: 25px !important;
	}
	.carousel-indicators {
	    display: none;
	}
	.hidden.item-link {
        position: absolute;
        bottom: 0;
        width: 100%;
	}
    .text-box-widget .text-box-title h2 {
        font-size: 25px;
    }
    .menu-guide {
        flex-basis: 100% !important;
    }
}

@media only screen and (max-width: 630px) {
	#content .pull-left:nth-child(4),
	#content .pull-right:nth-child(5),
	#content .pull-right:nth-child(5) .btn {
		width: 100%;
	}
	.widget-product-box .btn-access-product .btn {
	    left: auto;
	    bottom: 32px;
	    right: 13px;
	}
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media screen and (max-width: 900px) {
    .user_type_seller #content {
        max-width: 100%
    }
    .btn-group.btn-group-create-contract.open {
    	position: inherit;
    }
    .btn-group.btn-group-create-contract.open .dropdown-menu {
    	position: absolute;
    	top: 2px;
    	left: 130px;
    }
    .btn-group.btn-group-create-contract.open .dropdown-menu li a {
    	padding: 4px;
    }
    #product-delivery-form .row.well:first-child {
    	display: none;
    }
    html[lang="fr"] #product-delivery-form .form-group .col-md-4 .field-text::before {
    	content: "Poids brut (Kg/Variante)";
    }
    html[lang="fr"] #product-delivery-form .form-group .col-md-2:nth-child(2) .field-text::before {
    	content: "Hauteur (cm)";
    }
    html[lang="fr"] #product-delivery-form .form-group .col-md-2:nth-child(3) .field-text::before {
    	content: "Largeur (cm)";
    }
    html[lang="fr"] #product-delivery-form .form-group .col-md-2:nth-child(4) .field-text::before {
    	content: "Profondeur (cm)";
    }
        html[lang="en"] #product-delivery-form .form-group .col-md-4 .field-text::before {
    	content: "Gross weight (Kg/Variant)";
    }
    html[lang="en"] #product-delivery-form .form-group .col-md-2:nth-child(2) .field-text::before {
    	content: "Height (cm)";
    }
    html[lang="en"] #product-delivery-form .form-group .col-md-2:nth-child(3) .field-text::before {
    	content: "Width (cm)";
    }
    html[lang="en"] #product-delivery-form .form-group .col-md-2:nth-child(4) .field-text::before {
    	content: "Depth (cm)";
    }
    .widget-product .add-to-tender.open .dropdown-menu {
	    width: 100%;
    }
	#product-properties-form .uppler-property-values.collection-container {
		margin-top: 20px;
	}
	.register .col-md-offset-4 {
		margin-left: 0;
	}
	.register .col-md-4 {
		width: 100%;
	}
	.widget-action {
		overflow: scroll;
		scrollbar-width: none;
		margin-bottom: 40px;
	}
	.user-edit-page .row-submit .pull-right {
    	float: none !important;
    }
    .user-edit-page .row-submit .btn {
    	width: 100%;
    	margin-bottom: 5px;
    }
	.user-edit-page .widget-action .pull-right {
    	display: flex;
    }
	.shop .widget-action {
		background: linear-gradient(90deg, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.5032213569021359) 100%);
	}
	.widget-action .pull-left {
		overflow: scroll;
		display: flex;
		justify-content: space-between;
		scrollbar-width: none;
	}
	.widget-action .pull-left::-webkit-scrollbar {
		display: none;
	}
	.widget-action .pull-left a {
		white-space: nowrap;
		overflow: visible;
	}
	.widget-search-action {
		position: relative;
	}
	.widget-search-action .export-block.pull-right {
		position: absolute;
		bottom: 0;
	}
	.widget-invoices .widget-search-action .export-block.pull-right {
    	left: 0;
    }
	.orders-list .widget-search-action .export-block.pull-right {
	    position: inherit;
    }
	.widget-search-action .search-block.pull-right,
	.widget-search-action .search-block.pull-right select,
	.widget-search-action .search-block.pull-right input {
		width: 100%;
		max-width: inherit;
	}
	#dashboard-info-quote-list,
	#dashboard-info-order-list {
		overflow: scroll;
		margin-bottom: 40px;
	}
	#dashboard-info-quote-list li,
	#dashboard-info-order-list li {
		min-width: 120px;
	}
	#dashboard-stat-range-form .form-inline.form-filter,
	.select2.select2-container {
		width: 100% !important;
	}
	#ui-datepicker-div.ui-datepicker {
		top: 136px !important;
		left: 0 !important;
		right: 0 !important;
	}
	.widget-container.widget-order .header .block.block-number {
		white-space: nowrap;
	}
	.widget-order .block .item .option .option-list.field {
		width: auto !important;
	}
	.widget-container.widget-order .order-content .block.block-note {
		margin-bottom: 20px;
	}
	.widget-cart-order .checkoutstart .row {
		display: flex;
	}
	.coupon-block .col-md-6 {
		width: 50%;
	}
	#coupon-code {
		float: left;
	}
	.widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item {
		margin-top: 20px !important;
		margin-right: 10px !important;
		width: 50px !important;
	}
	.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .btn.btn-collapse-items {
		margin-right: 0;
	}
	.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 {
		width: 45%;
	}
	.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .cart_continous_to {
		display: none;
	}
	.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .widget-company-thumb .info-block .title {
		margin: 10px 0 0 0px;
	}
	.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 #uppler_shop_cart_orders_0_checkoutStart {
		margin: 15px 10px 0 0;
	}
	.widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 {
		width: 55%;
		padding: 6px 0 0 15px;
	}
	.widget-cart-order .checkoutstart .row {
		display: flex;
	}
	.widget-cart .widget-container.boxed {
		padding: 0;
	}
	.widget-cart .widget-container.boxed .widget-title {
		margin-top: 20px;
	}
	.page-Homepage.seller .widget-container {
		height: max-content;
	}
	.product-form-container .btn-group-vertical {
		float: none !important;
	}
	#product-form #product-form-sidebar {
		margin-top: 0;
	}
	.field-checkbox:not(.text-center) .label-title {
		float: none;
	}
	.form-product #product-category-form .taxon-tree-form .field-checkbox {
		margin-bottom: 5px;
	}
	.widget-nav-profile.hide-header .nav {
		display: flex !important;
		overflow: scroll;
		flex-direction: row !important;
		scrollbar-width: none;
		justify-content: space-between;
	}
	.product-form-container .btn-group-vertical {
		margin-left: 0 !important;
	}
	#form-product-inventory #variant-inventory-form,
	#form-product-inventory #filtered-variants-form {
		overflow-x: auto;
	}
	.checkbox.has-sample .field-text {
		display: flex;
	}
	.checkbox.has-sample .field-text input {
		margin-left: 0;
	}
	.wishlist-box-left .header .block-header.editable .col-md-3.text-right {
		text-align: left;
	}
	.row.wishlist-tags {
		display: none;
	}
	.widget-wishlist-order .wishlist-items .item {
		padding: 10px;
		position: relative;
	}
	.widget-wishlist-order .wishlist-items .item .row .wishlist-unitPrice-and-input .col-xs-1,
	.widget-wishlist-order .wishlist-items .item .row .col-xs-2 {
		width: 100%;
		text-align: left;
	}
	.widget-wishlist-order .wishlist-items .item .row .item-col-delete.pull-right {
		position: absolute;
		right: 0;
	}
	.widget-wishlist-order .wishlist-items .item .row .item-col-delete.pull-right .btn.btn-danger.btn-notext {
		width: 55px !important;
	}
	.widget-wishlist-order .wishlist-items .item .row .wishlist-unitPrice-and-input .col-xs-1 input {
		width: 65px;
	}
	.messages-global .pull-left {
		width: 100%;
	}
	.widget-search-action.widget-search-action-message .search-block.pull-right {
		float: none !important;
	}
	.widget-search-action.widget-search-action-message .search-block.pull-right ul li {
		margin-top: 20px;
	}
	.widget-search-action.widget-search-action-message .search-block.pull-right ul li:nth-child(2) {
		float: left !important;
		width: 80%;
		margin-left: 0;
	}
	.pull-left .new-message {
		width: 100% !important;
		margin-bottom: 10px;
	}
	#form-thread .row-submit .btn {
		width: 100%;
		margin-bottom: 10px;
	}
	#confirmation-modal .modal-dialog {
		width: 90%;
	}
	.widget-action .btn {
		white-space: nowrap;
		overflow: visible;
	}
	.widget-action::-webkit-scrollbar {
		display: none;
	}
	.widget-container.widget-comment .widget-title {
		line-height: inherit !important;
	}
	.widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .info-block a {
		padding-right: 50px;
	}
	.page-Homepage.seller h1 {
		font-size: 30px;
		margin-top: 30px;
		line-height: 46px;
	}
	.page-Homepage.seller h2.more-title {
		font-size: 24px;
		margin: 30px 0 20px;
	}
	.form-product .btn-submit,
	.form-product .btn-cancel {
		white-space: nowrap;
		width: 100%;
		padding: 14px 30px;
		margin-bottom: 15px;
		margin-right: 5px;
	}
	#filtered-variants-form {
		overflow: scroll;
	}
	#filtered-variants-form input {
		width: initial;
	}
	.tenders-list .container-global {
		padding-top: 20px !important;
	}
	.widget-action.widget-search-header .pull-right.search-filter-tags,
	.widget-action.widget-search-header .pull-right.search-list-choice .btn-group.radio,
	.widget-action.widget-search-header .pull-left {
		height: inherit;
	}
	.accordion.boxed .card-body-3 {
		padding: 0;
	}
	.dynamic-entity-box {
		width: 100%;
		margin: 0 0 36px;
	}
	.dynamic-view .image img,
	.dynamic-view .image2 img,
	.dynamic-view .image3 img,
	.dynamic-view .image4 img {
		max-width: 100%;
	}
	.blog-show .value {
		text-align: justify;
	}
	.dynamic-blog h1 {
		margin-left: 0;
		padding-left: 0;
	}
	.dynamic-entity-list-filters {
		padding: 20px 0;
	}
	.dynamic-view #content .blog-show {
		padding: 50px 20px;
	}
	.dynamic-view iframe {
		width: 100%;
	}
	.widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-delete {
		position: inherit;
	}
	.widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-item-label {
		display: block;
	}
	.widget-cart .widget-container.boxed .order-container .items-container .item .row .col-xs-1.item-col-text.text-right.cart-unitPrice.cart-unit-price,
	.widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-input-quantity,
	.widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-text.text-right,
	.widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-text.text-right .cart-totalItem.cart-total-item {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
		align-items: center;
	}
	header .navbar-nav>li>a {
        padding: 20px 10px;
	}
	header .header-content {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto;
        z-index: 100;
        background: #2F3238;
        display: flex !important;
	    box-shadow: 0 1px 15px #000000aa;
	}
	header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-mega, header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-default, header .access-cart-wrap {
        margin: 10px;
        height: fit-content;
	    display: inherit;
	}
	header .navbar-collapse.in .menu-template-mega>li {
	    border-top: 0px;
        border-radius: 10px;
        overflow: hidden;
	}
	.order-show-page .order-container .order-content .item-total .widget-order__product-variant-mobile:first-child {
	display: flex;
	align-items: center;
    }
    .order-show-page .order-container .order-content .item-total .variant:first-child .total {
    	margin: 0;
    }
    .shortcut-widget {
        flex-wrap: wrap;
    }
    .shortcut-box:hover {
	    transform: scale(1.1,1);
	    margin: 5px 15px;
	}
	#widget-block-join-oteplace .item,
	.text-box-widget {
	    flex-direction: column;
	}
    .text-box-widget .text-box-title {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .text-box-widget .text-box-content {
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .user_type_seller header .hidden-nav {
    	display: initial;
    }
    .user_type_seller header .notification-wrap {
    	margin-right: 30px;
    }
    .user_type_seller header .brand-wrap .hidden-nav {
    	position: absolute;
    	right: 0;
    	top: 15px;
    }
    .user_type_seller header .menu-wrap .navbar-toggle {
    	display: none;
    }

}
@media only screen and (max-width: 767px) {
	.widget-action.widget-search-header.is-mobile {
		display: none;
	}
    #product-form #promotion .btn.btn-success {
    	width: 100%;
    }
    
    .search-filter__btn_mobile {
		position: fixed;
		left: 0;
		bottom: 0;
		margin: 0;
		width: 100%;
		z-index: 12;
		display: block;
    }
    
    .quick-menu {
        background: linear-gradient(90deg, #668fa9 0%, #50768e 5%, #50768e 95%, #668fa9 100%);
    }
    
    .search-filter__btn_mobile button {
        border: 2px solid #2f3238;
        color: #2F3238;
        height: 60px;
    }
    
	.widget-search.widget-search-product .list-result-container .filter {
		display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 11 !important;
        background: #000a;
        padding: 5% 5% 80px;
	}
	
	.filter .widget-search-filter {
	    height: 100%;
	    overflow-y: scroll;
	}
	
	#product-form #promotion .btn.btn-success {
    	margin-bottom: 5px;
    }
    .widget-dispute form[name="order-dispute-form"] thead {
    	display: none;
    }
    .widget-dispute form[name="order-dispute-form"] tbody tr {
    	display: flex;
    	flex-direction: column;
    }
    .widget-dispute form[name="order-dispute-form"] .dispute-container {
    	width: 100%;
    }
    .widget-dispute form[name="order-dispute-form"] .dispute-container .field {
    	text-align: left;
    }
    .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2) {
    	display: flex;
        justify-content: space-between;
    }
    .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2) .field-text {
    	width: 80px;
    }
    .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment::before,
    .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2)::before {
    	font-weight: bold;
    	float: left;
    }
    html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2)::before {
    	content: "Quantité en litige :";
    }
    html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(3)::before {
    	content: "Quantité de la commande :";
    }
    html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(4)::before {
    	content: "Prix unitaire H.T :";
    }
    html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(5)::before {
    	content: "Total :";
    }
    html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2)::before {
    	content: "Dispute Quantity :";
    }
    html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(3)::before {
    	content: "Order Quantity :";
    }
    html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(4)::before {
    	content: "Unit price :";
    }
    html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(5)::before {
    	content: "Total excl tax :";
    }
    #form-product-properties #product-properties-form .input-group {
    	display: flex;
    	flex-direction: column;
    }
    #form-product-properties #product-properties-form .input-group .input-group-addon,
    #form-product-properties #product-properties-form .input-group .autocomplete-property {
    	width: 100%;
    	border-radius: 5px;
    }
    
        .register .widget-register {
	width: 100%;
    }
    
    header .menu-template-mega .dropdown-menu {
        top: auto;
    }
    
    .page-cart-summary input.autocomplete-name-product.form-control {
        margin-bottom: 10px;
    }
    .widget-box {
	    flex-basis: 45%;
	}
	.widget-block-banner-slider .item .item-title {
        padding: 20px 50px 0;
        line-height: unset;
        font-size: 40px;
	}
	    .carousel {
    }
        header .navbar-nav>.language-manager>a {
        padding: 12px 10px;
    }
    header .language-manager .dropdown-menu {
        right: -10px;
    }
    .menu-guide {
        flex-basis: 80%;
    }
    header .menu-wrap .navbar-nav > li > a {
        background: #50768E;
        color: white;
    }
    header .navbar-collapse li a {
        padding: 10px 8px !important;
    }
    h1 {
        font-size: 28px;
        line-height: normal;
    }
}

@media (min-width: 767px) and (max-width: 900px) {
    .product-info #form-product-cart .widget-select-option .table tbody .variant-row {
    	display: flex;
    	flex-direction: column;
    }
    .product-info #form-product-cart .widget-select-option .table tbody .variant-input input {
    	margin-left: 0;
    }
    .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn-invite {
    	max-width: 50px;
    	overflow: hidden;
    	text-align: left;
    	justify-content: left;
    	min-width: inherit;
    }
    .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn.btn-invite .fa {
    	margin: 0px 20px 0 5px;
    }
    header .header-buyer .language-manager.dropdown {
    }
    
    header .access-wrap,
	.user_type_buyer header .access-wrap .navbar-toggle,
	.user_type_buyer header .cart-wrap .cart-menu a.link {
		position: inherit;
	}
	header .access-wrap #sidebar {
    	display: none;
    	left: 0px;
    	right: 0px;
    	top: 100%;
    	min-height: auto;
    }
    
    header .menu-template-mega .dropdown-menu {
        width: 60% !important;
        right: 20%;
    }
    
        .register .widget-register {
	width: 80%;
    }

}
@media only screen and (max-width: 855px) {
    .product-add-to-comparator .search-product-comparator {
    	width: 100% !important;
    }
}
@media (min-width: 914px) and (max-width: 953px) {
    .widget-block-title {
    	margin: 0px 20px 25px 0;
    }
}
@media (min-width: 901px) and (max-width: 991px) {
    .product-form-container .btn-group-vertical {
    	float: none !important;
    }
}

/* big landscape tablets, laptops, and desktops */
@media only screen and (max-width: 1400px) {
    header .access-wrap .navbar-toggle .fa {
		display: block;
	}
	header .access-wrap .navbar-toggle .account-text,
    .user_type_buyer header .cart-wrap .cart-menu a.link .cart-content {
		display: none;
	}
	
	header .searchbar-wrap {
        padding: 0 5px;
    }
    header .access-wrap .navbar-toggle, header .cart-wrap .cart-menu a.link {
       padding: 17px 10px;
    }
}
@media only screen and (max-width: 1175px) {

    .product-comparator-wrapper .product-add-to-comparator .search-container.pull-left {
    	margin-top: 50px;
    	margin-bottom: 30px;
    	width: 100%;
    }
    .product-comparator-wrapper .product-add-to-comparator .form-label {
    	margin: 15px 15px 15px 0;
    }
    .product-add-to-comparator .search-product-comparator {
    	width: 50%;
    }
    .product-comparator-wrapper .delete-action-form {
    	position: absolute;
    	left: 10px;
    	top: 2px;
    }
}