/*
Theme Name: Mat-Machine.eu Genesis Child Theme
Theme URI:
Template: genesis
Author: Wishmaster
Author URI: https://www.agile4software.pl
Description: mat-machine.eu Child Theme
*/

@font-face
{
    font-display:swap;
    font-family:Lexend-Regular;
    src:url(fonts/Lexend-Regular.ttf);
}

@font-face
{
    font-display:swap;
    font-family:Lexend-Bold;
    src: url(fonts/Lexend-Bold.ttf);
}

@font-face
{
    font-display:swap;
    font-family:Lexend-Black;
    src: url(fonts/Lexend-Black.ttf);
}

@font-face
{
    font-display:swap;
    font-family:Lexend-Light;
    src: url(fonts/Lexend-Light.ttf);
}

@font-face
{
    font-family:Tomorrow-Regular;
    src: url(fonts/Tomorrow-Regular.ttf);
    font-weight:500;
}

@font-face
{
    font-family:Tomorrow-Bold;
    src: url(fonts/Tomorrow-Bold.ttf);
}

:root
{
    --min-width-container-800:800px;
    --min-width-container-1024:1024px;
    --min-width-wrapper:1340px;
    --max-width-wrapper:1550px;
    --max-width-container:1920px;
    --max-full-width-container:2560px;

    --color-link:#0ea3f9;
    --color-link-hover:#1a87fb;

    --color-menu-link:#0ea3f9;
    --color-menu-link-hover:#1a87fb;


    --color-main-text:#fff;
    --color-main-text2:#0a0a0a;
    --color-main-text3:#2b2b2b;
    --color-main-text4:#0ea3f9;
    --color-main-text5:#016ad5;
    --color-main-text-yellow:#ffca18;
    --color-main-text6:#1297f0;
    --color-main-text7:#777778;
    --color-main-text8:#8D8D8D;
    --color-main-text9:#b2b2b2;

    --color-main-bgk:#fff;
    --color-main-bgk1:#f4f5f5;
    --color-main-bgk2:#f5f6f6;
    --color-main-bgk3:#0ea3f9;
    --color-main-bgk4:#f3f3f3;
    --color-main-bgk5:#e0e8ec;
    --color-main-bgk6:#1298f0;
    --color-main-bgk7:#eaeaea;
    --color-main-bgk8:#fafafa;
    --color-main-bgk9:#f2f2f2;
    --color-main-bgk10:#fdfdfd;


    --color-border1:#c0a174;
    --color-border2:#19657f;
    --color-border3:#1987fa;

    --color-breadcrumbs-text:#747474;
    --color-breadcrumbs-link-hover:#01758e;

    --color-err:#C90A40FF;

    --color-button1:#0ea3f9;
    --color-button1-hover:#fff;
    --color-button1-border:#0ea3f9;
    --color-button1-border-hover:#0ea3f9;
    --color-button1-text:#fff;
    --color-button1-text-hover:#0ea3f9;

    --color-button2:#fff;
    --color-button2-hover:#0ea3f9;
    --color-button2-border:#fff;
    --color-button2-border-hover:#fff;
    --color-button2-text:#0ea3f9;
    --color-button2-text-hover:#fff;

    --color-button3:#fff;
    --color-button3-hover:#4e4747;
    --color-button3-border:#4e4747;
    --color-button3-border-hover:#f4f0ed;
    --color-button3-text:#4e4747;
    --color-button3-text-hover:#fff;
}

#wpadminbar
{
    display: none;
}

/* Pokaż #wpadminbar tylko dla strony z klasą .wp-admin */
.wp-admin #wpadminbar
{
    display: block;
}

html, body
{
    font-family:Lexend-Light, sans-serif;
    font-size:16px !important;
    line-height:normal !important;
    background-color:var(--color-main-bgk);
    margin:0 !important;
}

body
{
    overflow-x:hidden;
}

.animate__delay-0-5s { animation-delay:500ms !important; }
.animate__delay-1-5s { animation-delay:1500ms !important; }
.animate__delay-2-5s { animation-delay:2500ms !important; }

.swiper-container img
{
    will-change:transform;
    animation:scale3D_swiper 45s ease-in infinite;
    animation-direction:alternate;
    width:100%;
    object-fit:cover;
    object-position:top;
}

.swiper-container-30 img
{
    animation-duration:30s
}

@-webkit-keyframes scale_swiper
{
    from
    {
        transform: scale(1.1);
        -ms-transform: scale(0.9); /* IE 9 */
        -webkit-transform: scale(0.9); /* Safari and Chrome */
        -o-transform: scale(0.9); /* Opera */
        -moz-transform: scale(1.1); /* Firefox */
    }
    to
    {
        transform: scale(1.0);
        -ms-transform: scale(1.0); /* IE 9 */
        -webkit-transform: scale(1.0); /* Safari and Chrome */
        -o-transform: scale(1.0); /* Opera */
        -moz-transform: scale(1.0); /* Firefox */
    }
}

@-webkit-keyframes scale3D_swiper
{
    50%
    {
        transform: scale3d(1.1, 1.1, 1.1) /*translate3d(-190px, -120px, 0px);*/
    }
    100%
    {
        transform: scale3d(1.0, 1.0, 1.0) /*translate3d(-190px, -120px, 0px);*/
    }
}

button:focus { outline:0; }

p, h1, h2, h3 { padding:0px; }
p, h1, h2, h3 { margin:0px; }

.clearfix::after
{
    content:"";
    display:table;
    clear:both;
}

.loading-spinner
{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background-size:cover;
    background:transparent url("/wp-content/uploads/2023/10/loading_spinner.svg") no-repeat center;
    width:157px;
    height:157px;
    z-index:100000;
}
.loading-spinner.show { display:block !important; }


.loader
{
      width: 48px;
      height: 48px;
      border-radius: 50%;
      position: relative;
      animation: rotate 1s linear infinite
}
.loader::before
{
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #FFF;
  background-color: var(--color-main-text5);
  animation: prixClipFix 2s linear infinite ;
}

