@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Poppins:200,300,400,800"); @import url("https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two"); @import url("https://fonts.googleapis.com/css?family=Nunito+Sans:700"); @-webkit-keyframes showUp { 0% { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } 30% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } 100% { -webkit-transform: translate(-5px, -30px) scale(1.05); transform: translate(-5px, -30px) scale(1.05); } } @keyframes showUp { 0% { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } 30% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } 100% { -webkit-transform: translate(-5px, -30px) scale(1.05); transform: translate(-5px, -30px) scale(1.05); } } :root { --trans-speed: .17s; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .hide { display: none; } img { max-width: 100%; } .ov-hidden { overflow: hidden; } body { font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 20px; color: #282828; font-weight: 400; } footer { font-family: 'Noto Sans', sans-serif; } @media (min-width: 1420px) { .container { max-width: 1400px; } } h1, h2, h3, h4, h5, h6 { font-weight: 200; line-height:52px; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { display: block; font-style: normal; font-weight: 800; font-size: 54px; } .header h1 { line-height:1.2; } .header h1 em { margin-top:0px; } h1 { font-size: 52px; } h2 { font-size: 52px; } .menucall { display: none; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 20px; z-index: 9999; } .menucall span { width: 30px; height: 3px; margin: 4px 0; display: block; } .menucall span:nth-child(1) { background-color: #e51e28; } .menucall span:nth-child(2) { background-color: #ba161e; } .menucall span:nth-child(3) { background-color: #9f1219; } .button { display: block; background-color: #ffffff; color: #282828; padding: 10px 20px; border-radius: 10px; margin: 10px; text-align: center; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; font-family: 'Shadows Into Light Two', cursive; font-size: 18px; } .button:hover, .button:active, .button:focus { outline: none; color: #282828; background-color: #e6e6e6; } .background-container { position: absolute; left: 0; top: 0; width: 100%; z-index: 5; min-height: 100vh; } .background-container .bgimg { width: 100%; } .background-container img { width: 100%; -o-object-fit: cover; object-fit: cover; } .page-container { position: relative; z-index: 10; } .icon-left:after { content: url(../img/left.png); } .icon-right:after { content: url(../img/right.png); } .icon-pl:after { content: url(../img//pl.png); } .icon-de:after { content: url(../img/de.png); } .icon-en:after { content: url(../img/en.png); } aside { position: absolute; top: 35px; right: 33px; z-index: 888; } aside a { cursor: pointer; } aside .icon:after { position: relative; top: 4px; } aside .langs a { display: inline-block; margin-right: 7px; opacity: .75; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } aside .langs a.active { opacity: 1; } aside .langs a:hover, aside .langs a:active, aside .langs a:focus { opacity: 1; } aside .socials { margin-left: 18px; } aside .socials a { margin: 0 5px; } .typical-content { padding: 50px 0; } header { text-align: center; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } header.start { position: relative; padding-top: 40px; z-index: 100; width: 100%; } header.fixed { position: fixed; width: 100%; background-color: #ffffff; } header:not(.start) { padding: 8px 0; margin-bottom: 50px; } header:not(.start) .container { position: relative; } header:not(.start) .logo { position: absolute; left: 15px; top: 20px; max-width: 100px; } header ul { margin: 15px 0 0 0; padding: 0; } header ul li { display: inline-block; list-style-type: none; } header ul li a { display: block; padding: 20px 15px; color: #282828; margin: 0 5px; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } header ul li a:hover, header ul li a:active, header ul li a:focus { text-decoration: none; color: #e51e28; } .header { text-align: center; padding: 10px 0 10px; margin:120px auto 70px; } .card { background-color: #ffffff; -webkit-box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.13); box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.13); padding: 15px; margin: 10px; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; cursor: pointer; position: relative; z-index: 99; border: none; } .offer .card { padding:10px; border-radius:0; } .card a.more { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; } .card .image { height: 366px; } .card .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card .title { font-family: 'Shadows Into Light Two', cursive; font-size: 21px; padding: 13px 0 8px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px rgba(0,0,0,.8); } .card:hover, .card:active, .card:focus { /*-webkit-transform: scale(1.02) rotate(1deg); transform: scale(1.02) rotate(1deg); */ -webkit-transform: scale(.95); transform: scale(.95); } /*.slider, .slider .container-fluid, .slider .container-fluid .start-slider, .slider .container-fluid .start-slider .owl-stage-outer { height:990px; }*/ .slider { padding: 20px 0 50px 0; overflow: hidden; min-height: 920px; } .slider .container-fluid { padding-right: 75px; } .slider .title { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; height: 0; padding: 0; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } .slider .content-wrapper { height: 100%; } .slider .image { height: 100%; } .slider .owl-stage { padding: 05px 0 15px 0; } .slider .card { margin: 0; } .slider .owl-stage-outer { overflow: unset; position: relative; z-index: 0; } .slider .owl-item { padding: 75px 0 75px; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } .slider .owl-item .card { -webkit-transform: scale(0.9) rotate(-5deg); transform: scale(0.9) rotate(-5deg); position: relative; z-index: 1000; border-radius:0px; } .slider .owl-item.active.center, .slider .owl-stage > div:nth-of-type(2) { -webkit-transform: scale(1.3) rotate(7deg); transform: scale(1.3) rotate(7deg); z-index: 10; } .slider .owl-item.active.center .title { height: auto; padding: 10px 0; -webkit-transform: scaleY(1); transform: scaleY(1); } .slider .owl-item.cloned:not(.active) { opacity: 0; -webkit-transform: scale(0.5) rotate(0deg) translateY(500px); transform: scale(0.5) rotate(0deg) translateY(500px); } .slider .owl-item:not(.active) { opacity: 0; -webkit-transform: scale(0.5) rotate(0deg) translateY(500px); transform: scale(0.5) rotate(0deg) translateY(500px); } .slider .start-slider.owl-carousel .owl-nav .owl-next { right: -55px; z-index: 10; } .slider .start-slider.owl-carousel .owl-nav .owl-next:hover, .slider .start-slider.owl-carousel .owl-nav .owl-next:active, .slider .start-slider.owl-carousel .owl-nav .owl-next:focus { right: -80px; padding: 25px 25px 19px 45px !important; } .slider .start-slider.owl-carousel .owl-nav .owl-prev { left: -55px; z-index: 10; } .slider .start-slider.owl-carousel .owl-nav .owl-prev:hover, .slider .start-slider.owl-carousel .owl-nav .owl-prev:active, .slider .start-slider.owl-carousel .owl-nav .owl-prev:focus { left: -80px; padding: 25px 45px 19px 25px !important; } .start-slider { max-width: 1275px; margin-left: auto; } .offer .top { max-width: 1275px; margin: 0 auto; text-align: right; } .offer .cards-wrapper { text-align: center; } .offer .button { margin: 10 auto; } .offer .button:hover { text-decoration:none; color:#e51e28; background-color:transparent; } .start-offer { max-width: 1275px; margin: 20px auto; } section .owl-carousel .owl-nav { /*display: block !important;*/ } section .owl-carousel .owl-nav .owl-prev, section .owl-carousel .owl-nav .owl-next { background-color: #e1e1e1 !important; border-radius: 10px !important; } section .owl-carousel .owl-nav .owl-next { padding: 25px 30px 19px 33px !important; } section .owl-carousel .owl-nav .owl-next:hover, section .owl-carousel .owl-nav .owl-next:active, section .owl-carousel .owl-nav .owl-next:focus { outline: none; right: -55px; padding: 25px 25px 19px 45px !important; background-color: #c8c8c8 !important; } section .owl-carousel .owl-nav .owl-prev { padding: 25px 33px 19px 30px !important; } section .owl-carousel .owl-nav .owl-prev:hover, section .owl-carousel .owl-nav .owl-prev:active, section .owl-carousel .owl-nav .owl-prev:focus { outline: none; left: -55px; padding: 25px 45px 19px 25px !important; background-color: #d4d4d4 !important; } section .owl-carousel .owl-prev { position: absolute; top: calc(50% - 45px); left: -50px; z-index: -1; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } section .owl-carousel .owl-next { position: absolute; top: calc(50% - 45px); right: -50px; z-index: -1; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } .about .about-wrapper { max-width: 1042px; margin: 140px auto 85px; position: relative; } .about .about-wrapper:after { content: ''; border: 4px solid #ffffff; width: calc(100% + 40px); height: calc(100% + 40px); position: absolute; top: -20px; left: -20px; z-index: -1; } .about .about-wrapper .bg-fill { background-color: #ffffff; padding: 55px 0 40px 60px; } .about .about-wrapper .bg-fill1 { background-color: #ffffff; padding: 55px 0 20px 20px; } .about .image { height: 100%; } .about .image img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: -50px 0; object-position: -50px 0; } .about h3 { font-weight: 800; font-size: 36px; margin: 0 0 35px 0; } .three-photos .container { max-width: 1210px; margin: 0 auto; } .three-photos h3 { line-height: 48px; } .three-photos .cards-wrapper { position: relative; } .three-photos .button { display: inline-block; margin-top: 30px; color: #282828; background-color: #e6e6e6; } .three-photos .button:hover, .three-photos .button:active, .three-photos .button:focus { background-color: #ffffff; } .three-photos .card.big { position: relative; max-width: 65%; z-index: 10; -webkit-transform: rotate(2deg); transform: rotate(2deg); } .three-photos .card.big img { height: 615px; } .three-photos .card.big:hover { -webkit-transform: scale(1.05) rotate(-2deg); transform: scale(1.05) rotate(-2deg); } .three-photos .card.small { max-width: 30%; } .three-photos .card.small img { height: 300px; } .three-photos .card.small1 { position: absolute; top: 25px; right: 40px; z-index: 8; -webkit-transform: rotate(4.5deg); transform: rotate(4.5deg); } .three-photos .card.small1:hover { -webkit-transform: scale(1.05) rotate(-2deg); transform: scale(1.05) rotate(-2deg); z-index: 10; } .three-photos .card.small2 { position: absolute; right: 55px; bottom: -10px; z-index: 9; -webkit-transform: rotate(-4.5deg); transform: rotate(-4.5deg); } .three-photos .card.small2:hover { -webkit-transform: scale(1.05) rotate(2deg); transform: scale(1.05) rotate(2deg); z-index: 10; } .three-photos .card .image { height: 100%; } .excellent { margin-top: 85px; } .excellent .container { max-width: 1235px; margin: 0 auto; } .excellent .text { font-weight: 200; font-size: 26px; } .excellent .text img { max-width: 330px; margin: 20px auto; } .excellent .text a { color: #ed628b; font-size: 16px; font-weight: 300; } .excellent .image-group { margin-top: 60px; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 620px; position: relative; overflow: hidden; } .excellent .image-group img { max-width: 250px; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } .excellent .image-group img:hover { -webkit-transform: rotate(1deg); transform: rotate(1deg); } .excellent .image-group .ig0 { position: absolute; left: 30px; top: 30px; z-index: 5; } .excellent .image-group .ig1 { position: absolute; right: 30px; top: 30px; z-index: 5; } .excellent .float-text { position: absolute; bottom: 0; left: 25px; font-weight: 800; font-size: 120px; opacity: .2; z-index: 5; line-height: 85px; color: #ffffff; } footer { padding: 75px 0 55px; font-family: 'Noto Sans', sans-serif; font-size: 15px; color: #585858; } footer .copy { margin: 35px 0; } footer .company { font-size: 11px; opacity: .5; } footer .company a { color: #585858; } #cookieinfo { padding: 40px; position: fixed; width: 100%; bottom: 0; left: 0; background-color: #ffffff; z-index: 9999; } #cookieinfo a { color: #e51e28; } .section-standard .container { max-width: 1200px; margin: 0 auto; background-color: #ffffff; } .section-standard .typical-content { padding: 20px 40px; } .collection { margin-top: 50px; /*.title { @include transitiion(); position:absolute; bottom:0; left:0; width:100%; z-index:9999; text-align:right; background-color:rgba(0,0,0,0.3); padding:10px; color:#ffffff; @include decofont(); font-size:18px; border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; }*/ } .collection.product .card { min-height: 530px; } .collection:not(.product) .card .image { height: 450px; } .collection:not(.product) .card .title { margin-top: 10px; } .collection:not(.product) .content { padding: 30px 65px; } .collection .container { max-width: 1200px; margin: 0 auto; } .collection .images-wrapper { position: relative; } .collection .card { margin: 0; } .collection .card.hidden { position: absolute; top: 0; left: 0; z-index: -1; } .collection .order-1 { padding-right: 0; } .collection .order-0 { padding-left: 0; } .collection .content { border-radius: .25rem; position: relative; padding: 30px 20px; background-color: #ffffff; height: 100%; text-align: justify; } .collection .content .link { position: absolute; bottom: 20px; right: 20px; font-size: 19px; font-weight: 300; color: #282828; } .collection .content h2, .collection .content h3, .collection .content h4 { color: #282828; font-weight: 800; text-align: center; margin-bottom: 20px; } .collection .products [class^="col-"] { margin-bottom: 30px; } .collection .products .card { height: 100%; } .collection .products .card .content-wrapper { height: 100%; } .collection .products .card .image { height: 100%; text-align: center; } .collection .products .card .image img { -o-object-fit: cover; object-fit: cover; } .collection .products .card:hover .image img, .collection .products .card:active .image img, .collection .products .card:focus .image img { display: none; } .collection .products .card:hover .image img.hide, .collection .products .card:active .image img.hide, .collection .products .card:focus .image img.hide { display: block; } .contact-form { padding: 50px 0; } .contact-form .container { max-width: 900px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.7); padding: 50px; } form .ajaxInfo { display: none; background-color: #ffffff; border-radius: 5px; padding: 20px 40px; text-align: center; } form .ajaxInfo.ok { color: #6ed668; } form .ajaxInfo.error { color: #ea3b3b; } form .ajaxInfo.error_send { color: #ffb541; } form .alert-info { display: none; } form .form__item { padding: 0; height: 100%; } form .form__label { font-family: 'Shadows Into Light Two', cursive; margin-bottom: 8px; } form input, form textarea, form select { border: 1px solid #eaeaea; background-color: #ffffff; border-radius: .25rem; width: 100%; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; padding: 28px 30px; margin-bottom: 30px; } form input:hover, form input:active, form input:focus, form textarea:hover, form textarea:active, form textarea:focus, form select:hover, form select:active, form select:focus { border: 1px solid #111111; } form textarea { min-height: 217px; } form .g-recaptcha { margin: 30px 0; } form .g-recaptcha > div { margin: 0 auto; } form .toggle { text-align: right; } form .agreement-contact input { width: 85px; } form .agreement-contact .text { font-weight: 500; } form .tc { text-align: center; } form .group .form__item { -webkit-box-flex: 0; -ms-flex: 0 45%; flex: 0 45%; } form .button { padding: 15px 60px; background-color: #e51e28; border: none; color: #ffffff; } @media (max-width: 1450px) { .slider { min-height: auto; } .slider .container-fluid { padding: 0 75px !important; } .background-container img { width: unset; max-width: unset; } } @media (max-width: 1230px) { section .owl-carousel .owl-nav .owl-next { padding: 25px 30px 19px 33px !important; } section .owl-carousel .owl-nav .owl-next:hover, section .owl-carousel .owl-nav .owl-next:active, section .owl-carousel .owl-nav .owl-next:focus { right: -25px; padding: 25px 25px 19px 45px !important; } section .owl-carousel .owl-nav .owl-prev { padding: 25px 33px 19px 30px !important; } section .owl-carousel .owl-nav .owl-prev:hover, section .owl-carousel .owl-nav .owl-prev:active, section .owl-carousel .owl-nav .owl-prev:focus { left: -25px; padding: 25px 45px 19px 25px !important; } section .owl-carousel .owl-prev { left: -30px; } section .owl-carousel .owl-next { right: -30px; } } @media (max-width: 1199px) { .topbar { display: none; } header { z-index: 9999; position: relative; } header.mobile { position: fixed; top: -200px; -webkit-transition: all var(--trans-speed) ease-in-out; transition: all var(--trans-speed) ease-in-out; } header.mobile.fixed { display: block; top: 0; } header:not(.start) { padding: 20px 0; top: 0; } header:not(.start) .container { position: unset; } header:not(.start) .logo { position: relative; top: 0; } header:not(.start) .logo img { max-width: 120px; } header:not(.start) .menucall { display: block; } header:not(.start) nav { display: none; } header nav { background-color: #ffffff; position: absolute; left: 0; width: 100vw; } header nav ul li { display: block; } header nav.on { display: block !important; } header nav.on aside { display: block; } header aside { position: relative; top: 0; right: 0; margin: 0 0 20px; } } @media (max-width: 991px) { .topbar { display: none; } header.start { padding: 20px 0; } header.start .logo img { max-width: 120px; } header.start .menucall { display: block; } header.start nav { display: none; } header nav { background-color: #ffffff; position: absolute; left: 0; width: 100vw; } header nav ul li { display: block; } header nav.on { display: block !important; } header nav.on aside { display: block; } .card .image img { max-height: 500px; } .about .about-wrapper .col { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; } .about .about-wrapper .bg-fill { padding: 50px; } .about .image img { width: 100%; -o-object-position: center center; object-position: center center; } .slider { padding: 20px 0; } } @media (max-width: 767px) { h1 { font-size: 38px; } h1 em { font-size: 33px; } h2 { font-size: 34px; } h2 em { font-size: 30px; } h3 { font-size: 34px; } h3 em { font-size: 30px; } .offer { background-color: rgba(255, 255, 255, 0.7); padding: 30px 0; } .collection.product .card { min-height: unset; } .collection .order-1, .collection .order-0 { padding: 0 15px; margin: 15px 0; } .collection:nth-child(odd) .order-1 { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .three-photos .card.small1 { right: 10px; } .three-photos .card.small2 { right: 15px; } section.offer .start-offer .owl-nav { display: none !important; } .about .about-wrapper:after { display: none; } .excellent .float-text { font-size: 50px; line-height: 1; } .excellent .image-group { background-image: none !important; height: auto; padding: 0; } .excellent .image-group .ig.hide { display: block; width: 100%; } .excellent .image-group .ig0, .excellent .image-group .ig1 { display: block; width: 100%; position: relative; top: 0; left: 0; } .excellent .image-group img { width: 100% !important; max-width: unset; } } @media (max-width: 400px) { .about .about-wrapper .bg-fill { padding: 50px 15px; } }