/* Theme Name: theme 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,30px) ; 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: 'Raleway', sans-serif !important; padding-bottom: 7px !important; cursor: pointer !important; margin: 15px auto !important; text-align: center !important; color: #525252 !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: 'Raleway', sans-serif !important; padding-top: 9px !important; cursor: pointer !important; text-align: center !important; color: #525252 !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: #525252 !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: #bd9b70 !important; transition: .2s; color: #000 !important;} .btn-form:hover {background: #bd9b70 !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: /*'Raleway'*/ 'Raleway', sans-serif; padding-left: 5px !important; padding-top: 4px !important; cursor: pointer; margin: 15px auto; text-align: center !important; color: #525252; 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: 'Raleway', 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: 'Raleway', 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: /*'Raleway'*/ 'Raleway', 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: #ffffff; 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;} body h1, body h2, body h3 {font-family:'Old Standard TT';} body ul {list-style-type: none; padding: unset;} @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: 100%; padding-left: 30px; padding-right: 30px; position: fixed; z-index: 20;/*background: rgba(0, 0, 0, 0.7);*/ 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: #fff; } .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 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1);} .header-share {float: right; margin-top: 25px;} .header-share span {color: #525252; 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(255, 255, 255, 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 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1); } .header-bg-subpage { top: 0; height: 70px; width: 100%; position: fixed; z-index: 19; background: rgba(255, 255, 255, 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 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1); } @media (max-width: 1024px){ .header {height: 80px; padding-left: unset; padding-right: unset;} .header-bg {height: 80px;} } #main_slideshow {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } @media (max-width: 720px){ #top {width: 139px; 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: 1170px; position: relative; height: 100vh; margin-left: auto; margin-right: auto; text-align: left; margin-top: 65px; color: #bd9b70 ; font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 700; } .main-title-content { width: 1170px; padding-top: 30vh; position: fixed; z-index: 15; height: 80%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);} .main-title p {border-bottom: 2px solid rgba(255,255,255,0.5); padding-bottom: 30px; font-size: 30px; font-weight: 300; font-family: 'Raleway',sans-serif;} .main-title h1 { font-size: 72px; font-weight: 700;} .main-title h2 {font-size: 40px; font-weight: 700;} .main-phone {padding-top: 30px; padding-bottom: 15px; color: #fcfcfc; font-size: 28px; font-family: 'Raleway', 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: 'Raleway', sans-serif; color: #f8f8f8;} @media (max-width: 1200px){ .main-title {width: 100%;} .main-title-content {width: 100%;} } @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;} } @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: 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: 0px; min-height: 30px;} .social { filter: invert(1); opacity: .3; height: 27px; margin-top: 0px; margin-left: 14px; float: left; background-size: 24px 24px; background-position: center; transition: .2s; } .social:hover { opacity: 1; transition: .2s; } .social.facebook { width: 12px; height: 44px; background: transparent url("img/ico/social_fb.png") no-repeat; background-size: 12px 28px; margin-left: -2px; background-position: center;} .social.facebook-gray { width: 44px; height: 44px; background: url("img/ico/social_fb_gray.png") no-repeat; background-size: 12px 28px; margin-left: -2px;} .social.twitter { width: 44px; height: 44px; background: transparent url("img/ico/social_twitter.png") no-repeat; background-size: 30px 20px; background-position: center; } .social.instagram { width: 44px; height: 44px; background: transparent url("img/ico/social_inst.png") no-repeat; background-size: 28px 28px; background-position: center; } .social.pinterest { width: 44px; height: 44px; background: transparent url("img/ico/social_pin.png") no-repeat; background-size: 38px 48px; background-position: center; } .social.youtube { width: 44px; height: 44px; background: transparent url("img/ico/social_yt.png") no-repeat; background-size: 40px 30px; 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: #525252; 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: 110px; margin-top: 15px; cursor: pointer; } @media (max-width: 1200px){ #logo{margin-top: 10px; margin-left: 15px; width: auto; height: 30px;} } @media (max-width: 375px){ #logo{} } @media (max-width: 1200px){ #top {width: 139px; 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: #000; font-family: "Raleway", sans-serif; letter-spacing: 2px; font-weight: 700 !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 { color: #bd9b70; border-bottom: unset; -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: #000; 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 ul li.current-menu-item:hover {color:#bd9b70;} .menu-walker a {} @media (max-width: 1024px){ .menu-walker {display: none;} } .menu-mobile { filter: invert(1); 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: #525252; 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: #fff;} .menu-walker-mobile a {display: block; padding: 6px; font-weight: 400; margin-left: 10px; margin-right: 10px; } .menu-walker-mobile ul { margin: 0px; width: 100%; 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 { text-align: center; font-family: 'Raleway', sans-serif; color: #000; 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: #000; -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;} @media (min-width: 1025px){ .menu-mobile {display: none;} .menu-menu-1-container {padding-top: 60px;} .menu-container-mail {display: none;} } .menu-container-mail{ float: right; margin-right: 20px !important; margin-left: 10px !important; width: 26px; height: 18px; background-size: 26px 18px !important; background: url("img/ico/mail_ico_b.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;} @media (max-width: 1024px){ .dropdown-trigger {padding-bottom: 0px !important;} } .dropdown-trigger:hover > .sub-menu {display: block !important;} .sub-menu {display: none; position: absolute; background: #fff; z-index: 20; padding-top: 20px !important;} .sub-menu a {font-size: 13px; display: block; text-align: left; padding-bottom: 20px; font-weight: 500;} .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;} .item-highlighted {height: 65px !important;} } .item-highlighted {border: 1px solid #bd9b70 ; color: #bd9b70 !important; padding: 5px !important; padding-left: 10px !important; padding-right: 8px !important; height: 35px;} .item-highlighted:hover {border: 1px solid #000 !important; color: #bd9b70 !important; transition: .2s;} /* Offer */ .offer {width: 100%; margin-top: 150px; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 16; /*outline: 1px solid rgba(0,0,0,0.3);*/ } .offer-content { margin-left: auto; margin-right: auto; font-family: 'Raleway', 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: 'Raleway', 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: 'Raleway', 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: 'Raleway', sans-serif; font-size: 15px; color: #525252; 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; padding-top: 20px; padding-bottom: 20px; min-height: 50vh; margin-top: -20px;} .home-oferta-content {max-width: 951px; margin-left: auto; margin-right: auto; font-family: 'Raleway', sans-serif;} .home-oferta-content h1 {font-weight: 500; font-size: 55px; margin-bottom: 50px; } .home-oferta-content h2 {font-weight: 500; font-size: 20px; line-height: 35px; text-align: justify;} .home-oferta-content img {width: 260px; height: 260px; display: block; margin-left: auto; margin-right: auto; transition: .2s;} .home-oferta-content img:hover {opacity: .8; transition: .2s;} .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: 20px; color: #e10000; text-align: center; margin-top: 10px; font-weight: 700 !important;} .btn-home-offer {margin-left: -100px; border: 2px solid #bd9b70 ; font-weight: 700; padding: 20px; text-align: center; color: #bd9b70 ; width: 200px;} .hoc-bckg {background-size: cover !important; background-position: center !important; min-height: unset; background-attachment: fixed !important; min-height: 400px;} .hoc-bckg p { font-weight: 500; font-size: 15px;} .hoc-bckg a {padding: 20px; border: 2px solid; font-weight: 700; display:inline-block;} .hoc-bckg h3{border: 2px solid; font-weight: 500; display: inline-block; font-size: 40px; padding: 20px;} @media (max-width: 1365px){ .home-oferta {padding-top: unset; max-height: unset;} .home-oferta-content h1 {padding-top: unset; font-size: 22px;} .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; min-height: unset;} .hoc-bckg {min-height: unset;} } /* 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: 50vh;} .home-offer-details-content {max-width: 950px; margin-left: auto; margin-right: auto; font-family: 'Raleway', 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: transparent; padding-bottom: 20px; min-height: 50vh;} .home-grid-content {margin-left: auto; margin-right: auto; min-height: 800px;} .grid-container {position: relative; width: 50%; height: 400px; display: grid; font-family: 'Raleway', sans-serif; text-align: center; padding: 50px; background-size: cover; background-position: center; transition: .2s;} .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: #525252; margin-bottom: 0px; position: absolute; bottom: 10px; right: 10px;} .grid-container h1::before { content: ""; display: block; width: 15px; height: 15px; margin-right: 15px; border-right: 3px solid #bd9b70 ; border-top: 3px solid #bd9b70 ; 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;} @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;} .img-l,.img-r {display: none;} .grid-l,.grid-r {padding: 0px; float: none;} } */ /* Home grid */ .home-grid {width: 100%; position: relative; z-index:16; padding-top: 20px; padding-bottom: 300px;} .home-grid-content {margin-left: auto; margin-right: auto; } .grid-container {width: 50%; min-height: 400px; display: grid; font-family: 'Raleway', sans-serif; text-align: center; margin-bottom: 50px;} .grid-container img {width: 48px; height: auto; margin: auto;} .grid-container a {display: inline-table; font-family: 'Old Standard TT', sans-serif; font-weight: 700; font-size: 50px; color: #000; margin-bottom: 0px; transition: .2s;} .grid-container a:hover {opacity: .7; transition: .2s;} .grid-container p {font-size: 15px;} .txt-l {float: left; padding: 50px; text-align:right;} .txt-r {float: right; padding: 50px; text-align:left;} .img-l {background-size: cover; border-left: 20px solid #fff; border-right: 20px solid #fff;} .img-r {background-size: cover; border-left: 20px solid #fff; border-right: 20px solid #fff;} .img-l::before {opacity: 0; content: ''; display: block; border: 1px solid rgba(255,255,255,0.6); width: 90%; margin: auto; height: 80%; transition: .2s;} .img-l:hover::before {opacity: 1; transition: .2s;} .img-r::before {opacity: 0; content: ''; display: block; border: 1px solid rgba(255,255,255,0.6); width: 90%; margin: auto; height: 80%; transition: .2s;} .img-r:hover::before {opacity: 1; transition: .2s;} @media (max-width: 1000px){ .home-grid {min-height: unset; padding-bottom: 20px;} .grid-container {width: 90%; margin: auto; min-height: unset; min-height: unset;} .grid-container a {font-size: 22px;} .img-l,.img-r { min-height: 150px; min-width: 100%; margin-bottom: 50px;} .txt-l,.txt-r {padding: 0px; float: none; text-align: center;} } .home-instagram {width: 100%; background: #fff; position: relative; z-index:16; padding-top: 20px; padding-bottom: 20px; min-height: 30vh; margin-top: -20px;} .home-instagram-content {max-width: 951px; margin-left: auto; margin-right: auto; font-family: 'Raleway', sans-serif; border-top: 3px double #000000;} .home-instagram-content h1 {font-weight: 500; font-size: 55px; margin-bottom: 50px; } @media (max-width: 1200px){ .home-instagram-content h1 {font-size: 22px;} .home-instagram-content {max-width: 90%; margin-left: auto; margin-right: auto;} } .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; margin-top: 150px;} .page-content h1 {font-size: 72px;} .page-content h2 {line-height: 40px;} .page-content h5 {font-size: 21px; font-family: 'Old Standard TT'; font-weight: 700; padding-top: 30px; padding-bottom: 20px;} .page-content h5 > a {border: 1px solid; padding: 15px; transition: .2s;} .page-content h5 > a:hover {background: #000; color: #fff !important; transition: .2s;} .page-content,.prices-content {position: relative; z-index: 2; padding-bottom: 30px; width: 1170px; margin-left: auto; margin-right: auto; color: #000; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 15px; animation: 1.5s div_appear; letter-spacing: 1px;line-height: 30px} .page-half-left {width: 50%; float: left; padding-left: 30px !important; padding-right: 30px !important; z-index: 3; position: relative;} .prices-content h6 > a {background: #000; border: 1px solid #000; padding: 30px; display: flex; justify-content: center; align-items: center; float: right; color: #fff !important; transition: .2s;} .prices-content h6 > a:hover {background: #fff; color: #000 !important;} .prices-content h6 > a:before {filter: invert(1); content:''; width: 28px; height: 21px; background: transparent url("img/ico/download_ico.png") no-repeat; background-size: 28px 21px; margin-right: 10px; float: right;} .prices-content h6 > a:hover:before {filter: unset;} /*.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);} */ .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 #efefef;} @media (max-width: 1200px){ .page {margin-top: 100px;} .page-content h1 {font-size: 22px;} .page-content h2 {font-size: unset;} .page-content,.prices-content {max-width: 90%; margin-left: auto; margin-right: auto;} .page-half-left {max-width: 100%; width: 100%;} .prices-content h3,.prices-content h4 {min-height: 84px;} .prices-content h6 {width: 100%;} .prices-content h6 > a {float: unset;} } .page-content,.prices-content h1 {padding: 10px;} .prices-content h2 { padding: 15px; padding-left: 0px; margin-bottom: 20px; } .prices-content h3 { font-size: 16px; font-weight: 700; width: 50%; display: inline-block; padding: 20px; padding-left: 40px; margin: 0px; margin-bottom: 5px; border-bottom: 1px solid #dedede; } .prices-content h4 { font-size: 16px; width: 50%; display: inline-block; float: right; padding: 20px; margin: 0px; margin-bottom: 5px; border-bottom: 1px solid #dedede; } .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;} @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;} } .bg-letter { font-size: 330px; font-family: Old Standard TT; display: flex; justify-content: center; color: #f5f5f5; top: 80px; position: fixed; width: 100%; font-style: italic; animation: 1.5s div_appear; } .page-contact-l > .companyhours-logo img {display: none;} /* About */ .about { width: 100%; background: #ffffff; color: #525252; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 16; } .about-content {transition: 1s; position: relative; z-index: 16; min-height: 220px; width: 950px; padding-top: 30px; padding-bottom: 50px; margin-left: auto; margin-right: auto; font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 30px; } @media (min-width: 1024px){ .about-content h1 {font-size: 55px;} } .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: 'Raleway'; 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: 1024px){ .about-content {width: 90%;} } @media (max-width: 1023px){ .about-content {width: 90%;} .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:#ffffff; padding-top: 20px; padding-bottom: 20px; min-height: 50vh;} .home-lista-content {color: #525252; max-width: 950px; margin-left: auto; margin-right: auto; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 15px; line-height: 33px;} .home-lista-content h1 { font-weight: 700; margin-bottom: 50px; } .home-lista-content-document-ico {height: 48px; width: auto; margin: auto;} @media (min-width: 1024px){ .home-lista-content h1 {font-size: 55px;} } .home-lista-content h2 {color: #bd9b70 ; font-weight: 700; font-size: 23px;} @media (min-width: 1365px){ } .home-lista-content h2::before {content: ""; background: #bd9b70 url('img/tick.png') no-repeat; background-position: center; background-size: 18px 16px; border: 2px solid #bd9b70 ; display: block; width: 50px; height: 50px; margin-right: 15px; margin-top: -12px; 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 p {color: #b8cfe9; font-weight: 400; font-size: 14px; margin-left: 25px; padding-left: 40px; margin-top: 30px; margin-bottom: 30px; letter-spacing: 1px;} .home-lista-content h5 { display: table; min-width: 200px; margin:auto;} .home-lista-content h5 > a{ text-align: center; display: inherit; padding: 5px; margin-top: 10px; min-width: 200px; background: #e7e7e7; } .home-lista-content h5::before { content: ""; background: #fff url(img/pdf.png) no-repeat; background-position: center; background-size: 48px 48px; display: flex; position: relative; height: 48px; width: 48px; margin-left: calc(50% - 24px); } @media (max-width: 1365px){ .home-lista-content {width: 90%;} } /* Home companyhours */ .companyhours {width: 100%; position: relative; z-index:16; background:#ffffff;} .companyhours-content {padding-top: 120px; padding-bottom: 120px; display: flex; color: #525252; padding: 30px; margin-left: auto; margin-right: auto; font-family: 'Raleway', sans-serif; font-size: 13px;} .companyhours-content h1 {font-size: 18px;} .w33 {width: 33%;} .ch-l {text-align: left;} .ch-l a {color:#bd9b70 !important; font-size: 18px; font-weight: 800;} .ch-c {text-align: center;} .ch-c li > a {line-height: 30px; color: #bd9b70 !important; padding: 5px; transition: .3s;} .ch-c li > a:hover {color: #fff !important; background: #bd9b70; transition: .3s;} .ch-r {text-align: right;} .ch-r li > a {line-height: 30px; color: #bd9b70 !important; padding: 5px; padding-right: 0px; transition: .3s;} .ch-r li > a:hover {color: #fff !important; background: #bd9b70; transition: .3s;} .companyhours-data h1 {font-size: 16px; color: #f3e0ae;} .companyhours-data p {margin: 0;} .companyhours-data {min-width: 350px;} .companyhours-logo img {height: 30px; display: flex;} @media (max-width: 1000px){ .companyhours {padding-top: 20px; display: flex;} .companyhours-content {padding-top: 20px; padding-bottom: 20px; display: unset; text-align: center;} .companyhours-data {min-width: unset; width: 100%;display:block;} .w33 {width: 100%;} .ch-c {text-align: left;} .ch-c li > a {padding-left: 0px;} .ch-r {text-align: left;} .ch-r li > a {padding-left: 0px;} } @media (max-width: 640px){ .ch-l a {font-size: unset;} } /* Contact */ .contact {/*width: 100% !important; background: #000; position: relative;*/ z-index: 2;/*background: url("img/footer_bg1.jpg");*/ color: #525252; 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: 'Raleway', sans-serif; font-size: 15px; letter-spacing: 1px;} .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: #525252; font-size: 22px; font-weight: 700; font-family: 'Raleway', 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: 'Raleway', sans-serif; color: #4d4d4d; font-size: 33px; font-weight: bold;} #contact-panel { position:relative; visibility: visible;} @media (max-width: 1200px){ #contact-panel h1 {margin-top: 50px;} } #contact-panel input { color: #e10000; font-family: 'Raleway', 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: #fff; border: none; border-bottom: 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-bottom: 1px solid #bd9b70 ; 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;} #contact-panel input:focus { border-bottom: 1px solid #bd9b70 ; color: #bd9b70 ; 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; */} #contact-panel textarea { color: #e10000; font-family: 'Raleway', 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: #fff; border: none; border-bottom: 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-bottom: 1px solid #bd9b70 ; 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; } #contact-panel textarea:focus { border-bottom: 1px solid #bd9b70 ; color: #bd9b70 ; 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;} img.ajax-loader { /*display: none;*/ } .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; } .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: 'Raleway', 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: 'Raleway', 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;} .testimonial-file {border: none !important; background: transparent !important; color: #d4d4d4 !important;} .testimonial-file:hover {color: #d4d4d4 !important;} .testimonial-file:focus {color: #d4d4d4 !important;} #testimonial-file {border: none !important;} #testimonial-btnsend {background: #e10000; color: #525252; 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: #fff; position: relative; z-index: 11; padding-top: 20px; } .footer-gallery {background: #f7f7f7;} .footer-subpage {background: #f7f7f7;} .footer-content {width: 1170px; display: flex; justify-content: center; padding-bottom: 30px; background: #fff; position: relative; z-index: 16; margin-left: auto; margin-right: auto; font-family: 'Raleway', 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: 'Raleway', 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: #525252; font-size: 15px; text-align: center; font-weight: 500; font-family: 'Raleway', 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: #525252; 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: 'Raleway', 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; justify-content: center; 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; } } #section05 { position: fixed; filter: invert(1); margin-top: 50px; } #section05 a { padding-top: 70px; position: fixed; z-index: 13; left: 50%; bottom: 0; margin-bottom: 30px; } #section05 a span { position: fixed; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; } #section05 a span::after { content: ''; position: absolute; top: -40px; left: -40px; width: 530%; height: 400%; transform: rotate(45deg); } @-webkit-keyframes sdb05 { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @media (max-width: 1024px){ #section05 {margin-top: unset;} } /*============================== #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: #525252; 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: #525252; 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; right:0; background-color: #fff; width: 70% !important; height: calc(100vh - 150px) !important; opacity: 1; } #wrap img.bgfade{ position:absolute; top:0; display:none; z-index:-1; width: 100%; border-bottom-right-radius: 1600px; } @media (max-width: 1024px){ #wrap img.bgfade{ top: -50%; left: -50%; } } /* Opinie */ .home-opinie {width: 100%; padding-top: 20px; background: #fff; padding-bottom: 20px; margin-top: -20px; position: relative; z-index: 16; overflow: hidden; } .opinie-content { font-family: 'Montserrat'; color: #525252; sans-serif; text-align: center; font-weight: 500; font-size: 16px; line-height: 40px;} @media (min-width: 1024px){ .opinie-content h1 {font-size: 55px;} } .home-opinie-content h3 {color: #525252;} .opinie-content h1 {text-align: center; font-weight: 700;} .opinie-content h2 {text-align: center;} .shadow-effect { background: #fff; padding: 20px; border-radius: xpx; text-align: center; border:1px solid #000; 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: #000; text-decoration: italic; line-height: 1.5; margin: 0 0 17px 0; font-weight: 300; } .testimonial-name { margin: -17px auto 0; margin-top: 0px; display: table; width: 100%; background: #333; 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; height: 90px; margin: 0 auto 17px; object-fit: cover; } #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) { .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: 500; } */ .home-opinie h4 {padding: 10px; display: table; margin: auto; border: 2px solid; font-weight: 700; font-family: 'Raleway', 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; z-index: 1; position: relative; } .gmap-home {z-index: 1; position: relative; background: #ffffff;} * { box-sizing: border-box; } .home-phone {width: 100%; background: #121212; padding-top: 20px; padding-bottom: 20px; margin-top: -20px; position: relative; z-index: 16; overflow: hidden; } .home-phone-content { font-family: 'Old Standard TT'; color: #fff; text-align: center; font-weight: 500; font-size: 18px; line-height: 40px;} .home-phone-number a {font-size: 42px;} .home-phone-number p {color: #ccc4a8;} .home-phone-content img {} @media (max-width: 1365px){ .home-phone-number a {font-size: 30px;} } .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: 12; position: relative; overflow: hidden; height: calc(100vh - 300px); margin-top: 150px; width: /*calc(100vw - 0px);*/100%; } .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: #fff; color: #333; padding: 20px 15px; position: absolute; opacity: 0.1; top: 80px; left: 40px; text-align: center; width: 300px; max-width: 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-size: 50px; } .slide .info p { letter-spacing: 1px; } .eraser { background: #fff; position: absolute; transition: transform 0.5s ease-in-out; opacity: 1; top: 0; left: 100%; height: 100%; width: 100%; z-index: 100; } .eraser.active { transform: translateX(-100%); } .buttons-container { position: absolute; height: auto; width: calc(100vw - 0px); bottom: 30px; left: calc(100vw - 200px); } .buttons-container button { border: 2px solid #fff; background-color: rgba(0, 0, 0, 0.8); color: #fff; cursor: pointer; padding: 8px 30px; margin-right: 10px; } .buttons-container button:hover { background-color: #000; color: #fff; opacity: 0.9; } @media (max-width: 1024px){ .slider {margin-top: 80px; height: calc(100vh - 160px);} .slide .info {background-color: rgba(255, 255, 255, 0.8); margin-left: 5%; width: 90%; left: unset;} } .fancybox-caption {border-top: none !important;} .logo-roll {width: 100%; background: #bd9b70 ; color: #525252; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 16; } /* 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: var(--image-size); height: var(--image-size); 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%); } } /* logo slider bar end */ .fade {opacity: 1;} .phone-call { display: none; border-radius: 50px; width: 50px; height: 50px; background: #00c73d url("img/ico/tel_white.png") no-repeat; background-size: 24px 24px; background-position: center; position: fixed; z-index: 17; right: 20px; bottom: 20px;} @media (max-width: 1135px){ .phone-call {display: unset;} } .flex {display: flex;} .phone-call { display: none; border-radius: 50px; width: 50px; height: 50px; background: #00c73d url("img/ico/tel_ico.png") no-repeat; background-size: 24px 24px; background-position: center; position: fixed; z-index: 17; right: 20px; bottom: 20px;} @media (max-width: 1135px){ .phone-call {display: unset;} } .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5%; padding: 80px; } .square { /*aspect-ratio: 1/ 1;*/ display: flow-root; align-items: center; color: #000; font-family: 'Titillium Web', sans-serif; transition: .2s; } .square:hover {color: #ffa600; transition: .2s;} .square:hover, .square img {opacity: .8; transition: .2s;} .square h1 {padding-left: 10px; padding-right: 10px; 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 { width: 100%; object-fit: contain; object-position: center; } .square.fullImg { padding: 0; } .square.fullImg img { object-fit: cover; } @media (max-width: 1023px){ .grid {display: flow-root; grid-template-columns: repeat(2, 1fr);} .square p {padding-left: unset; padding-right: unset;} } @media (max-width: 768px){ .grid {display: flow-root; grid-template-columns: repeat(2, 1fr); gap: 2%; padding: 10px; } } @media (max-width: 458px){ .grid {display: flow-root; grid-template-columns: repeat(1, 1fr); gap: 2%; padding: 10px; } .square {padding-bottom: 30px;} } /* logo slider bar end */