@keyframes rotate
{
    100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix
{
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

.noscroll { overflow:hidden !important; }

.disabled
{
    cursor:none !important;
    pointer-events: none !important;
    background-color:rgba(0,0,0,0.45);
}

.disabled_nobkg
{
    cursor:none !important;
    pointer-events: none !important;
}

.disabled_now
{
    cursor:none !important;
    pointer-events: none !important;
    opacity:0.45;
}

.hidden { display:none !important; }
.mobile-only { display:none !important; }

.gradient-radial-white-gray
{
    background:linear-gradient(-14deg, rgb(255,255,255) 0%, rgb(232,235,238) 100%);
}

.gradient-linear-darkblue-blue
{
    background: linear-gradient(-90deg, rgb(1,80,161) 0%, rgb(31,114,200) 100%);
}

.gradient-linear-main-aboutme
{
    background: linear-gradient(-90deg, rgb(233,234,238) 0%, rgb(235,236,240) 100%);
}

.gradient-white-to-darkergray
{
    background:rgb(255,255,255);
    background:linear-gradient(159deg, rgba(255,255,255,1) 30%, rgba(208,207,207,1) 100%);
}

.gradient-blue-to-darkerblue
{
    background: rgb(22,160,239);
    background: linear-gradient(190deg, rgba(22,160,239,1) 43%, rgba(3,116,243,1) 96%);
}

/***************************************  BUTTONS  ***************************************/
.my-button
{
    position:relative;
    display:flex;
    flex-flow:row;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:280px;
    height:64px;
    text-transform:uppercase;
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:1.25rem;
    letter-spacing:0.9px;
    text-decoration:none;
    cursor:pointer;
    border-radius:7px;
    transition:all ease-out 450ms;
}

.my-button-blue
{
    color:var(--color-button1-text);
    background-color:var(--color-button1);
    border:solid 2px var(--color-button1-border);
}
.my-button-blue:hover
{
    color:var(--color-button1-text-hover);
    background-color:var(--color-button1-hover);
    border:solid 2px var(--color-button1-border-hover);
}

.my-button-white
{
    color:var(--color-button2-text);
    background-color:var(--color-button2);
    border:solid 2px var(--color-button2-border);
}
.my-button-white:hover
{
    color:var(--color-button2-text-hover);
    background-color:var(--color-button2-hover);
    border:solid 2px var(--color-button2-border-hover);
}

.wrapper-1024,
.min-wrapper,
.wrapper-container,
.header-wrapper,
.wrapper
{
    position:relative;
    display:flex;
    box-sizing:border-box;
    flex-flow:wrap;
    justify-content:space-between;
    width:auto;
    flex-grow:1;
    max-width:var(--min-width-wrapper);
    height:auto;
    margin:2rem auto;
    padding:0;
}
.header-wrapper
{
    align-items:center;
    margin:0;
}

.wrapper-container
{
    width:var(--max-width-container);
}

.min-wrapper
{
    margin:0 auto;
    width:var(--min-width-wrapper);
}

.wrapper-1024
{
    margin:0 auto;
    width:var(--min-width-container-1024);
}

.wrapper-800
{
    margin:0 auto;
    width:var(--min-width-container-800);
}

.max-width-container
{
    margin:0 auto;
    width:var(--max-width-container);
}

.mon_scale_1_2:hover
{
    transform:scale(1.2);
}

/******************************  MSG POPUP  ************************************/
#msg-overlay .page-overlay-content { max-height:300px;}

#msg-overlay .overlay-content-msg
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:1.35rem;
    letter-spacing:0.15px;
    margin:3rem 1rem;
    text-align:center;
}

#msg-overlay .overlay-content-msg .error-msg
{
    color:#9d1c1f;
    font-weight:500;
}

#msg-overlay .overlay-content-question { display:none; }

#msg-overlay .action-overlay-bt
{
    max-width:100px;
    align-self:center;
}

/******************************  Page Overlay  ************************************/
.page-overlay
{
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(33, 54, 97, 0.85);
    z-index:100000;
    overflow:hidden;
}

.page-overlay-content
{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    padding:20px 25px;
    border-radius:5px;
    width:100%;
    max-width:620px;
    height:100%;
    background-color:#fff;
    -webkit-box-shadow: 1px 1px 12px 5px rgba(0,0,0,0.55);
    box-shadow: 1px 1px 12px 5px rgba(0,0,0,0.55);
}
.page-overlay-content-inner
{
    position:relative;
    display:flex;
    flex-flow:column;
    justify-content:center;
    height:100%;
    width:100%;
}

.page-overlay-content p { margin:0; }

.page-overlay-content .overlay-content-title
{
    position:relative;
    padding:35px 0 25px;
    font-family:montserrat-bold;
    font-size:1.1875rem;
    font-weight:bold;
    line-height: 1.89;
    letter-spacing: 0.38px;
    color: var(--color-main-text);
    text-align: center;
}

.page-overlay-content .overlay-error-info
{
    display:none;
    padding:5px 0 10px;
    font-family:montserrat-medium;
    font-size:1rem;
    font-weight:500;
    letter-spacing:0.38px;
    color:var(--color-link);
    text-align:center;
}

.page-overlay-content.errors .overlay-error-info { display:block; }

.close-overlay-bt
{
    position:absolute;
    /*top:10px;*/
    top:-0.8rem;
    right:-1rem;
    padding:15px;
    animation:spin_out 280ms ease-out;
    z-index:2;
}
.close-overlay-bt.spin { animation:spin 380ms ease-in; }

@-moz-keyframes spin { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(90deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }

@-moz-keyframes spin_out { 100% { -moz-transform: rotate(-90deg); } }
@-webkit-keyframes spin_out { 100% { -webkit-transform: rotate(-90deg); } }
@keyframes spin_out { 100% { -webkit-transform: rotate(-90deg); transform:rotate(-90deg); } }

.close-img
{
    display:block;
    width:25px;
    height:25px;
}

/******************************  SLICKNAV MENU  ******************************/
.slicknav_menu { border-bottom:2px solid var(--color-main-bgk3); }
.slicknav_menu .slicknav_btn { margin: 8px 8px 6px 0.3rem; }
.slicknav_menu .slicknav-flex
{
    justify-content:space-between;
    align-items:center;
}

.slicknav_nav { margin:0.5rem 0px 1rem !important; }
.slicknav_nav .menu-item a { font-family:Lato-Regular; }
.slicknav_nav .menu-item a:hover { color:var(--color-main-text2) !important; }

/***************************************  HEADER  ***************************************/
.site-header
{
    position: fixed;
    top:0;
    left:0;
    z-index:3000;
    display:flex;
    flex-flow:column;
    justify-items:auto;
    width:100%;
    height:100px;
}

/***************************************  DESKTOP HEADER CONTAINER  ***************************************/
.desktop-header-container
{
    display:flex;
    flex-flow:wrap;
    justify-content:center;
    align-items:center;
    z-index:2000;
    background-color:transparent;
    width:100%;
    height:100px;
    transition:all ease 300ms;
}

.desktop-header-container.desktop-only.catchSticky
{
    top:0 !important;
    padding:0;
    -webkit-box-shadow: 0px 4px 12px 1px rgba(9,65,84,0.17);
    background-color:var(--color-main-bgk);
    width:100% !important;
    height:100px;
    z-index:2000;
}

.desktop-header-container.desktop-only .main-logo-img
{
    width:100%;
    max-width:290px;
    height:100%;
    max-height:60px;
}


.desktop-header-container.desktop-only .main-logo-img.non-catchSticky
{
    display:flex;
}

.no_home_page .desktop-header-container.desktop-only .main-logo-img.non-catchSticky
{
    display:none;
}

.desktop-header-container.desktop-only.catchSticky .main-logo-img.non-catchSticky
{
    display:none !important;
}

.desktop-header-container.desktop-only .main-logo-img.h-catchSticky
{
    display:none !important;
    /*max-width:249px;*/
    /*max-height:65px;*/
}

.no_home_page .desktop-header-container.desktop-only .main-logo-img.h-catchSticky,
.desktop-header-container.desktop-only.catchSticky .main-logo-img.h-catchSticky
{
    display:flex !important;

}

/***************************************  HEADER LOGO  ***************************************/
.main-logo-container
{
    display:flex;
    flex-flow:wrap;
    width:auto;
    flex-grow:0;
}

/***************************************  MAIN MENU  ***************************************/
.main-menu-container
{
    display:flex;
    flex-flow:wrap;
    justify-content:right;
    align-items:center;
    width:auto;
    flex-grow:0;
    height:100px;
}
.main-menu-container * { display:flex; position:relative; }

.nav-primary
{
    flex-flow:wrap;
    justify-content:flex-start;
    width:auto;
    height:min-content;
    margin-top:1rem;
}

.nav-primary .menu-primary
{
    width:100%;
    margin:0;
    padding:0;
}

.nav-primary .menu-primary .menu-item
{
    margin-left:3rem;
}
.nav-primary .menu-primary .menu-item:first-child { margin:0; }

.nav-primary .menu-primary .menu-item a
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:1.25rem;
    color:var(--color-menu-link);
    text-decoration:none;
    text-transform:uppercase;
    padding-bottom:2px;
    border-bottom:2px solid transparent;
}

.no_home_page  .nav-primary .menu-primary .menu-item a
{
    color:var(--color-menu-link);
}

.nav-primary .menu-primary .menu-item a:hover
{
    border-bottom:2px solid var(--color-menu-link);
}

.no_home_page .nav-primary .menu-primary .menu-item a:hover
{
    border-bottom:2px solid var(--color-menu-link);
}

/*.no_home_page .desktop-header-container.catchSticky .nav-primary .menu-primary .menu-item a,*/
.desktop-header-container.catchSticky .nav-primary .menu-primary .menu-item a
{
    color:var(--color-menu-link);
}
.desktop-header-container.catchSticky .nav-primary .menu-primary .menu-item a:hover
{
    border-bottom: 2px solid var(--color-menu-link);
}



/********************************  ACTIONS - FACEBOOK, INSTAGRAM ICONS  *******************************/
.main-menu-actions-container
{
    display:flex;
    flex-flow:wrap;
    width:auto;
    flex-grow:0;
}

.main-menu-actions-container .main-social-icon-bt { margin-left:1.5rem; }

.desktop-header-container.desktop-only .main-social-icon.non-catchSticky
{
    display:flex;
}


.no_home_page .desktop-header-container.desktop-only .main-social-icon.non-catchSticky,
.desktop-header-container.desktop-only.catchSticky .main-social-icon.non-catchSticky
{
    display:none !important;
}

.desktop-header-container.desktop-only .main-social-icon.h-catchSticky
{
    display:none !important;
}

.no_home_page .desktop-header-container.desktop-only .main-social-icon.h-catchSticky,
.desktop-header-container.desktop-only.catchSticky .main-social-icon.h-catchSticky
{
    display:flex !important;
}


/********************************  ACTIONS HEADER -   *******************************/
#main-content
{
    position:relative;
    box-sizing:border-box;
    width:100%;
}

/***************************************  HOME PAGE - FIRST CONTAINER CLASS  ***************************************/
.main-home-container,
.main-home-container-inner
{
    display:flex;
    position:relative;
    box-sizing:border-box;
    width:100%;
}

.main-home-container
{
    height:800px;
}

.main-home-container .main-pathway-img
{
    position:absolute;
    width:100%;
    max-width:805px;
    height:100%;
    max-height:678px;
    top:0;
    left:calc(50% + 6rem);
}

.main-home-container-inner
{
    flex-flow:wrap;
    justify-content:space-between;
}

.main-home-container .main-home-content-container
{
    display:flex;
    align-items:center;
    flex-flow:column;
    width:100%;
    max-width:52%;
}

.main-home-container .main-home-content-container-inner
{
    display:flex;
    flex-flow:column;
    justify-content:flex-end;
    width:100%;
    /*max-width:80%;*/
    height:470px;
}

.main-home-container .main-home-slider-container
{
    position:relative;
    width:100%;
    max-width:48%;
}

.main-home-container .main-home-slider-container .swiper
{
    position:relative;
    top:8%;
}

.main-first-container
{
    padding-top:8rem !important;
}

.main-home-h1
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:3rem;
    color:var(--color-main-text2);
    line-height:1.3;
    letter-spacing:0.8px;
}

.main-home-content
{
    max-width:90%;
    margin-top:1.5rem;
    font-family:Lexend-Light;
    font-size:1.125rem;
    color:var(--color-main-text2);
    line-height:1.222;
    letter-spacing:0.05px;
}

