*{ font-family: 'Cabin', sans-serif; color: rgb(22, 21, 21); } @media only screen and (min-width: 1920px) { .responsive-vid { min-width: 100%; height: auto; } .fix{ background-image: url("grafiki/fix_ciety.png"); background-attachment: fixed; background-size: cover !important; height: 300px; top: 10%; background-repeat: no-repeat; background-position-y: center; margin-bottom: 50px; } } @media only screen and (min-width: 1140px) { .responsive-vid { max-width: 100%; height: auto; } } @media only screen and (max-width: 1140px) { .responsive-vid { min-width: 100%; height: 640px; } .cz{ font-size: 32px; } } @media only screen and (max-width: 600px) { .responsive-vid { min-width: 100%; height: 640px; transform: translateX(-200px); } .cz{ font-size: 28px; } } @media only screen and (min-width: 900px){ .quality{ position: absolute; top: 250px; color: #E0D055 !important; font-size: 150px; text-align: center; width: 100%; opacity: 0.4; } } @media only screen and (max-width: 900px){ .quality{ position: absolute; top: 250px; color: #E0D055 !important; font-size: 120px; text-align: center; width: 100%; opacity: 0.4; } } @media only screen and (max-width: 700px){ .quality{ position: absolute; top: 180px; color: #E0D055 !important; font-size: 80px; text-align: center; width: 100%; opacity: 0.4; } .parallax-container { height: 300px !important; } #bl{ margin-left: 45px; } } @media only screen and (max-width: 450px){ .quality{ position: absolute; top: 200px; color: #E0D055 !important; font-size: 60px; text-align: center; width: 100%; opacity: 0.4; } .flow-text{ font-size: 1.15rem !important; } .ch{ font-size: 40px; margin-top: 75px; } } @media only screen and (max-width: 380px){ .flow-text{ font-size: 1.08rem !important; } } .valign-wrapper{ flex-wrap: wrap; } #bl{ opacity: 1 !important; } .tescik1{ background-image: url("grafiki/d7.jpg"); height: 300px; width: auto; background-size: cover; display: block; background-position: center; } .tescik2{ background-image: url("grafiki/d8.jpg"); height: 300px; width: auto; background-size: cover; display: block; background-position: center; } .res-video{ max-width: 100%; border-radius: 5%; border: 4px solid rgb(83, 80, 80); } .modal, .modal-content{ background-color: #fff082 !important; text-align: left; padding: 0% !important; border-radius: 15% !important; } .modal li{ color: rgb(22, 21, 21); } .lef:hover{ opacity: 0.5; transition: 0.5s ease-in-out; cursor: pointer; } .modal h4{ color: #E0D055; margin-top: 25% !important; } .lef{ position: relative; width: 50%; height: 100%; float: left; } .lef_t{ text-align: center; width: 50%; height: 100%; float: left; } .abss{ position: absolute; width: 100%; height: 100%; } .pos{ display: flex; flex-direction: column; align-items: center; } .pos p{ text-align: center; } p{ font-size: 20px; } .yellow-2{ background-color: #E0D055 !important; } .pow:hover{ transform: scale(1.05); transition: 0.2s ease-in-out; } .opcje{ transform: translateY(20px); } .opcje1{ transform: translateY(2px); } .opcje2{ width: 30px; height: 15px; } .dropdown-content{ left: 160px !important; background-color: transparent !important; } .brand-logo{ margin-left: 30px; } .brand-logo2{ transform: translateX(20px) !important; } #menu_phone{ transform: translateY(20px); font-size: 50px !important; color: rgb(22, 21, 21); } #mat{ font-size: 28px !important; transform: translateY(0px); transform: translateX(5px); color: white; } #foot_icon{ font-size: 33px !important; transform: translateY(0px); transform: translateX(0px); } #pp{ position: relative; top: -9px; color: white; } .indicators{ transform: translateY(-50px); z-index: 997; opacity: 0.3; } .indicators:hover{ opacity: 0.7; } .slider .indicators .indicator-item.active { background-color: #E0D055 !important; } a:link, a:active, a:visited{ color: rgb(22, 21, 21); } .tabs .indicator{ background-color: lightblue !important; } .tabs .tab a:focus, .tabs .tab a:focus.active{ background: transparent !important; } input[type="text"]:not(.browser-default):focus:not([readonly]){ box-shadow:0 1px 0 0 rgb(75, 168, 255) !important; border-bottom: 1px solid rgb(75, 168, 255) !important; } input[type="text"]:not(.browser-default):focus:not([readonly]) + label{ color: rgb(75, 168, 255) !important; } input[type="email"]:not(.browser-default):focus:not([readonly]){ box-shadow:0 1px 0 0 rgb(75, 168, 255) !important; border-bottom: 1px solid rgb(75, 168, 255) !important; } input[type="email"]:not(.browser-default):focus:not([readonly]) + label{ color: rgb(75, 168, 255) !important; } textarea.materialize-textarea:focus:not([readonly]){ box-shadow:0 1px 0 0 rgb(75, 168, 255) !important; border-bottom: 1px solid rgb(75, 168, 255) !important; } textarea.materialize-textarea:focus:not([readonly]) + label{ color: rgb(75, 168, 255) !important; } .input-field .prefix.active{ color: rgb(75, 168, 255) !important; } #dol{ height: 100px; background-image: url("grafiki/c.png"); background-size: cover; z-index: 998; } #dol1{ height: 25px; background-image: url("grafiki/c.png"); z-index: 999; line-height: 25px; box-shadow: none!important; background-size: cover; } #dol2{ background-image: url("grafiki/c.png"); background-size: cover; } .ciemno{ background-image: url(grafiki/b2.jpg); background-size: cover; background-position: center; height: 500px; display: grid; } .tlol{ position: fixed; min-width: 100%; height: 100%; top: 0%; background-image: url(grafiki/tl.jpg); opacity: 0.7; z-index: -10; background-size: cover; float: left; } .tlop{ position: fixed; margin-left: 5%; min-width: 100%; height: 100%; top: 0%; background-image: url(grafiki/tp.jpg); opacity: 1; z-index: -11; background-size: cover; float: left; } #dol_trans{ background-color: transparent; box-shadow: none !important; } #mobile-links{ background-image: url("grafiki/c.png"); background-size: cover; } table{ border-collapse: collapse; } #kontakt{ text-align: center; } .glowny_panel{ height: 150%; position: relative; } .srodek{ display: block; min-height: 25%; width: 100%; margin-top: 5%; position: relative; text-align: center; color: white !important; } .pokaz{ padding-right: 0.5rem !important; padding-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 2.5rem !important; } #uscisk:hover{ transform: scale(1.1); transition: 0.3s ease-in-out; cursor: pointer; } .hide-on-med-and-up{ transform: translateY(-140%) !important; }