/* Theme Name: theme_car Author: Author URI: Description: Version: 1.0 */ a { color: inherit !important; text-decoration: none !important; } a.anchor { position: relative; top:-160px; display: block; height: 0; width:0;} @media (max-width: 1024px){ a.anchor {top: -80px;} } a:focus {outline:none !important;} .to-center { text-align: center; } .low-width { width: 650px !important; } .spacer { clear: both; } .blur { -webkit-filter: blur(10px); filter: blur(10px); } @keyframes div_appear { 0% { opacity: 0; } 40% { opacity: 0; -webkit-transform: translate(0px,10px) ; animation-timing-function: ease-out; } 100% { opacity: 1; -webkit-transform: translate(0px,0px) ; animation-timing-function: ease-out; } } #button-form {display: table-cell; padding-bottom: 8px; height: 46px !important; width: 288px !important; line-height: 1; font-size: 15px !important; font-weight: 700 !important; font-family: 'Lato', sans-serif !important; padding-bottom: 7px !important; cursor: pointer !important; margin: 15px auto !important; text-align: center !important; color: #ffffff !important; background: #ffffff !important; background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)) !important; background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%) !important; background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%) !important; background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%) !important; background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ) !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important; border-radius: 25px !important; } .btn-bar {display: inline-block; margin-top: 25px; width: 200px; float:left; background: #e10000; border: 2px solid #e10000; padding-bottom: 8px; height: 46px !important; font-size: 16px !important; font-weight: 700; font-family: 'Lato', sans-serif !important; padding-top: 9px !important; cursor: pointer !important; text-align: center !important; color: #ffffff !important; border-radius: 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .btn-bar:hover {border: 2px solid #e10000; background: transparent; color: #ffffff !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .btn-form {background: #ff8e00 !important; transition: .2s; color: #fff !important; border-radius: 50px;} .btn-form:hover {background: #ffb100 !important; transition: .2s;} .gray-button, #button-form { height: 46px; width: 288px; max-width: 95%; line-height: 1; font-size: 15px; font-weight: 700; font-style: normal !important; font-family: /*'Lato'*/ 'Lato', sans-serif; padding-left: 5px !important; padding-top: 4px !important; cursor: pointer; margin: 15px auto; text-align: center !important; color: #ffffff; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* .gray-button:hover , #button-form:hover{ background: #929292 !important; background: -moz-linear-gradient(top, #929292 0%, #6a6a6a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#6a6a6a)); background: -webkit-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: -o-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: -ms-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: linear-gradient(to bottom, #929292 0%,#6a6a6a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#6a6a6a',GradientType=0 ); } .gray-button:active, #button-form:active { background: #505050 ; background: -moz-linear-gradient(top, #505050 0%, #7f7f7f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#7f7f7f)); background: -webkit-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: -o-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: -ms-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: linear-gradient(to bottom, #505050 0%,#7f7f7f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#7f7f7f',GradientType=0 ); } */ .gray-button img { margin-top: -5px; } .gray-button:hover, #button-form:hover { background: #aed2e7 !important; background: -moz-linear-gradient(top, #aed2e7 0%, #6b94ad 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aed2e7), color-stop(100%,#6b94ad)) !important; background: -webkit-linear-gradient(top, #aed2e7 0%,#6b94ad 100%) !important; background: -o-linear-gradient(top, #aed2e7 0%,#6b94ad 100%) !important; background: -ms-linear-gradient(top, #aed2e7 0%,#6b94ad 100%) !important; background: linear-gradient(to bottom, #aed2e7 0%,#6b94ad 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed2e7', endColorstr='#6b94ad',GradientType=0 ) !important; } .gray-button:active , #button-form:active{ background: #5d8298 !important; background: -moz-linear-gradient(top, #5d8298 0%, #93b5c8 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d8298), color-stop(100%,#93b5c8)) !important; background: -webkit-linear-gradient(top, #5d8298 0%,#93b5c8 100%) !important; background: -o-linear-gradient(top, #5d8298 0%,#93b5c8 100%) !important; background: -ms-linear-gradient(top, #5d8298 0%,#93b5c8 100%) !important; background: linear-gradient(to bottom, #5d8298 0%,#93b5c8 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8298', endColorstr='#93b5c8',GradientType=0 ) !important; } #button-next-page {display: table-cell; padding-bottom: 8px; height: 46px !important; width: 288px !important; font-size: 15px !important; font-weight: 700 !important; font-family: 'Lato', sans-serif !important; padding-top: 4px !important; cursor: pointer !important; margin: 15px auto !important; text-align: center !important; color: #f7f7f7 !important; background: #737373 !important; background: -moz-linear-gradient(top, #737373 0%, #484848 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#484848)) !important; background: -webkit-linear-gradient(top, #737373 0%,#484848 100%) !important; background: -o-linear-gradient(top, #737373 0%,#484848 100%) !important; background: -ms-linear-gradient(top, #737373 0%,#484848 100%) !important; background: linear-gradient(to bottom, #737373 0%,#484848 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#484848',GradientType=0 ) !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } #button-bar { margin-top: 25px; width: 200px; display: block; background: #eaeaea; border: 2px solid #eaeaea; padding-bottom: 8px; height: 46px !important; font-size: 15px !important; font-weight: 600; font-family: 'Lato', sans-serif !important; padding-top: 4px !important; cursor: pointer !important; text-align: center !important; color: #484848 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .button-bar, #button-bar{ width: 200px; display: block; height: 46px; font-size: 15px; font-weight: 600; font-family: /*'Lato'*/ 'Lato', sans-serif; cursor: pointer; text-align: center !important; color: ffffff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.2s ease-in-out;} .button-bar:hover, #button-bar:hover {background: none; color: #f1f1f1 !important; } .album_pop { position: fixed; top: 0px; left: 0px; display: none; height: 100%; width: 100%; z-index: 999; background: rgba(0,0,0,0.7); } .inner_album_pop{position: relative; height: 100%; width: 100%;} .album_pop img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.10);box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.10);} .album_pop .album_pop_close { height: 61px; width: 61px; background: url("img/album_close.png") no-repeat; opacity: 0.9; cursor: pointer; position: absolute; right: 10px; top: 10px; } @media (max-width: 768px){ .album_pop .album_pop_close { background: url("img/album_close_mobile.png") no-repeat; opacity: 1;} .album_pop .album_pop_close:hover{ background: url("img/album_close_mobile_focus.png") no-repeat;} .album_pop .album_pop_close:focus{ background: url("img/album_close_mobile_focus.png") no-repeat;} } .album_pop .album_pop_close:hover { opacity: 1; } .album_pop .album_pop_close:focus { opacity: 1; } #captcha { margin-left: 7px !important; } html, body { background: #0f0f0f; color: #1c1c1c; width: 100%; padding: 0px; margin: 0px; background-attachment: fixed !important; background-position: top center !important;} .site_background_wrapper { z-index: 1; position: fixed; top: 0px; left: 50%; right: 50%; transform: translate(-50%,-50%);} .site_background_wrapper img {position: absolute; margin-left: 50%; margin-right: 50%; margin-top: 640px; transform: translateY(-50%) translateX(-50%);} .contact_background_wrapper {height: 100vh; margin-top: 50vh; z-index: 5; filter:alpha(opacity=000); opacity: 0; -moz-opacity: 0.0; position: fixed; top: 0px; left: 50%; right: 50%; transform: translate(-50%,-50%);} .contact_background_wrapper img{position: absolute; margin-left: 50%; margin-right: 50%; margin-top: 640px; transform: translateY(-50%) translateX(-50%);} .contact_background_wrapper_opacity {opacity: 1;} @media (max-width: 1200px){ .site_background_wrapper {display: unset;} } .gal_background_wrapper {z-index: 1; position: fixed; top: 0px; left: 50%; right: 50%; transform: translate(-50%,-50%);} .gal_background_wrapper img {position: absolute; margin-left: 50%; margin-right: 50%; margin-top: 640px; transform: translateY(-50%) translateX(-50%);} .cnt::-webkit-scrollbar {display:none;} /*body { overflow-x: hidden; }*/ .mCustomScrollBox {margin-top: 65px;} .header { top:0; height: 150px; width: 100vw; position: fixed; z-index: 20;/*background: rgba(0, 0, 0, 0.7);*/ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ } .header-subpage { top:0; height: 70px; width: 100%; position: fixed; z-index: 20; background: #000000; -moz-opacity: 1.0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);} .header-share {float: right; margin-top: 25px;} .header-share span {color: #fff; font-family: 'Roboto condensed', sans-serif; font-size: 17px; float: left; margin-right: 20px; font-weight: 500;} .header.active {background: #ffffff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .header-bg { top: 0; height: 150px; width: 100%; position: fixed; z-index: 19; background: rgba(0, 0, 0, 1); filter:alpha(opacity=000); opacity: 0; -moz-opacity: 0.0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); } .header-bg-subpage { top: 0; height: 70px; width: 100%; position: fixed; z-index: 19; background: rgba(0, 0, 0, 1); filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5); } @media (max-width: 1024px){ .header {background: transparent; height: 80px;} .header-bg {height: 80px;} } #main_slideshow {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } @media (max-width: 720px){ #top {margin-left: auto; margin-right: auto;} } @media (max-width: 375px){ #top{float: left !important; margin-top: -6px;} } /*jQuery Scrollbar */ /* .cnt {height: 100%; height: 100%; width: 100%; overflow: hidden; } .mCustomScrollbar { margin-top:65px; width: 100%; height: 99%; overflow: auto; padding-right: 0px; } .mCSB_container {margin-right: 0px !important;} .mCSB_inside > .mCSB_container {margin-right: 0;} */ section {} .main-title { width: 100%; height: 100vh; margin-left: auto; margin-right: auto; text-align: left; margin-top: 65px; color: #fff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; top: 0;position: relative;} .main-title-content { opacity: 1; width: 100%; padding-top: 12vh; position: fixed; z-index: 15; height: 80%; text-shadow: 0px 10px 30px rgba(0, 0, 0, 1);} .main-title p {/*border-bottom: 2px solid rgba(255,255,255,0.5);*/ padding-bottom: 30px; font-size: 30px; font-weight: 300; font-family: 'Lato',sans-serif;} .main-title h1 { font-size: 72px;} .main-title h2 {font-size: 30px;} .main-title h3 {font-size: 16px; letter-spacing: 1px;} .main-title img {margin-bottom: 5px;} .main-phone {padding-top: 30px; padding-bottom: 15px; color: #fcfcfc; font-size: 28px; font-family: 'Lato', sans-serif; text-align: center; font-weight: 100; text-align: center; max-width:90%; margin: 0px auto;} .phone-intro {display: inline-block; margin-left: 30px; margin-top: 6px; padding-top: 35px;} .phone-intro img {margin-top: -17px;} .phone-intro-number {display: inline-block; margin-left: 50px; margin-top: 20px; font-size: 40px; font-weight: 700; font-family: 'Lato', sans-serif; color: #f8f8f8;} @media (max-width: 1200px){ .main-title {width: 100%; height: 100vh;} .main-title-content {width: 100%;padding-top: 10px;} } @media (min-width: 684px) and (max-width: 1024px){ .main-title-content {/*margin-left: 5%;*/} } /* @media (max-width: 996px){ .main-title {width: 100%; margin-top: 0px;} .main-title-content {position: relative; width: auto; margin-left: 30px; margin-right: 30px;} .main-title p {width: auto !important;} } */ @media (max-width: 900px){ .main-title h1 {font-size: 30px;} .main-title h2 {font-size: 20px;} .main-title h3 {font-size: 16px;} } @media (max-width: 683px){ .main-title h1 {text-align: center !important;} .main-title h2 {text-align: center !important;} } @media (max-width: 736px){ .main-title {text-align: center;} } @media (max-width: 700px) and (orientation: landscape){ .main-title {height: 30vh;} } @media (max-width: 1200px){ .phone-intro {margin-top: 0px; padding-top: 15px;} .phone-intro-number {padding-top: 20px;} .phone-intro img {margin-top:-23px;} } @media (max-width: 582px){ .phone-intro { margin-left: 0px; display: block; padding-top: 25px; margin-top: 25px;} .phone-intro img {display: block; margin-left: auto; margin-right: auto;} .phone-intro-number {margin-top: -15px; font-size: 20px; margin-left: 0;} } @media (max-width: 582px){ .btn-bar{margin-left: auto; margin-right: auto; float: none;} } #socials { position: relative; z-index: 10; margin-top: 15px; padding:5px; border-radius: px; min-height: 30px;} .social { filter: invert(1); border-radius: 50px; height: 27px; margin-top: 0px; margin-left: 14px; margin-right: 14px; float: left; background-size: 24px 24px; background-position: center; transition: .2s; } .social:hover { opacity: .9; transition: .2s; } .social.facebook { width: 24px; height: 24px; background: #06f url("img/ico/social_fb.png") no-repeat; background-size: 6px 14px; margin-left: -2px; background-position: center;} .social.facebook-gray { width: 24px; height: 24px; background: url("img/ico/social_fb_gray.png") no-repeat; background-size: 6px 14px; margin-left: -2px;} .social.twitter { width: 24px; height: 24px; background: #06f url("img/ico/social_twitter.png") no-repeat; background-size: 15px 10px; background-position: center; } .social.instagram { width: 24px; height: 24px; background: #06f url("img/ico/social_inst.png") no-repeat; background-size: 14px 14px; background-position: center; } .social.pinterest { width: 24px; height: 24px; background: #06f url("img/ico/social_pin.png") no-repeat; background-size: 19px 24px; background-position: center; } .social.yt { width: 24px; height: 24px; background: #06f url("img/ico/social_yt.png") no-repeat; background-size: 16px 12px; background-position: center; } .social.tiktok { width: 24px; height: 24px; background: #06f url("img/ico/social_tiktok.png") no-repeat; background-size: 13px 15px; background-position: center; } .bx-wrapper { height: 100% !important; } .bxslider { height: 100%; } .bxslider>li { height: 100%; left: 0px; overflow: hidden; } /*.bxslider img { max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/ .bxslider img { height: auto; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .bx-viewport { height: 100% !important; } .mfp-content { height: 100% !important; } .bx-controls { margin-top: 45px; position: relative; } .bx-wrapper .bx-prev { left: 37px !important; } .bx-wrapper .bx-next { right: 50px !important; } .bx-controls-direction { height: 105px !important; width: 255px !important; position: absolute; bottom: 20px !important; left: 50%; margin-left: -128px; } .bx-next { height: 18px !important; width: 26px !important; background: url("img/slider/next.png") no-repeat !important; } .bx-next:hover { background: url("img/slider/next_hov.png") no-repeat !important; } .bx-next:active { background: url("img/slider/next_foc.png") no-repeat !important; } .bx-prev { height: 18px !important; width: 26px !important; background: url("img/slider/prev.png") no-repeat !important; } .bx-prev:hover { background: url("img/slider/prev_hov.png") no-repeat !important; } .bx-prev:hover { background: url("img/slider/prev_foc.png") no-repeat !important; } .bx-controls-auto { height: 91px !important; width: 91px !important; position: absolute; bottom: 20px !important; left: 50%; margin-left: -46px; } .bx-start { height: 40px !important; width: 41px !important; position: relative !important; top: 10px !important; margin-left: 10px; background: url("img/slider/play.png") no-repeat center center !important; } .bx-start:hover { background: url("img/slider/play_hov.png") no-repeat center center !important; } .bx-start:active { background: url("img/slider/play_foc.png") no-repeat center center !important; } .bx-start.active { display: none !important; } .bx-stop { height: 40px !important; width: 41px !important; position: relative !important; top: 12px !important; margin-left: 12px; background: url("img/slider/pause.png") no-repeat center center !important; } .bx-stop.active { display: none !important; } .bx-stop:hover { background: url("img/slider/pause_hov.png") no-repeat center center !important; } .bx-stop:active { background: url("img/slider/pause_foc.png") no-repeat center center !important; } .mfp-close { height: 31px !important; width: 30px !important; margin: 21px !important; color: transparent !important; background: url("img/slider/close.png") no-repeat !important; } .mfp-close:hover { background: url("img/slider/close_hov.png") no-repeat !important; } .mfp-close:active { top: 0px !important; background: url("img/slider/close_foc.png") no-repeat !important; } .full-screen-button {cursor: pointer; height: 30px; width: 31px; position: absolute; margin:21px; top:0px; right: 73px; z-index: 100; background: url("img/slider/button_fullscreen.png") no-repeat; background-size: 100%; background-position: 0px -60px;} .full-screen-button:hover{background-position: 0px -30px;} .full-screen-button:active{background-position: 0px 0px;} .bx-caption { height: 73px !important; width: 100% !important; position: absolute !important; top: 0px !important; left: 0px !important; font-size: 24px; color: #ffffff; text-align: left; font-family: 'Roboto', sans-serif !important; font-weight: 300; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%) !important; background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%) !important; background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); } .bx-wrapper .bx-caption span { padding: 21px !important; } .bx-caption>span>span { width: 100%; margin-left: -10px !important; font-size: 16px !important; display: block !important; position: absolute; bottom: 0px; text-align: center; } .bxslider .bottom_slider { height: 73px; width: 100%; position: absolute; bottom: 0px; left: 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); } .soundmode { height: 25px; width: 25px; cursor: pointer; background: url("img/slider/sound_on.png") no-repeat center center; position: absolute; right: 24px; bottom: 21px; } .soundmode:hover { background: url("img/slider/sound_on_hov.png") no-repeat center center; } .soundmode:active { background: url("img/slider/sound_on_foc.png") no-repeat center center; } .soundmode.active { background: url("img/slider/sound_off.png") no-repeat center center; } .soundmode.active:hover { background: url("img/slider/sound_off_hov.png") no-repeat center center; } .soundmode.active:active { background: url("img_/slider/sound_off_foc.png") no-repeat center center; } /* Loading */ #loading_bg { height: 100%; width: 100%; position: absolute; background: rgba(6, 6, 6, 1); z-index: 80; } #loading_bar { height: 7px; width: 1px;background: url("img/loading_stripe.png") repeat-x; } #loading_bar_end { height: 7px; width: 100px; content: " "; background: url("img/loading_stripe_glow.png") no-repeat; display: block; position: absolute; left: 1px; top: 0px; } .blog_loader, .blog_loader:after { border-radius: 50%; width: 10em; height: 10em; } .blog_loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(212,212,212, 0.2); border-right: 1.1em solid rgba(212,212,212, 0.2); border-bottom: 1.1em solid rgba(212,212,212, 0.2); border-left: 1.1em solid #d4d4d4; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Homepage */ #logo { float: left; height: 50px; margin-top: 45px; cursor: pointer; } @media (max-width: 1200px){ #logo{margin-top: 9px; margin-left: 25px; width: auto; height: 40px;} } @media (max-width: 959px){ #logo{ margin-left: calc(50vw - 45px); height: 40px; } } @media (max-width: 1200px){ #top { width: 0; margin-left: auto; margin-right: auto; margin-top: 10px; float: left;} } /* Menu */ #top-lang { float: right; margin-top: 31px; } #top-lang a {display: inline-block !important; margin-left: 15px !important;} #top-lang .lang { float: left; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #top-lang .lang:hover { color: white; } #top-lang .lang.active { color: white; } #top-lang .lang:before { position: absolute; display: block; content: " "; } #top-lang .lang.active:before { position: absolute; display: block; content: " "; } @media (max-width: 1024px){ #top-lang{margin-right: 40px; margin-top: 85px; position: absolute; right: 0;} } @media (max-width: 585px){ #top-lang{margin-right: 20px; margin-top: 65px; position: absolute; right: 0;} } .menu-walker{ float: right; } .menu-walker ul { margin: 0px; padding: 0px; list-style: none; display: flex; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker ul li { margin: 0px; padding: 0px; padding-top: 6px; display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 15px; color: #ffffff; font-family: "Titillium Web", sans-serif; letter-spacing: 2px; font-weight: 400 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker ul li:hover { border-bottom: unset; color: #ffffff; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important;} .menu-walker ul li.current-menu-item { display: inline; color: #ffffff; font-weight: 600;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker a {font-weight: 700; transition: 0.2s;} .menu-walker a:hover {border-bottom: 1px solid #8f6224; transition: 0.2s;} @media (max-width: 1024px){ .menu-walker {display: none;} } .menu-mobile { display: block; float: right; line-height: 70px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-mobile-button {opacity: 1; cursor: pointer; display: inline-block; line-height: 70px; text-align: center; vertical-align: middle; margin-right: 10px; width: 25px; height: 25px; background: url("img/menu_mobile_button.png") no-repeat; background-size: 25px 25px;} @media only screen and (max-width:414px) { .nav-primary { clear: left; } .nav-primary li { font-size: 1.6em; border-top: 1px solid #333; } .nav-primary a { display: block; padding: 20px; text-decoration: none; color: #FFF; text-align: center; } .nav-primary a:hover { color: #F7F7F7; } .nav-primary .nav-current a { color: #F7F7F7; } .nav-menu .nav-primary h2 { position: absolute; display: block; top: 0; right: 10px; margin-top: 10px; padding: 0 0 5px 50px; cursor: pointer; text-indent: -999em; background: red; } .nav-menu .nav-primary.expanded h2 { opacity: .4; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } .nav-menu .nav-primary li { clear: left; } .nav-menu .nav-primary.expanded li, .nav-menu .nav-primary li.nav-current { display: list-item; } .nav-menu .nav-primary li.nav-current { border-bottom-width: 0; } .nav-menu .nav-primary.expanded li.nav-current { border-bottom-width: 1px; } } .display-none {display: none !important;} .menu-walker-mobile { display: none; top: 70px; position: absolute; width: 100%; z-index: 999; line-height: 40px; background: #000;} .menu-walker-mobile a {display: block; padding: 6px; font-weight: 700; margin-left: 10px; margin-right: 10px; } .menu-walker-mobile ul { margin: 0px; width: 90%; padding: 0px; list-style: none; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker-mobile ul li { font-family: 'Titillium Web', sans-serif; color: #ffffff; font-size: 13px; font-weight: 700; letter-spacing: 1px; position: relative; z-index: 11; transition: all 0.2s ease-out; display: block; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; margin-left: 1px; margin-right: 1px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker-mobile ul li:hover { color: #ffffff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker-mobile ul li.current-menu-item { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-menu-1-container {padding-bottom: 20px;} .phone-menu-item { padding: 10px !important; text-shadow: none; border-radius: 5px; display: none; background: #0ca93c; animation: animate-pulse 3s linear infinite; /* position: relative; */ margin-top: -6px !important; height: 45px; line-height: 10px; transition: 0.2s; } .phone-menu-item:hover {background: #13c656; transition: 0.2s;} .phone-menu-item::before { content: ''; background: transparent url(img/ico/tel_white.png) no-repeat; background-position: center; background-size: 18px 16px; display: block; width: 30px; height: 45px; margin-right: 5px; margin-top: -12px; float: left; } } .phone-menu-item:hover {} .phone-menu-item a:hover {border-bottom: none;} @media (min-width: 1025px){ .menu-mobile {display: none;} .menu-menu-1-container {padding-top: 60px;} .phone-menu-item {display: inline-block !important;} .menu-container-mail {display: none;} .phone-menu-item {line-height: unset;} } .menu-container-mail{ float: left; margin-right: 20px !important; margin-left: 10px !important; width: 26px; height: 18px; background-size: 26px 18px !important; background: url("img/ico/mail_ico_white.png") no-repeat; background-position: center; margin-top: 14px; padding-top: 45px; transition: 0.2s !important; } .menu-container-mail:hover{ opacity: 0.6; transition: 0.2s; background-position: center; } /* ^ MENU MOBILE ^ */ ul.sub-menu{ display: none;} /* ul.menu li.menu-item-has-children:hover > ul.sub-menu{ visibility: visible; } */ .dropdown-trigger {padding-bottom: 20px !important;} .dropdown-trigger:hover > .sub-menu {display: block !important;} .sub-menu {display: none; position: absolute; background: #000; z-index: 20; padding-top: 20px !important;} .sub-menu a {font-size: 13px; display: block; text-align: left; padding-bottom: 20px;} .sub-menu a:hover {border-bottom: none; background: #212121;} .sub-menu > .menu-walker ul{display: block !important; text-align: left;} .dropdown-item {display: block !important;} @media (max-width: 1356px){ .dropdown-item {display: none !important;} .dropdown-trigger {padding-bottom: unset !important;} } @media (min-width: 1200px){ .item-highlighted {border: 1px solid #ffb100; color: #ffb100 !important; padding: 5px !important; padding-left: 10px !important; padding-right: 8px !important; height: 35px;} .item-highlighted:hover {border-bottom: 1px solid #ffb100 !important;} } /* Offer */ .offer {width: 100%; background: transparent; margin-top: 40px; padding-top: 20px; position: relative; z-index: 16;} .offer-content { margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px;} .offer-content p {} .offer-content h3 {font-size: 16px; font-weight: 800; padding-bottom: 20px;} .offer-content h2 {text-align: center; margin-bottom: 30px;font-weight: 400; color: #4c4c4c; font-size: 28px; margin-top: 50px; margin-bottom: 50px;} .offer-content hr {border-bottom: 1px solid #dedede;} .offer-items {text-align:center; max-width: 1027px; margin-left: auto; margin-right: auto;} .offer-item-row {text-align: center; } .offer-item { opacity: 1; transition: 1s; width: 330px; height: 330px; background-size: 100% !important; overflow: hidden; display: inline-block; margin: 5px; border-radius: 2px;} .offer-item-descreption { padding-left: 10px; padding-right: 10px; color: #080947; background: #f7f7f7; position: relative; top: 283px; margin-bottom: 0px; width: 330px; padding-top: 7px; padding-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-weight: 400; letter-spacing: 1px; font-family: 'Lato', sans-serif; font-size: 18px; color: #b14040; } .offer-item:hover .offer-item-descreption { margin-top: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .offer-content-text {margin-top: -20px; background: #ffffff; border-bottom: 1px solid #f6f0f0; padding-top: 20px; padding-bottom: 30px;} .offer-content-text-mini {max-width: 1020px; font-weight: 400 !important; font-family: 'Montserrat', sans-serif; font-size: 18px; margin-left: auto; margin-right: auto; margin-bottom: -20px; padding-top: 20px; padding-bottom: 30px; margin-top: 0px; border-top: none; text-align: justify; letter-spacing: 1px; color: #1b1ca5;} .pum-container { top: 0 !important; padding: 0px !important; background-color: rgba(0,0,0,0) !important;} .pum-container.pum-responsive img {margin-bottom: 10px !important; height: 90vh; } .pum-theme-56 .pum-content + .pum-close{position: fixed !important; top: 10px !important; right: 30px !important;} .popmake-63 span {display: block; width: 310px; padding: 7px; color: #484848 !important; font-size: 15px; font-weight: 600; margin-left: auto; margin-right: auto; position: absolute; top: 280px; background: #eaeaea; border: 2px solid #eaeaea; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .popmake-63 span:hover {background: none; color: #f1f1f1 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .offer-details {padding-top: 50px; margin-top: 50px; border-top: 2px solid #e8e899; font-size: 20px;} .offer-details-content {max-width: 1028px; margin-left:auto; margin-right: auto; font-family: 'Lato', sans-serif; letter-spacing: 1px; line-height: 30px;} .offer-details-content h1 { line-height: 45px; margin-top: 50px; font-family: } .offer-details-content h2 { line-height: 45px; margin-bottom: 50px; font-family: } .offer-details-content hr {border-bottom: 2px solid #dedede;} @media (max-width: 1200px) { .offer-details-content {width: 90%;} } .offer-content-blocks p {display: none;} .stories { text-align: center; max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 60px;} .story img {width: 300px !important; height: 300px !important; border: none !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .stories p {display: none;} .story { display: inline-block; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} a.story {padding: 1px;} .item-hover { margin-left: 141px; margin-top: 121px; opacity: 0; height: 57px; width: 57px; background: url("img/ico/album_hover.png") no-repeat; background-size: 40px 40px; position: absolute; background-position: center; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .story:hover .item-hover {margin-left: 141px; margin-top: 121px; opacity: 1; height: 57px; width: 57px; background-size: 57px 57px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .item {display: inline-block; margin-bottom: 40px; margin-left: 10px; margin-right: 10px;} .item-title{ margin-top: -30px; font-family: 'Lato', sans-serif; font-size: 15px; color: #fff; font-weight: 400; position: relative; background: rgba(0,0,0,0.7); height: 30px; padding-top: 5px;} @media (max-width: 1200px){ .offer-content h2 {font-size: 18px;} .offer-content-text-mini {width: 90%;} .offer-items {max-width: 877px;} .offer-item {width: 280px; height: 280px;} .offer-item-descreption {width: 280px; height: 280px; margin-top: -50px;} .offer-item:hover .offer-item-descreption {margin-top: -50px;} .item-hover { margin-left: 116px; margin-top: 116px;} .story:hover .item-hover {margin-left: 116px; margin-top: 116px;} p.offer-content-text {width: 90%;} } /* Home oferta */ .home-oferta {width: 100%; position: relative; z-index:16; background:#f2f2f2; padding-top: 20px; padding-bottom: 20px; min-height: 70vh; margin-top: -20px; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 50%, rgba(241,241,241,1) 50%, rgba(246,246,246,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 50%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 50%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .home-oferta-content {max-width: 951px; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-size: 17px;} .home-oferta-content h1 { margin-bottom: 50px; } .home-oferta-content h2 {line-height: 35px; text-align: justify;} .home-oferta-content img {width: 260px; height: 260px; display: block; margin-left: auto; margin-right: auto; transition: .2s;} .mail-red { background: transparent url(https://em-partner.home.pl/autoinstalator/wordpress/wp-content/uploads/2025/08/ico_contact_red.png) no-repeat; background-position: center; background-size: 120px 80px; display: block; width: 130px; height: 130px; margin: auto; animation: alert-red-anim 0.5s 0s infinite alternate none; } /* Copy this @keyframes block to your CSS*/ @keyframes alert-red-anim { 0.0%{ opacity: 0.2; } 100%{ opacity: 1; } 24.9%{ opacity: 0.2; } 50.1%{ opacity: 0.2; } 74.7%{ opacity: 0.2; } } .alert-red:hover { background: transparent url(img/alert_red_hover.png) no-repeat; background-position: center; background-size: 120px 100px; display: block; width: 130px; height: 130px; margin: auto; animation: unset; } .wp-caption {width: 314px !important; display: inline-block; min-height: 275px; margin-bottom: 20px;} .wp-caption-text {width: 314px !important; float: left; display: inline-block; font-size: 17px; text-align: center; margin-top: 10px; font-weight: 700 !important;} .btn-home-offer {margin-left: -100px; background: #ffffff; border-radius: 100px; font-weight: 700; padding: 20px; text-align: center; color: #000000; width: 200px;} .hoc-bckg {background-size: cover !important; background-position: center !important; min-height: unset; background-attachment: fixed !important; padding-bottom: 50px;} .hoc-bckg p { line-height: 32px;} /* .hoc-bckg a {padding: 20px; font-weight: 700; display:inline-block; background: #ffb100; color: #fff !important; border-radius: 5px; margin-top: 50px;} .hoc-bckg a:hover {opacity: 0.7;} */ .home-oferta-wstep {color: #fff;} .home-oferta-wstep-right {text-align: center; margin-top: 30px;} .home-oferta-wstep-right a { color: #000000 !important; /* border: 1px solid #666565; */ padding: 10px; background: #ececec; font-weight: 700; border-radius: 50px; letter-spacing: 1px; padding-left: 50px; padding-right: 50px; } .home-oferta-wstep-right a:hover ~ .mail-red{ animation: unset; } @media (max-width: 1180px){ .home-oferta-wstep-right a{ padding-left: unset; padding-right: unset; color: unset; background: unset; border-radius: unset; } } .hoc-bckg h3{font-size: 40px;} @media (max-width: 1365px){ .home-oferta {padding-top: unset;} .home-oferta-content h1 {padding-top: 20px;} .home-oferta-content h2 {margin-bottom: 30px; text-align: left;} .wp-caption { width: 314px !important; min-height: 340px; margin-bottom: 30px;} .wp-caption-text {width: 314px !important;} .home-oferta-content img {width: 300px; height: 300px; display: unset;} .home-oferta-content {width: 90%; text-align: center;} } /* Home warunki */ .home-offer-details {width: 100%; position: relative; z-index:16;background:#fff; padding-top: 20px; border-top: 2px solid #d46868; padding-bottom: 20px; min-height: 70vh;} .home-offer-details-content {max-width: 950px; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 15px; line-height: 33px;} .home-offer-details-content h1 { font-weight: 700; font-size: 55px; margin-bottom: 50px; } .home-offer-details-content h2 {font-weight: 700; font-size: 23px;} .home-offer-details-content h2::before {content: ""; background: #f15050 url('img/tick.png') no-repeat; background-position: center; background-size: 18px 16px; display: block; width: 50px; height: 50px; margin-right: 15px; margin-top: -12px; float: left; /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);*/} .home-offer-details-content p {font-weight: 600; text-align: justify; border-left: 2px solid #f15050; margin-left: 25px; padding-left: 40px; margin-top: 30px; margin-bottom: 30px; letter-spacing: 1px;} @media (max-width: 1365px){ .home-offer-details-content {width: 90%;} .home-offer-details-content p {text-align: left;} } .img_partner, .img_partner {height: auto !important;} /* Home grid */ .home-grid {width: 100%; position: relative; z-index:16; background: #fff; /*padding-top: 20px;*/ } .home-grid-content {margin-left: auto; margin-right: auto; display: flow-root;} .grid-container {position: relative; width: 50%; min-height: 400px; display: grid; font-family: 'Lato', sans-serif; text-align: center; padding: 50px; background-size: cover; background-position: center; transition: .2s; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1); } .grid-container:hover {filter: sepia(0.8); transition: .2s;} .grid-container img {width: 48px; height: auto; margin: auto;} .grid-container h1 { font-weight: 700; font-size: 25px; color: #fff; margin-bottom: 0px; position: absolute; bottom: 0px; background: rgba(0,0,0,0.8); width: 100%; /* right: 10px; */ padding-bottom: 10px; padding-top: 10px; display: flex; justify-content: flex-end; padding-right: 50px;} .grid-container h1::before { content: ""; display: none; width: 15px; height: 15px; margin-right: 15px; border-right: 3px solid #ffb100; border-top: 2px solid #ffb100; transform: rotate(-45deg); float: left; margin-top: 6px; transition: .2s;} .grid-container h1:hover::before{margin-right: 12px; transition: .2s;} .grid-l {float: left;} .grid-r {float: right;} .grid-container::after { background: transparent url(img/ico/next.png) no-repeat; background-size: 10px 10px; background-position: center; opacity: 0; content: ''; width: 100%; height: 100%; transition: 0.2s; top: 0; position: absolute; border-radius: 4px; } .grid-container:hover::after{opacity: 1; background-size: 50px 50px; transition: 0.2s;} @media (max-width: 1000px){ .home-grid {min-height: unset;} .grid-container {height: 200px; width: 100%; margin: auto; min-height: unset;} .grid-container h1 {font-size: 18px; padding-right: unset; justify-content: center;} .grid-container h1::before {display: none;} .img-l,.img-r {display: none;} .grid-l,.grid-r {padding: 0px; float: none;} } .rotate.triggeredCSS3 {transform : rotate(360deg); } .anim{} .show { opacity: 1 !important; transition: 4s; animation: offer-item-appear-animation-frames linear 4s ease; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: offer-item-appear-animation-frames linear 4s ease; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: offer-item-appear-animation-frames linear 4s ease; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: offer-item-appear-animation-frames linear 4s ease; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: offer-item-appear-animation-frames linear 4s ease; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } /*------------------------------------------------------------------ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } section { background: #eee; max-width: 600px; margin: 0 auto; padding: 20px; overflow: hidden; } .module { opacity: 0; width: 48%; min-height: 200px; transition: 1s; background: white; position: relative; float: left; padding: 20px; margin-right: 4%; margin-bottom: 4%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .come-in { transform: translateY(150px); opacity: 1; transition: 1s; } .already-visible { transform: translateY(0); animation: none; } /*------------------------------------------------------------------ */ .anim1{ opacity: 1; animation: offer-item-appear-animation-frames linear 4s ease; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: offer-item-appear-animation-frames linear 4s ease; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: offer-item-appear-animation-frames linear 4s ease; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: offer-item-appear-animation-frames linear 4s ease; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: offer-item-appear-animation-frames linear 4s ease; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes offer-item-appear-animation-frames{ 0% { opacity:0; transform: translate(0px,30px) ; } 4% { opacity:0.28572979450233726; transform: translate(0px,-10px) ; } 14% { opacity:1; transform: translate(0px,0px) ; } 100% { opacity:1; transform: translate(0px,0px) ; } } @-moz-keyframes offer-item-appear-animation-frames{ 0% { opacity:0; -moz-transform: translate(0px,30px) ; } 4% { opacity:0.28572979450233726; -moz-transform: translate(0px,-10px) ; } 14% { opacity:1; -moz-transform: translate(0px,0px) ; } 100% { opacity:1; -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes offer-item-appear-animation-frames { 0% { opacity:0; -webkit-transform: translate(0px,30px) ; } 4% { opacity:0.28572979450233726; -webkit-transform: translate(0px,-10px) ; } 14% { opacity:1; -webkit-transform: translate(0px,0px) ; } 100% { opacity:1; -webkit-transform: translate(0px,0px) ; } } @-o-keyframes offer-item-appear-animation-frames { 0% { opacity:0; -o-transform: translate(0px,30px) ; } 4% { opacity:0.28572979450233726; -o-transform: translate(0px,-10px) ; } 14% { opacity:1; -o-transform: translate(0px,0px) ; } 100% { opacity:1; -o-transform: translate(0px,0px) ; } } @-ms-keyframes offer-item-appear-animation-frames { 0% { opacity:0; -ms-transform: translate(0px,30px) ; } 4% { opacity:0.28572979450233726; -ms-transform: translate(0px,-10px) ; } 14% { opacity:1; -ms-transform: translate(0px,0px) ; } 100% { opacity:1; -ms-transform: translate(0px,0px) ; } } /* Page */ .page {padding-top: 20px; z-index: 2; position: relative; padding-top: 150px; background: #0f0f0f; color: #fff; margin-top: 20px;} .page-content,.prices-content { padding-bottom: 30px; width: 960px; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 15px; animation: 0.5s div_appear; letter-spacing: 1px;line-height: 30px; margin-bottom: 40px; padding: 40px; border-radius: 20px; background: rgba(255,255,255,0.07);} /*.page-content h1 {text-align: center; color: #696969; font-size: 45px; font-weight: 300; padding-bottom: 20px; padding-top: 30px; display: block; margin-left: auto; margin-right: auto; max-width: 250px;} .page-content p { } .page-content img {-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);} */ .page-icon { height: 100px; width: auto; margin: auto; margin-top: 30px; margin-bottom: 30px; padding-top: 30px; position:relative; display: block; z-index:2; } .page img {max-width: 100%; height: auto;} /* .page-bottom-image { width: calc(100% + 80px); position: relative; margin-bottom: -50px; margin-left: -40px; max-width: unset; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } */ .page-cover-image{ width: calc(880px + 80px); position: absolute; /* margin-bottom: -50px; */ margin-left: -40px; max-width: unset; top: 149px; opacity: 0.5; border-top-left-radius: 20px; border-top-right-radius: 20px; } .page-centered-icon{ height: 60px; width: auto; margin: auto; display: flex; margin-top: 50px; margin-bottom: 20px; } .hr-gallery {border: 1px solid rgba(215, 202, 185, 0.4); margin-top: 30px; margin-bottom: 40px;} a.folder { display: block; width: 330px; height: 40px; background: #f5f5f5; color: #484848 !important; text-align: center; margin-left: auto; margin-right: auto; border-radius: 3px; padding-top: 7px;} .page-content hr,.prices-content hr {border-top: 2px solid #e67474;} .page-content h1 {position: relative; margin-top: 30px; margin-bottom: 100px; text-shadow: 0px 0px 15px rgb(0 0 0);} .page-content h2 {font-size: 20px; line-height: 30px;} @media (max-width: 959px){ .page-content,.prices-content {max-width: 100%; margin-left: auto; margin-right: auto; padding: 10px;} .page-content h1 {font-size: 20px; margin-top: 15px; margin-bottom: 50px;} .page-content h2 {font-size: 16px; line-height: 30px;} .prices-content h3,.prices-content h4 {min-height: 54px;} .page-cover-image {width: 100vw; margin-left: -10px; top: 70px;} .page {padding-top: 70px;} .page-icon {margin-top: 0px; margin-bottom: -30px; height: 70px;} .page-centered-icon{ height: 30px; } } .page-content h3 { font-size: 16px; width: 50%; display: inline-block; background: rgba(255, 255, 255, 0.1); padding: 10px; margin: 0px; margin-bottom: 1px; } .page-content h4 { font-size: 16px; width: 50%; display: inline-block; margin-top: 20px; float: right; background: rgba(255, 255, 255, 0.5); padding: 10px; margin: 0px; margin-bottom: 1px; } .page-contact-l,.page-contact-r {width: 50%; padding-left: 20px; padding-right: 20px; } .page-contact-l h2,.page-contact-r h2 {border-bottom: 2px solid rgba(255,255,255,0.3); padding-bottom: 20px; margin-bottom: 40px;} .page-contact-l {float: left;} .page-contact-r{float: right; background: #262626; border-radius: 20px;} @media (max-width: 1200px){ .page-contact-l,.page-contact-r {width: 100%; padding-left: 0; padding-right: 0;} .page-contact-l {float: none;} .page-contact-r{float: none;} } @media (max-width: 959px){ .page-contact-r{ margin-left: -10px; width: 100vw; padding: 10px; margin-top: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; } } .page-contact-l > .companyhours-logo img {display: none;} /* About */ .about { width: 100%; background: #f2f2f2; color: #1c1c1c; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 16; background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); } .about-content {text-align: justify; position: relative; z-index: 16; min-height: 220px; width: 950px; padding-bottom: 50px; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-size: 17px; line-height: 30px;} @media (min-width: 1024px){ .about-content h1 {} } .about-content h4 {font-size: 48px; font-weight: 300; margin-bottom: 20px; padding-top: 20px; } .about-topic {float: right; width: 336px; border-left: 1px solid rgba(255,255,255,0.3); padding-left: 20px; min-height: 170px; } .about-topic a {font-size: 28px !important; font-family: 'Lato'; font-weight: 300 !important; color: #f3bf7d !important; line-height: 85px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .about-topic a:hover {margin-left: 2px; color: rgba(255,255,255,0.8) !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .about-topic-content-container {min-height: 180px; padding-top: 25px; padding-bottom: 25px; } .about-topic-content {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .about-topic-content-marker-1 {float: right; width: 7px; height: 7px; background: #eee; margin-right: -4px; margin-top: 13px; border-radius: 2px; } .about-topic-content-marker-2 {float: right; width: 7px; height: 7px; background: #eee; margin-right: -4px; margin-top: 99px; border-radius: 2px; } .about-content img {margin-bottom: 10px;} .about-content a {padding: 10px; border: 2px solid #fff; display: inline-block; margin-top: 30px !important; font-weight: 700 !important; transition: .2s;} .about-content a:hover {border: 2px solid transparent; transition: .2s;} @media (max-width: 1023px){ .about-content {width: 90%; font-size: 15px;} .about-topic {width: 100%; margin-bottom: -80px; border-left: none;} .about-topic a {margin-left: 0px; } .about-topic a:hover {margin-left: 2px;} .about-topic-content-container {} .about-topic-content-marker-1 {float: none; margin-top: -14px;} .about-topic-content-marker-2 {float: none; margin-top: 13px;} } @media (min-width: 1201px){ .about-topic-content-container {max-width: 660px;} .about-topic-content-marker-1 {margin-right: -23px;} .about-topic-content-marker-2 {margin-right: -23px;} } @media (max-width: 768px){ .about-topic a {font-size: 15px !important; line-height: 28px; font-weight: 500 !important;} .about-topic-content-container {text-align: justify; } } /* Home lista */ .home-lista {width: 100%; position: relative; z-index:16; background:#1e1e1e; padding-top: 20px; padding-bottom: 50px; } .home-lista-content { max-width: 650px; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-size: 17px; color: #fff !important; line-height: 33px;} .home-lista-content h1 { } .home-lista-content hr {border-top: 1px solid #6a6a6a; margin-top: 40px;} .home-lista-content-document-ico {height: 48px; width: auto; margin: auto;} @media (min-width: 1024px){ .home-lista-content h1 {} } .home-lista-content h5 {color: #ffb100; font-size: 16px; line-height: 45px; margin: 0; color: #ffb100; font-size: 16px; line-height: 45px; background: rgb(255 177 0 / 6%); margin: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;} .home-lista-content h5::before {content: ""; background: rgb(0,0,0, 0) url('img/tick.png') no-repeat; background-position: center; background-size: 15px 15px; display: block; width: 60px; height: 35px; margin-top: 4px; float: left; border-radius: 50px; /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);*/} .home-lista-content h6 { margin-top: 0px; margin-bottom: 30px; line-height: 25px; text-align: justify; background: rgba(255,255,255,0.05); font-size: 15px; padding-left: 60px; padding-right: 20px; padding-bottom: 20px; padding-top: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .home-lista-content p {margin-left: 60px; margin-bottom: 30px; line-height: 25px; text-align: justify; font-size: 15px;} @media (max-width: 1023px){ .home-lista-content {width: 90%;} } @media (max-width: 500px){ .home-lista-content h5 {text-align: center; line-height: unset;} .home-lista-content h5::before {float: none; margin: auto;} .home-lista-content h6 {padding-right: 10px; padding-left: 10px;} } /* Home companyhours */ /* Home companyhours */ .companyhours {width: 100%; position: relative; z-index:16; background:#1e1e1e; color: #fff;} .companyhours-content {padding-top: 120px; padding-bottom: 120px; display: flex; max-width: 950px; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-size: 15px; line-height: 33px;} .companyhours-logo img {height: 50px; width: auto; margin-top: 20px;} .companyhours-data h1 {font-size: 16px; color: #ffb100; margin-bottom: 10px;} .companyhours-data p {margin: 0;} .companyhours-data a {color: #c5a300 !important;} .companyhours-data a:hover {color: #ffb100 !important;} .companyhours-data {min-width: 350px;} .companyhours-logo{} @media (max-width: 1365px){ .companyhours {padding-top: 20px; padding-bottom: 20px;} .companyhours-content {padding-top: 20px; padding-bottom: 20px; width: 90%; display: unset; text-align: center;} .companyhours-data {min-width: unset; width: 100%;display:block;} } /* Contact */ .contact {/*width: 100% !important; background: #000; position: relative;*/ z-index: 2;/*background: url("img/footer_bg1.jpg");*/ color: #fff; background-attachment: fixed !important; background-position: top center !important; padding-top: 20px; padding-bottom: 20px; } .contact-content { opacity: 1; position: relative; z-index: 16; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 300; letter-spacing: 1px;} @media (min-width: 1024px){ .contact-content h1 {font-size: 55px;} } .contact-data-div {font-size: 16px; font-weight: 700; text-align: center; min-height: 170px; margin-top: 50px; margin-bottom: 30px;} .contact-data-ico {letter-spacing: 0px; margin-bottom: 20px; color: #fff; font-size: 22px; font-weight: 700; font-family: 'Lato', sans-serif;} .contact-data-ico img {margin-bottom: 15px;} .contact-data-detail {display: block; margin-bottom: 20px;} a.contact-data-link {display: inline-block;} .hr-contact {border: 1px solid rgba(215, 202, 185, 0.4);} @media (max-width: 1024px){ .contact-data-ico{display: inline-block; float: none; width: 300px; margin-left: auto; margin-right: auto;} } #contact-panel-parent{position: relative; visibility: visible; } #contact-panel-bot{ text-align: center; float: right; position: absolute; display: none; font-family: 'Montserrat', sans-serif; color: #4d4d4d; font-size: 33px; font-weight: bold;} #contact-panel { position:relative; visibility: visible;} #contact-panel input { color: #e10000; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; height: 40px; width: 100%; padding-left: 8px; padding-bottom: 3px; display: block; margin: 10px auto; margin-bottom: 15px; background: #1f1f1f; border: 1px solid #484848; resize: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #contact-panel input::-webkit-input-placeholder { color: #474a54; } #contact-panel input::-moz-placeholder { color: #474a54; } #contact-panel input:-ms-input-placeholder { color: #474a54; } #contact-panel input:-moz-placeholder { color: #474a54; } #contact-panel input:hover { border: 1px solid #ffba00; color: #e10000; background: #1f1f1f; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} #contact-panel input:focus { border: 1px solid #ffba00; color: #ffba00; background: #1f1f1f; outline: none; /* -webkit-box-shadow: inset -2px 0px 0px 0px #dadada; -moz-box-shadow: inset -2px 0px 0px 0px #dadada; box-shadow: inset -2px 0px 0px 0px #dadada; */} #contact-panel textarea { color: #e10000; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; height: 153px; width: 100%; resize: none; padding-left: 8px; padding-top: 5px; display: block; margin: 10px auto; background: #1f1f1f; border: 1px solid #484848; resize: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #contact-panel textarea::-webkit-input-placeholder { color: #474a54; } #contact-panel textarea::-moz-placeholder { color: #474a54; } #contact-panel textarea:-ms-input-placeholder { color: #474a54; } #contact-panel textarea:-moz-placeholder { color: #474a54; } #contact-panel textarea:hover { border: 1px solid #ffba00; color: #e10000; background: #1f1f1f -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #contact-panel textarea:focus { border: 1px solid #ffba00; color: #ffba00; background: #1f1f1f; outline: none; /* -webkit-box-shadow: inset -2px 0px 0px 0px #dadada; -moz-box-shadow: inset -2px 0px 0px 0px #dadada; box-shadow: inset -2px 0px 0px 0px #dadada; */ -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} img.ajax-loader { /*display: none;*/ } .wpcf7-captchac {margin-right: 15px;} .wpcf7-captchar { width: 211px !important; display: inline-block !important; } [value="Wyślij"] {border: none !important;} [role="alert"] {font-weight: 700;} div.wpcf7-response-output {display: flex !important; padding-top: 30px !important; justify-content: center;} span.wpcf7-not-valid-tip { margin-bottom: 30px; } .wpcf7-response-output {border: none !important;} .contact_file {border: none !important; background: transparent !important; color: #d4d4d4 !important;} .contact_file:hover {color: #d4d4d4 !important;} .contact_file:focus {color: #d4d4d4 !important;} #contact-panel select { color: #4d4d4d; width: 100%; background: #d4d4d4; border: 1px solid #d4d4d4; height: 42px; border-radius: 3px; /* margin-top: 30px; */ margin-bottom: 40px; font-weight: 700; padding-bottom: 3px; font-size: 14px; } .testimonial-form > .wpcf7 {text-align: center;} .testimonial-form input { color: #e10000; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; height: 40px; width: 650px; padding-left: 8px; padding-bottom: 3px; border-radius: 3px; display: block; margin: 10px auto; margin-bottom: 15px; background: #fff; border: 1px solid #dedede !important; resize: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .testimonial-form input::-webkit-input-placeholder { color: #474a54; } .testimonial-form input::-moz-placeholder { color: #474a54; } .testimonial-form input:-ms-input-placeholder { color: #474a54; } .testimonial-form input:-moz-placeholder { color: #474a54; } .testimonial-form input:hover { border: 1px solid #ececec !important; color: #e10000; background: #fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .testimonial-form input:focus { border: 1px solid #e10000 !important; color: #e10000; background: #fff; outline: none; /* -webkit-box-shadow: inset -2px 0px 0px 0px #dadada; -moz-box-shadow: inset -2px 0px 0px 0px #dadada; box-shadow: inset -2px 0px 0px 0px #dadada; */} .testimonial-form textarea { border: 1px solid #ececec; color: #e10000; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; height: 153px; width: 650px; resize: none; padding-left: 8px; padding-top: 5px; display: block; margin: 10px auto; margin-top: 30px; background: #fff; border-radius: 3px; resize: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .testimonial-form textarea::-webkit-input-placeholder { color: #474a54; } .testimonial-form textarea::-moz-placeholder { color: #474a54; } .testimonial-form textarea:-ms-input-placeholder { color: #474a54; } .testimonial-form textarea:-moz-placeholder { color: #474a54; } .testimonial-form textarea:hover { border: 1px solid #ececec !important; color: #e10000; background: #fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .testimonial-form textarea:focus { border: 1px solid #e10000 !important; color: #e10000; background: #fff; outline: none; /* -webkit-box-shadow: inset -2px 0px 0px 0px #dadada; -moz-box-shadow: inset -2px 0px 0px 0px #dadada; box-shadow: inset -2px 0px 0px 0px #dadada; */ -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .attachment-file {border: none !important; background: transparent !important; color: #d4d4d4 !important;} .attachment-file:hover {color: #d4d4d4 !important;} .attachment-file:focus {color: #d4d4d4 !important;} #attachment-file {border: none !important;} #testimonial-btnsend {background: #e10000; color: #fff; padding: 10px; width: 200px; height: 50px; border: none !important; transition: 0.2s;} #testimonial-btnsend:hover {background: #ff0000; transition: 0.2s;} #tstmcptch {} /* @media (max-width: 1200px){ .contact-content{margin-left: 20px; margin-right: 20px; width: auto;} #contact-panel-parent {float: none; position: relative; visibility: hidden; width: 85%; margin: auto;} #contact-panel-bot { float: none; position: relative; visibility: visible; display: none; width: auto;} #contact-panel { margin: 10px auto;float: none; position: relative; visibility: visible; width: auto;} /*#contact-panel { margin: 10px auto; float: none; position:relative;}*/ /* .contact-left { text-align: center; } #contact-panel textarea { width: 80%; } #contact-panel input {width: 80%; } #contact-panel h2 {padding-top: 25px; } } */ @media (max-width: 720px){ .contact-content {font-size: 15px;} #contact-panel input {width: 100%;} #contact-panel textarea {width: 100%;} .testimonial-form input,.testimonial-form textarea {width: 100%;} } div.wpcf7-mail-sent-ok {border: 0px !important;} div.wpcf7-mail-sent-ng {border: 0px !important;} div.wpcf7-spam-blocked {border: 0px !important;} /* Footer */ .footer {/*background: url("img/footer_bg1.jpg");*/ position: relative; z-index: 18; background-attachment: fixed !important; background-position: top center !important; padding-top: 20px; margin-top: -5px;} .footer-gallery {background: #f7f7f7;} .footer-subpage {background: #f7f7f7;} .footer-content {width: 1170px; position: relative; z-index: 16; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 13px; color: #ababab; } .footer-content-subpage {width: 1170px; position: relative; z-index: 16; margin-left: auto; margin-right: auto; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 13px; color: #939393; } .hr-footer {position: relative; border: 1px solid rgba(215, 202, 185, 0.4); margin-bottom: 10px;} .copyright {position: relative; padding-bottom: 10px; text-align:right; font-size: 11px;} #arrow_up_footer { position: relative; display:block; float: right; height: 55px; width: 55px; background: url("img/arrow_up_m_bg.png") no-repeat; background-size: cover; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #arrow_up_footer:hover { height: 55px; width: 55px; background: url("img/arrow_up_m_hov_bg.png") no-repeat; background-size: cover; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #arrow_up_footer:focus { height: 55px; width: 55px; background: url("img/arrow_up_m_foc_bg.png") no-repeat; background-size: cover; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} @media (max-width: 1200px){ .footer-content {width: auto; margin-left: 20px; margin-right: 20px; } } /* Album */ .album_box { overflow: hidden; } .album_head { height: 85px; width: 100%; background: rgba(0,0,0,0); text-align: center; } .album_head .album_social { display:none; text-align: left; padding-top: 25px; padding-left: 20px; } .album_head .album_social img { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; margin-left: 1px; margin-right: 1px; -webkit-transition: all 0.4s ease ease-in-out;-moz-transition: all 0.4s ease ease-in-out; -o-transition: all 0.4s ease ease-in-out; transition: all 0.4s ease ease-in-out; } .album_head .album_social img:hover { filter:alpha(opacity=10); opacity: 1; -moz-opacity:1; } .album_head .album_social img:active { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; } .album_cnt { width: 100% !important; max-width: 100% !important; text-align: center; position: relative; } .album_cnt ul { height: inherit !important; padding: 0px !important; margin: 0px !important; display:block; } .album_cnt .bjqs-slide { height: inherit !important; list-style: none; margin: 0px; padding: 0px; position: relative; left: 50%; margin-left: -610px; } .album_cnt img { height: 100%; } .bjqs { width: 100% !important; } .bjqs-prev a { height: 234px; width: 59px; position: absolute; z-index: 99; top: 50% !important; margin-top: -117px !important; } .bjqs-next a { height: 234px; width: 59px; position: absolute; z-index: 99; top: 50% !important; margin-top: -117px !important; } .bjqs-prev a { left: 30px !important; background: url("img/album_l.png") no-repeat; } .bjqs-prev a:hover { background: url("img/album_l_h.png") no-repeat; left: 30px !important; } .bjqs-next a { right: 30px !important; background: url("img/album_r.png") no-repeat; } .bjqs-next a:hover { background: url("img/album_r_h.png") no-repeat; right: 30px !important; } .album_bot { height: 85px; width: 100%; background: rgba(0,0,0,0); text-align: center; } .album_bot img { height: 65px; cursor: pointer; width: auto; margin-top: 15px; margin-left: -2px; margin-right: -2px; } .album_bot img.active { -webkit-filter:brightness(100%); -moz-filter:brightness(100%); filter: url(#brightness); filter:brightness(100%); } .unslider-arrow { position: absolute; } .bjqs-markers { color: transparent; } .album_box .mfp-close { height: 61px !important; width: 61px !important; margin-top: 12px !important; margin-right: 20px !important; background: url("img/album_close.png") no-repeat !important; } .album_more { cursor: pointer; } .album_social span { display: none; } /* Main Menu */ .imgcircle>img { position: absolute ; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .circles .circle { position: relative; height: 118px; width: 118px; padding-top: 22px; text-align: center; margin-top: 57px; margin-right: auto; margin-left: auto; background: rgba(0, 0, 0, 0.5); border-radius: 50%; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; /* -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; */} .menu-label { padding-top: 15px; color: #ffffff; font-size: 15px; text-align: center; font-weight: 500; font-family: 'Lato', sans-serif;} .circles .circle:hover { /*height:122px; width:122px; position: absolute; margin-top: 55px; padding-top: 22px; margin-left: 5px; text-align: center; */ background: rgba(0, 0, 0, 0.53); /*-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; */} .circle {display:block;} #arrow_up_footer { } #footer_bar { display: none; } @media (max-width: 1200px) { /* #blog-lights { background: url("img/mobile/lights.png"); background-size: cover; } */ .top-shares-more { width: 120px; text-align: center; right: -44px; } .top-shares-more .ico { display: inline-block; margin-left: 4px; margin-right: 4px; } #arrow_up_footer { display: block; } #footer_bar { display: block; } /*'Emboss line in footer*/ /* footer .footer_bar { border-bottom: 1px solid #070707; } #footer-menu-box .copyright { border-top: 1px solid #191919; } */ /* Contact */ /* About me */ #about-textarea { width: 90%; margin-bottom: 0px;} #about-textarea>.sec-1 { width: 92%; } #about-textarea>.sec-2 { width: 92%; } #about-textarea>.sec-3 { width: 92%; } #about-textarea>.sec-4 { width: 92%; border-top: 0px; position: absolute: left: 0; right: 0; margin-bottom: 0px; } /*Blog*/ #blog-main>.article-box { width: auto !important; float: none !important; position: relative !important; margin: 0 auto; } #blog-main>.article-box:nth-child(3) { display: none !important; margin-bottom: 0px; } #blog-main>.article-box:after { display: none !important; } #blog-main>.article-box .date { display: none; } #blog-main>.article-box .textarea {/* float: none !important;*/ position: initial !important; margin: 0 auto; margin-bottom: calc(5%)} #blog-main>.article-box .form-submit .submit { right: calc(5%/2); /*margin-left: 340px; right: 10px;*/ margin-top: 20px; height: 25px; width: 145px; cursor: pointer; padding-top: 0px; padding-left: 10px; color: #ffffff; margin-top: 16px; background: #808080; background: -moz-linear-gradient(top, #808080 0%, #515151 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#515151)); background: -webkit-linear-gradient(top, #808080 0%,#515151 100%); background: -o-linear-gradient(top, #808080 0%,#515151 100%); background: -ms-linear-gradient(top, #808080 0%,#515151 100%); background: linear-gradient(to bottom, #808080 0%,#515151 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#515151',GradientType=0 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #arrow_up { display: none; } #blog-separator { display: none; } #blog-main { height: auto !important; } .about-left img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #about_addon { margin-left: 15px; margin-right: 15px; clear: both; padding: 0px; color: #fcfcfc; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 400; position: relative; min-height: 90px; /* background: rgba(50,50,50,0.42); border: 1px solid #343434; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.42); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.42); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; */ } } @media (max-width: 1200px) { .contact-left table td { text-align: left; } .bxslider li { height: 100%; } .bjqs-next a { height: 150px; background-size: 100% 100% !important; margin-top: -68px !important; } .bjqs-prev a { height: 150px; background-size: 100% 100% !important; margin-top: -68px !important; } .bxslider img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .bxslider { height: 100%; } #footer-menu-box ul { display: none; } .page-title { margin-top: 0px; margin-bottom: 15px; } #contact-send { width: 95%; } #button-form {width: 95% !important; } .sharebox2 { margin-top: 0px; margin-right: 2.5%!important; height: 48px !important; width: 106px !important; display: block !important; float: right !important; padding: 12px !important; background: #313131 url("img/ico/share_post_mobile.png") no-repeat center center !important; background-size: 22px 23px !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; right: 0; -webkit-transition: all 0.4s ease ease-in-out;-moz-transition: all 0.4s ease ease-in-out; -o-transition: all 0.4s ease ease-in-out; transition: all 0.4s ease ease-in-out; } .wpulike .counter a.image { /*transform: scale(0.5);*/} .wpulike .counter a.image { height: 46px !important; width: 106px !important; display: block !important; float: left !important; padding: 24px !important; background: rgba(255,255,255,0) url("img/ico/thumb_ico_mobile.png") no-repeat /*25px*/ 32px center !important; background-size: 18px 19px !important; position: relative; /*left: -19px;*/ top: -5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 5px 10px 0px rgba(128,128,128,1); -moz-box-shadow: 0px 5px 10px 0px rgba(128,128,128,1); box-shadow: 0px 5px 10px 0px rgba(128,128,128,1); } .wpulike .count-box { position: absolute !important; margin-left: /*-56px*/ -46px !important; margin-top: 13px !important; } /*ul.bjqs*/ #pages_count { display: block; color: white; font-size: 18px; padding-top: 18px; font-family: 'Roboto', sans-serif; } .article-box { height: 0px !important; } } /* Scroll down btn ==================== */ .circle42px { width: 44px; height: 45px; z-index: 12; position: fixed; bottom: 0; margin-bottom: 30px; left: 50%; background: rgb(255, 255, 255); margin-left: -22px; margin-bottom: 45px; border-radius: 50px; -webkit-box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.95); -moz-box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.95); box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.95); border: 1px solid #fff; opacity: 1; } /* -------------------------- */ .scroll-down-wrapper {opacity: 1; z-index: 15; position: relative; display: flex;} .scroll-down-wrapper-alt {display: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #section03 { position: relative; } #section03::after { display: none; position: fixed; bottom: 0; left: 0; content: ''; width: 100%; height: 20%; background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.8) 100%); z-index: 12; } #section03 a { padding-top: 60px; position: fixed; z-index: 13; left: 50%; bottom: 0; margin-bottom: 30px; } #section03 a span { position: absolute; top: 0; left: 50%; width: 46px; height: 46px; margin-left: -23px; border: 1px solid #fff; border-radius: 100%; box-sizing: border-box; opacity: 1; } #section03 a span::after { position: absolute; top: 50%; left: 50%; content: ''; width: 16px; height: 16px; margin: -12px 0 0 -8px; /* border-left: 1px solid #fff; border-bottom: 1px solid #fff; */ -webkit-box-shadow: -1px 1px 0px 1px rgba(56,56,56,1); -moz-box-shadow: -1px 1px 0px 1px rgba(56,56,56,1); box-shadow: -1px 1px 0px 1px rgba(56,56,56,1); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: border-box; z-index: 12; } #section03 a span::before { position: absolute; top: 0; left: 0; z-index: -1; content: ''; width: 44px; height: 44px; box-shadow: 0 0 0 0 rgba(255,255,255,.3); border-radius: 100%; opacity: 0; -webkit-animation: sdb03 3s infinite; animation: sdb03 3s infinite; box-sizing: border-box; z-index: 12; } @-webkit-keyframes sdb03 { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.3); opacity: 0; } 100% { opacity: 0; } } @keyframes sdb03 { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.3); opacity: 0; } 100% { opacity: 0; } } /*============================== #section07 { position: fixed; bottom: 0; right: 0; content: ''; width: 100px; height: 100px; background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.8) 100%); z-index: 12; } #section07 a { position: relative; width: auto; margin-left: auto; margin-right: auto; display: block; } #section07 a span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb07 2s infinite; animation: sdb07 2s infinite; opacity: 0; box-sizing: border-box; } #section07 a span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } #section07 a span:nth-of-type(2) { top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s; } #section07 a span:nth-of-type(3) { top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s; } @-webkit-keyframes sdb07 { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes sdb07 { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* scroll down btn 2 ===================== body { background: #222; } span { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); IE 9 -webkit-transform: rotate(45deg); Chrome, Safari, Opera transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; margin: 0 0 3px 6px; } .unu { margin-top: 6px; } .unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; } .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; } .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; } .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; } .mouse { height: 21px; width: 14px; border-radius: 10px; transform: none; border: 2px solid white; top: 170px; } .wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; } .wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; } @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 50% { top: 2px; } 100% { top: 3px;} } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } scroll down btn 2 end */ /* vvvvvvvvvvvvvvv SCROLL DOWN ARROWS vvvvvvvvvvvvvvvvv .arrows-scroll-down-wrapper { display: block; width: 24px; height: 24px; z-index: 12; position: relative; margin-left: 50%; margin-top: -250px; padding-bottom: 70px; } .arrows-scroll-down { position: absolute; width: 28px; height: 8px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite; } .arrows-scroll-down:first-child { animation: move 3s ease-out 1s infinite; } .arrows-scroll-down:nth-child(2) { animation: move 3s ease-out 2s infinite; } .arrows-scroll-down:before, .arrows-scroll-down:after { content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff; } .arrows-scroll-down:before { left: 0; transform: skew(0deg, 30deg); } .arrows-scroll-down:after { right: 0; width: 50%; transform: skew(0deg, -30deg); } @keyframes move { 25% { opacity: 1; } 33% { opacity: 1; transform: translateY(30px); } 67% { opacity: 1; transform: translateY(40px); } 100% { opacity: 0; transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } } .arrows-scroll-down-text { display: block; margin-top: 75px; margin-left: -30px; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; white-space: nowrap; opacity: .25; animation: pulse 2s linear alternate infinite; padding-top: 70px; } @keyframes pulse { to { opacity: 1; } } /* ^^^^^^^^^^^^^ SCROLL DOWN ARROWS ^^^^^^^^^^^^^^^ */ /* vvvvvvvvvv MOUSE vvvvvvvv .mouse { width: 26px; height: 42px; border: 2px solid #fff; border-radius: 24px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 12; } .mouse:after { content: ""; position: absolute; top: 5px; left: 50%; margin-left: -2px; background-color: #fff; border-radius: 100%; width: 4px; height: 4px; opacity: 1; -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); -webkit-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; } @-webkit-keyframes scroll { 0%, 20% { -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); } 10% { -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px); transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px); transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px); opacity: 0.01; } } @keyframes scroll { 0%, 20% { -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); } 10% { -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px); transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px); transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px); opacity: 0.01; } } /* ^^^^^^ MOUSE ^^^^ */ #wrap{ position:fixed; z-index:1; top:0; left:0; background-color: #000; } #wrap img.bgfade{ position:absolute; top:0; display:none; z-index:-1 } @media (max-width: 1024px){ #wrap img.bgfade{ left: -80%; } } @media (orientation: landscape){ img.bgfade{width: 100vw; height: unset;} } @media (orientation: portrait){ img.bgfade{width: unset; height: 100vh;} } #wrap-bg-dimmer{background: #000; width: 100%; height: 100%; opacity: 0;} /* Opinie */ .home-opinie {width: 100%; background: #0f0f0f; color: #fff; padding-top: 20px; padding-bottom: 20px; margin-top: -20px; margin-bottom: -250px; position: relative; z-index: 16; overflow: hidden; padding-bottom: 80px; overflow: hidden; } .opinie-content { font-family: 'Lato' sans-serif; text-align: center; font-weight: 500; font-size: 16px; line-height: 40px;} @media (min-width: 1024px){ .opinie-content h1 {} } .home-opinie-content h3 {color: #fff;} .opinie-content h1 {text-align: center; font-family: 'Lato', sans-serif; font-weight: 700;} .opinie-content h2 {text-align: center; font-family: 'Lato', sans-serif;} .shadow-effect { background: transparent; padding: 20px; border-radius: xpx; text-align: center; border:1px solid #transparent; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); } #customers-testimonials .shadow-effect p { font-family: inherit; font-size: 15px; color: #ffb100; text-decoration: italic; line-height: 1.5; margin: 0 0 17px 0; font-weight: 500; } .testimonial-name { margin: -17px auto 0; margin-top: 0px; display: table; width: 100%; border-top: 1px solid #ffb100; padding: 9px 35px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-align: center; color: #fff; box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05); } #customers-testimonials .item { text-align: center; padding: 50px; margin-bottom:80px; opacity: .2; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #customers-testimonials .owl-item.active.center .item { opacity: 1; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1); } .owl-carousel .owl-item img { transform-style: preserve-3d; max-width: 90px; margin: 0 auto 17px; } #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span { background: #3190E7; transform: translate3d(0px, -50%, 0px) scale(0.7); } #customers-testimonials.owl-carousel .owl-dots{ display: none /*inline-block*/; width: 100%; text-align: center; } #customers-testimonials.owl-carousel .owl-dots .owl-dot{ display: inline-block; } #customers-testimonials.owl-carousel .owl-dots .owl-dot span { background: #3190E7; display: inline-block; height: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 20px; } .owl-carousel .owl-stage-outer {height: 450px;} @media (max-width: 1200px) { .home-opinie {position: relative; padding-bottom: 80px; margin-bottom: unset;} } .owl-carousel .owl-stage-outer {height: 500px;} } @media (min-width: 1366px) and (max-width: 1400px){ #customers-testimonials {margin-left: -65px;} } @media (min-width: 1401px) and (max-width: 1530px){ #customers-testimonials {margin-left: -20px;} } .shadow-effect a { background: #333; padding: 5px; margin-bottom: 20px; font-weight: 700; } .home-opinie h4 {padding: 10px; display: table; margin: auto; border: 2px solid; font-weight: 700; font-family: 'Lato', sans-serif; font-size: 22px; margin-bottom: 50px; transition: 0.2s;} .home-opinie h4:hover {color: #e10000; border: 2px solid #e10000; transition: 0.2s;} /* opinie end */ .opacity1 {opacity: 1;} .gmap {margin-top: 50px; position: relative; z-index:2; } .gmap-home {z-index: 1; position: relative; background: #ffffff;} * { box-sizing: border-box; } .title { background: rgba(255, 255, 255, 0.7); color: #333; position: fixed; text-align: right; top: 0; right: 0; padding: 10px 15px; margin: 0; z-index: 100; } .slider { z-index: 16; position: relative; overflow: hidden; height: 550px; width: /*calc(100vw - 0px);*/100%; background: #1e1e1e; } .slide{ background-size: cover; position: absolute; background-position: center; background-repeat: no-repeat; top: 0; left: 100%; height: 100%; width: 100%; } .slide-backup { background-position: center center; background-size: cover; position: absolute; top: 0; left: 100%; height: 100%; width: 100%; } .slide.active { transform: translateX(-100%); } .slide .info { background-color: rgba(249, 173, 0, 0.5); color: #fff; font-family: 'Lato', sans-serif; padding: 20px 15px; position: absolute; opacity: 0.1; top: 40px; left: 0px; text-align: center; width: 50%; max-width: 100%; height: 100%; } .slide.active .info{ opacity: 1; transform: translateY(-40px); transition: all 0.5s ease-in-out 0.8s; } .slide .info h1 { margin: 10px 0; font-weight: 700; margin-bottom: 30px; } .slide .info p { letter-spacing: 1px; padding-left: 10%; padding-right: 10%; font-size: 17px; font-weight: 500; line-height: 35px; } .eraser { background: #000; position: absolute; transition: transform 0.5s ease-in-out; opacity: 0.95; top: 0; left: 100%; height: 100%; width: 100%; z-index: 15; } .eraser.active { transform: translateX(-100%); } .buttons-container { position: absolute; height: auto; width: calc(100vw - 0px); bottom: 50%; left: calc(70vw); z-index:16; } @media (max-width: 639px) { .buttons-container { width: calc(100vw - 0px); bottom: 10%; left: calc(50vw - 83px); } } .buttons-container::after { content: ''; height: 1px; width: 50vw; overflow: hidden; position: absolute; margin-top: 20px; background: rgba(255, 255, 255, 0.4) } .buttons-container::before{ content: ''; height: 1px; width: calc(20% + 0px); overflow: hidden; position: absolute; left: calc(-20% - 7px); margin-top: 20px; background: rgba(255, 255, 255, 0.4); display: none; } .buttons-container button { border: 2px solid #fff; background-color: rgba(0, 0, 0, 0.3); color: #fff; cursor: pointer; padding: 8px 30px; margin-right: 10px; } .buttons-container button:hover { background-color: #fff; color: #A9A9A9; opacity: 0.9; } @media (max-width: 600px) { .slide .info { top: 40px; left: 0px; width: 100%; } } .fancybox-caption {border-top: none !important;} .logo-roll {width: 100%; background: #ffb100; color: #fff; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 16; background: rgb(255,222,0); background: -moz-linear-gradient(90deg, rgba(255,222,0,1) 0%, rgba(255,149,0,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,222,0,1) 0%, rgba(255,149,0,1) 100%); background: linear-gradient(90deg, rgba(255,222,0,1) 0%, rgba(255,149,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffde00",endColorstr="#ff9500",GradientType=1); } /* logo slider bar */ logos { --image-size: 100px; padding: 20px; overflow: hidden; max-width: 90%; width: 100%; margin: 0 auto; position: relative; z-index: 2; display: flex; } logos:hover div { animation-play-state: paused; } logos div { display: flex; position: relative; animation: marquee 55s linear infinite; justify-content: space-around; } logos img { display: block; min-width: auto; height: 50px; margin: 0 1vw; } @media (max-width: 900px) { logos { --image-size: 50px; --image-size: min(max(50px, 10vw), 100px); } } @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .phone-call {display: none; animation: animate-pulse 3s linear infinite; border-radius: 50px; width: 70px; height: 70px; background: #0ca93c url("img/ico/tel_ico.png") no-repeat; background-size: 24px 24px; background-position: center; position: fixed; z-index: 17; left: 20px; bottom: 20px;} @media (max-width: 1135px){ .phone-call {display: unset;} .cky-revisit-bottom-left {left: calc(50vw - 22px) !important; z-index: 17 !important; position: relative;} } .cky-revisit-bottom-left {z-index: 17 !important;} #whatsapp_chat_widget {position: relative; z-index: 16;} .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5%; padding: 80px; position: relative; z-index:16; min-height: 70vh; /*margin-top: 30vh;*/ transform: scale(0.85); animation: 0.5s div_appear; } .grid a {display: inherit;} .square { /*aspect-ratio: 1/ 1;*/ display: grid; justify-content: center; font-family: 'Lato', sans-serif; transition: .2s; background: #fff; border-radius: 20px; } .square:hover {color: #ffa600; transition: .2s; animation: square-hover-pulse .3s;} .square:hover, .square img { transition: .2s;} .square h1 {margin-top: 0px; text-align: center; font-size: 20px; font-weight: 700;} .square p {padding-left: 30px; padding-right: 30px; text-align: justify; font-weight: 500;} .square img { height: 90px; object-fit: contain; object-position: center; margin: auto; display: block; padding-top: 15px; } .square.fullImg { padding: 0; } .square.fullImg img { object-fit: cover; } @media (max-width: 1023px){ .grid {display: grid; grid-template-columns: repeat(2, 1fr); min-height: unset; padding-bottom: 30px;} .square p {padding-left: unset; padding-right: unset;} .square img {height: 60px; margin-bottom: 10px;} .square h1 {font-size: 16px;} } @media (max-width: 768px){ .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2%; padding: 10px; padding-bottom: 30px;} } @media (max-width: 458px){ .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2%; padding: 10px; padding-bottom: 30px; } .square {padding-bottom: 30px;} } .page-column-menu { display: grid; grid-template-columns: repeat(1, 1fr); gap: 5%; /* padding: 80px; */ position: fixed; z-index: 16; /* min-height: 70vh; */ /* margin-top: 30vh; */ animation: 0.5s div_appear; } @media (max-width: 959px){ .page-column-menu {display: none;} } .page-column-menu a {display: inherit;} .page-column-menu-item { /*aspect-ratio: 1/ 1;*/ display: grid; justify-content: center; font-family: 'Lato', sans-serif; transition: .2s; background: #fff; border-radius: 50px; width: 50px; height: 50px; } .page-column-menu-item:hover {color: #ffa600; transition: .2s; animation: square-hover-pulse .3s;} .page-column-menu-item:hover, .page-column-menu-item img { transition: .2s;} .page-column-menu-item h1 {margin-top: -25px; text-align: right; font-size: 10px; margin-left: -130px; font-weight: 700; width: 100px;} .page-column-menu-item p {padding-left: 30px; padding-right: 30px; text-align: justify; font-weight: 500;} .page-column-menu-item img { height: 30px; object-fit: contain; object-position: center; margin: auto; display: block; /* padding-top: 14px; */ margin-top: 10px; } .page-column-menu-item.fullImg { padding: 0; } .page-column-menu-item.fullImg img { object-fit: cover; } @media (max-width: 1023px){ .grid {display: grid; grid-template-columns: repeat(2, 1fr); min-height: unset; padding-bottom: 30px;} .page-column-menu-item p {padding-left: unset; padding-right: unset;} .page-column-menu-item img {height: 60px; margin-bottom: 10px;} .page-column-menu-item h1 {font-size: 16px;} } @media (max-width: 768px){ .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2%; padding: 10px; padding-bottom: 30px;} } @media (max-width: 458px){ .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2%; padding: 10px; padding-bottom: 30px; } .page-column-menu-item {padding-bottom: 30px;} } .page-column-menu-wrapper{ width: 1150px; margin-left: auto; margin-right: auto; } @keyframes animate-pulse{ 0%{ box-shadow: 0 0 0 0 rgba(12,169,60,0.7), 0 0 0 0 rgba(12,169,60,0.7); } 40%{ box-shadow: 0 0 0 50px rgba(12,169,60,0.0), 0 0 0 0 rgba(12,169,60,0.7); } 80%{ box-shadow: 0 0 0 50px rgba(12,169,60,0.0), 0 0 0 30px rgba(12,169,60,0); } 100%{ box-shadow: 0 0 0 0 rgba(12,169,60,0.0), 0 0 0 30px rgba(12,169,60,0); } } @keyframes square-hover-pulse{ 0%{ box-shadow: 0 0 0 0 rgba(255,245,178,0.7), 0 0 0 0 rgba(255,245,178,0.7); } 100%{ box-shadow: 0 0 0 30px rgba(255,245,178,0.0), 0 0 0 0 rgba(255,245,178,0.7); } } .red-gradient { background: rgb(255,88,108); background: -moz-linear-gradient(90deg, rgba(255,88,108,1) 0%, rgba(217,0,21,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,88,108,1) 0%, rgba(217,0,21,1) 100%); background: linear-gradient(90deg, rgba(255,88,108,1) 0%, rgba(217,0,21,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff586c",endColorstr="#d90015",GradientType=1); } .preloader-wrapper { display: flex; height: 100vh; justify-content: center; align-items: center; background: #212121; z-index: 20; position: fixed; top: 0; width: 100%; } .preloader{ width: auto; height: auto; } .preloader ul { display: grid; grid-template-columns: repeat(5, 1fr); -webkit-animation: rot 16s linear infinite; animation: rot 16s linear infinite; } @-webkit-keyframes rot { 100% { transform: rotate(360deg); } } @keyframes rot { 100% { transform: rotate(360deg); } } .preloader li { width: 40px; height: 40px; background: #651FFF; border-radius: 4px; box-shadow: 0 0 1px #fff, 0 0 5px #651FFF, 0 0 10px #651FFF, 0 0 15px #651FFF, 0 0 25px #651FFF, 0 0 55px #651FFF; -webkit-animation: scale 0.8s linear alternate infinite; animation: scale 0.8s linear alternate infinite; } @-webkit-keyframes scale { 100% { transform: scale(0.1); opacity: 0; } } @keyframes scale { 100% { transform: scale(0.1); opacity: 0; } } .preloader li:nth-child(1) { z-index: 24; } .preloader li:nth-child(2) { z-index: 23; } .preloader li:nth-child(3) { z-index: 22; } .preloader li:nth-child(4) { z-index: 21; } .preloader li:nth-child(5) { z-index: 20; } .preloader li:nth-child(6) { z-index: 19; } .preloader li:nth-child(7) { z-index: 18; } .preloader li:nth-child(8) { z-index: 17; } .preloader li:nth-child(9) { z-index: 16; } .preloader li:nth-child(10) { z-index: 15; } .preloader li:nth-child(11) { z-index: 14; } .preloader li:nth-child(12) { z-index: 13; } .preloader li:nth-child(13) { z-index: 12; } .preloader li:nth-child(14) { z-index: 11; } .preloader li:nth-child(15) { z-index: 10; } .preloader li:nth-child(16) { z-index: 9; } .preloader li:nth-child(17) { z-index: 8; } .preloader li:nth-child(18) { z-index: 7; } .preloader li:nth-child(19) { z-index: 6; } .preloader li:nth-child(20) { z-index: 5; } .preloader li:nth-child(21) { z-index: 4; } .preloader li:nth-child(22) { z-index: 3; } .preloader li:nth-child(23) { z-index: 2; } .preloader li:nth-child(24) { z-index: 1; } .preloader li:nth-child(25) { z-index: 0; } .preloader li:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .preloader li:nth-child(7) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .preloader li:nth-child(13) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .preloader li:nth-child(19) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .preloader li:nth-child(24) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .preloader li:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .preloader li:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .preloader li:nth-child(14) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .preloader li:nth-child(20) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .preloader li:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .preloader li:nth-child(9) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .preloader li:nth-child(15) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .preloader li:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .preloader li:nth-child(10) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .preloader li:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .preloader li:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .preloader li:nth-child(6) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .preloader li:nth-child(11) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .preloader li:nth-child(16) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .preloader li:nth-child(21) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .preloader li:nth-child(7) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .preloader li:nth-child(12) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .preloader li:nth-child(17) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .preloader li:nth-child(22) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .preloader li:nth-child(13) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .preloader li:nth-child(18) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .preloader li:nth-child(23) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .preloader li:nth-child(19) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .preloader li:nth-child(24) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .preloader li:nth-child(25) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .avatars-container {display: flex; padding-top: 20px; margin-top: -20px; padding-bottom: 50px; background: #fff; } .avatars { display: flex; list-style-type: none; margin: auto; padding: 0px; flex-direction: row; margin-top: 50px; margin-bottom: 30px; } .avatars__item { border: 1px solid #fff; border-radius: 100%; color: #ffffff; display: block; font-family: sans-serif; font-size: 12px; font-weight: 100; height: 75px; width: 75px; text-align: center; transition: margin 0.1s ease-in-out; overflow: hidden; margin-left: -10px; -webkit-box-shadow: 0px 11px 19px -5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 11px 19px -5px rgba(0,0,0,0.2); box-shadow: 0px 11px 19px -5px rgba(0,0,0,0.2); } .avatars > .avatars__item {transition: 0.3s;} .avatars > .avatars__item:hover {transform:scale(2); transition: 0.3s;} .avatars__item:first-child { z-index: 5; } .avatars__item:nth-child(2) { z-index: 4; } .avatars__item:nth-child(3) { z-index: 3; } .avatars__item:nth-child(4) { z-index: 2; } .avatars__item:nth-child(5) { z-index: 1; } .avatars__item:last-child { z-index: 0; } .avatars__item img { width: 100%; } .avatars:hover .avatars__item { margin-right: 20px; } .home-galeria { z-index:16; position:relative; background: #fff; padding-top: 30px; } .home-galeria img {border-radius: 4px;} .gallery-icon a::after{ background: transparent url("img/ico/enlarge.png") no-repeat; background-size: 10px 10px; background-position: center; opacity: 0; content: ''; width: 100%; height: 100%; transition: 0.2s; top: 0; position: absolute; border-radius: 4px; z-index: 2; right: 0; } .gallery-icon a:hover::after { opacity: 1; transition: 0.2s; background: rgba(255,200,0,0.3) url("img/ico/enlarge.png") no-repeat; background-size: 30px 30px; background-position: center; } @media (max-width: 768px){ .wc-gallery .gallery-item { float: left; width: 19vw; margin: 6px !important; margin-bottom: 10px !important; position: relative; max-width: none !important; } .gallery-icon a::after {right: 0; z-index:2;} } .owl-carousel .owl-stage-outer {height: unset;} @media (min-width: 960px){ .flex-pc {display: flex;} } .btn-google { padding: 10px; background: #1a73e8; border-radius: 3px; margin-bottom: 50px; font-weight: 600; transition: 0.2s; } .btn-google:hover { background: #4b95f6; transition: 0.2s; }