@font-face{
    font-family:"Molde Light";
    src:url("/design/base/font/Molde-Light.woff2") format("woff2"),url("/design/base/font/Molde-Light.woff?1") format("woff");
}
@font-face{
    font-family:"Molde SemiCondensed Light";
    src:url("/design/base/font/Molde-SemiCondensed-Light.woff2") format("woff2"),url("/design/base/font/Molde-SemiCondensed-Light.woff?1") format("woff");
}
@font-face{
    font-family:"Molde SemiCondensed Medium";
    src:url("/design/base/font/Molde-SemiCondensed-Medium.woff?1") format("woff");
}
@font-face{
    font-family:"Molde SemiCondensed Bold";
    src:url("/design/base/font/Molde-SemiCondensed-Bold.woff?1") format("woff");
}
@font-face{
    font-family:"Molde SemiCondensed Heavy";
    src:url("/design/base/font/Molde-SemiCondensed-Heavy.woff2") format("woff2"),url("/design/base/font/Molde-SemiCondensed-Heavy.woff?1") format("woff");
}
@font-face{
    font-family:"Molde SemiCondensed UltraLight";
    src:url("/design/base/font/Molde-SemiCondensed-UltraLight.woff2") format("woff2"),url("/design/base/font/Molde-SemiCondensed-UltraLight.woff?1") format("woff");
}
		

