.only_desktop{
display: inherit;
}
.only_mobile{
display: none !important;
}
div#content {
overflow: hidden;
} .inside-navigation.grid-container {
display: inline-block;
width: 100%;
}
.nav-float-right #site-navigation {
margin-left: 50px;
width: 78%;
}
@media all  and (min-width: 1261px) { 
#primary-menu ul.menu {
display: inline-block;
width: 100%;
margin: 5px 0 0;
}
}
.main-navigation li {
position: relative;
float: left;
}
li#menu-item-1042 >a >img + span,
li#menu-item-605 >a >img + span,
li#menu-item-160 >a >img + span{
display: none;
}
li#menu-item-1040,
li#menu-item-1041,
li#menu-item-1042,
li#menu-item-605,
li#menu-item-606,
li#menu-item-607,
li#menu-item-160,
li#menu-item-161,
li#menu-item-162 {
float: right;
}
li img ~ span.dropdown-menu-toggle {
padding-left: 40px !important;
margin-left: -30px;
}
.main-navigation li.button{
padding: 5px 0 0 10px;
}
.main-navigation li.button a{
line-height: 1 !important;
background: #FFA329;
border-radius: 15px;
padding: 17px 18px !important;
color: #fff !important;
font-weight: bold;
transition: .3s !important;
}
.main-navigation .main-nav ul li a {
padding-left: 10px;
}
.main-navigation li.button:hover a{
background: #e37517 !important;
color: #fff !important;
}
.main-navigation span.gp-icon.icon-arrow svg{
opacity: 0;
}
.main-navigation span.gp-icon.icon-arrow{
background-image: url(//responso.com/wp-content/uploads/2023/08/arrow-menu.svg);
background-position: 1px 8px;
background-repeat: no-repeat;
background-size: 12px;
}
.main-navigation ul.sub-menu {
border-radius: 30px;
box-shadow: 0px 0 20px 4px rgb(0 0 0 / 10%);
padding: 25px 0;
}
.main-navigation .main-nav ul ul li a {
border-left: 2px solid transparent;
}
.main-navigation .main-nav ul ul li.current-menu-item a,
.main-navigation .main-nav ul ul li a:hover {
border-left: 2px solid #29CE60;
}
body:not(.home)
{
background-image: url(//responso.com/app/files/theme_images/top_bg.png);
background-repeat: no-repeat;
background-size: 93%;
}
.site-header { 
background-color: #ffffff00;
}
.inside-header { }
#content .grid-container {
max-width: 1360px;
width: 100%;
}
.float_right {
float: right;
} main#main {
position: relative;
}
.page-template-template-landing .site-content,
.page-template-template-homepage .site-content,
.page-template-template-pomoc .site-content,
.page-template-template-dokumentacja .site-content,
.page-template-template-cennik-nowy2 .site-content,
.page-template-template-cennik .site-content,
.page-template-template-produkt .site-content,
.page-template-template-integracje .site-content,
.single-integracje .site-content,
.page-template-template-opinie  .site-content,
.page-template-template-statystyki  .site-content
{
flex-direction: column;
}
section{
display: flex;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
}
.col-100{
width: 100%;
}
.col-50{
width: 50%;
float: left;
}
.col-33{
width: 33.33%;
float: left;
}
.col-25{
width: 25%;
float: left;
}
.col-20{
width: 20%;
float: left;
}
.center {
text-align: center;
}
.feature{
font-weight: 700;
background-image: url(//responso.com/app/files/theme_images/marker.png);
background-size: cover;
background-repeat: no-repeat;
z-index: 0;
position: relative;
line-height: 1;
display: inline-block;
padding: 3px 10px;
} form.wpforms-form {
display: flex;
}
#section_1 form.wpforms-form {
width: 545px;
}
#masthead .toggled form.wpforms-form  .wpforms-field-container,
.footer_desc form.wpforms-form  .wpforms-field-container,
#section_9 form.wpforms-form  .wpforms-field-container,
#content form.wpforms-form  .wpforms-field-container {
width: 100%;
max-width: 372px;
margin-right: 10px;
}
#masthead .toggled .wpforms-submit-container,
.footer_desc .wpforms-submit-container,
#section_9 .wpforms-submit-container,
#content .wpforms-submit-container {
width: 100%;
max-width: 163px;
}
#masthead .toggled form.wpforms-form input[type=email],
.footer_desc div.wpforms-container-full .wpforms-form input[type=email],
#section_9 div.wpforms-container-full .wpforms-form input[type=email],
#content div.wpforms-container-full .wpforms-form input[type=email]{
font-size: 14px;
padding: 29px 15px;
border-radius: 15px;
max-width: 372px;
} .footer_desc .button,
#content .button,
#masthead .toggled  .wpforms-form button[type=submit],
.footer_desc div.wpforms-container-full .wpforms-form button[type=submit],
#section_9 div.wpforms-container-full .wpforms-form button[type=submit],
#content div.wpforms-container-full .wpforms-form button[type=submit] {
background: #FFA329;
border-radius: 10px;
padding: 17px 12px;
color: #fff;
font-weight: bold;
transition:.3s;
font-size: 14px;}
[lang="pt-BR"] #content div.wpforms-container-full .wpforms-form button[type=submit] ,
[lang="pt-BR"] #section_9 div.wpforms-container-full .wpforms-form button[type=submit],
[lang="pt-BR"] .footer_desc div.wpforms-container-full .wpforms-form button[type=submit] {
padding: 8px 12px;
}
[lang="pt-BR"] .footer_desc div.wpforms-container-full .wpforms-form button[type=submit] {
width: 190px;
}
[lang="pt-BR"] .floating_bar a {
width: 420px;
}
.footer_desc .button:hover,
#content .button:hover,
.footer_desc div.wpforms-container-full .wpforms-form button[type=submit]:hover,
#content div.wpforms-container-full .wpforms-form button[type=submit]:hover {
background: #e37517  !important;
color: #fff !important;
transition:.3s;
}
.footer_desc div.wpforms-container-full .wpforms-form button[type=submit],
#section_9 div.wpforms-container-full .wpforms-form button[type=submit],
#content div.wpforms-container-full .wpforms-form button[type=submit] {
max-width: 245px;
width: 100%;
}
.footer_desc .button,
#content .button{
display: inline-block;
padding: 17px 10%;
} section#section_1 #animation_container{
width: 100% !important;
position: relative;
}
section#section_1 #animation_container canvas{
width: 100% !important;
height: auto !important;
}
section#section_1 .header_anim_wrap{
background-image:url(//responso.com/app/files/theme_images/header_start.png);
background-size: 106%;
background-repeat: no-repeat;
background-position: center;
width: 650px;
height: 650px;
}
html[lang="pt-BR"] section#section_1 .header_anim_wrap{
background-image:url(//responso.com/app/files/theme_images/ptbghero2.jpg);
}
section#section_1 {
padding: 0;
overflow: visible !important;
margin: 10px 0 0;
}
section#section_1 h1 {
margin-bottom: 36px;
}
section#section_1 .description{
font-size: 20px;
margin-bottom: 40px;
}
.or_login {
font-size: 16px;
}
section#section_1 .or_login span{
display:block
}
.or_login a{
font-size: 14px;
color: #A2A2A2;
font-weight: bold;
padding: 8px 10px 8px 35px;
border:1px solid #A2A2A2;
border-radius: 15px;
margin: 5px 5px 0 0;
background-repeat: no-repeat;
background-position: 11px center;
display: inline-block;
margin-bottom: 10px;
opacity: 1;
transition: .3s;
}
.or_login a:hover{
opacity: 0.8;
}
.google_login {
background-image: url(//responso.com/app/files/theme_images/Google.png);
}
.facebook_login {
background-image: url(//responso.com/app/files/theme_images/fb.png);
}
iframe#header {
width: 100%;
max-width: 100%;
overflow: visible !important;
}
section#section_1 .logotypes {
display: flex;
align-items: center;
justify-content: space-around;
background: #F7F7F7;
border-radius: 47px;
margin: 30px 0;
width: 100%;
padding: 0 20px;
}
section#section_1 .logotypes img {
filter: grayscale(100%);
transition: .3s;
margin: 20px 0;
max-height: 45px;
width: auto;
}
section#section_1 .logotypes img:hover {
filter: grayscale(0%);
}
section#section_1 .intro {
font-size: 20px;
margin-right: 100px;
} section#section_2 {
padding: 150px 0;
}
section#section_2 h2 {
margin-bottom: 35px;
font-size: 42px;
}
section#section_2 .last{
padding-left: 30px;
} section#section_3 {
position: relative;
overflow: visible;
}
@media all and (min-width: 1025px) { 
.description_image {
position: absolute;
right: -50px;
top: 0;
z-index: -1;
opacity: 0;
transition: .3s;
max-width: 60%;
}
.description_image.default {
opacity: 1;
}
section#section_3 .description_row.hovered .description_image,
section#section_3 .description_row:hover .description_image {
opacity: 1;
transition: .3s;
}
section#section_3 .last{
text-align: center;
}
section#section_3 h3 {
margin-top: 0px;
font-size: 24px;
margin-bottom: 5px;
}
section#section_3 a.button {
margin-top: 30px;
}
section#section_3 .description {
width: 100%;
max-width: 470px;
border-left: 5px solid transparent;
position: relative;
background: transparent;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
transition: .3s;
padding: 20px 0 5px;
cursor: pointer;
font-size: 14px;
}
section#section_3 .description_row.hovered .description,
section#section_3 .description_row:hover .description {
border-left: 5px solid rgb(41 206 96);
max-width: 540px;
padding: 20px 20px 5px 50px;
font-style: normal;
margin: 0 -50px;
background: #f7f7f7;
transition: .3s;
}
#features{
display: none;
}
}
@media all and (max-width: 1024px) { 
.description_image.default,
#features_desktop{
display: none;
}
section#section_3 {
padding-right: 0px !important;
}
section#section_3 .description_row {
padding: 30px;
font-size:inherit;
font-style: normal;
background: #f7f7f7;
transition: .3s; 
border-radius: 15px;
}
section#section_3 a{
display: block;
margin: 30px auto 0;
}
} section#section_4 {
margin: 200px 0 50px;
}
section#section_4 *{
text-align: center;
}
section#section_4 h2{
margin-bottom: -6vw;
position: relative;
z-index: 1;
}
section#section_4 img{
max-width: 1485px;
margin: auto;
width: 100%;
} section#section_5 h2,
section#section_5 .description{
text-align: center;
}
section#section_5 .description{
font-size: 18px;
}
section#section_5 .firmy {
display: flex;
align-items: center;
margin-bottom: 30px;
justify-content: space-around;
}
section#section_5 .firmy img{
margin: 30px 50px 50px;
filter: grayscale(100%);
transition: .3s;
max-height: 45px;
width: auto;
}
section#section_5 .firmy img:hover {
filter: grayscale(0%);
}
section#section_5 .opinie .col-33{
max-width: 410px;
padding-left: 60px;
padding-right: 40px;
background-image:url(//responso.com/app/files/theme_images/quota.png);
background-repeat: no-repeat;
}
section#section_5 .opinie {
display: flex;
justify-content: space-between;
margin-bottom: 100px;
}
section#section_5 .opinie p {
font-size: 16px;
}
section#section_5 .opinie .podpis{
font-size: 14px;
}
section#section_5 .opinie .firma_p{
font-size: 14px;
color:#29CE60;
display: block;
}
section#section_5 .oceny_klientow {
clear: both;
display: flex;
justify-content: space-evenly;
align-items: center;
font-size: 20px;
margin-bottom: 100px;
}
section#section_5 .oceny_klientow img{
filter: grayscale(100%);
transition: .3s;
max-width: 130px;
}
section#section_5 .oceny_klientow img:hover {
filter: grayscale(0%);
} section#section_6 {
background-color: #1D2128;
padding: 150px 0 120px;
position: relative;
}
iframe#integracja {
position: absolute;
top: 230px;
right: 0px;
z-index: 0;
}
section#section_6 .col-100 {
position: relative;
z-index: 1;
}
section#section_6 h2,
section#section_6 .description{
text-align: center;
color: #fff;
}
#content section#section_6 .button {
max-width: 360px;
padding: 17px 10px;
display: block;
margin: auto;
text-align: center;
margin-top: 35vw;
} section#section_7 {
padding: 145px 0 110px;
text-align: center;
}
section#section_7 h2 {
margin-bottom: 40px;
}
section#section_7 .firmy {
margin-bottom: 30px;
}
section#section_7 .firmy img {
filter: grayscale(100%);
transition: .3s;
}
section#section_7 #firmy .splide__slide{
display: flex;
align-items: center;
padding: 0 10px;
}
section#section_7 #firmy .splide__slide img:hover {
filter: grayscale(0%);
}
@media all and (max-width: 768px) { 
section#section_7 {
padding: 70px 0 40px;
}
#section_7 h2 {
font-size: 25px; 
}
} section#section_8 {
padding: 130px 0;
background-color:#F7F7F7;
}
section#section_8 .container {
position: relative;
}
.read-more,
.more_articles {
font-size: 16px;
font-weight: bold;
color: #FFA329;
}
.more_articles {    
position: absolute;
right: 0;
top: 15px;
}
.post_row {
margin: 50px 10px 0;
}
.post_row .item{
padding: 0 30px 40px;
position: relative;
z-index: 0;
background-image: url(//responso.com/app/files/theme_images/post_stars.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 0%;
transition: .3s;
}
.post-image img,
.post_row .item img{
border-radius: 30px;
}
.post_row .item:before {
content: '';
background: #fff;
opacity: 0;
position: absolute;
bottom: 0;
left: 5px;
right: 5px;
top: 20%;
z-index: -1;
border-radius: 30px;
transition: .3s;
}
.post_row .item:hover{
background-size: 92%;
transition:  .3s;
}
.post_row .item:hover:before{
opacity: 1;
transition:  .3s;
}
.post_row .item h3{
font-size: 20px;
height:72px;
margin-top: 50px;
color: #222222;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.entry-summary p,
.post_row .item p{
font-size: 16px;
color: #828583;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.archive  footer.entry-meta {
display: none;
}
.archive header.page-header {
padding-bottom: 0 !important;
}
.archive header.page-header .page-title{
font-weight: 700;
} section#section_9 {
padding: 100px 0 120px;
background-color:#FFA329;
background-image: url(//responso.com/app/files/theme_images/samolot.png);
background-repeat: no-repeat;
background-position: 50% -290px;
}
section#section_9 h2{
text-align: center;
margin-bottom: 30px;
}
section#section_9 form.wpforms-form {
justify-content: center;
}
section#section_9 .or_login {
text-align: center;
}
section#section_9 .or_login a{
color:#A2A2A2;
background-color:#FFFFFF;
}
section#section_9 div.wpforms-container-full .wpforms-form button[type=submit],
#content section#section_9 div.wpforms-container-full .wpforms-form button[type=submit]{
background-color:#29CE60;
border-color:#29CE60;
}
section#section_9 div.wpforms-container-full .wpforms-form button[type=submit]:hover{
background-color: #1fa34b;
border-color: #1fa34b;
}
p.pozioma_lista {
margin-bottom: 30px;
text-align: center;
}
p.pozioma_lista span {
padding: 0 12px;
margin: 10px;
background-image:url(//responso.com/app/files/theme_images/check.png);
background-repeat: no-repeat;
background-position: left center;
} #section_c1 h1{
padding-top: 120px;
padding-bottom: 40px;
}
#content #section_c1 .button {
padding: 17px 4%;
margin-bottom: 40px;
}
#content #section_c1 .pozioma_lista {
font-size: 20px;
}
#section_c2{
background-image:url(//responso.com/app/files/theme_images/cennik_bg.jpg);
background-position: center;
background-repeat: no-repeat;
}
#section_c2.multiple_packages {
background-image:none;
}
#section_c2.multiple_packages .packages{
display: block;
}
.package_header {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0 60px;
}
.switch,
.currency{
font-size: 14px;
border: 1px solid #DBDBDB;
border-radius: 20px;
padding: 6px;
margin: 0 20px ;
}
.switch button,
.currency button{
font-size: 14px;
border-radius: 50px; 
padding: 2px 10px;
background-color: transparent;
color: #000;
transition: .3s;
}
.switch button.active,
.currency button.active{
background-color: #29CE60;
color: #fff;
}
.packages {
display: flex;
align-items: stretch;
justify-content: center;
text-align: center;
gap: 30px;
}
.single_package {
background-color: #1D2128;
color: #fff;
padding: 50px;
border-radius: 30px;
width: 100%;
max-width: 440px;
}
#section_c2.multiple_packages #splide01-slide01,
#section_c2.multiple_packages #splide01-slide03 {
background-color: #F7F7F7;
color: #1D2128;
}
#section_c2.multiple_packages #splide01-slide01 ul li, 
#section_c2.multiple_packages #splide01-slide03 ul li{
background-image: url(//responso.com/app/files/theme_images/check@2x.png);
}
#section_c2.multiple_packages .splide__pagination {
margin-top: 20px;
}
@media (min-width: 820px){
.radio_switch {
display: none;
}
#section_c2.multiple_packages .switch {
display: none;
}
#section_c2.multiple_packages .radio_switch {
display: block;
}
#section_c2.multiple_packages .checkmark_list {
text-align: left;
}
#section_c2.multiple_packages .checkmark_list b,
#section_c2.multiple_packages .checkmark_list strong{
margin-bottom: 25px;
display: block;
}
#section_c2.multiple_packages .package_header {
justify-content: space-between;
}
#section_c2.multiple_packages .radio_switch span {
font-size: 16px;
}
#section_c2.multiple_packages .radio_switch span b{
font-weight: bold;
color: #29CE60;
}
#section_c2.multiple_packages .currency{
border: none;
}
#section_c2.multiple_packages .currency button {
font-size: 16px;
transition: none;
width: 55px;
}
#section_c2.multiple_packages .currency button.active {
background-color: transparent;
color: #29CE60;
font-weight: 700;
}
}
@media (max-width: 819px){
.radio_switch {
display: none !important;
}
#section_c2.multiple_packages .packages {
align-items: center;
justify-content: center;
flex-direction: column;
}
#section_c2.multiple_packages .currency {
max-width: 315px;
}
}
.single_package h2 {
font-size: 40px;
line-height: 1.2;
margin-bottom: 0px;
}
.single_package  p,
.single_package  ul{
font-size: 14px;
}
.single_package h2 + p{
font-size: 16px;
}
.single_package h2 {
font-size: 40px;
line-height: 1.2;
margin-bottom: 0px;
}
.single_package img {
margin:40px 0;
}
.single_package .price span{
font-size: 63px;
display: none;
font-weight: 700;
font-family: "Poppins", sans-serif;
line-height: 1.1;
}
.single_package .price span small{
font-size: 17px;
margin-left: 3px; 
} #section_c2.month.usd .price span.month.usd{
display: block;
}
#section_c2.month.pln .price span.month.pln{
display: block;
}
#section_c2.month.eur .price span.month.eur{
display: block;
}
#section_c2.month.gbp .price span.month.gbp{ 
display: block;
}
#section_c2.month.brl .price span.month.brl{ 
display: block;
}
#section_c2.year.usd .price span.year.usd{
display: block;
}
#section_c2.year.pln .price span.year.pln{
display: block;
} 
#section_c2.year.eur .price span.year.eur{
display: block;
}
#section_c2.year.gbp .price span.year.gbp{ 
display: block;
}
#section_c2.year.brl .price span.year.brl{ 
display: block;
}
#content .single_package .button {
padding: 17px 15%;
margin-bottom: 40px;
}
.single_package  ul{
margin-left: 0px;
list-style-type: none;
text-align: left;
}
.single_package  ul li{
background-image:url(//responso.com/app/files/theme_images/whitecheck@2x.png);
background-repeat: no-repeat;
padding-left: 40px;
margin-bottom: 25px;
background-position: left center;
}
.single_package a.toggle_more,
.single_package a.show_more { 
color: #FFA329;
font-weight: bold;
float: left;
margin-top: 10px;
}
.single_package a.toggle_more {
display: none;
}
#section_c2 + .grid-container {
position: relative;
}
section#section_c3 {
margin: 150px 0;
background: #F7F7F7;
padding: 40px 20px;
border-radius: 30px;
}
section#section_c3:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 40px 50px 0 50px;
border-color: #f7f7f7 transparent transparent transparent;
position: absolute;
bottom: 111px;
left: 50%;
transform: translate(-50%);
}
section#section_c3 h2{
font-size: 26px;
font-weight: bold;
}
section#section_c3 h3{
font-size: 20px;
font-weight: bold;
}
section#section_c3 p{
font-size: 16px;
}
section#section_c3 .button{
margin-top: 20px;
background-color: #29CE60;
}
section#section_c7 .button:hover,
section#section_c3 .button:hover {
background-color: #1fa34b !important;
}
section#section_c3 ul{
margin-left: 0px;
list-style-type: none;
text-align: left;
}
section#section_c3  ul li{
background-image:url(//responso.com/app/files/theme_images/check@2x.png);
font-size: 14px;
background-repeat: no-repeat;
padding-left: 30px;
margin-bottom: 15px;
background-position: left center;
}
section#section_c3 .col2,
section#section_c3 .col3{
padding-left: 4%;
}
section#section_c4 h2{
padding-bottom: 40px;
text-align: center;
font-weight: bold;
}
section#section_c4 .ikona{
text-align: center;
font-size: 16px;
padding: 0 3%;
}
section#section_c4 .ikona span.imag{
height: 116px;
display: block;
}
.page-template-template-cennik-nowy2 .grid-container.container.alt,
.page-template-template-cennik .grid-container.container.alt {
max-width: 1220px !important;
}
section#section_c4 {
overflow: visible;
}
#icons_cennik .splide__track {
overflow: visible !important;
}
.ikona {
position: relative;
}
.ikona:hover .tooltip {
visibility: visible;
font-size: 14px;
bottom: 250px;
}
section#section_c5 {
margin-top: 150px;
margin-bottom: 150px;
}
section#section_c5 h2{
margin-bottom: 40px;
font-weight: bold;
}
section#section_c5 h2 + p{
margin-bottom: 20px;
margin-bottom: 100px;
}
section#section_c5 .group{
display: flex;
width: 100%;
justify-content: space-between;
}
section#section_c5 .group_title{
width: 30%;
border-bottom: 1px solid #e9e9e9;
font-family: "Poppins", sans-serif;
font-size: 18px;
margin-top: 10px;
}
section#section_c5 .group_title svg{
display: none;
}
section#section_c5 .group:last-child .group_title{
border-bottom: none;
}
section#section_c5 .group_content {
width: 70%;
}
section#section_c5 .group_content p{
border-top: 1px solid #e9e9e9;
margin: 0;
padding: 12px 0;
font-size: 14px;}
section#section_c5 .group_content p:first-child{
border-top:none;
}
section#section_c5 .group_content p:last-child{
border-bottom: 1px solid #e9e9e9;
}
.page-template-template-cennik-nowy2 #section_5,
.page-template-template-cennik #section_5 {
margin-top: 150px;
} .tooltip_wrap {
position: relative;
background-image: url(//responso.com/app/files/theme_images/tooltip.png);
width: 22px;
height: 23px;
display: inline-block;
margin-left: 10px;
} .tooltip {
visibility: hidden;
width: 120px;
background-color: #ffa329;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 1;
padding: 10px;
}
.tooltip {
width: 250px;
bottom: 38px;
left: 50%;
margin-left: -125px;; } .tooltip_wrap:hover  .tooltip {
visibility: visible;
}
.tooltip::before {
content: '';
position: absolute;
display: block;    
width: 0px;        
left: 50%;
bottom: 6px;
border: 15px solid transparent;
border-bottom: 0;
border-top: 15px solid #ffa329;
transform: translate(-50%, calc(100% + 5px));
}
section#section_c7  {
background-color: #F7F7F7;
background-image: url(//responso.com/app/files/theme_images/ilustracja.png);
margin: 150px 0;
padding: 100px 0 175px;
border-radius: 121px;
background-position: center -93px;
}
section#section_c7 h2 {
font-weight: bold;
font-size:58px ;
margin: 30px auto 40px;
max-width: 600px;}
section#section_c7 .button {
background-color: #29CE60;
padding: 17px 3%;
} body.page-template-template-pomoc{
background-image: url(//responso.com/app/files/theme_images/bg-blog.png);
background-size: 100%;
background-repeat: no-repeat;
}
#section_b1 {
position: relative;
margin-top: 60px;
margin-bottom: 150px;
}
#section_b1:before {
position: absolute;
content: '';
top: 70px;
bottom: 70px;
left: 0px;
right: 0px;
background-color: #1D2128;
z-index: -1;
border-radius: 30px;
}
#section_b1 .first img {
padding: 0 20px;
}
#section_b1 .last h1 {
font-size: 58px;
color: #fff;
font-weight: bold;
}
#section_b1 .last p {
font-size: 20px;
color: #fff;
padding-right: 100px;
}
#section_b1 .last a.read_more {
font-size: 16px;
font-weight: bold;
color: #FFA329;
}
#section_b2 {
margin-top: 60px;
margin-bottom: 100px;
position: relative;
z-index: 0;
overflow: visible;
}
#section_b2:after {
position: absolute;
content: '';
top: -45px;
right: 0px;
left: 44%;
bottom: -45px;
background-image: url(//responso.com/app/files/theme_images/rakieta.png);
background-position: left;
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
}
#section_b2 div.col-100{
background-color: #FFA329;
border-radius: 30px;
padding: 50px;
max-width: 80%;
}
#section_b2 h2 {
font-size: 36px;
color: #fff;
}
#section_b2 .button {
background-color: #29CE60;
font-size: 16px;
z-index: 10;
position: relative;
padding: 17px 2%;
margin-top: 25px;
}
#content #section_b2 .button:hover {
background-color: #1fa34b !important;
} .single-dokumentacje div#content,
.single-post div#content {
overflow: visible;
}
.single-dokumentacje #section_b2,
.single-post #section_b2{
margin-bottom: 60px;
position: relative;
padding: 0!important;
}
.single-dokumentacje #section_b2:after,
.single-post #section_b2:after {
display: none;
}
.single-dokumentacje #section_b2:before,
.single-post #section_b2:before {
position: absolute;
top: -33px;
left: -73px;
right: -40px;
bottom: -90px;
content: '';
background-repeat: no-repeat;
background-image: url(//responso.com/app/files/theme_images/samoloty_post.png);
}
.single-dokumentacje #section_b2 div.col-100,
.single-post #section_b2 div.col-100 {
max-width: 100%;
text-align: center;
}
.single-dokumentacje #section_b2 div.col-100 h2,
.single-post #section_b2 div.col-100 h2{
margin-top: 0;
font-weight: 400;
}
@media (max-width: 1100px){
.single-dokumentacje #section_b2 div.col-100 h2, 
.single-post #section_b2 div.col-100 h2 {
font-size: 3.3vw;
}
}
@media (max-width: 768px){
.single-dokumentacje #section_b2,
.single-post #section_b2{
margin-bottom:60px !important;
}
.single-dokumentacje #section_b2 div.col-100,
.single-post #section_b2 div.col-100 {
min-height: 0px;
padding: 30px 30px 60px;
}
.single-dokumentacje #section_b2:before,
.single-post #section_b2:before {
position: absolute;
top: 0;
left: 0%;
right: 0;
bottom: -43px;
background-position: center bottom;
content: '';
background-repeat: no-repeat;
background-image: url(//responso.com/app/files/theme_images/samoloty_single_mobile1.png);
}
}
@media (max-width: 500px){
.single-dokumentacje #section_b2 div.col-100 h2, 
.single-post #section_b2 div.col-100 h2 {
font-size: 4.3vw;
}
.single-dokumentacje #section_b2 .button, 
.single-post #section_b2 .button
{
font-size: 14px;
display: block;
}
}
#section_b3{
margin-top: 50px;
padding-top: 50px;
margin-bottom: 100px;
}
#section_b3 h2 {
font-size: 46px;
font-weight: bold; 
margin-bottom: 30px;
}
.posts_list{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
position: relative;
}
.posts_list .inside-article{
padding: 0;
}
.posts_list .post {
padding: 30px;
border: 1px solid #DBDBDB;
border-radius: 30px;
text-align: left;
margin: 80px 2% 20px;
flex-grow: 0 0 29%;
width: 29%;
}
.posts_list .post span.pomoc_img {
height: 150px;
width: 100%;
display: block;
background-size: cover;
background-position: center;
margin: -100px auto 20px;
border-radius: 30px;
}
.archive h2.entry-title ,
.posts_list .post h3 { 
font-size:20px;
color: #222222;
}
.posts_list .post p {
font-size:16px;
color: #828583;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tax-tag_dokumentacji article {
width: 33.3333%;
} #section_d2 h2 {
font-size: 46px;
font-weight: bold; 
margin-bottom: 40px;
margin-top: 100px;
}
.lista_kategorii {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.lista_kategorii .item_cat {
padding: 25px;
border: 1px solid #DBDBDB;
border-radius: 30px;
text-align: left;
margin: 25px 1% 1px;
flex-grow: 0 0 29%;
width: 31%;
}
.dokumenatacja_subheader {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 50px 0;
color: #828583;
font-size: 12px;
}
.dokumenatacja_subheader span.author{
display: flex;
align-items: center;
}
.dokumenatacja_subheader span.author img{
margin-right: 20px;
max-width: 65px;
}
.dokumenatacja_subheader span{
margin-right: 70px;
}
.dokumenatacja_subheader span img{
margin-right: 10px;
vertical-align: sub;
}
.ramka_uwaga,
.ramka_informacja {
padding: 35px 35px 35px 135px;
border: 2px solid;
border-radius: 15px;
background-repeat: no-repeat;
background-position: 30px center;
margin: 40px 0;
}
.ramka_uwaga p,
.ramka_informacja p{
margin: 0;
}
.ramka_uwaga {
border-color: #FFA329;
background-image: url(//responso.com/app/files/theme_images/megafon.png);
}
.ramka_informacja {
border-color: #29CE60;
background-image: url(//responso.com/app/files/theme_images/uwaga.png);
}
.post-type-archive-dokumentacje h1{
margin: 100px 0 40px;
}
.searchandfilter ul {
display: flex;
justify-content: center;
margin-bottom: 10px;
margin-left: 0 !important;
}
.searchandfilter ul li {
padding: 0;
}
.searchandfilter input.sf-input-text {
width: 350px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-color: #DBDBDB !important;
color: transparent !important;
border-right: 0;
background: #fff;
padding: 13px;
font-size: 16px;
}
.searchandfilter select.sf-input-select{
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-color: #DBDBDB !important;
background: #fff;
color: #A2A2A2 !important;
border-left: 0;
padding: 13px;
font-weight: 700;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,<svg fill='orange' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 92%;
background-position-y: 13px;
}
li.sf-field-taxonomy-kategoria_dokumentacji {
position: relative;
}
li.sf-field-taxonomy-kategoria_dokumentacji:before{
position: absolute;
content: '';
left: 0;
top: 3px;
bottom: 3px;
width: 1px;
background-color: #DBDBDB;
}
.searchandfilter input[type="submit"] {
margin-left: 10px;
line-height: 1 !important;
background: #FFA329;
border-radius: 15px;
padding: 17px 40px !important;
color: #fff !important;
font-weight: bold;
transition: .3s !important;
}
.lista_kategorii .item_cat h3 {
font-size: 20px;
color: #000;
}
.lista_kategorii .item_cat img {
margin: 30px auto 50px;
display: block;
max-height: 130px;width: auto;}
.lista_kategorii .item_cat p {
font-size: 16px;
color: #828583;
}
.header_tax {
display: inline-block;
margin: 150px 0;
}
.header_tax h1{
font-size: 46px;
font-weight: bold; 
}
.header_tax p{
font-size: 20px;
max-width: 480px;
}
#lista_kategorii {
font-size: 46px;
font-weight: bold; 
margin-bottom: 40px;
}
.posts_list article {
padding: 30px;
border: 1px solid #DBDBDB;
border-radius: 30px;
text-align: left;
margin: 25px 2% 20px;
flex-grow: 0 0 29%;
width: 29%;
}
.tax-kategoria_dokumentacji .posts_list {
padding-left: 40px;
padding-right: 40px;
}
.posts_list article h2 {
font-size:20px;
}
.posts_list article p {
font-size:16px;
}
#wp_pagination{
margin-top: 30px;
}
#wp_pagination,
nav#nav-below{
display: flex;
justify-content: center;
}
.separate-containers .paging-navigation {
margin: auto;
}
#wp_pagination .current ,
.paging-navigation .nav-links .current {
font-weight: 700;
color: #fff !important;
background: #ffa329;
border-radius: 5px;
}
#wp_pagination .page,
.paging-navigation .nav-links .page-numbers {
width: 30px;
color: #828583;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;    
}
#wp_pagination .page:hover,
.paging-navigation .nav-links .page-numbers:hover {
color: #ffa329;
}
.paging-navigation  .nav-links {
display: flex;
}
a.next.page-numbers {
font-size: 0;
background-image: url(//responso.com/app/files/theme_images/down_arrow.png);
background-position: 1px 8px;
background-repeat: no-repeat;
background-position: center;
transform: rotate(-90deg);
}
a.prev.page-numbers {
font-size: 0;
background-image: url(//responso.com/app/files/theme_images/down_arrow.png);
background-position: 1px 8px;
background-repeat: no-repeat;
background-position: center;
transform: rotate(90deg);
}
.wpforms-error-container {
display: none;
}  section#section_d1 {
padding-top: 50px;
}
.single-dokumentacje {
background-image: url(//responso.com/app/files/theme_images/bg_single_tax.png);
background-size: 100%;
}
.header_single_tax {
padding: 115px 0 70px;
border-bottom: 1px solid #dbdbdb;
}
#section_d3{
margin-bottom: 100px;
}
body.tax-kategoria_dokumentacji {
background-image: url(//responso.com/app/files/theme_images/tax_bg_header.png);
background-repeat: no-repeat;
background-size: 93%;
} .inside-article .featured-image {
display: none;
}
.page-template-template-landing h1,
.single h1{
font-size: 46px;
font-weight: bold; 
}
.entry-meta a {
color: #828583;
}
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4{
font-weight: bold; 
margin-top: 50px;
}
.single .entry-content h2{
font-size: 36px;
}
footer.entry-meta {
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid #DBDBDB;
}
span.gp-icon.icon-tags,
.cat-links {
display: none;
}
.tags-links:before {
content: 'Tagged';
font-size: 36px;
display: block;
font-family: "Poppins", sans-serif;
margin-bottom: 30px;
color: #1D2128;
}
.tags-links {
font-size: 0;
}
.tags-links a{
font-size: 14px !important;
padding: 10px 20px;
border-radius: 50px;
border: 1px solid #DBDBDB;
color: #A2A2A2;
margin: 0 5px 10px;
display: inline-block;
}
.related_posts {
margin: 100px 0 0;
padding: 100px;
background-color: #F7F7F7;
}
.single-dokumentacje .related_posts .post_row .item {
background: #ffffff;
border-radius: 15px;
}
.single-dokumentacje .post_row .item:before
{
display:none
}
.related_posts h2{
font-size:46px ;
font-weight: 700;
} .footer-widgets {
padding: 50px 0 0;
background-color: #F7F7F7;
}
.widget.inner-padding{
margin-bottom: 0;
padding: 20px 0;
font-size: 18px;
}
.widget .button{
display: block !important;
text-align: center !important;
}
.ez-toc-widget-container {
background-color: #FAFAFA;
padding: 30px;
border-radius: 15px;
}
.ez-toc-widget-container .ez-toc-title {
font-weight: bold; 
font-size: 16px;
}
.ez-toc-widget-container nav {
font-size: 14px;
}
.ez-toc-widget-container nav a{
color: #828583 !important;
}
.ez-toc-widget-container nav li.active > a,
.ez-toc-widget-container nav a:hover{
color: #e37517 !important;
}
div.simplesocialbuttons.simplesocialbuttons-align-left {
text-align: left;
margin-top: 50px;
}
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-linkedin-share,
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-twt-share,
.simplesocialbuttons.simplesocial-round-icon button.simplesocial-fb-share {
color: #000000;
border-color: #000000;
}
.ssb-fb-like span {
right: 7px;
top: 8px;
} .site-info {
display: none;
}
.footer-widgets-container {
padding: 40px 0;
}
.inside-footer-widgets>div {
flex: none;
}
.inside-footer-widgets {
display: flex;
justify-content: space-between;
}
.footer-widget-1 {
max-width: 400px;
width: 100%;
}
.site-footer a,
.site-footer p{
font-size: 14px;
color: #828583;
}
.site-footer a:hover{
color: #000;
}
.footer-widgets .widget-title {
font-weight: bold;
}
.footer-widget-1 #text-3 img{
margin-bottom: 30px ; 
}
.widget_polylang ul{
display: flex;
margin-top: 40px;
}
.widget_polylang ul:before{
font-size: 14px;
color: #828583;
content: "Wybierz język:";
margin-right: 20px;
margin-top: 2px;
}
.widget_polylang ul li{
margin:0 15px 0 0;
}
.footer_desc {
background: #F7F7F7;
padding-bottom: 40px;
}
.footer_desc .container.grid-container{
padding:0;
max-width: 1360px;
display: flex;
align-items: center;
}
.footer_desc p {
font-weight: bold;
font-size:14px;
color: #000;
float: left;
margin-top: 9px;
margin-right: 40px;
display: inline-block;
}
.footer_desc div.wpforms-container-full .wpforms-form input[type=email]{
padding: 20px 15px;
}
.footer_desc form.wpforms-form .wpforms-field-container{
max-width: 280px;
}
.footer_desc div.wpforms-container-full .wpforms-form button[type=submit]{
padding: 10px;
font-size: 14px;
}
.footer_desc  form.wpforms-form {
width: 580px;
}
.footer_desc  div.wpforms-container-full {
margin-bottom: 0;
margin-left: 0;
}
.footer_social a{
transition: .3s;
margin-left: 10px;
}
.footer_social a:hover{
opacity: 0.7;
}
#section_9,
.site-footer {
z-index: 10000;
position: relative;
}
.site-footer .mobile_form{
display:none
}
.floating_bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
background: #222222;
background-image: url(//responso.com/app/files/theme_images/belka651.png);
background-size: cover;
background-repeat: no-repeat;
display: none;
}
.floating_bar a {
line-height: 1 !important;
background-color: #FFA329;
border-radius: 15px;
padding: 17px 15px !important;
color: #fff !important;
font-weight: bold;
transition: .3s !important;
text-align: center;
}
.floating_bar a:hover {
background: #e37517;
}
.floating_bar .grid-container{
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
}
.floating_bar p{
line-height: 1;
margin: 0;
color: #fff;
font-size: 24px !important;
}
.splide__pagination {
bottom: -1.5em !important;
} .accordion_toggle.hiden + .accordion_content {
display: none;
}
.accordion_toggle.visible + .accordion_content {
display: block;
}
#section_c6 h2 + p{
font-size: 20px;
}
#section_c6 .accordion_title.accordion_toggle {
font-weight: 700;
font-size: 20px;
cursor: pointer;
}
#section_c6 .accordion_list {
max-width: 1005px;
margin:20px  auto;
}
#section_c6 .accordion {
border-bottom: 1px solid #DBDBDB;
position: relative;
padding: 30px 0;
}
#section_c6 .accordion p {
margin-bottom: 0;
padding-right: 30px;
}
#section_c6 .accordion_content {
margin-top: 20px;
}
#section_c6 .accordion_title  svg path{
fill:#FFA329;
}
#section_c6 .accordion_title  svg{
display: block;
position: absolute;
right: 0;
top: 35px;
transform: rotate(136deg);
}
#section_c6 .accordion_title.accordion_toggle.visible svg{
transform: rotate(0) !important;
}
ul.footer_switch {
display: flex;
margin-top: 30px;
}
ul.footer_switch .dropdown-menu-toggle {
padding-right: 0;
}
ul.footer_switch > li {
margin-right: 10px;
font-size: 14px;
color: #828583;
}
.footer_switch ul {
display: block;
box-shadow: 1px 1px 0 rgb(0 0 0 / 10%);
float: left;
position: absolute;
left: -99999px;
opacity: 0;
z-index: 99999;
width: 200px;
text-align: left;
top: auto;
transition: opacity 80ms linear;
transition-delay: 0s;
pointer-events: none;
height: 0;
overflow: hidden;
margin: 0 !important;
}
.footer_switch li:hover ul {
left: auto;
opacity: 1;
transition-delay: 150ms;
pointer-events: auto;
height: auto;
overflow: visible;
background: #fff;
width: 110px;
padding: 10px;
border-radius: 15px;
}
.footer_switch #menu-item-160 {
float: left !important;
}
.footer_switch  img {
margin-bottom: 0px !important;
}
.footer_switch > li > a{
padding: 10px;
}
.search_wrap {
display: inline-block;
position: relative;
}
div#datafetch div{
background: #f3f3f3;
padding: 20px;
position: absolute;
border-radius: 15px;
border: 1px solid #dbdbdb;
z-index: 10;
width: 100%;
text-align: left;
}
div#datafetch a {
font-size: 14px;
color: #000;
display: block;
}
div#datafetch a:hover {
color: #FFA329;
}
.arrow {
background-image: url(//responso.com/app/files/theme_images/down_arrow.png);
background-position: 1px 8px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: inline-block;
transform: rotate(271deg);
} .full-width {
width: 100%;
}
#section_faq1 {
padding:160px 0 200px;
background-image: url(//responso.com/app/files/theme_images/faq_bg_header.png);
background-position: center 40px;
background-repeat: no-repeat;
}
.faq_content {
margin-top: -30px;
margin-bottom: 100px;
}
.faq_content .filters {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 100px;
}
.faq_content button.filter {
font-size: 14px;
color: #A2A2A2;
background: transparent;
border: 1px solid #A2A2A2;
border-radius: 15px;
padding: 8px 20px;
margin: 0 5px;
}
.faq_content button.filter:hover, 
.faq_content button.filter.active {
color: #FFA329;
border: 1px solid #FFA329;
}
.faq_content button.filter.active {
font-weight: 700;
} body.page-template-template-integracje_allegro {
background-image: url(//responso.com/app/files/theme_images/integracje_allegro_top_bg.jpg);
background-repeat: no-repeat;
background-size: 100%;
}
@media all  and (max-width: 1540px) {
.footer_desc .container.grid-container{
padding:0 30px;
}
.widget.inner-padding {
padding: 20px 20px 20px 0;
}
.inside-header {
padding: 30px ;
}
section { 
padding-left: 20px !important;
padding-right: 20px !important;
}
.footer-widgets-container {
padding: 30px;
}
.inside-footer-widgets>div {
flex: 1 1 0;
}
section#section_1,
section#section_d1 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.main-navigation .main-nav ul li a {
padding-left: 15px;
}
#section_c7,
section#section_c3,
#section_b1 {
margin-left: 30px !important;
margin-right: 30px !important;
}
}
@media all  and (max-width:1360px) { 
section#section_1 {
padding: 70px 0 0;
}
}
@media all  and (min-width: 1280px){
.zoom_wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
}
.zoom_wrap {
transform: scale(0.75);
transform-origin: 50% 0;
width: 100%;
}
}
.bodyfixed{
overflow: hidden;
}
@media all  and (max-width: 1260px) { 
.site-header .header-image {
max-width: 165px;
}
.nav-float-right #site-navigation {
margin:0;
}
.has-inline-mobile-toggle #site-navigation#masthead .toggled {
margin-top: 10px;
}
#masthead .inside-header {
padding: 0;
}
.has-inline-mobile-toggle #site-navigation,
.mobile-menu-control-wrapper .menu-toggle {
background-color: rgba(0, 0, 0, 0) !important;
}
section#section_1 .header_anim_wrap{
background: none;
max-width: 450px;
margin: auto;
height: auto;
}
iframe#header {
max-height: 535px;
}
iframe#integracja {
height: 42vw;
}
#masthead .toggled .main-nav > ul {
display: flex !important;
align-content: flex-start;
}
.floating_bar a {
padding: 17px 20px !important;
}
.floating_bar p {
font-size: 22px !important;
}
#section_b2:after {
right: -25%;
left: 45%;
}
#section_b1:before {
top: 30px;
bottom: 30px;
}
#section_b1 .last h1 {
font-size: 38px;
}
#section_b1 .last p {
font-size: 18px;
padding-right: 10px;
}
section#section_d1 h1 {
padding-top: 50px;
}
.posts_list .post,
.posts_list article,
.lista_kategorii .item_cat {
width: 46%;
}
body {
background:none !important;
}
.site-header {
background-color: #ffffff;
}
.mobile-menu-open #site-navigation.toggled{
border-top: 1px solid #DBDBDB;
margin-top: 0;
}
.menu-toggle {
line-height: 56px;
}
.gp-icon svg {
height: 20px;
width: 20px;
}
.navigation-branding img, .site-logo.mobile-header-logo img {
height: auto !important;
}
.main-navigation .inside-navigation {
display: flex;
}
#masthead .toggled li.menu-item-69 {
padding-bottom: 150px;
}
#masthead .toggled li.menu-item-162 {
position: absolute;
bottom: 61px;
}
#masthead .toggled li.menu-item-162 a{
text-align: center;
margin-bottom: 10px;
}
#masthead .toggled li.menu-item-607, 
#masthead .toggled li.menu-item-1041, 
#masthead .toggled li.menu-item-161  {
width: 270px;
position: absolute;
bottom: 0;
width: 100%;
}
#masthead .toggled li.menu-item-607 a, 
#masthead .toggled li.menu-item-1041 a, 
#masthead .toggled li.menu-item-161 a {
position: relative;
color: transparent;
font-size: 0;
}
#masthead .toggled li.menu-item-607 a:before, 
#masthead .toggled li.menu-item-1041 a:before, 
#masthead .toggled li.menu-item-161 a:before {
color: #1D2128;
font-size: 16px;
}
#masthead .toggled li.menu-item-607 a:before{
content: 'Are you already a client?';
}
#masthead .toggled li.menu-item-1041 a:before{
content: 'Você já é cliente?';
} 
#masthead .toggled li.menu-item-161 a:before {
content: 'Jesteś już klientem?';
}
#masthead .toggled li.menu-item-607 a:after,
#masthead .toggled li.menu-item-1041 a:after,
#masthead .toggled li.menu-item-161 a:after {
color: #29ce60;
font-size: 16px;
}
#masthead .toggled li.menu-item-607 a:after,
#masthead .toggled li.menu-item-1041 a:after{
content: ' Log In';
}
#masthead .toggled li.menu-item-161 a:after {
content: ' Zaloguj się';
}
#masthead .toggled li.menu-item-605,
#masthead .toggled li.menu-item-1042,
#masthead .toggled li.menu-item-160 {
position: absolute; 
width: 95px;
bottom: -1px;
right: 70px;
}
#masthead .toggled li.menu-item-605 a img + span,
#masthead .toggled li.menu-item-1042 a img + span,
#masthead .toggled li.menu-item-160 a img + span{
display: none;
}
#masthead .toggled li.menu-item-605 a .dropdown-menu-toggle,
#masthead .toggled li.menu-item-1042 a .dropdown-menu-toggle,
#masthead .toggled li.menu-item-160 a .dropdown-menu-toggle {
padding-left: 5px;
line-height: 66px;
}
.main-navigation .main-nav ul li a {
padding-left: 20px;
border-bottom: 1px solid #ddd;
}
.main-navigation .main-nav ul li.menu-item-607 a,
.main-navigation .main-nav ul li.menu-item-605 a,
.main-navigation .main-nav ul li.menu-item-1041 a,
.main-navigation .main-nav ul li.menu-item-161 a,
.main-navigation .main-nav ul li.menu-item-1042 a,
.main-navigation .main-nav ul li.menu-item-160 a 
{
border-bottom:0
}
.main-navigation .main-nav ul ul li a {
padding: 15px 20px 15px 40px;
}
.main-navigation ul.sub-menu {
border-radius: 0px;
box-shadow: none;
padding: 0;
}
.main-navigation#masthead .toggled .main-nav ul li.menu-item-605 ul#masthead .toggled-on,
.main-navigation#masthead .toggled .main-nav ul li.menu-item-1042 ul#masthead .toggled-on,
.main-navigation#masthead .toggled .main-nav ul li.menu-item-160 ul#masthead .toggled-on {
position: absolute;
bottom: 0;
top: unset;
border-radius: 15px;
box-shadow: -6px -8px 10px -10px #000;
}
.main-navigation .main-nav ul .menu-item-605 ul li a,
.main-navigation .main-nav ul .menu-item-1042 ul li a,
.main-navigation .main-nav ul .menu-item-160 ul li a {
padding: 10px;
text-align: center;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-72 {
margin-bottom: 240px !important;
}
#masthead .toggled .button{ 
display: none;
}
#masthead .toggled label.wpforms-field-label {
display: none;
}
#masthead .toggled form.wpforms-form {
display: block;
width: 100%;
padding: 20px;
position: absolute;
bottom: 50px;
max-width: 500px;
left: 50%;
transform: translate(-50%);
background-color: #FFF;
}
#masthead .toggled form.wpforms-form .wpforms-field-container {
margin: 8px 0;
max-width: 100%;
}
#masthead .toggled form.wpforms-form input[type=email]{
padding: 10px 20px !important;
max-width: 100%;
width: 100%;
border-radius: 10px;font-size: 12px;
}
#masthead .toggled .wpforms-submit-container {
max-width: 100%;
}
#masthead .toggled .wpforms-form button[type=submit]{
padding: 9px 12px;
}
#masthead .toggled .wpforms-submit-container button {
width: 100%;
}
#masthead .toggled .wpforms-form label.wpforms-error {
display: block;
color: #990000;
font-size: 12px;
float: none;
cursor: default;
}
#masthead .toggled li li,
#masthead .toggled li {
background: #fff;
position: relative;
z-index: 100;
}
}
@media all  and (max-width: 1024px) { 
#section_b2 div.col-100 {
max-width: 100%;
}
#section_b2:after {
right: -66%;
left: 59%;
}
}
@media all  and (max-width: 1100px) { 
section#section_1 .intro {
font-size: 20px;
margin-right: 25px;
}
.footer_desc .container.grid-container {
display: block;
}
.footer_social {
text-align: center;
margin-top: 30px;
}
.footer_desc p {
width: 100%;
text-align: center;
}
form.wpforms-form {
width: 100% !important;
justify-content: center;
}
#section_1 h1 {
font-size: 42px;
}
iframe#integracja {
top: 310px;
}
#content section#section_6 .button {
margin-top: 42vw;
}
}
#section_4 h2 + img {
display: none;
}
@media all and (min-width: 400px) and (max-width: 768px) { 
section#section_9 {
background-image: url(//responso.com/app/files/theme_images/above_footer_bg_orange.jpg) !important;
background-repeat: no-repeat;
background-size: cover;
}
#section_9 .grid-container.container {
max-width: 370px;
}
}
@media all  and (max-width: 768px) { 
#features .description{
font-size: 14px;
}
iframe#header {
max-height: 435px;
}
#section_faq1 {
padding-top: 70px;
padding-bottom: 60px;
background-image: url(//responso.com/app/files/theme_images/faq_bg_header_mobile.png);
background-position: center 10px;
}
.faq_content .filters {
margin-bottom: 40px;
}
#content #section_c1 .button {
display: block;    
}
ul.footer_switch {
justify-content: center;
}
.related_posts {
padding: 50px 10px;
}
section#section_9 .or_login span{
display: block;
}
.dokumenatacja_subheader {
display: block;
}
.dokumenatacja_subheader span.author {
margin-bottom: 20px;
}
.dokumenatacja_subheader span {
margin-right: 0px;
}
.dokumenatacja_subheader span.second {
margin-right: 20px;
}
#section_c6 .accordion p {
font-size: 16px;
}
section#section_1 .header_anim_wrap{
background-image:url(//responso.com/app/files/theme_images/header_start_mobile.png);
background-size: 100%;
background-repeat: no-repeat;max-width: 400px;
margin: auto;
height: auto;}
#section_4 h2 + img {
display: block;
}
#section_4 .resp-container,
#integracja {
display: none !important;
} .inside-footer-widgets {
display: inline-block;
width: 100%;
}
.footer-widget-1 {
width: 100%;
max-width: 100%;
text-align: center;
}
.widget_polylang ul {
justify-content: center;
}
.footer-widget-2 {
float: left;
width: 50%;
}
.footer-widget-3 {
float: left;
width: 50%;
}
.footer-widget-4 {
clear: both;
float: left;
width: 50%;
}
.footer-widget-5 {
float: left;
width: 50%;
}
#section_b2 {
margin-bottom: 290px;
}
body.tax-kategoria_dokumentacji{
background-image: url(//responso.com/app/files/theme_images/bg_single_tax_mob.png);
background-position: right top;
}
.only_desktop{ 
display: none !important;
}
.only_mobile{
display: inherit !important;
}
.col-50{
width: 100%;
float: none;
}
.col-33{
width: 100%;
float: none;
}
.col-25{
width: 50%;
float: left;
}
.inside-footer-widgets {
display: inline-block;
width: 100%;
}
.widget_polylang ul:before {
font-size: 12px;
}
.widget-title {
font-size: 14px;
margin-bottom: 20px;
}
.site-footer a, .site-footer p {
font-size: 12px;
}
.widget ul li {
margin-bottom: 2px;
}
.footer-widget-1 {
width: 100%;
max-width: 100%;
}
.footer-widget-2 {
float: left;
width: 49%;
}
.footer-widget-3 {
float: left;
width: 49%;
margin-left: 2%;
}
.footer-widget-4 {
clear: both;
float: left;
width: 49%;
}
.footer-widget-5 {
float: left;
width: 49%;
margin-left: 2%;
}
.footer_desc p {
float: none;
width: 100%;
margin: 0 0 20px;
text-align: center;
font-size: 14px;
}
.footer_desc  div.wpforms-container-full {
margin-bottom: 0;
padding-bottom: 40px;
}
.footer_desc form.wpforms-form {
flex-direction: column;
align-items: center;
width: 100%;
display: block;
margin: auto;
}
.footer_desc .wpforms-field-container,
.footer_desc .wpforms-submit-container {
margin: auto !important
}
.floating_bar p{
font-size: 18px !important;
}
.floating_bar a {
padding: 15px 20px !important;
font-size: 0px !important;
}
.floating_bar a:after {
content: '>';
font-size: 18px !important;
}
.floating_bar .grid-container {
padding: 20px 30px;
}
#section_1 .first{
text-align: center;
}
#section_1 h1 {
font-size: 38px;
margin-bottom: 15px !important;}
section#section_1 .description {
font-size: 18px;
margin-bottom: 15px;}
#section_1 form.wpforms-form {
display: block;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
margin: auto;
}
.footer_desc div.wpforms-container-full .wpforms-form input[type=email],
#section_9 div.wpforms-container-full .wpforms-form input[type=email],
#content div.wpforms-container-full .wpforms-form input[type=email] {
font-size: 12px;
}
.footer_desc .wpforms-submit-container,
#content .wpforms-submit-container,
#section_9 .wpforms-submit-container,
.footer_desc div.wpforms-container-full .wpforms-form button[type=submit],
#section_9 div.wpforms-container-full .wpforms-form button[type=submit],
#content div.wpforms-container-full .wpforms-form button[type=submit] {
max-width: 372px !important;
margin: auto;
}
.google_login {
margin-top: 10px !important;
}
section#section_1 .intro {
margin-right: 0;
}
section#section_1 .logotypes {
display: block;
text-align: center;
padding: 20px 0;
margin: 20px 0px;
}
section#section_1 .logotypes img{
display: none;
}
section#section_1 .logotypes img:nth-child(1),
section#section_1 .logotypes img:nth-child(2),
section#section_1 .logotypes img:nth-child(3),
section#section_1 .logotypes img:nth-child(4)
{
display: inline-block;
margin: 10px 0px 0;
max-height: 30px;
width: auto;
}
section#section_2 {
padding: 50px 0;
text-align: center;
}
section#section_2 .last {
padding-left: 0px;
}
section#section_2 .description{
font-size: 14px;
}
section#section_3 .description {
text-align: center;
margin-bottom: 0px;
}
section#section_3 .first{
background: #F7F7F7;
border-radius: 30px;
padding: 15px 20px 15px;
}
section#section_4 {
margin: 80px 0;
}
section#section_4 h2 {
margin-bottom: 0;
}
section#section_5 .firmy img {
margin: 30px 5px 50px;
filter: grayscale(100%);
max-height: 28px;
width: auto;
}
section#section_5 .firmy {
margin-bottom: 0px;
}
section#section_5 .opinie {
display: block;
margin-bottom: 30px;}
section#section_5 .opinie div:nth-child(1){
margin: auto;
padding-right: 0px;}
section#section_5 .opinie div:nth-child(2),
section#section_5 .opinie div:nth-child(3)
{
display: none;
}
section#section_5 .opinie p {
font-size: 14px;
}
section#section_5 .oceny_klientow {
display: inline-block;
text-align: center;
width: 100%;
}
section#section_5 .oceny_klientow span{
display: block;
font-size: 18px;
margin-bottom: 10px;
}
section#section_5 .oceny_klientow img {
max-width: 46%;
margin: 0 3%;
height: 50px;
width: auto;
}
section#section_5 .oceny_klientow img:nth-child(2){
clear: both;
}
section#section_5 .oceny_klientow img:nth-child(4),
section#section_5 .oceny_klientow img:nth-child(5){
display: none;
}
section#section_6{ padding: 90px 0;
} #content section#section_6 img {
margin:auto
}
#content section#section_6 .button {
margin-top: 30px;
}
section#section_8 {
padding: 100px 0;
}
section#section_8 h2{
text-align: center;
margin: 0;
}
section#section_8 .more_articles {
position: relative;
text-align: center;
width: 100%;
display: block;
margin-top: 10px;
top: 30px
}
.post_row .item {
text-align: left;
padding: 0 25px 40px;
}
.post_row .item:before {
opacity: 1;
}
.post_row .item h3 {
font-size: 18px; 
margin-top: 30px;
}
.post_row .item p {
font-size: 14px;
}
.read-more, .more_articles {
font-size: 14px;
}
section#section_9 {
background-image: url(//responso.com/app/files/theme_images/tlo.png) !important;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0;
background-position: top left;}
section#section_9 div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 0px 0;
}
section#section_9 form.wpforms-form {
display: block;
}
section#section_9 h2 {
font-size: 40px;
margin-bottom: 0px;
}
section#section_9 p.pozioma_lista {
margin-bottom: 10px;
}
section#section_9 p.pozioma_lista span {
margin: 4px;
display: inline-block;
font-size: 16px;
}
#section_9 form.wpforms-form .wpforms-field-container,
#content form.wpforms-form .wpforms-field-container {
margin: auto;
} #section_c1 h1 {
padding-top: 50px;
padding-bottom: 10px;
}
#section_c1 h1 {
font-size: 36px;
}
p.pozioma_lista span {
margin: 0px;
display: inline-block;
font-size: 18px;
}
.package_header {
flex-direction: column;
align-items: center;
}
.switch, .currency {
margin: 8px 0;
max-width: 320px;
}
.single_package a.show_more{
float: none;
display: none;
}
.single_package a.toggle_more {
display: block;
float: none;
}
.checkmark_list {
display: none;
}
section#section_c3 {
text-align: center;
margin: 100px 20px;
}
section#section_c3 h2 {
font-size: 27px;
max-width: 315px;
margin-left: auto;
margin-right: auto;
}
section#section_c3 p {
font-size: 18px;
}
section#section_c3 .button {
margin-bottom: 50px;
}
section#section_c3 h3 {
text-align: left;
padding-top: 30px;
}
.splide__pagination {
bottom: 0.5em;
}
section#section_c4 .ikona {
font-size: 18px;
}
section#section_c5 {
margin-top: 100px;
margin-bottom: 100px;
}
section#section_c5 h2 + p {
margin-bottom: 30px;
}
section#section_c5 .group {
flex-direction: column;
}
section#section_c5 .group_title,
section#section_c5 .group_content {
width: 100%;
}
section#section_c5 .group_title{
padding-right: 50px;
position: relative;
margin-top: 20px;
}
section#section_c5 .group_title svg path{
fill:#FFA329;
}
section#section_c5 .group_title svg{
display: block;
position: absolute;
right: 0;
top: 5px;
transform: rotate(136deg);
}
.group_title.accordion_toggle.visible svg{
transform: rotate(0) !important;
}
.accordion_toggle + .accordion_content {
display: none;
}
section#section_c7 {
min-height: 590px;
background-image: url(//responso.com/app/files/theme_images/cennik_mobile_ilu.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 30px 20px 100px;
padding: 171px 0;
border-radius: 30px;
}
section#section_c7 h2 {
font-size: 38px;
margin: 0 0 30px;
}
section#section_c7 .button {
display: block;
}
section#section_d1 {
flex-direction: column-reverse;
text-align: center;
}
section#section_d1 h1{
font-size: 38px;
}
section#section_d1 p{
font-size: 18px;
}
#section_d2 h2 {
font-size: 27px;
}
.searchandfilter ul {
flex-direction: column;
}
.searchandfilter label {
width: 100%;
}
.searchandfilter input.sf-input-text{
width: 100%;
border-radius: 15px;
border-right: 1px solid #DBDBDB !important;
margin-bottom: 10px;
}
li.sf-field-taxonomy-kategoria_dokumentacji:before {
display: none;
}
.searchandfilter select.sf-input-select {
min-width: 100%;
border-radius: 15px;
border-left: 1px solid #DBDBDB !important;
margin-bottom: 10px;
}
.searchandfilter input[type="submit"] {
margin-left: 0;
width: 100%;
}
.lista_kategorii {
flex-direction: column;
}
.lista_kategorii .item_cat {
margin: 40px 0px 20px;
width: 100%;
}
.post-type-archive-dokumentacje #section_d1 {
padding: 0 20px;
}
.post-type-archive-dokumentacje h1#lista_kategorii{
font-size: 27px;
margin: 50px 0;
}
.posts_list {
flex-direction: column;
padding-right: 20px;
padding-left: 20px;
}
.posts_list article{
width: 100%;
margin: 30px 0;
}
.header_tax {
margin: 70px 0;
}
.header_tax h1 {
font-size: 38px;
text-align: center;
}
.header_tax p {
font-size: 18px;
text-align: center;
padding: 0 20px;
max-width: 100%;
}
.tax-kategoria_dokumentacji #lista_kategorii {
font-size: 27px;
max-width: 270px;
margin: 0 auto 60px;
}
.search_tax{
padding: 0 20px;
}
#section_b1{
margin: 30px 20px;
}
#section_b1 .first img {
padding: 0;
}
#section_b1   .col-50{
padding-right: 20px;
padding-left: 20px;
}
#section_b1 .last h1 {
font-size: 27px;
margin-top: 15px;
}
#section_b1 .last p {
font-size: 14px;
padding-right: 0;
}
#section_b1:before {
top: 70px;
bottom: 0px;
}
#section_b1 .last a.read_more {
margin-bottom: 20px;
display: block;
}
#section_b2 div.col-100 {
max-width: 100%;
}
#section_b2:after {
top: 0;
right: 0px;
left: 0;
bottom: -345px;
background-position: 1px center;
transform: rotate(36deg);
}
#section_b2 h2 {
font-size: 26px;
text-align: center;
}
#section_b2 div.col-100 {
padding: 30px;
min-height: 430px;
text-align: center;
}
#section_b2 .button {
margin-top: 0;
text-align: center;
}
#section_b3 h2 {
font-size: 27px;
}
.posts_list .post {
padding: 30px;
margin: 80px 0 20px;
width: 100%;
}
.page-template-template-pomoc .posts_list {
padding-right: 0;
padding-left: 0;
}
.posts_list .post h3 {
font-size: 18px;
}
.posts_list .post p {
font-size: 14px;
}
.separate-containers .featured-image {
padding: 0 20px;
}
.page-template-template-landing h1,
.single h1 {
font-size: 38px;
}
.single .entry-content h2 {
font-size: 27px;
}
.single div#right-sidebar {
display: none!important;
}
.single-dokumentacje .header_single_tax {
background-image: url(//responso.com/app/files/theme_images/bg_single_dokument_mobile.png) !important;
background-size: auto;
background-repeat: no-repeat;
background-position: left -59px;
}
.single-dokumentacje #lista_kategorii {
font-size: 38px;
max-width: 402px;
margin: 20px auto 125px;
}
.single-dokumentacje .search_form_wrap {
margin: 0;
}
.single-dokumentacje .search_form_wrap .search_form_algo {
left: 20px !important;
}
.header_single_tax {
padding: 60px 0 40px;
}
.header_single_tax form.searchandfilter
{
margin: 20px;
}
.search_form_wrap .search_form_algo {
left: 0px !important;
width: 100%;
}
.search_form_wrap .search_form_algo #search {
width: 100% !important;
border-radius: 15px;
}
.page-template-template-landing h1,
.single h1 {
font-size: 27px;
}
section#section_2 h2 {
font-size: 27px;
}
}
.menu .wpforms-form{
display: none;
} @media all  and (max-width: 960px) { 
#content div#animation_container canvas,
#content div#animation_container div,
#content div#animation_container {
width: 500px !important;
height: 500px !important;
}
#content div#animation_container {
margin: auto;
}
}
@media all  and (max-width: 500px) { 
#content .single_package .button {
display: block;
}
section#section_5 .firmy img:nth-child(4){
display: none;
}
#content div#animation_container canvas,
#content div#animation_container div,
#content div#animation_container {
width: 350px !important;
height: 350px !important;
}
.footer_desc .container.grid-container {
padding: 0 30px 50px;
}
.footer_desc .wpforms-submit-container,
.footer_desc div.wpforms-container-full .wpforms-form button[type=submit]{
max-width: 100% !important;
}
section#section_c5 .group_content p {
padding-right: 30px;
}
#section_c5 .tooltip_wrap {
position: absolute;
right: 20px;
}
#section_c5 .tooltip {
left: -220px;
margin-left: 0;
}
#section_c5 .tooltip::before {
left: 93%;
}
}
@media all  and (max-width: 400px) { 
iframe#header {
max-height: 350px !important;
}
#section_b2 {
margin-bottom: 160px;
}
#content div#animation_container canvas,
#content div#animation_container div,
#content div#animation_container {
width: 330px !important;
height: 330px !important;
}
section#section_1 .header_anim_wrap {
max-width: 320px;
}
}
@media all  and (max-width: 370px) { 
#masthead .toggled li.menu-item-607 a:after, 
#masthead .toggled li.menu-item-1041 a:after, 
#masthead .toggled li.menu-item-161 a:after {
font-size: 14px;
}
#masthead .toggled li.menu-item-607 a:before, 
#masthead .toggled li.menu-item-1041 a:before, 
#masthead .toggled li.menu-item-161 a:before {
content: 'Jesteś już klientem?';
color: #1D2128;
font-size: 14px;
}
}
@media all  and (max-height: 570px) { 
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-72 {
margin-bottom: 0 !important;
}
#masthead .toggled form.wpforms-form {
position: relative;
bottom: 0;
left: 0;
transform: none;
margin:0 auto 75px
}
#masthead .toggled li.menu-item-1041,
#masthead .toggled li.menu-item-607,
#masthead .toggled li.menu-item-161 {
border-top: 1px solid #ddd;
}
}
.site-header .inside-header {
padding-left: 0px !important;
padding-right: 0px !important;
}
.search_form_wrap {
position: relative;
max-width: 660px;
margin: 0 auto 60px;
}
.search_form_wrap .search_form_algo {
position: absolute;
top: 0;
left: -3px;
}
html[lang="pt-BR"] .search_form_wrap .search_form_algo {
left: -33px;
}
.search_form_wrap .search_form_algo #search
{
width: 350px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
height: 52px;
border: 0;
background: transparent;
}
.search_form_wrap .search_form_algo #search:focus-visible{
outline-color: #29ce60 !important
}
.resp-container{
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.resp-container .animation_canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
pointer-events: none;
} .splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom;width: auto;}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.splide__pagination {
position: inherit;
}
.splide__pagination__page {
border-radius: 50px; 
height: 5px;
width: 35px;
background: #cbcbcb;
}
.splide__pagination__page.is-active {
background: #29CE60;
transform: scale(1.2);
opacity: 1;
}
#section_c4 .splide__slide img {
height: 85px;
width: auto;
} .calendly-overlay {
z-index: 99990 !important;
}
#section_b1 {
display: none;
} .page-template-template-produkt section{
padding:150px 0;
}
#section_pr1 .description{
font-size: 20px;
margin-bottom: 50px;
}
#section_pr2 {
background-color: #1D2128;
background-image: url(//responso.com/app/files/theme_images/bg_pr_s2.svg);
background-size: 150%;
background-position: 40% center;
color: #fff;
}
#section_pr2 .description{
font-size: 20px;
}
#section_pr2 .button{
margin-top: 60px;
}
@media all and (max-width: 1660px){
#section_pr2 {
background-size: 150%;
background-position: center 35%;
}
}
#section_pr2 h2{
font-weight: 700;
max-width: 790px;
margin: 0 auto 50px;
}
.page-template-template-produkt #section_3 .header_description {
margin-bottom: 60px;
}
.page-template-template-produkt div#features_desktop {
position: relative;
}
@media all and (min-width: 1025px){
.page-template-template-produkt .description_image {
top: -130px;
max-width: 50%;
}
}
.section_pr3 {
padding-bottom: 0 !important;
}
#section_pr4 .row_wrap {
display: flex;
align-items: center;
}
#section_pr4 .first{
padding-right: 40px;
}
#section_pr4 .row_wrap:nth-child(2n+1) .first{
padding-right: 0px;
}
#section_pr4 .row_wrap:nth-child(2n+1) .first{
padding-left: 40px;
}
#section_pr4 .row_wrap:nth-child(2n+1) {
flex-direction: row-reverse;
}
#section_pr4 img {
max-height: 500px;
width: auto;
}
#section_pr5  {
background-color: #F7F7F7;
border-radius: 120px;
padding: 60px 60px 60px 0;
}
#section_pr5 h2 {
font-weight: 700; 
}
#section_pr5 .description {
margin-bottom: 40px;
}
#section_pr5 a.button {
background-color: #29CE60 !important;
}
#section_pr6 {
padding-bottom: 0;
}
#section_pr6 h2 {
font-weight: 700;
max-width: 600px;
margin: 0 auto 40px;
}
#section_pr6 .firmy {
display: flex;
justify-content: space-around;
align-items: center;
}
#section_pr7 h2 {
font-weight: 700;
margin-bottom: 50px;
}
#section_pr7 .related_pages_ps {
display: flex;
gap: 40px;
}
#section_pr7 .related_item {
flex: 30%;
width: 30%;
border: 1px solid #DBDBDB;
border-radius: 30px;
padding: 10px;
}
#section_pr7 .related_item h3{
font-weight: 700;
color: #000;
font-size: 20px;
}
@media all and (max-width: 768px){
.page-template-template-produkt section{
padding:80px 0;
}
#section_pr1 {
text-align: center;
padding-bottom: 0;
}
#section_pr1 img{
max-width: 90%;
}
#section_3 .col-100.center {
padding-right: 20px;
}
section#section_pr4{
padding-bottom: 0;
}
#section_pr4 .row_wrap .first{
padding-left: 0 !important;
text-align: center;
padding-right: 0;
}
#section_pr4 .row_wrap,
#section_pr4 .row_wrap:nth-child(2n+1) {
flex-direction: column;
margin: 30px 0;
text-align: center;
}
section#section_pr5 {
margin: 0 20px;
text-align: center;
}
#section_pr6 h2 {
text-align: center;
}
#section_pr6 .firmy {
flex-direction: column;
}
#section_pr6 .firmy img{
margin-bottom: 20px;
}
#section_pr7 .related_pages_ps {
flex-direction: column;
gap: 30px;
}
#section_pr7 .related_item {
flex: 100%;
width: 100%;
}
#section_in6 .list {
margin-top: 30px !important;
}
} .page-template-template-landing section,
.single-integracje section {
padding: 45px 0;
}
.page-template-template-integracje section{
padding:150px 0;
}
#section_in2{
padding: 0;
}
#section_in5  {
background-color: #F7F7F7;
border-radius: 120px;
padding: 60px;
margin-bottom: 200px;
}
#section_in5  .col-50.last {
padding-left: 30px;
}
#section_in5  .description {
margin-bottom: 40px;
}
@media all and (max-width: 768px){
#section_in5 {
margin: 0 20px 100px;
text-align: center;
}
#section_in5 .col-50.last {
padding-left: 0px;
margin-top: 30px;
}
}
#section_in6 .list{
column-gap: 40px;
margin-top: 150px;
display: flex;
flex-wrap: wrap;
}
#section_in6 .box_in {
border: 1px solid #DBDBDB;
border-radius: 30px;
padding: 60px 40px;
margin-bottom: 40px;
width: 44vw;
max-width: 48%;
position: relative;
}
#section_in6 .box_in label {
position: absolute;
top: 15px;
left: 15px;
color: #fff;
padding: 0px 10px 1px;
border-radius: 50px;
font-size: 14px;
}
#section_in6 .box_in label.grey {
background: #989898;
}
#section_in6 .box_in label.green {
background: #29CE60;
}
#section_in6 .box_in label.orange {
background: #FFA329;
}
#section_in6 .description {
color: #828583;
margin: 40px 0 30px;
}
#section_in6 a {
color: #FFA329;
font-weight: 700;
}
@media all and (max-width: 768px){
#section_in6 .box_in {
width: 100%;
max-width:  100%;
}
} .page-template-template-opinie #section_pr1{
padding:150px 0;
}
.page-template-template-opinie section{
padding:80px 0;
}
#section_op2 h2{
margin-bottom: 50px;
}
#section_op3 .col-100.op3_row {
display: flex;
gap: 20px;
align-items: center;
}
#section_op3  h2 {
margin: 0;
padding-right: 20px;
}
#section_op3 .box_op3 {
border: 1px solid #DBDBDB;
border-radius: 30px;
padding: 40px 20px;
flex: 30%;
font-size: 14px;
}
#section_op3 .box_op3:nth-of-type(10n+2) {
border: 1px solid #29CE60;
background-color: #29CE60;
color: #fff;
}
#section_op3 .box_op3 h3 {
font-weight: 700;
font-size: 42px;
margin-bottom: 10px;
line-height: 1;
}
#section_op3 .box_op3 h3 {
min-height: 42px;
}
#section_op4 .row_wrap{
display: flex;
align-items: center;
}
#section_op4 h2,
#section_op4 .description{
margin-bottom: 40px;
}
#section_op4 .description.greendot strong{
padding-left:15px;
position: relative;
}
#section_op4 .description.greendot strong:before{
content: '';
height: 8px;
width: 8px;
background-color: #29CE60;
border-radius: 10px;
position: absolute;
left: 0;
top: 6px;
}
#section_op5{
flex-wrap: unset;
padding: 150px 0;
}
#section_op5 img{
position: absolute;
}
#section_op5 .description{
font-size: 28px;
line-height: 40px;
background: #FFA329;
padding: 43px 50px 43px 170px;
color: #fff;
margin-left: 35%;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
#section_op5 .description p{
margin: 0;
}
.page-template-template-opinie #section_pr6{
padding: 80px 0;
}
.page-template-template-opinie #section_pr7 {
padding: 150px 0;
}
#section_op7 {
background: #1D2128;
border-radius: 50px;
padding: 30px 50px 50px;
margin: 100px 0;
}
.tab_section .tab_item{
display: none;
}
.tab_section .tab_item{
display: none;
}
.tab_nav_outer {
display: flex;
justify-content: center;
}
.tab_section  .tab_nav {
display: flex;
justify-content: center;
background: #FFFFFF;
padding: 5px;
border-radius: 30px;
}
.tab_section  .tab_nav button{
background: transparent;
color: #1D2128;
border-radius: 30px;
padding: 7px 10px;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
transition: .3s;
margin: 0 3px;
}
.tab_section  .tab_nav button.active,
.tab_section  .tab_nav button:hover{
background: #29CE60;
color: #fff;
}
.tab_section .tab_item.active {
display: flex;
align-items: center;
}
.tab_section .tab_item {
color: #fff;
margin-top: 70px;
}
body.page-template-template-produkt,
body.page-template-template-integracje,
body.single-integracje,
body.page-template-template-landing,
body.page-template-template-opinie {
background-image: url(//responso.com/app/files/theme_images/bg_body_prod_integ.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
@media all and (max-width: 768px){
.page-template-template-opinie section {
padding: 40px 0;
}
.page-template-template-opinie #section_pr1 {
padding: 80px 0 20px;
}
#section_op3 .col-100.op3_row {
flex-direction: column;
}
#section_op3 .box_op3 {
width: 100%;
max-width: 210px;
}
#section_op3 h2 {
padding-bottom: 20px;
}
#section_op4 .row_wrap {
flex-direction: column-reverse;
}
#section_op4 .second {
margin-bottom: 20px;
}
#section_op5 {
flex-direction: column;
padding-top: 40px;
padding-bottom: 40px;
}
.page-template-template-opinie #section_pr6 {
padding: 40px 0;
}
#section_op5 img {
position: relative;
}
#section_op5 .description {
padding: 43px 30px 43px 30px;
margin-left: 0;
margin-top: 30px;
border-radius: 30px;
font-size: 21px;
line-height: 34px;
}
.tab_section .tab_item.active {
flex-direction: column;
}
.tab_section .tab_nav {
flex-wrap: wrap;
}
#section_op7 {
margin: 100px 20px;
}
.page-template-template-opinie #section_pr7 {
padding: 40px 0 100px;
}
#section_in6{
padding: 80px 0;
}
.firmy .splide__slide{ 
text-align: center;
}
} .page-template-template-statystyki  {
background-image: url(//responso.com/app/files/theme_images/statystyki_bg.png);
background-size: 136%;
background-position: 52% -163px;
}
.page-template-template-statystyki section#section_pr1,
.page-template-template-statystyki section#section_5 {
margin: 100px 0;
}
.page-template-template-statystyki section#section_c6,
.page-template-template-statystyki section#section_pr7{
margin: 150px 0;
}
.page-template-template-statystyki #section_op4  ul {
list-style: none; 
margin-left: 25px;
}
.page-template-template-statystyki #section_op4 ul li::before {
content: "\2022"; 
color: #FFA329; 
font-weight: bold; 
display: inline-block; 
width: 1em; 
margin-left: -1em;
font-size: 21px;
}
.page-template-template-statystyki section#section_3 {
margin: 0 0 100px;
}
.page-template-template-statystyki #section_3  {
padding-top: 80px;
}
.page-template-template-statystyki #section_3 .description_image {
top: -20px;
}
.page-template-template-statystyki #section_3a h2 {
font-weight: 700;
}
.page-template-template-statystyki .related_item img {
max-height: 210px;
height: 100%;
width: auto;
}
@media all and (max-width: 768px){
.page-template-template-statystyki  #section_op4.f1 .row_wrap {
flex-direction: column;
}
.page-template-template-statystyki section#section_pr1{
margin:80px 0 0;
}
.page-template-template-statystyki section#section_pr1 .button {
margin-bottom:30px
}
.page-template-template-statystyki section#section_5 {
margin: 40px 0;
}
.page-template-template-statystyki section#section_c6,
.page-template-template-statystyki section#section_pr7{
margin: 60px 0;
}
.page-template-template-statystyki section#section_3 {
margin: 0 0 40px;
}
}
.floating_bar {
display: none !important;
}  .radio_switch .r_switch {
position: relative;
display: inline-block;
width: 47px;
height: 24px;
margin: 0 5px;
} .radio_switch .r_switch input {
opacity: 0;
width: 0;
height: 0;
} .radio_switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
border: 1px solid #DBDBDB;
-webkit-transition: .4s;
transition: .4s;
}
.radio_switch .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 3px;
background-color: #29CE60;
-webkit-transition: .4s;
transition: .4s;
}
.radio_switch input:checked + .slider:before {
-webkit-transform: translateX(21px);
-ms-transform: translateX(21px);
transform: translateX(21px);
} .radio_switch .slider.round {
border-radius: 34px;
}
.radio_switch .slider.round:before {
border-radius: 50%;
}
section#section_c5 .compare_plans .group{
flex-direction: column;
margin-bottom: 30px;
}
section#section_c5 .compare_plans .group_title{
display: flex;
margin-bottom: 15px;
border-bottom: 1px solid #e9e9e9 !important;
align-items: center;
}
section#section_c5 .compare_plans .group_title .col_headers {
width: 70%;
display: flex;
}
section#section_c5 .compare_plans .group_title .col_headers b{
width: 33%;
text-align: center; 
display: none;
}
section#section_c5 .compare_plans .group:first-child .group_title .col_headers b{
display: block;
font-size: 14px;
}
section#section_c5 .compare_plans  .tooltip_wrap {
position: absolute;
background-image: url(//responso.com/app/files/theme_images/tooltip.png);
width: 22px;
height: 23px;
display: inline-block;
margin-left: 10px;
right: 0;
top: 0;
}
section#section_c5 .compare_plans .group_title,
section#section_c5 .compare_plans .group_content {
width: 100%;
padding-bottom: 10px;
}
section#section_c5 .compare_plans .group_content_row {
display: flex;
width: 100%;
padding: 12px 0;
font-size: 14px;
align-items: center;
}
section#section_c5 .compare_plans .group_title p,
section#section_c5 .compare_plans .group_content_row .subtitle {
width: 30%;
text-align: left;
margin: 0;
position: relative;
padding-right: 30px;
}
section#section_c5 .compare_plans .group_content_row div {
width: 23.33%;
text-align: center;
}
section#section_c5 .compare_plans .group_content_row .first_c span{
width: 22px;
height: 22px;
display: block;
margin: auto;
}
.c_false{
background-image: url(//responso.com/app/files/theme_images/c_false.jpg);
}
.c_true{
background-image: url(//responso.com/app/files/theme_images/c_true.jpg);
}
@media all and (max-width: 768px) { 
section#section_c5 .compare_plans .group_title {
padding-right: 0;
margin: 0;
}
section#section_c5 .compare_plans .group {
min-width: 470px;
}
section#section_c5 .compare_plans  {
overflow-x: scroll;
}
}
@media (max-width: 500px){
section#section_c5 .compare_plans .tooltip {
left: -25vw;
}
section#section_c5 .compare_plans .tooltip::before {
left: 27.5vw;
}
}
.main-navigation ul ul {
width: 300px;
}
.main-navigation ul ul li.header a:hover,
.main-navigation ul ul li.header a{
font-weight: bold;
background-color: transparent !important;
border-left: 0 !important;
}
.main-navigation ul ul li.orange a:hover,
.main-navigation ul ul li.orange a{
margin-bottom: -26px;
background-color: #ddf5d9;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-top: 10px;
color:#FFA329;
transition: .3s;
font-weight: bold;
padding-bottom: 15px;
padding-top: 15px;
}
@media all and (max-width: 768px) { 
.main-navigation ul ul li.orange a:hover,
.main-navigation ul ul li.orange a{
margin-bottom: 0;
background-color: #ddf5d9;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-top: 0;
}
}
#section_c6 .accordion h3 {
padding-right: 20px;
}
.page-template-template-cennik-nowy2 .packages .splide__track {
overflow: unset;
}
@media(max-width: 640px) {
.page-template-template-cennik-nowy2 .single_package ul li {
display: flex;
flex-direction: column-reverse;
}
.page-template-template-cennik-nowy2 #section_c2 ul li > span.tooltip_wrap {
top: 0;
margin-left: -3px;
}
.page-template-template-cennik-nowy2 .single_package ul li span.tooltip {
left: 0;
margin-left: -40px;
}
.page-template-template-cennik-nowy2 .single_package ul li .tooltip::before {
left: calc(50% - 74px);
}
} .popmake {
background: #29CE60 !important;
border-radius: 10px !important;
box-shadow: unset !important;
left: 10px !important;
width: calc(100% - 20px) !important;
}
.popmake h4 {
color: #222222;
margin-bottom: 0;
}
.bannerBottom {
padding: 20px 0;
}
.bannerBottom .bannerBottom-content {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 78vw;
margin: 0 auto;
z-index: 1;
position: relative;
}
.bannerBottom .bannerBottom-content .data {
display: flex;
gap: 50px;
align-items: center;
}
.data-text {
background: #fff;
color: #000;
font-weight: 700;
font-size: 0.8vw;
display: inline-block;
padding: 3px 5px 3px;
}
.data .button {
background: #FFA329;
border-radius: 10px;
padding: 1vw 1vw;
display: inline-block;
font-weight: 700;
width: 12vw;
text-align: center;
font-size: 0.9vw;
}
.bannerBottom {
position: relative;
}
.bannerBottom.empty:before {
content: '';
width: 33vw;
position: absolute;
top: -18px;
right: -20px;
background: #222222;
bottom: -18px;
border-radius: 0 10px 10px 0;
}
.bannerBottom:not(.empty):before {
content: '';
width: 50vw;
position: absolute;
top: -18px;
right: -20px;
background: #222222;
bottom: -18px;
border-radius: 0 10px 10px 0;
}
.timer {
font-size: 1.5vw;
color: #fff;
font-weight: 700;
}
a.notbutton {
color: #fff;  font-size: 0.9vw;
font-weight: 700;
position: relative;
transition: all .5s;
}
a.notbutton:hover {
opacity: 0.6;
}
a.notbutton img {
width: 1vw;
height: auto;
margin-left: 0.4vw;
}
a.notbutton:before {
content: '';
width: 100%;
height: 2px;
position: absolute;
background: #fff;
bottom: -0.3vw;
}
.elem1 img {
position: absolute;
top: -18px;
left: -18px;
width: 120px;
}
.elem2 img {
position: absolute;
bottom: -18px;
right: 0;
width: 160px;
}
.bannerBottom .bannerBottom-content {
padding-right: 5vw;
}
@media(max-width: 1024px){
.bannerBottom .bannerBottom-content {
flex-direction: column;
gap: 12px;
}
a.notbutton img {
width: 16px;
height: auto;
}
a.notbutton:before {
bottom: -5px;
}
.bannerBottom {
padding: 10px;
}
.popmake h4 {
font-size: 18px !important;
text-align: center;
}
.data-text {
font-size: 11px;
}
.timer {
font-size: 17px;
}
.bannerBottom:not(.empty):before {
display: none;
}
.elem1 img {
width: 89px;
}
.elem2 img {
width: 120px;
}
.data .button {
font-size: 12px;
width: 160px;
padding: 13px 0;
}
a.notbutton {
font-size: 15px;
color: #fff;
}
.data-text-info {
text-align: center;
}
}
@media(max-width: 640px) {
.bannerBottom .bannerBottom-content .data {
flex-direction: column;
gap: 9px;
}
.popmake h4 {
font-size: 15px !important;
}
}
.data a.button:hover {
background: #e37517 !important;
}
button.pum-close.popmake-close {
padding: 0 !important;
background: transparent !important;
box-shadow: unset !important;
right: 7px !important;
font-size: 17px !important;
font-weight: 600 !important;
}
@media(min-width: 1024px){
button.pum-close.popmake-close {
font-size: 1.3vw !important;
}
}
.bannerTop {
position: absolute;
top: -4.44vw;
font-weight: 800;
color: #222222;
font-size: 1.5vw;
margin-left: 8vw;
padding: 1vw 1.2vw;
}
.bannerTop:before {
content: "";
background: url(//responso.com/app/files/2023/05/banner-elem.svg);
background-size: contain;
background-repeat: no-repeat;
width: calc(100% + 1vw);
position: absolute;
left: 0;
z-index: -1;
top: 0.4vw;
height: 100%;
}
@media(max-width: 1024px){
.bannerTop {
margin-left: 0;
left: 50%;
transform: translate(-50%, 0);
padding: 13px 20px;
top: -58px;
font-size: 20px;
white-space: nowrap;
}
}
@media(max-width: 640px) {
.elem1 img {
display: none;
}
}
@media(max-width: 1260px) {
.main-navigation  .menu li.login a {
font-size: 0;
border: 2px solid #000 !important;
border-radius: 6px !important;
padding: 8px 18px !important;
height: 50px;
line-height: 36px;
display: flex!important;
align-items: center !important;
gap: 5px;
}
.main-navigation .menu li.login a {
background-image: url(//responso.com/wp-content/uploads/2023/08/login.svg);
background-repeat: no-repeat;
background-position: calc(100% - 15px) 50%;
max-width: 330px;
}
.main-navigation .menu li.login a:after {
background: none !important;
width: auto !important;
height: auto !important;
}
.main-navigation .menu li.login {
margin-bottom: 20px;
}
#masthead .toggled li.menu-item-605, #masthead .toggled li.menu-item-1042, #masthead .toggled li.menu-item-160 {
bottom: 16px;
right: 0;
}
.site-logo {
margin-left: 12px;
}
}
.Video-PopUp-Content {
flex-direction: column;
gap: 12px;
}
.Video-PopUp-Content .button {
border-radius: 8px;
border-radius: 10px;
padding: 17px 12px;
color: #fff;
font-weight: bold;
transition: .3s;
background: #FFA329 !important;
}
.page-template-template-landing div#content {
max-width: 1116px;
width: 100%;
margin: 0 auto;
}
body.page-id-5051 li#menu-item-5048 {
display: flex !important;
}
li.menu-item-target-products-pt > a > span,
li.menu-item-target-products-en > a > span,
li#menu-item-5048 > a > span {
position: relative !important;
right: -11px !important;
left: unset !important;
top: 0 !important;
}
@media(max-width: 1259px) {
li.menu-item-target-products-en ,
li#menu-item-5048 {
display: flex !important;
flex-direction: column;
}
}
div#primary-menu > ul > li.menu-item-target-products-pt,
div#primary-menu > ul > li.menu-item-target-products-en,
div#primary-menu > ul > li.menu-item-target-products-en,
div#primary-menu > ul > li#menu-item-5048{
position: unset;
}
div#primary-menu > ul > li.menu-item-target-products-pt:hover > .megamenu,
div#primary-menu > ul > li.menu-item-target-products-en:hover > .megamenu,
div#primary-menu > ul > li#menu-item-5048:hover > .megamenu {
opacity: 1;
visibility: visible;
pointer-events: all;
height: auto;
left: 0;
}
.megamenu-wrapper-product {
max-width: 1300px;
margin: 0 auto;
}
.megamenu-wrapper-product .mega-menu-products {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 16px;
}
.megamenu-wrapper-product .mega-menu-products > div a h4 {
font-size: 18px;
margin: 0 0 10px 0;
height: auto;
line-height: 1.4;
transition: all .5s;
}
.megamenu-wrapper-product .mega-menu-products > div a {
padding: 0 !important;
}
.megamenu-wrapper-product .mega-menu-products > div a p {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #1D2128;
}
.megamenu-wrapper-product .mega-menu-products > div a:hover h4 {
color: #29CE60;
}
.mega-menu-bottom-product {
background: #F7F7F7;
padding: 36px;
}
.megamenu-wrapper-product .mega-menu-products > div a {
padding: 0 !important;
margin: 0 !important;
}
.mega-menu-bottom-product h5 {
font-weight: 700;
color: #1D2128;
margin-bottom: 0 !important;
}
.mega-menu-bottom-product {
display: grid;
grid-template-columns: 1fr 260px;
gap: 18%;
}
.mega-menu-bottom-product .button {
background: #FFA329;
border-radius: 12px;
height: 60px;
line-height: 39px !important;
color: #fff !important;
}
.mega-menu-bottom-product a.button:hover {
background: #e37517 !important;
}
.megamenu-wrapper-product .mega-menu-products > div a h4 span {
color: #1D2128;
background: #29CE60;
font-size: 10px;
padding: 2px 3px;
border-radius: 4px;
}
.megamenu-wrapper-product .mega-menu-products > div a h4 {
display: flex;
align-items: center;
gap: 7px;
flex-wrap: wrap;
}
.megamenu-wrapper-product .mega-menu-products > div a h4 img {
width: 30px;
}
.menu-item-target-products-en .megamenu,
.menu-item-target-products .megamenu {
background: #fff;
}
.mega-menu-bottom-product {
margin-top: 40px;
}
li.menu-item-target-products-en > a.active,
li#menu-item-5048 > a.active {
padding: 0 !important;
background: transparent !important;
}
@media(max-width: 1259px) {
.megamenu-wrapper-product .mega-menu-products > div a p {
display: none;
}
.megamenu-wrapper-product .mega-menu-products {
grid-template-columns: 1fr;
gap: 10px;
}
.menu-item-target-products-en .megamenu,
.menu-item-target-products .megamenu {
padding: 20px;
}
.mega-menu-bottom-product .button {
display: block !important;
}
.mega-menu-bottom-product {
grid-template-columns: 1fr;
padding: 25px 25px 60px 25px;
}
}
.page-template-template-landing section#section_in2 {
margin-top: 30px;
} .page-template-template-ebook div#content {flex-direction: column;max-width: 100% !important;width: 100% !important;}
.page-template-template-ebook div#page {
max-width: 100%;
}
.page-template-template-ebook div#content section .container {
max-width: 1370px;
margin: 0 auto;
}
.page-template-template-ebook section.hero-ebook .container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.page-template-template-ebook section.hero-ebook h1 {
font-size: 40px;
line-height: 1.4;
}
.page-template-template-ebook section.hero-ebook p {
max-width: 584px;
line-height: 1.9;
}
.page-template-template-ebook section.hero-ebook a.button {
margin-top: 10px;
padding-left: 40px !important;
padding-right: 40px !important;
}
.page-template-template-ebook section.hero-ebook a.button:after {
display: none;
}
.page-template-template-ebook section.hero-ebook {
padding: 30px 0;
}
.page-template-template-ebook:after {
content: "";
background: url(//responso.com/wp-content/uploads/2023/08/blob-hero-2.svg);
display: block !important;
position: absolute;
width: 1420px;
height: 883px;
z-index: -1;
top: 0;
right: 0;
background-size: cover;
}
.page-template-template-ebook .form-ebok h2,
.page-template-template-ebook section.box-info h2 {
text-align: center;
font-size: 36px;
font-weight: 700;
line-height: 1.6;
}
.page-template-template-ebook section.box-info .box-info-desc {
max-width: 628px;
text-align: center;
margin: 30px auto 30px;
}
.page-template-template-ebook section.box-info .box-info-desc p {
line-height: 1.9;
}
.box-info-desc {
max-width: 628px;
text-align: center;
margin: 30px auto 30px;
}
.box-info-desc p {
line-height: 1.9;
}
section.box-info .row {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 743px;
margin: 50px auto 80px;
gap: 20px;
}
section.box-info .single span {
color: #C9C9C9;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
font-family: 'Poppins';
display: block;
margin-bottom: 10px;
}
section.box-info .single h3 {
font-size: 24px;
font-weight: 600;
color: #1D2128;
line-height: 1.6;
}
section.box-info .single {
max-width: 420px;
width: 100%;
}
section.box-info .single h3:after {
content: '';
background: url(https://responso.com/wp-content/uploads/2023/08/zygzak.svg);
width: 70px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-size: contain;
margin-top: 24px;
}
section.logo-typo {
padding: 40px 20px 0;
text-align: center;
}
section.logo-typo img {
max-width: 150px;
margin: 0 auto;
display: block;
}
.page-template-template-ebook .responso-banner-top, 
.page-template-template-ebook section#section_9, 
.page-template-template-ebook #footer-widgets, 
.page-template-template-ebook header {
display: none !important;
}
section.box-info:before {
background-image: url(https://responso.com/app/files/2024/08/elem1.svg);
background-repeat: no-repeat;
background-position: left;
content: '';
position: absolute;
width: 50%;
height: 120%;
z-index: 1;
background-size: contain;
top: -240px;
left: 0;
right: 0;
background-position: left top;
pointer-events: none;
}
section.box-info {
overflow: unset !important;
position: relative;
}
.page-template-template-ebook section {
overflow: unset !important;
}
section.form-ebok {
background: #F7F7F7;
padding: 40px 0;
background-image: url(https://responso.com/app/files/2024/08/Group-1400.svg);
background-repeat: no-repeat;
background-position: right 0%;
}
section.form-ebok .row-form {
max-width: 450px;
margin: 0 auto;
}
section.form-ebok  .row-form {
max-width: 450px;
margin: 0 auto;
}
section.form-ebok  .row-form form input {
border: 1px solid #DDDDDD !important;
border-radius: 8px !important;
}
section.form-ebok .row-form form input:focus {
border-color: #29ce61 !important;
}
section.form-ebok  .row-form form input.wpforms-error { 
border-color: red !Important;
}
section.form-ebok  .row-form form input.wpforms-valid {
border-color: #29ce61 !important;
}
section.form-ebok  .row-form form label {
margin-bottom: 10px !important;
}
.form-ebok .row-form form button[type="submit"] {
width: 100% !important;
display: block;
max-width: 100% !important;
border: unset !important;
}
.form-ebok .row-form form .wpforms-submit-container {
max-width: 100% !important;
}
form#wpforms-form-6290 {
flex-direction: column;
width: 100%;
}
.page-template-template-ebook div#tags {
display: none;
}
div#wpforms-6290-field_4-container, div#wpforms-6290-field_8-container, div#wpforms-6290-field_9-container, div#wpforms-6290-field_10-container {
display: none;
}
form#wpforms-form-6290 input.wpforms-field-medium {
width: 100%;
max-width: 100%;
height: 50px;
}
span.dotsi {
text-decoration: unset !important;
color: #000 !important;
font-weight: 400 !important;
}
ul#wpforms-6060-field_3 label .hide-agree.show {
display: inline;
}
ul#wpforms-6060-field_3 label .hide-agree {
display: none;
}
ul#wpforms-6060-field_3 label span {
color: #29ce61;
font-weight: 700;
margin-left: 3px;
text-decoration: underline;
cursor: pointer;
}
ul#wpforms-6060-field_3 {
text-align: left;
position: absolute;
left: 50%;
max-width: 610px;
transform: translate(-50%, 0);
width: 100%;
}
ul#wpforms-6060-field_3 label {
font-size: 11px;
display: block;
line-height: 1.4;
padding-left: 30px;
}
section.newsletter-section .wpforms-form {
position: relative;
}
ul#wpforms-6060-field_3 input {
position: absolute;
left: 0;
} ul#wpforms-6060-field_3 ~ label {
display: none !important;
}
ul#wpforms-6060-field_3 input.wpforms-error ~ label {
color: red !important;
}
section.newsletter-section h2 img {
width: 42px;
margin-left: 10px;
}
.page-id-6066 section.newsletter-section {
padding: 150px 0;
}
.page-template-template-newsletter:before {
content: "";
background: url(//responso.com/wp-content/uploads/2023/08/blob-hero-2.svg);
display: block !important;
position: absolute;
width: 1420px;
height: 883px;
z-index: -1;
top: 0;
right: 0;
background-size: cover;
}
.newsletter-section {
padding: 110px 0;
text-align: center;
}
section.newsletter-section {
width: 100%;
text-align: center;
}
section.newsletter-section h2 {
font-weight: 700;
font-size: 48px;
line-height: 1.3;
}
section.newsletter-section .desc.bigger p {
font-size: 24px;
max-width: 700px;
margin: 27px auto 30px;
}
section.newsletter-section p {
font-size: large;
max-width: 560px;
margin: 0 auto;
}
section.newsletter-section .wpforms-form {
justify-content: center;
max-width: 740px;
margin: 30px auto 0;
}
section.newsletter-section input[type="email"] {
border-radius: 8px !important;
border: 1px solid #DDDDDD !important;
padding-left: 25px !important;
color: #000 !important;
max-width: 100% !important;
width: 100% !important;
}
section.newsletter-section input[type="email"]::placeholder {
color: #B7B7B7;
font-size: 16px;
}
.section.newsletter-section wpforms-field-container {
max-width: calc(100% - 200px) !important;
}
section.newsletter-section .wpforms-submit {
max-width: 100% !important;
width: 100% !important;
padding-top: 18px !important;
padding-bottom: 19px !important;
}
section.newsletter-section .wpforms-submit-container {
max-width: 230px !important;
}
section.newsletter-section .wpforms-submit {
border: 1px solid #ffa328 !important;
}
.page-template-template-newsletter div#page {
max-width: 100%;
}
section.newsletter-section:before {
content: '';
background: url(https://responso.com/app/files/2024/07/listy.svg);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}
section.newsletter-section {
position: relative;
overflow: unset !important;
}
@media(max-width: 1024px) {
section.newsletter-section:before {
display: none;
}
}
.page-template-template-newsletter section#section_9 {
display: none;
}
@media(max-width: 768px){
section.newsletter-section .wpforms-form {
flex-direction: column;
}
ul#wpforms-6060-field_3 {
position: relative;
}
section.newsletter-section input[type="email"] {
max-width: 372px !important;
margin: 0 auto;
}
section.newsletter-section {
padding: 50px 0;
}
section.newsletter-section .wpforms-field-container {
max-width: 100% !important;
}
section.newsletter-section .wpforms-submit-container {
max-width: 100% !important;
}
section.newsletter-section h2 {
font-size: 36px;
}
section.newsletter-section .desc.bigger p {
font-size: 19px;
}
section.newsletter-section p {
font-size: 16px;
}
}
@media(max-width: 567px){
section.newsletter-section h2 {
font-size: 26px;
}
}
div#countdown {
text-align: center;
display: flex;
justify-content: center;
margin: 40px 0 40px;
background: white;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 30px 50px;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
border-radius: 5px;
gap: 50px;
}
.counting {
text-align: center;
}
div#countdown > div {
display: flex;
flex-direction: column;
}
div#countdown > div > span {
color: #29ce61;
font-weight: 700;
font-size: 30px;
}
div#countdown > div {
font-weight: 700;
color: #000;
}
section.form-webinar {
background: #f8f8f8;
padding: 50px 0 30px;
}
section.form-webinar h2, section.form-webinar h3 {
text-align: center;
color: #000;
font-weight: 700;
}
section.form-webinar h3 span {
color: #29ce61;
}
section.form-webinar h3 {
font-size: 24px;
max-width: 400p;
}
div#wpforms-6133-field_4-container {
display: none;
}
.page-template-template-webinar div#content {
flex-direction: column;
}
.page-template-template-webinar div#page {
max-width: 100%;
}
.page-template-template-webinar section .container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
section.logotypy-webinar .container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
}
section.logotypy-webinar .container .logo-partner img {
width: auto;
height: 40px;
}
section.logotypy-webinar {
padding: 40px 0;
}
section.logotypy-webinar .container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
justify-content: center;
}
section.logotypy-webinar .container .logo-partner img {
width: auto;
height: 40px;
}
section.logotypy-webinar {
padding: 40px 0;
}
section.program-webinar {
background: #1d2128;
color: #fff;
padding: 90px 0;
}
section.program-webinar h2 {
font-weight: 800;
font-size: 35px;
}
section.program-webinar h2 span {
color: #29ce61;
display: block;
}
h4.text-center-big {
color: #1d2128;
margin-bottom: 0;
font-size: 7rem;
font-weight: 800;
text-align: center;
margin-bottom: -3rem;
text-transform: uppercase;
}
section.program-webinar .container {
max-width: 890px;
}
section.program-webinar ul li:before {
content: '';
background: url(https://responso.com/app/files/2024/07/zygzag.svg);
width: 50px;
height: 25px;
position: absolute;
background-repeat: no-repeat;
left: -70px;
}
section.program-webinar ul li {
position: relative;
list-style-type: none;
margin-bottom: 16px;
}
section.program-webinar ul li:before {
content: '';
background: url(https://responso.com/app/files/2024/07/zygzag.svg);
width: 50px;
height: 25px;
position: absolute;
background-repeat: no-repeat;
left: -70px;
}
section.program-webinar ul li {
position: relative;
list-style-type: none;
margin-bottom: 16px;
}
section.hero-webinar {
padding: 50px 0;
}
section.hero-webinar img {
width: 100%;
height: auto;
}
section.hero-webinar .container {
align-items: center;
display: flex;
flex-wrap: wrap;
}
section.hero-webinar .container .col-50 .hero-webinar-title > span {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
}
section.hero-webinar .container .col-50 .hero-webinar-title h2 {
font-weight: 800;
margin-top: 16px;
}
section.hero-webinar .container .col-50 .hero-webinar-title h2 span {
color: #29ce61;
}
section.hero-webinar .hero-webinar-button {
margin-top: 33px;
}
section.hero-webinar .hero-webinar-desc p {
line-height: 1.8;
}
section.person-webinar .container {
max-width: 1000px;
}
section.person-webinar .container .person-webinar-single {
display: flex;
align-items: center;
margin: 26px 0;
}
section.person-webinar .container .person-webinar-single span.name {
font-size: 24px;
font-weight: 800;
display: block;
}
section.person-webinar .container .person-webinar-single span.place {
font-weight: 800;
font-size: 12px;
display: block;
margin: 5px 0 20px;
}
section.person-webinar .container .person-webinar-single:nth-child(even) {
flex-direction: row-reverse;
}
section.person-webinar {
padding: 0 0 50px;
flex-direction: column;
overflow: unset;
}
section.person-webinar .person-webiner-title {
width: 100%;
max-width: 1000px;
}
section.person-webinar .person-webiner-title h2 {
display: inline-block;
background: #29ce61;
font-weight: 800;
font-size: 30px;
padding: 40px;
border-radius: 5px;
margin-top:-50px;
position: relative;
z-index: 999;
margin-bottom: -30px;
}
section.person-webinar .person-webiner-title h2 span {
display: block;
color: #fff;
}
section.data-webinar .container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
}
section.data-webinar .col {
background: #f7f7f7;
width: 100%;
max-width: 320px;
text-align: center;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
align-items: center;
padding: 40px;
border-radius: 7px;
box-shadow: 0 0 80px 0 rgba(0,0,0,0.1);
border: 1px solid #e3e3e3;
}
section.data-webinar {
overflow: unset;
}
section.data-webinar .col > span:not(.data) {
font-weight: 800;
text-transform: uppercase;
font-size: 13px;
display: block;
margin: 10px 0 20px;
}
section.data-webinar .col > img {
width: auto;
height: 19px;
}
section.data-webinar .col > span.data {
font-weight: 800;
}
section.data-webinar .col > span.data .name {
display: block;
}
section.data-webinar {
margin-bottom: 50px;
}
@media(max-width: 1024px) {
section.data-webinar .container {
flex-direction: row;
justify-content: center;
}
}
section.hero-webinar .hero-image {
display: none;
}
@media(max-width: 768px){
section.hero-webinar .col-image {
display: none;
}
section.hero-webinar .hero-image {
display: block;
}
}
@media(max-width: 768px){
section.person-webinar .container .person-webinar-single {flex-direction: column !important;margin: 20px 0;}
section.person-webinar .person-webiner-title h2 {
margin-bottom: 10px;
margin-top: 20px;
width: 100%;
text-align: center;
}
h4.text-center-big {
font-size: 16vw;
margin-bottom: -6vw;
}
section.program-webinar h2 {
margin-bottom: 50px;
}
section.program-webinar {
padding: 40px;
}
}
section.program-webinar ul {
margin-left: 67px;
} div#countdown {
text-align: center;
display: flex;
justify-content: center;
margin: 40px 0 40px;
background: white;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 30px 50px;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
border-radius: 5px;
gap: 50px;
}
.counting {
text-align: center;
}
div#countdown > div {
display: flex;
flex-direction: column;
}
div#countdown > div > span {
color: #29ce61;
font-weight: 700;
font-size: 30px;
}
div#countdown > div {
font-weight: 700;
color: #000;
}
section.form-webinar {
background: #f8f8f8;
padding: 50px 0 30px;
}
section.form-webinar h2, section.form-webinar h3 {
text-align: center;
color: #000;
font-weight: 700;
}
section.form-webinar h3 span {
color: #29ce61;
}
section.form-webinar h3 {
font-size: 24px;
max-width: 400p;
}
div#wpforms-6133-field_4-container {
display: none;
}
.page-template-template-webinar div#content {
flex-direction: column;
}
.page-template-template-webinar div#page {
max-width: 100%;
}
.page-template-template-webinar section .container {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
section.logotypy-webinar .container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
}
section.logotypy-webinar .container .logo-partner img {
width: auto;
height: 40px;
}
section.logotypy-webinar {
padding: 40px 0;
}
section.logotypy-webinar .container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
justify-content: center;
}
section.logotypy-webinar .container .logo-partner img {
width: auto;
height: 40px;
}
section.logotypy-webinar {
padding: 40px 0;
}
section.program-webinar {
background: #1d2128;
color: #fff;
padding: 90px 0;
}
section.program-webinar h2 {
font-weight: 800;
font-size: 35px;
}
section.program-webinar h2 span {
color: #29ce61;
display: block;
}
h4.text-center-big {
color: #1d2128;
margin-bottom: 0;
font-size: 7rem;
font-weight: 800;
text-align: center;
margin-bottom: -3rem;
text-transform: uppercase;
}
section.program-webinar .container {
max-width: 890px;
}
section.program-webinar ul li:before {
content: '';
background: url(https://responso.com/app/files/2024/07/zygzag.svg);
width: 50px;
height: 25px;
position: absolute;
background-repeat: no-repeat;
left: -70px;
}
section.program-webinar ul li {
position: relative;
list-style-type: none;
margin-bottom: 16px;
}
section.program-webinar ul li:before {
content: '';
background: url(https://responso.com/app/files/2024/07/zygzag.svg);
width: 50px;
height: 25px;
position: absolute;
background-repeat: no-repeat;
left: -70px;
}
section.program-webinar ul li {
position: relative;
list-style-type: none;
margin-bottom: 16px;
}
section.hero-webinar {
padding: 50px 0;
}
section.hero-webinar img {
width: 100%;
height: auto;
}
section.hero-webinar .container {
align-items: center;
display: flex;
flex-wrap: wrap;
}
section.hero-webinar .container .col-50 .hero-webinar-title > span {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
}
section.hero-webinar .container .col-50 .hero-webinar-title h2 {
font-weight: 800;
margin-top: 16px;
}
section.hero-webinar .container .col-50 .hero-webinar-title h2 span {
color: #29ce61;
}
section.hero-webinar .hero-webinar-button {
margin-top: 33px;
}
section.hero-webinar .hero-webinar-desc p {
line-height: 1.8;
}
section.person-webinar .container {
max-width: 1000px;
}
section.person-webinar .container .person-webinar-single {
display: flex;
align-items: center;
margin: 26px 0;
}
section.person-webinar .container .person-webinar-single span.name {
font-size: 24px;
font-weight: 800;
display: block;
}
section.person-webinar .container .person-webinar-single span.place {
font-weight: 800;
font-size: 12px;
display: block;
margin: 5px 0 20px;
}
section.person-webinar .container .person-webinar-single:nth-child(even) {
flex-direction: row-reverse;
}
section.person-webinar {
padding: 0 0 50px;
flex-direction: column;
overflow: unset;
}
section.person-webinar .person-webiner-title {
width: 100%;
max-width: 1000px;
}
section.person-webinar .person-webiner-title h2 {
display: inline-block;
background: #29ce61;
font-weight: 800;
font-size: 30px;
padding: 40px;
border-radius: 5px;
margin-top:-50px;
position: relative;
z-index: 999;
margin-bottom: -30px;
}
section.person-webinar .person-webiner-title h2 span {
display: block;
color: #fff;
}
section.data-webinar .container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
}
section.data-webinar .col {
background: #f7f7f7;
width: 100%;
max-width: 320px;
text-align: center;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
align-items: center;
padding: 40px;
border-radius: 7px;
box-shadow: 0 0 80px 0 rgba(0,0,0,0.1);
border: 1px solid #e3e3e3;
}
section.data-webinar {
overflow: unset;
}
section.data-webinar .col > span:not(.data) {
font-weight: 800;
text-transform: uppercase;
font-size: 13px;
display: block;
margin: 10px 0 20px;
}
section.data-webinar .col > img {
width: auto;
height: 19px;
}
section.data-webinar .col > span.data {
font-weight: 800;
}
section.data-webinar .col > span.data .name {
display: block;
}
section.data-webinar {
margin-bottom: 50px;
}
@media(max-width: 1024px) {
section.data-webinar .container {
flex-direction: row;
justify-content: center;
}
}
section.hero-webinar .hero-image {
display: none;
}
@media(max-width: 768px){
section.hero-webinar .col-image {
display: none;
}
section.hero-webinar .hero-image {
display: block;
}
}
@media(max-width: 768px){
section.person-webinar .container .person-webinar-single {flex-direction: column !important;margin: 20px 0;}
section.person-webinar .person-webiner-title h2 {
margin-bottom: 10px;
margin-top: 20px;
width: 100%;
text-align: center;
}
h4.text-center-big {
font-size: 16vw;
margin-bottom: -6vw;
}
section.program-webinar h2 {
margin-bottom: 50px;
}
section.program-webinar {
padding: 40px;
}
}
section.program-webinar ul {
margin-left: 67px;
}
.page-template-template-ebook div.wpforms-container-full .wpforms-form input[type=radio] {
position: absolute;
opacity: 0;
}
.page-template-template-ebook div.wpforms-container-full .wpforms-form div#wpforms-6290-field_12-container li > label {
margin: 0 0 20px 0 !important;
padding: 0 0 0 24px !important;
width: 100%;
text-indent: 0 !important;
}
.page-template-template-ebook div.wpforms-container-full div#wpforms-6290-field_12-container li {
padding: 0 !important;
}
.page-template-template-ebook div.wpforms-container-full .wpforms-form div#wpforms-6290-field_12-container li {
position: relative;
}
.page-template-template-ebook div.wpforms-container-full .wpforms-form div#wpforms-6290-field_12-container li label:before {
content: '';
width: 17px;
height: 17px;
background: #fff;
display: block;
border-radius: 2px;
border: 1px solid silver;
position: absolute;
left: 0;
top: 1px;
}
form#wpforms-form-6290 > div {
max-width: 100% !important;
}
form#wpforms-form-6290 input {
max-width: 100% !important;
}
div#wpforms-6290-field_12-container > label {
margin-bottom: 21px !important;
}
div#wpforms-6290-field_3-container ul label {
padding: 0 !important;
position: relative;
padding-left: 30px !important;
}
div#wpforms-6290-field_3-container ul label:before {
content: '';
width: 17px;
height: 17px;
background: #fff;
display: block;
border-radius: 2px;
border: 1px solid silver;
position: absolute;
left: 0;
top: 1px;
}
div#wpforms-6290-field_3-container input {
opacity: 0;
position: absolute;
}
div#wpforms-6290-field_3-container ul input:checked ~ label:before,
.page-template-template-ebook div.wpforms-container-full .wpforms-form div#wpforms-6290-field_12-container li input:checked ~ label:before {
background-color: #29ce61;
background-image: url(https://responso.com/app/files/2024/09/check.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 11px;
border-color: #29ce61;
} .page-template-template-timeline2 div#page {
max-width: 1300px;
}
.page-template-template-timeline2 .entries .entry:nth-child(odd) img.icon {
position: absolute;
top: -44px;
z-index: 1;
width: auto;
height: 70px;
right: 30px;
}
.page-template-template-timeline2 .entries .entry:nth-child(even) img.icon {
position: absolute;
top: -44px;
z-index: 1;
width: auto;
height: 70px;
left: 30px;
}
.page-template-template-timeline2div#content {flex-direction: column;}
.page-template-template-timeline2 div#content {
flex-direction: column;
}
.page-template-template-timeline2 div#content {
flex-direction: column;
}
.page-template-template-timeline2 #section_c1 h1 {
font-weight: 700;
}
.page-template-template-timeline2 section#section_c1 {
margin-bottom: 60px;
}
.page-template-template-timeline2 section#section_c1:before {
content: '';
background: url(https://responso.com/app/files/2024/02/Group-1548.svg);
width: 525px;
height: 525px;
position: absolute;
top: 60px;
}
.page-template-template-timeline2 section#section_c1 {
position: relative;
overflow: unset;
}
.page-template-template-timeline2 p.pozioma_lista {
max-width: 624px;
margin: 0 auto;
}
.timeline-content {
width: 100%;
}
.page-template-template-timeline2 .entries {
margin: auto;
position: relative; }
.page-template-template-timeline2 .entries .entry {
width: calc(50% - 70px);
float: left;
padding: 40px;
clear: both; }
.page-template-template-timeline2 .entries .entry:not(:first-child) {
margin-top: -60px;
}
.page-template-template-timeline2 .entries .entry .title {
font-size: 32px;
margin-bottom: 12px;
position: relative;
color: #fff;
}
.page-template-template-timeline2 .entries .entry .title:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border: 4px solid #fff;
background-color: #1d1d1d;
border-radius: 100%;
top: 50%;
transform: translateY(-50%);
right: -73px;
z-index: 1000;
}
.page-template-template-timeline2 .entries .entry .title.big:before {
width: 24px;
height: 24px;
transform: translate(8px, -50%);
}
.page-template-template-timeline2 .entries .entry ..page-template-template-timeline2 {
color: #aaa;
}
.page-template-template-timeline2 .entries .entry ..page-template-template-timeline2 p {
line-height: 1.4em;
}
.page-template-template-timeline2 .entries .entry:nth-child(odd) {
text-align: left;
float: right;
}
.page-template-template-timeline2 .entries .entry:nth-child(2n) .title:before {
left: -63px;
}
.page-template-template-timeline2 .entries .entry:nth-child(2n) .title.big:before {
transform: translate(-8px, -50%);
}
.page-template-template-timeline2 .month.grid-item.entry h3 {
font-size: 20px;
font-weight: 700;
color: rgba(29, 33, 40, 1);
}
.page-template-template-timeline2 .month.grid-item.entry .text > span {
color:  rgba(255, 163, 41, 1);
font-style: italic;
font-size: 14px;
display: block;
margin-bottom: 7px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
}
.page-template-template-timeline2 .month.grid-item.entry .text .desc p {
font-family: "Open Sans", sans-serif;
color: rgba(29, 33, 40, 1);
font-size: 15px;
line-height: 24px;
}
.page-template-template-timeline2 .month.grid-item.entry a.button-year {
color: #000;
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 14px;
transition: all .5s;
}
.page-template-template-timeline2 .month.grid-item.entry a.button-year:after {
content: '';
background: url(https://responso.com/app/files/2024/02/arrow-gren.svg);
width: 17px;
height: 12px;
display: inline-block;
margin-left: 10px;
position: relative;
top: 2px;
}
.page-template-template-timeline2  .month.grid-item.entry a.button-year:hover {
color: #29ce61;
}
.page-template-template-timeline2 .timeline__headContent {
display: block;
clear: both;
}
.page-template-template-timeline2 .timeline-content {
position: relative;
margin: 70px 0;
}
.page-template-template-timeline2  .timeline-content:before {
content: '';
width: 2px;
height: 100%;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
border-width: 1px;
background: url(https://responso.com/app/files/2024/02/Line-1.svg);
}
.page-template-template-timeline2 .timeline__headContent .single-year > span {
color: #FFA329;
position: absolute;
left: calc(50% + 36px);
transform: translate(-50%, 0);
top: -8px;
font-weight: 600;
}
.page-template-template-timeline2 .month.grid-item.entry:before {
content: '';
background: url(https://responso.com/app/files/2024/02/element-tl.svg);
width: 59px;
height: 59px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
}
.page-template-template-timeline2 .entries .entry:nth-child(odd):before {
left: -101px;
top: 30px;
}
.page-template-template-timeline2 .entries .entry:nth-child(even):before {
right: -101px;
top: 30px;
}
.page-template-template-timeline2 .entries .entry {
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
border: 2px solid #F7F7F7;
}
.page-template-template-timeline2 .entries {
padding: 0 20px;
}
.page-template-template-timeline2 .entries .entry {
border-radius: 5px;
}
.page-template-template-timeline div#page {
max-width: 1298px !important;
}
.page-template-template-timeline2 .entries .entry .image-preview {
width: 100%;
height: auto;
margin-top: 30px;
transition: all .5s;
}
.timeline__headContent > .single-year:nth-child(n+2) {
position: relative;
display: block;
clear: both;
padding-top: 100px;
}
.timeline__headContent > .single-year:nth-child(n+2) > span.year {
top: 40px;
}
.timeline__headContent > .single-year:nth-child(even) .entry:nth-child(odd) {
float: left;
}
.timeline__headContent > .single-year:nth-child(even) .entry:nth-child(even) {
float: right;
}
.timeline__headContent > .single-year:nth-child(even) .entry:nth-child(even):before {
left: -100px;
right: unset;
}
.timeline__headContent > .single-year:nth-child(even) .entry:nth-child(odd):before {
right: -104px;
left: unset;
}
.timeline__headContent > .single-year:nth-child(even) .entry:nth-child(even) {
position: relative;
}
.timeline__headContent > .single-year:nth-child(odd) .entry:nth-child(odd):after,
.timeline__headContent > .single-year:nth-child(even) .entry:nth-child(even):after {
content: '';
width: 50px;
height: 50px;
position: absolute;
left: -26px;
top: 31px;
transform: rotate(-45deg);
border-top: 2px solid #F7F7F7;
border-left: 2px solid #F7F7F7;
background: #fff;
z-index: 1;
}
.timeline__headContent > .single-year:nth-child(even) .entry:nth-child(odd):after,
.timeline__headContent > .single-year:nth-child(odd) .entry:nth-child(even):after {
content: '';
width: 50px;
height: 50px;
position: absolute;
right: -26px;
top: 31px;
transform: rotate(135deg);
border-top: 2px solid #F7F7F7;
border-left: 2px solid #F7F7F7;
background: #fff;
z-index: 1;
}
.page-template-template-timeline2 .timeline__headContent .entries .entry {
background: #fff;
}
.page-template-template-timeline2  .timeline__headContent .entries .entry .text {
position: relative;
z-index: 2;
transition: all .4s;
}
@media(max-width: 992px){
.month.grid-item.entry.Wkrótce, .month.grid-item.entry.Nowa.funkcja {
margin-top: 60px !important;
}
.page-template-template-timeline2 .entries .entry:nth-child(odd) img.icon {
left: 30px;
right: unset;
}
.page-template-template-timeline2 section#section_c1:before {
display: none;
}
.page-template-template-timeline2   .timeline-content:before {
left: 33px;
transform: unset;
}
.page-template-template-timeline2 .timeline-content {
padding: 0 20px;
}
.page-template-template-timeline2 .timeline__headContent .single-year > span {
left: 63px;
}
.page-template-template-timeline2 .timeline__headContent .entries .entry {
float: none !important;
width: calc(100% - 40px);
margin-top: 0 !important;
margin-bottom: 30px;
margin-left: 40px;
}
.page-template-template-timeline2 .month.grid-item.entry:before {
width: 40px;
height: 40px;
left: -65px !important;
top: 37px !important;
}
.timeline__headContent > .single-year .entry:after{
width: 30px !important;
height: 30px !important;
right: unset !important;
left: -14px !important;
top: 41px !important;
transform: rotate(-45deg) !important;
}
}
.page-template-template-timeline2 .month.grid-item.entry.Wkrótce:before {
background: url(//responso.com/app/files/2024/04/res-szer.svg);
background-size: 100%;
background-repeat: no-repeat;
} @media(max-width: 768px) {
.page-template-template-cennik-nowy2   section#section_c7 {min-height: auto !important;padding: 120px 10px !important;}
.page-template-template-cennik-nowy2 section#section_c7 h2 {
font-size: 23px;
margin: 0 0 30px;
}
}
.page-template-template-cennik-nowy2 .site-content {
flex-direction: column;
}
.page-template-template-cennik-nowy2 .grid-container.container.alt {
max-width: 1220px !important;
}
.page-template-template-cennik-nowy2 #section_5 {
margin-top: 150px;
}
.page-template-template-cennik-nowy2 .tabsContainer .tabContent {
background: #F7F7F7;
border-radius: 30px;
max-width: 882px;
margin: 50px auto 30px;
display: flex;
align-items: center;
}
.page-template-template-cennik-nowy2 .tabsContainer .tabContent .tab {
width: 50%;
text-align: center;
padding: 18px 10px;
border-radius: 30px;
transition: all 0.5s;
cursor: pointer;
}
.page-template-template-cennik-nowy2 .tabsContainer .tabContent .tab strong {
font-size: 19px;
}
.page-template-template-cennik-nowy2 .tabsContainer .tabContent .tab.active {
background: #000;
color: #fff;
}
.page-template-template-cennik-nowy2 .grid-2-Container .left {
width: 310px;
background: transparent;
border-radius: 30px;
text-align: center;
color: #000;
padding: 35px 0px;
}
.page-template-template-cennik-nowy2 .grid-2-Container .left .price {
font-weight: 700;
font-size: 36px;
}
.page-template-template-cennik-nowy2 .grid-2-Container .left .price + p {
padding: 0 60px;
}
.page-template-template-cennik-nowy2 .grid-2-Container .left .left-img {
max-width: 100px;
margin: 0 auto;
display: block;
}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container {
display: flex;
background: #f7f7f7;
border-radius: 30px;
margin-top: 40px;
}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container span.year {
font-size: 63px;
font-weight: 700;
font-family: "Poppins", sans-serif;
line-height: 1.1;
display: block;
margin-bottom: 10px;
}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container span.year small {
font-size: 17px;
margin-left: 3px;
}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container .right {
display: flex;
align-items: center;
padding: 0 40px;
width: calc(100% - 310PX);
background: #1D2128;
border-radius: 30px;
color: #fff;
}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container .right .right-img {
max-width: 380px;
}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container .right .text ul li {list-style-type: none;margin-block: 11px;position: relative;font-size: 15px;}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container .right .text ul li:before {content: '';background: url(//responso.com/app/files/theme_images/check@2x.png);background-size: 20px;position: absolute;left: -46px;top: 4px;width: 20px;height: 18px;background-repeat: no-repeat;background-position: center; filter: brightness(0) invert(1);}
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container .right .text ul {
margin-top: 24px;
}
@media(max-width: 1199px){
.page-template-template-cennik-nowy2  .grid-2 .grid-2-Container .right .right-img {
max-width: 300px;
}
}
@media(max-width: 1099px){
.page-template-template-cennik-nowy2  .grid-2 .grid-2-Container .right .right-img {
max-width: 230px;
}
}
@media(max-width: 991px){
.page-template-template-cennik-nowy2  .grid-2 .grid-2-Container {
flex-direction: column;
gap: 30px;
}
.page-template-template-cennik-nowy2 .grid-2-Container .left, .page-template-template-cennik-nowy2 .grid-2-Container .right {
width: 100% !important;
}
}
@media(max-width: 768px){
.page-template-template-cennik-nowy2 .grid-2 .grid-2-Container .right {
flex-direction: column;
padding-bottom: 20px;
}
.page-template-template-cennik-nowy2 .tabsContainer .tabContent .tab {
font-size: 12px !important;
}
.page-template-template-cennik-nowy2 .tabsContainer .tabContent .tab strong {
font-size: 14px !important;
}
}
@media(max-width: 576px){
.page-template-template-cennik-nowy2  .tabsContainer .tabContent {
flex-direction: column;
}
.page-template-template-cennik-nowy2 .tabsContainer .tabContent .tab {
width: 100%;
}
}
.page-template-template-cennik-nowy2 section#section_c4 {
margin-top: 100px;
}
.page-template-template-cennik-nowy2 p.pozioma_lista span {
background: transparent;
}
.page-template-template-cennik-nowy2 #section_c2 ul li > span.tooltip_wrap  {
position: relative;
top: 7px;
}
.page-template-template-cennik-nowy2 .tooltip_wrap {
position: relative;
background-image: url(//responso.com/app/files/2023/05/question-circle-svgrepo-com-1.svg) !important;
width: 22px;
height: 22px;
display: inline-block;
margin-left: 3px;
background-size: contain;
}
@media(max-width: 640px){
section.box-info .row {
grid-template-columns: 1fr;
}
}
section.box-info:before {
left: -170px;
}
@media(max-width: 1024px){
section.box-info:before {
opacity: 0;
}
}
section.hero-ebook img {
width: 100%;
}
div#wpforms-6290-field_14-container, div#wpforms-6290-field_15-container {
display: none;
} html  {
--menu-border-radius: 12px;
--menu-padding: 0;
--menu-max-width: 1360px;
--menu-bg-color: #fff;
--menu-hover-bg-color: #29CE60;
--menu-hover-bg-light: #EAFAEF;
--menu-text-color: #5B5B5B;
}
html  .menu-item-target-products-en .megamenu,
html  .menu-item-target-products .megamenu {
padding: var(--menu-padding);
margin: 0 auto;
}
html  .megamenu-wrapper-product .mega-menu-products > div a .opt-menu-heading {
font-size: 16px !important;
}
html  .mega-menu-bottom-product {
border-radius: var(--menu-border-radius);
}
html  .mega-menu-bottom-product .opt-menu-desc-heading {
font-size: 18px;
max-width: 660px;
}
html  div#primary-menu > ul > li#menu-item-4593:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-4039:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-2780:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-4232:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-5048:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-4219:hover > .megamenu:before 
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 400vh;
background: #0000003b;
z-index: 0;
pointer-events: none;
}
html  .megamenu-wrapper-product {
position: relative;
z-index: 1;
background: var(--menu-bg-color);
max-width: var(--menu-max-width);
padding: 30px;
border-radius: 0 0 var(--menu-border-radius) var(--menu-border-radius);
}
html  .megamenu .product {
border-left: 3px solid transparent;
padding: 15px 15px 6px;
transition: all .5s;
background: var(--menu-bg-color);
}
html  .product:hover {
border-color: var(--menu-hover-bg-color);
background: var(--menu-hover-bg-light);
}
html  .megamenu-wrapper-product .mega-menu-products > div a:hover .opt-menu-heading {
color: #000;
}
html .megamenu {
background: transparent;
padding: var(--menu-padding);
}
html .megamenu .megamenu-wrapper {
background: var(--menu-bg-color);
z-index: 1;
max-width: var(--menu-max-width);
padding: var(--menu-padding);
position: relative;
border-radius: 0 0 var(--menu-border-radius) var(--menu-border-radius);
gap: 0;
}
html .megamenu .megamenu-wrapper .col1 ul {
border: 0;
}
html .megamenu .megamenu-wrapper .col1 {
border-right: 2px solid #F6F6F6;
}
html .megamenu .megamenu-wrapper .col2 .col2-nav .col-nav {
border-right: 2px solid #F6F6F6;
}
html .megamenu .megamenu-wrapper ul li a {
border-left: 3px solid transparent !important;
padding-left: 6px !important;
transition: all .5s;
}
html .megamenu .megamenu-wrapper ul li a img {
width: 19px;
}
html .megamenu .megamenu-wrapper ul li a:hover {
background: #29ce6036 !important;
border-color: var(--menu-hover-bg-color) !important;
}
html  .megamenu .megamenu-wrapper .col1 ul {
gap: 0;
}
html  .megamenu .megamenu-wrapper .col1 ul li a,
html  .megamenu .megamenu-wrapper .col2 ul li a {
padding: 11px 30px !important;
}
html  .megamenu .megamenu-wrapper .col2 .col2-nav {
gap: 0;
}
html  .megamenu .megamenu-wrapper .col2 ul li {
margin-bottom: 0;
}
@media(min-width: 1260px){
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu .sub-menu-elements {
display: grid;
grid-template-columns: 200px 200px;
}
html  header li#menu-item-3874.menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu .sub-menu-elements {
grid-template-columns: 240px 240px;
}
}
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu .col2-text.mega-menu-bottom-product {
width: calc(100% - 50px);
margin-left: 25px;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu .sub-menu-elements li a {
padding-left: 25px;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu { border-radius: 0 0 var(--menu-border-radius) var(--menu-border-radius);
box-shadow: unset !important;
background: var(--menu-bg-color) !important;
}
html  header li.menu-item-has-children:not(.pll-parent-menu-item) {
position: unset !important;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item):after {
content: '';
width: 300%;
height: 300vh;
background: #00000040;
position: absolute;
left: -150%;
right: 0;
pointer-events: none;
top: 105px;
transition: all .5s;    
opacity: 0;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item):hover:after {
opacity: 1;
}
@media (max-width: 1259px) {
html  header .megamenu {
padding: 20px 25px;
}
}
html  .mega-menu-bottom-product .opt-menu-desc-heading p {
font-size: 16px;
font-weight: 500;
margin-top: 4px;
margin-bottom: 0;
}
@media(max-width: 640px){
html   li#menu-item-161 a {
display: block !important;
max-width: 100% !important;
padding: 5px 15px !important;
height: 51px;
}
html   li#menu-item-161 {
margin-top: 10px;
}
}
html  .megamenu .megamenu-wrapper .col .col-nav > strong, 
html  .megamenu .megamenu-wrapper .col > strong {
font-weight: 700;
font-size: 16px;
line-height: 120%;
letter-spacing: -0.1px;
display: block;
margin-bottom: 28px;
padding-top: 20px;
padding-left: 30px;
color: #5B5B5B;
}
html   .megamenu .megamenu-wrapper .col2 .col2-nav .col-nav ul {
border: unset;
}
@media(max-width: 1259px){
html  li#menu-item-160 {
position: relative !important;
left: 0;
top: 0;
right: unset !important;
height: unset;
width: 100% !important;
border: 0;
}
html   li#menu-item-160 > a {
display: none !important;
}
html    li#menu-item-160 > .sub-menu {
position: relative !important;
opacity: 1;
visibility: visible !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
height: auto;
display: grid;
width: 100%;
border: 0;
grid-template-columns: 40px 40px 40px;
padding-left: 11px;
padding-bottom: 11px;
}
html  .megamenu-wrapper-product {
padding: 0;
}
html  .mega-menu-bottom-product {
margin-top: 0;
width: calc(100% - 40px) !important;
margin-left: 20px!important;
}
html  .megamenu-wrapper-product .mega-menu-products {
gap: 0;
margin-bottom: 20px;
}
html  div#primary-menu > ul > li#menu-item-4593:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-4039:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-2780:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-4232:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-5048:hover > .megamenu:before,
html  div#primary-menu > ul > li#menu-item-4219:hover > .megamenu:before 
{
display: none;
}
html .megamenu .megamenu-wrapper .col1 ul {
width: 100%;
max-width: 100%;
}
html .megamenu .megamenu-wrapper .col1 {
width: 100%;
border: 0;
margin-top: 12px;
margin-bottom: 15px;
}
.megamenu .megamenu-wrapper .col1 ul li {
margin-bottom: 6px;
}
html  .menu-item-target-products .megamenu {
max-width: 100%;
width: 100%;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item):after {
display: none;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu {
position: relative;
display: flex;
flex-direction: column;
left: 0;
top: 0 !important;!i;!;
grid-template-columns: 1fr !important;!i;!;
max-width: 100%;)%;)%;);
width: 100%;
left: 0;
right: 0;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu .sub-menu-elements {
grid-template-columns: 1fr;
margin-bottom: 10px;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu .sub-menu-elements li a {
border-left: 3px solid transparent!important;!i;!;
transition: all .5s;
}
html  header .menu-item-has-children:not(.pll-parent-menu-item) ul.sub-menu .sub-menu-elements li a:hover {
border-color: var(--menu-hover-bg-color) !important;!i;!;
}
}
.tooltips-content .video-content {
text-align: center;
}
html  .megamenu-wrapper-product .mega-menu-products.mega-menu-products-two {
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
padding-top: 30px;
padding-bottom: 60px;
}
html  .mega-menu-products.mega-menu-products-two:before { content: attr(data-before);
position: absolute;
top: -8px;
left: 0;
right: 0;
border-bottom: 1px solid silver;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.7px;
opacity: 0.5;
padding-bottom: 11px;
}
html  .mega-menu-products.mega-menu-products-two:after { content: attr(data-after);
position: absolute;
bottom: 10px;
left: 0;
right: 0;
border-bottom: 1px solid silver;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.7px;
opacity: 0.5;
padding-bottom: 11px;
}
html  .megamenu-wrapper-product { }
html  .megamenu-wrapper-product .mega-menu-products > div a .opt-menu-heading span {
color: #fff;
}
html  .mega-menu-bottom-product {
display: none;
}
@media(max-width: 1260px){
html  .megamenu-wrapper-product .mega-menu-products.mega-menu-products-two {
grid-template-columns: 1fr;
margin-bottom: 0;
margin-top: 20px;
}
html  .mega-menu-products.mega-menu-products-two:before, html  .mega-menu-products.mega-menu-products-two:after {
left: 20px;
right: 20px;
}
}
.col2-text.mega-menu-bottom-product a.button {
background: transparent;
color: #ffa328 !important;
padding-left: 0 !important;!;
padding-right: 30px !important;
border-bottom: 2px solid;
border-radius: 0;
}
.col2-text.mega-menu-bottom-product a.button:after {
background: url(https://responso.com/app/files/2024/12/arrow-button-y.svg) !important;
width: 16px !important;
height: 16px !important;
right: 0 !important;
}
.col2-text.mega-menu-bottom-product a.button {
background: transparent !important;
}
@media(max-width: 1259px) {
html .megamenu {
width: 100%;
max-width: 100%;
}
}
@media(max-width: 768px){
html .mega-menu-bottom-product  {
display: flex !important;
flex-direction: column;
}
html .mega-menu-bottom-product > div {
width: 100% !important;
max-width: 100% !important;
}
html .mega-menu-bottom-product {
gap: 20px;
padding-bottom: 30px;
}
}
@media (min-width: 1260px) {
.home section#section_1 h1 {
font-size: 46px;
}
.home section#section_1 {
padding: 120px 0 !important;
}
}.algolia-autocomplete {
z-index: 999999 !important;
}
.aa-dropdown-menu { font-family: sans-serif;
background-color: #fff;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
}
.aa-dropdown-menu:after {
content: " ";
display: block;
clear: both;
}
.aa-dropdown-menu .aa-input, .aa-dropdown-menu .aa-hint {
width: 100%;
}
.aa-dropdown-menu .aa-hint {
color: #999;
} .aa-dropdown-menu {
color: #1a1a1a;
font-size: 12px;
}
.aa-dropdown-menu a {
font-size: 12px;
color: #1a1a1a;
font-weight: normal;
text-decoration: none;
}
.aa-dropdown-menu a:hover {
text-decoration: none;
} .aa-dropdown-menu .autocomplete-header {
margin: 0 14px;
line-height: 3em;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.aa-dropdown-menu .autocomplete-header-title,
.aa-dropdown-menu .autocomplete-header-more
{
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-title {
float: left;
}
.aa-dropdown-menu .autocomplete-header-more {
float: right;
}
.aa-dropdown-menu .autocomplete-header-more a {
color: rgba(0,0,0,.3);
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-more a:hover {
color:  rgba(0,0,0,.4);
} .aa-dropdown-menu .aa-suggestion {
padding: 5px 0;
}
.aa-dropdown-menu .aa-suggestion:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.aa-dropdown-menu .aa-suggestion em {
color: #174d8c;
background: rgba(143,187,237,.1);
font-style: normal;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-title {
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content {
color: #63676d;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content em {
padding: 0 0 1px;
background: inherit;
box-shadow: inset 0 -2px 0 0 rgba(69,142,225,.8);
color: inherit;
}
.aa-dropdown-menu .aa-suggestion.aa-cursor {
background-color: #f9f9f9;
}
.aa-dropdown-menu a.suggestion-link {
display: block;
padding: 0 14px;
}
.aa-dropdown-menu a.suggestion-link.user-suggestion-link {
line-height: 32px;
}
.aa-dropdown-menu a.suggestion-link svg {
vertical-align: middle;
fill: rgba(0,0,0,.3);
float: left;
}
.aa-dropdown-menu .suggestion-post-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 3px;
width: 32px;
height: 32px;
}
.aa-dropdown-menu .suggestion-user-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 16px;
width: 32px;
height: 32px;
} .aa-dropdown-menu .autocomplete-footer-branding {
padding: 15px 14px 0px;
float: right;
color: rgba(0,0,0,.3);
margin-bottom: 7px;
} .aa-dropdown-menu .clear {
clear: both;
} .autocomplete-empty {
clear: both;
padding: 15px;
}
.autocomplete-empty .empty-query {
font-weight: bold;
}.post-image-above-header .inside-article .featured-image,.post-image-above-header .inside-article .post-image{margin-top:0;margin-bottom:2em}.post-image-aligned-left .inside-article .featured-image,.post-image-aligned-left .inside-article .post-image{margin-top:0;margin-right:2em;float:left;text-align:left}.post-image-aligned-center .featured-image,.post-image-aligned-center .post-image{text-align:center}.post-image-aligned-right .inside-article .featured-image,.post-image-aligned-right .inside-article .post-image{margin-top:0;margin-left:2em;float:right;text-align:right}.post-image-below-header.post-image-aligned-center .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .post-image,.post-image-below-header.post-image-aligned-right .inside-article .featured-image,.post-image-below-header.post-image-aligned-right .inside-article .post-image{margin-top:2em}.post-image-aligned-left>.featured-image,.post-image-aligned-right>.featured-image{float:none;margin-left:auto;margin-right:auto}.post-image-aligned-left .featured-image{text-align:left}.post-image-aligned-right .featured-image{text-align:right}.post-image-aligned-left .inside-article:after,.post-image-aligned-left .inside-article:before,.post-image-aligned-right .inside-article:after,.post-image-aligned-right .inside-article:before{content:"";display:table}.post-image-aligned-left .inside-article:after,.post-image-aligned-right .inside-article:after{clear:both}.post-image-aligned-left .inside-article,.post-image-aligned-right .inside-article{zoom:1}.one-container.post-image-above-header .no-featured-image-padding.generate-columns .inside-article .post-image,.one-container.post-image-above-header .page-header+.no-featured-image-padding .inside-article .post-image{margin-top:0}.one-container.both-right.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-right.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-right:0}.one-container.both-left.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-left.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0}.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0;margin-right:0}.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .featured-image,.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .post-image{margin-left:0;margin-right:0}@media (max-width:768px){body:not(.post-image-aligned-center) .featured-image,body:not(.post-image-aligned-center) .inside-article .featured-image,body:not(.post-image-aligned-center) .inside-article .post-image{margin-right:0;margin-left:0;float:none;text-align:center}}.masonry-enabled .page-header{position:relative!important}.separate-containers .site-main>.generate-columns-container{margin-bottom:0}.load-more.are-images-unloaded,.masonry-container.are-images-unloaded,.masonry-enabled #nav-below{opacity:0}.generate-columns-container:not(.masonry-container){display:flex;flex-wrap:wrap;align-items:stretch}.generate-columns .inside-article{height:100%;box-sizing:border-box}.generate-columns-activated.post-image-aligned-left .generate-columns-container article:not(.featured-column) .post-image,.generate-columns-activated.post-image-aligned-right .generate-columns-container article:not(.featured-column) .post-image{float:none;text-align:center;margin-left:0;margin-right:0}.generate-columns-container .page-header,.generate-columns-container .paging-navigation{flex:1 1 100%;clear:both}.generate-columns-container .paging-navigation{margin-bottom:0}.load-more:not(.has-svg-icon) .button.loading:before{content:"\e900";display:inline-block;font-family:"GP Premium";font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;animation:spin 2s infinite linear;margin-right:7px}.load-more .button:not(.loading) .gp-icon{display:none}.load-more .gp-icon svg{animation:spin 2s infinite linear;margin-right:7px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.generate-columns{box-sizing:border-box}.generate-columns.grid-20,.grid-sizer.grid-20{width:20%}.generate-columns.grid-25,.grid-sizer.grid-25{width:25%}.generate-columns.grid-33,.grid-sizer.grid-33{width:33.3333%}.generate-columns.grid-50,.grid-sizer.grid-50{width:50%}.generate-columns.grid-60,.grid-sizer.grid-60{width:60%}.generate-columns.grid-66,.grid-sizer.grid-66{width:66.66667%}@media (min-width:768px) and (max-width:1024px){.generate-columns.tablet-grid-50,.grid-sizer.tablet-grid-50{width:50%}}@media (max-width:767px){.generate-columns-activated .generate-columns-container{margin-left:0;margin-right:0}.generate-columns-container .generate-columns,.generate-columns-container>*{padding-left:0}.generate-columns-container .page-header{margin-left:0}.generate-columns.mobile-grid-100,.grid-sizer.mobile-grid-100{width:100%}.generate-columns-container>.paging-navigation{margin-left:0}}@media (max-width:768px){.load-more{display:block;text-align:center;margin-bottom:0}}.navigation-branding,.site-logo.mobile-header-logo{display:flex;align-items:center;order:0;margin-right:10px}.navigation-branding img,.site-logo.mobile-header-logo img{position:relative;padding:10px 0;display:block;transition:height .3s ease}.navigation-branding>div+.main-title{margin-left:10px}.navigation-branding .main-title{transition:line-height .3s ease}.navigation-branding .main-title a{font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:unset}.main-navigation.mobile-header-navigation{display:none;float:none;margin-bottom:0}.mobile-header-navigation.is_stuck{box-shadow:0 2px 2px -2px rgba(0,0,0,.2)}.main-navigation .menu-toggle{flex-grow:1;width:auto}.main-navigation.has-branding .menu-toggle,.main-navigation.has-sticky-branding.navigation-stick .menu-toggle{flex-grow:0;padding-right:20px;order:2}.main-navigation:not(.slideout-navigation) .mobile-bar-items+.menu-toggle{text-align:left}.main-navigation.has-sticky-branding:not(.has-branding):not(.navigation-stick) .navigation-branding{display:none}.nav-align-right .navigation-branding{margin-right:auto}.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation,.main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation{justify-content:flex-start}.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items,.main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items{margin-left:auto}.nav-float-right .main-navigation.has-branding:not(.mobile-header-navigation) .menu-bar-items,.nav-float-right .main-navigation.has-sticky-branding.navigation-stick:not(.mobile-header-navigation) .menu-bar-items{margin-left:0}.mobile-header-navigation.has-menu-bar-items .mobile-header-logo{margin-right:auto}.rtl .navigation-branding>div+.main-title{margin-right:10px}.rtl .main-navigation.nav-align-right:not(.mobile-header-navigation) .navigation-branding{order:-10}.rtl .nav-align-right .navigation-branding{margin-right:10px}.rtl .navigation-branding,.rtl .site-logo.mobile-header-logo{margin-left:auto;margin-right:0}.rtl .nav-align-center .navigation-branding,.rtl .nav-align-center .site-logo.mobile-header-logo,.rtl .nav-align-right .navigation-branding,.rtl .nav-align-right .site-logo.mobile-header-logo{margin-left:10px}.rtl .nav-align-right .menu-bar-items{margin-right:auto}.rtl .mobile-header-navigation.has-menu-bar-items .site-logo{margin-left:auto}