.main-home-content p
{
    margin-bottom:1rem;
}

.main-home-container .main-home-actions-container
{
    margin-top:3rem;
    width:100%;
}

/***************************************  HOME PAGE - ABOUT COMPANY  ***************************************/
.aboutcompany-main-container,
.aboutcompany-main-container *
{
    display:flex;
    position:relative;
    box-sizing:border-box;
}
.aboutcompany-main-container
{
    flex-flow:wrap;
    width:100%;
    height:1000px;
    padding:0 0 10rem 0;
}

.aboutcompany-main-container .wrapper { margin-top:0; }

.aboutcompany-main-container .aboutcompany-main-container-inner
{
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
}

.aboutcompany-main-container .amc-tiles-container
{
    top:-4rem;
    width:100%;
    height:230px;
    margin-bottom:3rem;
}

.aboutcompany-main-container .amc-tiles-container-inner
{
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
}

.aboutcompany-main-container .amc-content-container
{
    width:100%;
    max-width:55%;
    height:100%;
    max-height:600px;
    justify-content:end;
    align-items:center;
}

.aboutcompany-main-container .amc-content-container-inner
{
    flex-flow:column;
    width:100%;
    max-width:90%;
}

.aboutcompany-main-container .amc-content,
.aboutcompany-main-container .amc-title-container
{
    width:100%;
}

.aboutcompany-main-container .amc-title-container .amc-title
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:2.875rem;
    color:var(--color-main-text);
    line-height:1.2;
    letter-spacing:1px;
}

.aboutcompany-main-container .amc-content
{
    margin-top:2.5rem;
}

.aboutcompany-main-container .amc-content .amc-content-extratitle
{
    font-family:Lexend-Bold;
    font-size:1.125rem;
    color:var(--color-main-text);
    line-height:1.333;
    letter-spacing:1px;
}

.aboutcompany-main-container .amc-content .amc-content-description
{
    font-family:Lexend-Light;
    font-size:1.0625rem;
    color:var(--color-main-text);
    line-height:1.333;
    letter-spacing:1px;
}

.aboutcompany-main-container .amc-content .amc-content-description p
{
    margin-bottom:1rem;
}

.aboutcompany-main-container .amc-actions-container
{
    margin-top:2.5rem;
    width:100%;
}

.aboutcompany-main-container .amc-image-container
{
    flex-flow:wrap;
    justify-content:flex-end;
    width:100%;
    max-width:45%;

}

/***************************************  HOME PAGE - OFFER TILES  ***************************************/
.offer-tile-item-container
{
    padding:1.5rem 2rem;
    flex-flow:column;
    width:100%;
    max-width:256px;
    height:100%;
    max-height:230px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    text-decoration:none;
    transition:all ease-in-out 0.25s;
}
.offer-tile-item-container-bkg:hover
{
    border:2px solid #0ea3f9;
}

.offer-tile-item-container-bkg
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:2px solid transparent;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    /*background-color:rgba(235, 236, 236, 0.95);*/
    background-color:rgba(244, 245, 245, 0.90);
    box-shadow: inset 0 0  rgba(255, 255, 255, 0.8); /* Wewnętrzny cień w kolorze białym z 80% przezroczystości */
    transition:all ease-in-out 0.25s;
}

.offer-tile-item-container .otic-title-container
{
    flex-flow:wrap;
    justify-content:center;
    align-items:flex-start;
    text-align:center;
    width:100%;
    height:75px;
}

.offer-tile-item-container .otic-title-container .otic-title
{
    word-wrap:break-word;
    font-family:Lexend-Light;
    font-size:1.1rem;
    color:var(--color-main-text5);
    line-height:1.25;
    letter-spacing:1px;
    text-transform:uppercase;
    pointer-events:none;
}

.offer-tile-item-container .otic-image-container
{
    flex-flow:wrap;
    align-items:center;
    justify-content:center;
    width:100%;
    height:140px;
    pointer-events:none;
}

.offer-tile-item-container.other-offers .otic-image-container .offer-tile-item-image
{
    width:100%;
    height:100%;
    max-width:92px;
    max-height:80px;
    object-fit:contain;
    pointer-events:none;
}

.offer-tile-item-container.transport .otic-image-container .offer-tile-item-image,
.offer-tile-item-container.basket-lifts .otic-image-container .offer-tile-item-image
{
    top:0.5rem;
}

.offer-tile-item-container.cranes .otic-image-container .offer-tile-item-image
{
    top:-0.4rem;
}

/***************************************  HOME PAGE - ABOUT COMPANY  ***************************************/
.offer-main-container,
.offer-main-container *
{
    display:flex;
    position:relative;
    box-sizing:border-box;
}
.offer-main-container
{
    flex-flow:column;
    width:100%;
    height:100%;
    max-height:1800px;
    padding:8rem 3rem;
}

.offer-main-container .wrapper { margin-top:0; }

.offer-main-container .offer-main-container-inner
{
    flex-flow:column;
    width:100%;
}

.offer-main-container .omc-content-container
{
    flex-flow:column;
    width:100%;
}

.offer-main-container .omc-content-container .omc-title-container
{
    flex-flow:wrap;
    justify-content:center;
    text-align:center;
    width:100%;
}
.offer-main-container .omc-content-container .omc-title-container .omc-title
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:2.85rem;
    letter-spacing:0.9px;
    color:var(--color-main-text2);
}
.offer-main-container .omc-content-container .omc-content
{
    margin-top:3rem;
    flex-flow:column;
    align-items:center;
    width:100%;
}

.offer-main-container .omc-content-container .omc-content .omc-content-extratitle
{
    font-family:Lexend-Bold;
    font-size:1.125rem;
    letter-spacing:0.1px;
    color:var(--color-main-text2);
}

.offer-main-container .omc-content-container .omc-content .omc-content-description
{
    margin-top:1.5rem;
    font-family:Lexend-Light;
    font-size:1.06rem;
    letter-spacing:0.2px;
    color:var(--color-main-text2);
}

.offer-main-container .omc-content-container .omc-content .omc-content-description p
{
    margin-bottom:1rem;
}

.offer-main-container .omc-tiles-container
{
    margin-top:5rem;
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
}

.offer-main-container .omc-actions-container
{
    margin-top:5rem;
    flex-flow:wrap;
    justify-content:center;
    width:100%;
}

/* Tiles - Full description */
.offer-main-container .offer-tile-item-container
{
    padding:2rem 2.5rem;
    flex-flow:column;
    width:100%;
    max-width:360px;
    height:100%;
    max-height:450px;
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);*/
    background-color:rgba(244, 245, 245, 0.85);
    box-shadow: inset 0 0 rgba(255, 255, 255, 0.8), 0px 0px 10px 0px rgba(0,0,0,0.25);
    overflow:hidden;
    margin-bottom:4rem;
}

.offer-main-container .offer-tile-item-container .offer-tile-item-container-bkg { display:none; }

.offer-main-container .offer-tile-item-container .otic-title-container
{
    height:55px;
}

.offer-main-container .offer-tile-item-container .otic-desc-container
{
    margin-top:1.5rem;
    width:100%;
    height:100%;
    max-height:185px;
    overflow:hidden;
    justify-content:center;
}

.offer-main-container .offer-tile-item-container .otic-desc-container .otic-desc
{
    text-align:center;
    font-family:Lexend-Light;
    font-size:1.06rem;
    color:var(--color-main-text2);
    line-height:1.25;
    letter-spacing:1px;
}

/***************************************  HOME PAGE - BANNERS  ***************************************/
.banners-main-container,
.banners-main-container *
{
    position:relative;
    display:flex;
    box-sizing:border-box;
}

.banners-main-container
{
    padding:0 0 12rem;
    width:100%;
}

.banners-main-container .banners-main-container-inner
{
    margin-top:2rem;
    flex-flow:column;
    width:100%;
    height:100%;
}

.banners-main-container .question-mark-image-container
{
    position:absolute;
    top:0;
    left:0;
    transform:translate(-75%, -10%);
    z-index:1;
}

.banners-main-container .exclamation-mark-image-container
{
    position:absolute;
    right:0;
    bottom:0;
    transform:translate(75%, 20%);
    z-index:1;
}

/* Main Banners - Contact, Form */
.main-banner-item-container
{
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
    height:100%;
    max-height:420px;
    flex-grow:1;
    flex-shrink:0;
    border-radius:20px;
    transition:all ease-in-out 300ms;
    z-index:2;
}

.main-banner-item-container.banner-contact-item-container
{
    padding:3.5rem 6rem;
    border-top-left-radius:0;
    background: rgb(22,160,239);
    background: linear-gradient(190deg, rgba(22,160,239,1) 43%, rgba(3,116,243,1) 96%);
}

.main-banner-item-container.banner-form-item-container
{
    padding:2.5rem 3rem;
    justify-content:flex-end;
    margin-top:5rem;
    border-top-right-radius:0;
    background: rgb(253,215,64);
    background: linear-gradient(342deg, rgba(253,215,64,1) 0%, rgba(233,184,16,1) 96%);
}

.main-banner-item-container .main-banner-item-content
{
    flex-flow:column;
    width:100%;
    max-width:700px;
}

.main-banner-item-container .main-banner-item-content.banner-form-item-content
{
    align-items:flex-end;
}