body {font-family: "Molde Light", Helvetica, Arial, sans-serif;  font-size: 18px; line-height: 30px; font-weight: 300; background-color: #ffffff; color: black; margin:0; padding:0;}
strong, b, .bold {font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif !important; letter-spacing: normal !important;}
.bold2 {font-family: "Molde SemiCondensed Bold", Helvetica, Arial, sans-serif !important;}
.rot, .red {color: #e2001a !important;}
.redBtn {border-radius: 0; color: #fff !important;background-color: #e2001a;font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif;font-weight: 400; text-decoration: none; display: block; padding: 12px 18px;font-size: 18px;line-height: 1.33; text-align: center;}
.redBtn:hover, .redBtn:active {background-color: #aa0014 !important; border-color: transparent !important;}
.redBtn_small {border-radius: 0; color: #fff !important;background-color: #e2001a;font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif;font-weight: 400; text-decoration: none; display: inline-block; padding: 12px 18px;font-size: 18px;line-height: 1.33; text-align: center;}
.redBtn_small:hover {background-color: #aa0014;}
.grayBtn {color: #fff !important; border-top: 2px solid white; background-color: #5E5E5E;font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif;font-weight: 400; text-decoration: none; display: block; padding: 12px 18px;font-size: 18px;line-height: 1.33; text-align: center;}
.grayBtn:hover {background-color: #4E4E4E;}
span.uppercase {font-weight: bold;text-transform: uppercase;font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif;font-size: 28px;display: inline-block;}
ul.check-bullets {padding-left: 0;padding-bottom: 0;margin-left: 0;margin-top: 10px;}
.check-bullets li {padding-left: 0;list-style: none;line-height: 1.4em;font-size: inherit;padding-left: 2em;position: relative;margin-bottom: 10px;}
.check-bullets li::before {border-radius: 100%;display: inline-block;position: absolute;left: 0;top: 0;font-family: FontAwesome;font-size: 1.3em;color: #e2001a;content: "\f00c";}
.check-bullets.warnung li::before {font-family: FontAwesome;font-size: 1.3em;color: #e2001a;content: "\f071";}

.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.headerTop {background-color:white; border-top: 5px solid #E2001A;}

.navbar-nav {color: #000000; font-family: "Molde SemiCondensed Light", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 18px; padding-right: 65px;}
.navbar-nav .nav-link {color: #000000;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {color: #E2001A;}
.logoHeader {height: 125px; width: auto; margin-bottom: -60px;}
.navbar-collapse {position: relative;}
.navbar-toggler {border: none;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");} 
.navbar-toggler:focus {box-shadow: none;}

.langPanel {color: black; background: white; border: 1px solid #9F9F9F; border-radius: 6px; padding: 0 8px 4px 8px; position: absolute; top: 4px; right: 0;}
.mobileLang, .langPanel .langMenu, .langPanel .lang-all, .mobileLang i {display: none;}  
.langPanel i {font-size: 12px; color: black; text-decoration: none;}
.langPanel .langMenu .lang-selected, .langPanel span {display: none;}
.langPanel .lang-selected {color: white; text-decoration: none; padding: 3px 0 0 0; display: block;}
.langPanel .langMenu .lang-all {display: block;}
.langPanel img {height: 12px;}
.mobileLang img {height: 12px; display: block;}
.mobileLang {margin-top: 30px; margin-bottom: 15px;}
.mobileLang .langItem {display: inline-block;color: black; text-decoration: none; text-transform: uppercase; font-size: 14px; margin-right: 25px;}
.mobileLang .lang-selected {color: #E2001A;}

.swiper {z-index: 100; width:100%; height: 75vh; min-height: 650px; margin-top: 85px; margin-bottom: 100px; z-index: 100 !important; position: relative;}  
.swiper .swiper-slide {overflow: hidden;}
.swiper .swiper-wrapper {position: relative;}
.swiper .swiper-wrapper .swiper-slide {position: relative; z-index: 100 !important; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.slickInfoBlockHome  {right: 0 !important; bottom: -60px !important; z-index: 1000 !important; position: absolute !important;}

.swiperLeftText {height: 40vh; min-height: 600px;} 
.swiperLeftText .swiper-pagination {text-align: right; margin-top: -40px;  position: relative;  z-index: 1000;} 
.swiperLeftText .container {position: relative; height: 100%;} 
.swiperLeftText p {text-transform: uppercase; color: white; letter-spacing: -.025em; font-size: 80px; line-height: 0.75em; position: absolute; bottom: 15px; left: 11px; z-index: 100;}
.swiperLeftText p::before {content: ""; width: 250%; height: 250%; display: block; z-index: -1; position: absolute; right: -80px; bottom: -140%; background-color: #e1001a; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg);}
.swiperLeftText .bold2 {font-family: "Molde SemiCondensed Bold";}
.swiperLeftText .thin {font-family: "Molde SemiCondensed Light";}
.swiperLeftText .thinText {font-family: "Molde SemiCondensed Light"; font-size: 30px; text-transform: none; letter-spacing: -.025em;}
.swiperLeftText .new {font-family: "Molde SemiCondensed Bold"; text-transform: uppercase; color: white; letter-spacing: -.025em; font-size: 80px; line-height: 75px; position: absolute; top: 45px; right: 11px; z-index: 100;}
.swiperLeftText .new::before {content: ""; width: 350%; height: 250%; display: block; z-index: -1; position: absolute; left: -40px; bottom: -45%; background-color: #000000; opacity: 0.4; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg);}


.swiper-pagination {text-align: left; margin-top: -40px;  position: relative;  z-index: 1000;} 
/*čárky .swiper-pagination .swiper-pagination-bullet {background: white; width: 18px; height: 4px; border-radius: 0; opacity: 0.5; border-radius: 50vh;} 
.swiper-pagination .swiper-pagination-bullet-active {opacity: 1;} */
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #ffffff;opacity: 0.6;margin-left: 18px !important;margin-top: 3px !important; margin-bottom: 3px !important;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;width: 16px;height: 16px;border: 2px solid #C0B5A7;margin-top: 0 !important; margin-bottom: 0 !important;}



.homeContent img {width: 100%; height: auto; max-width: 280px;}
.homeContent h1 {font-size: 48px; line-height: 48px; color: #000000; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-weight: 100; margin-bottom: 30px; letter-spacing: -.025em;}
.homeContent a {color: #e2001a; text-decoration: none;}
.homeContent a:hover {color: #aa0014;}

.content {position: relative;}
.content h1 {font-size: 48px; line-height: 48px; color: #000000; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-weight: 100; margin-bottom: 30px; letter-spacing: -.025em;}
.content h2 {font-size: 48px; line-height: 48px; color: #000000; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-weight: 100; margin-bottom: 30px; letter-spacing: -.025em;}
.content h4 {color: #e2001a; margin-bottom: 10px; margin-top: 30px;}
.content a {color: #e2001a; text-decoration: none;}
.content a:hover {color: #aa0014;}
.sppb-media-object {display: inline-block; width: 100%; max-width: 95px; height: auto; vertical-align: middle; border: 0;}
.sppb-media-object2 {display: inline-block; width: 100%; max-width: 95px; height: auto; vertical-align: top; border: 0;}
.sppb-media-body {display: inline-block;}
.sppb-addon-testimonial {position: relative;}
.sppb-media-body h2 {margin: 0; position: absolute; top: 50%; left: 110px; transform: translateY(-50%); font-size: 48px; line-height: 48px; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif;font-weight: 100; letter-spacing: -.025em;}
.sppb-addon-testimonial h2 {font-size: 65px !important;}
.sppb-addon-testimonial h2 span {font-family: "Molde SemiCondensed UltraLight"; font-size: 45px !important; display: block; margin-top: 20px;}
.sppb-media-body-light h2 {font-family: "Molde SemiCondensed Light"; font-size: 65px;}
.content .logo {width: 100%; height: auto; max-width: 280px;}
.videoContainer {text-align: center; padding: 10px 0 60px; border-bottom: 1px solid #ccc;}
.videoButtonWrap {text-align: center; display: inline-block; max-width: 510px;}
.videoButton {display: inline-block; position: relative; margin-bottom: 5px; color: #e2001a; width: 100%;}
.videoButton img {width: 100%; height: auto;vertical-align: middle;border: 0;}
.videoButtonWrap .fa-play {padding-right: 0.3em;font-size: 1.1em;line-height: .75em;display: inline-block;font-size: 30px;color: #fff;background-color: #e2001a;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;-o-transition: all 500ms ease 0s;transition: all 500ms ease 0s;}
.videoButtonWrap .fa-play::before {margin-left: 15px;}
.videoButtonWrap .videoButton:hover .fa-play {background-color: #fff;color: #e2001a;}

.aktualitaDetailContent h2 {color: #000000; font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif; font-size: 48px; line-height: 48px;}
.aktualitaDetailContent h2 span.sub {display: block; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; letter-spacing: -.025em;}
.aktualitaDetailContent h3 {font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-size: 39px;line-height: 39px; color: #000000; font-weight: 100; letter-spacing: -.025em;}
ul.custom-bullets {margin-left: 0; padding-left: 0; list-style: none;}
ul.custom-bullets li::before {height: 1.3em;width: 1.3em;background: url(/design/base/images/bulletpoint.svg);border-radius: 100%;display: inline-block;content: '';margin-right: 15px;position: absolute;left: 0;top: 5px;}
ul.custom-bullets li {font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif;position: relative;padding-left: 2em;}
.aktualitaDetailContent ul li {margin-bottom: 10px;}

.h1profiline {font-size: 7vw !important; width: 100% !important; font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif !important; line-height: 5.3vw !important;}

.sppb-blocknumber-number {width: 28px; height: 28px; line-height: 28px; background-color: rgba(226, 0, 26, 1); color: #ffffff; border-radius: 100px;display: inline-block;text-align: center;font-family: "Molde SemiCondensed Heavy", Helvetica, Arial, sans-serif;margin-right: 15px;}

.implementsItem {margin-top: 100px;}
.implementsItem img {width: 100%; height: auto; max-width: 340px;}
.implementsItem h2 {font-size: 48px; line-height: 48px; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-weight: 100; margin-bottom: 30px; letter-spacing: -.025em;}
.implementsItem h2::after {font-size: 48px; line-height: 48px; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-weight: 100; margin-bottom: 30px; letter-spacing: -.025em;}

.implementsFooterItem h4 {font-size: 18px;}
.implementsFooterItem a {text-decoration: none;}
.implementsFooterItem img {width: 100%; margin-bottom: 30px;}
.implementsMainImg {width: 100%; margin-top: 86px;}
table {width: 100% !important; margin: 12px -2px 0 -2px; border-collapse: collapse;}
table, td, th {border: 2px solid white;}
table tr:first-child {background: #5e5e5d; color: #fff;}
tr:nth-child(2n+1) {background: #dddddd;color: #000000;}
tr:nth-child(2n) {background: #dddddd; color: #000000;}
td {padding: 10px; height: 50px; text-align: center; width: initial !important; line-height: initial;}
.tableinfo {display: none;}

.vizitka .avatar {width: 180px; border-radius: 100%; max-width: 100%; margin-bottom: 15px;}
.accordion-item {border-bottom: none;}
.accordion-button {font-size: 22px; font-weight: 300 !important; line-height: 1em !important; background: #5E5E5D !important; color: white !important; margin-bottom: 0 !important;}
.accordion-button:focus {box-shadow: none;}
.Cflag {height: 20px !important; width: auto !important; margin-right: 10px;}

input.form-control, textarea.form-control, select.form-select {font-family: "Molde Light";background-color: #E7E7E7; border: none; font-weight: 300; color: #4A4A4A; border-radius: 0px; box-shadow: none; outline: none;}
input.form-control:focus, textarea.form-control:focus, select.form-select:focus {font-family: "Molde Light";background-color: #E7E7E7; border: none; font-weight: 300; border-radius: 0px; box-shadow: none; outline: none;}
.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-invalid:focus {box-shadow: none; outline: none; border: 1px solid #dc3545;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {border-color: #dc3545; box-shadow: none;}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {border-color: #198754; box-shadow: none;}
.btn-close:focus {border: none; box-shadow: none; outline: none;}
.form-floating > .form-select {padding-top: 0.625rem;padding-bottom: .625rem; font-size: 18px; color: black; padding-left: 0.9rem;}

.requestFormHolder input.form-control,.requestForm textarea.form-control,.requestForm select.form-select {font-family: "Molde Light";background-color: #ffffff; border: none; color: #4a4a4a; border-radius: 0px; box-shadow: none; outline: none; }
.requestFormHolder input.form-control:focus,.requestForm  textarea.form-control:focus,.requestForm  select.form-select:focus {font-family: "Molde Light"; background-color: #ffffff; border: none; border-radius: 0px; box-shadow: none; outline: none;}

.shopAdHome {position: relative; overflow: hidden; margin-bottom: 150px !important;}
.shopAdHome::before {content: '';position: absolute;top: 0;left: 50%;margin-left: -75px; width: 150px; height: 75px; background-size: auto 75px !important;z-index: 99;background-image: url(/design/base/images/icon-dreieck-unten-weiss50.svg);background-repeat: no-repeat;background-attachment: scroll;background-position: 50% 0;}
.shopAdHomeGray::before {content: '';position: absolute;top: 0;left: 50%;margin-left: -75px; width: 150px; height: 75px; background-size: auto 75px !important;z-index: 99;background-image: url(/design/base/images/icon-dreieck-unten-grau50.svg);background-repeat: no-repeat;background-attachment: scroll;background-position: 50% 0;}
.slickInfoBlock::before {content: "";width: 110%;display: block;position: absolute;top: 0;left: 0;height: 100%;background-color: #e2001a;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);transform: rotate(10deg);-moz-transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;-o-transform-origin: 0% 0%;-webkit-transform-origin: 0% 0%;transform-origin: 0% 0%;}
.slickInfoBlock {-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg);-moz-transform-origin: 0% 100%;-ms-transform-origin: 0% 100%;-o-transform-origin: 0% 100%;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;width: 105%;z-index: 1;overflow: hidden;padding-right: 6%;background-color: #e2001a;text-align: right;position: relative;padding: 20px;padding-right: 20px;-webkit-transition: margin-right 0.75s ease-out 1s;-moz-transition: margin-right 0.75s ease-out 1s;-ms-transition: margin-right 0.75s ease-out 1s;-o-transition: margin-right 0.75s ease-out 1s;transition: margin-right 0.75s ease-out 1s;width: 50%;margin-left: auto;margin-right: -20px;margin-top: -12%;}
.slickInfoBlock .textWrap {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);padding: 5%;}
.textWrap h3 {font-size: 4vw;line-height: 4vw;color: #fff;font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif;font-weight: 100; letter-spacing: -.025em;}
.textWrap a {color: white; text-decoration: none;}
.textWrap a:hover {color: black;}
.subMainImg {margin-bottom: 10px !important;}
.subMainImg img {width: 100%;}

.implementsItem a.fancybox {position:relative; display: inline-block;}
.implementsItem a.fancybox:after {content: "\f00e"; font-family: "Font Awesome 5 Free"; right:0; position:absolute; bottom:0; font-weight: 900; font-size: 30px; transition: all .4s ease-in-out;}
.implementsItem a.fancybox:hover:after {transform: scale(1.3);}

.productItem {position: relative; height: 100%; padding-bottom: 210px;}
.productItem .butons {  position: absolute; width: 100%; bottom: 0px;}
.productItem .smallerText {font-size: 16px;}
.productItem h2 {font-size: 38px; line-height: 1em; min-height: 85px;}
.productItem h2 a, .productItem h2 a:hover {color: black;}
.productItem.card {border: none;}
.productItem.card .card-header {border: none; background: none; padding: 0;}

.tractorBrandHolder {margin-bottom: 15px;}
.tractorBrand {overflow-wrap: break-word; height: 100%;background: #DDDDDD; display: block; text-align: center; color: black !important; padding-top: 8px; padding-bottom: 8px;}
.tractorBrand.active {background: #e2001a; color: white !important;}
.tractorBrand:hover {background: #BBBBBB;}
.tractorBrand.active:hover {background: #e2001a; color: white !important;}


.listGroupTraktory {border-radius: 0 !important;}
.listGroupTraktory a {border-radius: 0 !important; border-left: 1px solid white; border-top: none !important; border-bottom: 1px solid white !important; background: #E2001A; color: white;}
.listGroupTraktory a:hover {background: #AA0014; color: white;}
.listGroupTraktory a.active {background: #AA0014; color: white;}
.listGroupTraktory .list-group-item.active {border-left: 1px solid white; border-color: white}

.owl-carousel .owl-item img {object-fit: contain; height: auto;}
.owl-nav {text-align: center; font-size: 40px; margin-top: 30px;}
.owl-nav button {padding: 0 10px 0 10px; margin: 0 10px 0 10px;}

.newsHome {background: #E6E6E6; position: relative; padding-top: 100px; padding-bottom: 50px;}
.newsHome::before {content: '';position: absolute;top: 0;left: 50%;margin-left: -75px; width: 150px; height: 75px; background-size: auto 75px !important;z-index: 99;background-image: url(/design/base/images/icon-dreieck-unten-weiss50.svg);background-repeat: no-repeat;background-attachment: scroll;background-position: 50% 0;}
.newsHome h2 {font-size: 48px;line-height: 48px;color: #000000;font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif;font-weight: 100;margin-bottom: 30px; letter-spacing: -.025em;}
.newsHomeListItem a img {object-fit: cover; height: 220px;}
.newsHomeListItem a {color: #e2001a; text-decoration: none;}
.newsHomeListItem a:hover {color: #aa0014;}
.newsHomeListItem .sub1 {font-size: 18px; line-height: 30px; font-weight: 300;}
.newsHomeListItem .sub2 {}
.newsHomeListItem .link {color: #e2001a; text-decoration: none;}

.heroHolder {position: relative;overflow: hidden;}
.heroHolderTractor {object-fit: cover;  position: absolute;  width: 100%;  left: 50%;  transform: translate(-50%, -50%);  top: 50%;  height: 100%;}
.parallax__container {z-index: 100;}
.hero {min-height: 700px; z-index: 1000; position: relative; }
.hero h2 {text-transform: uppercase; color: white; letter-spacing: -.025em; font-size: 80px; line-height: 0.98em; font-family: "Molde SemiCondensed Bold"; position: absolute; bottom: 15px; left: 11px; z-index: 100;} 
.hero h2::before {content: ""; width: 250%; height: 250%; display: block; z-index: -1; position: absolute; right: -70px; bottom: -130%; background-color: #000000; background-blend-mode: multiply;opacity: 0.4; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg);}
.hero .new {color: black; font-family: "Molde SemiCondensed Bold"; text-transform: uppercase; letter-spacing: -.025em; font-size: 80px; line-height: 75px; position: absolute; top: 40px; right: 11px; z-index: 100;}
.hero .new::before {content: ""; width: 350%; height: 250%; display: block; z-index: -1; position: absolute; left: -40px; bottom: -45%; background-color: #ffffff; opacity: 0.4; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg);}
.hero .new2 {font-family: "Molde SemiCondensed Bold"; text-transform: uppercase; color: white; letter-spacing: -.025em; font-size: 50px; line-height: 3rem; position: absolute; top: 40px; right: 11px; z-index: 100;}
.hero .new2 a {color: black; text-decoration: none;}
.hero .new2::before {content: ""; width: 350%; height: 250%; display: block; z-index: -1; position: absolute; left: -40px; bottom: -45%; background-color: #ffffff; opacity: 0.4; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg);}
.hero.herotitle h3 {text-transform: none; color: #fff;font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif;font-weight: 100;letter-spacing: -.025em; position: absolute; bottom: 15px; left: 11px; z-index: 100;} 
.hero.herotitle h3::before {content: ""; width: 250%; height: 250%; display: block; z-index: -1; position: absolute; right: -70px; bottom: -130%; background-color: #e2001a; opacity: 1; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg);}
.hero.herotitleRight h3 {text-align: right; text-transform: none; color: #fff;font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif;font-weight: 100;letter-spacing: -.025em; position: absolute; bottom: 15px; right: 11px; z-index: 100;} 
.hero.herotitleRight h3::before {content: ""; width: 250%; height: 250%; display: block; z-index: -1; position: absolute; left: -70px; bottom: -80%; background-color: #e2001a; opacity: 1; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg);}


.productLeft {width: 160%; right: 50px; top: 150px; position: absolute;}
.productRight {width: 160%; left: -150px; bottom: 0px; position: absolute;}

.grayFade {position: relative; overflow: hidden; background: rgb(242,242,242);background: -moz-linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(177,177,177,1) 100%);background: -webkit-linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(177,177,177,1) 100%);background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(177,177,177,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#b1b1b1",GradientType=1);}
.grayBg {background: #EBEBEB; overflow: hidden;}
.gray {color: #4a4a4a;}
.leftHeading {font-size: 60px !important;}
.grad-white {position: absolute; bottom:-25%; left:0;}

.panel_button img {max-width: 120px;}
.panel_button img:hover {background: white; border-radius: 12px; cursor: pointer;}
.panel_button.active img {background: white; border-radius: 12px; cursor: pointer;}
#panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10, #panel11, #panel12 {display: none;}
.panel {position: relative; height: 980px; overflow: hidden; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; background-size: auto, cover; background-position: top center, center; background-repeat: no-repeat;}
.panel h3 {font-size: 50px; font-family: "Molde SemiCondensed Bold"; letter-spacing: -.025em; line-height: 45px;}
.panel h3 span {font-size: 25px; font-family: "Molde SemiCondensed Bold"; color: #e1001a; text-transform: uppercase; letter-spacing: -.025em;}
.panel .fncRed {position: absolute; top: 66px;   left: 50%;  transform: translate(-50%, 0);}
#panel1 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-01_pressure_regulation.jpg);}
#panel8 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-02_bucket_shake.jpg);}
#panel9 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-03_working_window.jpg);}
#panel12 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-04_electric_parallel_guidance.jpg);}
#panel7 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-05_end_position_dumping.jpg);}
#panel6 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-06_electric_flow_sharing.jpg);}
#panel3 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-07_teach_in.jpg);}
#panel10 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-08_vibration_dumping.jpg);}
#panel4 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-09_return_to_position.jpg);}
#panel5 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-10_ramp_function.jpg);}
#panel2 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-11_load_independent_lowering_speed.jpg);}
#panel11 {background-image: url(/design/base/images/triangle.svg?1), url(/files/products/isoline-features/stoll-isobusconnected-functions-12_weighing.jpg);}
.panelDetail {background: rgb(242,242,242); background: linear-gradient(180deg, rgba(242,242,242,0.8) 0%, rgba(177,177,177,0.8) 100%); bottom: 0; position: absolute;}
.panel .listItemSmaller {font-size: 30px !important; padding-bottom: 7px !important;}
.panel .listItemUL {font-size: 30px !important; font-family: "Molde SemiCondensed Medium"; color: #4a4a4a; list-style: none; margin: 0; padding: 0;}
.panel .listItemUL li {margin-bottom: 7px !important; background: url('/design/base/images/circle.svg') no-repeat; background-size: 17px; background-position: 0px 8px; padding-left: 25px;}

.panel p {font-size: 20px !important;}
.panel .prev_button, .panel .next_button {cursor: pointer;}
.panel .buttonsControl {position: absolute; bottom: 0; left: 9px;}
.panel .buttonsControl img {display: inline-block;}

.listItem {font-size: 45px; padding-bottom: 24px; font-family: "Molde SemiCondensed Medium"; color: #4a4a4a; letter-spacing: -0.025em;}
.listItem .ic1 {color: #e1001a;}
.listItem .ic2 {color: #e9e9e9;}
.listItem span {vertical-align: middle; margin-left: -5px; font-size: 12px; margin-right: 10px; margin-top: -10px;}

.listItemSmaller {font-size: 26px; padding-bottom: 15px; font-family: "Molde SemiCondensed Medium"; color: #4a4a4a;}
.listItemSmaller .ic1 {color: #e1001a;}
.listItemSmaller .ic2 {color: #e9e9e9;}
.listItemSmaller span {vertical-align: middle;   margin-left: -5px; font-size: 9px;  margin-right: 4px;  margin-top: -5px;}

.listItemUL {font-size: 26px; font-family: "Molde SemiCondensed Medium"; color: #4a4a4a; list-style: none; margin: 0; padding: 0;}
.listItemUL li {margin-bottom: 15px; background: url('/design/base/images/circle.svg') no-repeat; background-size: 17px; background-position: 0px 8px; padding-left: 25px;}
.listItemUL45px {font-size: 45px;font-family: "Molde SemiCondensed Medium";color: #4a4a4a;letter-spacing: -0.025em; list-style: none; margin: 0; padding: 0;}
.listItemUL45px li {padding-bottom: 24px; background: url('/design/base/images/circle.svg') no-repeat; background-size: 23px; background-position: 0px 6px; padding-left: 35px;}

.grayHeading {font-size: 60px !important; font-family: "Molde SemiCondensed Bold" !important; color: #4a4a4a !important;}
.grayHeading50 {font-size: 50px !important; font-family: "Molde SemiCondensed Medium" !important; color: #4a4a4a !important;}

.productZoom {transition: 1.4s ease;}
.productZoom:hover {transition: 1.4s ease;-webkit-transform: scale(2);-ms-transform: scale(2);transform: scale(2); transform-origin:center 20%;}

.horizontalScrool {-webkit-overflow-scrolling: touch;overflow-x: scroll;  overflow-y: hidden; white-space: nowrap;}
.requestForm {background-position: center, 55%; overflow: hidden; background-image: url(/files/bgimg/Stoll-IsobusConnected-RequestForm.jpg?1); background-image: radial-gradient(circle, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(/files/bgimg/Stoll-IsobusConnected-RequestForm.jpg?1); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.requestForm .content {}


.mt-80 {margin-top: 80px;}
.mt-150 {margin-top: 150px;}
.bigText {font-size: 65px; font-family: "Molde SemiCondensed Bold"; text-transform: uppercase; line-height: 60px; letter-spacing: -0.025em;}
.bigText75 {font-size: 75px; font-family: "Molde SemiCondensed Bold"; text-transform: uppercase; line-height: 0.8em; letter-spacing: -0.025em;}
.redBtnInline, .redBtnInline2 {text-decoration: none; padding: 13px 40px 13px 40px; background: #e1001a; font-size: 25px; font-family: "Molde SemiCondensed Light"; color: white !important; display: inline-block;}
.redBtnInline:hover, .redBtnInline2:hover {background: #aa0014;}
.redBtnInlineSlide {position: absolute; right: 16px; bottom: 80px;}
.grayBtnInline {text-decoration: none; padding: 13px 40px 13px 40px; background: none; border: 1px solid #747474; font-size: 25px; font-family: "Molde SemiCondensed Light"; color: #747474 !important; display: inline-block;}
.grayBtnInline:hover {background: #747474; color: white !important;}


.downloadsHead {padding: 150px 0 40px 0; background: #5E5E5E; font-size: 5vw; line-height: 5vw; color: #fff;font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-weight: 100; letter-spacing: -.025em;}
.downloadItem {padding: 10px 20px 10px 20px; background: #DDDDDD; display: block; color: black !important; border-bottom: 1px solid white;}
.downloadItem:hover {background: #BBBBBB; color: #E1001A !important;}
.linkList {display: none; cursor: pointer;}
.listeOeffner {cursor: pointer; padding: 10px 20px 10px 20px; background: #848483; display: block; color: white !important; border-bottom: 1px solid white;}
.listeOeffner.open, .listeOeffner:hover {background: #757575;}
.linkList.open {display: block;}

.footer {background: #5E5E5D; color: white;}
.footer p {font-size: 14px; line-height: 16px; color: white; margin-top: 30px; margin-bottom: 0;}
.footer a {color: white; text-decoration: none;}
.footer a:hover {color: black;}
.footer h2 {font-size: 48px; line-height: 48px; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; font-weight: 100; letter-spacing: -.025em;}
.footer h3 {font-size: 18px;}
.footer h4 {font-size: 14px; line-height: 16px;}
.footer .copyright {height: 11px; margin-top: -2px;}

.subJobImg {position: relative; overflow: hidden;}
.subJobImg .subJobImgBg {height: 600px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;}

.agritechnicaBG {background: url(/design/base/images/shape.png?1), url(/design/base/images/stoll-Agritechnica_banner.jpg?1); background-repeat: no-repeat; background-size: contain, cover; background-position: right, left; min-height: 300px;}
.agritechnicaBG .shopAdHome {margin-bottom: 0px !important;}

.btnContact {cursor: pointer;}
#contactModal .modal-title {font-size: 40px; font-family: "Molde SemiCondensed UltraLight", Helvetica, Arial, sans-serif; margin-left: 7px;}
.youtube-video {aspect-ratio: 16 / 9;width: 100%;}

.dtsp-name {color: black !important;}
#tractorGallery, #downloads {margin: 30px 0 30px 0; clear: both; display: inline-table;}
#tractorGallery_length, #downloads_length {margin-top: 6px;}
.dataTable tbody tr:first-child {color: black;}
.dataTable .tLeft {text-align: left; overflow-wrap: break-word;}
.dataTable .tLeft a {color: black; overflow-wrap: break-word;}
.dataTable .tLeft a:hover {color: #e1001a; text-decoration: underline;}
.dataTable .fa-file-download {font-size: 20px;}
.dataTable th select {padding-left: 0; display: block; font-weight: bold;  border-radius: 0; background: #5e5e5d; border: none; width: 100%; color: white; font-size: 18px;  -moz-appearance: none;-webkit-appearance: none;appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;
    background-size: .95em auto, 100%;}
.lng {width: 170px !important;}
.type {min-width: 100px;}
.fil {width: 50px; text-align: center !important;}
.dataTables_wrapper .dataTables_length {float: right;}
.dataTables_wrapper .dataTables_filter {float: left;text-align: right;}
#downloads_length select, #tractorGallery_length select {padding-left: 10px; font-weight: normal; min-width: 85px; border-radius: 0; background: #dddddd; border: none; color: black; font-size: 18px;  -moz-appearance: none;-webkit-appearance: none;appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;
    background-size: .95em auto, 100%;}
.downloadTitle {overflow-wrap: break-word;}
.downFlag img {height: 20px;}
.downFlag {display: inline-block; text-align: center; background: #dddddd; padding: 0px 12px 0px 12px; margin: 0 12px 12px 0; font-size: 15px;}
.downFlag a {color: black; display: block;}
.downFlag.active {background: #e1001a;}
.downFlag.active a {color: white !important;}
.downFlag:hover {background: #BBBBBB;}
.downFlag:hover a {color: black !important;}
.downFlag.active:hover {background: #e2001a;}
.downFlag.active:hover a {color: white !important;}

#pjWrapperStoreLocator_theme1 .pjSlContainer {padding: 0px !important; margin-top: 30px; font-family: "Molde Light", Helvetica, Arial, sans-serif !important;}
#pjWrapperStoreLocator_theme1 * {font-family: "Molde Light", Helvetica, Arial, sans-serif !important;}
[id^="pjWrapper"] .panel {border: 0 !important; -webkit-box-shadow: none !important;box-shadow: none !important;}
[id^="pjWrapper"] .pre-scrollable {max-height: none !important;overflow-y: auto !important;}
[id^="pjWrapper"] .panel-heading {padding: 0 !important;}
#pjWrapperStoreLocator_theme1 .pjSlResults .pjSlResult {padding-left: 0 !important; padding-right: 0 !important;}
#pjWrapperStoreLocator_theme1 .pjSlForm .form-control {border: none !important;background: #e7e7e7 !important; color: black !important;}
[id^="pjWrapper"] .input-group-addon {padding: 6px 12px; margin-right: 10px; color: white !important;background-color: #e2001a !important;border: none !important;}
#stl_current_location {color: white !important;background-color: #5e5e5d !important;}
[id^="pjWrapper"] a {  color: #e2001a !important;}
#pjWrapperStoreLocator_theme1 .btn-primary {border: none !important;color: #fff;background: #e2001a !important;}
#pjWrapperStoreLocator_theme1 .glyphicon {font-family: 'Glyphicons Halflings' !important;}
.pjSlSearchIcon {padding: 0 25px !important;}
.pjSlMap {left: 10px;}
#pjWrapperStoreLocator_theme1 .pjSlMap {height: 550px !important;}
.btnShow {background: #e2001a; color: white; text-decoration: none;display: block;padding: 12px 18px;font-size: 18px;line-height: 1.33; cursor: pointer; margin-top: -23px; position: relative; z-index: 1000;}
#stl_search_result {transition: all 1s ease; overflow-y: hidden !important;height: 525px; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent);}
#stl_search_result.expand {height: 100%; transition: all 1s ease; -webkit-mask-image: linear-gradient(180deg, #000 100%, transparent);}


 

/* ---------- RESPONZIVNI BREAKPOINTY ----------------- */

/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px)  {
.navbar-nav {margin-top: 55px;}
.shopAdHome::before {  content: ''; position: absolute; top: 0; left: 50%; margin-left: -50px; width: 100px; height: 50px;z-index: 99;background-repeat: no-repeat; background-size: inherit !important; background-attachment: scroll;background-position: 50% 0;}
.slickInfoBlock {width: 105%; margin-right: 0;}
.swiper-slide .slickInfoBlock {width: 104%; margin-right: -20px;}
.textWrap h3 {font-size: 12vw; line-height: 12vw;}
.slickInfoBlock .textWrap {padding: 0 5% 0 0;}
.subMainImg img {height: 420px; width: auto;}

.tableinfo {display: none;}
td .tableinfo {width: 66%; padding-right: 10px; display: inline-block; content: attr(data-table);}
td {border: none; position: relative; text-align: left; padding: 3px 6px;}
table, thead, tbody, th, td, tr {display: block; height: auto !important;}
table tr {padding: 5px;}
table tr:nth-child(2n+1) {background: #dddddd;}
table tr:nth-child(2n) {background: #eeeeee;}
table tr:first-child {display: none;}
.downloadsHead {font-size: 9vw; line-height: 9vw;}
#tractorGallery thead tr, #downloads thead tr {display: table; background: #5e5e5d; padding: 0; width: 100%;}
#tractorGallery thead tr th, #downloads thead tr th {width: 100% !important; border-bottom: none;}
#tractorGallery thead tr th select, #downloads thead tr th select {width: 95%;}
#tractorGallery_wrapper, #downloads_wrapper {overflow: hidden;}
.fil {width: auto; text-align: left !important;}
.dataTables_wrapper .dataTables_length {float: none; text-align: center;}
.dataTables_wrapper .dataTables_filter {float: none; text-align: center; margin-top: 15px;}

.pjSlMap {left: 0;}
.grad-white {position: absolute; bottom:-13%; left:0;}

.swiperLeftText .new {letter-spacing: -.025em; font-size: 30px; line-height: 43px; top: 25px;}
.swiperLeftText p {letter-spacing: -.025em; font-size: 40px; line-height: 35px;}
.swiperLeftText .thinText {font-size: 20px; letter-spacing: -.025em;}

.redBtnInlineSlide {display: none;}
.panel .fncRed {position: relative;top: auto;left: auto; transform: none;}
.panel .buttonsControl {position: relative;bottom: auto;left: auto; margin-bottom: 25px;}

.panel {height: 1300px;}

.productItem h2 {min-height: auto;}

.agritechnicaBG {background: url(/design/base/images/stoll-Agritechnica_banner.jpg?1); background-repeat: no-repeat; background-size: cover; background-position:left bottom; min-height: 400px;}
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-nav {margin-top: 55px;}
.shopAdHome::before {  content: ''; position: absolute; top: 0; left: 50%; margin-left: -50px; width: 100px; height: 50px;z-index: 99;background-repeat: no-repeat; background-size: inherit !important; background-attachment: scroll;background-position: 50% 0;}
.slickInfoBlock {width: 100%;}
.textWrap h3 {font-size: 6vw; line-height: 6vw;}
.slickInfoBlock .textWrap {padding: 0 5% 0 0;}
.subMainImg img {height: 490px; width: auto;}

.tableinfo {display: none;}
td .tableinfo {width: 66%; padding-right: 10px; display: inline-block; content: attr(data-table);}
td {border: none; position: relative; text-align: left; padding: 3px 6px;}
table, thead, tbody, th, td, tr {display: block; height: auto !important;}
table tr {padding: 5px;}
table tr:nth-child(2n+1) {background: #dddddd;}
table tr:nth-child(2n) {background: #eeeeee;}
table tr:first-child {display: none;}

#tractorGallery thead tr, #downloads thead tr {display: table; background: #5e5e5d; padding: 0; width: 100%;}
#tractorGallery thead tr th, #downloads thead tr th {width: 100% !important; border-bottom: none;}
#tractorGallery thead tr th select, #downloads thead tr th select {width: 95%;}
#tractorGallery_wrapper, #downloads_wrapper {overflow: hidden;}
.fil {width: auto; text-align: left !important;}
.dataTables_wrapper .dataTables_length {float: none; text-align: center;}
.dataTables_wrapper .dataTables_filter {float: none; text-align: center; margin-top: 15px;}

.swiperLeftText .new {letter-spacing: -.025em; font-size: 60px; line-height: 75px;}
.swiperLeftText p {letter-spacing: -.025em; font-size: 60px; line-height: 50px;}
.swiperLeftText .thinText {font-size: 25px; letter-spacing: -.025em;}
.productRight {width: 190%;left: 0px;top: -75px; position: absolute;}

.agritechnicaBG {background: url(/design/base/images/stoll-Agritechnica_banner.jpg?1); background-repeat: no-repeat; background-size: cover; background-position:bottom; min-height: 400px;}

} 

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.swiperLeftText .new {letter-spacing: -.025em; font-size: 60px; line-height: 75px;}
.swiperLeftText p {letter-spacing: -.025em; font-size: 60px; line-height: 50px;}
.swiperLeftText .thinText {font-size: 25px; letter-spacing: -.025em;}
.productRight {width: 180%;  left: -60px; top: -85px; position: absolute;}
.panel {height: 1200px;}

}


/* XXXL (desktops, less than 1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
.productRight {width: 180%;  left: -60px; top: -85px; position: absolute;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
.panelDetail {padding: 0 12px 0 12px !important;}
.panel .container .fncRed, .panel .container h3 {padding: 0 12px 0 12px !important;}
.grad-white {position: absolute; bottom:-10%; left:0;}
}