@charset "UTF-8";
/*Обнуление*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&family=Titillium+Web:wght@300;400;900&display=swap");
* { padding: 0; margin: 0; border: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

:focus, :active { outline: none; }

a:focus, a:active { outline: none; }

nav, footer, header, aside { display: block; }

html, body { height: 100%; width: 100%; font-size: 100%; line-height: 1; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

input, button, textarea { font-family: inherit; }

input::-ms-clear { display: none; }

button { cursor: pointer; }

button::-moz-focus-inner { padding: 0; border: 0; }

a, a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

ul li { list-style: none; }

img { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

/*--------------------*/
/*# sourceMappingURL=nullstyle.css.map */
body { max-width: 1920px; margin: 0 auto; font-family: 'Poppins'; }

body a { color: white; text-decoration: none; }

.header { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/1.jpg") center no-repeat; background-attachment: fixed; background-size: cover; margin: 0 auto; position: relative; }

.header .header__container { max-width: 500px; margin: 0 auto; padding: 180px 0px 265px 0px; text-align: center; background: linear-gradient(rgba(175, 13, 13, 0.5), rgba(0, 0, 0, 0.5)); }

.header .header__container .header__title { font-family: "Titillium Web"; font-weight: 900; font-size: 90px; letter-spacing: 10px; }

.header .header__container .header__subtitle { font-size: 60px; line-height: 1.5; font-size: "Poppins"; text-transform: uppercase; position: relative; }

.header .header__container .header__subtitle::after { content: ""; position: absolute; border-bottom: 2px solid white; width: 40px; transform: translate(-200px, -48px); border-radius: 10px; }

.header .header__container .header__subtitle::before { content: ""; position: absolute; border-bottom: 2px solid white; border-radius: 10px; width: 40px; transform: translate(165px, 41px); }

.header .header__container .header__buttons { margin-top: 60px; font-size: 18px; }

.header .header__container .header__buttons a:nth-child(1) { margin-right: 40px; padding: 8px 26px 8px 26px; position: relative; border-bottom: 1px solid white; width: 70px; }

.header .header__container .header__buttons a:nth-child(1):hover { color: #ff9100; border: 1px solid #ff9100; border-radius: 50px; transition: all 0.5s ease-out; }

.header .header__container .header__buttons a:nth-child(2) { padding: 8px 26px 8px 26px; position: relative; border: 1px solid white; border-radius: 50px; width: 50px; }

.header .header__container .header__buttons a:nth-child(2):hover { color: #ff9100; border: 1px solid #ff9100; border-radius: 50px; transition: all 0.5s ease-out; }

.header .header__container .header__button:hover { color: red; }

.about { margin-top: 80px; padding: 20px; }

.about .about__container { max-width: 1020px; margin: 0 auto; }

.about .about__row { display: flex; }

.about .about__column { border-radius: 10px; margin: 0 10px; padding: 20px 25px 50px 30px; width: 600px; }

.about .about__column:nth-child(1) { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/assets/images/989550.jpg") no-repeat; background-size: 600px; }

.about .about__column:nth-child(2) { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/assets/images/loba-andrade.jpg") no-repeat; background-size: 500px; }

.about .about__column:nth-child(3) { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/assets/images/6.jpg") no-repeat; background-size: 500px; }

.about .about__subtitle { color: #ff9100; font-size: 10px; text-transform: uppercase; }

.about .about__title { text-transform: uppercase; font-family: "Titillium Web"; font-weight: 900; font-size: 25px; margin-top: 15px; }

.about .about__text { font-size: 12px; margin-top: 35px; line-height: 1.6; }

.about .about__button { margin-top: 50px; font-size: 18px; }

.about .about__button a { padding: 10px 20px 10px 20px; color: #ff9100; border-bottom: 2px solid #ff9100; }

.about .about__button a:hover { color: #f8ca8e; border-radius: 50px; background-color: rgba(228, 33, 33, 0.4); transition: all 0.5s linear; }

.info { padding: 20px; margin-top: 80px; background: linear-gradient(rgba(175, 13, 13, 0.2), rgba(0, 0, 0, 0.5)), url("/assets/images/8.png") 1050px 35px no-repeat; background-attachment: fixed; background-size: 450px; border-bottom: 5px solid rgba(255, 0, 0, 0.5); border-top: 5px solid rgba(255, 0, 0, 0.5); }

.info .info__container { padding: 80px; margin: 0 auto; max-width: 1180px; max-height: 800px; }

.info .info__container .info__row { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; gap: 140px; }

.info .info__container .info__row .info__title { font-family: "Titillium Web"; font-weight: 900; font-size: 30px; text-transform: uppercase; padding-bottom: 20px; }

.info .info__container .info__row .info__title span { color: #ff9100; }

.info .info__container .info__row .info__text { line-height: 1.5; }

.product { margin-top: 80px; padding: 20px; }

.product .product__container { max-width: 1180px; margin: 0 auto; text-align: center; }

.product .product__container .product__hero-title { font-family: "Titillium Web"; font-weight: 900; font-size: 40px; text-align: center; text-transform: uppercase; margin-bottom: 20px; }

.product .product__container .product__hero-title span { color: #ff9100; }

.product .product__container .product__row { display: flex; margin: 0 -20px; justify-content: center; }

.product .product__container .product__column { width: 500px; padding: 20px 20px; }

.product .product__container .product__column .product__img { text-align: center; }

.product .product__container .product__column .product__img img { transition: 0.3s; width: 280px; height: 350px; }

.product .product__container .product__column .product__img img:hover { transform: scale(1.1); }

.product .product__container .product__column .product__content { margin: 20px auto; text-align: center; }

.product .product__container .product__column .product__content .product__title { font-family: "Titillium Web"; font-weight: 900; font-size: 25px; }

.product .product__container .product__column .product__content .product__line { width: 80%; margin: 20px auto; border-top: 1px solid #ff9100; }

.product .product__container .product__column .product__content .product__description { line-height: 1.2; width: 300px; margin: 0 auto; }

.product .product__container .product__column .product__content .product__btn { text-align: center; margin-top: 30px; font-size: 18px; }

.product .product__container .product__column .product__content .product__btn a { padding: 8px 26px 8px 26px; position: relative; border-bottom: 1px solid #ff9100; width: 70px; }

.product .product__container .product__column .product__content .product__btn a:hover { color: #ff9100; border: 1px solid #ff9100; border-radius: 50px; transition: all 0.5s ease-out; }

.product .product__container .product__button { text-align: center; margin-top: 30px; font-size: 18px; }

.product .product__container .product__button a { width: 300px; padding: 10px 30px 10px 30px; color: #ff9100; border-bottom: 2px solid #ff9100; }

.product .product__container .product__button a:hover { color: #f8ca8e; border-radius: 50px; background-color: rgba(228, 33, 33, 0.4); transition: all 0.5s linear; }

.info-final { padding: 20px; margin-top: 80px; background: linear-gradient(rgba(175, 13, 13, 0.2), rgba(0, 0, 0, 0.5)), url("") 900px 55px no-repeat; background-attachment: fixed; background-size: 50px; border-bottom: 5px solid rgba(255, 0, 0, 0.5); border-top: 5px solid rgba(255, 0, 0, 0.5); transform: translateZ(0px); }

.info-final__container { max-width: 1440px; }

.info-final__row { display: flex; }

.info-final__row .info-final__column { flex: 0 0 43%; padding-left: 180px; }

.info-final__row .info-final__title { font-family: "Titillium Web"; font-weight: 900; font-size: 25px; text-transform: uppercase; padding-bottom: 20px; }

.info-final__row .info-final__title span { color: #ff9100; }

.info-final__row .info-final__text { line-height: 1.5; }

/* Slideshow container */
.slideshow-container { max-width: 1440px; position: relative; margin: 90px auto; }

.slideshow-container .slideshow__title { font-family: "Titillium Web"; font-weight: 900; text-align: center; font-size: 40px; text-transform: uppercase; padding-bottom: 40px; }

.slideshow-container .slideshow__title span { color: #ff9100; }

/* Hide the images by default */
.mySlides { display: none; text-align: center; }

.mySlides img { max-width: 80%; max-height: 600px; overflow: hidden; text-align: center; position: relative; }

/* Next & previous buttons */
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; margin: -22px 50px 0px 50px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }

/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: rgba(228, 33, 33, 0.5); }

/* Caption text */
.text { position: absolute; background: linear-gradient(to bottom, rgba(17, 25, 49, 0.8) 30%, rgba(15, 19, 30, 0.8) 50%); max-width: 600px; color: #f2f2f2; font-size: 15px; padding: 56px 48px; position: absolute; bottom: 15%; left: 30%; width: 100%; text-align: center; }

.text .title { font-family: "Titillium Web"; font-weight: 900; font-size: 40px; }

.text .description { font-size: 16px; margin-top: 16px; line-height: 1.2; }

/* The dots/bullets/indicators */
.line { cursor: pointer; height: 8px; width: 40px; margin: 0 2px; border-radius: 20%; border-radius: 20px; background-color: rgba(17, 25, 49, 0.8); display: inline-block; transition: background-color 0.6s ease; }

.active, .line:hover { background-color: #e42121; }

/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }

@-webkit-keyframes fade { from { opacity: .4; }
  to { opacity: 1; } }

@keyframes fade { from { opacity: .4; }
  to { opacity: 1; } }

.social { margin-top: 80px; }

.social .social__container { max-width: 1440px; margin: 0 auto; }

.social .social__container .social__row { display: flex; justify-content: center; margin: 0 -55px; }

.social .social__container .social__row .social__item { padding: 0 55px; text-align: center; }

.social .social__container .social__row .social__item:hover { color: #e42121; transform: scale(1.1); }

.social .social__container .social__row .social__item .social__img .facebook { width: 33px; padding-bottom: 17px; padding-top: 10px; }

.social .social__container .social__row .social__item .social__img .twitter { width: 60px; padding-bottom: 19px; }

.social .social__container .social__row .social__item .social__img .google { width: 75px; padding-bottom: 19px; }

.social .social__container .social__row .social__item .social__img .youtube { width: 60px; padding-bottom: 26px; }

.social .social__container .social__row .social__item .social__img .instagram { width: 50px; padding-bottom: 22px; }

.social .social__container .social__row .social__item .social__img .twitch { width: 60px; padding-bottom: 18px; }

.social .social__container .social__row .social__item .social__title { color: #ffffff; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; display: block; position: relative; }

.social .social__container .social__row .social__item .social__title a:hover { color: #e42121; }

.contact { padding: 20px; background: linear-gradient(rgba(175, 13, 13, 0.2), rgba(0, 0, 0, 0.5)); border-bottom: 5px solid rgba(255, 0, 0, 0.5); border-top: 5px solid rgba(255, 0, 0, 0.5); transform: translateZ(0px); margin-top: 100px; }

.contact .contact__container { max-width: 1440px; text-align: center; margin: 0 auto; }

.contact .contact__container .contact__row { display: flex; align-items: center; margin: 0 auto; justify-content: center; }

.contact .contact__container .contact__row .contact__title { font-family: "Titillium Web"; font-weight: 900; font-size: 25px; padding-right: 30px; }

.contact .contact__container .contact__row input { margin-right: 15px; padding: 13px; width: 150px; font-size: 10px; }

.contact .contact__container .contact__row .contact__button { padding: 9px 50px 13px 50px; width: 250px; font-size: 14px; font-weight: bold; background-color: white; color: #af0d0d; }

.footer { margin: 0 auto; padding: 40px 0px; }

.footer .footer__container { text-align: center; }

.footer .footer__container p { font-size: 15px; }

.footer .footer__container p span { font-weight: bold; }

/* Position the image container (needed to position the left and right arrows) */
.video__container { position: relative; margin-top: 80px; }

.video__container .video__title { font-family: "Titillium Web"; font-weight: 900; text-align: center; font-size: 40px; text-transform: uppercase; padding-bottom: 40px; }

.video__container .video__title span { color: #ff9100; }

/* Hide the images by default */
.myVideos { display: none; text-align: center; }

/* Add a pointer when hovering over the thumbnail images */
.cursor { cursor: pointer; }

/* Next & previous buttons */
.pr, .n { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin: -22px 50px 0px 50px; color: white; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }

/* Position the "next button" to the right */
.n { right: 0; border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.pr:hover, .n:hover { background-color: rgba(228, 33, 33, 0.5); }

/* Container for image text */
.caption-container { text-align: center; background-color: rgba(228, 33, 33, 0.5); padding: 20px 2px; color: white; font-family: "Titillium Web"; font-size: 25px; font-weight: 900; }

.row { display: flex; margin: 0 -5px; justify-content: space-between; }

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

/* Six columns side by side */
.column { padding: 0 5px; width: 20%; }

/* Add a transparency effect for thumnbail images */
.demo { opacity: 0.6; }

.active, .demo:hover { opacity: 1; }

/*# sourceMappingURL=main.css.map */