@charset "UTF-8";
 @font-face {
font-family: 'GT Walsheim';
src: url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.eot);
src: url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.woff2) format('woff2');
src: url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.woff) format('woff');
src: url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.ttf) format('truetype');
}    @import url("https://fonts.googleapis.com/css?family=Roboto:400italic,300,700,300italic&subset=latin,latin-ext");
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext");
*,
hr {
border: 0;
}
body,
button,
input,
select,
textarea {
font-family: Roboto, sans-serif;
}
.main-logo {
text-indent: -999em;
}
.clear,
.main-nav {
clear: both;
}
.branding-block,
.center,
.home-process,
.main-nav,
.top-contact,
.top-form h2,
.top-form h3,
.top-form-container {
text-align: center;
}
.section-title h3,
.step h3 {
text-transform: uppercase;
letter-spacing: 2px;
}
.aside-submenu h3,
.home-slogan h2,
.practice-areas h3,
.section-title h3,
.step h3,
.ui-close,
h1,
h2 {
text-transform: uppercase;
}
.section-title {
margin-bottom: 50px;
}
.branding-block,
.footer-disclaimer,
.main-content,
.main-form,
.top-header,
section {
overflow: hidden;
}
@font-face {
font-family: 'GT Walsheim';
src: url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.eot);
src: url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.eot?#iefix) format('embedded-opentype'),
url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.woff2) format('woff2'),
url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.woff) format('woff'),
url(//claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/themes/kalkulator/fonts/gt-walsheim-bold-web-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
* {
padding: 0;
margin: 0;
outline: 0;
}
body {
font-size: 1em;
font-weight: 300;
color: #747474;
}
a {
color: #30383f;
}
ol,
ul {
list-style-type: none;
}
h1,
h2,
h3 {
color: #3f4850;
margin-bottom: 16px;
font-weight: 700;
}
h1,
h2 {
font-family: 'GT Walsheim', sans-serif;
font-size: 2.5em;
color: #164659;
}
h2 {
font-size: 2em;
}
h3 {
font-family: 'PT Sans', sans-serif;
font-size: 1.25em;
}
h2 span {
color: #39b5e6;
}
.calc-faq-item__question span {
margin: 0;
padding: 0 !important;
width: 30px;
height: 30px;
display: inline-flex !important;
justify-content: center;
align-items: center;
}
@media (min-width: 1200px) {
.calc-faq-item__question span {
margin-right: 10px !important;
margin-bottom: 0 !important;
}
}
@media all and (max-width: 768px) {
h2 {
font-size: 1.5em;
}
}
p {
font-size: 1.125em;
line-height: 150%;
}
@media all and (max-width: 480px) {
h3 {
font-size: 1.125em;
}
p {
font-size: 1em;
}
}
hr {
height: 1px;
width: 100%;
background: #dadada;
margin: 32px 0;
}
.left {
float: left;
}
.right {
float: right !important;
}
.hidden {
display: none !important;
}
.ui-close {
position: absolute;
top: 0;
right: 0;
line-height: 100%;
z-index: 99;
text-decoration: none;
font-size: 0.75em;
}
.ui-close:hover {
text-decoration: underline;
}
.bar:after {
content: '';
display: block;
width: 24px;
height: 3px;
background: #39b5e6;
margin: 16px auto;
}
.col {
display: block;
float: left;
box-sizing: border-box;
}
.full-width {
width: 100% !important;
}
.half,
.half-width {
width: 50%;
}
.one-third {
width: 33.33%;
}
.one-fourth {
width: 25%;
}
.one-fifth {
width: 20%;
}
.menu-list li:not(:last-child) {
border-bottom: 2px solid #ededed;
}
.menu-list a {
display: block;
font-size: 1.125em;
color: #747474;
text-decoration: none;
padding: 10px 0;
}
.menu-list a:hover {
text-decoration: underline;
}
.menu-list .current a {
color: #3f4850;
font-weight: 700;
}
@media all and (max-width: 960px) {
.menu-list a {
font-size: 1em;
padding: 6px 0;
}
}
.ico {
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: bottom;
}
.ico.close {
width: 12px;
height: 12px;
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-close.png);
}
.ico.nav {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-nav.png);
}
.ico.email {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-email.png);
}
.ico.tel {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-tel.png);
}
.ico.tel-alt {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-tel-alt.png);
}
.ico.address {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-address.png);
}
.ico.arrow {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-arrow-white.png);
}
.ico.documents {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-documents.png);
}
.ico.documents2 {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-documents-navyblue.png);
width: 150px;
height: 150px;
}
.ico.dymek {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-dymek.png);
width: 30px;
height: 32px;
filter: drop-shadow(8px 8px 2px rgba(10, 47, 120, 0.10));
}
.ico.signature {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-signature.png);
}
.ico.signature2 {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-signature-navyblue.png);
width: 150px;
height: 150px;
}
.ico.stethoscope {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-stethoscope.png);
}
.ico.stethoscope2 {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-stethoscope-navyblue.png);
width: 150px;
height: 150px;
}
.ico.calc {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-calc.png);
}
.ico.calc2 {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-calc-navyblue.png);
width: 150px;
height: 150px;
}
.ico.wallet {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-wallet.png);
}
.ico.wallet2 {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-wallet-navyblue.png);
width: 150px;
height: 150px;
}
.ico.scale {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-scale.png);
}
.ico.institution {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-institution.png);
}
.ico.award {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-award.png);
}
.ico.time {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-time.png);
}
.ico.poland {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-poland.png);
}
.ico.pound {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-pound.png);
}
.ico.choroby-zawodowe {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/diagnoses-solid.svg);
}
.ico.zle-warunki-mieszkaniowe {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ikona-dom.png);
}
.ico.wypadek-w-pracy-w-uk-odszkodowanie {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/user.png);
}
.ico.wypadki-komunikacyjne-i-drogowe-anglia-uk {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-traffic.png);
}
.ico.wypadki-w-pracy-anglia-uk {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-briefcase.png);
}
.ico.odszkodowanie-za-wypadek-w-miejscu-publicznym-anglia-uk {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-public-space.png);
}
.ico.zaniedbania-i-bledy-medyczne-anglia {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-medicine.png);
}
.ico.quote {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-quote.png);
}
button,
input,
select,
textarea {
display: block;
width: 100%;
max-width: 320px;
padding: 12px 16px;
box-sizing: border-box;
border: 2px solid transparent;
font-size: 1em;
font-weight: 300;
margin: 0 auto 16px;
-webkit-appearance: none;
border-radius: 0;
}
.button,
button,
input[type="submit"] {
display: inline-block;
width: auto;
margin: auto;
padding: 12px 16px;
font-family: "PT Sans", sans-serif;
font-weight: 700;
font-size: 1.125em;
text-decoration: none;
text-align: center;
color: #333333;
background-color: #39B5E6;
border: 0;
border-radius: 32px;
min-width: 100px;
-webkit-appearance: none;
transition: all 0.3s;
}
.button--new,
.button_2 {
background: #29d294;
color: #fff;
margin-right: 45px;
font: 700 22px/22px 'Montserrat', sans-serif;
padding: 20px 50px;
border-radius: 60px;
box-shadow: 11px 11px 13px 0 rgba(0, 0, 0, .16);
}
.button_2 {
font: 700 18px/20px 'Montserrat', sans-serif;
padding: 18px 35px;
margin-right: 0;
}
.button--new:hover,
.button_2:hover {
background-color: #30f3ac;
}
input[type="submit"] {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-arrow-white.png);
background-repeat: no-repeat;
background-position: 80% 50%;
background-size: 16px 16px;
box-sizing: content-box;
padding-right: 24px;
}
.client-story img,
.home-process li,
.home-section-people,
.main-column,
.side-column,
.viewport {
box-sizing: border-box;
}
.button.black {
background-color: #0b0a0a;
}
.button.blue {
background-color: #164659;
}
.button .ico {
margin: 0 0 0 8px;
vertical-align: middle;
}
.button .ico.dymek {
margin: 0 0 0 25px;
}
.button:hover,
input[type="submit"]:hover {
cursor: pointer;
}
.section-box {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
padding: 0 0 80px;
border-bottom: 1px solid #f4f4f4;
margin: 70px 0;
}
.section-box .box {
width: 30%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.section-box img {
height: 56px;
width: auto;
margin: 0 0 25px;
}
.new-section-1 {
margin: 0 0 80px;
}
.new-section-1 .naglowek_1,
.new-section-2 .naglowek_1 {
font: 600 22px/30px 'Poppins', sans-serif;
color: #164659;
margin: 0 0 25px;
}
.section-foto {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.section-foto h2 span {
color: #39b5e6;
}
.section-foto .kolumna {
width: 46.5%;
}
.section-foto .kolumna p {
margin: 0 0 25px;
}
.section-foto .kolumna p strong {
font-weight: 700;
}
.section-foto .kolumna p span {
text-decoration: underline;
cursor: pointer;
}
.section-foto .kolumna p:last-of-type {
margin-bottom: 0;
}
.new-section-2 {
background-color: #f4f4f4;
padding: 80px 0;
margin: 0 0 80px;
}
.section-foto .k_foto {
overflow: hidden;
}
.section-foto .k_foto img {
width: 100%;
height: auto;
}
.pole_podpis {
margin: 20px 0 0;
}
.pole_podpis .container { padding: 20px 10px;
}
.tekst_podpis2 {
text-align: center;
}
@media all and (max-width: 1495px) {
.button .ico.dymek {
margin: 0 0 0 20px;
}
.ico.dymek {
width: 26px;
height: 28px;
}
.button--new {
font: 700 20px/20px 'Montserrat', sans-serif;
padding: 18px 40px;
margin: 0;
}
}
@media all and (max-width: 1279px) {
.button .ico.dymek {
margin: 0 0 0 15px;
}
.ico.dymek {
width: 22px;
height: 23px;
}
.button--new {
font: 700 17px/18px 'Montserrat', sans-serif;
padding: 17px 35px;
}
.button_2 {
font: 700 15px/18px 'Montserrat', sans-serif;
padding: 15px 22px;
}
.section-box {
padding: 0 0 50px;
margin: 50px 0;
}
.section-box img {
height: 50px;
margin: 0 0 20px;
}
.new-section-1 .naglowek_1,
.new-section-2 .naglowek_1 {
font: 600 20px/30px 'Poppins', sans-serif;
margin: 0 0 20px;
}
.section-foto .kolumna {
width: 47.5%;
}
.section-foto .kolumna p {
margin: 0 0 20px;
}
.new-section-1 {
margin: 0 0 60px;
}
.new-section-2 {
padding: 50px 0;
margin: 0;
}
}
@media all and (max-width: 1023px) {
.new-section-1 {
margin: 0 0 30px;
}
.section-box {
margin: 50px 0;
padding: 0 0 20px;
}
.section-box .box {
width: 100%;
margin: 0 0 30px;
}
.section-box img {
height: 46px;
margin: 0 0 15px;
}
.new-section-1 .naglowek_1,
.new-section-2 .naglowek_1 {
margin: 0 0 15px;
text-align: center;
}
.section-foto .kolumna {
width: 100%;
margin: 0 0 30px;
}
.section-foto .k_foto img {
max-width: 400px;
margin: 0 auto;
display: block;
}
.section-foto .kolumna p {
margin: 0 0 15px;
text-align: center;
}
.new-section-2 {
padding: 50px 0 20px;
}
.new-section-2 .section-foto {
flex-wrap: wrap-reverse;
}
}
@media all and (max-width: 767px) {
.button_2 {
padding: 15px 20px;
font: 700 14px/18px 'Montserrat', sans-serif;
}
}
@media all and (max-width: 599px) {
.button .ico.dymek {
margin: 0 0 0 12px;
}
.ico.dymek {
width: 20px;
height: 21px;
}
.button--new {
font: 700 16px/16px 'Montserrat', sans-serif;
padding: 16px 32px;
}
.button_2 {
padding: 15px;
border-radius: 20px;
}
}
@media all and (min-width: 769px) {
.horizontal-form fieldset,
.horizontal-form fieldset input,
.horizontal-form fieldset p {
display: inline-block;
}
.horizontal-form fieldset input {
max-width: 220px;
}
.horizontal-form input[type='submit'] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 0;
}
}
@media all and (max-width: 480px) {
input,
select,
textarea {
max-width: 100%;
}
input[type='submit'] {
background-image: none;
padding: 12px 16px;
}
.new-section-1 {
margin: 0 0 20px;
}
.new-section-2 {
padding: 40px 0 20px;
}
.section-box {
margin: 40px 0;
padding: 0 0 10px;
}
.section-box .box {
margin: 0 0 35px;
}
.section-box img {
height: 40px;
margin: 0 0 10px;
}
.new-section-1 .naglowek_1,
.new-section-2 .naglowek_1 {
font: 600 18px/24px 'Poppins', sans-serif;
}
.new-section-1 .naglowek_1 {
margin: 0 0 10px;
text-align: center;
}
}
.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
display: none !important;
}
input.wpcf7-not-valid {
border: 2px solid red;
background-color: #ffccc8;
}
div.wpcf7-mail-sent-ok {
color: #fff;
padding: 8px;
}
.wpcf7-form.sent fieldset {
display: none;
}
.viewport {
max-width: 1180px;
margin: auto;
}
@media all and (max-width: 480px) {
.viewport {
padding-left: 20px;
padding-right: 20px;
}
}
.wrapper {
position: relative;
}
.top-header {
padding-top: 48px;
}
@media (max-width: 991px) {
.top-header {
padding-top: 10px;
}
}
.branding-block {
margin-bottom: 13px;
}
.main-logo {
display: block;
float: left;
width: 120px;
height: 55px;
background: url(https://claimspot.co.uk/wp-content/uploads/2023/06/logo-CLAIMSPOT.svg) left center no-repeat;
background-size: contain;
margin-right: 5px;
}
.top-header .call-now {
float: right;
color: #aaa;
}
.top-header .call-now .ico {
width: 32px;
height: 32px;
margin: 0 8px;
}
.top-header .call-now a {
font-size: 1.6em;
font-weight: 700;
color: #39434b;
text-decoration: none;
}
.top-contact {
width: 100%;
position: fixed;
top: 0;
border-top: 5px solid #39b5e6;
z-index: 66;
}
.free-advice-button,
.ui-nav {
text-decoration: none;
font-weight: 700;
float: right;
position: relative;
}
.free-advice-button .fa {
display: inline-block;
margin: 0 5px;
}
.top-contact .ico.email {
width: 20px;
height: 20px;
}
.free-advice-button {
display: block;
color: #164659;
background: #ffffff;
border: 1px solid #39b5e6;
padding: 12px 12px 6px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
top: -1px;
}
@media (max-width: 960px) {
.top-contact {
display: none !important;
}
}
.ui-nav {
display: none;
font-size: 1.25em;
color: #191f24;
border: 1px solid #272727;
border-radius: 8px;
padding: 6px 12px;
opacity: 0.75;
top: 8px;
}
.ui-nav.open {
opacity: 1;
border-color: #999;
background: #e8e8e8;
box-shadow: inset 2px 2px 8px #a2a2a2;
}
.ui-nav .ico {
width: 24px;
height: 24px;
margin: 0 0 0 0;
}
@media all and (max-width: 960px) {
.ui-nav {
display: block;
}
.free-advice-button {
float: none;
display: inline-block;
}
.main-logo {
left: 16px;
}
}
@media all and (max-width: 599px) {
.header__reviews-wrapper--mobile .block-reviews p {
font-size: 0.65em;
padding-left: 5px;
}
}
.main-nav {
border-top: 4px solid #eee;
}
.main-nav ul {
display: none;
}
.main-nav > ul {
display: block;
}
.main-nav li {
display: inline-block;
}
.main-nav a {
display: block;
font-size: 1.1em;
font-weight: 700;
color: #2f3336;
text-decoration: none;
padding: 10px 10px;
border-bottom: 4px solid transparent;
letter-spacing: 1px;
}
.main-nav .current-menu-item a,
.main-nav a:hover {
border-color: #333333;
text-decoration: none;
}
@media (min-width: 961px) and (max-width: 1200px) {
.main-nav a {
font-size: 1.1em !important;
}
}
@media all and (min-width: 961px) {
.main-nav {
display: block !important;
}
}
@media all and (max-width: 960px) {
.nav-block .viewport {
padding: 0;
}
.main-nav {
display: none;
border: 0;
}
.main-nav ul {
background: #2f3336;
}
.main-nav li {
display: block;
}
.main-nav li:not(:last-child) {
border-bottom: 1px dotted #1b2026;
}
.main-nav a {
font-size: 1.125em;
padding: 16px 0;
border: 0;
color: #f3f3f3;
}
}
.home-slogan h3,
.main-form h2,
.main-form h3,
.step h3,
.step p,
.top-form .ui-close {
color: #fff;
}
.top-form {
visibility: hidden;
width: 100%;
position: fixed;
z-index: 999;
top: 0;
background: rgba(22, 70, 89, 0.95);
padding: 32px 0;
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
transform: translate3d(0, -100%, 0);
}
.top-form h2,
.top-form h3 {
color: #fff;
}
.top-form h2 {
margin-bottom: 8px;
}
.top-form h3 {
margin-bottom: 24px;
}
.top-form-container {
margin-bottom: 24px;
}
.top-form input[type='submit'] {
background-color: #39b5e6;
}
@media all and (max-width: 925px) {
.top-form .horizontal-form input[type='submit'] {
border-radius: 32px;
}
}
.top-form.open {
visibility: visible;
transform: translate3d(0, 0, 0);
}
@media all and (max-width: 640px) {
.top-form {
padding: 16px 0;
}
.top-form-container h2 {
padding-top: 32px;
}
}
.home-process {
word-spacing: -4px;
}
.home-process li {
display: inline-block;
width: 20%;
vertical-align: top;
word-spacing: normal;
padding: 0 8px;
margin: 20px;
}
.home-process .ico {
width: 88px;
height: 88px;
border-radius: 50%;
margin-bottom: 16px;
border: 4px solid #fff;
}
.step h3,
.step p {
font-size: 0.875em;
}
.step h3 {
font-family: 'GT Walsheim', sans-serif;
font-weight: 700;
max-width: 160px;
margin: 0 auto 16px;
}
.step p {
text-align: left;
}
@media all and (max-width: 768px) {
.top-form {
position: absolute;
background: #164659;
}
.home-process li {
width: 33.33%;
margin-bottom: 24px;
}
}
@media all and (max-width: 640px) {
.home-process li {
width: 50%;
}
.home-process .ico {
width: 64px;
height: 64px;
}
}
@media all and (max-width: 320px) {
.home-process li {
width: 100%;
}
}
.home-banner {
background: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/baner-claimspot2.png) right top no-repeat;
background-size: cover;
height: 540px;
}
.home-slogan {
text-align: right;
width: 45%;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.home-slogan .naglowek-h1-seo {
font-size: 73px;
line-height: 83px;
padding: 9px 32px;
}
.home-slogan h2,
.home-slogan h3 {
padding: 12px 32px;
}
.home-slogan h2 {
background: #fff;
}
.home-slogan h3 {
background: #27ae60;
}
.home-slogan p {
padding: 9px 32px;
font-size: 1.75em;
margin-bottom: 16px;
}
@media all and (max-width: 1495px) {
.home-slogan {
width: 38%;
text-align: center;
}
.home-slogan p {
padding: 8px 25px;
}
}
@media all and (max-width: 1180px) {
.home-banner {
height: 480px;
}
.home-slogan h2 {
font-size: 1.75em;
}
}
@media all and (max-width: 960px) {
.home-banner .button,
.home-slogan h2 {
margin: 0 auto;
z-index: 1;
}
.home-banner {
height: auto;
}
.home-slogan {
text-align: center;
width: 100%;
position: static;
transform: translateY(0);
}
.home-slogan h3 {
font-size: 1.5em;
margin: 0;
}
}
@media all and (max-width: 480px) {
.home-slogan h3 {
font-size: 1.25em;
}
}
.main-form {
background: #164659;
text-align: center;
padding: 16px;
}
.main-form h2 {
margin-bottom: 4px;
}
.main-form input[type='submit'] {
background-color: #39b5e6;
color: #333333;
}
.home-form {
padding: 24px 0;
}
.home-form h2,
.home-form h3 {
margin: 0;
}
.home-form h2 {
font-size: 1.75em;
}
.home-form h3 {
font-size: 1em;
}
.home-form-title {
float: left;
text-align: left;
}
.case-result,
.section-title {
text-align: center;
}
.home-form-container {
float: right;
}
@media all and (min-width: 991px) and (max-width: 1180px) {
.home-form .horizontal-form input {
max-width: 160px;
font-size: 0.85em;
}
}
@media all and (min-width: 769px) and (max-width: 990px) {
.home-form .horizontal-form input {
max-width: 140px;
}
}
@media all and (max-width: 960px) {
.home-form-container,
.home-form-title {
float: none;
text-align: center;
}
.home-form-title {
margin-bottom: 16px;
}
}
@media all and (min-width: 769px) {
.home-form .horizontal-form input {
margin-bottom: 0;
}
}
@media all and (min-width: 961px) {
.mobile-form {
display: none;
}
}
.side-column-form h2 {
font-size: 1.75em;
}
@media all and (max-width: 1024px) {
.side-column-form h2 {
font-size: 1.5em;
}
.side-column-form input {
font-size: 0.85em;
}
.side-column-form input:not([type='submit']) {
padding: 8px 16px;
margin-bottom: 12px;
}
}
.home-sections section,
footer section {
padding: 72px 0;
overflow: hidden;
position: relative;
}
.section-title h2 {
font-size: 2em;
margin-bottom: 0;
}
.content-title h1:after,
.section-title h1:after,
.section-title h2:after {
content: '';
display: block;
width: 88px;
height: 5px;
background: #39b5e6;
margin: 48px auto;
}
.section-title.no-bar h2 {
margin-bottom: 32px;
}
.section-title.no-bar h2:after {
display: none;
}
.section-title h3 {
font-family: Roboto, sans-serif;
font-size: 0.875em;
color: #7d7d7d;
}
.aside-submenu h3,
.case-result .amount,
.home-section-people .amount,
.practice-areas h3 {
font-weight: 700;
font-family: 'GT Walsheim', sans-serif;
}
.content-title {
max-width: 720px;
}
.content-title.center {
margin: auto;
}
.content-title:not(.center) h1:after {
margin-left: 0;
}
.section-title p {
font-size: 1.125em;
line-height: 165%;
max-width: 720px;
margin: 0 auto 24px;
}
@media all and (max-width: 1024px) {
.content-title h1,
.section-title h2 {
font-size: 2em;
}
}
@media all and (max-width: 1023px) {
.new-section-1 h2:after,
.new-section-2 h2::after {
margin: 25px auto;
}
.content-title h1,
.section-title h2 {
font-size: 2em;
}
.new-section-1 h2,
.new-section-2 h2 {
font-size: 1.75em;
text-align: center;
}
}
@media all and (max-width: 768px) {
.home-sections section,
footer section {
padding: 48px 0;
}
.section-title {
margin-bottom: 32px;
}
.content-title h1,
.section-title h2 {
font-size: 1.75em;
}
.section-title p {
font-size: 1em;
margin-bottom: 16px;
}
.content-title:after,
.section-title h2:after {
margin: 32px auto;
}
}
@media all and (max-width: 480px) {
.home-sections section,
footer section {
padding: 32px 0;
}
.section-title {
margin-bottom: 16px;
}
.content-title h1:after,
.section-title h2:after {
width: 48px;
height: 4px;
margin: 24px auto;
}
.new-section-1 h2,
.new-section-2 h2 {
font-size: 1.5em;
}
.naglowek-h1-seo {
font-size: 28px !important;
line-height: 36px !important;
}
}
.home-section-case-results {
padding: 0 !important;
}
.home-case-results li {
width: 12.5%;
}
@media all and (max-width: 1440px) {
.home-case-results li {
width: 16.66%;
}
.home-case-results li:nth-child(n + 7) {
display: none;
}
}
@media all and (max-width: 1180px) {
.home-case-results li {
width: 20%;
}
.home-case-results li:nth-child(n + 6) {
display: none;
}
}
@media all and (max-width: 960px) {
.home-case-results li {
width: 25%;
}
.home-case-results li:nth-child(n + 5) {
display: none;
}
}
@media all and (max-width: 640px) {
.home-case-results li {
width: 33.33%;
}
.home-case-results li:nth-child(n + 4) {
display: none;
}
}
@media all and (max-width: 480px) {
.home-case-results li {
width: 33.33%;
}
.home-case-results li:nth-child(-n + 3) {
border-bottom: 4px solid #eee;
}
.home-case-results li:nth-child(n + 4) {
display: block;
}
.home-case-results li:nth-child(n + 7) {
display: none;
}
}
@media all and (max-width: 320px) {
.content-title h1,
.section-title h2 {
font-size: 1.5em;
}
.home-case-results li {
width: 50%;
}
.home-case-results li:nth-child(n + 3) {
border-bottom: 0;
}
.home-case-results li:nth-child(n + 5) {
display: none;
}
}
.case-result {
padding: 24px 8px;
}
.case-result:not(:last-child) {
border-right: 4px solid #eee;
}
.case-result .amount {
display: block;
font-size: 2.75em;
color: #164659;
}
.case-result .accident,
.case-result .injury {
display: block;
font-size: 1em;
max-width: 200px;
margin: auto;
}
.case-result .injury {
color: #3e474f;
font-weight: 700;
margin-bottom: 8px;
}
.case-result .accident {
font-size: 0.875em;
}
@media all and (max-width: 960px) {
.case-result .amount {
font-size: 2em;
}
}
@media all and (max-width: 480px) {
.case-result .amount {
font-size: 1.5em;
}
}
.case-study-case-results .case-result {
width: 25%;
text-align: left;
border-right: none;
padding: 16px;
}
.case-study-case-results .case-result .amount {
font-size: 2em;
}
.case-study-case-results .case-result .accident,
.case-study-case-results .case-result .injury {
max-width: 100%;
}
.case-study-case-results .case-result .accident {
padding-bottom: 16px;
border-bottom: 4px solid #eee;
}
.case-study-case-results .bar:after {
margin: 16px 0;
}
.home-section-stories {
background: #f4f4f4;
}
.client-story {
width: 50%;
padding: 0 24px;
margin-bottom: 32px;
}
.client-story figure {
float: left;
padding-right: 24px;
}
.client-story img {
width: 150px;
height: 150px;
border-radius: 50%;
border: 3px solid #dadada;
}
.client-story q {
font-size: 1.25em;
font-style: italic;
color: #2f363d;
margin-bottom: 16px;
line-height: 150%;
}
.client-story h4 {
font-size: 1.125em;
color: #3e474f;
text-align: right;
margin-top: 16px;
}
.blog-entry,
.home-practice-areas li {
text-align: center;
}
@media all and (max-width: 1024px) {
.client-story img {
width: 120px;
height: 120px;
}
.client-story h4,
.client-story q {
font-size: 1em;
}
}
@media all and (max-width: 768px) and (min-width: 641px) {
.client-story,
.client-story h4 {
text-align: center;
}
.client-story figure {
float: none;
padding: 0;
margin-bottom: 16px;
}
}
@media all and (max-width: 640px) {
.client-story {
width: 100%;
}
}
@media all and (max-width: 480px) {
.client-story,
.client-story h4 {
text-align: center;
}
.client-story figure {
float: none;
padding: 0;
margin-bottom: 16px;
}
}
.case-study-stories .client-story img {
width: 120px;
height: 120px;
}
.case-study-stories .client-story q {
font-size: 1.125em;
}
.home-section-features {
background: #444;
background-size: cover;
}
.home-section-features .section-title h2 {
color: #fff;
margin-bottom: 48px;
}
.home-features-list {
display: flex;
flex-wrap: wrap;
}
.home-features-list li {
width: 33.33%;
position: relative;
padding: 0 16px;
margin-bottom: 48px;
box-sizing: border-box;
}
.home-features-list .desc {
width: 70%;
color: #ffffff;
}
.home-features-list .desc h3 {
color: #fff;
font-size: 1.075em;
padding: 3px;
}
.masz-wiecej-pytan,
.skontaktuj-sie-z-nami {
display: block;
color: #fff;
padding: 0 0;
}
.masz-wiecej-pytan {
font-size: 2.1em;
font-weight: 600;
letter-spacing: 0.5px;
}
.skontaktuj-sie-z-nami {
font-size: 1.68em;
letter-spacing: 0.5px;
padding: 3px 0 0;
}
.home-features-list .button {
display: inline-flex;
justify-content: center;
align-items: center;
margin: 22px 0 0;
text-decoration: none;
}
.home-features-list .button .ico {
display: inline-block;
width: 24px;
height: 26px;
margin: 0 0 0 20px;
flex: 0 0 auto;
}
@media (max-width: 1279px) {
.home-features-list .button .ico {
width: 20px;
height: 21px;
margin: 0 0 0 15px;
}
}
@media (max-width: 767px) {
.home-features-list .button .ico {
width: 19px;
height: 20px;
margin: 0 0 0 12px;
}
}
.home-features-list li.home-features-list__item--flex {
padding: 0 0 0 45px;
}
@media (min-width: 992px) {
.home-features-list__item--flex {
text-align: left !important;
align-items: flex-start !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.masz-wiecej-pytan {
font-size: 1.79em;
}
.skontaktuj-sie-z-nami {
font-size: 1.53em;
}
}
@media (max-width: 991px) {
.home-features-list li.home-features-list__item--flex {
padding: 0 15px;
margin-top: 45px;
}
.masz-wiecej-pytan {
font-size: 1.6em;
}
.skontaktuj-sie-z-nami {
font-size: 1.2em;
padding: 16px 0 0;
}
.home-features-list .button {
margin: 25px 0 0;
}
}
.home-features-list .desc span {
border-radius: 10px;
display: inline-block;
padding: 5px 0;
margin: 3px 5px;
}
.home-features-list .ico {
width: 100px;
height: 100px;
border-radius: 50%;
text-align: right;
display: flex;
align-items: center;
justify-content: center;
}
.home-features-list p {
display: inline-block;
font-size: 0.875em;
color: #fff;
padding: 8px 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media all and (max-width: 1180px) {
.home-features-list .ico {
width: 64px;
height: 64px;
}
.home-features-list .desc {
width: 80%;
}
}
@media all and (max-width: 1024px) {
.home-features-list .desc {
width: 75%;
}
}
@media all and (max-width: 960px) {
.home-features-list li {
width: 50%;
}
.home-features-list .ico {
width: 88px;
height: 88px;
}
.home-features-list .desc {
width: 70%;
}
}
@media all and (max-width: 768px) {
.home-features-list .ico {
width: 75px;
height: 75px;
}
}
@media all and (max-width: 640px) {
.home-features-list li {
padding: 0 8px;
}
.home-features-list .ico {
width: 64px;
height: 64px;
margin-bottom: 8px;
}
.home-features-list .desc,
.home-features-list .icon {
width: 100%;
float: none;
text-align: center;
}
.home-features-list p {
position: static;
transform: translateY(0);
border: 0;
}
}
@media all and (max-width: 320px) {
.home-features-list li {
width: 100%;
margin-bottom: 0;
}
.home-features-list li:not(:last-child) {
margin-bottom: 16px;
}
}
.home-practice-areas.practice-areas > li {
width: 33.3333%;
padding: 0 12px;
margin-bottom: 0;
}
.home-practice-areas .ico {
width: 88px;
height: 88px;
border-radius: 50%;
border: 4px solid #164659;
margin-bottom: 24px;
}
.home-practice-areas .practice-areas h3:after {
content: '';
display: block;
width: 32px;
height: 4px;
background: #2fb463;
margin: 16px auto;
}
@media all and (max-width: 960px) {
.home-practice-areas .ico {
width: 64px;
height: 64px;
border-width: 3px;
}
}
.practice-areas h3 {
line-height: 100%;
}
.practice-areas h3 a {
display: block;
min-height: 50px;
}
.practice-areas p {
font-size: 1em;
font-weight: 700;
color: #3f4850;
margin-bottom: 16px;
}
.practice-areas > li {
width: 33.33%;
padding: 0 24px;
margin-bottom: 32px;
}
.practice-areas a {
text-decoration: none;
}
.practice-areas:not(.home-practice-areas) .menu-list a {
font-size: 1em;
}
@media all and (max-width: 960px) {
.home-practice-areas.practice-areas > li,
.practice-areas > li {
width: 50%;
margin-bottom: 32px;
padding: 0 12px;
}
.practice-areas h3 {
font-size: 1em;
}
.practice-areas h3 a {
min-height: 32px;
}
}
@media all and (max-width: 640px) {
.home-practice-areas.practice-areas > li,
.practice-areas > li {
width: 100%;
padding: 0;
}
.practice-areas h3 a {
min-height: 0;
}
}
.home-section-people {
height: 590px;
background: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/bg-home-section-people.jpg) center no-repeat;
padding: 118px 0 !important;
}
.home-section-people .slogan {
height: 354px;
width: 590px;
box-sizing: border-box;
background: #fff;
padding: 32px;
}
.home-section-people .amount {
font-size: 4em;
color: #1f3a93;
}
.home-section-people .amount a {
color: #1f3a93;
pointer-events: none;
text-decoration: none;
}
.home-section-people p {
max-width: 400px;
}
.home-section-people h3 {
margin: 16px 0;
}
@media all and (max-width: 768px) {
.home-section-people {
padding: 100px 0 !important;
height: auto;
background: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/bg-home-section-people-mobile.jpg) top left;
}
.home-section-people .slogan {
width: 100%;
height: auto;
text-align: center;
}
.home-section-people p {
margin: auto;
}
}
@media all and (max-width: 640px) {
.home-section-people .amount {
font-size: 2.25em;
}
}
@media all and (min-width: 961px) {
.home-section-faq .section-title {
width: 30%;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 50%;
transform: translateY(-50%);
}
.home-section-faq .section-title h2 {
font-size: 1.75em;
}
}
.home-questions-list {
width: 30%;
}
.home-questions-list li:first-child {
padding-bottom: 24px;
border-bottom: 3px solid #eee;
margin-bottom: 24px;
}
@media all and (max-width: 1024px) {
.home-section-faq .section-title h2 {
font-size: 1.5em;
}
.home-questions-list p {
font-size: 1em;
}
}
@media all and (max-width: 960px) {
.home-section-faq .section-title h2 {
margin-bottom: 48px;
}
.home-questions-list {
width: 50%;
}
.home-questions-list.left {
padding-right: 16px;
}
.home-questions-list.right {
padding-left: 16px;
}
}
@media all and (max-width: 640px) {
.home-questions-list {
width: 100%;
padding: 0 !important;
}
.home-questions-list:not(.right) li {
padding-bottom: 24px;
border-bottom: 3px solid #eee;
margin-bottom: 24px;
}
}
.question-title.bar:after {
margin-left: 0;
}
.question a {
text-decoration: none;
}
.home-section-blog {
background: #e9e9e9;
}
.home-section-blog .blog-entry {
width: 32%;
padding: 0 0 24px;
}
.blog-entry,
.home-section-blog .blog-entry-details {
padding: 0 16px;
}
.home-section-blog .blog-entry:nth-child(3n + 2) {
margin: 0 2%;
}
.blog-entry {
width: 33.33%;
background: #fff;
}
.blog-entry h3,
.blog-entry p {
text-align: left;
}
.blog-entry a {
display: block;
text-decoration: none;
}
.blog-date,
.blog-excerpt {
font-size: 1em;
color: #3f4850;
}
.blog-entry img {
width: 100%;
}
.blog-entry img,
.blog-entry p {
margin-bottom: 16px;
}
.blog-entry .link-read-more {
width: 100%;
max-width: 155px;
position: absolute;
bottom: -24px;
margin: auto;
left: 0;
right: 0;
color: #fff;
text-decoration: none;
}
@media all and (max-width: 768px) {
.blog-entry {
width: 50%;
}
.home-section-blog .blog-entry {
width: 48%;
margin: 0 1% 60px !important;
}
}
@media all and (max-width: 480px) {
.blog-entry {
padding: 0;
}
.blog-entry,
.home-section-blog .blog-entry {
width: 100%;
margin: 0 0 48px !important;
}
.home-section-blog .blog-entry:last-child {
margin-bottom: 16px !important;
}
}
.main-content {
padding-top: 24px;
padding-bottom: 24px;
}
.main-column {
width: 70%;
min-height: 420px;
padding-right: 32px;
}
.side-column {
width: 30%;
}
@media all and (max-width: 1024px) {
.main-column {
padding-right: 24px;
}
}
@media all and (max-width: 960px) {
.main-column {
width: 100%;
padding: 0;
min-height: 0;
}
.side-column {
display: none;
}
}
.aside-submenu {
padding-left: 24px;
padding-bottom: 16px;
margin-bottom: 16px;
border-left: 4px solid #eee;
}
.aside-submenu h3 {
font-size: 1.375em;
}
@media all and (max-width: 1180px) {
.aside-submenu h3 {
font-size: 1.25em;
}
aside .menu-list a {
font-size: 1em;
}
}
@media all and (max-width: 1024px) {
.aside-submenu {
padding-left: 16px;
}
}
.breadcrumbs {
font-size: 0.875em;
color: #707070;
margin-bottom: 48px;
}
.you-are-here {
color: #999;
margin-right: 8px;
}
.breadcrumbs a {
color: #999;
text-decoration: none;
}
.breadcrumbs a:not(.go-back):after {
content: '/';
margin: 0 4px;
}
@media all and (max-width: 480px) {
.breadcrumbs {
display: none;
}
}
.featured-image img {
width: 100%;
margin-bottom: 16px;
}
.rich-text h1:not(.title-content),
.rich-text h2 {
font-family: Roboto, sans-serif;
font-size: 1.5em;
text-transform: none;
}
.rich-text h2 strong {
color: inherit;
}
.rich-text li,
.rich-text p {
font-size: 1.2em;
line-height: 175%;
color: #666;
}
.rich-text strong {
color: #3b3b3b;
}
.rich-text img,
.rich-text ol,
.rich-text p,
.rich-text ul {
margin-bottom: 16px;
}
.rich-text ol,
.rich-text ul {
padding-left: 2.5em;
list-style-type: disc;
}
.rich-text ol {
list-style-type: decimal;
}
.rich-text mark {
display: block;
color: #164659;
font-weight: 700;
border-top: 2px solid #164659;
border-bottom: 2px solid #164659;
padding: 16px 0;
margin: 32px 0;
background: 0 0;
text-align: center;
}
@media all and (max-width: 1024px) {
.rich-text h1,
.rich-text h2 {
font-size: 1.25em;
}
}
@media all and (max-width: 480px) {
.rich-text li,
.rich-text p {
font-size: 1em;
line-height: 150%;
}
.rich-text ol,
.rich-text ul {
padding-left: 1.5em;
}
}
.section-client-stories {
margin-bottom: 64px;
}
.accident-category-contents {
margin-bottom: 32px;
}
@media all and (min-width: 961px) {
.accident-category-contents {
display: none;
}
}
.faq-index {
padding-bottom: 48px;
border-bottom: 4px solid #ddd;
margin-bottom: 48px;
}
.faq-index li:not(:last-child),
.faq-list li:not(:last-child) {
padding-bottom: 16px;
border-bottom: 1px solid #ddd;
}
.faq-list .faq-single {
padding-top: 25px;
}
.faq-list li .faq-question {
padding-top: 25px;
}
.faq-index a {
display: block;
font-size: 1.125em;
text-decoration: none;
}
.faq-index a:hover {
text-decoration: underline;
}
.faq-index li:not(:last-child) {
margin-bottom: 16px;
}
.faq-list li {
background-color: transparent;
margin-bottom: 32px;
transition: background-color 250ms;
-webkit-transition: background-color 250ms;
}
.faq-list li.active {
background-color: #fdffd6;
}
.faq-list blockquote {
font-size: 1.5em;
color: #424242;
margin-bottom: 16px;
}
.footer-contact-data a,
.footer-section-contact h2,
.footer-section-contact h3 {
color: #fff;
}
.faq-list .ico {
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 12px;
}
.footer-section-contact {
color: #fff;
background: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/bg-footer-section-contact.jpg) center no-repeat #164659;
background-size: cover;
text-align: center;
}
.footer-section-contact .section-title h2:after {
background: #39b5e6;
}
.footer-contact-data {
max-width: 720px;
margin: 0 auto;
}
.footer-contact-data li {
display: inline-block;
font-weight: 700;
font-size: 1.5em;
margin: 0 12px;
}
.footer-contact-data li:not(:last-child) {
margin-bottom: 12px;
}
.footer-contact-data .ico {
width: 32px;
height: 32px;
}
.footer-section-contact .button {
margin: 45px 0;
}
.footer-section .footer_logo_google {
display: flex;
justify-content: center;
align-items: center;
}
.footer-section .footer_logo_google .logo {
width: 198px;
height: auto;
margin: 0 50px 0 0;
}
.footer-section .block-reviews {
margin: 0 -75px 0 50px;
}
.footer-section svg .cls-1,
.footer-section .ui-ico g {
fill: #fff;
}
.footer-section .block-reviews p {
color: #fff;
display: block;
text-align: left;
}
@media (max-width: 599px) {
.footer-section-contact .button {
border-radius: 60px;
padding: 15px 25px;
}
}
.footer-disclaimer {
background: #20262c;
padding: 16px 0;
text-align: center;
}
.footer-disclaimer p {
line-height: 150%;
}
.footer-cookie-policy {
color: #b0b0b0;
font-size: 0.875em;
max-width: 540px;
margin: 0 auto 8px;
}
.footer-copyrights {
font-family: Arial, Lucida, sans-serif;
font-size: 0.75em;
}
.footer-copyrights,
.footer-copyrights a {
color: #707070;
text-decoration: none;
}
.footer-copyrights,
.footer-copyrights a {
color: #20262c;
}
.page-id-212 .rich-text li,
.page-id-212 .rich-text p {
font-size: 18px;
}
.male {
font-family: Roboto, sans-serif;
font-size: 0.875em !important;
margin-bottom: 12px !important;
color: #7d7d7d;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
}
.male--white {
margin-bottom: 50px !important;
color: #fff;
}
.duze {
font-family: Roboto, sans-serif;
font-size: 2em;
margin-bottom: 0;
color: #164659;
text-transform: uppercase;
}
.home-slogan h1 {
padding: 12px 32px;
background: #27ae60;
font-size: 1.5em;
margin: 0;
}
h1.slogan {
color: #fff;
margin-bottom: 16px;
font-weight: bold;
font-family: 'PT Sans', sans-serif;
font-size: 20px;
text-transform: none;
}
p.slogan {
font-family: 'GT Walsheim', sans-serif;
font-size: 32px;
color: #164659;
text-transform: uppercase;
}
p.slogan--small {
font-size: 17px;
text-transform: none;
margin-bottom: 16px;
}
p.slogan--big {
font-size: 59px;
line-height: 72px;
color: #164659;
}
.content-title h1::after,
.section-title h1::after,
.section-title h2::after,
.new-section-1 h2::after,
.new-section-2 h2::after {
content: "";
display: block;
width: 88px;
height: 5px;
background: #39B5E6;
margin: 30px auto 50px;
}
.new-section-1 h2::after,
.new-section-2 h2::after {
margin: 40px 0;
}
@media (max-width: 1023px) {
.new-section-1 h2::after,
.new-section-2 h2::after {
margin: 25px auto;
}
}
@media (max-width: 480px) {
.new-section-1 h2::after, .new-section-2 h2::after {
margin: 20px auto;
width: 48px;
height: 4px;
}
}
@media (min-width: 1900px) {
p.slogan--big {
font-size: 73px;
line-height: 83px;
}
p.slogan--small {
font-size: 20.8px;
}
.button--new {
font-size: 20.8px;
margin-top: 7px;
margin-right: 45px;
}
}
@media all and (max-width: 1495px) {
p.slogan--big {
font-size: 50px;
line-height: 64px;
text-align: center;
}
p.slogan--small {
font-size: 16px;
text-align: center;
}
}
@media (min-width: 961px) and (max-width: 1279px) {
p.slogan--big {
font-size: 38px;
line-height: 50px;
}
p.slogan--small {
font-size: 15px;
text-transform: none;
}
}
@media (max-width: 960px) {
p.slogan {
position: relative;
top: 12px;
z-index: 9;
}
.slogan--big,
.slogan--small {
color: #fff !important;
}
.slogan--big {
font-size: 36px !important;
line-height: 40px !important;
padding-bottom: 0 !important;
}
.home-slogan {
position: relative;
height: 100%;
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-slogan:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(10, 12, 13, 0.34);
}
} #menu-menu > li.menu-item-has-children > ul.sub-menu {
background-color: #fff;
display: none;
position: absolute;
z-index: 100;
}
@media (min-width: 961px) {
#menu-menu > li.menu-item-has-children:hover ul.sub-menu {
display: block;
}
}
#menu-menu > li.menu-item-has-children > ul.sub-menu > li > a {
padding: 10px 15px;
}
@media all and (max-width: 960px) {
#menu-menu > li.menu-item-has-children > ul.sub-menu {
display: block;
position: relative;
background-color: #232323;
}
}
@media all and (min-width: 960px) {
#menu-menu > li.menu-item-has-children > ul.sub-menu > li {
display: block;
}
}
.footer-disclaimer .viewport p:nth-child(5),
.footer-disclaimer p:nth-child(5) a,
.footer-disclaimer p:nth-child(5) a:hover {
color: #20262c;
}
.wpcf7-form label.error {
padding-bottom: 15px; display: block;
color: #fff;
} .home-form:after,
.viewport:after {
display: block;
content: '';
clear: both;
}
.home-form {
overflow: visible;
}
.home-form:after,
.viewport:after {
display: block;
content: '';
clear: both;
}
.home-form {
overflow: visible;
} section.top-form-container {
overflow: visible;
}  form[name="wp_form_quick"] input[type="submit"] {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-arrow-white.png);
background-repeat: no-repeat;
background-position: 90% 50%;
background-size: 16px 16px;
box-sizing: content-box;
padding-right: 54px;
padding-left: 24px;
}
form[name='wp_form_quick'] img.ajax-loader {
position: absolute;
left: 50%;
}
form[name='wp_form_quick'] .wpcf7-form-control-wrap.telefon input {
margin-bottom: 0;
}
.top-form.open {
z-index: 2147483639;
}
.t-center {
text-align: center;
}
@media all and (max-width: 960px) {
.home-features-list li:nth-child(2n + 1) {
clear: both;
}
.free-advice-button {
display: block;
color: #164659;
background: #ffffff;
border: 1px solid #39b5e6;
padding: 6px 12px 6px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
top: -1px;
max-width: 210px;
margin: 0 auto;
}
.bottom-bar {
position: fixed;
bottom: 0;
width: 100%;
background-color: #1f3a93;
color: #fff;
box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.4);
}
.bottom-bar a {
color: #fff;
text-decoration: none;
}
.fw-info {
width: 100%;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
font-size: 12px;
font-weight: bold;
padding: 1px 3px;
float: left;
color: #fff;
background-color: #000;
text-align: right;
padding-right: 20px;
position: relative;
}
.fw-info .text-loop {
position: absolute;
}
.fw-info span {
padding-right: 20px;
}
.fw-info-bottom {
width: 100%;
background-color: #000;
border-top: 2px solid #000;
font-size: 8px;
color: #fff;
font-weight: bold;
padding: 1px 3px;
float: left;
text-align: center;
}
.w50 {
width: 50%;
display: block;
float: left;
}
.bb-ico {
width: 100%;
display: block;
text-align: center;
padding: 4px;
}
.bb-ico i {
font-size: 32px;
padding-right: 10px;
text-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.bb-info {
display: block;
font-size: 10px;
text-align: center;
width: 100%;
padding-bottom: 2px;
font-weight: bold;
}
}
@keyframes pulse_animation {
0% {
transform: scale(1);
}
30% {
transform: scale(1);
}
40% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
60% {
transform: scale(1);
}
70% {
transform: scale(1);
}
80% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.fa.fa-phone {
animation-name: pulse_animation;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
} .footer-cookie-policy a {
display: inline-block;
padding: 5px 0;
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-weight: 900;
}
.footer-cookie-policy a:before {
content: '>> ';
}
.footer-cookie-policy a:after {
content: ' <<';
}
.home-section-case-results {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.june-header-phone {
display: block;
text-align: right;
color: #39B5E6;
font-size: 14px;
font-weight: 900;
margin: 0 0 5px;
}
.footer-section .june-header-phone {
margin: 0 0 30px;
}
.june-header-phone--homeform {
padding: 10px 0 0;
text-align: left;
color: #27ae60;
font-weight: 900;
}
.june-header-phone--center {
text-align: center;
font-size: 24px;
}
@media (max-width: 960px) {
.june-header-phone {
text-align: center;
}
} .june-counter {
position: relative;
z-index: 1;
padding: 50px 0; box-sizing: border-box;
}
@media (min-width: 1001px) {
.june-counter {
height: 100%;
max-height: 405px;
}
}
.june-counter:after {
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.june-counter .slogan--white {
text-align: center;
padding: 0 0 25px;
}
.june-counter .slogan--white h2 {
color: #fff;
padding: 0 15px;
}
.june-couner-list {
list-style-type: none;
width: 100%;
max-width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.june-counter-list__item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px 25px;
width: 100%;
max-width: 200px;
}
.june-counter-list__item .fas,
.june-counter-list__item .fa {
font-size: 45px;
color: #fff;
}
.counter {
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
width: 130px;
font-size: 40px;
margin: 0 25px;
color: #fff;
font-weight: 900;
padding: 20px 0;
}
.counter--pounds:before {
content: '£ ';
}
.counter-desc {
display: inline-block;
text-align: center;
color: #ffffff;
font-size: 18px;
} .main-column--fullwidth {
width: 100% !important;
}
.steps-index {
overflow: hidden;
padding: 32px 0;
margin-bottom: 64px;
list-style-type: none;
}
@media (max-width: 991px) {
.steps-index {
display: none;
}
}
.steps-index li {
width: 20%;
text-align: center;
}
.col {
float: left;
box-sizing: border-box;
}
.steps-index a {
text-decoration: none;
}
a {
color: #164659;
text-decoration: none;
}
.href-underline {
position: relative !important;
font-size: 22px;
}
.href-underline:after {
content: '';
position: absolute !important;
left: 0;
right: 0;
width: 100%;
height: 3px;
bottom: -3px;
background: #39b5e6;
}
.steps-index span {
display: block;
margin: 0 auto 16px;
max-width: 210px;
font-size: 0.775em;
font-family: Raleway, sans-serif;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
color: #535961;
}
.steps-index h4 {
width: 48px;
height: 48px;
line-height: 48px;
color: #fff;
background: #535961;
border-radius: 50%;
margin: 0 auto;
border: 4px solid #f5f5f5;
font-size: 1.25em;
font-family: Roboto, sans-serif;
}
.steps-index .active h4 {
background: #db0428;
}
@media (max-width: 500px) {
.steps-index {
display: none;
}
}
.step-num {
width: 25% !important;
font-size: 10em !important;
font-family: 'Playfair Display', serif !important;
font-style: italic;
font-weight: 400 !important;
line-height: 100%;
text-align: center;
color: #000000 !important;
}
.step-content,
.step-num {
float: left;
}
.step-content {
width: 75%;
}
h3 {
font-size: 1.375em;
}
.rich-text li,
.rich-text p {
line-height: 175%;
}
.bx-wrapper {
position: relative;
}
.bx-controls {
text-align: center;
}
.bx-controls-direction {
width: 100%;
position: absolute;
top: 50%;
margin-top: -44px;
}
@media all and (max-width: 1440px) {
.bx-controls-direction {
display: none;
}
}
.bx-controls-direction a {
position: absolute;
width: 88px;
height: 88px;
background: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/slider-controls.png) center no-repeat;
text-indent: -999em;
background-size: contain;
opacity: 0.1;
}
@media all and (min-width: 1025px) {
input[type='submit'] {
cursor: pointer;
}
.bx-controls-direction a:hover {
opacity: 0.33;
}
}
.bx-prev {
left: -200px;
transform: rotate(180deg);
}
.bx-next {
right: -200px;
}
.bx-pager {
display: inline-block;
padding-top: 32px;
}
.bx-pager-item {
display: inline-block;
margin: 0 8px;
}
.bx-pager-item a {
display: block;
width: 10px;
height: 10px;
background: #9c9c9c;
border-radius: 50%;
text-indent: -999em;
}
.bx-pager-item a.active {
background: #595959;
}
.steps-index a:hover {
text-decoration: none !important;
}
@media (max-width: 991px) {
.step-content {
padding: 25px 0;
}
.step-content p {
font-size: 16px;
line-height: 21px;
}
} .footer-bottom {
background: #191919;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2rem;
text-align: left;
padding: 20px 0;
}
.footer-bottom p {
font-size: 0.8em;
text-align: justify;
padding: 10px 20px;
}
.ico img {
width: 55%;
height: auto;
}
.home-features-list__item .icon {
background: #444;
border-radius: 50%;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
}
@media (max-width: 1180px) {
.home-features-list__item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.home-features-list__item .icon {
margin-bottom: 10px;
}
.ico img {
width: 75%;
height: auto;
}
} .flex-center {
display: flex;
justify-content: center;
margin: 25px 0 50px;
}
.action-btn {
background: #1f3a93;
color: #fff;
font-family: Roboto, sans-serif;
display: inline-block;
border: none;
padding: 12px 0 10px;
text-transform: uppercase;
text-decoration: none;
width: 100%;
max-width: 340px;
position: relative;
border-radius: 0;
letter-spacing: 0;
padding-left: 39px;
}
.action-btn:after {
content: '\f054';
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 41.6px;
opacity: 0;
}
.action-btn:after {
position: absolute;
margin-left: -1em;
opacity: 0;
font-size: 20px;
line-height: 0.9em;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.action-btn:after {
animation: 1.5s arrow ease-in-out;
animation-iteration-count: infinite;
}
.action-btn:hover {
color: #fff;
text-decoration: none;
}
.action-btn--download {
background: #db0428;
max-width: 360px;
}
.action-btn--download:after {
transition: none;
animation: none;
}
@keyframes arrow {
0% {
opacity: 0;
margin-left: -1em;
}
30% {
opacity: 1;
margin-left: 0.4em;
}
100% {
opacity: 1;
margin-left: 0.4em;
}
} .june2018cookies {
position: fixed;
z-index: 10;
bottom: 10px;
right: -330px;
display: inline-block;
vertical-align: middle;
background: #164659;
max-width: 220px;
font-size: 12px;
line-height: 13px;
color: #fff;
border-radius: 6px;
text-align: right;
padding: 10px 15px 10px 50px;
border: 1px solid #ddd;
transition: all 1s 0.3s ease-in-out;
-moz-transition: all 1s 0.3s ease-in-out;
-webkit-transition: all 1s 0.3s ease-in-out;
}
.june2018cookies .info {
letter-spacing: 0.4px;
font-family: 'PT Sans Narrow', sans-serif;
color: #fff !important;
}
.june2018cookies-close {
position: absolute;
left: 5%;
top: 0;
bottom: 0;
margin: auto 0;
cursor: pointer;
width: 5.71%;
height: 18%;
font-size: 30px;
color: #fff;
transition: all 0.35s ease-in-out;
}
.june2018cookies-close:hover {
color: #777777;
}
.offsetright {
right: -330px !important;
}
.top-form.open {
top: 0;
bottom: 0;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
} .akredytacje {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
}
.akredytacje * {
box-sizing: border-box;
}
.akredytacje__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 137px;
padding: 10px;
}
.akredytacje__item img {
width: 100%;
height: auto;
}
.article-end-call {
color: #3b3b3b;
font-size: 22px;
}
.question-excerpt {
color: #3f4871;
}
.readmore {
display: inline-block;
padding: 2px 5px;
border: 1px solid #fff;
margin: 5px 0;
cursor: pointer;
} .kim-jestesmy {
box-sizing: border-box;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.kim-jestesmy * {
box-sizing: border-box;
}
.kim-jestesmy__item {
display: flex;
grid-template-columns: 1fr 5fr;
width: 48%;
margin: 0 0 15px;
padding: 10px;
}
.kim-jestesmy-inner:last-of-type {
display: flex;
justify-content: center;
align-items: center;
}
.kim-jestesmy-inner__item img {
border-radius: 50%;
display: block;
max-width: 90px;
height: auto;
}
.kim-jestesmy-inner__item:nth-of-type(1) {
display: flex;
justify-content: center;
align-items: center;
padding-right: 10px;
}
.kim-jestesmy-inner__item h3 {
margin: 0;
}
.button--kimjestesmy {
padding: 12px 65px;
}
@media (max-width: 700px) {
.kim-jestesmy-inner__item:nth-of-type(1) {
padding-right: 0;
padding-bottom: 10px;
}
.kim-jestesmy__item {
display: flex;
width: 100%;
padding: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
}
@media (min-width: 961px) {
.call-now--mobile {
display: none;
}
}
@media (max-width: 960px) {
.call-now--mobile {
position: fixed;
z-index: 99;
text-align: center;
display: block;
top: 0;
left: 0;
right: 0;
background: #fff;
transition: all 0.35s ease-in-out;
transform: translate(0, -100%);
}
.top-header .call-now--mobile {
padding-top: 10px;
}
.call-now--mobile .june-header-phone {
padding: 10px 0;
}
.call-now--mobile.call-fixed {
transform: translate(0, 0);
}
} .header__reviews-wrapper {
display: flex;
float: left;
height: 50px;
align-items: center;
width: 220px;
}
.header__reviews {
display: inline-block;
padding-left: 1.5rem;
}
.block-reviews {
display: block;
}
.block-reviews > div {
display: flex;
align-items: center;
}
.ui-ico {
width: auto;
height: 3.5rem;
margin-bottom: 1rem;
}
.ui-ico svg {
height: 100%;
}
.ui-ico .svg__ico {
transition: all 0.2s ease-in-out;
}
.block-reviews .rating {
color: #f8b502;
line-height: 100%;
}
.block-reviews p {
display: none;
color: #b5b5b5;
font-size: 0.75em;
margin: 0;
}
.block-reviews .ui-ico {
height: 1rem;
margin: 0.08rem 0.5rem 0 0;
}
.section-cta .block-reviews .ui-ico,
.footer-section .block-reviews .ui-ico {
height: 2rem;
}
.section-cta .block-reviews .rating,
.footer-section .block-reviews .rating {
font-size: 2em;
}
.section-cta .block-reviews p,
.footer-section .block-reviews p {
display: block;
font-size: 1em;
}
@media (max-width: 960px) {
#menu-menu > li.menu-item-has-children > ul.sub-menu {
display: none;
}
#menu-menu > li.menu-item-has-children > a {
position: relative;
}
#menu-menu > li.menu-item-has-children > a:after {
content: '\f078';
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
color: #fff;
position: absolute;
}
#menu-menu > li.menu-item-has-children:hover ul.sub-menu {
display: block;
}
}
@media (min-width: 961px) {
#menu-menu > li.menu-item-has-children:hover ul.sub-menu {
display: block !important;
}
}
.zglos-sprawe-submit {
width: 225px !important;
}
.no-fee-button {
display: inline-block;
width: auto;
margin: auto;
padding: 12px 16px;
font-family: 'PT Sans', sans-serif;
font-weight: 700;
font-size: 1.125em;
text-decoration: none;
text-align: center;
color: #333333;
background-color: #39b5e6;
border: 0;
border-radius: 32px;
min-width: 100px;
-webkit-appearance: none;
margin-bottom: 40px;
}
.no-fee-button {
background-image: url(https://claimspot.co.uk/wp-content/themes/trustclaims/img/ico-arrow-white.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 16px 16px;
box-sizing: content-box;
padding-right: 45px;
}
.home-features-list-link {
display: inline-block;
}
@media (max-width: 1180px) {
.home-features-list-link {
display: flex;
flex-direction: column;
align-items: center;
}
}
.button--send {
border: none;
}
.page-id-212 .rich-text * {
text-align: justify;
}
.page-id-212 h3 {
color: #164659;
}
.main-nav li:first-child a {
padding: 10px 10px 10px 0;
}
.main-nav li:last-child a {
padding: 10px 0 10px 10px;
}
.wpcf7 .ajax-loader {
position: absolute !important;
}
.img-full-width {
width: 100%;
height: auto;
}
.mb-20 {
margin-bottom: 20px;
}
.link_czat {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin: 50px 0;
}
.link_czat .text {
color: #164659;
font: 700 28px/34px 'Roboto', sans-serif;
}
.link_czat .text span {
color: #39b5e6;
}
.link_czat .open-chat {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #29d294;
padding: 20px 50px;
border-radius: 60px;
box-shadow: 11px 11px 13px 0 rgba(0, 0, 0, .16);
transition: all 0.3s;
cursor: pointer;
}
.link_czat .open-chat:hover {
background-color: #30f3ac;;
}
.link_czat .tekst_2 {
color: #fff;
font: 700 22px/22px 'Montserrat', sans-serif;
}
.link_czat .ico_dymek {
width: 30px;
height: auto;
flex: 0 0 auto;
margin: 0 0 0 30px;
filter: drop-shadow(8px 8px 2px rgba(10, 47, 120, 0.10));
}
@media (max-width: 1180px) {
.link_czat {
margin: 40px 0;
}
.link_czat .open-chat {
padding: 17px 40px;
}
.link_czat .text {
font: 700 24px/30px 'Roboto', sans-serif;
}
.link_czat .tekst_2 {
font: 700 20px/20px 'Montserrat', sans-serif;
}
.link_czat .ico_dymek {
width: 27px;
margin: 0 0 0 20px;
}
}
@media (max-width: 960px) {
.link_czat .open-chat {
margin: 0 15px;
}
}
@media (max-width: 680px) {
.link_czat .open-chat {
padding: 15px 30px;
}
.link_czat .text {
font: 700 21px/26px 'Roboto', sans-serif;
}
.link_czat .tekst_2 {
font: 700 16px/16px 'Montserrat', sans-serif;
}
.link_czat .ico_dymek {
width: 22px;
margin: 0 0 0 12px;
}
}
@media (max-width: 570px) {
.link_czat {
justify-content: center;
}
.link_czat .text {
font: 700 19px/22px 'Roboto', sans-serif;
width: 100%;
text-align: center;
margin: 0 0 20px;
}
.link_czat .text br {
display: none;
}
.link_czat .open-chat {
padding: 17px 32px;
}
.link_czat .tekst_2 {
font: 700 15px/15px 'Montserrat', sans-serif;
}
.link_czat .ico_dymek {
width: 20px;
margin: 0 0 0 10px;
}
.block-reviews p {
font-size: 0.75em
}
.block-reviews .ui-ico {
margin: 1px 5px 0 0;
}
.block-reviews .rating {
font-size: 15px;
}
}
.header__reviews-wrapper--mobile {
display: none !important;
}    .steps-slider {
list-style-type: none !important;
}
@media (min-width: 961px) {
.main-nav .menu {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 961px) and (max-width: 1200px) {
.main-nav a {
font-size: 1.1vw;
}
}
@media (max-width: 961px) {
.mobilne-opinie {
display: none;
}
.pc-opinie td {
display: table-header-group;
}
.pc-opinie p:empty:before {
content: none;
}
.naglowek-h1-seo {
font-size: 36px !important;
line-height: 40px !important;
padding-bottom: 0 !important;
color: #fff !important;
background: none !important;
z-index: 40;
}
p.slogan {
top: 0;
z-index: 9;
}
}
@media (min-width: 961px) {
.pc-opinie {
display: none;
}
.naglowek-h1-seo {
background: none !important;
}
}
@media (max-width: 480px) {
p {
font-size: 1em;
}
}
@media only screen and (max-width: 480px) and (min-width: 381px) {
.q .ico {
width: 30px !important;
height: 30px !important;
margin: 0 !important;
}
.header__reviews-wrapper {
display: flex;
float: left !important;
height: 67px;
align-items: center !important;
width: unset !important;
}
.ui-nav {
border: 0;
}
.header__reviews {
border-left: 0;
}
}
@media (max-width: 380px) {
.main-logo {
width: 100px !important;
height: 55px !important;
}
.header__reviews {
padding-left: 0.5rem;
}
.ui-nav .ico {
width: 25px !important;
height: 25px !important;
}
.header__reviews-wrapper {
display: flex;
float: left !important;
height: 48px;
align-items: center !important;
width: unset !important;
}
.main-logo {
width: 100px !important;
height: 45px !important;
}
.ui-nav {
border: 0;
}
.header__reviews {
border-left: 0;
}
}
@media (max-width: 960px) {
.branding-block {
margin-bottom: 0;
}
.main-content {
padding-top: 5px;
}
}
input.wpcf7-form-control.wpcf7-submit {
background-image: none !important;
padding-right: 16px;
}
#wp-admin-bar-ctn_adminbar_menu .ab-item {
}
#wp-admin-bar-ctn_adminbar_menu .ab-item .ctn-admin-item {
color: #6ef791;
}
.ctn-admin-item {
color: #6ef791;
}
.ab-submenu {
} #calc .container,
#podzienkowania .container {
width: 1180px;
margin: 0 auto;
}
#podzienkowania .container h1 {
font: 30px/30px 'GT Walsheim', sans-serif;
color: #164659;
text-align: center;
text-transform: uppercase;
}
#calc .container h1 {
font: 24px/24px 'GT Walsheim', sans-serif;
margin: 0 0 40px;
color: #164659;
text-align: center;
text-transform: uppercase;
}
#calc .naglowek_2 {
font: 24px/24px 'GT Walsheim', sans-serif;
color: #39b5e6;
margin: 0 0 40px;
text-align: center;
}
#calc .container p,
#podzienkowania .container p {
font: 300 18px/32px 'Roboto', sans-serif;
color: #767676;
text-align: justify;
} #zb_urazow .cls-1,
#calc .cls-1,
#podzienkowania .cls-1 {
fill: #164659;
fill-rule: evenodd;
}
#zb_urazow .cls-2,
#calc .cls-2,
#podzienkowania .cls-2 {
fill: #fff;
fill-rule: evenodd;
}
#zb_urazow .cls-3,
#calc .cls-3,
#podzienkowania .cls-3 {
fill: #39b5e6;
fill-rule: evenodd;
}
#calc .cls-4 {
fill: none;
stroke: #f6f6f6;
stroke-width: 3px;
fill-rule: evenodd;
}
#calc .cls-5 {
fill: #eee;
fill-rule: evenodd;
}
#zb_urazow {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#zb_urazow .box_uraz {
color: #164659;
width: 29.1%;
margin: 0 auto 50px;
padding: 0 25px 30px;
text-align: center;
border-bottom: 2px solid #ededed;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.box_uraz .kolko {
width: 80px;
height: 80px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #dddddd;
margin: 0 0 20px;
transition: all 0.3s;
}
.box_uraz:hover .kolko {
border-color: #39b5e6;
}
.box_uraz .kolko svg,
.box_uraz .kolko img {
width: 44px;
height: auto;
}
.box_uraz .tytul {
font: 22px/24px 'GT Walsheim', sans-serif;
height: 48px;
overflow: hidden;
margin: 0 0 25px;
transition: all 0.3s;
}
.box_uraz:hover .tytul {
color: #39b5e6;
}
.box_uraz .btn_oblicz {
display: flex;
align-items: center;
justify-content: center; padding: 5px 15px;
border-radius: 20px;
}
.box_uraz .btn_oblicz .tekst {
font: 16px/24px 'GT Walsheim', sans-serif;
}
.box_uraz .male_kolko {
width: 18px;
height: 18px;
border-radius: 100%;
background-color: #29d294;
display: flex;
justify-content: center;
align-items: center;
margin: 0 12px 0 13px;
transition: all 0.3s;
}
.box_uraz:hover .male_kolko {
margin: 0 0 0 25px;
}
.box_uraz .arrow_poziom {
width: 8px;
margin: 0 0 0 2px;
} #calc,
#podzienkowania {
padding-top: 100px;
width: 100%;
}
#calc h1,
#podzienkowania h1 {
margin: 0 0 60px;
}
#nag {
display: block;
}
#calc .calc_center {
display: none;
position: relative;
padding: 0 0 35px;
}
.calc_center .tytul {
text-align: center;
font: 24px/24px 'GT Walsheim', sans-serif;
color: #39b5e6;
margin: 0 0 30px;
}
.calc_center .tytul span {
color: #adadad;
}
#fixed_uwaga {
position: fixed;
left: 50%;
top: -250px;
transform: translate(-50%, 0);
width: 400px;
padding: 25px;
border-radius: 20px;
background-color: #39b5e6;
transition: all 0.3s;
}
#fixed_uwaga.open {
top: 200px;
transform: translate(-50%, 0);
}
#fixed_uwaga .uwaga {
color: #fff;
text-align: center;
font: 300 14px/22px 'Roboto', sans-serif;
}
#fixed_uwaga .uwaga span {
text-transform: uppercase;
font: 500 16px/22px 'Roboto', sans-serif;
}
#fixed_uwaga .ico_krzyzyk {
position: absolute;
top: 10px;
right: 10px;
width: 27px;
padding: 5px;
transition: all 0.3s;
cursor: pointer;
}
#fixed_uwaga .ico_krzyzyk:hover {
transform: rotate(180deg);
}
#fixed_uwaga .cls-2 {
fill: #fff;
}
.calc_center .naroznik {
position: absolute;
top: 0;
height: 100%;
width: auto;
}
.calc_center .naroznik_lewy {
left: 0;
}
.calc_center .naroznik_prawy {
right: 0;
transform: rotate(180deg);
}
.calc_center .wykrzyknik {
position: absolute;
top: 50%;
transform: translate(0, -50%);
height: 45%;
width: auto;
}
.calc_center .wykrzyknik_lewy {
left: 60px;
}
.calc_center .wykrzyknik_prawy {
right: 60px;
}
.calc_center .kwota_wyceny {
position: relative;
text-align: center;
color: #164659;
font: 56px/56px 'GT Walsheim', sans-serif;
}
.calc_center .arrow_poziom {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 20px;
}
.calc_center .arrow_lewy {
left: 0;
animation: ani_arrow_lewy 2.5s ease-in-out infinite;
}
.calc_center .arrow_prawy {
right: 0;
transform: translate(0, -50%) rotate(180deg);
animation: ani_arrow_prawy 2.5s ease-in-out infinite;
}
@keyframes ani_arrow_lewy {
0%,
100% {
left: 0;
}
50% {
left: 200px;
}
}
@keyframes ani_arrow_prawy {
0%,
100% {
right: 0;
}
50% {
right: 200px;
}
}
#calc .calc_down {
padding: 50px 0 90px;
background-color: #eee;
}
#calc .calc_down.start {
background-color: #fff;
padding-bottom: 0;
}
#calc .calc_down .container {
display: flex;
flex-direction: column;
align-items: center;
}
#calc .calc_down p {
margin: 0 0 50px;
}
fieldset {
position: relative;
}
#msform fieldset:not(:first-of-type) {
display: none;
}
#calc .kategoria,
#calc .kategoria_2 {
color: #39b5e6;
font: 40px/44px 'GT Walsheim', sans-serif;
text-align: center;
}
#calc .kategoria {
margin: 0 0 50px;
}
#calc .kategoria_2 {
margin: 0 0 21px;
}
#calc .calc_center .t_maly {
color: #adadad;
font: 700 19px/28px 'Poppins', sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
#calc .calc_center .tooltip {
width: 21px;
height: 21px;
border-radius: 100%;
background-color: #39b5e6;
color: #fff;
font: 700 18px/18px 'Poppins', sans-serif;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 0 0 15px;
flex: 0 0 auto;
}
#calc .pasek_postepu {
position: relative;
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
overflow: hidden;
}
#calc .pasek_szary {
position: absolute;
left: 0;
top: 25px;
width: 100%;
height: 18px;
background-color: #eeeeee;
}
#calc .box_postep {
position: relative;
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 0 60px;
}
#calc .pasek_active {
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 50%;
background-color: #39b5e6;
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
);
background-size: 16px 16px;
animation: progBar 1.2s linear infinite;
}
@-webkit-keyframes progBar {
from {
background-position: 0 0;
}
to {
background-position: 32px 0;
}
}
#calc .pasek_active.sto {
background-color: #e3e3e3;
}
#calc .box_postep .kolko {
position: relative;
width: 60px;
height: 60px;
border-radius: 100%;
border: 2px solid #eee;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
color: #767676;
font: 26px/26px 'GT Walsheim', sans-serif;
margin: 0 0 25px;
transition: all 0.3s;
}
#calc .box_postep.active .kolko {
color: #fff;
border-color: #164659;
background-color: #164659;
}
#calc .box_postep.active2 .kolko {
color: #fff;
background-color: #39b5e6;
border-color: #39b5e6;
}
#calc .box_postep.active3 .kolko {
background-color: #eee;
border-color: #eee;
color: #7c7c7c;
}
#calc .box_postep .nazwa {
color: #cccccc;
font: 16px/24px 'GT Walsheim', sans-serif;
text-transform: uppercase;
text-align: center;
transition: all 0.3s;
}
#calc .box_postep.active .nazwa {
color: #164659;
}
#calc .box_postep.active2 .nazwa {
color: #39b5e6;
}
#calc .box_postep.active3 .nazwa {
color: #7c7c7c;
}
#calc .tekst_postepu,
#podzienkowania .tekst_postepu {
position: relative;
padding: 0 0 12px;
text-transform: uppercase;
color: #164659;
font: 14px/24px 'GT Walsheim', sans-serif;
}
#calc .tekst_postepu .container,
#podzienkowania .tekst_postepu .container {
position: relative;
}
#calc .tekst_postepu .container:after,
#podzienkowania .tekst_postepu .container:after {
content: '';
position: absolute;
left: 0;
bottom: -15px;
height: 3px;
background-color: #39b5e6;
z-index: 1;
}
#calc .tekst_postepu .container:after {
width: 70px;
}
#podzienkowania .tekst_postepu .container:after {
width: 120px;
}
#calc .tekst_postepu .color_szary {
color: #767676;
}
#calc .krok_kategoria {
margin: 0 0 0 20px;
}
#calc .btn {
position: absolute;
bottom: 90px;
}
#podzienkowania .btn {
position: relative;
display: inline-block;
}
#calc .btn,
#podzienkowania .btn {
cursor: pointer;
font: 700 18px/20px 'PT Sans', sans-serif;
border-radius: 30px;
box-shadow: none;
border: none;
transition: all 0.3s;
}
#calc .btn:hover,
#podzienkowania .btn:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
#calc .next,
#podzienkowania .next {
right: calc((100% - 1180px) / 2);
background-color: #39b5e6;
color: #164659;
padding: 13px 60px 13px 30px;
border: 2px solid #39b5e6;
}
#calc .previous,
#podzienkowania .previous {
left: calc((100% - 1180px) / 2);
background-color: transparent;
color: #767676;
padding: 13px 0 13px 30px; }
#calc .btn .male_kolko,
#podzienkowania .btn .male_kolko {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 18px;
height: 18px;
border-radius: 100%;
background-color: #fff;
}
#calc .next .male_kolko,
#podzienkowania .next .male_kolko {
right: 20px;
}
#calc .previous .male_kolko,
#podzienkowania .previous .male_kolko {
left: 0;
background-color: #39b5e6;
}
#calc .btn .arrow_poziom,
#podzienkowania .btn .arrow_poziom {
width: 8px;
margin: 0 0 0 2px;
height: auto;
}
#calc .previous .arrow_poziom,
#podzienkowania .previous .arrow_poziom {
transform: rotate(180deg);
margin: 0 2px 0 0;
}
#calc .tekst_wybierz,
#calc .tekst_wybierz_2 {
color: #164659;
text-transform: uppercase;
text-align: center;
margin: 0 0 20px;
}
#calc .tekst_wybierz {
font: 14px/18px 'GT Walsheim', sans-serif;
}
#calc .tekst_wybierz_2 {
font: 16px/24px 'GT Walsheim', sans-serif;
margin: 0 220px 20px;
}
#calc .tekst_wybierz_2 .kolor {
color: #39b5e6;
}
#calc .tekst_wybierz_2 .grubosc {
font: 300 14px/24px 'Roboto', sans-serif;
}
#calc select {
color: #767676;
font: 300 16px/24px 'Roboto', sans-serif;
background-color: #fff;
box-shadow: none;
border: none;
height: 50px;
width: 500px;
max-width: 500px;
padding: 0 54px 0 25px;
cursor: pointer;
}
#calc .apn-select {
position: relative;
}
#calc .apn-select::after {
content: '';
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
width: 14px;
height: 10px;
background: url(https://claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/uploads/2022/07/arrow_pion.svg);
pointer-events: none;
}
#calc .apn-select .wpcf7-form-control-wrap {
display: inline-block;
height: 50px;
}
#calc .apn-select .wpcf7-form-control-wrap::before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
background: #fff;
pointer-events: none;
display: block;
z-index: 1;
}
@media (max-width: 1023px) {
#calc .apn-select .wpcf7-form-control-wrap::before {
height: 38px;
}
}
#calc .apn-select .wpcf7-form-control-wrap::after {
content: '';
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
width: 14px;
height: 10px;
background: url(https://claimspot.co.uk/kalkulator-odszkodowan-UK/wp-content/uploads/2022/07/arrow_pion.svg);
pointer-events: none;
z-index: 1;
}
#calc .zb_radio {
width: 100%;
margin: 35px 0 90px;
}
#calc input[type='radio'] {
display: none;
}
.wpcf7-list-item-label {
display: block;
width: 100%;
margin: 0 0 30px;
position: relative;
padding: 0 0 0 55px;
cursor: pointer;
color: #164659;
font: 300 16px/28px 'Roboto', sans-serif;
}
.radio-span {
position: absolute;
left: 0;
display: inline-block;
width: 26px;
height: 26px;
border-radius: 100%;
border: 2px solid #164659;
background-color: #fff;
cursor: pointer;
}
input[type='radio']:checked + label span:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #39b5e6;
}
#calc .zb_input {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
margin: 20px 0 70px;
}
#calc .zb_input div {
width: 30%;
display: flex;
flex-direction: column;
}
#calc .zb_input .tekst_label {
font: 300 16px/24px 'Roboto', sans-serif;
color: #767676;
padding: 0 0 10px;
}
#calc .zb_input .tekst_label span {
color: #39b5e6;
}
#calc .zb_input div input {
width: 100%;
height: 50px;
border: none;
font: 300 16px/24px 'Roboto', sans-serif;
color: #767676;
padding: 10px;
}
#calc .tekst_podpis {
color: #5eb3e3;
font: 18px/24px 'GT Walsheim', sans-serif;
text-align: center;
margin: 0 0 12px;
}
#podzienkowania .calc_down {
background-color: #eeeeee;
padding: 60px 0;
}
#podzienkowania .calc_down .container {
display: flex;
align-items: center;
justify-content: space-between;
}
#podzienkowania .calc_center {
padding: 80px 0;
border-top: 3px solid #f6f6f6;
}
#podzienkowania .calc_center .tytul {
color: #164659;
font: 38px/48px 'GT Walsheim', sans-serif;
margin: 0 0 30px;
}
#podzienkowania .calc_center .tytul span {
color: #39b5e6;
}
#podzienkowania .calc_center .tekst {
text-align: center;
color: #767676;
font: 300 18px/32px 'Roboto', sans-serif;
margin: 0 0 20px;
}
#podzienkowania .calc_center .tekst span {
color: #164659;
font: 500 18px/32px 'Roboto', sans-serif;
}
#podzienkowania .link_tel {
display: flex;
justify-content: center;
}
#podzienkowania .link_tel a {
display: inline-flex;
justify-content: center;
align-items: center;
}
#podzienkowania .link_tel img {
width: 60px;
height: auto;
margin: 0 10px;
}
#podzienkowania .link_tel .tekst_maly {
color: #7c7c7c;
font: 500 20px/32px 'Roboto', sans-serif;
}
#podzienkowania .link_tel .tekst_duzy {
color: #164659;
font: 500 32px/32px 'Roboto', sans-serif;
} #stopka {
margin: 20px 0 0;
width: 100%;
display: flex;
justify-content: center;
padding: 20px 0;
border-top: 1px solid #eeeeee;
}
#stopka .container {
width: 1180px;
display: flex;
justify-content: space-between;
align-items: center;
}
#stopka .logo {
width: 83px;
}
#stopka .logo img {
width: 100%;
height: auto;
}
#stopka .google {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#stopka .ico_google {
width: 55px;
margin: 0 0 5px;
}
#stopka .google div {
display: flex;
align-items: center;
justify-content: center;
color: #f9b403;
font: 400 12px/12px 'Poppins', sans-serif;
}
#stopka .ico_gwiazdka {
width: 9px;
margin: 0 0 0 2px;
flex: 0 0 auto;
}
#stopka .tekst {
color: #7c7c7c;
font: 400 11px/12px 'Poppins', sans-serif;
cursor: pointer;
}
.ico_gwiazdka .cls-1 {
fill: #f9b403;
fill-rule: evenodd;
}
.ico_google .cls-1 {
fill: #7f7f7f;
fill-rule: evenodd;
}
#fixed_polityka { position: fixed;
left: 50%;
top: -90vh;
transform: translate(-50%, 0);
width: calc(100% - 200px);
padding: 50px;
border-radius: 20px;
background-color: #39b5e6;
transition: all 0.3s;
color: #fff;
height: 90vh;
max-width: 100%;
}
#fixed_polityka.open {
top: 50%;
transform: translate(-50%, -50%);
}
#fixed_polityka div {
overflow-x: auto;
height: 100%;
}
#fixed_polityka .ico_krzyzyk {
position: absolute;
top: 10px;
right: 10px;
width: 27px;
padding: 5px;
transition: all 0.3s;
cursor: pointer;
}
#fixed_polityka .ico_krzyzyk:hover {
transform: rotate(180deg);
}
#fixed_polityka .cls-2 {
fill: #fff;
}
#fixed_polityka h2 {
text-align: center;
font: 30px/30px 'GT Walsheim', sans-serif;
text-transform: uppercase;
margin: 0 0 30px;
}
#fixed_polityka h3 {
font: 24px/28px 'GT Walsheim', sans-serif;
margin: 20px 0 15px;
}
#fixed_polityka p,
#fixed_polityka li,
#fixed_polityka a {
font: 300 15px/22px 'Roboto', sans-serif;
color: #fff;
}
#fixed_polityka p,
#fixed_polityka li {
margin: 0 0 10px;
}
#fixed_polityka ul {
margin: 0 0 20px;
}
#fixed_polityka ol {
margin: 0 0 20px 20px;
}
#fixed_polityka ul li {
padding: 0 0 0 15px;
position: relative;
}
#fixed_polityka ol li {
padding: 0 0 0 5px;
}
#fixed_polityka ul > li:before {
position: absolute;
content: '';
height: 5px;
width: 5px;
border-radius: 100%;
background: #fff;
left: 0;
top: 8px;
}
#fixed_polityka ul > li:last-of-type,
#fixed_polityka ol > li:last-of-type {
margin-bottom: 0;
}
#fixed_polityka ol > li {
list-style-type: decimal;
}
.calc_down .mobile {
display: none;
justify-content: flex-end;
align-items: center;
width: 100%;
}
#calc .calc_down .mobile p {
margin: 0;
}
.btn_wiecej {
display: inline-flex;
align-items: center;
color: #39b5e6;
cursor: pointer;
transition: all 0.3s;
margin: 0 0 25px;
}
.btn_wiecej span {
margin: 0 5px 0 0;
font: 300 14px/24px 'Roboto', serif;
}
.btn_wiecej .tekst_2,
.btn_wiecej.open .tekst_1 {
display: none;
}
.btn_wiecej.open .tekst_2 {
display: inline-block;
}
.btn_wiecej svg {
width: 14px;
transform: rotate(90deg);
transition: all 0.3s;
}
.btn_wiecej.open svg {
transform: rotate(90deg) scale(-1);
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
input[type='radio']:checked + .radio-span:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #39b5e6;
}
#calc .zb_input {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
margin: 20px 0 70px;
}
#calc .zb_input div {
width: 30%;
display: flex;
flex-direction: column;
}
#calc .zb_input div:first-of-type {
margin: 0 80px 0 0;
}
.wpcf7-radio .wpcf7-list-item {
display: block;
}
.form-send .male_kolko {
right: 20px;
}
#calc .form-send {
right: calc((100% - 1180px) / 2);
background-color: #29d294;
color: #fff;
padding: 13px 60px 13px 30px;
border: 2px solid #29d294;
}
@media only screen and (max-width: 1219px) {
#calc .form-send {
right: 20px;
}
}
.wpcf7-select {
position: relative;
}
.wpcf7-select:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
background: #fff;
pointer-events: none;
display: block;
}
#calc .btn.btn-more {
display: none;
position: relative;
bottom: 0;
margin: 15px 0 50px;
padding: 13px 45px;
background-color: #39b5e6;
color: #164659;
border: 2px solid #39b5e6;
}
@media (max-width: 12019px) {
#calc .btn.btn-more {
display: block;
}
.txt-more-js {
display: none;
}
.dots.hidden {
display: none;
}
.txt-more-js.active {
display: inline;
}
}
.wpcf7-list-item {
margin: 0;
position: relative;
}
body {
scroll-behavior: smooth;
} form[name='wp_form_quick'] input[type='submit'] {
background-image: none !important;
}
input[type='submit'] {
background-image: none !important;
}
#calc .apn-select .wpcf7-form-control-wrap::after {
background-repeat: no-repeat;
}
.grecaptcha-badge {
visibility: hidden;
}
.tekst_podpis2 {
font: 300 12px/28px 'Roboto', sans-serif;
color: #164659;
}
.mt-80 {
margin-top: 80px;
} .calc-custom-content {
margin: 30px 0;
}
.calc-custom-content p {
margin-bottom: 10px;
} .calc-faq {
margin: 50px 0;
}
.calc-faq-item {
margin-bottom: 30px;
}
.calc-faq-item__question {
padding: 20px 30px;
background-color: #efefef;
border-radius: 15px;
cursor: pointer;
}
.calc-faq-item__question p {
font-size: 20px;
font-weight: 500;
color: #164659;
}
.calc-faq-item__question span {
display: inline-block;
margin-bottom: 15px;
padding: 10px 14px;
color: #164659;
border: 1px solid #164659;
border-radius: 50%;
}
@media (min-width: 1200px) {
.calc-faq-item__question span {
margin-right: 15px;
margin-bottom: 0;
}
}
.calc-faq-item__answer {
margin-top: 3px;
padding: 0 30px;
height: 0;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
overflow: hidden;
}
.calc-faq-item__answer p {
opacity: 0;
transition: opacity .3s;
}
.calc-faq-item.active .calc-faq-item__question {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.calc-faq-item.active .calc-faq-item__answer {
padding: 20px 30px;
height: auto;
background-color: white;
border: 1px solid #efefef;
border-top: none;
overflow: visible;
}
.calc-faq-item.active .calc-faq-item__answer p {
opacity: 1;
}
.viewport_cta,
.viewport_case_study {
padding: 50px 0 10px;
margin-top: 30px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
}
.section-uznanie {
display: flex;
justify-content: space-between;
align-items: center;
}
.section-uznanie .kolumna {
display: flex;
align-items: center;
}
.section-uznanie .kolumna_2 {
margin: 0 50px;
}
.section-uznanie .naglowek_1 {
font: 600 22px/30px 'Poppins', sans-serif;
color: #164659;
}
.section-uznanie .naglowek_1 span {
color: #39b5e6;
}
.section-uznanie .kolumna_1 img {
width: 60px;
height: auto;
margin: 0 0 0 20px;
flex: 0 0 auto;
}
.section-uznanie .sprawy {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.section-uznanie .sprawy .liczba {
font: 700 22px/26px 'Roboto', sans-serif;
color: #164659;
}
.section-uznanie .separator {
width: 2px;
height: 54px;
background-color: #F4F4F4;
margin: 0 20px;
flex: 0 0 auto;
}
.section-uznanie .block-reviews .ui-ico {
height: 1.5rem;
}
.section-uznanie .block-reviews .rating {
font-size: 1.5em;
}
.section-uznanie .block-reviews p {
display: block;
font-size: .8em;
}
.viewport_cta .link_czat {
justify-content: center;
}
.case-study-start {
display: flex;
justify-content: space-between;
}
.case-study-start .box_study {
width: 60%;
margin: 0 auto 50px;
display: flex;
flex-direction: column;
}
.box_study .line_top,
.box_study .line_down {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.box_study .line_top .naglowek_1 {
margin: 0 10px 0 0;
text-align: left;
flex: 0 0 auto;
font: 600 22px/30px 'Poppins', sans-serif;
color: #164659;
}
.box_study .line_top .ocena {
display: flex;
align-items: center;
justify-content: flex-end;
}
.box_study .line_top .rating {
color: #f8b502;
font-size: 1em;
}
.box_study .line_top .kolko {
width: 46px;
height: 46px;
border-radius: 100%;
background-color: #f4f4f4;
margin: 0 0 0 8px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.box_study .line_top .ico_ludek {
height: 100%;
width: auto;
margin: 10px 0 0;
}
.box_study .line {
margin: 20px 0 25px;
color: #747474;
}
.box_study .line_down p {
line-height: 120%;
font-size: 1.1em;
margin: 0;
color: #666;
}
.box_study .line_down .kwota_odszkodowania {
width: 50%;
flex: 0 0 auto;
margin: 0 0 0 20px;
color: #39b5e6;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
font: 26px/26px 'GT Walsheim', sans-serif;
}
.box_study .line_link {
margin: 25px 0 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.box_study .line_link span {
font: 700 17px/23px 'Roboto', sans-serif;
color: #164659;
transition: all 0.3s;
}
.box_study .ico_arrow {
width: 17px;
height: auto;
margin: 0 15px;
transition: all 0.3s;
}
.box_study:hover .line_link span {
color: #39B5E6;
}
.box_study:hover .ico_arrow {
margin: 0 0 0 30px;
}
@media (max-width: 1279px) {
.viewport {
padding: 0 16px;
}
.viewport_cta,
.viewport_case_study{
padding: 50px 16px 10px;
}
.content-title h1::after,
.section-title h1::after,
.section-title h2::after,
.new-section-1 h2::after,
.new-section-2 h2::after,
.section-historie h2::after {
margin: 25px auto 40px;
}
.section-uznanie .naglowek_1 {
font: 600 19px/26px 'Poppins', sans-serif;
}
.section-uznanie .kolumna_2 {
margin: 0 35px;
width: 200px;
text-align: center;
}
.section-uznanie .kolumna_2 p {
font-size: 1em;
}
.section-uznanie .block-reviews .ui-ico {
height: 1.2rem;
}
.section-uznanie .block-reviews .rating {
font-size: 1.2em;
}
.section-uznanie .separator {
height: 50px;
margin: 0 15px;
}
.section-uznanie .block-reviews p {
display: block;
font-size: .7em;
}
.box_study .line_top .kolko {
width: 42px;
height: 42px;
}
.box_study .line {
margin: 15px 0 20px;
font-size: 0.9em;
}
.box_study .line_down p {
font-size: 1em;
}
.box_study .line_down .kwota_odszkodowania {
width: 45%;
margin: 0 0 0 10px;
font: 22px/22px 'GT Walsheim', sans-serif;
}
}
@media (max-width: 1023px) {
.content-title h1::after,
.section-title h1::after,
.section-title h2::after,
.new-section-1 h2::after,
.new-section-2 h2::after {
margin: 20px auto 35px;
}
.section-cta .block-reviews p,
.footer-section .block-reviews p {
font-size: 0.9em;
}
.branding-block {
margin-bottom: 0;
}
.top-header .call-now {
padding: 5px 0 10px;
}
.section-uznanie {
flex-wrap: wrap;
justify-content: center;
}
.section-uznanie .naglowek_1 {
text-align: center;
}
.section-uznanie .kolumna_3 {
width: 100%;
justify-content: center;
margin: 25px 0 0;
}
.section-uznanie .kolumna_2 {
margin: 0 0 0 50px;
width: auto;
}
.case-study-start .box_study {
margin: 0 auto 40px;
}
}
@media (max-width: 960px) {
.footer-bottom {
grid-template-columns: 1fr;
grid-row-gap: 1rem;
padding: 15px 20px;
}
.footer-bottom p {
padding: 0;
}
.top-header .call-now {
clear: both;
float: none;
padding-top: 25px;
}
.call-now--mobile .june-header-phone {
margin: 0;
}
}
@media (max-width: 767px) {
.section-cta .block-reviews .ui-ico,
.footer-section .block-reviews .ui-ico {
height: 1.3rem;
}
.section-cta .block-reviews .rating,
.footer-section .block-reviews .rating {
font-size: 1.3em;
}
.footer-section .footer_logo_google .logo {
width: 150px;
margin: 0 25px 0 0;
}
.footer-section .block-reviews {
margin: 0 0 0 25px;
}
.section-uznanie {
flex-wrap: wrap;
justify-content: center;
}
.section-uznanie .kolumna_2 {
margin: 20px 0 0;
width: 100%;
}
.section-uznanie .kolumna_2 p {
text-align: center;
margin: 0 auto;
}
.section-uznanie .kolumna_3 {
margin: 20px 0 0;
}
.case-study-start .box_study {
max-width: 350px;
}
.box_study .line {
font: 300 15px/20px 'Roboto', sans-serif;
}
.box_study .line_down p {
width: 50%;
margin: 0;
text-align: left;
font: 300 13px/18px 'Roboto', sans-serif;
}
.box_study .line_down .kwota_odszkodowania {
margin: 0 0 0 20px;
padding: 10px 20px;
}
}
@media (max-width: 599px) {
.header__reviews-wrapper {
height: 55px;
}
.mt-80 {
margin-top: 60px;
}
.calc-faq {
margin: 35px 0;
}
.calc-custom-content h3 {
font-size: 20px;
}
.calc-faq-item__answer p,
.calc-custom-content p {
font-size: 15px;
line-height: 22px;
}
.calc-faq-item__question {
padding: 15px;
}
.calc-faq-item__question p {
font-size: 16px;
line-height: 24px;
display: flex;
}
.calc-faq-item__question span {
margin: 0 8px 0 0;
width: 22px;
height: 22px;
flex: 0 0 auto;
}
.calc-faq-item.active .calc-faq-item__answer {
padding: 15px;
}
.header__reviews-wrapper {
height: auto;
width: 140px;
}
.case-study-start .box_study {
width: 100%;
}
}
@media (max-width: 480px) {
.mt-80 {
margin-top: 50px;
}
.pole_podpis {
margin: 0;
}
.pole_podpis .container {
padding: 20px 16px;
}
#calc .pole_podpis .container {
width: 100%;
}
.new-section-1 h2,
.new-section-2 h2,
.section-title h2 {
font-size: 1.5em;
}
.new-section-1 h2::after,
.new-section-2 h2::after,
.section-title h1::after,
.section-title h2::after {
width: 48px;
height: 4px;
}
.footer-section .section-title h2::after {
margin: 20px auto;
}
.footer-section .june-header-phone {
margin: 0 0 20px;
}
.june-header-phone--center {
font-size: 21px;
}
.footer-section .section-title p {
margin: 0 0 35px;
font-size: 15px;
line-height: 135%;
}
.footer-contact-data li {
display: block;
margin: 0 auto 15px;
font-size: 1em;
}
.footer-contact-data .ico {
width: 20px;
height: 20px;
}
.footer-section-contact .button {
margin: 20px 0 30px;
}
.footer-section .footer_logo_google .logo {
width: 112px;
margin: 0 20px 0 0;
}
.footer-section .block-reviews {
margin: 0 0 0 20px;
}
.section-cta .block-reviews .ui-ico,
.footer-section .block-reviews .ui-ico,
.rich-text .section-cta .block-reviews .ui-ico,
.main-column > .section-cta .block-reviews .ui-ico {
height: 1rem;
}
.section-cta .block-reviews .rating,
.footer-section .block-reviews .rating,
.rich-text .section-cta .block-reviews .rating,
.main-column > .section-cta .block-reviews .rating {
font-size: 1em;
}
.section-cta .block-reviews p,
.footer-section .block-reviews p,
.rich-text .section-cta .block-reviews p,
.main-column > .section-cta .block-reviews p {
font-size: 10px;
}
.branding-block {
padding: 0 0 15px;
}
.top-header {
padding: 15px 0 0;
}
.top-header .viewport .call-now {
display: none;
}
.top-header .call-now {
padding: 10px 0;
font-size: 0.9em;
}
.top-header .call-now .ico {
width: 26px;
height: 26px;
margin: 0 6px;
}
.top-header .call-now a {
font-size: 1.3em;
}
.call-now--mobile .june-header-phone {
padding: 5px 0;
}
.top-header .viewport {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
}
.top-header .viewport::after {
display: none;
}
.main-logo {
width: 100px !important;
height: 30px !important;
margin: 0;
}
.ui-nav {
font-size: 1em;
top: 0;
padding: 0;
border: 0;
}
.ui-nav .ico {
width: 30px;
height: 30px;
}
.viewport_cta,
.viewport_case_study {
padding: 30px 16px 0;
}
.viewport_cta .link_czat {
justify-content: center;
margin: 30px 0 40px;
}
.section-uznanie {
margin: 0 auto;
justify-content: flex-start;
max-width: 340px;
}
.section-uznanie .naglowek_1 {
margin: 0;
font: 600 22px/26px 'Poppins', sans-serif;
text-align: left;
}
.section-uznanie .kolumna_1 img {
width: 50px;
}
.section-uznanie .kolumna_2 {
margin: 15px 0 0;
}
.section-uznanie .kolumna_2 p {
text-align: left;
margin: 0;
}
.section-uznanie .kolumna_3 {
justify-content: flex-start;
}
.section-uznanie .sprawy {
align-items: center;
width: 50px;
}
.section-uznanie .sprawy .tekst {
font: 300 12px/15px 'Roboto', sans-serif;
text-align: center;
}
.section-uznanie .separator {
margin: 0 20px;
}
.case-study-start .box_study {
margin: 0 auto 30px;
}
.box_study .line_top {
align-items: flex-start;
}
.box_study .line_top .naglowek_1 {
font: 600 22px/26px 'Poppins', sans-serif;
}
.box_study .line_top .rating {
font-size: 17px;
}
.box_study .line_top .kolko {
width: 32px;
height: 32px;
margin: 0 0 0 12px;
}
.box_study .line {
margin: 10px 0 15px;
}
.box_study .line_down .kwota_odszkodowania {
padding: 5px 15px;
box-sizing: content-box;
}
.box_study .line_link {
margin: 15px 0 0;
}
.box_study .line_link span {
font: 700 15px/18px 'Roboto', sans-serif;
}
.box_study .ico_arrow,
.box_study:hover .ico_arrow {
width: 15px;
margin: 0 0 0 15px;
}
}