PNG  IHDR;IDATxܻn0K )(pA 7LeG{ §㻢|ذaÆ 6lذaÆ 6lذaÆ 6lom$^yذag5bÆ 6lذaÆ 6lذa{ 6lذaÆ `}HFkm,mӪôô! x|'ܢ˟;E:9&ᶒ}{v]n&6 h_tڠ͵-ҫZ;Z$.Pkž)!o>}leQfJTu іچ\X=8Rن4`Vwl>nG^is"ms$ui?wbs[m6K4O.4%/bC%t Mז -lG6mrz2s%9s@-k9=)kB5\+͂Zsٲ Rn~GRC wIcIn7jJhۛNCS|j08yiHKֶۛkɈ+;SzL/F*\Ԕ#"5m2[S=gnaPeғL lذaÆ 6l^ḵaÆ 6lذaÆ 6lذa; _ذaÆ 6lذaÆ 6lذaÆ RIENDB` @import 'fonts.scss'; body { font-family: 'Skoda Pro Regular'; background-image: url(../img/services_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .bg-user { color: #82152f; background-color: #fff; } nav { .navbar-nav { .nav-item { &:hover { .nav-link { transform: scale(1.1); transition: .2s; } } } .nav-link { font-family: 'Verdana Regular'; text-transform: uppercase; transition: .2s; color: #82152f; font-size: 1rem; } .active { color: #82152f; transform: scale(1.1); transition: .2s; } } .navbar-text { a { color: #000; } } .dropdown-menu { min-width: 3rem; } } .lang_switch { a { color: #82152f; } } .icon-scroll, .icon-scroll:before { position: absolute; left: 50%; } .icon-scroll { width: 36px; height: 60px; margin-left: -20px; bottom: 5%; margin-top: -35px; box-shadow: inset 0 0 0 1px #82152f; border-radius: 25px; } .icon-scroll:before { content: ''; width: 8px; height: 8px; background: #82152f; margin-left: -4px; top: 8px; border-radius: 4px; animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: scroll; } @keyframes scroll { 0% {opacity: 1;} 100% {opacity: 0;transform: translateY(46px);} } #main { padding-top: 100px; width: 100%; height: 100vh; background-position: bottom; background-size: cover; background-repeat: no-repeat; .logo { margin-bottom: 3rem; img { display: block; margin: 0 auto; max-height: 50px; } span { display: block; text-align: center; font-family: 'Skoda Pro Bold'; font-size: 3rem; text-transform: uppercase; } } h1 { text-align: center; text-transform: uppercase; font-family: 'Skoda Pro Bold';; } } #about { padding-top: 3rem; padding-bottom: 1.5rem; .text { text-align: center; p { &:last-child { margin-bottom: 0; } } strong, b { color: #82152f; font-family: 'Skoda Pro Bold'; } } } #services { padding-top: 1.5rem; padding-bottom: 1.5rem; font-family: 'Verdana Regular'; h2 { text-align: center; margin-bottom: 3rem; text-transform: uppercase; font-family: 'Verdana Regular'; font-size: 2.5rem; //text-shadow: 3px 3px 3px rgba(0,0,0,.5); } .block { margin-bottom: 1rem; transition: .3s; .icon { margin-bottom: 1rem; img { max-height: 70px; transition: .3s; margin: 0 auto; display: block; } } .text { text-align: center; } &:hover { transform: scale(1.05); transition: .3s; } } } #products { padding-top: 1rem; padding-bottom: 1rem; background-color: #fff; h2 { font-family: 'Verdana Regular'; text-align: center; margin-bottom: 2rem; margin-top: 1rem; text-transform: uppercase; font-size: 2.5rem; } .carousel { .carousel-item { min-height: 580px; } .carousel-indicators { bottom: -1rem; li { width: 14px; height: 14px; border-radius: 50%; background-color: #82152f; } } .carousel-control-next, .carousel-control-prev { width: 3%; } } .image { display: block; width: 100%; height: 100%; min-height: 440px; background-color: #f1f1f1; background-size: cover; background-position: center; background-repeat: no-repeat; } .block { margin-right: 2rem; margin-left: 2rem; position: relative; border: 3px solid #82152f; .text { font-size: .9rem; p { margin-bottom: .5rem; } ul { margin-bottom: .5rem; } strong { font-family: 'Skoda Pro Bold'; } } .header { min-height: 30px; padding: .25rem; background-color: #82152f; color: #fff; font-family: 'Verdana Regular'; text-align: right; text-transform: uppercase; font-size: 1.75rem; margin-bottom: 0; display: flex; align-items: center; justify-content: center; } .subtext_title { font-size: 0.9rem; font-family: 'Skoda Pro Bold'; padding-left: 2rem; padding-right: 2rem; padding-bottom: .5rem; } .info { margin-bottom: .25rem; min-height: 62px; .icon { display: flex; align-items: center; justify-content: center; position: absolute; height: 65px; width: 75px; img { max-height: 50px; } } .subtext { padding-left: 90px; font-size: .8rem; display: inline-block; color: #000; p { margin-bottom: 0; } div { font-family: 'Skoda Pro Bold'; } } } .footer { min-height: 12px; background-color: #82152f; margin-top: 0rem; } } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } } #facilities { padding-top: 1.5rem; padding-bottom: 1.5rem; h2 { font-family: 'Verdana Regular'; text-align: center; margin-bottom: 3rem; text-transform: uppercase; font-size: 2.5rem; } .text { text-align: justify; padding-right: 1.25rem; padding-left: 1.25rem; } #facilities_carousel_1 { .carousel-inner { &::after { content: ''; position: absolute; background-image: url(../img/facilities/factory.svg); background-position: center; background-repeat: no-repeat; background-size: 20%; } } &:hover { .carousel-inner { &::after { content: ''; background: none; z-index: -1; } } } } #facilities_carousel_2 { .carousel-inner { &::after { content: ''; position: absolute; background-image: url(../img/facilities/science.svg); background-position: center; background-repeat: no-repeat; background-size: 20%; } } &:hover { .carousel-inner { &::after { content: ''; background: none; z-index: -1; } } } } #facilities_carousel_3 { .carousel-inner { &::after { content: ''; position: absolute; background-image: url(../img/facilities/user.svg); background-position: center; background-repeat: no-repeat; background-size: 20%; } } &:hover { .carousel-inner { &::after { content: ''; background: none; z-index: -1; } } } } .carousel { margin-bottom: 1rem; .carousel-inner { .carousel-item { a { min-height: 200px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; } } &::after { content: ''; position: absolute; background-color: rgba(255,255,255,.8); width: 100%; height: 100%; } } .carousel-indicators { bottom: -1rem; li { width: 10px; height: 10px; border-radius: 50%; background-color: #82152f; } } } .video { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 3rem; width: 80%; margin-left: auto; margin-right: auto; .youtube_btn { position: absolute; img { max-height: 150px; } } } } #work { padding-top: 1.5rem; padding-bottom: 1.5rem; background-color: #ffeef8; h2 { font-family: 'Verdana Regular'; text-align: center; margin-bottom: 2rem; text-transform: uppercase; font-size: 2.5rem; } .nav-pills { .nav-link { min-height: 68px; display: flex; align-items: center; justify-content: center; border-radius: 0; color: #82152f; border: 1px solid #82152f; .item_number { display: none; font-size: 1.5rem; font-family: 'Verdana Regular'; text-transform: uppercase; } .item_title { font-size: 1.1rem; line-height: 1.1; } &:hover { .item_title { display: none; } .item_number { display: block; } } } .active { color: #fff; background-color: #82152f; } } .image { width: 100%; height: 400px; background-color: #f1f1f1; background-position: center; background-size: cover; } .header { background-color: #82152f; color: #fff; min-height: 80px; font-family: 'Verdana Regular'; font-size: 1.25rem; padding: 1rem; margin-bottom: 1rem; margin-left: 1rem; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; line-height: 1.1; } .description { margin-left: 1rem; } } #brands { padding-top: 1.5rem; padding-bottom: 1.5rem; h2 { font-family: 'Verdana Regular'; margin-bottom: 2rem; margin-top: .5rem; text-align: center; text-transform: uppercase; font-size: 2.5rem; } .brand_category { background-color: #82152f; color: #fff; min-height: 50px; font-family: 'Verdana Regular'; font-size: 1.5rem; padding: 0 1rem; margin-bottom: 1rem; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; } .brand_image { display: flex; align-items: center; justify-content: center; margin-left: 1rem; margin-right: 1rem; height: 150px; img { max-height: 100px; filter: grayscale(1); transition: .2s; } &:hover { img { filter: grayscale(0); transition: .2s; } } } .carousel { padding-right: 2rem; padding-left: 2rem; .carousel-indicators { bottom: -4rem; li { width: 14px; height: 14px; border-radius: 50%; background-color: #82152f; } } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-control-next, .carousel-control-prev { width: 3%; } } .footer { min-height: 12px; background-color: #82152f; margin-top: 1rem; } } #partners { padding-top: 3rem; padding-bottom: 3rem; h2 { font-family: 'Verdana Bold'; margin-bottom: 2rem; text-align: center; } } #order { margin-top: 2rem; padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #fff; h2 { font-family: 'Verdana Regular'; margin-bottom: 2rem; text-transform: uppercase; font-size: 2.5rem; } .user-btn { background-color: #82152f; color: #fff; border-radius: 0; &:hover { background-color: #a31b3b; } } .form-control { border-radius: 0; } .image { background-color: #f1f1f1; width: 100%; height: 100%; background-image: url(../img/order_bg.jpg); background-size: cover; background-repeat: no-repeat; } } #contacts { padding-top: 3rem; padding-bottom: 3rem; .c_block { max-width: 360px; h2 { font-family: 'Verdana Regular'; margin-bottom: 2rem; text-transform: uppercase; font-size: 2.5rem; } .address { margin-top: 50px; margin-bottom: 2rem; padding-left: 4rem; position: relative; &:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../img/location.svg); background-size: contain; background-repeat: no-repeat; width: 3rem; background-position: center; } } .emails { margin-bottom: 2rem; padding-left: 4rem; position: relative; &:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../img/mail.svg); background-size: contain; background-repeat: no-repeat; width: 3rem; background-position: center; } a { color: #82152f; display: block; } } .phones { margin-bottom: 2rem; font-family: 'Verdana Regular'; padding-left: 4rem; position: relative; &:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../img/phone.svg); background-size: contain; background-repeat: no-repeat; width: 3rem; background-position: center; } a { color: #000000; display: block; } } } } footer { background-color: #82152f; color: #fff; padding-top: 1rem; padding-bottom: 1rem; } @import 'responsive.scss';