@font-face { font-family: 'Oswald'; src: url('../fonts/oswald/Oswald-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Oswald'; src: url('../fonts/oswald/Oswald-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Oswald'; src: url('../fonts/oswald/Oswald-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/roboto_condensed/RobotoCondensed-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/roboto_condensed/RobotoCondensed-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; }
h1 {font-family: Oswald;font-size: 42px;font-weight: 500;} 
h2 {font-family: Oswald;font-size: 48px;font-weight: 600;} 
h3 {font-family: Oswald; font-size: 21px; font-weight: 300;}
@media (max-width: 767px) {
h1 {font-size: 40px;}
h2 {font-size: 38px;} 
h3 {font-size: 19px;}
}
body { font-family: -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.3; text-align: left; margin: 0; }
.product-blocks > .row:nth-child(1) {
font-family: Oswald;
font-size: 33px;
color: #000;
font-weight: 300;
background: #fcc42b;
margin-bottom: 30px;
line-height: 14px;
align-items: center;
}
p.h1-head {font-family: Oswald; font-weight: 400; font-size: 33px;margin: 0px}
p.h2-head {font-family: Oswald; font-weight: 300; font-size: 33px;margin: 0px}
p.h3-head {font-family: Oswald; font-weight: 300; font-size: 26px;line-height: 28px;}

@media (max-width: 1199px) {
p.h1-head {font-weight: 400; font-size: 27px;}
p.h2-head {font-weight: 300; font-size: 24px; padding-top: 2rem;}
p.h3-head {font-weight: 300; font-size: 21px;}
}
img {
  max-width: 100%;
  height: auto;
}

.mt-5, .my-5 {
  margin-top: -30px !important;
}

.slider-head {
  font-size: 22px;
}
.product-blocks > .row:nth-child(1) > .col-md-6:nth-child(1) > div {
  padding-left: calc((100vw - 1440px)/2);
}
@media (max-width: 1488px) {
.product-blocks > .row:nth-child(1) > .col-md-6:nth-child(1) > div {
padding-left: 20px;
}
}	
	
	
	
	
.baner-module .slider-head {font-weight: 700;}
.homeslider.baner-module .slider-head span {font-weight: 500;}
.homeslider.baner-module .slider-head {font-weight: 400;}

@media (min-width: 1200px) {
.homeslider.baner-module .slider-head {
font-size: 30px;
margin-bottom: 15px;
line-height: 40px;
color: #fff;
}
.homeslider.baner-module p { font-family: Oswald; font-weight: 300; font-size: 22px; line-height: 28px; margin-bottom: 44px;}
.homeslider.baner-module p.button { margin-bottom:0px; }
.baner-module .slider-head {font-size: 32px; margin-bottom: 10px}
.baner-module  p {margin-bottom: 40px; font-family: Oswald;
  font-size: 29px;
  font-weight: 400;}
.img-mobile {display: none}
.logo-text {top: 48px;}
}.slide-home-image .swiper-slide {overflow: hidden;}
.slide-home-image .swiper-slide  {padding: 0px;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { left: 115px; width: auto; right: auto; bottom: 60px; }
.homeslider .box-one {padding: 0px !important}
.homeslider .swiper-pagination-bullet { background: #fff !important; height: 6px !important; width: 50px; border-radius: 0px; }
.homeslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #9fc523!important;}
.box-plus p {margin-bottom: 0px}
.box-plus  {margin-bottom: 20px; border-radius: 8px;}
.boxes .left-box img {width: 100%}
.homeslider .row {margin: 0px; height: 100%;}
.homeslider .euroboxess { background-repeat: no-repeat; background-position: 85% center; border-radius: 6px;}
.homeslider .euroboxess.box-2 { position: relative; background-color: #e7e7e7; }
.homeslider .euroboxess.box-1 { position: relative;  background-color: #f9ac1e;  }
.slide-box-image.slide-box-1 .swiper-slide img {width: 100%}
.ht-5 .left-box .head { font-family: Oswald; font-size: 32px; color: #fff; font-weight: 400; line-height: 34px; text-align: right; margin: 0 3rem 0 3rem; }
@keyframes slideRight { 0% { transform: translateX(200%); opacity: 0; } 30% { transform: translateX(-40px); opacity: 0.5; } 60% { transform: translateX(5px); opacity: 0.75; } 100% { transform: translateX(0); opacity: 1; } }
@keyframes slideLeft { 0% { transform: translateX(-200%); opacity: 0; } 30% { transform: translateX(-40px); opacity: 0.5; } 60% { transform: translateX(5px); opacity: 0.75; } 100% { transform: translateX(0); opacity: 1; } }
@keyframes slideUp { 0% { opacity: 0; transform: translateY(-100%); } 60% { opacity: 1; transform: translateY(60px); } 80% { transform: translateY(-20px); } 100% { transform: translateY(0); } }
@keyframes slideDown { 0% { opacity: 0; transform: translateY(100%); } 60% { opacity: 1; transform: translateY(-20px); } 80% { transform: translateY(30px); } 100% { transform: translateY(0); } }
@keyframes floatAndGrow { 0%, 100% { transform: translate(0, 0) scale(1); } 25% { transform: translate(2px, -2px) scale(1.02); } 50% { transform: translate(-2px, 2px) scale(1.02); } 75% { transform: translate(2px, 2px) scale(1.02); } }
@keyframes growBrightenShake { 0% { transform: scale(0) translate(0, 0); opacity: 0; } 20% { transform: scale(0.2) translate(-3px, -3px); opacity: 0.5; } 30% { transform: scale(0.3) translate(-3px, -3px); opacity: 0.5; } 40% { transform: scale(0.4) translate(3px, 3px); opacity: 0.7; } 50% { transform: scale(0.5) translate(3px, 3px); opacity: 0.7; } 60% { transform: scale(0.6) translate(-2px, 2px); opacity: 0.9; } 70% { transform: scale(0.7) translate(-2px, 2px); opacity: 0.9; } 80% { transform: scale(0.9) translate(2px, -2px); opacity: 0.95; } 100% { transform: scale(1) translate(0, 0); opacity: 1; } }
.homeslider.slide-home-image.baner-module .position-absolute { position: absolute !important; display: flex; flex-direction: column; height: 100%; width: 88%; top: 0px; left: 0%; flex-wrap: wrap; }
.homeslider #euro-boxs.baner-module .image_title.position-absolute { position: absolute !important; display: flex; flex-direction: column; height: 100%; width: 90%; top: 0px; left: 10%; flex-wrap: wrap; padding: 0; }
.homeslider .euroboxess.box .baner-head { position: absolute; top: 18%; font-size: 26px; line-height: 32px; font-weight: bold; margin-bottom: 0px !important; text-transform: uppercase; }
.homeslider #euro-boxs.baner-module .euroboxess.box .baner-tbutton { position: absolute; bottom: 15%; z-index: 1; margin: 0px; height: 30%; display: flex; align-content: center; justify-content: center; flex-flow: column; }
.homeslider .euroboxess.box .baner-tbutton a, .homeslider.baner-module p .btn-primary { font-size: 13px; text-transform: uppercase; font-weight: bold; background: #fff; padding: 16px 35px 16px; border-radius: 50px; text-decoration: none; }
.homeslider .euroboxess.box .baner-tbutton a:hover { text-decoration: none; background: #1b75d2!important; }
.homeslider.baner-module p .btn-primary:hover { background: #222; color:#fff; border-color:#222;  }
.homeslider.baner-module p .btn-primary { color: #222; border-color: #fed700; }
.baner-module img.lazyload:not(.loaded) {background: transparent !important;}
.baner-module.homeslider .container.text {position: absolute;height: auto;left: 76% !important;transform: translate(-61%, -52%);top: 52%;}
.baner-module.homeslider .container.textimg {position: relative}
.baner-module .full-width-baner, .baner-module .full-width-single .euroboxess {flex: 0 0 100% !important; max-width: 100% !important;}
.baner-module .full-width-single .euroboxess {padding: 0px !important}
.baner-module .euroboxess {margin-bottom: 1.25rem;}
.baner-module .white-text a, .baner-module .white-text, .baner-module .white-text .baner-head  {color: #fff;}
.page-home #euro-boxs.baner-module .position-absolute {   position: absolute !important; display: flex; flex-direction: column;  height: 100%; width: 100%;top: 18px; flex-wrap: wrap; padding: 0 8%; }
.page-home #euro-boxs  .img-extra-box { border-radius: 6px; filter: brightness(70%); }
.page-home #euro-boxs  .euroboxess a { position:relative; display:inline-block; }
.page-home #euro-boxs  .euroboxess a .image_title { z-index:5; }
.page-home #euro-boxs.baner-module .euroboxess { margin-bottom: 1.5rem; }
.page-home #euro-boxs.baner-module .euroboxess .baner-head {font-family: Oswald; font-size: 28px; font-weight: 400; display: block;}
.page-home #euro-boxs.baner-module .euroboxess p { font-family: Oswald; font-size: 23px; font-weight: 300; text-align: center; margin-bottom: 28px;}
.page-home #euro-boxs .euroboxess a:before { border-radius: 6px; content: ''; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 255, 123, 0)); position: absolute; top: 0px; left: 0px; z-index: 1; background-size: 100% 50%; background-repeat: no-repeat; background-position: center bottom; }
.page-home #euro-boxs .euroboxess a:hover { opacity: 0.9; }
.ht-2 #strefa-1 { background: #fff; border-radius: 10px; padding: 10px; border: 2px solid #f9ad1e;}
.ht-2 .head {font-family: Oswald; font-size: 29px; font-weight: 400;}
.ht-2 .left-box .head {font-family: Oswald; font-size: 29px; font-weight: 400; height: 105px;}
.ht-2 .left-box .txt {font-family: Roboto Condensed; font-size: 19px; font-weight: 300; line-height: 32px; }
.container.ht-2 { margin-bottom: 5rem; }
.ht-2 .right-box .head { padding-bottom: 0.1rem; }
.ht-2 .right-box .under {font-family: Oswald; font-size: 22px; font-weight: 400; text-decoration: underline;}
.ht-2 .right-box .bluebox { background: #404040; border-radius: 10px; padding: 1rem 1.5rem;}
.ht-2 .right-box .bluebox .head { font-size: 21px;  color: #fff; font-weight: 300;}
.ht-2 .right-box .bluebox .li {font-family: Oswald; font-size: 20px; color: #fff; font-weight: 300; line-height: 28px;  margin-bottom: 11px; background-image: url(../img/arrow-blue.png);  background-repeat: no-repeat; padding-left: 45px; }
.ht-2 .right-box .button { margin-top:2rem; }
.ht-2 .btn,.ht-4 .btn {font-family: Oswald; font-size: 20px; font-weight: 400; border-radius: 50px; padding: 14px 45px;}
.ht-2 .bluebox .btn {font-family: Oswald; font-size: 20px; font-weight: 400;background: #fff; color:#404040; border:none; }
.ht-2 .bluebox .btn:hover { background: #717070; color:#fff; }
.container.ht-3 { background: #000; border-radius: 10px; width: 100%; padding-bottom: 3rem; margin-bottom: 4rem; }
.ht-3 .left-box .up {font-family: Oswald; font-size: 22px; font-weight: 300; color: #fff; text-transform: uppercase; padding-left: 0px;}
.ht-3 .left-box .head {font-family: Oswald; color: #fff; font-size: 34px; line-height: 47px; font-weight: 400; height: 305px; padding-left: 55px; padding-right: 55px;}
.ht-3 .left-box img { border-radius: 10px; }
.ht-3 .left-box div.img:before { border-radius: 10px; content: ''; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 123, 0)); position: absolute; top: 0px; left: 0px; z-index: 1; background-size: 100% 40%; background-repeat: no-repeat; background-position: center bottom; }
.ht-3 .right-box { padding-right: 5rem; padding-top: 105px; }
.ht-3 .right-box .head { font-size: 38px; color: #fff; font-weight: 700; }
.ht-3 .right-box .head span {font-family: Oswald; font-size: 38px; color: #fff; line-height: 47px; }
.ht-3 .right-box .txt {font-family: Roboto Condensed; font-size: 22px; font-weight: 300; color: #fff; line-height: 26px; padding-bottom: 1.5rem;}
.ht-3 .right-box .under {font-family: Oswald; font-size: 21px; font-weight: 400; color:#fff; margin-bottom: 0rem; }
.ht-3 .right-box img { border-radius: 10px; }
.ht-3 .right-box div.img { position: relative; display: inline-block; }
.ht-3 .right-box div.img:before { border-radius: 10px; content: ''; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 123, 0)); position: absolute; top: 0px; left: 0px; z-index: 1; background-size: 100% 40%; background-repeat: no-repeat; background-position: center bottom; }
.ht-4 .grey {  background: #f9f9f9;  border-radius: 10px;  padding: 6rem 8rem 3rem; margin-bottom: 4rem; }
.ht-4 .boxes { border-bottom: 1px solid #dcdcdc;  padding-bottom: 2rem; margin-bottom: 4rem; align-items: center;}
.ht-4 .boxes:last-child { border-bottom: 0px; margin-bottom: 0px; }
.ht-4 .boxes .right-box .head {font-family: Oswald; font-size: 28px; line-height: 34px; font-weight: 400;}
.ht-4 .boxes .right-box .txt {font-family: Roboto Condensed; font-weight: 300; font-size: 19px; line-height: 28px; }
.ht-4 .header { font-size: 30px !important; }
.ht-5 {  margin-bottom: 4rem;}
.ht-5 .blue { background-color: #404040; border-radius: 10px; padding: 4rem 0; }
.ht-5 .right-box .head { font-size: 24px; line-height:34px; text-align: right; color:#fff; font-weight: 700; margin:0 3rem 0 3rem; }
.btn, a { -webkit-transition: color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease; -webkit-transition: color .3s ease,background .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease; transition: color .3s ease,background .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease; transition: color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease; transition: color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease; }
.btn:hover, a { -webkit-transition: color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease; -webkit-transition: color .3s ease,background .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease; transition: color .3s ease,background .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease; transition: color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease; transition: color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease; }
@media (min-width :1680px) { .ht-2 .left-box {  padding-left: 90px; padding-right: 120px; } .ht-2 .right-box .bluebox { position: absolute; width: 684px; bottom: 0; } .ht-3 .left-box div.img { position: absolute;  margin-right: 8rem;  bottom: 0px; } }
@media only screen and (min-width: 1440px) and (max-width: 1679px) { .ht-2 .left-box {  padding-left: 70px; padding-right: 90px; } .ht-2 .right-box .bluebox { position: absolute; width: 594px; bottom: 0px; } .ht-3 .left-box div.img {position: absolute; margin-right: 8rem;bottom: 0px; } .ht-4 .grey { padding-left: 4rem; padding-right: 4rem; } }
@media only screen and (min-width: 1200px) and (max-width: 1439px) { .homeslider .maxw-5 { max-width: 65%; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { left: 75px; } .homeslider .euroboxess.box .baner-head { font-size: 24px; line-height: 30px;} .ht-2 #strefa-1 { padding-top: 90px; } .ht-2 .left-box {  padding-left: 70px; padding-right: 90px; } .ht-2 .head { font-size: 26px;line-height: 36px; font-weight: 700; } .ht-2 .right-box { padding-left: 4rem; } .ht-2 .right-box .bluebox .li { font-size: 16px; } .ht-2 .left-box .head { height: 215px; } .ht-2 .right-box .bluebox { position: absolute; width: 495px; bottom: 0px; } .ht-3 .left-box div.img {position: absolute; margin-right: 8rem;bottom: 0px; } .ht-4 .grey { padding-left: 4rem; padding-right: 4rem; } .ht-4 .boxes .right-box .head { font-size: 20px;line-height: 30px;padding-right: 4rem; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .ht-2 .left-box .head { height: 230px; } .ht-2 #strefa-1 { padding-top: 80px; } .ht-2 .left-box {  padding-left: 50px; padding-right: 50px; } .ht-2 .head { font-size: 24px; line-height: 35px; } .ht-2 .right-box {  padding-left: 2rem; } .ht-2 .right-box .bluebox { position: absolute;  width: 437px; bottom: 0px; padding-left: 3rem; padding-right: 3rem; padding-bottom: 2rem; } .ht-2 .left-box .button { margin-bottom: 3rem; } .ht-2 .right-box .bluebox .li { font-size: 15px; } .ht-2 .left-box .txt {padding-bottom: 3rem;font-size: 16px; line-height: 30px; } .slide-box-image.baner-module .slide-box-text .baner-head {font-size: 16px !important; font-weight: 700 !important;line-height: 24px;height: 60px;} .slide-box-image {  margin-bottom: 2rem !important; } .ht-3 .left-box div.img { margin-right: 4rem; bottom: 0px;position: absolute; } .ht-3 .left-box .head {font-size: 36px; line-height: 44px; padding-left: 40px; } .ht-3 .left-box .up { font-size: 14px; padding-left: 40px; } .home-xone-head .slide-box-head, .baner-module .slide-box-head, .ht-4 .header { font-size: 26px;  line-height: 36px; } .slide-box-image.slide-box-2 .slide-box-text .baner-head { height: auto; } .ht-4 .grey { padding-left: 2rem; padding-right: 2rem; } .ht-4 .boxes .right-box .head { font-size: 20px;line-height: 30px;padding-right: 4rem; } .ht-5 .right-box .head br { display:none; } }
@media only screen and (min-width: 576px) and (max-width: 991px) { .ht-2 #strefa-1 { padding-top: 70px; } .ht-2 .head {  font-size: 24px;  line-height: 35px; } .ht-2 .left-box, .ht-2 .right-box { padding-left: 3rem; padding-right: 3rem; } .ht-2 .left-box .txt { padding-bottom: 1rem;  font-size: 16px; line-height: 28px; } .page-home #euro-boxs.baner-module .euroboxess .baner-head {font-size: 18px;margin-bottom: 0px !important;line-height: 30px;} .ht-2 .right-box .under { font-size: 20px; padding-bottom: 3rem; } .ht-2 .right-box .bluebox {padding: 3rem 3rem;} .home-xone-head .slide-box-head, .baner-module .slide-box-head, .ht-4 .header { font-size: 24px!important; line-height: 34px;  margin-bottom: 30px; margin-top: 1rem; } .slide-box-image { margin-bottom: 3rem !important; padding-bottom: 0px !important; } .container.ht-2, .container.ht-3 {  margin-bottom: 3rem; } .page-home #euro-boxs { margin-bottom: 2rem; } .ht-3 .left-box {  padding-top: 90px; } .ht-3 .left-box .head {font-size: 38px; line-height: 44px; margin-bottom: 6rem; } .ht-3 .left-box .up { padding:0 2rem 0 2rem; } }
@media (min-width :576px) { .swiper-slide-active .animation-1 { animation: slideLeft 2.5s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animation-2 { animation: slideRight 2.5s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animation-3 { animation: slideUp 1s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animation-4 { animation: slideDown 1s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animation-5 { animation: growBrightenShake 0.5s ease-in-out, floatAndGrow 8s ease-in-out 1s infinite; } .swiper-slide-active .animationtext-1 { animation: slideLeft 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtext-2 { animation: slideRight 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtext-3 { animation: slideUp 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtext-4 { animation: slideDown 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtext-5 { animation: growBrightenShake 0.5s ease-in-out; animation-delay: 0.5s; } .slide-home-image .align-1 {text-align: left !important; background: #404040;} .slide-home-image .align-2 {text-align: center !important;} .slide-home-image .align-3 {text-align: right !important;} }
@media (max-width :575px) { .swiper-slide-active .animationm-1 { animation: slideLeft 1.5s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animationm-2 { animation: slideRight 1.5s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animationm-3 { animation: slideUp 1s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animationm-4 { animation: slideDown 1s ease-out, floatAndGrow 8s ease-in-out 1.4s infinite; } .swiper-slide-active .animationm-5 { animation: growBrightenShake 0.3s ease-in-out, floatAndGrow 8s ease-in-out 0.6s infinite; } .swiper-slide-active .animationtextm-1 { animation: slideLeft 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtextm-2 { animation: slideRight 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtextm-3 { animation: slideUp 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtextm-4 { animation: slideDown 1.2s ease-out; animation-delay: 0.5s; } .swiper-slide-active .animationtextm-5 { animation: growBrightenShake 0.5s ease-in-out; animation-delay: 0.5s; } .slide-home-image .alignm-1 {text-align: left !important;} .slide-home-image .alignm-2 {text-align: center !important;} .slide-home-image .alignm-3 {text-align: right !important;} .page-home #euro-boxs.baner-module .euroboxess { margin-bottom: 1rem; } }
@media (max-width :991px) { .homeslider.container {padding:0px} .homeslider .maxw-5 { max-width: 100%; background-color: #062d57c4; padding: 12px;} .ht-2 .left-box .head { height: auto; width: 100%; } .ht-3 .left-box div.img::before { display:none; } .ht-3 .left-box .head { height: auto; } .ht-5 .blue { padding: 3rem 0; } .ht-5 .right-box .head,.ht-5 .right-box  { text-align: center; } .ht-5 .right-box {margin-top: 2rem; } .ht-3 .right-box, .ht-3 .left-box .head { padding: 4rem 2rem 0 2rem; } .ht-4 .grey { padding: 3rem 3rem 0rem; } .ht-4 .boxes .right-box .head { background-position: left top;  font-size: 22px;  line-height: 34px; padding: 1rem 0 0 0; } .ht-4 .boxes { margin-bottom: 2rem; padding-bottom: 1rem} }
.container.home-width {padding: 0px;}
.container.home-width #content-wrapper {padding: 0px;}
.container.home-width .container {padding-right: 0.625rem; padding-left: 0.625rem;}
.homeslider.width-big, .home-width, .homeslider {position: relative; margin: 0 auto}
.home-width {width: 100% !important}
.slide-box-image {position: relative}
.homeslider.baner-module {max-width: 1920px}
.products-list__block--mini {text-align: left !important}
.slide-box-image .slide-box-text {background: #fff; padding: 12px 0px; transition: all 0.2s ease-in;}
.slide-box-image .slide-box-text .baner-head {font-family: Oswald; font-size: 24px !important; font-weight: 400 !important}
.slide-box-image .slide-box-text p { font-family: Roboto Condensed; font-size: 18px; font-weight: 300; padding: 0px; display: block; margin-bottom: 0px; line-height: 28px; }
.slide-box-image.slide-box-2 .slide-box-text p { font-family: Roboto Condensed; font-size: 18px; line-height: 24px; font-weight: 300; }
.slide-box-image .swiper-slide:hover img {opacity: 0.9}
.slide-box-image .swiper {margin-right: -0.625rem; margin-left: -0.625rem; position: relative}
.slide-box-2 .slide-box-text a {display: block}
.slide-box-2 .slide-box-text .baner-head {margin-bottom: 10px !important}
.slide-box-2 .slide-box-text .baner-head a {text-decoration: underline}
@media (max-width :1199px) { .slide-home-image .swiper-slide { padding-top: 0px; } .homeslider .euroboxess.box {height: 260px; margin: 10px 0 0 0; } .homeslider.slide-home-image.baner-module .position-absolute { left: 1%; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { left: 50px; } 
.homeslider.baner-module .slider-head { font-size: 28px; margin-bottom: 28px; line-height: 32px; } .homeslider.baner-module p { font-family: Oswald; font-size: 21px; font-weight: 300; line-height: 24px; margin-bottom: 30px;} }
@media ( min-width :1349px) {.ht-2 .right-box { padding-left:6rem } .ht-2 .right-box { padding-left:6rem } .ht-2 .left-box .button {  margin-bottom: 4rem; } .container.home-bottom-text { width: 1400px; } }
@media ( min-width :992px) { #main .nav-link {padding: 0.75rem 1.25rem;} .product-tabs .featured-products__navigation {top: -85px;} .swiper-pagination.slider-home {text-align: right; padding-right: 50px; padding-bottom: 10px;} }
@media ( max-width :991px) { #index #wrapper { margin-top: 0px; } .home-tabs {margin-bottom: 10px !important} .container.home-width .container {padding-right: 0.5rem; padding-left: 0.5rem;} .ht-5 .left-box .head {text-align: center;} .baner-module.homeslider .container.text {left: 70% !important;} }
@media (max-width: 767px) { .homeslider .euroboxess.box { height: 215px; } .homeslider .euroboxess.box .baner-tbutton a, .homeslider.baner-module p .btn-primary { font-size: 11px; padding: 14px 30px; } .homeslider .euroboxess.box .baner-head { font-size: 18px; line-height: 26px; } }
.container.home-bottom-text .bt-head { font-family: Oswald; font-weight: 400; font-size: 26px; color: #000; margin-bottom: 18px; }
.container.home-bottom-text p { font-family: Roboto Condensed; font-weight: 300; font-size: 19px; line-height: 22px; color: #000; }
.container.home-bottom-text { margin-bottom: 4rem; }
@media (max-width: 575px) {
  .baner-module p {
    margin-bottom: 15px;
    font-family: Oswald;
    font-size: 19px !important;
    font-weight: 300 !important;
  }
}