.main-banner-item-container .main-banner-item-content .main-banner-item-title
{
    font-family:Tomorrow-Regular;
    font-size:2.8rem;
    letter-spacing:0.5px;
    color:var(--color-main-text);
    font-weight:500;
}

.main-banner-item-container .main-banner-item-content .main-banner-item-desc
{
    margin-top:1.5rem;
    width:100%;
}

.main-banner-item-container .main-banner-item-content .main-banner-item-desc p
{
    font-family:Lexend-Regular;
    font-size:1.25rem;
    letter-spacing:0.3px;
    color:var(--color-main-text);
}

.main-banner-item-container .main-banner-item-actions
{
    margin-top:3.5rem;
    width:100%;
}

.main-banner-item-actions .banner-contact-us-bt,
.main-banner-item-actions .banner-form-us-bt
{
    max-width:350px;
}

.main-banner-item-container .main-baner-image-container
{
    position:absolute;
    top:0;
    height:100%;
}
.main-banner-item-container .main-baner-image-container.baner-contact-image-container
{
    right:0;
}

.main-banner-item-container .main-baner-image-container.baner-form-image-container
{
    left:0;
}

.main-banner-item-container .main-baner-image-container img
{
    width:100%;
    height:100%;
    object-fit:contain;
}
/***************************************  ABOUT US PAGE  ***************************************/
.main-aboutus-container,
.main-aboutus-container-inner
{
    display:flex;
    position:relative;
    box-sizing:border-box;
}
.main-aboutus-container
{
    width:100%;
    height:85vh;
}

.main-aboutus-container-inner
{
    flex-flow:wrap;
    justify-content:space-between;
}

.main-aboutus-container .main-aboutus-content-container
{
    display:flex;
    align-items:center;
    flex-flow:column;
    width:100%;
    max-width:52%;
}

.main-aboutus-container .main-aboutus-content-container-inner
{
    display:flex;
    flex-flow:column;
    justify-content:space-between;
    width:100%;
    height:400px;
}

.main-aboutus-img
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.aboutus-strength-container .aus-title
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:3.125rem;
    color:var(--color-main-text2);
    letter-spacing:0.8px;
}

.strength-item-container
{
    flex-flow:column;
    width:100%;
    max-width:25%;
}

.strength-item-container .sic-image-container
{
    position:absolute;
    top:0;
    left:0;
}


.strength-item-container .sic-title-container
{
    margin-top:auto;
    flex-flow:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    height:200px;
    background-color:rgba(37,155,222,0.9);
}

.strength-item-container .sic-title-container-inner
{
    justify-content:center;
    text-align:center;
    align-items:center;
    width:100%;
    max-width:70%;
    height:100%;
}

.reviews-container .revs-title-container .revs-title,
.strength-item-container .sic-title-container .sic-title
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:2.3rem;
    color:var(--color-main-text);
    letter-spacing:0.7px;
}


/***************************************  ABOUT US PAGE - STRENGTH ITEMS  ***************************************/
.aboutus-strength-container *,
.aboutus-strength-container
{
    position:relative;
    display:flex;
    box-sizing:border-box;
}

.aboutus-strength-container
{
    width:100%;
    height:630px;
    overflow:hidden;
}

.aboutus-strength-container .aus-container-inner
{
    flex-flow:column;
    max-width:1920px;
    justify-content:center;
    align-items:center;
    margin: 0 auto;
    width:100%;
    height:100%;
}

.aboutus-strength-container .aus-title-container
{
    display:flex;
    justify-content:center;
    width:100%;
    height:150px;
}

.aboutus-strength-container .aus-items-container
{
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
    height:480px;
}

/***************************************  ABOUT US PAGE - REVIEWS  ***************************************/
.reviews-container,
.reviews-container .revs-title-container
{
    position:relative;
    display:flex;
    box-sizing:border-box;
}

.reviews-container
{
    padding:8rem 1.5rem;
    height:100%;
    max-height:900px;
    width:100%;
    background-color:var(--color-main-bgk5);
}

.reviews-container .reviews-container-inner
{
    display:flex;
    flex-flow:column;
    width:100%;
}

.reviews-container .revs-title-container
{
    flex-flow:wrap;
    justify-content:center;
    width:100%;
}

.reviews-container .revs-title-container .revs-title
{
    color:var(--color-main-text2);
}

.reviews-container .reviews-items-container
{
    display:flex;
    position:relative;
    box-sizing:border-box;
    margin:3rem 0;
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
    height:400px;
    overflow:hidden;
}

.reviews-container .reviews-items
{
    display:flex;
    width:100%;
    max-width:calc(100% - 4%);
    height:400px;
}

.reviews-container .reviews-items .swiper
{
    width:100%;
    height:400px;
}

.reviews-container .swiper .swiper-wrapper
{
    padding:0.5rem 1rem;
    width:100%;
    height:100%;
}

.reviews-container .reviews-items-container .reviews-items-arrows
{
    display:flex;
    flex-flow:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:26px;
    height:100%;
    cursor:pointer;
}

.reviews-container .reviews-image-container
{
    display:flex;
    flex-flow:wrap;
    text-align:center;
    justify-content:center;
    width:100%;
}

