html{
height:100%;
}
body{
background:#eef6ff;
font-family: 'Open Sans', sans-serif;
font-weight:300;
color:#112255;
height:100%;
}
.light{	
font-weight:300;
}
.light > h2{
font-weight:300;
}
.semibold{	
font-weight:600;
}
.wide{
width:100%!important;
}
.separator{
clear:both;
height:1px;
width:100%;
background:#e4e4e4;
}
a{
color:#166fad;
text-decoration:none;
}
.clear{
clear:both;
}
.container_main{
width:100%;
max-width:none;
background:#fff;
margin:0 auto 0;
}
.inner_wrapper{
width:96%;
max-width:1440px;
margin:0 auto;
}
.header{
height:88px;
border-bottom:1px solid #d0d4e0;
}
.header .main_logo{
float:left;
margin-top:22px;
}
.header .main_menu {
float:right;
height:32px;
list-style-type:none;
text-align: left;
display: inline;
margin: 22px 0 0 0;
list-style: none;
}
.header .main_menu .home-icon{
background:#fff url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/home_icon.png) center center no-repeat;
}
.header .main_menu ul .home-icon{
background:#fff url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/home_icon.png) 18px center no-repeat;
}
.header .main_menu ul .home-icon:hover{
background:#eee url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/home_icon.png) 18px center no-repeat;
}
.header .main_menu li {
display: inline-block;
margin-right: -4px;
position: relative;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
border:1px solid #fff;
font-weight:bold;
color:#12214b;
font-size:14px;
text-transform:uppercase;
}
.header .main_menu li a{
color:#12214b;
display: inline-block;
padding: 15px 20px;
}
.header .main_menu li:hover {
border:1px solid #eee;
}
.header .main_menu li ul {
padding: 0;
position: absolute;
top: 48px;
right: 0;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
.header .main_menu li ul li { 
background: #fff; 
display: block; 
color: #12214b;
border:1px solid #eee;
}
.header .main_menu li ul li:hover { background: #eee; }
.header .main_menu li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
.responsive_nav{
display:none;
}
.responsive_nav .responsive_icon{
font-weight:600;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-transform:none!important;
padding-left:10px;
}
.sidebar_responsive_icon{
font-weight:600;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-transform:none!important;
padding-right:10px;
}
.show_sidebar_menu{
display:none;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto; 
width:100%; ;
}
.inner_left {
width:100%; ;
}
.hero{
display: table;
width: 100%;
height:400px;
border-bottom:1px solid #d0d4e0;
background:#19589d;
}
.hero h1{
margin-top:35px;
text-align:center;
color:#fff;
font-size:36px;
}
.hero h2{
margin-top:10px;
text-align:center;
color:#fff;
font-size:24px;
background:none!important;
width:90%;
margin-left:5%;
margin-right:5%;
}
.hero a.cta{
display:block;
width:252px;
height:66px;
border:1px solid #19589d;
background:linear-gradient(180deg,#2D76C8,#19589D);
color:#fff;
font-size:18px;
text-align:center;
line-height:66px;
margin:50px auto 0;
-webkit-border-radius: 5px;
border-radius: 5px;
transition:all .25s ease;
border-radius:8px;
}
.hero a.cta:hover{
background:#174D8C;
border-color:#174D8C;
color:#fff;
box-shadow:0 10px 30px rgba(25,88,157,.35);
transform:translateY(-2px);
}
.column-4{
width:24%;
margin:0 0.5%;
float:left;
display:inline;
}
.features{
text-align:center;
}
.features img{
margin-top:30px;
margin-bottom:15px;
}
.features h2{
color:#474747;
text-transform:uppercase;
font-size:18px;
}
.features p{
color:#474747;
font-size:16px;
line-height:30px;
margin-top:20px;
margin-bottom:40px;
}
.partners{
text-align:center;
border-top:1px solid #e4e4e4;
}
.partners h1{
font-size:24px;
color:#474747;
margin-top:70px;
}
.partners img{
margin-top:20px;
margin-bottom:70px;
max-width:96%;
}
.reviews{
height:130px;
text-align:center;
line-height:130px;
border-top:1px solid #e4e4e4;
}
.reviews h1{
font-size:24px;
color:#474747;
}
.reviews .opineo_button{
display:inline-block;
width:172px;
height:50px;
background:#7fc242 url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/opineo_logo.png) center center no-repeat;
border-bottom:3px solid #4a9407;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:middle;
}
.reviews .opineo_button:hover{
background:#91db4e url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/opineo_logo.png) center center no-repeat;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
border-bottom:5px solid #4a9407;
}
.ewagi_cta{
background:linear-gradient(135deg,#0A1C50 0%,#19589D 55%,#2D76C8 100%);
color:#fff;
padding:58px 0;
position:relative;
overflow:hidden;
}
.ewagi_cta:before{
content:"";
position:absolute;
right:-80px;
top:-120px;
width:360px;
height:360px;
background:rgba(255,255,255,.08);
border-radius:50%;
}
.ewagi_cta .inner_wrapper{
position:relative;
z-index:2;
}
.ewagi_cta .wrapper{
float:left;
max-width:720px;
}
.ewagi_cta h1{
font-size:34px;
font-weight:800;
letter-spacing:-.5px;
margin:0 0 10px;
}
.ewagi_cta h2{
font-size:19px;
font-weight:400;
line-height:1.45;
opacity:.92;
margin:0;
}
.ewagi_cta .ewagi_cta_button{
display:block;
float:right;
width:280px;
height:66px;
line-height:66px;
margin-top:8px;
border:1px solid rgba(255,255,255,.45);
border-radius:10px;
color:#fff;
font-size:18px;
font-weight:700;
text-align:center;
background:rgba(255,255,255,.10);
transition:all .25s ease;
}
.ewagi_cta .ewagi_cta_button:hover{
background:#fff;
color:#19589D;
transform:translateY(-2px);
box-shadow:0 14px 35px rgba(0,0,0,.25);
}
.map_bg{
height:70px;
background:url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/map_bg.jpg) center center no-repeat;
}
.footer{
background:#222;
color:#fff;
font-size:14px;
text-align:center;
line-height:22px;
padding-top:15px;
padding-bottom:15px;
} .outer{
display: table;
width: 100%;
height:132px;
}
.header_container{
width: 100%;
height:132px;
color:#fff;
font-size:30px;
text-transform:uppercase;
line-height:32px;
background:url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/header_bg_default.jpg) center center no-repeat;
}
.content_container{
width:67%;
margin-right:3%;
float:left;
display:inline;
padding-top:40px;
padding-bottom:40px;
}
.content_container.grid_77{
width:77%;
}
.content_container h1, .contact_content h1{
font-size:24px;
margin-bottom:20px;
}
.content_container h2, .contact_content h2{
font-size:18px;
margin-bottom:20px;
}
.content_container p{
font-size:14px;
line-height:30px;
margin-bottom:30px;
}
.content_container ul, .content_container_oferta ul{
list-style-type:square;
margin-bottom:40px;
}
.content_container li, .content_container_oferta li{
font-size:14px;
line-height:30px;
margin-bottom:15px;
margin-left:20px;
}
.content_container p.serwis_opis_serwisanta{
font-size:18px;
line-height:28px;
margin-bottom:15px;
}
.column_60{
width:60%;
float:left;
display:inline;
}
.column_40{
width:40%;
float:left;
display:inline;
}
.column_30{
width:30%;
float:left;
display:inline;
padding-top:40px;
}
.o_firmie .show_gallery, .o_firmie .show_gallery img{
-webkit-border-radius: 5px;
border-radius: 5px;
}
.o_firmie .show_gallery .show_gallery_caption{
display:block;
width:100%;
height:95px;
text-transform:uppercase;
color:#fff;
font-size:18px;
text-align:center;
line-height:95px;
background:#112255;
background: -moz-linear-gradient(top, rgba(17,34,85,0.55) 0%, rgba(17,34,85,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,34,85,0.55)), color-stop(100%,rgba(17,34,85,0.8))); background: -webkit-linear-gradient(top, rgba(17,34,85,0.55) 0%,rgba(17,34,85,0.8) 100%); background: -o-linear-gradient(top, rgba(17,34,85,0.55) 0%,rgba(17,34,85,0.8) 100%); background: -ms-linear-gradient(top, rgba(17,34,85,0.55) 0%,rgba(17,34,85,0.8) 100%); background: linear-gradient(to bottom, rgba(17,34,85,0.55) 0%,rgba(17,34,85,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c112255', endColorstr='#cc112255',GradientType=0 ); position:relative;
top:-95px;	
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.sidebar{
width:30%;
float:left;
display:inline;
}
.sidebar .zobacz_siedzibe{
width:100%;
margin-top:100px;
}
.serwis_foto{
width:100%;
margin-top:60px;
}
.serwis_foto.first{
margin-top:260px;
}
.content_container_oferta{
width:69%;
margin-left:3%;
margin-right:3%;
float:left;
display:inline;
padding-top:36px;
padding-bottom:40px;
}
.content_container_oferta h1{
font-size:24px;
margin-bottom:20px;
}
.content_container_oferta h2{
font-size:18px;
margin-bottom:20px;
}
.content_container_oferta p{
font-size:14px;
line-height:30px;
margin-bottom:30px;
}
.content_container_oferta img{
max-width:100%;
}
.sidebar_oferta.sidr{
width:25%;
float:left;
display:inline;
padding-bottom:40px;
display:block;
position:static;
}
.sidebar_oferta.sidr ul{
margin-left:0;
}
.sidebar_oferta.sidr ul a{
color: #c1e7fb;
}
#sidr{
display:none;
}
.sidebar_oferta .top_category{
font-size:18px;
padding-top:40px;
text-transform:uppercase;
}
.sidebar_oferta .subcategories{
font-size:16px;
line-height:32px;
list-style-image:url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/arrow.png);
margin-top:15px;
text-indent:5px;
margin-left:15px;
color:#112255;
}
.sidebar_oferta .subcategories a{
color:#112255;
}
.sidebar_oferta .subcategories a.green{
color:#68a13b;
}
.sidebar_oferta .subcategories a:hover{
color:#19589d;
background:#f8f8f8;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
}
.contact_map_bg{
height:800px;
position:relative;
margin-top:-741px;
z-index:0;
}
.contact_content{
padding-top:40px;
padding-bottom:40px;
}
.contact_content .column_40{
display:inline;
float:left;
width:40%;
margin-right:5%;
}
.contact_content .column_55{
display:inline;
float:left;
width:55%;
}
.contact_content h2{
font-size:20px;
margin-bottom:16px;
}
.contact_content p{
font-size:16px;
line-height:30px;
}
.contact_content .employee{
margin-top:35px;
}
.contact_content .employee p{
line-height:24px;
}
.contact_content .employee .photo, .contact_content .employee .contact_data{
float:left;
display:inline;
}
.contact_content .employee .photo{
padding-right:25px;
}
.contact_content .employee .photo img{
-webkit-border-radius: 5px;
border-radius: 5px;
}
.form_container{
margin-top:40px;
}
.form_container input{
width:95%;
padding:16px 2.5%;
background:#fcfcfc;
border:1px solid #0a1c50;
margin-bottom:10px;
font-size:16px;
color:#112255;
}
.form_container textarea{
width:95%;
height:115px;
padding:16px 2.5%;
background:#fcfcfc;
border:1px solid #0a1c50;
font-size:16px;
color:#112255;
font-family: 'Open Sans', sans-serif;
}
.form_container input.wpcf7-submit{
padding:16px 32px;
background:#132047;
font-size:16px;
color:#fff;
width:auto!important;
margin:0;
border:0;
float:right;
}
.form_container input.wpcf7-submit:hover{
cursor:pointer;
}
.google-maps {
position: relative;
padding-bottom: 53%; // This is the aspect ratio
height: 0;
overflow: hidden;
margin-top:20px;
margin-bottom:20px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} #fb-root {
display: none;
} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
.fancybox-item.fancybox-close.close-gallery{
background:url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/close_btn.png) center center no-repeat;
top:5px;
right:5px;
}
@media only screen and (max-width: 920px){
.nav {
display: none;
}
.responsive_nav {
display: block;
}
.column-4{
width:49%;
margin:0 0.5%;
float:left;
display:inline;
}
.ewagi_cta .wrapper{
float:none;
width:100%;
text-align:center;
}
.ewagi_cta .ewagi_cta_button{
margin:20px auto 0;
float:none;
}
.content_container{
width:100%;
}
.contact_content .column_40{
display:block;
float:none;
width:100%;
margin-right:0;
margin-left:0;
margin-top:20px;
}
.contact_content .column_55{
margin-left:0!important;
margin-right:0!important;
display:block;
float:none;
width:100%;
}
}
@media only screen and (max-width: 705px){
.content_container_oferta{
width:96%;
margin-left:2%;
margin-right:2%;
}
.sidebar_oferta{
display:none;
}
.sidebar_oferta.sidr{
display:none;
}
.show_sidebar_menu{
display:block;
width:90%;
margin-top:15px;
background:#0a1c3e;
-webkit-border-radius:5px;
border-radius:5px;
text-align:left;
padding:3%;
margin:2%;
color:#fff;
}
.content_container .column_60{
width:100%;
}
.content_container .column_40{
display:none;
}
.hero h1{
margin-top:0;
}
.hero a.cta{
margin:30px auto 0;
}
.header_container{
background:#123980!important;
}
}
@media only screen and (max-width: 450px){
.column-4{
width:98%;
margin:0 1%;
float:left;
display:inline;
}
.header{
height:80px;
}
.header .main_logo{
margin-top:8px;
}
.header .main_logo img{
width:190px!important;
max-width:190px!important;
height:auto!important;
}
.responsive_nav{
margin-top:18px;
}
.hero{
background:url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/hero_bg_mobile.png) center center no-repeat !important;
background-size:cover !important;
}
.hero a.cta{
margin:15px auto 0;
font-size:20px;
}
.hero h1{
margin-top:0px;
font-size:28px;
}
.hero h2{
margin-top:0px;
font-size:20px;
}
.contact_content .employee .photo img{
width:50px;
}
}
@media only screen and (max-width: 320px){	
.header .main_logo img{
float:left;
margin-top:5px;
width:120px;
}
.contact_content .employee .contact_data{
font-size:14px;
}
}
.zalety_mobile{
display:none;
}
@media only screen and (max-width:705px){
.partners_heading,
.zalety_desktop{
display:none!important;
}
.partners .zalety_mobile{
display:block!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
margin:20px auto 40px!important;
}
}
@media only screen and (max-width:705px){
.partners_heading{
display:none!important;
}
.partners .zalety_desktop{
display:none!important;
visibility:hidden!important;
height:0!important;
margin:0!important;
padding:0!important;
}
.partners .zalety_mobile{
display:block!important;
visibility:visible!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
margin:20px auto 40px!important;
}
}
@media only screen and (min-width:921px){
.header{
height:96px!important;
border-bottom:1px solid #e8eef5!important;
}
.header .inner_wrapper{
height:96px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
}
.header .main_logo{
float:none!important;
margin:0!important;
}
.header .main_logo img{
width:220px!important;
height:auto!important;
display:block!important;
}
.header .nav{
float:none!important;
margin:0!important;
}
.header .main_menu{
float:none!important;
margin:0!important;
height:auto!important;
display:flex!important;
align-items:center!important;
gap:4px!important;
white-space:nowrap!important;
}
.header .main_menu li{
display:block!important;
margin:0!important;
border:0!important;
background:transparent!important;
font-size:13px!important;
font-weight:700!important;
letter-spacing:0.2px!important;
}
.header .main_menu li a{
display:block!important;
padding:12px 11px!important;
color:#0a1c50!important;
border-radius:6px!important;
transition:all 0.2s ease!important;
}
.header .main_menu li:hover a{
background:#eaf4ff!important;
color:#0067b1!important;
}
.header .main_menu .home-icon{
width:42px!important;
background:#eaf4ff url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/home_icon.png) center center no-repeat!important;
border-radius:6px!important;
}
.hero{
height:360px!important;
}
} @media only screen and (min-width:921px){
.hero{
position:relative!important;
overflow:hidden!important;
background-position:center center!important;
background-size:cover!important;
}
.hero:before{
content:"";
position:absolute;
top:0;
left:0;
width:58%;
height:100%;
background:linear-gradient(
to right,
rgba(2,18,45,.88) 0%,
rgba(2,18,45,.68) 55%,
rgba(2,18,45,.20) 85%,
rgba(2,18,45,0) 100%
);
z-index:1;
pointer-events:none;
}
.hero .middle{
position:relative!important;
z-index:2!important;
}
}
@media only screen and (max-width:705px){
.hero{
height:360px!important;
display:table!important;
}
.hero h1{
font-size:30px!important;
line-height:38px!important;
max-width:92%!important;
margin:0 auto 12px!important;
padding:0!important;
}
.hero h2{
font-size:22px!important;
line-height:30px!important;
max-width:86%!important;
margin:0 auto!important;
padding:0!important;
background:none!important;
}
.hero a.cta{
width:245px!important;
height:58px!important;
line-height:58px!important;
margin:28px auto 0!important;
font-size:18px!important;
background:linear-gradient(180deg,#2D76C8,#19589D)!important;
border:1px solid #19589D!important;
border-radius:8px!important;
color:#fff!important;
}
.features{
padding:25px 0 10px!important;
}
.features .column-4{
width:46%!important;
margin:2%!important;
box-sizing:border-box!important;
background:#fff!important;
border-radius:14px!important;
padding:18px 8px 16px!important;
box-shadow:0 8px 22px rgba(25,88,157,.12)!important;
}
.features img{
margin-top:0!important;
margin-bottom:12px!important;
max-width:78px!important;
height:auto!important;
}
.features h2{
font-size:15px!important;
line-height:21px!important;
color:#0A1C50!important;
margin:0!important;
}
}
.partners{
padding:55px 0 70px!important;
background:#fff!important;
}
.partners h1{
margin:0 0 35px!important;
font-size:28px!important;
font-weight:600!important;
color:#0A1C50!important;
letter-spacing:.3px!important;
}
.partners img{
margin:0 auto!important;
max-width:90%!important;
display:block!important;
border-radius:12px!important;
box-shadow:0 16px 40px rgba(25,88,157,.16)!important;
}
.header,
.header .inner_wrapper,
.header .nav,
.header .main_menu{
position:relative!important;
z-index:9999!important;
overflow:visible!important;
}
.header .main_menu li{
position:relative!important;
}
.header .main_menu li ul{
z-index:10000!important;
top:42px!important;
}
.hero{
position:relative!important;
z-index:1!important;
} body,
input,
textarea,
button,
select{
font-family:"Segoe UI", Arial, sans-serif!important;
}
.header .main_menu li a{
font-family:"Segoe UI", Arial, sans-serif!important;
font-size:14px!important;
font-weight:600!important;
letter-spacing:.2px!important;
text-transform:uppercase!important;
}
.pre_header a{
font-family:"Segoe UI", Arial, sans-serif!important;
font-size:13px!important;
font-weight:500!important;
letter-spacing:.15px!important;
}
.hero a.cta,
.ewagi_cta .ewagi_cta_button{
font-family:"Segoe UI", Arial, sans-serif!important;
font-weight:700!important;
letter-spacing:.3px!important;
} .partners{
padding:80px 0!important;
background:#fff!important;
}
.partners .inner_wrapper{
display:block!important;
}
.why_sensorwag{
display:grid!important;
grid-template-columns:46% 54%!important;
gap:70px!important;
align-items:center!important;
width:96%!important;
max-width:1400px!important;
margin:0 auto!important;
}
.why_image img{
width:100%!important;
display:block!important;
border-radius:20px!important;
box-shadow:0 25px 60px rgba(10,28,80,.16)!important;
margin:0!important;
}
.why_content{
text-align:left!important;
}
.section_label{
display:inline-block!important;
color:#19589D!important;
font-size:14px!important;
font-weight:700!important;
text-transform:uppercase!important;
letter-spacing:.8px!important;
margin-bottom:14px!important;
}
.why_content h1{
color:#0A1C50!important;
font-size:40px!important;
line-height:1.15!important;
font-weight:800!important;
margin:0 0 18px!important;
}
.why_content p{
color:#40506b!important;
font-size:18px!important;
line-height:1.6!important;
max-width:620px!important;
margin:0 0 32px!important;
}
.why_points{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:16px!important;
}
.why_points div{
background:linear-gradient(135deg,#061B3D,#0A1C50)!important;
border-radius:16px!important;
padding:24px!important;
box-shadow:0 14px 32px rgba(10,28,80,.18)!important;
}
.why_points strong{
display:block!important;
color:#fff!important;
font-size:21px!important;
font-weight:800!important;
margin-bottom:7px!important;
}
.why_points span{
display:block!important;
color:#65B7FF!important;
font-size:13px!important;
font-weight:700!important;
text-transform:uppercase!important;
}
@media only screen and (max-width:920px){
.why_sensorwag{
grid-template-columns:1fr!important;
gap:35px!important;
}
} .features{
padding:60px 0!important;
background:#fff!important;
}
.features .inner_wrapper{
display:flex!important;
justify-content:space-between!important;
gap:28px!important;
}
.features .column-4{
width:24%!important;
background:#fff!important;
border-radius:18px!important;
overflow:hidden!important;
box-shadow:0 12px 35px rgba(25,88,157,.10)!important;
transition:.25s!important;
text-align:left!important;
padding-bottom:22px!important;
}
.features .column-4:hover{
transform:translateY(-8px)!important;
box-shadow:0 18px 45px rgba(25,88,157,.18)!important;
}
.features .column-4 img{
width:100%!important;
height:180px!important;
object-fit:cover!important;
display:block!important;
margin:0!important;
transition:.3s!important;
}
.features .column-4:hover img{
transform:scale(1.05)!important;
}
.features .column-4 h2{
font-size:21px!important;
color:#0A1C50!important;
font-weight:800!important;
padding:22px 24px 10px!important;
margin:0!important;
text-transform:none!important;
}
.features .column-4 p{
display:block!important;
padding:0 24px!important;
color:#61708c!important;
font-size:15px!important;
line-height:1.6!important;
margin:0!important;
} @media only screen and (max-width:768px){
.features .inner_wrapper{
display:block!important;
}
.features .column-4{
width:100%!important;
margin:0 0 22px!important;
display:block!important;
}
.features .column-4 img{
width:100%!important;
max-width:240px!important;
height:auto!important;
margin:20px auto!important;
object-fit:contain!important;
}
.features .column-4 h2{
text-align:center!important;
padding:0 25px!important;
font-size:22px!important;
}
.features .column-4 p{
text-align:center!important;
padding:10px 25px 25px!important;
font-size:16px!important;
}
} @media only screen and (max-width:768px){
.header .main_logo img{
width:230px!important;
max-width:230px!important;
height:auto!important;
}
.responsive_nav .main_menu > li > a{
background:#EAF4FF!important;
color:#0A1C50!important;
padding:10px 16px!important;
border-radius:10px!important;
font-size:17px!important;
font-weight:800!important;
letter-spacing:.3px!important;
box-shadow:0 8px 20px rgba(25,88,157,.12)!important;
}
.responsive_nav .responsive_icon{
font-size:18px!important;
padding-left:8px!important;
}
.hero{
height:300px!important;
}
.hero h1{
font-size:21px!important;
line-height:1.18!important;
letter-spacing:.2px!important;
max-width:90%!important;
margin:0 auto 14px!important;
}
.hero h2{
font-size:15px!important;
line-height:1.45!important;
max-width:90%!important;
margin:0 auto!important;
}
.hero .cta{
width:230px!important;
height:52px!important;
line-height:52px!important;
font-size:17px!important;
margin-top:22px!important;
}
}
@media only screen and (max-width:768px){
.features{
padding-top:25px!important;
margin-top:0!important;
}
.features .column-4:first-child{
margin-top:0!important;
}
} @media only screen and (max-width:768px){ .features{
padding-bottom:25px!important;
}
.features .column-4:last-child{
margin-bottom:0!important;
}
.partners{
padding-top:30px!important;
padding-bottom:45px!important;
} .why_sensorwag{
display:flex!important;
flex-direction:column!important;
gap:28px!important;
}
.why_content{
order:1!important;
}
.why_image{
order:2!important;
width:100%!important;
margin-top:18px!important;
margin-bottom:0!important;
}
.why_image img{
width:100%!important;
max-width:none!important;
height:340px!important;
object-fit:cover!important;
object-position:center center!important;
border-radius:18px!important;
display:block!important;
}
.why_content h1{
font-size:30px!important;
line-height:1.12!important;
margin-bottom:18px!important;
}
.why_content p{
font-size:17px!important;
line-height:1.5!important;
margin-bottom:26px!important;
}
.why_points{
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
}
.why_points div{
width:100%!important;
min-height:auto!important;
padding:22px 20px!important;
box-sizing:border-box!important;
display:block!important;
}
.why_points strong{
font-size:22px!important;
line-height:1.2!important;
}
.why_points span{
font-size:13px!important;
line-height:1.3!important;
}
} .service_hero{
min-height:480px;
background-size:cover;
background-position:center center;
position:relative;
}
.service_hero_overlay{
min-height:480px;
display:flex;
align-items:center;
background:linear-gradient(90deg,rgba(2,18,45,.88),rgba(2,18,45,.55),rgba(2,18,45,.15));
}
.service_hero_content{
max-width:720px;
color:#fff;
}
.service_hero_content span,
.service_intro span{
display:inline-block;
color:#65B7FF;
font-size:14px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.8px;
margin-bottom:14px;
}
.service_hero_content h1{
font-size:52px;
line-height:1.08;
font-weight:800;
margin:0 0 18px;
}
.service_hero_content p{
font-size:21px;
line-height:1.5;
margin:0 0 32px;
max-width:650px;
}
.service_hero_buttons{
display:flex;
gap:16px;
flex-wrap:wrap;
}
.service_btn{
display:inline-block;
padding:18px 28px;
border-radius:10px;
font-size:16px;
font-weight:800;
letter-spacing:.3px;
transition:all .25s ease;
}
.service_btn.primary{
background:linear-gradient(180deg,#2D76C8,#19589D);
color:#fff;
}
.service_btn.secondary{
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.55);
color:#fff;
}
.service_btn:hover{
transform:translateY(-3px);
box-shadow:0 14px 35px rgba(0,0,0,.25);
}
.service_tiles{
padding:75px 0 85px;
background:#fff;
}
.service_intro{
text-align:center;
max-width:760px;
margin:0 auto 42px;
}
.service_intro h2{
color:#0A1C50;
font-size:38px;
line-height:1.18;
font-weight:800;
margin:0 0 14px;
}
.service_intro p{
color:#61708c;
font-size:18px;
line-height:1.5;
margin:0;
}
.service_grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:26px;
}
.service_card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 14px 38px rgba(25,88,157,.12);
transition:all .25s ease;
}
.service_card:hover{
transform:translateY(-8px);
box-shadow:0 22px 50px rgba(25,88,157,.20);
}
.service_card img{
width:100%;
height:210px;
object-fit:cover;
display:block;
}
.service_card h3{
color:#0A1C50;
font-size:22px;
line-height:1.2;
font-weight:800;
margin:24px 24px 12px;
}
.service_card p{
color:#61708c;
font-size:15px;
line-height:1.6;
margin:0 24px 28px;
} @media only screen and (max-width:920px){
.service_grid{
grid-template-columns:repeat(2,1fr);
}
}
@media only screen and (max-width:768px){
.service_hero{
min-height:390px;
}
.service_hero_overlay{
min-height:390px;
background:linear-gradient(90deg,rgba(2,18,45,.88),rgba(2,18,45,.55));
}
.service_hero_content h1{
font-size:34px;
}
.service_hero_content p{
font-size:17px;
}
.service_btn{
width:100%;
text-align:center;
box-sizing:border-box;
}
.service_tiles{
padding:45px 0 55px;
}
.service_intro h2{
font-size:30px;
}
.service_grid{
grid-template-columns:1fr;
gap:20px;
}
.service_card img{
height:220px;
}
} .legalizacja_hero{
min-height:500px;
background-size:cover;
background-position:center center;
}
.legalizacja_overlay{
min-height:500px;
display:flex;
align-items:center;
background:linear-gradient(90deg,rgba(2,18,45,.88),rgba(2,18,45,.55),rgba(2,18,45,.10));
}
.legalizacja_content{
max-width:760px;
color:#fff;
}
.legalizacja_content span,
.wzorce_content span{
display:inline-block;
color:#65B7FF;
font-size:14px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.8px;
margin-bottom:14px;
}
.legalizacja_content h1{
font-size:52px;
line-height:1.08;
font-weight:800;
margin:0 0 18px;
}
.legalizacja_content p{
font-size:21px;
line-height:1.5;
margin:0 0 32px;
}
.legalizacja_buttons{
display:flex;
gap:16px;
flex-wrap:wrap;
}
.legalizacja_intro{
padding:75px 0 85px;
background:#fff;
}
.wzorce_section{
padding:80px 0;
background:#fff;
}
.wzorce_wrap{
display:grid;
grid-template-columns:50% 50%;
gap:60px;
align-items:center;
}
.wzorce_image img{
width:100%;
display:block;
border-radius:20px;
box-shadow:0 25px 60px rgba(10,28,80,.16);
}
.wzorce_content h2{
color:#0A1C50;
font-size:42px;
line-height:1.15;
font-weight:800;
margin:0 0 18px;
}
.wzorce_content p{
color:#40506b;
font-size:18px;
line-height:1.6;
margin:0 0 28px;
}
.wzorce_content ul{
list-style:none;
margin:0;
padding:0;
}
.wzorce_content li{
color:#0A1C50;
font-size:18px;
font-weight:700;
margin-bottom:14px;
}
@media only screen and (max-width:768px){
.legalizacja_hero,
.legalizacja_overlay{
min-height:390px;
}
.legalizacja_content h1{
font-size:34px;
}
.legalizacja_content p{
font-size:17px;
}
.legalizacja_buttons .service_btn{
width:100%;
text-align:center;
box-sizing:border-box;
}
.legalizacja_intro{
padding:45px 0 55px;
}
.wzorce_section{
padding:45px 0;
}
.wzorce_wrap{
grid-template-columns:1fr;
gap:30px;
}
.wzorce_content h2{
font-size:32px;
}
.wzorce_image{
order:2;
}
.wzorce_content{
order:1;
}
} .legalizacja_faq{
padding:90px 0;
background:#F7FAFE;
}
.faq_wrap{
display:grid;
grid-template-columns:45% 55%;
gap:70px;
align-items:center;
}
.faq_image img{
width:100%;
display:block;
border-radius:20px;
box-shadow:0 25px 60px rgba(10,28,80,.15);
}
.faq_content span{
display:inline-block;
color:#19589D;
font-size:14px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.8px;
margin-bottom:14px;
}
.faq_content h2{
font-size:42px;
color:#0A1C50;
font-weight:800;
margin-bottom:20px;
line-height:1.15;
}
.faq_content>p{
font-size:18px;
color:#4A5872;
line-height:1.7;
margin-bottom:35px;
}
.faq_item{
background:#fff;
border-left:5px solid #19589D;
border-radius:14px;
padding:22px 26px;
margin-bottom:18px;
box-shadow:0 12px 35px rgba(10,28,80,.08);
}
.faq_item h3{
margin:0 0 10px;
color:#0A1C50;
font-size:22px;
font-weight:700;
}
.faq_item p{
margin:0;
color:#5A6982;
line-height:1.7;
}
@media only screen and (max-width:768px){
.legalizacja_faq{
padding:55px 0;
}
.faq_wrap{
grid-template-columns:1fr;
gap:35px;
}
.faq_content{
order:1;
}
.faq_image{
order:2;
}
.faq_content h2{
font-size:32px;
}
.faq_item h3{
font-size:20px;
}
} @media only screen and (max-width:768px){ .legalizacja_hero,
.legalizacja_overlay{
min-height:520px!important;
}
.legalizacja_hero{
background-position:center center!important;
background-size:cover!important;
}
.legalizacja_overlay{
padding:32px 0 34px!important;
box-sizing:border-box!important;
background:linear-gradient(
90deg,
rgba(2,18,45,.90) 0%,
rgba(2,18,45,.72) 65%,
rgba(2,18,45,.45) 100%
)!important;
}
.legalizacja_content{
max-width:none!important;
width:100%!important;
padding:0 16px!important;
box-sizing:border-box!important;
}
.legalizacja_content span{
font-size:13px!important;
line-height:1.3!important;
margin-bottom:12px!important;
}
.legalizacja_content h1{
font-size:34px!important;
line-height:1.08!important;
margin:0 0 18px!important;
}
.legalizacja_content p{
font-size:17px!important;
line-height:1.5!important;
margin:0 0 24px!important;
}
.legalizacja_buttons{
display:block!important;
}
.legalizacja_buttons .service_btn{
display:block!important;
width:100%!important;
box-sizing:border-box!important;
margin:0 0 14px!important;
padding:17px 18px!important;
text-align:center!important;
font-size:16px!important;
} .legalizacja_intro{
padding:48px 0 52px!important;
}
.service_intro{
padding:0 16px!important;
box-sizing:border-box!important;
margin-bottom:30px!important;
}
.service_intro span{
font-size:13px!important;
}
.service_intro h2{
font-size:30px!important;
line-height:1.15!important;
margin-bottom:12px!important;
}
.service_intro p{
font-size:16px!important;
line-height:1.5!important;
}
.service_grid{
grid-template-columns:1fr!important;
gap:18px!important;
}
.service_card img{
height:220px!important;
object-fit:cover!important;
}
.service_card h3{
font-size:22px!important;
margin:20px 20px 10px!important;
}
.service_card p{
font-size:15px!important;
line-height:1.55!important;
margin:0 20px 24px!important;
} .legalizacja_faq{
padding:48px 0!important;
}
.faq_wrap{
display:flex!important;
flex-direction:column!important;
gap:28px!important;
}
.faq_content{
order:1!important;
}
.faq_image{
order:2!important;
}
.faq_image img{
width:100%!important;
height:260px!important;
object-fit:cover!important;
border-radius:16px!important;
display:block!important;
}
.faq_content{
padding:0 4px!important;
box-sizing:border-box!important;
}
.faq_content span{
font-size:13px!important;
margin-bottom:10px!important;
}
.faq_content h2{
font-size:30px!important;
line-height:1.12!important;
margin:0 0 16px!important;
}
.faq_content > p{
font-size:16px!important;
line-height:1.55!important;
margin-bottom:24px!important;
}
.faq_accordion{
display:block!important;
}
.faq_item{
display:block!important;
background:#fff!important;
border-left:4px solid #19589D!important;
border-radius:12px!important;
margin-bottom:12px!important;
padding:0!important;
overflow:hidden!important;
box-shadow:0 10px 28px rgba(10,28,80,.08)!important;
}
.faq_item summary{
display:block!important;
cursor:pointer!important;
list-style:none!important;
color:#0A1C50!important;
font-size:17px!important;
line-height:1.3!important;
font-weight:800!important;
padding:18px 48px 18px 18px!important;
position:relative!important;
}
.faq_item summary::-webkit-details-marker{
display:none!important;
}
.faq_item summary:after{
content:"+"!important;
position:absolute!important;
right:18px!important;
top:50%!important;
transform:translateY(-50%)!important;
color:#19589D!important;
font-size:26px!important;
font-weight:700!important;
}
.faq_item[open] summary:after{
content:"−"!important;
}
.faq_item p{
color:#5A6982!important;
font-size:15px!important;
line-height:1.55!important;
margin:0!important;
padding:0 18px 18px!important;
} .wzorce_section{
padding:48px 0!important;
}
.wzorce_wrap{
display:flex!important;
flex-direction:column!important;
gap:26px!important;
}
.wzorce_content{
order:1!important;
}
.wzorce_image{
order:2!important;
}
.wzorce_content span{
font-size:13px!important;
margin-bottom:10px!important;
}
.wzorce_content h2{
font-size:30px!important;
line-height:1.12!important;
margin-bottom:16px!important;
}
.wzorce_content p{
font-size:16px!important;
line-height:1.55!important;
margin-bottom:22px!important;
}
.wzorce_content ul{
margin:0!important;
padding:0!important;
}
.wzorce_content li{
font-size:16px!important;
line-height:1.4!important;
margin-bottom:11px!important;
}
.wzorce_image img{
width:100%!important;
height:240px!important;
object-fit:cover!important;
border-radius:16px!important;
display:block!important;
}
} @media screen and (max-width: 767px) { .legalizacja_intro {
padding: 55px 15px 45px !important;
overflow: hidden;
}
.legalizacja_intro .inner_wrapper {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.service_intro {
width: 100% !important;
padding: 0 5px !important;
text-align: center;
}
.service_intro span {
display: block;
font-size: 17px !important;
line-height: 1.3 !important;
margin-bottom: 14px !important;
}
.service_intro h2 {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto 18px !important;
padding: 0 !important;
font-size: 34px !important;
line-height: 1.12 !important;
letter-spacing: -0.5px !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.service_intro p {
font-size: 18px !important;
line-height: 1.5 !important;
margin: 0 auto 30px !important;
} .legalizacja_faq {
padding: 0 0 50px !important;
overflow: hidden;
}
.legalizacja_faq .inner_wrapper,
.faq_wrap {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
.faq_image {
width: 100% !important;
height: 320px !important;
max-height: 320px !important;
margin: 0 0 30px !important;
overflow: hidden !important;
}
.faq_image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-height: 320px !important;
object-fit: cover !important;
object-position: center 38% !important;
}
.faq_content {
width: 100% !important;
max-width: 100% !important;
padding: 0 18px !important;
box-sizing: border-box !important;
}
.faq_content > span {
display: block;
font-size: 17px !important;
line-height: 1.3 !important;
margin-bottom: 8px !important;
}
.faq_content h2 {
font-size: 27px !important;
line-height: 1.16 !important;
margin: 0 0 12px !important;
}
.faq_content > p {
font-size: 18px !important;
line-height: 1.45 !important;
margin: 0 0 22px !important;
}
.faq_accordion {
width: 100% !important;
}
.faq_item {
width: 100% !important;
margin-bottom:10px!important;
border-radius:12px!important;
border-bottom: 1px solid #d9e1ec;
}
.faq_item summary {
position: relative;
display: block !important;
width: 100% !important;
padding: 14px 42px 16px 0 !important;
box-sizing: border-box !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
white-space: normal !important;
overflow-wrap: break-word !important;
cursor: pointer;
list-style: none;
}
.faq_item summary::-webkit-details-marker {
display: none;
}
.faq_item summary::after {
content: "+";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight: 400;
line-height: 1;
}
.faq_item[open] summary::after {
content: "−";
}
.faq_answer {
padding: 0 0 16px !important;
}
.faq_answer p {
margin: 0 !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
}
.wzorce-hero{
background:#0A1C50;
padding:90px 20px;
}
.wzorce-grid{
display:grid;
grid-template-columns:1.1fr 1fr;
align-items:center;
gap:70px;
max-width:1180px;
margin:auto;
}
.wzorce-left h1{
color:#fff;
font-size:58px;
line-height:1.1;
margin:20px 0;
}
.wzorce-left p{
font-size:22px;
line-height:1.8;
color:#d8e4ff;
margin-bottom:40px;
}
.hero-tag{
display:inline-block;
color:#66b6ff;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
}
.hero-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}
.btn-primary{
background:#0EA5E9;
color:#fff;
padding:16px 32px;
border-radius:10px;
font-weight:700;
text-decoration:none;
transition:.3s;
}
.btn-primary:hover{
background:#0284c7;
}
.btn-secondary{
border:2px solid rgba(255,255,255,.4);
padding:16px 32px;
border-radius:10px;
color:#fff;
font-weight:700;
text-decoration:none;
}
.wzorce-right img{
width:100%;
display:block;
} @media (max-width: 1024px){
.wzorce-hero{
padding:70px 24px;
}
.wzorce-grid{
grid-template-columns:1fr 1fr;
gap:40px;
}
.wzorce-left h1{
font-size:52px;
}
.wzorce-left p{
font-size:19px;
line-height:1.7;
}
.wzorce-right img{
width:100%;
height:auto;
object-fit:cover;
}
} @media (max-width: 768px){
.wzorce-hero{
padding:55px 20px 45px;
}
.wzorce-grid{
grid-template-columns:1fr;
gap:36px;
}
.wzorce-left{
text-align:left;
}
.hero-tag{
font-size:12px;
letter-spacing:1.6px;
}
.wzorce-left h1{
font-size:40px;
line-height:1.08;
margin:16px 0 22px;
max-width:100%;
}
.wzorce-left p{
font-size:17px;
line-height:1.65;
margin-bottom:28px;
}
.hero-buttons{
display:grid;
grid-template-columns:1fr;
gap:12px;
width:100%;
}
.btn-primary,
.btn-secondary{
width:100%;
box-sizing:border-box;
text-align:center;
padding:15px 20px;
}
.wzorce-right{
width:100%;
}
.wzorce-right img{
display:block;
width:100%;
height:auto;
max-height:430px;
object-fit:cover;
object-position:center;
}
} @media (max-width: 480px){
.wzorce-hero{
padding:45px 16px 38px;
}
.wzorce-left h1{
font-size:34px;
}
.wzorce-left p{
font-size:16px;
}
.wzorce-right img{
max-height:360px;
}
}
.wzorce-right img{
width:100%;
display:block;
border-radius:4px;
box-shadow:0 24px 60px rgba(0,0,0,.22);
} .wzorce-benefits{
padding:85px 20px 95px;
background:#f6f9fd;
}
.wzorce-benefits-heading{
max-width:780px;
margin:0 auto 48px;
text-align:center;
}
.wzorce-benefits-heading span{
display:inline-block;
margin-bottom:12px;
color:#19589D;
font-size:14px;
font-weight:800;
letter-spacing:.9px;
text-transform:uppercase;
}
.wzorce-benefits-heading h2{
margin:0 0 16px;
color:#0A1C50;
font-size:40px;
line-height:1.15;
font-weight:800;
}
.wzorce-benefits-heading p{
margin:0;
color:#5f6f89;
font-size:18px;
line-height:1.65;
}
.wzorce-benefits-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}
.wzorce-benefit-card{
min-height:205px;
padding:30px 28px 26px;
box-sizing:border-box;
background:#fff;
border:1px solid #e6edf6;
border-radius:18px;
box-shadow:0 14px 34px rgba(10,28,80,.08);
transition:transform .25s ease, box-shadow .25s ease;
}
.wzorce-benefit-card:hover{
transform:translateY(-7px);
box-shadow:0 22px 46px rgba(10,28,80,.14);
}
.wzorce-benefit-number{
margin-bottom:16px;
color:#1DA8E8;
font-size:33px;
line-height:1;
font-weight:900;
letter-spacing:-.6px;
}
.wzorce-benefit-card h3{
margin:0 0 10px;
color:#0A1C50;
font-size:22px;
line-height:1.25;
font-weight:800;
}
.wzorce-benefit-card p{
margin:0;
color:#61708a;
font-size:16px;
line-height:1.6;
} @media only screen and (max-width:1024px){
.wzorce-benefits{
padding:70px 24px 80px;
}
.wzorce-benefits-grid{
grid-template-columns:repeat(2,1fr);
}
} @media only screen and (max-width:768px){
.wzorce-benefits{
padding:52px 16px 58px;
}
.wzorce-benefits-heading{
margin-bottom:30px;
}
.wzorce-benefits-heading span{
font-size:12px;
}
.wzorce-benefits-heading h2{
font-size:30px;
line-height:1.15;
}
.wzorce-benefits-heading p{
font-size:16px;
line-height:1.55;
}
.wzorce-benefits-grid{
grid-template-columns:1fr;
gap:16px;
}
.wzorce-benefit-card{
min-height:auto;
padding:27px 24px;
}
.wzorce-benefit-number{
margin-bottom:15px;
font-size:30px;
}
.wzorce-benefit-card h3{
font-size:21px;
}
.wzorce-benefit-card p{
font-size:15px;
}
} .wzorce-base{
padding:100px 20px;
background:#ffffff;
}
.wzorce-base-wrap{
display:grid;
grid-template-columns:480px 1fr;
gap:90px;
align-items:center;
}
.wzorce-base-image{
text-align:center;
}
.wzorce-base-image img{
width:100%;
max-width:430px;
height:auto;
display:block;
margin:auto;
}
.wzorce-base-content span{
display:inline-block;
margin-bottom:14px;
color:#1DA8E8;
font-size:14px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.wzorce-base-content h2{
margin:0 0 22px;
color:#0A1C50;
font-size:46px;
line-height:1.15;
font-weight:800;
}
.wzorce-base-content p{
margin:0 0 35px;
color:#61708a;
font-size:18px;
line-height:1.8;
}
.wzorce-base-stats{
display:flex;
gap:24px;
margin-bottom:35px;
}
.wzorce-base-stat{
flex:1;
padding:24px;
background:#f7f9fc;
border-radius:16px;
border:1px solid #e7eef8;
}
.wzorce-base-stat strong{
display:block;
color:#0A1C50;
font-size:34px;
line-height:1;
margin-bottom:10px;
}
.wzorce-base-stat small{
display:block;
color:#6b7b93;
font-size:15px;
}
.wzorce-base-list{
margin:0 0 38px;
padding:0;
list-style:none;
}
.wzorce-base-list li{
position:relative;
padding-left:34px;
margin-bottom:16px;
color:#344055;
font-size:17px;
line-height:1.6;
}
.wzorce-base-list li:before{
content:"✓";
position:absolute;
left:0;
top:0;
color:#19A9E8;
font-weight:700;
font-size:22px;
}
.wzorce-base-button{
display:inline-block;
padding:17px 34px;
background:#1DA8E8;
color:#fff;
border-radius:10px;
text-decoration:none;
font-weight:700;
transition:.25s;
}
.wzorce-base-button:hover{
background:#0b92d0;
color:#fff;
} @media (max-width:1024px){
.wzorce-base{
padding:80px 24px;
}
.wzorce-base-wrap{
grid-template-columns:1fr;
gap:50px;
}
.wzorce-base-image{
order:1;
}
.wzorce-base-content{
order:2;
}
.wzorce-base-content h2{
font-size:38px;
}
} @media (max-width:768px){
.wzorce-base{
padding:60px 16px;
}
.wzorce-base-content{
text-align:left;
}
.wzorce-base-content span{
font-size:12px;
}
.wzorce-base-content h2{
font-size:30px;
margin-bottom:18px;
}
.wzorce-base-content p{
font-size:16px;
line-height:1.65;
}
.wzorce-base-stats{
flex-direction:column;
gap:16px;
}
.wzorce-base-stat{
padding:20px;
}
.wzorce-base-stat strong{
font-size:30px;
}
.wzorce-base-list li{
font-size:16px;
}
.wzorce-base-button{
width:100%;
text-align:center;
box-sizing:border-box;
}
}
.sw-career-actions{
display:flex;
flex-wrap:wrap;
gap:13px;
}
.sw-career-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:14px 24px;
border:1px solid transparent;
border-radius:12px;
font-size:15px;
line-height:1.2;
font-weight:800;
text-decoration:none;
transition:
transform .2s ease,
background-color .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
.sw-career-button:hover{
transform:translateY(-2px);
text-decoration:none;
}
.sw-career-button--primary{
background:#fff;
color:#0b3975;
box-shadow:0 14px 30px rgba(3,23,60,.2);
}
.sw-career-button--primary:hover{
background:#eef7ff;
color:#0b3975;
}
.sw-career-button--secondary{
border-color:rgba(255,255,255,.36);
background:rgba(255,255,255,.08);
color:#fff;
}
.sw-career-button--secondary:hover{
border-color:rgba(255,255,255,.65);
background:rgba(255,255,255,.15);
color:#fff;
}
.sw-career-card{
position:relative;
overflow:hidden;
padding:34px;
border:1px solid rgba(255,255,255,.22);
border-radius:22px;
background:rgba(255,255,255,.12);
box-shadow:0 28px 60px rgba(0,22,58,.25);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.sw-career-card:before{
content:"";
position:absolute;
top:-90px;
right:-90px;
width:200px;
height:200px;
border-radius:50%;
background:rgba(255,255,255,.06);
}
.sw-career-card__label{
position:relative;
z-index:2;
margin:0 0 12px;
color:#8ed6ff;
font-size:12px;
line-height:1.3;
font-weight:800;
letter-spacing:.09em;
text-transform:uppercase;
}
.sw-career-card h2{
position:relative;
z-index:2;
margin:0 0 27px;
color:#fff;
font-size:28px;
line-height:1.22;
font-weight:800;
letter-spacing:-.025em;
}
.sw-career-stats{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.sw-career-stat{
min-width:0;
padding:20px 17px;
border:1px solid rgba(255,255,255,.14);
border-radius:15px;
background:rgba(255,255,255,.08);
}
.sw-career-stat strong{
display:block;
margin-bottom:6px;
color:#fff;
font-size:28px;
line-height:1;
font-weight:800;
letter-spacing:-.04em;
}
.sw-career-stat span{
display:block;
color:rgba(255,255,255,.7);
font-size:12px;
line-height:1.45;
font-weight:700;
}
.sw-career-card__note{
position:relative;
z-index:2;
margin-top:14px;
padding:17px;
border:1px solid rgba(142,214,255,.3);
border-radius:15px;
background:rgba(142,214,255,.1);
}
.sw-career-card__note strong{
display:block;
margin-bottom:4px;
color:#fff;
font-size:14px;
line-height:1.4;
}
.sw-career-card__note span{
display:block;
color:rgba(255,255,255,.68);
font-size:12px;
line-height:1.45;
}
@media(max-width:640px){
.sw-career-container{
width:min(100% - 28px,1180px);
}
.sw-career-hero{
padding:50px 0 56px;
}
.sw-career-hero h1{
font-size:38px;
line-height:1.08;
}
.sw-career-lead{
font-size:17px;
line-height:1.58;
}
.sw-career-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
}
.sw-career-button{
width:100%;
}
.sw-career-card{
padding:25px 20px;
border-radius:18px;
}
.sw-career-card h2{
font-size:24px;
}
.sw-career-stats{
grid-template-columns:1fr;
gap:10px;
}
} @media only screen and (min-width: 921px) {
.header .nav {
display: flex !important;
align-items: center !important;
float: none !important;
margin: 0 !important;
}
.header .main_menu {
display: flex !important;
align-items: center !important;
gap: 8px !important;
float: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
white-space: nowrap !important;
}
.header .main_menu > li {
position: relative !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: none !important;
}
.header .main_menu > li > a {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
padding: 0 13px !important;
border-radius: 10px !important;
background: transparent !important;
color: #0a1c50 !important;
font-family: "Open Sans", Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
text-transform: none !important;
text-decoration: none !important;
transition:
color 0.2s ease,
background-color 0.2s ease !important;
}
.header .main_menu > li > a::before,
.header .main_menu > li > a::after {
content: none !important;
display: none !important;
}
.header .main_menu > li > a:hover {
color: #1475bd !important;
background: #eef6ff !important;
}
.header .main_menu > li.current-menu-item > a,
.header .main_menu > li.current-menu-ancestor > a {
color: #0a1c50 !important;
background: transparent !important;
} .header .main_menu > li.home-icon > a,
.header .main_menu > li:first-child > a {
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border-radius: 10px !important;
background-color: #eef6ff !important;
background-image: url(https://www.sensorwag.com.pl/wp-content/themes/sensorwag/images/home_icon.png) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 18px 18px !important;
color: transparent !important;
font-size: 0 !important;
overflow: hidden !important;
}
.header .main_menu > li.home-icon > a:hover,
.header .main_menu > li:first-child > a:hover {
background-color: #dfeeff !important;
}
.header .main_menu > li.home-icon.current-menu-item > a,
.header .main_menu > li:first-child.current-menu-item > a {
background-color: #eef6ff !important;
box-shadow: none !important;
} .header .main_menu .sub-menu {
position: absolute !important;
z-index: 10000 !important;
top: calc(100% + 8px) !important;
left: 50% !important;
right: auto !important;
display: block !important;
min-width: 220px !important;
margin: 0 !important;
padding: 10px !important;
border: 1px solid rgba(10, 28, 80, 0.08) !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 18px 45px rgba(7, 29, 79, 0.16) !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translate(-50%, 10px) !important;
transition:
opacity 0.2s ease,
visibility 0.2s ease,
transform 0.2s ease !important;
}
.header .main_menu li:hover > .sub-menu,
.header .main_menu li:focus-within > .sub-menu {
opacity: 1 !important;
visibility: visible !important;
transform: translate(-50%, 0) !important;
}
.header .main_menu .sub-menu li {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.header .main_menu .sub-menu a {
display: block !important;
padding: 11px 13px !important;
border-radius: 9px !important;
background: transparent !important;
color: #0a1c50 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-transform: none !important;
white-space: nowrap !important;
}
.header .main_menu .sub-menu a:hover {
color: #1475bd !important;
background: #eef7ff !important;
}
} .pre_header {
background: #071a3d;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.pre_header .sw-topbar {
min-height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.sw-topbar-left,
.sw-topbar-socials {
display: flex;
align-items: center;
}
.sw-topbar-left {
gap: 24px;
}
.sw-topbar-socials {
gap: 8px;
}
.sw-topbar-contact {
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(255,255,255,0.88);
font-size: 13px;
line-height: 1;
text-decoration: none;
transition: color 0.2s ease, transform 0.2s ease;
}
.sw-topbar-contact:hover {
color: #38bdf8;
transform: translateY(-1px);
}
.sw-topbar-icon {
font-size: 14px;
line-height: 1;
opacity: 0.9;
}
.sw-topbar-phone {
font-weight: 700;
}
.sw-topbar-mail {
font-weight: 500;
}
.sw-topbar-hours {
position: relative;
padding-left: 24px;
color: rgba(255,255,255,0.58);
font-size: 12px;
line-height: 1;
white-space: nowrap;
}
.sw-topbar-hours::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 16px;
background: rgba(255,255,255,0.18);
transform: translateY(-50%);
}
.sw-social {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(255,255,255,0.12);
border-radius: 50%;
background-color: rgba(255,255,255,0.04);
background-repeat: no-repeat;
background-position: center;
background-size: 14px auto;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}
.sw-social:hover {
background-color: rgba(56,189,248,0.14);
border-color: rgba(56,189,248,0.55);
transform: translateY(-2px);
} @media screen and (max-width: 900px) {
.sw-topbar-hours {
display: none;
}
.sw-topbar-left {
gap: 16px;
}
} @media screen and (max-width: 640px) {html,
body,
.container_main {
margin-top: 0 !important;
padding-top: 0 !important;
}
.container_main {
margin-left: 0 !important;
margin-right: 0 !important;
}
.pre_header {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
overflow: hidden !important;
background: #071a3d !important;
border: 0 !important;
}
.pre_header .inner_wrapper.sw-topbar {
width: 100% !important;
max-width: none !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.sw-topbar-left {
width: 100% !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
}
.sw-topbar-mail,
.sw-topbar-hours,
.sw-topbar-socials {
display: none !important;
}
.pre_header .sw-topbar-phone {
display: inline-flex !important;
width: auto !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
background: none !important;
border: 0 !important;
color: #fff !important;
font-size: 13px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.pre_header .sw-topbar-phone span {
display: inline-block !important;
color: #fff !important;
line-height: 1 !important;
}
.pre_header .sw-topbar-icon {
margin-right: 7px !important;
}
}