@charset "utf-8";
/* CSS Document */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,select{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;color:unset}html{scroll-behavior:smooth}a{text-decoration:none;cursor:pointer}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}img{max-width:100%;}
/*=== END RESET ===*/

/*=== CLEARFIX ===*/
.clear{clear:both}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{zoom:1}

/*=== GLOBAL ===*/
.flex-container{display:flex}.flex-vertical{flex-direction:column}.flex-horizontal{flex-direction:row}.flex-width{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-height{height:100%}.flex-wrap{flex-wrap:wrap}.set-width{flex-grow:0;flex-shrink:0;flex-basis:auto}.justify-center{justify-content:center}.justify-right{justify-content:flex-end}.justify-left{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-center{align-items:center}.align-top{align-items:flex-start}.align-bottom{align-items:flex-end}.align-stretch{align-items:stretch}.align-all-center{align-items:center;justify-content:center}.align-self-center{align-self:center}.align-self-right{align-self:flex-end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mobile-only{display: none}.max-width{margin:0 var(--sm-padding)}.map{min-height:350px;line-height:0;}


*,
*::before,
*::after {
    transition: all 0.3s ease;
}
a:hover {cursor: pointer !important;}

/*=== SELECT STYLES ===*/
::selection, ::-moz-selection {
	background: var(--red);
	color: var(--white);
	text-shadow: none;
}

:root {
	/*=== Fonts ===*/
    --Rokkitt: "Rokkitt", serif;
    --Inter: "Inter", sans-serif;

	/*=== Colors ===*/
    --black: #000000;
	--white: #FFFFFF;
	--yellow: #FFA810;
	--red: #D82027;
	--grey: #E0E0E0;
    --gray: #E0E0E0;
    
    /*=== Font Sizes ===*/
    --p: clamp(16px, 5vw, 20px);

	/*=== Spacing ===*/
	--lg-padding: clamp(75px, 5vw, 100px);
	--sm-padding: clamp(25px, 2.5%, 2.5%);
}

    .white{color: var(--white)}
    .black{color: var(--black)}
    .yellow{color: var(--yellow)}
    .red{color: var(--red)}
    .grey{color: var(--grey)}
    .gray{color: var(--gray)}

body {
    position: relative;
	font-family: var(--Inter), sans-serif !important;
	height: auto !important;
    background-color: var(--black);
/*    background-image: url("/siteart/logo-background.svg");*/
}
body.main-page  {color: var(--white) !important;}
body.main-page p {line-height: 2;}

.page-shadow {
	max-width: 1920px!important;
    width: 100%!important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px!important;
    background-color: rgb(255, 255, 255)!important;
    margin: 0 auto!important;
	overflow-x: hidden;
}
strong, b {
    font-weight: 800;
}
p {
    font-family: var(--Inter);
    font-size: clamp(16px, 5vw, 18px);
/*    color: var(--white);*/
}
.bold {
    font-weight: 700;
}

.thick {
    font-weight: 700 !important;
}
.thin {
    font-weight: 300 !important;
}

.center {text-align: center;}

.xl-heading, .lg-heading, .md-heading, .sm-heading {
	font-family: var(--Rokkitt);
	text-transform: capitalize;
}

.xl-heading-bold {
	font-family: var(--Rokkitt);
	text-transform: uppercase;
    font-weight: 900 !important;
}


.xs-heading {
	font-family: var(--Rokkitt);
    font-weight: 900;
	text-transform: uppercase;
	padding-top: 5px;
}
.xl-heading {font-size: clamp(48px, 5vw, 64px);line-height: clamp(48px, 5vw, 64px); text-transform: uppercase !important;}
.lg-heading {font-size: clamp(34px, 5vw, 42px);line-height: clamp(34px, 5vw, 42px);}
.md-heading {font-size: clamp(27px, 5vw, 35px);line-height: clamp(27px, 5vw, 35px);}
.sm-heading {font-size: clamp(18px, 5vw, 26px);line-height: clamp(18px, 5vw, 26px);}
.xs-heading {font-size: clamp(16px, 5vw, 18px);line-height: clamp(16px, 5vw, 18px);}
.section-title {padding: 25px 0 50px 0; font-weight: 700; text-transform: uppercase;}

.sm-padding {padding: 20px 0;}
.md-padding {padding: 50px 0;}

.gimmespace {height: 100px;}

.width90 {width: 90%; margin: auto; max-width: 2000px}

hr.gold100 {width: 100%; height: 1px; background-color: var(--yellow); border: none; margin: 0;}
hr.red100 {width: 100%; height: 1px; background-color: var(--red); border: none; margin: 0;}
.goldBorder {border: 1px solid var(--yellow);}
.redBorder {border: 1px solid var(--red) !important;}
.gold-bkgd {background-color: var(--yellow);}

/*=== ANIMATIONS  
============================================*/
.slide-in-blurred-bottom{-webkit-animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both;animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both}
@-webkit-keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.animate-on-scroll {
  /* Prevent the animation from auto-playing if an Animista class exists */
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
  visibility: hidden;
}

.is-visible {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
  visibility: visible;
}

.anim-dur-300 { -webkit-animation-duration: .3s !important; animation-duration: .3s !important; }
.anim-dur-500 { -webkit-animation-duration: .5s !important; animation-duration: .5s !important; }
.anim-dur-700 { -webkit-animation-duration: .7s !important; animation-duration: .7s !important; }
.anim-dur-800 { -webkit-animation-duration: .8s !important; animation-duration: .8s !important; }
.anim-dur-1000 { -webkit-animation-duration: 1s !important; animation-duration: 1s !important; }

.anim-delay-100 { -webkit-animation-delay: .1s !important; animation-delay: .1s !important; }
.anim-delay-200 { -webkit-animation-delay: .2s !important; animation-delay: .2s !important; }
.anim-delay-300 { -webkit-animation-delay: .3s !important; animation-delay: .3s !important; }
.anim-delay-500 { -webkit-animation-delay: .5s !important; animation-delay: .5s !important; }

@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll,
  .is-visible,
  [class*="fade-"],
  [class*="slide-"],
  [class*="scale-"] {
    -webkit-animation: none !important;
            animation: none !important;
    transition: none !important;
  }
}


/*=== BODY STYLES 
============================================*/

/*=== HEADER / NAV STYLES 
==============================*/

.header-wrap na ul li a {text-transform: uppercase !important;}
.header-wrap {background-color: var(--black);}

nav.primary.nav {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 25px; border-bottom: 1px solid var(--red);}
.header-logo img {height: 75px; width: auto; margin: 0 0 0 25px;}
.mobile-menu-fb {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.mobile-menu-right {display: flex; flex-direction: row; gap: 0px; align-items: center;}
a.last-link{color: var(--white); background-color: var(--red);}
a.last-link:hover {color: var(--black);background-color: var(--yellow) !important;}

@media screen and (max-width: 1000px) {
    nav.primary.nav {
        display: none !important;
    }
}

/*=== BUTTONS 
==============================*/

.btn-phone {padding: 10px 15px; background-color: var(--red); color: var(--white); border-radius: 10px;}

.btn-white {color: var(--black); background-color: var(--white); display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; max-width: 250px; padding: 10px; border-radius: 0 0 0 10px; border: 1px solid var(--white);}
/*.btn-white > i {border-radius: 100%; border: 1px solid var(--black); padding: 3px;}*/
.btn-white:hover {color: var(--white); background-color: var(--red); border-color: var(--white); transform: translateX(5px);}
/*.btn-white:hover > i {border-color: var(--white);}*/

.btn-red {color: var(--white); background-color: var(--red); display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; max-width: 100%; width: 250px; padding: 10px; border-radius: 3px; border: 1px solid var(--red);}
/*.btn-red > i {border-radius: 100%; border: 1px solid var(--white); padding: 3px;}*/
.btn-red:hover {color: var(--black); background-color: var(--white); border: 1px solid var(--black); transform: translateX(5px);}
/*.btn-red:hover > i {border-color: var(--black);}*/

.btn-black {color: var(--yellow); background-color: var(--black); display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; max-width: 100%; width: 250px; padding: 10px; border-radius: 3px; border: 3px solid var(--yellow);}
/*.btn-black > i {border-radius: 100%; border: 1px solid var(--white); padding: 3px;}*/
.btn-black:hover {color: var(--black); background-color: var(--white); border: 3px solid var(--black); transform: translateX(5px);}
/*.btn-black:hover > i {border-color: var(--black);}*/

/*=== HOME PAGE 
==============================*/
#hero {position: relative;}
#hero .hero-text {position: absolute; top: 50%; transform: translateY(-50%); left: 5vw; z-index: 99; display: flex; flex-direction: column; gap: 20px;}

#hero .swiper-wrapper { width: 100%; height: auto; max-height: 900px; min-height: 400px;}
.swiper-gradient {position: absolute; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%); z-index: 99;}
.heroSwiper .swiper-wrapper img {object-fit: cover; object-position: center bottom; min-height: 400px;}
.swiper.heroSwiper  {width: 100%;height: 100%;}
.heroSwiper .swiper-slide {text-align: center;font-size: 18px;background: #444;display: flex;justify-content: center;align-items: center;}
.heroSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; object-position: center bottom;}
.heroSwiper .autoplay-progress {background-color: rgba(255,255,255,0.82);border-radius: 100%;position: absolute;right: 16px;bottom: 16px;z-index: 10;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: var(--red);}
.heroSwiper .autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 4px;stroke: var(--red);fill: none;stroke-dashoffset: calc(125.6px * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}
.heroSwiper .swiper-button-next {color: var(--red); display: none;}
.heroSwiper .swiper-button-prev {color: var(--red); display: none;}
.heroSwiper .swiper-pagination-bullets span {height: 20px; width: 20px; z-index: 999;}
.heroSwiper .swiper-pagination-bullet-active {background-color: var(--red);}

section#brands { padding: 50px 0 100px 0;}
.splatter-bkgd { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../siteart/yellow splatter.png");background-color: var(--black); background-size: cover; background-position: center center;}
.inv-ql {display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;gap: 20px;}
.ql-box {flex: 1;display: flex;align-items: center;justify-content: center;border: 3px solid var(--red);padding: 50px;}
.ql-box h3 {text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 3px; text-underline-offset: 10px;}
.ql-box:hover {flex: 1.25; background-color: rgba(255, 255, 255, 0.25);}
.ql-box img {object-fit: contain;width: 100%;max-width: 300px;height: auto;}
.ql-content {display: none; padding: 50px 0 0 0; line-height: 2;}
.ql-content.active {display: block;}

section#home-about {padding: 50px 0 100px 0;}
.red-bkgd { background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../siteart/red-texture-bkgrd-bright.jpg");background-color: var(--black); background-size: cover; background-position: center center;}
.btn-row {display: flex; flex-direction: row; flex-wrap:wrap; gap: 10px; padding: 25px 0;}
.fb-black-half {display: flex; width: 100%; justify-content: space-between; align-items: stretch; gap: 50px;}
.blk-bkgd {background-color: var(--black);}
.left-fb {padding: 25px 50px 25px 5%; max-width: 50%;}
.right-fb {padding: 0 5% 0 0 ; max-width: 50%;}
.aboutSwiper {max-width: 100%; height: 100%; cursor: grab;}
.aboutSwiper .swiper-slide {height: auto; object-position: center center; overflow: hidden;}
.aboutSwiper .swiper-slide img {width: 100%; height: 500px; object-fit: cover !important; object-position: center center;}
.aboutSwiper .swiper-button-prev {position: absolute; display: block !important; z-index: 999; background-color: rgba(0, 0, 0, 0.5); color: var(--white); padding: 10px;}
.aboutSwiper .swiper-button-next {position: absolute; display: block !important; z-index: 999; background-color: rgba(0, 0, 0, 0.5); color: var(--white); padding: 10px;}
.aboutSwiper .swiper-pagination {display: block;}
.aboutSwiper .swiper-pagination-bullet {height: 15px; width: 15px;}
.aboutSwiper .swiper-pagination-bullet-active { background-color: var(--white);}
.aboutSwiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {opacity: 1; background-color: var(--red);}

section#home-versatile {padding: 50px 0 100px 0;  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/versatile-background.jpg");background-color: var(--black); background-size: cover; background-position: center center; min-height: 100vh;}
section.brand-section .section-logo {width: 100%; max-width: 400px; height: auto; padding: 50px 0;}
section.brand-section .button-row {padding: 50px 0 0 0;}
section.brand-section p {max-width: 800px;}

section#home-zetor {padding: 50px 0 100px 0;  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/zetor-background.jpg");background-color: var(--black); background-size: cover; background-position: center center; min-height: 100vh;}

section#social-section {padding: 50px 0 100px 0; position: relative;}
.socials-fb {display: flex; flex-direction: row; justify-content: space-between; gap: 50px;}
.social-icons {display: flex; flex-direction: row; justify-content: space-between; height: 100%; width: 100%;  max-width: 500px; align-self: stretch; gap: 20px;}
.social-icons a:hover img {transform: translateY(-5px); background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(4px);}
.social-icons img {background-color: var(--white); height: 100%; width: 100%; max-width: none; border-radius: 20%;}
iframe.fb-embed {width: 100%; min-height: 500px; max-height: 500px;}
iframe.yt-embed {width: 100%; min-height: 500px; max-height: 500px;}
.fade-blk {position: absolute; bottom: 0; width: 100%; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));}

/*=== ABOUT PAGE 
==============================*/
.subpage-hero#about-hero {background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/berndt-hero-7.jpg"); background-size: cover; background-position: center center;}
.subpage-hero-text {padding: 100px 0; }
.subpage-hero-text > p {max-width: 700px;}

.team-fb {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 50px; flex-wrap: wrap;}
.team-box {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; background-color: var(--black); border-radius: 3px; padding: 20px 30px; border: 1px solid var(--yellow);}
.team-box i {font-size: 30px;}

/*=== CONTACT PAGE 
==============================*/
/*.subpage-hero#contact-hero {background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/berndt-hero-3.jpg"); background-size: cover; background-position: center center;}*/
.map-bkgd {background: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url("../siteart/map-red.jpg"); background-position: 5% 50%; background-szie: cover;}

section.contact-form {padding: 100px 0;}
.form-wrap {max-width: 1100px; padding: 50px; border-radius: 3px;}
#contact-form {display: flex; flex-direction: column; gap: 10px; font-size: var(--p); max-width: 100%;}
#contact-form input {color: var(--black) !important;}
#contact-form label {display: none;}
#contact-form input:not(#CaptchaAnswer) {padding: 20px; width: 100%;}
#contact-form .input-row {display: flex; flex-direction: row; gap: 10px;}
#contact-form .dualFields {width: 50%;}
#contact-form textarea {width: 100%; height: 200px; border: none; font-family: var(--Inter); padding: 20px; font-size: var(--p);}
#contact-form input.submit:hover {cursor: pointer ;}

.right-fb {overflow: hidden;}
.right-fb iframe {width:1400px; height: 100%; max-width: none; min-height: 400px;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important;padding:0 0 0 0 !important;text-align: center;line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0;padding:0 0 0 0;}
.CaptchaMessagePanel {padding:0 0 0 0 !important;margin:0 0 0 0 !important;font-weight:normal !important;font-size:12px;line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0;padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:2;text-decoration: underline !important;margin:0 0 0 0;padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/*=== VERSATILE PAGE STYLES 
==============================*/
section#versatile {position: relative; padding: 50px 0 100px 0;  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/versatile-background.jpg");background-color: var(--black); background-size: cover; background-position: center center; min-height: 100vh;}
section#versatile .inv-ql {display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;gap: 20px;}
section#versatile .ql-box {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 3px solid var(--red);padding: 50px;}
section#versatile .ql-box h3 {text-decoration: none; text-decoration-color: var(--red); text-decoration-thickness: 3px; text-underline-offset: 10px;}
section#versatile .ql-box:hover {flex: 1.25; background-color: rgba(255, 255, 255, 0.25);}
section#versatile .ql-box img {object-fit: contain;width: 100%;max-width: 300px;height: auto;}
section#versatile .ql-content {display: none; padding: 50px 0 0 0; line-height: 2;}
section#versatile .ql-content.active {display: block;}

/*=== ZETOR PAGE STYLES 
==============================*/
section#zetor {position: relative; padding: 50px 0 100px 0;  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/zetor-background.jpg");background-color: var(--black); background-size: cover; background-position: center center; min-height: 100vh;}
section#zetor .inv-ql {display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;gap: 20px;}
section#zetor .ql-box {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 3px solid var(--red);padding: 50px;}
section#zetor .ql-box h3 {text-decoration: none; text-decoration-color: var(--red); text-decoration-thickness: 3px; text-underline-offset: 10px;}
section#zetor .ql-box:hover {flex: 1.25; background-color: rgba(255, 255, 255, 0.25);}
section#zetor .ql-box img {object-fit: contain;width: 100%;max-width: 300px;height: auto;}
section#zetor .ql-content {display: none; padding: 50px 0 0 0; line-height: 2;}
section#zetor .ql-content.active {display: block;}

/*=== THANK YOU PAGE 
==============================*/
.subpage-hero#thank-you-hero {background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/berndt-hero-2.jpg"); background-size: cover; background-position: center center;}

/*=== 404 PAGE 
==============================*/
.subpage-hero#hero-404 {background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../siteart/berndt-hero-6.jpg"); background-size: cover; background-position: center center;}

/*=== INVENTORY STYLES 
==============================*/

h1.list-title {color: var(--white);}
.list-top-section strong.list-listings-count {color: var(--yellow) !important;}
p.ts-disclaimer.des-disclaimer > span {color: var(--white) !important;}

/*=== FOOTER STYLES 
==============================*/

.footer-wrapper {padding: 50px 0; color: var(--white) !important; background-color: var(--black);}
.footer-fb-bottom {display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between; gap: 20px;}
.footer-fb-bottom > a {flex: 1 1 25%;max-width: 20%;display: flex;justify-content: center;align-items: center;min-width: 160px;text-decoration: none;}
.footer-fb-bottom > a img {max-height: 100px;width: auto; max-width: 100%;object-fit: contain;display: block;}
.footer-fb-bottom > a > img.footer-logo {max-height: none; height: 200px !important;}
.footer-fb-top {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px;}
/*.footer-socials {max-width: 20%;}*/
.footer-socials img {height: 50px; width: 50px;}
.footer-nav ul li a:hover {color: var(--yellow); transform: translateX(5px);}
.footer-nav-list {display: flex; flex-direction:row; gap: 20px; line-height: 2;}
.footer-wrapper .btn-red {margin-top: 20px;}





/*=== Media Breaks
=======================================================*/

@media screen and (max-width: 1400px) {
    .fb-black-half {flex-direction: column; gap: 0; background-color: var(--black); padding-bottom: 50px;}
    .left-fb {max-width: none; padding: 25px 5%;}
    .right-fb {width: 90%; max-width: 1400px; padding: 0; margin: auto;}
    .aboutSwiper {max-height: 400px;}
    section#home-about {padding-bottom: 0;}
    
    .socials-fb {flex-direction: column;}
    .social-icons {flex-direction: row; justify-content: flex-start;}
}
@media screen and (max-width: 1100px) {
    .inv-ql {flex-direction: column;}
    .ql-box img {max-height: 100px;}
    section#versatile .inv-ql {flex-direction: column;}
    section#versatile .ql-box img {max-height: 100px;}
    section#zetor .inv-ql {flex-direction: column;}
    section#zetor .ql-box img {max-height: 100px;}
}

@media screen and (max-width: 800px) {
    .footer-fb-bottom > a {flex: 1 1 50%; max-width: 40%;}
}
@media screen and (max-width: 700px) {
    .form-wrap {padding: 50px 5%;}
    .form-wrap.width90 {width: 100%;}
    #contact-form .input-row {flex-direction: column; width: 100%;}
    #contact-form .dualFields {width: 100%;}
}
@media screen and (max-width: 360px) {
    .footer-fb-bottom {gap: 50px;}
    .footer-fb-bottom > a {flex: 1 1 100%; max-width: 100%;}
}