/***************************************  ABOUT US PAGE - REVIEWS -> SLIDES   ***************************************/
.reviews-items .review-item-container.swiper-slide
{
    position:relative;
    display:flex;
    flex-flow:column;
    box-sizing:border-box;
    width:100%;
    max-width:550px;
    height:100%;
    max-height:380px;
    padding:4rem 3.5rem;
    background-color:var(--color-main-bgk);
    border-radius:8px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(177, 177, 183, 1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(177, 177, 183, 1);
    box-shadow: 0px 1px 10px 0px rgba(177, 177, 183, 1);
    overflow:hidden;
    margin-right:3rem;
}

.review-item-container .revs-item-image-container
{
    position:absolute;
    top:0;
    right:10%;
}

.review-item-container .revs-item-title-container
{
    margin-top:2rem;
    padding:0 0 2rem;
    flex-flow:wrap;
    align-items:center;
    width:100%;
    border-bottom:2px solid #16a0ef;
}

.review-item-container .revs-item-title-container .revs-title-name
{
    font-family:Lexend-Bold;
    font-size:1.125rem;
    color:var(--color-main-text2);
    letter-spacing:0.3px;
}

.review-item-container .revs-item-title-container .revs-company-name
{
    font-family:Lexend-Regular;
    font-size:1.125rem;
    color:#7c7c7c;
    letter-spacing:0.3px;
}

.review-item-container .revs-item-desc-container
{
    margin-top:2.5rem;
    width:100%;
}

.review-item-container .revs-item-desc-container .revs-desc-content
{
    font-family:Lexend-Light;
    font-weight:600;
    font-size:1rem;
    color:var(--color-main-text2);
    letter-spacing:0.5px;
    line-height:1.4;
}

/***************************************  OFFER PAGE  ***************************************/
.offer-container,
.offer-container *
{
    position:relative;
    display:flex;
    box-sizing:border-box;
}

.offer-container button
{
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;
    border:0;
    outline:none;
    background-color:transparent;
}

.offer-container
{
    flex-flow:column;
    width:100%;
    margin-bottom:3rem;
}

.offer-container .wrapper
{
    justify-content:center;
}

.offer-container .offer-container-inner
{
    flex-flow:column;
    align-items:center;
    width:100%;
}

.offer-container .main-home-h1
{
    width:100%;
    max-width:80%;
    margin-top:2rem;
    text-align:center;
    justify-content:center;
}

.offer-container .main-home-content
{
    width:100%;
    max-width:90%;
    font-weight:500;
    align-items:center;
    text-align:center;
    margin-bottom:2.5rem;
}

.offer-container .main-home-content p
{
    font-family:Lexend-Light;
    color:var(--color-main-text2);
    font-size:1.125rem;
    letter-spacing:0.3px;
    line-height:1.35;
}

.offer-container .offer-info-container
{
    flex-flow:wrap;
    justify-content:space-between;
    align-items:center;
    width:100%;
    max-width:800px;
    margin-bottom:4rem;
}

.offer-info-container .omic-step
{
    flex-flow:wrap;
    align-items:center;
}

.offer-info-container .omic-step .omics-lp
{
    font-family:Tomorrow-Bold;
    color:var(--color-main-text6);
    font-size:3.25rem;
    margin-right:0.8rem;
}

.offer-info-container .omic-step .omics-title
{
    font-family:Lexend-Bold;
    color:var(--color-main-text2);
    font-size:1.25rem;
    line-height:1.05;
}

.offer-info-container .omic-step .main-step-img
{
    margin-left:1.1rem;
}

.offer-container .offer-tiles-container
{
    flex-flow:wrap;
    width:100%;
}

.offer-container .offer-tiles-container
{
    justify-content:space-between;
}

.offer-container .offer-tile-item-container-bkg
{
    position:absolute;
}

/***************************************  OFFER PAGE - OFFER ITEMS  ***************************************/
.all-offers-items-container,
.all-offers-items-container *
{
    display:flex;
    position:relative;
    box-sizing:border-box;
}

.all-offers-items-container
{
    margin:6rem 0;
    flex-flow:column;
    width:100%;
}

.offer-items-container
{
    flex-flow:column;
    width:100%;
    min-height:650px;
}

.offer-items-container .offer-image-container
{
    position:absolute !important;
    top:0;
    right:0;
}

.offer-items-container
{
    flex-flow:column;
    min-height:650px;
    width:100%;
    height:100%;
}

.offer-items-container.transport,
.offer-items-container.cranes,
.offer-items-container.basket-lifts,
.offer-items-container.loaders,
.offer-items-container.other-offers
{

}

.offer-items-container
{
    background-color:var(--color-main-bgk7);
}

.offer-items-container .wrapper
{
    width:100%;
}

.offer-items-container:nth-child(2n + 1)
{
    background-image: -moz-linear-gradient( -90deg, rgb(22,160,239) 0%, rgb(3,116,243) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(22,160,239) 0%, rgb(3,116,243) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(22,160,239) 0%, rgb(3,116,243) 100%);
}

.offer-items-container.transport .offer-image-container
{
    height:100%;
    max-height:650px;
}

.offer-items-container .offer-item-header-container
{
    margin:0 auto;
    flex-flow:wrap;
    min-height:615px;
    width:100%;
    max-width:1360px;
}

.offer-items-container .offer-item-header-container-inner
{
    flex-flow:column;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:650px;
    min-height:450px;
}

.offer-items-container .offer-item-header-container-inner .offer-item-title
{
    text-align:center;
    font-family:Tomorrow-Regular;
    font-size:3.75rem;
    line-height:1.3;
    font-weight:500;
    color:var(--color-main-text);
    margin-bottom:2rem;
}

.offer-items-container:nth-child(2n + 2) .offer-item-header-container-inner .offer-item-title
{
    color:var(--color-main-text2);
}


.offer-items-container .offer-items-container-inner
{
    flex-flow:column;
    width:100%;
}

/***************************************  OFFER PAGE - OFFER ITEM  ***************************************/
.offer-items-container .offer-item-container
{
    flex-flow:column;
    width:100%;
    margin-bottom:0.9rem;
    /*background-color:var(--color-main-bgk7);*/
}

.offer-items-container .offer-item-container .offer-item-title-container
{
    flex-flow:wrap;
    align-items:center;
    justify-content:space-between;
    padding:0 6rem;
    width:100%;
    height:115px;
    background:var(--color-main-bgk);
    border-radius:10px;
    z-index:2;
    /*box-shadow: 1.414px 1.414px 2.49px 0.51px rgba(0, 0, 0, 0.1),0px 0px 13.92px 2.08px rgba(0, 0, 0, 0.1);*/
}

.offer-items-container .offer-item-title-container-inner { align-items:center; }

.offer-items-container .offer-item-container .offer-item-title-container .offer-item-desc,
.offer-items-container .offer-item-container .offer-item-title-container .offer-item-title
{
    font-family:Tomorrow-Regular;
    font-weight:500;
    font-size:1.9rem;
    color:var(--color-main-text2);
    letter-spacing:0.3px;
    margin-right:0.7rem;
}
.offer-items-container .offer-item-container .offer-item-title-container .offer-item-desc
{
    top:6px;
    margin-left:0.7rem;
    font-size:1.25rem;
}


.offer-items-container .offer-item-title-container .offer-item-actions
{
    flex-flow:wrap;
    justify-content:space-between;
    width:auto;
    align-items:center;
}

.offer-items-container .offer-item-actions .list-offer-item
{
    flex-flow:wrap;
    align-items:center;
}

.offer-items-container .offer-item-actions .list-offer-item .x-icon-image
{
    margin:0 0.8rem;
}

.offer-tip-bt
{
    border:0;
    padding:0.3rem;
    background-color:transparent;
    cursor:pointer;
}

.tip-icon-image
{
    top:-0.5rem;
}

.loi-quantity
{
    flex-flow:wrap;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2.125rem;
    background-color:var(--color-main-bgk);
    border-radius:2px;
    border:1px solid #dedede;
    margin-right:1px;
}

.loi-quantity span
{
    font-family:Tomorrow-Regular;
    font-size:1rem;
    color:var(--color-main-text2);
    letter-spacing:0.3px;
}

.loi-quantity-buttons
{
    flex-flow:column;
    justify-content:space-between;
    width:0.8125rem;
    height:2.125rem;
    border-radius:2px;
    cursor:pointer;
}

.loi-quantity-buttons .loi-quantity-button
{
    flex-flow:wrap;
    justify-content:center;
    align-items:center;
    width:0.8125rem;
    height:1rem;
    border-radius:2px;
    background-color:#16a0ef;
    outline:none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;
}
.loi-quantity-buttons .loi-quantity-button .quantity-arrow-image.pressed
{
    filter:contrast(0.5);
    transform:scale(0.85);
}

.loi-add-to-form-bt
{
    background-color:#dedede;
    border-radius:2px;
    width:18px;
    height:18px;
    cursor:pointer;
    border:0;
    padding:0;
    margin:0;
    outline:none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;
}

.loi-add-to-form-bt.hide img
{
    display:none;
}

.offer-items-container .offer-item-actions .add-to-form-info-bt,
.offer-items-container .offer-item-actions .remove-from-form-info-bt
{
    border:0;
    background-color:transparent;
    margin-right:3rem;
    margin-left:0.9rem;
    cursor:pointer;
    padding:0;
}

.offer-items-container .offer-item-actions .add-to-form-info-bt.hide,
.offer-items-container .offer-item-actions .remove-from-form-info-bt.hide
{
    display:none;
}

.offer-items-container .offer-item-actions .add-to-form-info-bt:hover,
.offer-items-container .offer-item-actions .remove-from-form-info-bt:hover
{
    text-decoration:underline;
    text-decoration-color:var(--color-main-text6);
}

.offer-items-container .offer-item-actions .add-to-form-info,
.offer-items-container .offer-item-actions .remove-from-form-info
{
    min-width:200px;
    font-family:Tomorrow-Regular;
    font-size:1rem;
    color:var(--color-main-text6);
    letter-spacing:0.3px;
    text-transform:uppercase;
}

.offer-items-container .offer-item-actions .offer-show-more-bt
{
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    cursor:pointer;
}
.offer-items-container .offer-item-actions .offer-show-more-bt img
{
    transform:scale(-1);
}

.offer-items-container .offer-item-actions .offer-show-more-bt.more img
{
    transform:scale(1);
}

.offer-items-container .offer-item-actions .offer-show-more-bt:hover
{

}

.offer-items-container .offer-item-container .offer-item-desc-container
{
    top:-10px;
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
    padding:4rem 6rem;
    background-color:#efeeee;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    z-index:1;
}
.offer-items-container .offer-item-container .offer-item-desc-container.hide
{
    display:none;
}

.offer-items-container:nth-child(2n + 2) .offer-item-container .offer-item-title-container,
.offer-items-container:nth-child(2n + 2) .offer-item-container .offer-item-desc-container
{
    -webkit-box-shadow: 0px 1px 5px 1px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 1px 5px 1px rgba(204, 204, 204, 1);
    box-shadow: 0px 1px 5px 1px rgba(204, 204, 204, 1);
}

.offer-items-container:nth-child(2n + 1) .offer-item-container .offer-item-title-container,
.offer-items-container:nth-child(2n + 1) .offer-item-container .offer-item-desc-container
{
    -webkit-box-shadow: 0px 1px 6px 1px rgb(108, 108, 108);
    -moz-box-shadow: 0px 1px 6px 1px rgb(108, 108, 108, 1);
    box-shadow: 0px 1px 6px 1px rgb(108, 108, 108, 1);
}


.offer-items-container .offer-item-container .offer-item-desc-container .offer-item-desc
{
    flex-flow:column;
    width:100%;
    max-width:700px;
}

.offer-items-container .offer-item-container .offer-item-desc-container .offer-item-desc-info
{
    flex-flow:wrap;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin-bottom:2rem;
}

.offer-items-container .offer-item-container .offer-item-desc-info .oidi-title
{
    font-family:Lexend-Bold;
    font-size:1.125rem;
    line-height:1.3;
    color:var(--color-main-text2);
    /*margin-bottom:2.5rem;*/
}

.offer-items-container .offer-item-container .offer-item-desc-info .oidi-infos
{
    font-family:Lexend-Light;
    font-size:1.125rem;
    line-height:1.35;
    color:var(--color-main-text2);
}

.offer-items-container .oidi-infos .infos-item-container
{
    flex-flow:wrap;
    align-items:center;
    margin-left:2rem;
}
.offer-items-container .oidi-infos .infos-item-container:first-child
{
    margin-left:0;
}

.offer-post-weight-image
{
    top:-3px;
}

.offer-items-container .oidi-infos .infos-item-container .infos-value
{
    margin-left:0.6rem;
}

.offer-items-container .offer-item-container .offer-item-desc-container .offer-item-desc-image
{
    width:100%;
    max-width:390px;
    height:100%;
    max-height:290px;
}

.offer-items-container .offer-item-container .offer-item-desc-container .offer-item-desc-image img
{
    width:100%;
    height:100%;
    object-fit:cover;
}

/***************************************  OFFER PAGE - SUMMARY CONTAINER  ***************************************/
.summary-offer-container,
.summary-offer-container *
{
    position:relative;
    box-sizing:border-box;
    display:flex;
}

.summary-offer-container
{
    position:fixed;
    top:20%;
    right:-3px;
    flex-flow:column;
    max-width:500px;
    width:100%;
    background-color:var(--color-main-text);
    /*padding-right:1.5rem;*/
    -webkit-box-shadow: 0px 0px 4px 0px rgba(167, 167, 167, 1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(167, 167, 167, 1);
    box-shadow: 0px 0px 4px 0px rgba(167, 167, 167, 1);
    z-index:10;
    transition:all ease-in 0.4s;
}
.summary-offer-container.hide
{
    right:-500px;
    transition:all ease-out 0.2s;
}

.summary-offer-container .soch-list-bt
{
    position:absolute;
    top:0;
    left:-107px;
    width:100%;
    max-width:110px;
    height:100%;
    max-height:103px;
    align-items:center;
    padding:0;
    margin:0;
    border:none;
    background:transparent;
    outline:none;
    cursor:pointer;
}

.summary-offer-container .soch-list-bt .soch-list-bkg
{
    flex-flow:wrap;
    margin-left:1.1rem;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:30px;
    height:100%;
    max-height:30px;
    background-color:var(--color-main-text);
    border-radius:50%;
    z-index:2;
}

.summary-offer-container .soch-list-bt .soch-number
{
    font-family:Lexend-Light;
    font-weight:600;
    /*font-size:1rem;*/
    color:var(--color-main-text4);
    letter-spacing:0.1px;
}

.summary-offer-container .soch-list-bt .list-summary-image
{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

.summary-offer-container .soc-header-container
{
    flex-flow:wrap;
    justify-content:flex-end;
    align-items:center;
    height:100px;
    width:100%;
}

.summary-offer-container .soc-content-container,
.summary-offer-container .soc-content-actions-container
{
    flex-flow:column;
    width:100%;
}

.summary-offer-container .soc-content-container
{
    justify-content:center;
    align-items:center;
    padding:0 3rem 4rem;
}

.summary-offer-container .soc-content-container .soc-content-title
{
    font-family:Tomorrow-Regular;
    font-size:2.2rem;
    color:var(--color-main-text2);
    letter-spacing:0.3px;
    margin-bottom:1.5rem;
}

.summary-offer-container .soc-content-container .soc-content-desc
{
    display:block;
    text-align:center;
    margin-bottom:1rem;
    width:auto;
    font-family:Lexend-Light;
    font-weight:600;
    font-size:1.125rem;
    color:var(--color-main-text7);
    letter-spacing:0.3px;
}

.summary-offer-container .soc-content-container .soc-content-desc *
{
    display:initial;
}

.summary-offer-container .soc-content-container .soc-content-desc .soccd-no-items
{
    color:var(--color-main-text4);
}

.summary-offer-container .soc-content-summary-container
{
    width:100%;
}

.summary-offer-container .soc-content-summary-container .soc-summary-list
{
    flex-flow:column;
    width:100%;
    margin:0;
    padding:0 0 1.5rem 0;
}

.summary-offer-container .soc-summary-list .list-offer-item
{
    width:100%;
    flex-flow:wrap;
    align-items:center;
    margin-bottom:0.6rem;
    padding:0.6rem 0;
    border-bottom:1px solid #e0e0e0;
}
.summary-offer-container .soc-summary-list .list-offer-item.no-border { border:0 !important; }

.summary-offer-container .soc-summary-list .list-offer-item .loi-title
{
    display:initial;
    font-family:Tomorrow-Regular;
    padding-left:0.1rem;
    font-size:1rem;
    max-width:300px;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}


.summary-offer-container .soc-summary-list .list-offer-item .x-icon-image
{
    padding:0 0.5rem;
}

.summary-offer-container .soc-summary-list .list-offer-item .loi-quantity
{
    margin-right:0.05rem;
}

.summary-offer-container .soc-summary-list .list-offer-item .trash-image
{
    margin:0 0.2rem 0 1rem;
    max-width:21px;
}

.summary-offer-container .soc-summary-list .loi-item-remove-bt
{
    height:100%;
    align-items:center;
    border:0;
    background:transparent;
    margin:0;
    padding:0;
    cursor:pointer;
}

.summary-offer-container .soc-content-actions-container
{
    flex-flow:wrap;
    width:100%;
    text-align:center;
    justify-content:center;
    align-content:center;
}

.summary-offer-container .soc-content-actions-container .soc-content-actions-info
{
    margin:1rem 0 3rem;
}

.summary-offer-container .soch-hide-container-bt
{
    flex-wrap:wrap;
    align-items:center;
    height:100%;
    border:0;
    background:transparent;
    cursor:pointer;
    padding-right:2rem;
    cursor:pointer;
    text-decoration:underline;
}

.summary-offer-container .soc-content-summary-actions
{
    flex-flow:wrap;
    justify-content:center;
    width:100%;
    margin:1rem 0;
}

.summary-offer-container .remove-all-items-bt
{
    background:transparent;
    border:none;
    font-family:Lexend-Light;
    font-size:1rem;
    text-transform:uppercase;
    color:var(--color-main-text4);
    text-decoration:none;
}
.summary-offer-container .remove-all-items-bt:hover { text-decoration:underline; }

.summary-offer-container .soc-content-summary-actions.hide,
.summary-offer-container .soc-content-summary-container.hide
{
    display:none;
}

/***************************************  OFFER PAGE - FIXED OFFER TILES  ***************************************/
.fixed-tiles-offer-items-container,
.fixed-tiles-offer-items-container *
{
    display:flex;
    position:relative;
    box-sizing:border-box;
}

.fixed-tiles-offer-items-container
{
    z-index:10;
    position:fixed;
    top:26%;
    left:3.2%;
    flex-flow:column;
    width:100%;
    max-width:160px;
    align-items:center;
    justify-content:center;
}

.fixed-tiles-offer-items-container .foti-container
{
    cursor:pointer;
    width:100%;
    height:110px;
    max-width:150px;
    padding:0.8rem 1rem;
    border:3px solid #fff;
    border-radius:10px;
    background-color:#eceded;
    margin-bottom:1rem;
    -webkit-box-shadow: 0px 1px 11px -4px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 1px 11px -4px rgba(0, 0, 0, 1);
    box-shadow: 0px 1px 11px -4px rgba(0, 0, 0, 1);
    overflow:hidden;
}

.fixed-tiles-offer-items-container .foti-container-inner
{
    flex-flow:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    transition:all ease 250ms;
}

.fixed-tiles-offer-items-container .foti-image-container
{
    flex-flow:wrap;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.fixed-tiles-offer-items-container .foti-image-container img
{
    width:100%;
    height:100%;
    object-fit:contain;
    max-height:70%;
}

.fixed-tiles-offer-items-container .foti-title-container
{
    opacity:0;
    top:-0.2rem;
    width:100%;
    flex-flow:wrap;
    align-items:center;
    justify-content:center;
    transition:all ease 350ms;
}
.fixed-tiles-offer-items-container .foti-title-container.show
{
    opacity:1;
}

.fixed-tiles-offer-items-container .foti-title-container .foti-title
{
    word-wrap:break-word;
    font-family:Lexend-Light;
    font-size:0.625rem;
    color:var(--color-main-text2);
    line-height:1.25;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:center;
}


/***************************************  FORM PAGE  ***************************************/
.page-template-form_page
{
    background:var(--color-main-bgk8);
}

.offer-form-container
{
    flex-flow:column;
    width:100%;
    max-width:900px;
}

.offer-form-container .offer-form-title
{
    flex-flow:wrap;
    align-items:baseline;
    width:100%;
    height:50px;
    font-family:Lexend-Bold;
    color:var(--color-main-text2);
    font-size:1.9rem;
    font-weight:bold;
    margin-bottom:2rem;
}

.offer-form-container .offer-form-title span
{
    margin-right:0.8rem;
    font-size:3.125rem;
    color:var(--color-main-text4);
}

.offer-form-container .offer-form-main-container
{
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
    margin-bottom:4rem;
}

.offer-form-container .offer-form-main-container .offer-form-main-container-side
{
    flex-flow:column;
    width:100%;
    max-width:420px;
}

.offer-form-container .offer-form-main-container .offer-form-item-container
{
    height:50px;
    margin-bottom:1.2rem;
}

/***************************************  FORM PAGE - ITEMS  ***************************************/
.offer-form-container .offer-form-items-container
{
    flex-flow:column;
    width:100%;
}

.offer-form-container .offer-form-item-container
{
    flex-flow:wrap;
    align-items:center;
    width:100%;
    max-width:calc(100% - 50px);
}

.offer-form-items-container .offer-form-catsubitems-container,
.offer-form-items-container .offer-form-catitems-container
{
    flex-flow:column;
    width:100%;

}
.offer-form-items-container .offer-form-catsubitems-container
{
    margin-left:50px;
    max-width:700px;
}

.offer-form-items-container .offer-form-catsubitems-container.hide,
.offer-form-items-container .offer-form-catitems-container.hide
{
    display:none;
}

.offer-form-items-container .offer-form-catitems-container .ofic-items-select.item
{
    margin-left:50px;
    border-top:0;
}

.offer-form-items-container .offer-form-catitems-container .ofic-items-select.item:hover
{
    background-color:var(--color-main-bgk5);
}

.offer-form-main-container .offer-form-item-container .label
{
    top:-1.5rem;
    z-index:2;
    padding:0.2rem;
    background-color:#fff;
    font-size:10px;
    left:0.4rem;
    color:var(--color-main-text4);
}
.offer-form-main-container .offer-form-item-container .label.hide
{
    display:none;
}

/******************** Offer Form Main Item ********************/
.offer-form-container .fullitem-form-box-container
{
    margin-top:0.7rem;
    width:100%;
}

.offer-form-container .offer-form-fullitem-container
{
    flex-flow:wrap;
    width:100%;
}

.offer-form-fullitem-container .offer-form-catsubitems-container
{
    flex-flow:column;
    width:100%;
    max-width:700px;
}

.offer-form-catsubitems-container .offer-form-subitem-container
{
    flex-flow:column;
    width:100%;
    max-width:700px;
    cursor:pointer;
}
.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-title-container:hover
{
    background-color:var(--color-main-bgk8);
}

.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-title-container
{
    flex-flow:row;
    width:100%;
    align-items:center;
    height:50px;
    background-color:var(--color-main-bgk9);
    max-width:700px;
    border:1px solid #dbdbde;
    border-radius: 2px;
    max-height: 50px;
    padding:0 1.5rem;
    font-size:1rem;
    font-family: Lexend-Regular;
    color:var(--color-main-text2);
}
.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-title-container.first
{
    border-top:0;
}

.offer-form-catsubitems-container .offer-form-subitem-container  .offer-item-desc-container
{
    flex-flow:wrap;
    justify-content:end;
    width:100%;
}

.offer-form-catsubitems-container .offer-form-subitem-container  .offer-item-desc-container.hide
{
    display:none;
}

.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-desc-container .offer-item-desc-info
{
    flex-flow:wrap;
    justify-content:space-between;
    align-items:center;
    width:100%;
    font-weight:600;
    font-size:0.9125rem;
    font-family:Lexend-Light;
    margin-bottom:0.5rem;
}

.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-desc-container .oidi-infos
{
    flex-flow:wrap;
    align-items:center;
}

.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-desc-container .offer-item-desc
{
    flex-flow:wrap;
    width:100%;
    height:100%;
    max-width:70%;
    padding:0.8rem 1.5rem;
}

.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-desc-container .offer-item-desc-image
{
    width:100%;
    max-width:30%;
}

.offer-form-catsubitems-container .offer-form-subitem-container .offer-item-desc-container .offer-item-desc-image img
{
    width:100%;
    height:100%;
    object-fit:contain;
}

.offer-form-subitem-container .oidi-infos .infos-item-container
{
    flex-flow:row;
    align-items:center;
}

.offer-form-subitem-container .oidi-infos .infos-item-container img
{
    max-width:30px;
    max-height:30px;
    width:100%;
    height:100%;
    object-fit:contain;
}

.offer-form-subitem-container .oidi-infos .infos-item-container span
{
    margin:0 0.6rem 0 0.3rem;
}

.offer-form-subitem-container .offer-item-desc-content
{
    font-size:0.85rem;
}


.offer-form-container .offer-form-item-container .form-input
{
    position:absolute;
    left:0;
    top:0;
    border:1px solid #dbdbde;
    border-radius:2px;
    height:100%;
    max-height:50px;
    width:100%;
    padding:0 1.5rem;
    font-size:1rem;
    font-family:Lexend-Regular;
    color:var(--color-main-text7);
    background-color:#ffffff;
}
.offer-form-container .offer-form-item-container .form-input:focus
{
    border-color:var(--color-main-text7);
    outline: none;
}

.offer-form-container .form-input input::-webkit-input-placeholder,
.offer-form-container .form-input textarea::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    color:var(--color-main-text8);
    opacity:1;
}

.offer-form-container .form-input input:-moz-placeholder,
.offer-form-container .form-input textarea:-moz-placeholder
{
    /* Firefox 18- */
    color:var(--color-main-text8);
    opacity:1;
}

.offer-form-container .form-input input::-moz-placeholder,
.offer-form-container .form-input textarea::-moz-placeholder
{
    /* Firefox 19+ */
    color:var(--color-main-text8);
    opacity:1;
    width:11px;
}

.offer-form-container .form-input input:-ms-input-placeholder,
.offer-form-container .form-input textarea:-ms-input-placeholder
{
    /* IE 10+ */
    color:var(--color-main-text8);
    opacity:1;
}

.custom-placeholder
{
    position:absolute;
    left:1.5rem;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    font-size:1rem;
    color:var(--color-main-text8);
}

.custom-placeholder.required::after
{
    /*width:100%;*/
    content:"*";
    color:var(--color-main-text4);
}


input:focus + .custom-placeholder,
input:valid + .custom-placeholder
{
    display: none;
}

/*.offer-form-item-container .ofic-id*/
.offer-form-fullitem-container .ofic-id-container
{
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:50px;
}

.offer-form-fullitem-container .ofic-id
{
    text-align:center;
    font-size:1.5rem;
    font-family:Lexend-Regular;
    color:#0a0a0a;
}

.offer-form-item-container select
{
    background:#fff url("/wp-content/uploads/2024/10/blue_arrow_down.png") no-repeat 96%;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-border-radius:0;
    appearance:none;
    outline-width:0;
    cursor:pointer;
}

/*.offer-form-item-container select:hover*/
/*{*/
/*    font:-moz-pull-down-menu;*/
/*    background:transparent url("/wp-content/uploads/2024/10/blue_arrow_down.png") no-repeat 96%;*/
/*    opacity:1;*/
/*}*/

.offer-form-item-container select option
{
    font:-moz-pull-down-menu;
    padding:0.2rem;
    padding-left:0.8rem;
    font-family:Lexend-Regular;
    border-radius:0;
    outline:0;
    font-size:1.18rem;
    background-color:#fff !important;
}


.offer-form-fullitem-container .loi-quantity-container
{
    width:100%;
    max-width:4.5625rem;
}

.offer-form-fullitem-container .loi-quantity
{
    width:3rem;
    height:3.125rem;
}

/*.offer-form-item-container .loi-quantity-buttons*/
.offer-form-fullitem-container .loi-quantity-buttons
{
    width:1.25rem;
    height:100%;
}

/*.offer-form-item-container .loi-quantity-buttons .loi-quantity-button*/
.offer-form-fullitem-container .loi-quantity-buttons .loi-quantity-button
{
    width:1.25rem;
    height:1.45rem;
}

/*.offer-form-item-container .loi-quantity-buttons .loi-quantity-button.my-up-blue-bt*/
.offer-form-fullitem-container .loi-quantity-buttons .loi-quantity-button.my-up-blue-bt
{
    margin-bottom:0.22rem;
}

.offer-form-item-container button
{
    cursor:pointer;
}

.offer-form-item-container .ofic-items-select
{
    display:flex;
    flex-direction:row;
    align-items:center;
    height:50px;
    width:100%;
    max-width:700px;
    border:1px solid #dbdbde;
    border-radius:2px;
    max-height:50px;
    padding:0 1.5rem;
    font-size:1.2rem;
    font-family:Lexend-Regular;
    color:var(--color-main-text2);
    background-color:#fff;
}
.offer-form-item-container .ofic-items-select.empty-item
{
    color:var(--color-main-text9);
}

.offer-form-item-container .ofic-items-select.item
{
    background-color:var(--color-main-bgk10);
}

.offer-form-item-container .ofic-items-select .ofic-select-arrows-bt
{
    border:0;
    background:transparent;
    cursor:pointer;
    margin-left:auto;
}

.offer-form-subitem-container .offer-item-title-container .offer-tip-bt
{
    top:-0.3rem !important;
}
.offer-form-subitem-container .offer-item-title-container .tip-icon-image
{
    top:0.1rem;
}

.offer-form-subitem-container .offer-item-title-container .tip-icon-image
{
    max-width:80%;
    object-fit:contain;
}
.offer-form-item-container .ofic-items-select .ofic-title-required
{
    top:-3px;
    margin-left:0.15rem;
    font-size:1rem;
    font-family:Lexend-Bold;
    color:var(--color-main-text4);
}

.offer-form-item-container .ofic-items-select .select-up-arrow-img.hide
{
    display:none;
}

/*.offer-form-item-container .ofic-x-image-container*/
.offer-form-fullitem-container .ofic-x-image-container
{
    align-items:center;
    margin:0 0.7rem;
}

.offer-form-fullitem-container .loi-item-remove-bt
{
    align-items:center;
}

.offer-form-actions-container
{
    flex-flow:wrap;
    justify-content:center;
    width:100%;
    margin-bottom:1.2rem;
    padding:0 1.5rem;
}

.offer-message-container
{
    width:100%;
    height:220px;
    margin:3rem 0 1rem;
    padding:0 1.5rem;
}

.offer-message-container .offer-message-box
{
    padding:1.2rem;
    resize:none;
    width:100%;
    height:100%;
    max-width:700px;
    font-family:Lexend-Regular;
    font-size:1rem;
    color:var(--color-main-text2);
}

.offer-submit-container
{
    flex-flow:wrap;
    justify-content:end;
    margin:2rem 1.5rem 1rem;
    width:100%;
    max-width:700px;
}

.offer-submit-container .offer-submit-bt
{
    background-color:var(--color-button1);
    width:100%;
    max-width:180px;
}

.loi-item-add-next-bt
{
    cursor:pointer;
    font-size:2rem;
    font-family:Lexend-Regular;
    color:#0a0a0a;
}

.loi-item-add-next-bt:hover
{
    color:var(--color-main-text4);
}


/***************************************  HOME PAGE - CONTACT  ***************************************/
.contact-main-container,
.contact-main-container *
{
    position:relative;
    display:flex;
    box-sizing:border-box;
}

.contact-main-container
{
    padding:4rem 0 8rem;
    width:100%;
    height:100%;
    max-height:950px;
    background-color:var(--color-main-bgk4);
    flex-flow:column;
}

.contact-main-container .contact-main-title-container
{
    flex-flow:wrap;
    width:100%;
    justify-content:center;
}

.contact-main-container .contact-main-content-container
{
    margin-top:5rem;
    flex-flow:wrap;
    flex-grow:1;
    flex-shrink:0;
    justify-content:center;
    width:100%;
    height:100%;
    max-height:520px;
}

.contact-main-container .contact-main-content-container .contact-main-content-container-inner
{
    flex-flow:wrap;
    justify-content:flex-end;
    width:100%;
}

.contact-main-container .contact-main-content
{
    flex-flow:column;
    padding:2rem 2rem 2rem 0;
    width:100%;
    max-width:500px;
}

.contact-main-container .contact-main-content-map
{
    width:100%;
    max-width:1100px;
    border:solid 2px var(--color-button1-border);
    border-right: 0;
    padding:0.4rem;
    border-top-left-radius:12px;
    border-top-left-radius:12px;
}

.contact-main-container .cmtc-title
{
    font-family:Tomorrow-Regular;
    font-size:2.85rem;
    color:var(--color-main-text2);
    letter-spacing:0.8px;
    font-weight:500;
}

.contact-main-container .cmtc-name
{
    flex-flow:column;
    width:100%;
}

.contact-main-container .cmtc-name span
{
    font-family:Lexend-Bold;
    font-size:2rem;
    color:var(--color-main-text2);
    letter-spacing:0.1px;
}

.contact-main-container .cmtc-address
{
    margin-top:1.5rem;
    flex-flow:column;
    width:100%;
}

.contact-main-container .cmtc-contacts a,
.contact-main-container .cmtc-nip,
.contact-main-container .cmtc-address span
{
    font-family:Lexend-Light;
    font-size:1.625rem;
    color:var(--color-main-text2);
    letter-spacing:0.1px;
}

.contact-main-container .cmtc-contacts
{
    margin-top:3.5rem;
    width:100%;
    flex-flow:column;
}

.contact-main-container .cmtc-nip
{
    margin-top:4rem;
    width:100%;
}

.contact-main-container .cmtc-contacts a
{
    flex-flow:row;
    align-items:center;
    text-decoration:none;
    margin-bottom:0.8rem;
}

.contact-main-container .cmtc-contacts a img
{
    margin-right:1.1rem;
}

/***************************************  404 PAGE  ***************************************/
.err404-img-container
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.err404-img-container .err404-img
{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top;
}

.page-404-container
{
    display:flex;
    position:relative;
    width:100%;
    height:100vh;
}
.page-404-container *
{
    position:relative;
    display:flex;
    box-sizing:border-box;
}

.page-404-container .wrapper
{
    margin:0 auto;
    flex-flow:column;
    align-items:center;
    justify-content:center;
}

.page-404-container .page-404-container-inner
{
    margin-top:12%;
    flex-flow:wrap;
    justify-content:space-between;
    align-items:center;
    width:100%;
    max-width:700px;
    /*height:100%;*/
    /*max-height:300px;*/
}

.page-404-container .page-404-container-inner h1
{
    top:-0.5rem;
    flex-flow:column;
    /*align-items:center;*/
    width:100%;
    max-width:280px;
    height:100%;
}
.page-404-container .page-404-container-inner h1 span
{
    font-family:Tomorrow-Bold;
    font-size:6rem;
    color:#fff;
    line-height:1.2;
}

.page-404-container .page-404-container-inner h2
{
    flex-flow:column;
    width:100%;
    max-width:350px;
    height:100%;
}
.page-404-container .page-404-container-inner h2 span
{
    font-family:Tomorrow-Regular;
    font-size:3.75rem;
    color:var(--color-main-text-yellow);
    line-height:1.2;
    font-weight:500;
}

/***************************************  FOOTER  ***************************************/
.site-footer
{
    position:relative;
    box-sizing:border-box;
    display:flex;
    width:100%;
    height:330px;
    background: rgb(22,160,239);
    background: linear-gradient(190deg, rgba(22,160,239,1) 43%, rgba(3,116,243,1) 96%);
    padding:4rem 6.5rem;
}

.site-footer .footer-image-container
{
    position:absolute;
    bottom:0;
    right:5%;
}

.site-footer .most-top-footer
{
    display:flex;
    width:100%;
}

.site-footer .most-bottom-footer
{
    display:flex;
    margin-top:2.5rem;
    width:100%;
}

.site-footer .most-bottom-footer span
{
    font-family:Tomorrow-Regular;
    font-size:1rem;
    letter-spacing:0.2px;
    color:var(--color-main-text);
}

.site-footer .site-footer-container
{
    display:flex;
    flex-flow:column;
    width:100%;
}

.site-footer .main-footer
{
    display:flex;
    flex-flow:wrap;
    justify-content:space-between;
    width:100%;
}

.site-footer .main-footer .col-left
{
    width:100%;
    max-width:20%;
}

.site-footer .main-footer .col-middle
{
    width:100%;
    max-width:50%;
}

.site-footer .main-footer .col-right
{
    width:100%;
    max-width:10%;
}

.site-footer ul
{
    padding:0;
    margin:0;
    list-style:none;
}

.site-footer ul li a
{
    text-decoration:none;
    font-family:Tomorrow-Regular;
    font-size:1.125rem;
    letter-spacing:0.5px;
    color:var(--color-main-text);
    border-bottom:2px solid transparent;
}
.site-footer ul li { margin-bottom:0.5rem; }

.site-footer ul li a:hover
{
    border-bottom:2px solid var(--color-main-text);
}



/***************************************  MOBILE MENU  ***************************************/
.mobile-header-container
{
    display:flex;
    position:relative;
    top:0;
    left:0;
    padding:0 1rem;
    flex-flow:wrap;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    width:100%;
    height:70px;
    background-color:var(--color-main-bgk);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
    /*z-index:2000;*/
    transition:all ease 350ms;
}
.mobile-header-container.mobile-only.catchSticky
{
    position:fixed;
    transition:all ease-out 300ms;
}

.mobile-header-container *
{
    box-sizing:border-box;
    display:flex;
}

.mobile-logo-container
{
    flex-flow:column;
    flex-grow:1;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    width:auto;
    max-width:50%;
    height:100%;
}
.mobile-logo-container .logo-link
{
    width:100%;
    height:100%;
    max-height:47px;
}

.mobile-logo-container .logo-link .main-sticky-logo-img { width:100%; }

.mobile-header-actions-container
{
    flex-shrink:0;
    flex-grow:1;
    align-items:center;
    justify-content:end;
    width:auto;
    max-width:50%;
    height:100%;
}

.mobile-header-actions-container
{
    justify-content:end;
    align-items:center;
    flex-grow:1;
    width:auto;
}

.burger-menu-bt
{
    border:0;
    background:0;
    outline:0;
    cursor:pointer;
    margin-right:1.1rem;
}
.burger-menu-icon
{
    max-width:23px;
    width:100%;
    height:21px;
}

.mobile-menu-container
{
    position:fixed;
    box-sizing:border-box;
    left:0;
    top:0;
    transform:translateX(-100%);
    transition:transform ease 450ms;
    height:100%;
    background-color:var(--color-main-bgk2);
    padding:2rem;
    z-index:1011;
    pointer-events:none;
}
.mobile-menu-container * { width:100%; }

.mobile-menu-container.show
{
    width:290px;
    transform:translateX(0px);
    transition:transform ease 450ms;
    pointer-events:auto;
}

.mobile-menu-container .menu
{
    list-style:none;
    padding:0;
    margin:0;
}
.mobile-menu-container .menu li
{
    margin:0.7rem 0;
    padding:0;
}
.mobile-menu-container .menu li a
{
    font-size:1rem;
    color:var(--color-main-text3);
}

.mobile-overlay
{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1010;
    display:none;
    background-color:rgba(0,0,0,.4);
}
.mobile-overlay.show { display:block; }
.site-inner
{
    position:relative;
}
.site-inner.hide
{
    pointer-events:none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{

}

/*******************  RWD / DESKTOPS  *******************/
@media only screen and (max-width: 1360px) and (min-width: 1100px)
{
}

@media only screen and (max-width: 1280px) and (min-width: 1100px)
{
}


/*******************  RWD / MOBILE  *******************/
@media only screen and (max-width: 500px)
{
    .mobile-only { display:flex !important; }
    .desktop-only { display:none !important; }

}

@media only screen and (max-width:440px)
{

}

@media only screen and (max-width:420px)
{

}

@media only screen and (max-width: 384px)
{


}

@media only screen and (max-width: 360px)
{

}