.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 45px 15px;
line-height: 1.125em;
cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_menu {
*zoom: 1; }
.slicknav_menu .slicknav_menutxt {
display: none;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
float: left;
margin:0; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 30px;
height: 3px;
}
.slicknav_menu:before {
content: " ";
display: table; }
.slicknav_menu:after {
content: " ";
display: table;
clear: both; }
.slicknav_nav {
clear: both; }
.slicknav_nav ul {
display: block; }
.slicknav_nav li {
display: block;
padding: 0px; }
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_item a {
display: inline; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_brand {
float: left; }
.slicknav_menu {
font-size: 20px;
box-sizing: border-box;
background: #fff;
padding: 0px; }
.slicknav_menu * {
box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff; 
}
.slicknav_btn {
text-decoration: none;
background-color: #91c553; }
.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: 0.875em;
list-style: none;
overflow: hidden;
background-color:#91c553; 
}
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 20px; 
background-color:#91c553; }
.slicknav_nav .slicknav_row {
padding: 10px 10px;
}
.slicknav_nav .slicknav_row:hover {
background-color:#698f33;
color: #fff; }
.slicknav_nav a {
padding: 10px 10px;
text-decoration: none;
font-size:18px;
color: #fff;
border-bottom:1px solid rgba(255, 255, 255, 0.5); }
.slicknav_nav a:hover {
background-color:#698f33;
color: #ff; }
.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0; }
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0; }
.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px; }@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}* { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
ol,ul { list-style: none; }
a{
cursor: pointer !important;
}
body {
margin: 0;
padding: 0;
color: #717171;
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 1;
}
.wrap {
width: 1180px;
margin: 0 auto;
} #header {
float: left;
width: 100%;
height: 100px;
background-color: #fff;
position: fixed;
z-index: 100;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#header.sticky{
-webkit-box-shadow: 0 0 40px rgba(0,0,0,0.05);
box-shadow: 0 0 40px rgba(0,0,0,0.05);
}
#header .wrap{
width: 94%;
margin: 0 3%;
}
#logo {
float: left;
width: 302px;
height: 51px;
margin-top: 25px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#logo-landing {
float: left;
width: 376px;
height: 104px;
margin-top: 25px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#logo a {
float: left;
width: 100%;
height: 100%;
text-indent: -9999px;
background: transparent url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/logo.png) center center no-repeat;
background-size: 100% auto;
}
#logo-landing a {
float: left;
width: 100%;
height: 100%;
text-indent: -9999px;
background: transparent url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/logo-basic.png) center center no-repeat;
background-size: 100% auto;
} #head-box{
float: right;
width: auto;
} #phone {
float: left;
margin-top: 25px;
color: #7e0a0a;
font-size: 18px;
text-align: right;
text-decoration: none;
line-height: 55px;
font-weight: 600;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} #flags{
float: left;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
padding: 0 10px;
margin: 26px 20px 0 15px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#flags ul{
padding: 0;
margin: 0;
}
#flags ul li{
width: 35px;
float: left;
padding: 0;
}
#flags ul li a{
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} #nav {
float: left;
width: auto;
margin-top: 25px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#nav ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li {
float: left;
margin:0px;
padding: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
background: none;
padding: 14px 7px
}
#nav ul li a {
display: block;
padding: 1px 2px;
color: #000;
font-weight: 600;
font-size: 18px;
letter-spacing: 0px;
text-decoration: none;
}
#nav ul li:after{
width: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
height: 2px;
background-color: #7e0a0a;
float: left;
content: "";
}
#nav ul li:hover:after,
#nav ul li.current-menu-item:after,
#nav ul li.current-menu-parent:after,
#nav ul li.current_page_ancestor:after {
width: 100%;
}
#nav ul li li:after{
display: none;
} #nav li ul  {
position: absolute;
left: -999em;
height: auto;
margin: 0;
opacity: 0;
z-index: 999;
min-width: 250px;
width: 250px;
padding: 0 0 15px 0;
background-color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding-top: 15px;
margin-left: -13px;
}
ul.menu li.pa-menu > ul.sub-menu  {
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 0px 8px 16px 0px rgba(51, 51, 51, 0.1);
box-shadow: 0px 8px 16px 0px rgba(51, 51, 51, 0.1);
}
#nav li:hover ul {
opacity: 1;
}
#nav ul li:last-child ul{
right: 0;
}
#nav li ul li {
padding-left: 0;
padding-right: 0;
}
#nav li ul li:last-child{
border-radius: 0 0 5px 5px;
}
#nav li ul li a {
position: relative;
}
#nav li ul li a,
#nav li.sfHover ul li a {
background: none;
width: 310px;
height: auto;
margin: 0;
padding: 11px 10px 8px 15px;
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
line-height: 20px;
text-align: left;
background: none;
border-bottom: none;
}
#nav li ul li:last-child a {
border: none;
}
#nav li ul li.sub-nav a,
#nav li.current-menu-item ul li.sub-nav a,
#nav li.sfHover ul li.sub-nav a {
color: #afbd21;
}
#nav li ul li a:hover,
#nav li.current-menu-item ul li a:hover {
}
#nav ul li.current-menu-item ul li a {
text-decoration: none !important;
}
#nav li.current-menu-parent ul li a {
text-decoration: none;
}
#nav li.current-menu-parent ul li a:hover {}
#nav li ul ul {
margin: -39px 0 0 285px;
}
#nav li ul ul li a {
border-bottom: 0;
}
#nav li ul ul li a:hover {
border-bottom: 0;
}
#nav li ul li ul li a {}
#nav li:hover,
#nav li.sfHover {
position: static;
}
#nav li:hover ul ul,
#nav li.sfHover ul ul,
#nav li:hover ul ul ul,
#nav li.sfHover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfHover ul ul ul ul {
left: -999em;
}
#nav li:hover ul,
#nav li.sfHover ul,
#nav li li:hover ul,
#nav li li.sfHover ul,
#nav li li li:hover ul,
#nav li li li.sfHover ul,
#nav li li li li:hover ul,
#nav li li li li.sfHover ul {
left: auto;
}
#nav li ul li {
padding-left: 0;
padding-right: 0;
padding: 0;
}
#nav li ul.sub-menu li{ }
#nav li ul li.header-link{ }
#nav li ul li.header-link.header-link-not{
padding-top: 0px;
}
#nav li ul.sub-menu li.main-link{
margin-left: 0;
padding-top:3px;
padding-bottom:3px;
}
#nav li ul li.main-link > a{
color: #000;
font-weight: 600;
font-size: 15px;
}
#nav li ul li.header-link > a{
color: #7e0a0a;
font-weight: 500;
}
#nav li ul li a{
height: auto;
margin: 0;
padding: 4px 20px 4px 20px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 15px;
text-align: left;
background: none;
width: 210px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#nav li ul li a:hover{
color: #7e0a0a;
}
#nav ul li.pa-menu  ul.sub-menu {
margin-left: -300px;
width: 1030px;
}
#nav ul li.pa-menu > ul.sub-menu {
padding:  20px 20px 0;
}
#nav ul li.pa-menu  ul.sub-menu li.main-link-big{
width: 765px;
}
#nav ul li.pa-menu  ul.sub-menu ul.sub-menu{
opacity: 1 !important;
position: relative !important;
margin: 0 !important;
left: 0 !important;
width: 250px ;
}
#nav ul li.pa-menu  ul.sub-menu li.main-link-big ul.sub-menu{
width: 750px ;
}
#nav ul li.pa-menu  ul.sub-menu ul.sub-menu ul.sub-menu{
width: 250px;
height: 180px;
}
#nav ul li.pa-menu  li a{
padding: 4px 0;
width: 250px;
} #select-nav { display: none; } .hero{
float:left;
width:100%;
background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/chicago_background.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center bottom;
min-height:550px;
max-height: 900px;
height: calc( 100vh - 230px );
margin-top: 100px;
position: relative;
}
.hero.hero-1{ background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/h1.jpg); }
.hero.hero-2{ background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/h2.jpg); }
.hero-slider{
width: 100%;
height: 100%;
float: left;
z-index: 1 !important;
}
.hero-slider .item{
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.hero:before{
content: '';
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 5;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(23, 23, 62,0.49)), color-stop(50%, rgba(23, 23, 62, 0.35)), to(rgba(0,0,0,0.1)));
background: linear-gradient(0deg, rgba(23, 23, 62,0.49) 0%, rgba(23, 23, 62, 0.35) 50%, rgba(0,0,0,0.1) 100%);
}
.hero .wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 10 !important;
}
.hero .headline {
text-align:left;
width:55%;
margin-bottom: 40px;
}
.hero.hero-sub.hero-sub-apla{
position: relative;
}
.hero.hero-sub.hero-sub-apla:after{
position: absolute;
top:0;
left: 3%;
width: 97%;
height: 100%;
background-color: #17173e;
content: "";
opacity: 0.39;
}
.hero.hero-sub .headline{
width: 100%;
}
.hero .reviews{
width: 15%;
text-align: center;
color: #fff;
padding-top: 54px;
}
.hero .reviews .title{
font-weight: 600;
font-size: 30px;
margin-bottom: 16px;
}
.hero .reviews .val{
font-size: 110px;
letter-spacing: -5px;
font-weight: 700;
margin-bottom: 20px;
margin-top: 10px;
}
.hero .reviews .stitle{
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
}
.hero .reviews .logoG img{
width: 120px;
}
.hero .photo{
width: 30%;
float: left;
text-align: center;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.hero .photo img{
width: 100%;
max-width: 400px;
height: auto;
border: 2px solid #fff;
}
.hero.hero-sub{
background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/h1.jpg);
height: 400px;
min-height: auto;
position: relative;
background-position: 0 50%;
}
.hero.hero-sub.contact-page{
height: 500px;
}
.hero.hero-sub:before{
display: none;
}
.page-template-page-contact .hero{
background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/hero.jpg);
background-position: center top;
}
.hero.hero-sub .white-box{
height: 100%;
width: 3%;
background-color: #fff;
position: absolute;
top:0;
left: 0;
}
.hero .wrap{
width: 94%;
margin: 0 3%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10 !important;
}
.hero.hero-sub .wrap{
width: 1180px;
margin: 0 auto;
position: inherit;
top: auto;
bottom: 30px;
-webkit-transform: unset;
transform: unset;
}
body.page-template-page-landing #logo a,
body.page-template-page-landing #succes a {cursor: default !important;}
.hero.hero-landing {
min-height: 600px;
height: calc(100vh - 400px);
}
.hero.hero-landing .col.col-2 {width: 48% !important;}
@media only screen and (max-width: 1350px) {
.hero.hero-landing #col-right {
width: calc(45% - 40px);
}
}
@media all and (max-width: 1250px) {
.hero.hero-landing .col-2 .col {width: 48% !important;}
}
@media all and (max-width: 980px) {
.hero.hero-landing .col-2 .col {width: 100% !important; margin: 0;}
.hero.hero-landing #col-right.hide-on-mobile {display: none;}
#col-right.show-on-mobile {width: 100% !important;}
}
@media all and (min-width: 981px) {
#col-right.show-on-mobile {display: none;}
}
.hero.hero-landing .wrap{
width: 1180px;
margin: 0 auto;
position: inherit;
top: auto;
bottom: 30px;
-webkit-transform: unset;
transform: unset;
}
@media only screen and (max-width: 1200px) {
.hero.hero-landing .wrap {
width: calc(100% - 30px);
padding-left: 1px;
}
.hero.hero-landing .banner-titles {width: 100%;}
}
.landing-banner-content {
margin-top: 48px;
}
.landing-banner-content h1,
.landing-banner-content h2,
.landing-banner-content h3,
.landing-banner-content h4,
.landing-banner-content p,
.landing-banner-content strong {
font-size: 21px;
color: white;
font-weight: 500;
}
.landing-banner-content h1 {
font-size: 40px;
line-height: 44px;
}
.landing-banner-content h2 {
font-size: 60px;
line-height: 80px;
}
.landing-banner-content h3 {
font-weight: normal;
line-height: 28px;
}
.landing-banner-content h4 {
font-size: 28px;
line-height: 32px;
font-weight: 300;
margin-bottom: 24px;
}
.landing-banner-content .polish-flag {
width: 44px;
height: auto;
display: inline-block;
padding-top: 18px;
vertical-align: sub;	
}
.featured-video {background: #072743; padding: 30px; color: white;}
.featured-video h3, .featured-video p { color: white; }
.featured-video h3 { font-size: 44px; margin-top: 56px;} 
.featured-video p { font-size: 24px; line-height: 36px; }
.col-third .col {width: calc(33.3% - 30px); float: left;}
@media all and (max-width: 900px) {
.col-third .col {width: calc(100% - 30px);}
}
.landing-testimonial {padding: 15px;}
.footer-landing-cta {
background: #7e0a0a;
padding: 30px; 
color: white;
text-align: center;
}
.footer-landing-cta p, .footer-landing-cta p a {
color: white;
font-size: 28px;
line-height: 36px;
text-align: center;
font-weight: bold;
text-decoration: none;
}
.footer-landing-cta p span {font-weight: normal;}
.page-template-page-contact .hero .headline {
margin-top: 300px;
}
.hero.hero-sub .headline{
margin-top:140px;
text-align: left;
}
.hero .headline h1{
font-weight:600;
font-size:55px;
line-height: 65px;
padding:20px 0 20px 0;
color:#fff;
letter-spacing:-2px;
}
.hero.hero-sub .headline h1{
font-size: 45px;
line-height: 50px;
}
.hero.contact-page .headline h1 {
font-size: 60px;
}
.hero .headline h2{
font-weight:600;
font-size:34px;
padding:0px 0 20px 0;
color:#fff;
letter-spacing:1px;
text-transform: uppercase;
}
.hero .headline .more{
text-align: left;
}
.hero .headline .more a{
display:inline-block;
background-color:#fff;
padding:20px 0;
border-radius: 2px;
width: 230px;
font-weight:600;
font-size:14px;
color:#000;
text-transform: uppercase;
text-decoration:none;
text-align: center;
}
.hero .headline .more a.red{
background-color: #7e0a0a;
color:#fff;
}
.hero .headline .more a:hover{
-webkit-transform: scale(1.025);
transform: scale(1.025);
}
.post-item .post-title-link{
text-decoration: none;
}
.post-item .post-title-link h3{
font-size: 25px;
} .hero .boxes{
border-top: 1px solid rgba(255,255,255,0.2);
padding: 35px 0;
width: 100%;
}
.hero .boxes .item{
float: left;
width: calc( 33.33% - 120px );
padding:0 20px 0 100px;
background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/ik1.png);
background-position: 15px 3px;
background-repeat: no-repeat;
}
.hero .boxes .item.i2{ background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/ik3.png); }
.hero .boxes .item.i3{ background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/ik2.png); }
.hero .boxes .item h3 {
color:#fff;
padding: 10px 0;
font-size: 20px;
font-weight: 500;
letter-spacing: -0.5px;
}
.hero .boxes .item p {
color:#fff;
text-align: left;
font-size: 17px;
opacity: 0.8;
}
.hero .boxes .item a.more{
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
color:#fff;
text-decoration: none;
} h1, .h1 {
margin: 0;
padding: 10px 0 10px 0;
color: #ababab;
font-size: 60px;
font-weight: 300;
line-height: 70px;
letter-spacing:-2px;
}
.entry h1 {
margin: 0;
padding: 20px 0;
color: #000;
font-size: 32px;
font-weight: 600;
letter-spacing: -2px;
}
}
h1.page-title, .h1.page-title {
border-bottom:1px solid #e0e0e0;
margin-bottom:10px;
}
h2, .h2 {
margin: 0;
padding: 20px 0;
color: #000;
font-size: 41px;
font-weight: 600;
letter-spacing:-2px;
}
h2.title, .h2.title{
font-size: 17px;
font-weight: 300;
text-transform: uppercase;
color: #7f7f7f;
letter-spacing: 0;
}
h2.title:before, .h2.title:before{
content: "";
width: 44px;
height: 15px;
background-color: #7e0a0a;
float: left;
margin-right: 10px;
}
h2 a, .h2 a{
text-decoration:none;
}
h2 a:hover, .h2 a:hover{
text-decoration:underline;
}
h3, .h3 {
margin: 0;
padding: 10px 0;
color: #000;
font-size: 31px;
line-height: 42px;
font-weight: 500;
letter-spacing:-1px;
}
.entry h2, .entry h3, .entry .h3{
color: #7e0a0a;
font-size: 25px;
letter-spacing: 0;
line-height: 34px;
}
.entry h4, .entry .h4{
color: #7e0a0a;
font-weight: 600;
}
.entry a{
color:#3750a6;
word-break: break-word;
}
.similar-posts a{
color:#444;
}
.content-txt h3, .content-txt .h3{
font-size: 24px;
line-height: 36px;
}
h4, .h4 {
margin: 0;
padding: 10px 0;
color: #717171;
font-size: 21px;
font-weight: 700;
line-height: 27px;
letter-spacing:-1px;
}
.entry h5, .entry .h5{
color: #4d5471;
font-size: 18px;
font-weight: bold;
line-height: 29px;
}
p, .p {
margin: 0;
padding: 10px 0 10px 0;
color: #454545;
font-size: 17px;
line-height: 29px;
font-weight:300;
text-align:justify;
}
a {
color: #717171;
font-weight:300;
text-decoration: underline;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
a:hover {
text-decoration: none;
}
a:active, a:focus {
outline: none;
}
.content .link-more a{
font-size: 13px;
color: #000;
text-transform: uppercase;
font-weight: 600;
text-decoration: none;
display: block;
line-height: 20px;
float: left;
}
.content .link-more a:after{
width: 100%;
height: 2px;
background-color: #7e0a0a;
content: "";
float: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
display: block;
clear: both;
}
.content .link-more a:hover:after{
width: 0;
}
ul {
margin: 0;
padding: 4px 0 14px 25px;
}
.entry ul{
padding-left: 50px;
}
li {
margin: 0;
text-align:left;
list-style:none;
margin: 0;
padding: 5px 0 5px 15px;
color: #454545;
font-size: 17px;
line-height: 29px;
font-weight:300;
text-align:justify;
position: relative;
}
.entry li:before{ content: "\f054";
font-family: "FontAwesome";
font-weight: bold;
position: absolute;
left: 0px;
top:4px;
font-size: 13px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
color:#7e0a0a;
}
img.responsive-image {
width: 100%;
height: auto;
}
p.more a{
color:#787878;
padding:9px 0px;
font-size:18px;
}
p.more a:hover{
text-decoration:none;
}
.content {
clear: both;
margin: 0 auto;
padding: 50px 0;
width:100%;
float:left;
}
.home .content {
padding: 80px 0;
}
.home .content p {
text-align:left;
} .full-content{
text-align:center;
width:100%;
}
.full-content h2 {
font-size:40px;
padding:10px 0;
}
.full-content p {
font-size: 21px;
line-height: 30px;
}
.home .full-content p {
text-align:center;
}
.full-content p.more a{
font-size:20px;
}
.content-grey{
background-color: #fafafa;
}
.content-page .wrap{
margin-top: -180px;
position: relative;
z-index: 1;
}
.content-page .wrap .wrapin{
float: left;
width: 100%;
height: auto;
background-color: #fff;
}
.page-template-page-contact{
background-color: #fafafa;
}
.page-template-page-contact .content-page .wrap{
margin-top: 0;
} .col-3{
background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bg_content-3.png);
background-size:100% auto;
background-position:center center;
background-repeat:no-repeat;
}
.col-3 .col{
width:350px;
float:left;
}
.col-3 .col-center{
margin:0 65px;
}
.col-3 .col h3{
margin:20px 0 10px 0;
} .col-2 .col{
width:48%;
float:left;
}
.col-2 .col-last{
float:right;
} #services{
padding: 0;
}
#services .wrap{
width: 94%;
margin: 0 3%;
}
#services a.item {
float: left;
width: calc( 25% - 1px );
height: 390px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b1.jpg);
background-size: cover;
text-decoration: none;
position: relative;
margin-bottom: 1px;
margin-right: 1px;
}
#services a.item .apla{
width: 100%;
height: 100%;
position: absolute;
top:0;
left: 0;
float: left;
background-color: #17173e;
opacity: 0.2;
z-index: 1;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#services a.item:hover .apla{
opacity: 0.45;
}
#services a.item.b2 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b2.jpg); }
#services a.item.b3 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b3.jpg); }
#services a.item.b4 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b4.jpg); }
#services a.item.b5 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b5.jpg); }
#services a.item.b6 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b6.jpg); }
#services a.item.b7 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b7.jpg); }
#services a.item.b8 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/b8.jpg); }
#services a.item h3{
color: #fff;
font-size: 22px;
line-height: 26px;
position: absolute;
bottom: 30px;
left: 30px;
z-index: 10;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#services a.item:hover h3{
bottom:calc( 90% - 80px );
}
#services a.item .more{
opacity: 0;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
background-color: #7e0a0a;
position: absolute;
bottom: 30px;
left: 30px;
z-index: 2;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 13px 25px;
border-radius: 2px;
}
#services a.item:hover .more{
opacity: 1;
}
#services .wrap-umow{
background-color: #fafafa;
text-align: center;
}
#services a.item .more-sub{ display: none; } #col-right #services a.item{
width: 100%;
height: 175px;
}
#col-right #services a.item.b1 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb1.jpg); }
#col-right #services a.item.b2 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb2.jpg); }
#col-right #services a.item.b2 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb2.jpg); }
#col-right #services a.item.b3 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb3.jpg); }
#col-right #services a.item.b4 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb4.jpg); }
#col-right #services a.item.b5 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb5.jpg); }
#col-right #services a.item.b6 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb6.jpg); }
#col-right #services a.item.b7 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb7.jpg); }
#col-right #services a.item.b8 { background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bb8.jpg); }
#col-right #services a.item .apla{ opacity: 0.66; }
#col-right #services a.item:hover .apla, #col-right #services a.active .apla{ opacity: 0.2; }
#col-right #services a.item .more{ display: none; }
#col-right  #services a.item .more-sub{
display: block;
width: 45px;
height: 45px;
border: 1px solid rgba(255,255,255,0.7);
border-radius: 100px;
position: absolute;
z-index: 100;
right: 30px;
float: right;
text-align: center;
top:calc( 50% - 25px );
color: #fff;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#col-right  #services a.item .more-sub i{
color: #fff;
line-height: 45px;
}
#col-right  #services a.item:hover .more-sub{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#col-right #services a.item:hover h3{
bottom: 30px;
}
#services.new-services a.item h3{
width: 100%;
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
background-color: rgba(23, 23, 62, 0.4);
text-align: center;
padding: 20px 15px;
min-height: 90px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#services.new-services .apla{
display: none;
}
#services.new-services .srv .more{
display: none;
}
#services.new-services .item {
position: relative;
float: left;
width: calc( 33.33% - 4px );
position: relative;
margin-bottom: 4px;
margin-right: 4px;
}
@media all and (min-width:1001px) {
.page-id-4 #services.new-services .item:nth-child(n+4) {
width: calc( 33.33% - 4px );
}
}
#services.new-services.pa-page-services .item{
width: calc( 33.33% - 4px );
}
.page-id-4 #services.new-services.pa-page-services .item:nth-child(n+4) {
width: calc( 33.33% - 4px );
}
#services.new-services .item img{
width: 100%;
height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
.home #services.new-services .item img{
height: 290px;
}
#services.new-services .item h3{
color: #fff;
font-size: 16px;
line-height: 18px;
letter-spacing: 0;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
background-color: rgba(23, 23, 62, 0.55);
text-align: center;
padding: 25px 3px;
z-index: 10;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#services.new-services .item a{
position: relative;
display: block;
}
#services.new-services .wrap.srv{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#services.new-services.pa-page-services .wrap.srv{
width: 100%;
margin: 0;
}
#services.new-services .item .description{
padding-top: 15px;
padding-bottom: 25px;
padding-left: 10px;
}
.home #services.new-services .item .description{
display: none;
}
#services.new-services .item .description li{
padding-left: 0;
line-height: 24px;
}
#services.new-services .item .description li a{
text-decoration: none;
font-weight: 400;
font-size: 15px;
color: #000;
text-align: left;
}
#services.new-services .item .description li a:hover{
color: #7e0a0a;
}
#col-right #services.new-services .item{
width: 100%;
} .cta{
padding: 70px 0;
float: left;
width: 100%;
text-align: center;
}
.cta-bg{
background-color: #fff;
}
.cta h2{
color: #000;
font-size: 38px;
font-weight: 600;
margin-bottom: 15px;
}
.cta h3{
font-size: 20px;
color: #595959;
text-transform: none;
font-weight: 300;
line-height: 20px;
}
.cta .more a{
display:inline-block;
background-color:#fff;
padding:20px 0;
border-radius: 2px;
width: 300px;
font-weight:300;
font-size:21px;
color:#000;
text-decoration:none;
margin: 0 10px;
}
.cta .more a strong{
font-weight: 600;
}
.cta .more a.red{
background-color: #7e0a0a;
border: 1px solid #7e0a0a;
color:#fff;
}
.cta .more a.red:hover{
color: #7e0a0a;
background-color: #fff;
} #succes{
background-color: #072743;
text-align: center;
padding-bottom: 40px;
}
#succes h3{
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
color: #fff;
}
#succes h2{
color: #fff;
letter-spacing: -1px;
padding: 0;
font-size: 32px;
font-weight: normal;
margin-bottom: 12px;
}
#succes .wrap{
width: 94%;
margin: 45px 3%;
}
#succes a.item{
width: 25%;
float: left;
text-decoration: none;
padding: 60px 0;
}
#succes a.item-smaller{
width: 20%;
float: left;
text-decoration: none;
padding: 60px 0;
}
#succes a.item:hover{
background-color: rgba(255,255,255,0.03)
}
#succes .more{
text-align: center;
margin-top:30px;
display: block;
float: left;
width: 100%;
}
#succes .more a{
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
color: #fff;
}
#succes .item .dollar{
font-size: 95px;
font-weight: 200;
color: #fff;
letter-spacing: -4px;
padding-bottom: 20px;
}
#succes .item .dollar span{
font-size: 85px;
}
#succes .item .million{
font-weight: 500;
text-transform: uppercase;
letter-spacing: 7px;
color: #fff;
display: inline-block;
}
#succes .item .million:after{
content: "";
width: 100%;
height: 5px;
background-color: #7e0a0a;
margin: 4px 0;
display: inline-block;
margin-bottom: 40px;
}
#succes .item .sub-title{
color: #fff;
opacity: 0.7;
text-transform: uppercase;
font-weight:300;
font-size: 13px;
letter-spacing: 0.5px;
}
#succes .item h3{
text-transform: none;
letter-spacing: 0;
font-size: 16px;
} #bezplatne{
padding-bottom: 0;
}
#bezplatne .cta{
z-index: 1;
position: relative;
width: 1180px;
margin-left: calc( 50% - 590px );
margin-top: 50px;
margin-bottom: -110px;
padding: 40px 0 50px;
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.035);
box-shadow: 0 0 30px rgba(0,0,0,0.035);
}
#bezplatne .cta h2{
font-size: 32px;
line-height: 38px;
letter-spacing: -1px;
} .testimonials{
text-align:center;
padding-top: 220px !important;
padding-bottom: 0 !important;
}
.testimonials h2{
padding-top: 60px;
padding-bottom: 60px;
background-position: center top;
background-repeat: no-repeat;
background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/q.png);
font-size: 35px;
letter-spacing: -0.5px;
}
.testimonials #slider-testimonials{
width:1050px;
position:relative;
margin:30px auto;
}
.testimonials .item{
z-index: 2 !important;
}
.testimonials .item .photo img{
border-radius:150px;
}
.testimonials .item .txt{
width:100%;
padding:60px 0 45px 0;
border-radius:30px;
margin-top:-50px;
}
#col-right .testimonials .item .txt{
}
.testimonials .item .txt p{
margin:0 50px;
text-align:center;
font-size: 23px;
line-height: 37px;
color: #454545;
}
.testimonials .item .txt .sign{
margin:20px 0 0 0;
}
.testimonials .item .txt .sign h5{
color:#000000;
font-weight:500;
font-size: 20px;
}
.testimonials .item .txt .sign .stars{
display: block;
margin: 5px 0;
}
.testimonials .item .txt .sign .stars i{
color: #5977a4;
font-size: 11px;
}
.testimonials .item .txt .sign .f{
color:#a2a2a2;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 300;
line-height: 20px;
}
.testimonials .testi-arr{
position:absolute;
top:30px;
z-index:2;
right:-60px;
cursor:pointer;
background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bg_naw.png);
background-repeat:no-repeat;
width:30px;
height:70px;
background-position:right center;
float:left;
}
.testimonials #testi-arr-next{
right:auto;
left:-60px;
background-position:left center;
float:right;
}
.testimonials #testi-naw{
width:100%;
text-align:center;
top:0;
position: absolute;
}
.testimonials #testi-naw span{
text-indent:-9999px;
width:20px;
height:14px;
background-image:url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/ik_circle.png);
background-position:bottom center;
background-repeat:no-repeat;
cursor:pointer;
display:inline-block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.testimonials #testi-naw span:hover, .testimonials #testi-naw span.cycle-pager-active{
background-position:top center;
} .videos{
padding-top: 0 !important;
}
.videos .wrap{
width: 1050px;
}
.videos a.item{
float: left;
width: 47%;
margin: 0 1.5%;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.videos a.item .photo{
background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/v2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
height:300px;
width: 100%;
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
}
.videos a.item:hover .photo{
background-size: auto 110%;
}
.videos a.item .photo.v2{
background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/v1.jpg);
}
.videos a.item .photo i{
width: 100%;
text-align: center;
margin-top: 25%;
font-size: 75px;
color: #fff;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
text-shadow: 0 0 10px rgba(0,0,0,0);
}
.videos a.item:hover .photo i{
-webkit-transform: scale( 0.9 );
transform: scale( 0.9 );
text-shadow: 0 0 50px rgba(0,0,0,1);
}
.videos a.item h4{
color: #000;
text-decoration: none;
font-weight: 500;
margin-top: 15px;
}
.videos a.item h5{
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
} .logos{
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/logos_2022.jpg);
width: 100%;
height: 142px;
float: left;
background-color: #fff;
} .prawnik{
background-image: url(//www.piotrwachowski.com/wp-content/themes/click5-wp/images/bg-tv.jpg);
background-position: center center;
background-repeat: no-repeat;
padding: 90px 0  120px !important;
position: relative;
background-size: cover;
}
.prawnik h2, .prawnik h3{
color: #fff;
text-align: center;
}
.prawnik h2{
padding: 10px 0;
}
.prawnik h3{
text-transform: uppercase;
font-size: 18px;
font-weight: 200;
letter-spacing: 2px;
padding: 0;
}
.prawnik ul{
padding: 0;
margin: 80px 0 0 0;
}
.prawnik ul li{
float: left;
width: 33.33%;
padding: 0;
margin: 0;
background: none;
padding: 3px 0;
}
.prawnik ul li a{
color: #fff;
text-decoration: none;
font-weight: 300;
opacity: 0.75;
font-size: 17px;
line-height: 26px;
}
.prawnik ul li a:after{
content: "→";
font-size: 13px;
color: #fff;
margin-left: 0px;
display: inline-block;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.prawnik ul li a:hover:after{
margin-left: 10px;
opacity: 1;
}
.prawnik ul li a:hover{
font-weight: 500;
text-decoration: underline;
opacity: 0.9;
}
.prawnik .bottom-line{
position: absolute;
bottom: 0;
right: 0;
width: calc( ( 100% - 1180px )/2 + ( 1180px * 0.67 ) );
height: 20px;
background-color: #7e0a0a;
} .content-faq{
background-color: #fafafa;
padding: 0 !important;
}
.content-faq .col-first{
width: calc( ( 100% - 1180px )/2 + ( 1180px * 0.33 ) );
float: left;
background-color: #fff;
}
.content-faq .col-first .col-wrap{
float: right;
width: calc( 1180px * 0.33 - 40px );
padding:80px 40px 40px 0;
}
.content-faq .col-info{
width: calc( ( 100% - 1180px )/2 + ( 1180px * 0.67 ) );
float: right;
}
.content-faq .col-info .col-wrap{
padding: 80px 0 50px 80px;
width: calc( 1180px * 0.66 - 40px );
}
.content-faq h3{
font-size: 21px;
line-height: 30px;
}
.content-faq .col-info h3{
cursor: pointer;
font-size: 17px;
line-height: 25px;
letter-spacing:0px;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.content-faq .col-info h3::before{
content: "";
font-family: "FontAwesome";
font-size: 16px;
display: inline-block;
position: absolute;
left: -18px;
}
.content-faq .col-info .answer{
font-size: 16px;
line-height: 25px;
font-weight: 300;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
.content-faq .col-info .ui-state-active, .content-faq .col-info h3:hover{
color: #7e0a0a;
}
.content-faq .col-info .ui-state-active{
border-bottom: 1px solid rgba(255,255,255,0);
} #home-blog h2{
text-align: center;
margin-bottom: 35px;
}
#home-blog .col h3{
font-size: 21px;
line-height: 25px;
}
#home-blog .col h3:after{
content: "";
width: 110px;
height: 6px;
background-color: #7e0a0a;
display: block;
margin-top: 20px;
}
#home-blog .date{
font-size: 12px;
text-transform: uppercase;
color: #656565;
letter-spacing: 1px;
font-weight: 300;
}
#home-blog .more-button a{
font-weight: 500;
text-decoration: none;
color: #000;
font-size: 16px;
}
#home-blog .more-button a span{
float: left;
}
#home-blog .more-button a span:after{
width: 0%;
display: block;
height: 2px;
background-color: #7e0a0a;
content: "";
float: left;
margin-top: -2px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#home-blog .more-button a:hover span:after{
width: 100%;
}
#home-blog .more-button a b{
color: #7e0a0a;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
margin-left: 5px;
}
#home-blog .more-button a:hover b{
margin-left: 10px;
} .ctaRed{
float: left;
width: 100%;
margin-bottom: -60px;
position: relative;
}
.ctaRed .wrap{
width: 1320px;
background-color: #7e0a0a;
padding: 30px 0;
text-align: center;
}
.ctaRed .wrap h2{
color: #fff;
font-size: 30px;
letter-spacing: 0;
}
.ctaRed .wrap h2 span{
font-weight: 300;
}
.ctaRed .wrap h2 a{
color: #fff;
font-weight: 600;
}
.ctaRed .wrap h2 a i{
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
left: 0;
top: -3px;
}
.ctaRed .wrap h2 a:hover{
text-decoration: none;
}
.ctaRed .wrap h2 a:hover i{
left: 5px;
} .contact{
background-color:#1a1f30;
padding-top: 90px !important;
padding-bottom: 60px !important;
}
.contact .item{
float:left;
width:50%;
color: #dfdfe0;
text-align:left;
}
.contact h4{
font-size:16px;
color: #dfdfe0;
padding-bottom: 0;
}
.contact h5{
font-size: 15px;
font-weight: 300;
margin-bottom: 10px;
}
.contact p{
padding-top:0px;
color: #dfdfe0;
font-size:16px;
opacity: 0.8;
line-height: 30px;
}
.contact .item-full{
text-align: left;
color: #fff;
float: left;
width: 100%;
}
.contact .item-full h3{
color: #fff;
font-size: 32px;
font-weight: 200;
}
.contact .item-full h3 a{
font-weight: 500;
text-decoration: none;
color: #fff;
}
.contact .item-full h4{
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
margin-top: 50px;
}
.contact .col-last{
width: 45%;
}
.contact .contact-phone{
font-size:47px;
letter-spacing:-2px;
padding-top:10px;
text-align:right;
}
.home .contact .contact-phone{
text-align:right;
}
.contact .pole{
float: left;
width: 100%;
overflow: hidden;
}
.contact .pole.pole-small{
width: 49.3%;
}
.contact .pole-small-last{
float: right;
}
.contact .pole input, .contact .pole textarea,  .contact .pole select{
width: calc( 100% - 40px );
padding: 19px 20px 18px;
border: none;
text-transform: uppercase;
font-size: 12px;
color: #536275;
}
.contact .pole select{
width: 140%;
height: 50px;
}
.contact .pole input.button{
width: 100% !important;
background-color: #7e0a0a;
color: #fff;
font-size: 14px;
font-weight: 600;
}
.contact .pole-check input{
width: 30px !important;
}
.contact .pole-check span{
text-transform: uppercase;
font-size: 14px;
font-weight: 300;
color:#c9d1db;
}
.contact .pole-check{
padding-top:20px;
}
.contact .pole textarea{
height: 110px;
}
.page-template-page-contact .not-contact{
display: none;
}
.gform_wrapper ul.gform_fields li.gfield {
margin-top: 8px;
float: left;
width: 100%;
}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
display: -moz-inline-stack;
display: inline-block;
line-height: 1.3;
clear: both;
position: absolute;
top: 2px;
left: 30px;
font-size: 12px;
text-transform: uppercase;
background-color: #fff;
padding: 0 5px;
z-index: 99;
color: #6c6c6c;
float: none;
width: auto;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
float: left;
width: 100%;
color: #000;
font-family: 'Roboto', sans-serif !important;
font-size: 16px !important;
letter-spacing: -0.5px !important;
padding: 16px 20px !important;
margin: 0 0 10px 0;
border: 1px solid #dedede;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gform_wrapper textarea {
float: left;
width: 100%;
color: #000;
font-family: 'Roboto', sans-serif !important;
font-size: 16px !important;
letter-spacing: -0.5px !important;
padding: 16px 20px !important;
margin: 0 0 10px 0;
border: 1px solid #dedede;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input#gform_submit_button_1, input#gform_submit_button_2 {
float: right;
font-family: 'Roboto', sans-serif;
width: 200px;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: -0.3px;
padding: 16px 39px;
border: 0;
color: #fff;
background-color: #b62323;
position: relative;
overflow: hidden;
z-index: 1;
} .page-template-page-contact .contact{
background-color: #fff;
margin: 0;
padding-top: 60px !important;
}
.page-template-page-contact .content-page{
padding: 0 !important;
}
.page-template-page-contact .contact .wrap{
}
.page-template-page-contact .contact .col-info{
float: left;
color: #000;
margin-left: 75px;
width: calc( 50% - 150px ) !important;
}
.page-template-page-contact .contact .col-form{
float: right;
background-color: #343c5b;
padding: 75px 65px;
width: calc( 50% - 130px ) !important;
margin-top: -20px;
}
.page-template-page-contact .contact h3{
color: #b62323;
font-size: 29px;
}
.page-template-page-contact .contact h4{
font-size: 17px;
color: #000;
letter-spacing: 0;
}
.page-template-page-contact .contact h5{
color:#828282;
}
.page-template-page-contact .contact p{
color: #454545;
font-size: 17px;
} .page-template-page-contact .contact .item-full h4{
text-transform: none;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.page-template-page-contact .contact .item-full h3{
font-size: 23px;
color: #000;
}
.page-template-page-contact .contact .item-full h3 a{
color: #b62323;
font-size: 28px;
} .page-template-page-contact .contact .item-bezplatne p{
font-size: 15px;
line-height: 22px;
} .page-template-page-contact .contact .item-zadzwon{
border-top:solid 1px #eee;
border-bottom:solid 1px #eee;
margin-top: 30px;
padding-bottom: 20px;
} .social{
text-align:left;
margin-top:18px;
}
.social a{
display:inline-block;
width:44px;
height:44px;
margin:0px;
border: 1px solid #fff;
border-radius: 500px;
color: #fff;
opacity: 0.55;
text-align: center;
line-height: 44px;
text-decoration: none;
font-weight: 600;
}
.social a i{
line-height: 44px;
}
.social a:hover{
opacity:0.33;
background-color: rgba(255,255,255,0.1);
} .post{
border-bottom:1px solid #ddd;
margin-bottom:30px;
}
.post .more-blog{
text-align:left;
margin:10px 0 20px 0;
}
.post .more-blog a{
padding:9px 25px;
} .pagination {
clear: both;
display: block;
margin: 0 0 5px 0;
padding: 25px 0 0 0;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-bottom:30px;
}
.pagination a {
margin: 2px;
padding: 7px 12px;
color: #989898;
font-weight: 600;
text-decoration: none;
border: 1px solid #ddd;
border-radius: 5px;
}
.pagination a:hover {
color: #fff;
text-decoration: none;
background: #ddd;
border: 1px solid #ddd;
border-radius: 5px;
}
.pagination a:hover strong { color: #fff; }
.pagination .on {
margin: 2px;
padding: 7px 12px;
color: #fff;
font-weight: 600;
background: #ddd;
border: 1px solid #ddd;
border-radius: 5px;
} #col-left {
float: left;
width: 630px;
margin: 50px 0 0 75px;
}
#col-full {
float: left;
width: calc( 100% - 150px );
margin: 50px 0 0 75px ;
}
#col-right {
float: right;
width: 420px;
}
#col-right .banner{
margin-bottom:20px;
} .jumplinks{
background-color: #ebeef0;
padding: 60px 0;
}
.jumplinks ul{
padding: 0;
}
.jumplinks ul li a{
color:#363b52;
text-decoration: none;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-align: left !important;
}
.jumplinks ul li{
background: none;
position: relative;
padding: 10px 10px 10px 60px;
margin-right: 20px;
text-align: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.jumplinks ul li:before{
content: "";
font-family: "FontAwesome";
position: absolute;
left: 40px;
top:10px;
font-size: 15px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.jumplinks ul li:hover{
background-color: #fff;
}
.jumplinks ul li:hover a{
color: #7e0a0a;
}
.jumplinks ul li:hover:before{
color: #7e0a0a;
} .submenu{
background-color: #343c5b;
}
.submenu ul li a{
color: #adb1bc;
}
.submenu ul li a:after{
content: "";
width: 100%;
height: 1px;
background-color: rgba(255,255,255,0.1);
display: block;
position: relative;
top:10px;
}
.submenu ul li:hover{
background-color: rgba(255,255,255,0.05);
}
.submenu ul li:hover a{
color: #fff;
}
.submenu ul li:before, .submenu ul li:hover:before{
color: #fff;
} .widget{
border-bottom:1px solid #ddd;
}
.widget h2{
font-size:30px;
padding:20px 0 10px 0;
}
.widget ul{
padding:5px 0 15px 0;
}
.widget li{
padding:5px 0 10px 15px;
text-align:left;
}
.widget li a{
text-decoration:none;
}
.widget li a:hover{
text-decoration:underline;
}
.widget_search{
padding:15px 0;
float: left;
margin-bottom: 20px;
}
.widget_search label, .formwrap label{
font-size:30px;
font-weight:300;
color:#ababab;
display:block;
line-height: 32px;
}
.widget_search input, .formwrap input {
font-size:15px;
font-weight:300;
font-family:"Roboto";
}
.widget_search input#s, .formwrap input#s{
padding:6px 9px;
width:280px;
border:1px solid #ddd;
margin:5px 0;
}
.widget_search input#searchsubmit, .formwrap input#searchsubmit{
display:inline-block;
background-color:#9d9d9d;
padding:9px 40px;
font-weight:700;
color:#fff;
border:1px solid #9d9d9d;
text-decoration:none;
cursor:pointer;
}
.widget_search input#searchsubmit:hover, .formwrap input#searchsubmit:hover{
background:none;
color:#9d9d9d;
}
.tagcloud a{
padding:3px 0;
display:inline-block;
} form {
margin: 0 0 0 0px;
padding: 0;
}
form p {
clear: both;
margin: 0;
padding: 0;
}
label {
float: left;
width: 150px;
margin: 0;
padding: 3px 0 0 0;
line-height: 18px;
}
input {
float: left;
width: 175px;
color: #777;
font-family: 'Roboto', helvetica, arial, tahoma, verdana, helvetica, sans-serif;
font-size: 14px;
padding: 4px;
margin: 0 0 10px 0;
background: #fdfdfd;
border: 1px solid #aaa;
}
input.error,
input.wpcf7-not-valid { border: 1px solid #ec2b2b; }
span.wpcf7-not-valid-tip { display: none; }
input.wpcf7-submit {
}
select {
float: left;
width: 185px;
color: #777;
font-family: 'Roboto', helvetica, arial, tahoma, verdana, helvetica, sans-serif;
font-size: 14px;
padding: 2px;
margin: 0 0 10px 0;
background: #fdfdfd;
border: 1px solid #aaa;
}
textarea {
float: left;
width: 300px;
height: 75px;
color: #777;
font-family: 'Roboto', helvetica, arial, tahoma, verdana, helvetica, sans-serif;
font-size: 14px;
padding: 4px;
margin: 0 0 10px 0;
background: #fdfdfd;
border: 1px solid #aaa;
} table {
padding: 0;
margin: 2px 40px 16px 40px;
border: 0;
}
table caption {
color: #444;
background: #ddd;
padding: 5px 8px;
font-family: helvetica, 'Roboto', arial, tahoma, verdana, helvetica, sans-serif;
font-size: 17px;
line-height: 21px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #fff;
}
table thead tr th, table tr th {
text-align: left;
padding: 4px 8px;
color: #777;
background: #e7e7e7;
}
table tbody tr td, table tr td {
padding: 3px 8px;
color: #666;
font-family: helvetica, 'Roboto', arial, tahoma, verdana, helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
vertical-align: middle;
border-bottom: 1px solid #e7e7e7;
}
table tfoot tr td {
color: #888;
font-size: 11px;
padding: 2px 8px;
} .aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }
.fleft { float: left; }
.fcenter { float: none; margin-left: auto; margin-right: auto; }
.fright { float: right; }
.fnone { float: none; }
.cboth { clear: both; }
.clear { clear: both; display: block; width: 100%; }
.cleft { clear: left; }
.cright { clear: right; }
.nowrap { white-space: nowrap; } .contact-form{
background-color:#d4d4d4;
width:240px;
float:right;
position:absolute;
bottom:0;
right:0;
padding:30px 30px;
z-index:10000000;
}
.sidebar-form{
position:inherit;
margin-bottom:20px;
}
.home .contact-form{
position:absolute;
}
.contact-form h3{
color:#ababab;
font-weight:600;
font-size:33px;
}
.contact-form input.text, .contact-form textarea, .contact-form select, .contact-form .button{
color:#8c8c8c;
font-weight:300;
font-size:17px;
background-color:#eeeeee;
border:1px solid #b6b6b6;
width:208px;
padding:7px 15px;
margin:4px 0;
font-family:"Roboto";
}
.contact-form select{
width:240px;
}
.contact-form textarea{
height:120px;
}
.contact-form .button{
width:240px;
font-size:20px;
color:#fff;
background-color:#b3b3b3;
font-weight:700;
cursor:pointer;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
text-transform:uppercase;
}
.contact-form .button:hover{
background-color:#d7d7d7;
color:#b3b3b3;
}
.contact-form .wpcf7-not-valid{
border:1px solid #cd0000 !important;
}
.contact-form span.wpcf7-not-valid-tip{
display:none;
}
.contact-form div.wpcf7-validation-errors{
border:none;
font-size:13px;
font-weight:300;
font-family:"Roboto";
color:#cd0000;
}
.contact-form div.wpcf7-response-output{
margin:0;
padding:0;
} #select-nav {
display: none;
}
.slicknav_menu {
background: transparent none repeat scroll 0 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999999;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.slicknav_menu.smaller-slick {
top: 0;
}
.slicknav_nav{
max-height: 100vh !important;
overflow: scroll !important;
}
.slicknav_nav li {
background: none;
}
.slicknav_nav a {
font-size: 13px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
border: none;
}
.slicknav_nav li:last-child a {
border: none;
}
.slicknav_btn {
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 0;
padding: 0;
height: 50px;
width: 50px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
z-index: 99999;
top: 30px;
right: 15px;
background-color: #141829;
border-radius: 50%;
-webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15);
box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.slicknav_menu.sticky .slicknav_btn , .slicknav_btn.slicknav_open{
top: 17px;
}
.slicknav_nav ul {
margin: 0;
}
ul.slicknav_nav li:before {
display: none;
}
.slicknav_menu.smaller-slick .slicknav_btn {
height: 70px;
}
.slicknav_nav {
background-color: #303650;
padding: 70px 0 50px 0;
width: calc(100% + 15px);
}
.slicknav_nav li {
background-color: #303650;
text-align: center;
}
.slicknav_nav li a:hover,
.slicknav_nav li:hover,
.slicknav_nav li.menu-item-has-children a:hover {
background-color: #303650 !important;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff;
height: 2px;
width: 22px;
}
.slicknav_nav .slicknav_arrow {
color: #fff;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.3em;
}
.slicknav_icon-bar {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.slicknav_open .slicknav_icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 2px;
}
.slicknav_open .slicknav_icon-bar:nth-child(2) {
width: 0%;
opacity: 0;
}
.slicknav_open .slicknav_icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -10px;
} #footer {
float: left;
width: 100%;
padding: 0px 0 30px 0 !important;
color: #b6b8c2;
font-size: 15px;
letter-spacing: -0.4px;
background-color: #1a1f30;
}
#footer .wrap{
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 30px;
}
#footer small {
display: block;
margin: 10px 0;
}
#footer .col {
float: left;
width: 50%;
}
#footer .col-last {
color: #bebebe;
text-align: right;
}
#footer a {
color: #b6b8c2;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.footer-description{
width: 100%;
float: left;
padding: 50px 0 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-description .social{
width: 35%;
}
.footer-description .txt{
width: 65%;
}
div.wpcf7-response-output{
width: 100%;
float: left;
padding: 20px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#col-right .item{
width: 100%;
margin: 0 0;
float: left;
}
#col-right .testimonials.item{
float: left;
}
#slider-testimonials{
width: 92%;
margin: 0 4%;
}
#col-right .contact{
padding: 20px 30px 20px 30px !important;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#col-right .contact .pole.pole-small {
width: 48.5%;
}
#col-right .testimonials{
float: left;
padding-top: 50px !important;
overflow: hidden;
}
#col-right .testimonials #slider-testimonials{
width: 100%;
}
#col-right .testimonials .item .txt p{
margin: 0 15px;
font-size: 17px;
line-height: 1.8;
}
#col-right .testimonials h2{
background-size: 50px;
font-size: 26px;
padding-bottom: 10px;
}
#col-right #testi-naw{
display: none;
}
#col-right .testimonials #testi-arr-next{
left: -10px;
}
#col-right .testimonials .testi-arr{
right: -10px;
width: 25px;
}
#col-right #widget-area{
text-align: center;
}
#col-right .widget h2{
font-size: 26px;
color: #7e0a0a;
letter-spacing: -0.5px;
}
.entry .related-posts-title{
margin-top: 30px;
}
#col-right .widget li{
text-align: center;
padding: 3px 0 3px 0;
}
#col-right .widget li a{
text-align: center;
color: #454545;
}
.widget{
border: none;
}
#col-right .pager span{
margin: 0 3px;
font-size: 30px;
cursor: pointer;
color: #b9b9b9;
}
#col-right .pager span.cycle-pager-active{
color: #7e0a0a;
} .pw{
width: 94%;
margin: 0 3%;
text-align: center;
margin-top: 30px;
float: left;
}
.pw img{
width: 250px;
height: auto;
}
.pw h3{
color: #7e0a0a;
font-size: 20px;
line-height: 24px;
margin-top: 10px;
}
.pw p{
text-align: center;
padding: 5px 0;
} .table{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-template-areas: ". .";
grid-column-gap: 1%;
}
.table .col{
background-color: #f9f9f9;
padding: 15px 25px;
margin-bottom: 10px;
}
.table-left .table .col p{
text-align: left;
}
.table ul{
padding-left: 0;
}
.table ul li{
text-align: left;
}
#free-case-review h3{
color: #fff;
}
#col-right .contact h3{
font-size: 26px;
color: #fff;
} .page-template-page-pa .related-posts-title, .page-template-page-pa .similar-posts{
display: none;
}
.covid-banner {
background-color: #7e0a0a;
font-size: 18px;
}
.tcenter {
text-align: center !important;
}
.covid-banner.-pos-top {
z-index: 999;
padding-top: 83px;
display: -webkit-flex;
display: flex;
width: 100%;
height: 75px;
-webkit-align-items: center;
align-items: center;
box-sizing: content-box;
position: fixed;
top: 0;
left: 0;
padding-top: 0;
}
.covid-banner .wrapper {
display: block;
width: 100%;
max-width: 1200px;
padding: 12.5px 0;
margin: 0 auto;
line-height: 1.2;
}
.covid-banner a {
color: #fff;
font-weight: 700;
}
.covid-banner.-pos-top p, .covid-banner.-pos-top strong {
display: block;
font-size: 1em;
margin: 0 10px;
color: #fff;
}
#pl-icon-top, #en-icon-top {width: 20px !important; height: 20px !important;}
.red-btn {
padding: 12px 18px;
background: #7e0a0a;
color: white;
text-decoration: none;
font-size: 16px;
line-height: 1;
}
.testimonials .red-btn {margin-top: 24px;}
.sidebar-blog {padding: 50px 15px 32px 15px;}
ul.recent-posts-list, ul.recent-posts-list li {
list-style: square;
}
ul.recent-posts-list li {padding-left: 5px;}
.blog-cover-image {
float: left; 
padding: 0 20px 20px 0; 
object-fit: cover;
width: 300px;
height: 200px;
}
.leave-review-widget {
position: fixed; 
bottom: 30px; 
left: 20px; 
z-index: 9999999;	
}
.leave-review-widget a {
padding: 12px 18px; 
background: #7e0a0a; 
color: white;
text-decoration: none;
font-size: 16px;
line-height: 1;
}@media only screen and (max-width: 1350px) {
#nav ul li a{
font-size: 14px;
}
#nav ul li{
padding: 14px 5px;
}
#succes .item .dollar{
font-size: 65px;
}
#succes .item .dollar span {
font-size: 60px;
}
#bezplatne .cta{
width: 100%;
margin-left: 0;
}
.ctaRed .wrap{
width: 95%;
}
.hero.hero-sub .white-box{
display: none;
}
.content-page .wrap{
width: 1200px;
}
.content-page #col-left{
width: 55%;
margin: 50px 0px 0 40px;
padding-right: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content-page #col-right{
width: calc(45% - 40px);
}
}
@media only screen and (max-width: 1200px) {
#phone{
display: none;
}
#nav ul li.pa-menu  ul.sub-menu {
margin-left: -500px;
}
#flags{
padding-right: 0;
margin-right: 0;
border-right: none;
}
.hero.hero-sub .headline{
margin-top: 200px;
}
.hero.hero-sub .headline h1{
font-size: 50px;
}
.hero .boxes .item h3{
font-size: 16px;
}
.hero .boxes .item p{
font-size: 15px;
}
p, ul li{
font-size: 15px;
}
h3,.h3{
font-size: 28px;
line-height: 38px;
}
.cta h2{
font-size: 34px;
}
h2{
font-size: 32px;
}
.hero.hero-sub.hero-sub-apla::after{
left: 0;
width: 100%;
}
.testimonials .item .txt p{
font-size: 16px;
line-height: 31px;
}
.testimonials #slider-testimonials{
width: 100%;
}
.content-faq .col-info .col-wrap{
width: auto;
}
.content-faq .col-first{
width: 40%;
}
.content-faq .col-info {
width: 60%;
}
.videos .wrap{
width: 100%;
}
.hero .headline h1{
font-size: 45px;
line-height: 55px;
}
.hero .headline h2{
font-size: 22px;
}
.hero.hero-sub{
height: 500px;
}
.hero.hero-sub .wrap{
width: 100%;
}
.content-page .wrap {
width: 100%;
}
.content-page #col-left{
margin: 50px 0px 0 30px;
}
.hero.hero-sub .headline h1{
padding-left: 30px;
}
#services a.item, #services.new-services .item{
width: calc( 25% - 1px );
}
}
@media only screen and (max-width: 1100px) {
#nav ul li a {
font-size: 13px;
}
#logo, #header.sticky #logo{
width: 240px;
}
.hero.contact-page{
height: 465px;
}
.page-template-page-contact .contact .col-info{
margin-left: 30px;
}
.table{
grid-template-areas: ".";
grid-template-columns:1fr;
}
}
@media only screen and (min-width: 997px) and (max-width: 1220px) {
.wrap{ width:980px; }
.col-3 .col{ width:315px; }
.col-3 .col .photo img{ width:315px; height:auto; }
.col-3 .col-center { margin: 0 17px; }
.col-2 .col{ width:470px; }
.testimonials .testi-arr{ right: -25px; }
.testimonials #testi-arr-next{ left: -25px; }
.blog .txt{ width:380px; }
#col-left{ width: 640px; }
}  @media only screen and (min-width: 768px) and (max-width: 996px) {
body { -webkit-text-size-adjust: none; }
.wrap { width: 768px; }
.col-3 .col{ width: 242px; }
.col-3 .col-center { margin: 0 20px; }
.col-3 .col .photo img{ width:100%; height:auto; }
.col-2 .col{ width:370px; }
.testimonials #slider-testimonials{ width:670px; }
.testimonials .item .txt{ height:auto; }
.testimonials .testi-arr{ right:-45px; top: 250px; }
.testimonials #testi-arr-next{  left: -45px; }
#col-left { width: 768px; }
#col-right{ width: 768px; margin:0; }
#col-right .banner{ display:none; }
.sidebar-form{ width:708px;}
.sidebar-form input.text, .sidebar-form textarea {  width: 676px; }
.sidebar-form select, .sidebar-form .button { width:708px; }
.sidebar-form h3{ padding:10px 0 0 0; }
}
@media only screen and (max-width: 1000px) {
#nav {
display: none;
}
#logo{
margin-top: 15px;
}
.slicknav_menu{ display:block;  }
#flags{
margin-right: 70px;
border-left: none;
margin-top: 17px;
}
.prawnik ul li a{
font-size: 14px;
}
.content-faq .col-first {
width: 100%;
}
.content-faq .col-first .col-wrap {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px;
}
.content-faq .col-info {
width: 100%;
}
.content-faq .col-info .col-wrap {
padding: 60px;
}
.page-template-page-contact .contact .col-info{
width: 100% !important;
margin: 0;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-template-page-contact .contact .col-form{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100% !important;
margin: 0;
margin-top: 40px;
}
.hero{
margin-top: 80px;
}
.hero .photo{
width: 100%;
}
.hero .photo img{ max-width: 250px; }
.hero .headline{
width: 100%;
text-align: center;
}
.hero .headline h1{
font-size: 35px;
line-height: 37px;
}
.hero .wrap{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hero .headline .more{
text-align: center;
}
#header{
height: 75px;
}
.slicknav_btn{
top: 20px;
}
#services a.item, #services.new-services .item{
width: calc( 50% - 1px );
}
.hero .reviews{ width: 100%; padding-top: 0; margin-bottom: 15px; }
.hero .reviews .title{ font-size: 13px; }
.hero .reviews .val{ font-size: 25px; letter-spacing: 0; margin: 3px 0;}
.hero .reviews .stitle{ font-size: 11px; }
.hero .reviews .logoG img{ width: 70px; margin: 5px 0; }
}
@media only screen and (max-width: 767px) {
.hero .boxes .item{
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
}
.hero{
height: 540px;
min-height: auto;
max-height: 1000px;
}
.hero .headline h1 {
font-size: 30px;
line-height: 35px;
letter-spacing: 0;
}
.hero .headline h2 {
font-size: 15px;
}
.hero .headline .more a{
font-size: 12px;
width: 170px;
padding: 15px 0;
}
.hero .photo img{ height: auto; }
.cta h2, #bezplatne .cta h2 {
font-size: 25px;
letter-spacing: -1px;
}
.cta .more a{
display: block;
padding: 15px 0;
width: 240px;
font-size: 16px;
margin: 0 auto 10px auto;
}
#succes a.item{
width: 50%;
}
.testimonials #testi-naw{
display: none;
}
.testimonials h2{
padding-bottom: 10px;
font-size: 25px;
}
.videos a.item{
width: 100%;
margin: 0 0 30px 0;
}
.logos{
background-size: contain;
}
.prawnik ul li{
width: 50%;
}
#bezplatne .cta{
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content-page #col-left {
margin: 0;
width: 100%;
padding: 0px 20px 40px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content-page .wrap{
margin-top: 0;
}
.hero.hero-sub{
height: 335px;
}
.hero.hero-sub .headline h1 {
font-size: 30px;
}
.hero.hero-sub .headline{
margin-top: 230px;
}
.hero.hero-sub .headline h1 {
padding-left: 20px;
}
.content-page #col-right {
width: 100%;
}
.content-page{
padding-bottom: 0;
}
.page-template-page-contact .contact{
padding-top: 0 !important;
}
.page-template-page-contact .contact .col-info{
padding: 20px;
}
.page-template-page-contact .hero{
background-position: center;
}
.hero .photo img{
max-width: 170px;
}
.footer-description .social{
width: 100%;
padding: 10px 15px;
}
.footer-description .txt{
width: 100%;
padding: 10px 15px;
}
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
body { -webkit-text-size-adjust: none; }
.wrap { width: 480px; }
.home .content{ padding:40px 0; }
.col-3 .col{ width:450px; margin:10px 15px;  }
.col-3 .col .photo{ overflow:hidden; height:220px;}
.col-3 .col .photo img{ width:100%; height:auto; margin-top:-20px; }
.col-2 .col{ width:450px; margin:0 15px; }
.testimonials #slider-testimonials{ width:460px; }
.testimonials .item .txt{ margin-top: -20px;  height:auto; }
.testimonials .testi-arr{ top:30px; right: 100px;}
.testimonials #testi-arr-next{ left:100px; }
.blog .txt{ width:360px; margin-bottom:30px;}
#footer{ width:100%; text-align:center; }
#footer .col, #footer .col-last{ width:100%; text-align:center; }
#footer .col-last{ margin-top:20px; }
#col-left, #col-right{ width:100%; margin:0; }
#col-right .banner{ display:none; }
.post h2 { font-size: 35px; }
}
@media all and (max-width: 599px) {
.blog-cover-image {padding: 20px 0; width: 100%; height: 250px;}
}  @media only screen and (max-width: 479px) {
body { -webkit-text-size-adjust: none; }
.wrap { width: 320px; }
.home .content{ padding:40px 0; }
.hero.hero-sub .headline h1{ font-size: 23px; line-height: 27px; }
.hero.hero-sub .headline h1 br{ display: none;}
h1,.h1{ font-size:35px; line-height:35px; }
.full-content h2{ font-size:25px; }
h2,.h2{ font-size:30px; margin-left:0;  }
#col-left h2, #col-right h2{ margin-left:0px; }
h3,.h3{ font-size:18px; letter-spacing:0px; }
h4,.h4{ font-size: 17px; line-height:23px; font-weight: 600; }
#col-left li{ font-size:16px; line-height:24px; background-position:5px 11px; }
#col-left ul{ margin-left:0; padding:0;}
.col-3 .col{ width:300px; margin:10px 10px;  }
.col-3 .col .photo img{ width:100%; height:auto;  }
.col-2 .col{ width:300px; margin:0 10px; }
.testimonials{ padding:30px 0 60px 0;}
.testimonials #slider-testimonials{ width:320px; margin:0; }
.testimonials .item .txt{ margin-top: -40px;  height:auto; border:none; }
.testimonials .item .txt p{ margin:0; }
.testimonials .testi-arr{ top:30px; right: 20px;}
.testimonials #testi-arr-next{ left:20px; }
.testimonials #testi-naw{ bottom: -10px; }
#col-left, #col-right{ width:100%; margin:0; }
#col-right .banner{ display:none; }
#col-left{ margin-bottom:40px;}
.post h2,.post .h2 { font-size: 35px; }
#logo, #header.sticky #logo {
width: 160px;
}
.hero .headline h2 {
font-size: 15px;
line-height: 20px;
}
.hero .headline h1 {
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
}
.hero .headline .more a{
width: 160px;
}
h2.title{
font-size: 14px;
}
#services a.item, #services.new-services .item {
width: 100%;
}
.cta h2, #bezplatne .cta h2 {
font-size: 23px;
letter-spacing: 0;
line-height: 27px;
}
.cta h3{
font-size: 16px;
}
.content-txt h3, .content-txt .h3 {
font-size: 19px;
line-height: 32px;
}
#succes a.item {
width: 100%;
padding: 20px 0;
}
.prawnik ul li{
width: 100%;
text-align: center;
}
.prawnik ul {
padding: 0;
margin: 40px 0 0 0;
}
.prawnik h2 {
margin: 0;
letter-spacing: 0;
}
.content-faq .col-info .answer{
font-size: 15px;
}
#home-blog .txt{
margin-bottom: 30px;
}
.ctaRed .wrap {
width: 95%;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ctaRed .wrap h2{
font-size: 20px;
line-height: 29px;
}
.contact .pole.pole-small {
width: 100%;
}
.contact .item{
width: 100%;
padding: 10px 0;
}
.contact .item-full h3{
font-size: 24px;
}
#footer .col {
float: left;
width: 100%;
font-size: 12px;
font-weight: 300;
}
#footer .col-last {
color: #bebebe;
text-align: left;
padding: 20px 0;
}
.hero .boxes .item{
background-size: 40px;
padding: 0 20px 0 70px;
}
.page-template-page-contact .contact .col-form{
padding: 30px 20px;
}
#services.new-services .item{
width: 100% !important;
height: 230px !important;
margin-bottom: 1px;
overflow: hidden;
}
.blog_hero{
background-position: 93% 50% !important;
}
}