@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&subset=latin-ext");
ul, li{
list-style: none;
padding: 0;
}
html {
box-sizing: border-box;
font-family: 'Open Sans';
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; overflow-x: hidden;
}
img {
height: auto; max-width: 100%; }
table {
margin: 0 0 1.5em;
width: 100%;
}
a:hover,
a:active {
outline: 0;
} .menu-toggle{
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}   .sticky {
display: block;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} h1.page-title {
background: #333c42;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 40px;
padding: 50px 0;
}
.nav-bar {
position: relative;
background: #fff;
overflow: hidden;
}
.site-logo {
margin-top: 55px;
}
.site-navigation {
text-transform: uppercase;
font-weight: 600;
text-align: right;
}
.site-navigation a {
outline: none;
}
.top-nav {
position: relative;
height: 30px;
padding-right: 7px;
}
.top-nav  ul {
position: relative;
z-index: 1;
}
.top-nav:before {
content: "";
position: absolute;
left: -150%;
right: 0;
top: 0;
height: 100%;
background: #f3f3f3;
z-index: 0;
}
.top-nav:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 30px 10px 0 0;
border-color: #f3f3f3 transparent transparent transparent;
position: absolute;
right: -10px;
top: 0;
}
.top-nav li {
margin-right: -4px;
}
.top-nav a {
font-size: 14px;
display: block;
line-height: 24px;
padding: 0px 20px;
margin-top: 3px;
border-left: 1px solid #fff;
border-right: 1px solid #e5e5e5;
color: #566874;
-webkit-transition: color 0.3s;
-moz-transition:color 0.3s;
transition: color 0.3s;
}
.top-nav li:first-child a {
border-left: none;
}
.top-nav li:last-child a {
border-right: none;
}
.top-nav a:hover {
color: #2baeff;
}
.top-nav .current_page_item a {
background: #2baeff;
color: #fff;
}
.main-nav {
padding: 50px 0 40px;
}
.main-nav li,
.top-nav li {
display: inline-block;
}
.main-nav a {
display: inline-block;
font-size: 20px;
color: #454f55;
padding: 0px 10px 5px;
margin: 0px 5px;
-webkit-transition: color 0.3s;
-moz-transition:color 0.3s;
transition: color 0.3s;
}
.main-nav .current_page_item a {
border-bottom: 3px solid #2baeff;
}
.main-nav a:hover {
color: #2baeff;
}
.fb-header-link {
display: block;
position: absolute;
background: #2baeff;
width: 160px;
height: 100%;
top: 0;
right: 0;
line-height: 152px;
text-align: center;
font-size: 80px;
color: rgba(255,255,255,0.6);
-webkit-transition: background 0.3s, color 0.3s;
-moz-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.fb-header-link:before {
content: "";
display: block;
float: left;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 155px 50px;
border-color: transparent transparent #2baeff transparent;
margin-left: -50px;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.fb-header-link:hover {
background: #224364;
color: #fff;
}
.fb-header-link:hover:before {
border-color: transparent transparent #224364 transparent;
}
.asd {
height: -moz-calc(100% - 155px); height: -webkit-calc(100% - 155px); height: -o-calc(100% - 155px); height: calc(100% - 155px);
}
.site-header {
background: #000;
}
div.banner-wrap {
height: 100vh;
padding-top: 155px;
margin-top: -155px;
}
div.banner-parallax {
height: 100%;
width: 100%;
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/leszek-szlachetko.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
}
.parallax {
background-position: center -100px;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;
}
.title-banner {
height: 400px;
overflow: hidden;
position: relative;
border-top: 5px solid #dcdfe4;
}
.title-banner .parallax {
background-image: url(//leszekszlachetko.pl/wp-content/themes/img/mixed_occupations.jpg);
}
.work-steps h2 {
margin-bottom: 80px;
text-align: center;
text-shadow: 1px 1px 0px #fff;
font-size: 34px;
color: #2baeff;
}
.work-steps {
background: rgb(243,243,243);
background: -moz-linear-gradient(top,  rgba(243,243,243,1) 20%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 20%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(243,243,243,1) 20%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
padding: 80px 0;
}
.step {
}
.work-steps .step-title {
position: relative;
font-size: 24px;
font-weight: 600;
color: #566874;
min-height: 80px;
margin-bottom: 60px;
z-index: 1;
}
.work-steps .step-title .fa {
display: block;
position: absolute;
top: 40px;
right: 0;
width: 74px;
line-height: 70px;
text-align: center;
color: #2baeff;
font-size: 40px;
border: 2px solid #fff;
border-radius: 50%;
z-index: -1;
}
.step-desc {
font-size: 16px;
color: #454f55;
opacity: 0.8;
}
.work-steps .step-title:before {
content: attr(data-step);
position: absolute;
font-size: 120px;
font-weight: bold;
top: -60px;
left: 10px;
color: #454f55;
opacity: 0.1;
}
.services img {
display: block;
margin: 0;
width: 100%;
max-width: auto;
}
.services .col-6 {
border: 20px solid #fff;
}
.services .service-one {
border-right-width: 10px;
}
.services .service-two {
border-left-width: 10px;
}
.services .service-name {
width: 450px;
font-size: 70px;
padding: 0px 0;
text-align: center;
text-transform: uppercase;
margin-bottom: -48px;
position: relative;
z-index: 1;
}
.services a {
color: #fff;
display: block;
background: #2baeff;
-webkit-transition: color 0.3s, background 0.3s;
-moz-transition:color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}
.services a:hover {
background: #224364;
color: #2baeff;
}
.services .service-one,
.services .service-two {
position: relative;
}
.services .service-one .service-name {
float: left;
margin-left: -20px;
}
.services .service-two .service-name {
float: right;
margin-right: -20px;
}
.services a.service-link {
font-size: 16px;
left: 50%;
font-weight: bold;
position: absolute;
display: table;
bottom: 100px;
z-index: 3;
margin-left: -101px;
}
.services .service-one a.service-link {
}
.services a.service-link .fa {
} .partners img {
position: static !important;
}
.partners .partner-name {
font-size: 20px;
color: #454f55;
border-top: 1px solid #2baeff;
padding-top: 10px;
}
.partners .col-4 {
padding-top: 15px;
padding-bottom: 15px;
}
.partner-box {
padding: 15px;
background: #fff;
}
p.partners-desc {
font-size: 18px;
color: #566874;
border-bottom: 3px solid #fff;
margin-bottom: 30px;
padding-bottom: 10px;
}
p.partners-desc span {
color: #2baeff;
font-weight: 600;
} .about {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 80%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 80%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
padding: 100px 0;
}
.about .col-6:first-child {
padding-left: 30px;
}
.about h2,
.about h3,
.about .about-intro {
font-weight: normal;
letter-spacing: 1px;
border-left: 3px solid #2baeff;
padding-left: 30px;
}
.about h2 {
color: #454f55;
font-size: 50px;
text-transform: uppercase;
}
.about h3 {
font-size: 20px;
color: #2baeff;
text-transform: uppercase;
}
.about .about-intro {
color: #566874;
letter-spacing: 1px;
padding-top: 50px;
padding-bottom: 20px;
line-height: 150%;
}
.about .profile-img {
padding: 0px 50px;
height: 450px;
overflow: hidden;
}
.about a.icon-btn {
font-size: 16px;
font-weight: bold;
margin-top: 20px;
}
.transformations {
margin-top: 120px;
}
.transformations h3 {
text-align: center;
}
.transformations h3 strong {
font-weight: 600;
color: #2baeff;
font-size: 35px;
}
.transformations h3 {
color: #fff;
font-size: 30px;
font-weight: normal;
}
.transformations .people-list {
margin: 50px 0 100px;
}
.section-wrap {
padding-bottom: 100px;
}
.bg-dark {
background: #212527;
} .site-footer {
position: relative;
background: #2baeff;
padding: 80px 0;
overflow: hidden;
}
.site-footer .footer-nav .menu-name {
font-size: 20px;
font-weight: 700;
letter-spacing: 1px;
color: #fff;
margin-bottom: 40px;
text-transform: uppercase;
}
.site-footer .footer-nav ul a {
color: #224a64;
font-size: 16px;
font-weight: 600;
}
.site-footer .footer-nav ul a:hover {
color: rgba(255,255,255,0.9);
}
.site-footer .footer-nav ul li {
line-height: 30px;
}
.site-footer .footer-nav ul.contacts li {
color: #fff;
font-weight: bold;
white-space: nowrap;
line-height: 40px;
}
.site-footer .footer-nav .contacts .fa {
font-size: 30px;
width: 30px;
text-align: center;
margin-right: 20px;
vertical-align: middle;
}
.site-footer .facebook {
background: #224364;
float: left;
position: absolute;
left: 50%;
right: 0;
margin-left: 500px;
height: 100%;
top: 0;
width: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.site-footer .facebook:before {
content: "";
display: block;
float: left;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 600px 150px;
border-color: transparent transparent #224364 transparent;
margin-left: -150px;
}
.banner-text {
background: rgba(255,255,255,0.95);
padding: 40px;
width: 650px;
}
.banner-text  .intro-one {
font-size: 40px;
font-weight: bold;
color: #454f55;letter-spacing: 1px;
}
.banner-text  .intro-two {
font-size: 20px;
color: #566874;
margin-top: 20px;
line-height: 150%;
}
.banner-text h1 {
color: #2baeff;
font-size: 28px;
}
.banner-text  .intro-two span {
display: block;
font-weight: 600;letter-spacing: 1px;
}
.site-footer .vertical {
height: 100%;
}
.site-footer .vertical .v-content {
width: 100%;
}
.site-footer .facebook .fa-facebook {
font-size: 200px;
color: #fff;
opacity: 0.5;
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 0px 50px;
text-align: center;
}
.site-footer .facebook:hover .fa-facebook{
color: #2baeff;
opacity: 1;
}
.site-footer .facebook:hover .fa-facebook {
}
.site-footer .facebook .hidden {
display: none;
}
.site-footer .facebook:hover .hidden {
}
.site-footer .footer-info {
border-top: 2px solid rgba(255,255,255,0.2);
margin-top: 40px;
padding-top: 40px;
line-height: 80px;
}
.branding-footer {
float: left;
margin-right: 30px;
}
.branding-footer img {
display: block;
}
.site-footer .footer-info p {
float: left;
}
.site-footer .copyrights-note {
color: #fff;
font-size: 14px;
}
.site-footer .footer-info a {
margin-left: 20px;
color: #224364;
font-weight: 600;
}
.page-content {
padding: 70px 0;
background: #f3f5f7;
}
.page-content.dark {
background: #212527;
} .pricelist-page .included {
font-size: 18px;
border-bottom: 5px solid #fff;
padding: 30px 0;
}
.pricelist-page .included.notice .fa{
color: #cc181e;
font-size: 50px;
float: left;
display: block;
margin-left: -70px;
}
.pricelist-page .included.notice {
padding-left: 70px;
}
.pricelist-page .included p {
font-size: 22px;
color: #454f55;
margin-bottom: 10px;
}
.pricelist-page .included.notice p {
font-size: 18px;
}
.pricelist-page .included li {
padding: 10px 0;
color: #224364;
font-weight: 600;
}
.pricelist-page .included li .fa {
color: #2baeff;
font-weight: normal;
margin-right: 15px;
font-size: 22px;
vertical-align: middle;
}
.pricelist-page .included ul {
padding-left: 30px;
} .home-testimonials {
margin-left: 10%;
width: 80%;
}
.home-testimonials .header {
background: rgba(255,255,255,0.05);
padding: 20px 0;
margin-bottom: 1px;
}
.home-testimonials .header h3 {
color: rgba(43, 174, 255, 0.8);
margin-bottom: 10px;
font-size: 35px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.home-testimonials .header p {
color: rgba(255,255,255,0.8);
font-size: 30px;
}
.testimonials-list {
position: relative;
z-index: 1;
padding: 50px 0;
}
.testimonials-list:before {
content: "";
position: absolute;
display: block;
height: 100%;
width: 100%;
z-index: -1;
background: #000 url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/home-testimonial-bg.jpg.webp) center center no-repeat;
background-size: cover;
top: 0;
opacity: 0.25;
}
.testimonials-list .quote-item {
margin: 0;
padding: 0px 15px;
position: relative;
}
.testimonials-list .quote-item .frame {
padding: 20px;
background: rgba(255,255,255,0.06);
position: relative;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
}
.testimonials-list .quote-item .frame:hover {
background: rgba(0,0,0,0.2);
}
.testimonials-list .quote-item:before,
.testimonials-list .quote-item:after {
position: absolute;
content: "";
height: 2px;
right: 13px;
background: rgba(255,255,255,0.5);
}
.testimonials-list .quote-item:before {
top: -4px;
left: 13px;
}
.testimonials-list .quote-item:after {
bottom: -4px;
left: 80px;
}
.testimonials-list .quote-item .frame:before,
.testimonials-list .quote-item .frame:after
{
position: absolute;
content: "";
top: -4px;
width: 2px;
background: rgba(255,255,255,0.5);
}
.testimonials-list .quote-item .frame:before {
bottom: 55px;
left: -4px;
}
.testimonials-list .quote-item .frame:after {
right: -4px;
bottom: -4px;
}
.testimonials-list .buttons {
text-align: center;
margin-top: 50px;
}
.testimonials-list .buttons a {
color: #454f55;
font-size: 14px;
font-weight: 600;
line-height: 30px;
display: inline-block;
margin: 0px 25px;
border: 5px solid rgba(255,255,255,0.3);
background: rgba(255,255,255,0.9);
}
.testimonials-list .buttons a:hover {
color: #2baeff;
background: rgba(255,255,255,1);
}
.testimonials-list .quote-text {
font-size: 14px;
color: rgba(255,255,255,0.9);
min-height: 180px;
}
.testimonials-list .show-more-content.hidden {
display: none;
}
.testimonials-list .quote-text .show-more {
color: #2baeff;
margin-left: 10px;
font-size: 26px;
vertical-align: middle;
-webkit-transition: color 0.3s;
-moz-transition:color 0.3s;
transition: color 0.3s;
}
.testimonials-list .quote-text .show-more:hover {
color: #fff;
}
.testimonials-list .quote-author {
color: #2baeff;
font-size: 22px;
font-weight: 700;
text-align: right;
margin-top: 10px;
}
.testimonials-list .quote-author cite {
font-style: normal;
}
.testimonials-list .date {
font-size: 14px;
font-weight: 600;
color: rgba(255,255,255,0.7);
text-align: right;
}
.testimonials-list .fa-quote-left {
color: #2baeff;
opacity: 0.8;
font-size: 60px;
position: absolute;
display: block;
bottom: -15px;
left: 10px;
height: 60px;
}
.testimonials {
position: relative;
z-index: 2;
}
.testimonials .quote-item {
margin: 50px 0px 0px;
position: relative; border-bottom: 1px solid #ddd;
padding-bottom: 50px;
}
.testimonials .item-wrap {
margin: 0px 0;
position: relative;
overflow: visible;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.testimonials .quote-item .quote-meta {
padding: 60px 50px;
color: #fff;
position: relative;
}
.testimonials img {
display: block;
}
.testimonials .quote-img {
padding-right: 20px;
}
.testimonials .quote-author {
font-size: 30px;
color: #224a64;
text-align: center;
position: relative;
margin-top: 10px;
}
.testimonials .quote-author:after {
content: "";
display: block;
width: 60px;
margin: 30px auto;
height: 3px;
background: #2baeff;
}
.testimonials .quote-meta .date {
font-size: 14px;
font-weight: 600;
}
.testimonials .quote-item .quote-text {
padding: 15px;
line-height: 150%;
color: #566874;
font-size: 18px;
background: #fff;
position: relative;
border: 5px solid #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.testimonials .item-wrap p {
white-space: pre-wrap;
}
.testimonials .quote-text.click {
border-color: #2baeff;
}
.testimonials .item-wrap.click .show-more-content {
display: inline;
}
.testimonials .quote-item .show-more-content.hidden,
.testimonials .quote-item .dots.hidden {
display: none;
}
.testimonials .quote-text:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #fff transparent transparent;
top: 15px;
left: -20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.testimonials .quote-text.click:before {
border-color: transparent #2baeff transparent transparent;
top: 30px;
}
.testimonials .quote-text:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
right: 25px;
left: auto;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.3);
box-shadow: 0 15px 10px rgba(0,0,0,0.3);
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
.testimonials .show-more {
display: table;
margin: 10px auto 0;
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
color: #2baeff;
outline: none;
}
.testimonials .show-more:after {
content: "\f078";
font-family: 'FontAwesome';
margin-left: 10px;
display: block;
float: right;
font-weight: normal;
}
.testimonials .quote-text.click .show-more:after {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.pricelist-page .diet-pricelist,
.pricelist-page .training-pricelist {
padding-top: 150px;
position: relative;
z-index: 1;
}
.pricelist-page .training-pricelist {
margin-top: 100px;
}
.pricelist-page .diet-pricelist:before,
.pricelist-page .training-pricelist:before {
content: "";
position: absolute;
display: block;
height: 600px;
width: 130%;
left: -15%;
top: 0;
z-index: -1;
opacity: 0.5;
}
.pricelist-page .diet-pricelist:before {
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/pricelist-diet-bg2.jpg) no-repeat;
background-size: cover;
}
.pricelist-page .training-pricelist:before {
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/pricelist-training-bg3.jpg) center bottom no-repeat;
background-size: cover;
}
.pricelist .service .service-main {
padding: 20px 20px 20px 20px;
position: relative;
}
.pricelist .service {
border: 1px solid #f3f4f5;
background: #fff;
margin-bottom: 0px;
}
.pricelist .service .name {
font-size: 22px;
font-weight: 600;
letter-spacing: 1px;
color: #454f55;
display: inline-block;
}
.pricelist .service .duration {
font-size: 14px;
margin-left: 10px;
color: #9BADBA;
}
.pricelist .service .duration span.fa {
font-size: 16px;
}
.pricelist .price-note {
text-transform: uppercase;
font-weight: 600;
color: #72808A;
font-size: 14px;
margin-top: 10px;
}
.pricelist .service .description {
}
.pricelist .price-box {
text-align: right; font-weight: bold;
padding: 0px 0;
border-left: 2px solid #eee;
}
.pricelist .price-box .price {
font-size: 40px;
margin-right: 20px;
color: #2baeff;
}
.pricelist .details .content {
display: none;
}
.pricelist .service-details {
padding: 30px 30px 30px;
display: none;
color: #566874;
background: #2baeff;
color: #fff;
line-height: 150%;
}
.pricelist .service .button-col {
text-align: right;
}
.pricelist .service button {
background: #2baeff;
border: none;
height: auto;
padding: 0px 55px 0px 15px;
margin: 0;
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
margin: 0;
outline: none;
height: 50px;
right: 20px;
position: absolute;
top: 50%;
bottom: auto;
margin-top: -25px;
overflow: hidden;
-webkit-transition: margin-top 0.3s,top 0.3s;
-moz-transition: margin-top 0.3s,top 0.3s;
transition: margin-top 0.3s,top 0.3s;
}
.pricelist .service button span.fa {
background: rgba(255,255,255,0.3);
display: block;
position: absolute;
top: 0;
height: 100%;
width: 40px;
text-align: center;
line-height: 50px;
right: 0;
-webkit-border-top-left-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-bottomleft: 50%;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
font-size: 25px;
}
.pricelist .service button.clicked {
top: 100%;
margin-top: -50px;
}
.pricelist .service button.clicked .fa {
-ms-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg);
}
.pricelist-page h2 {
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 40px;
font-weight: 600;
color: #454f55;
margin-bottom: 100px;
background: rgba(255,255,255,1);
display: inline-block;
padding: 20px 50px;
border-left: 5px solid #2baeff;
}
.send-form {
text-align: center;
}
.send-form button {
background: #2baeff;
color: #fff;
text-transform: uppercase;;
font-weight: 600;
padding: 5px 60px 5px 20px;
height: auto;
position: relative;
overflow: hidden;
}
.send-form button .fa {
background: rgba(255,255,255,0.3);
display: block;
position: absolute;
top: 0;
height: 100%;
width: 40px;
text-align: center;
line-height: 50px;
right: 0;
-webkit-border-top-left-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-bottomleft: 50%;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.gym-locations h2 {
margin: 0px 30px;
padding-top: 30px;
color: #2baeff;
font-size: 22px;
font-weight: 600;
letter-spacing: 1px; text-transform: uppercase;
}
.gym-locations {
margin-bottom: -70px;
padding: 0px 0px 100px 0;
}
.map-container {
background: rgba(255,255,255,0.08);
}
.gyms-info {
color: rgba(255,255,255,0.7);
padding: 15px 30px 30px;
border-bottom: 3px solid #ccc;
}
.marker-nav {
background: #2baeff;
}
.marker-nav li {
height: 60px; }
.marker-nav li button {
display: block;
border: none;
margin: 0;
padding: 0px 10px;
text-align: center;
width: 100%;
height: 100%;
background: #fff;
color: #454f55;
border-bottom: 3px solid #eaedf0;
position: relative;
font-weight: 600;
border-right: 1px solid #eaedf0;
outline: none;
}
.marker-nav li button.clicked {
color: #2baeff;
border-bottom-color: #2baeff;
}
.marker-nav li button:hover{
color: #2baeff;
}
.marker-nav li button.clicked:after {
content: "";
position: absolute;
bottom: -13px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #2baeff transparent transparent;
z-index: 9;
}
.contact-form {
margin-bottom: 100px;
}
.contact-form input,
.contact-form textarea {
border: 1px solid #eee;
padding: 20px;
font-size: 18px;
}
.contact-form .form-group {
margin-bottom: 30px;
position: relative;
}
.contact-form .textarea {
}
.contact-form input {
padding-right: 70px;
}
.contact-form .input-icon {
font-size: 30px;
color: #eaedf0;
position: absolute;
top: 50%;
margin-top: -15px;
right: 35px;
width: 30px;
text-align: center;
}
.contact-form .group-header {
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #454f55
}
.contact-form .custom-checkbox input {
position: absolute;
z-index: -1;
opacity: 0;
}
.contact-form .custom-checkbox {
}
.contact-form .custom-checkbox label {
position: relative;
display: block;
padding-left: 40px;
font-size: 12px;
color: #566874;
}
.contact-form .custom-checkbox label:before {
content: "*";
color: #e80000;
}
.contact-form .custom-checkbox .checkbox,
.contact-form .custom-checkbox label {
cursor: pointer;
}
.contact-form .custom-checkbox .checkbox {
width: 22px;
height: 22px;
line-height: 17px;
font-size: 14px;
border: 2px solid #566874;
text-align: center;
display:block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: background 0.3s;
}
.contact-form .custom-checkbox .checkbox:before {
content: "";
width: 100%;
height: 100%;
background: #2baeff;;
display: block;
transform: scale(0);
opacity: 1;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.contact-form .custom-checkbox .checkbox span {
opacity: 0;
}
.contact-form .custom-checkbox input.is-invalid + .checkbox {
border-color: #e80000;
}
.contact-form .custom-checkbox:hover .checkbox,
.contact-form .custom-checkbox .checkbox:hover {
border-color: #2baeff !important;
}
.contact-form .custom-checkbox:hover .checkbox span,
.contact-form .custom-checkbox .checkbox:hover span {
opacity: 0.5;
}
.contact-form .custom-checkbox input:checked + .checkbox {
border-color: #2baeff;
background: #2baeff;
}
.contact-form .custom-checkbox input:checked + .checkbox span {
opacity: 1;
color: #fff;
}
.contact-form .custom-checkbox input:checked + .checkbox:before {
transform: scale(3.5);
opacity: 0;
transition: all .6s ease;
}
.content-link {
color: #2baeff;
text-decoration: underline;
padding: 0px 4px;
margin: 0px 3px;
font-weight: 600;
background: rgba(255,255,255,0.5);
}
.content-link:hover {
background: #2baeff;
color: #fff;
}
.contact-info {
margin: 0px 0px 100px;
position: relative;
border: 2px solid rgba(255,255,255,0.5);
}
.contact-info:after {
z-index: 1;
position: absolute;
content: "";
bottom: 15px;
right: 20px;
left: auto;
width: 50%;
top: 70%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
.ytb {
background: #cc181e;
padding: 2px 10px;
color: #fff;
margin-left: 5px;
font-size: 14px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.25);
}
.contact-info .col-4 {
height: 370px;
}
.contact-info .contact-col {
background: #2baeff;
font-size: 20px;
padding: 50px;
}
.contact-info .contact-col h3 {
text-align: center;
margin-bottom: 30px;
font-weight: 600;
color: #224a64;
}
.contact-info .contact-col li {
line-height: 50px;
font-weight: 600;
color: #fff;
}
.contact-info .contact-col .fa {
font-weight: normal;
font-size: 30px;
vertical-align: middle;
margin-right: 20px;
width: 30px;
text-align: center;
}
div.leszek-img {
height: 500px;
width: 100%;
position: relative;
z-index: 2;
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/leszek-szlachetko.jpg) no-repeat center -120px;
background-size: cover;
}
#gMap {
height: 450px;
}
.contact-info .fb-col {
background: #f3f4f5;
padding: 30px;
}
.contact-info .info-col {
background: #fff;
padding: 30px;
}
.contact-info .info-col p:first-child {
font-size: 18px;
color: #454f55;
}
.contact-info .info-col p:first-child .fa {
color: #eaedf0;
font-size: 25px;
margin-left: 5px;
}
.contact-info .info-col p {
line-height: 150%;
font-size: 15px;
color: #566874;
}
.contact-info .info-col p + p {
margin-top: 20px;
}
.faq-p {
border-top: 2px solid #eaedf0;
padding-top: 10px;
}
.metamorphoses-list {
margin-top: -30px;
}
.col-4.methamorphose-wrap {
margin-top: 30px;
}
.methamorphose {
border: 10px solid rgba(255,255,255,0.1);
position: relative;
}
.methamorphose .content:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.4) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
z-index: 1;
}
.methamorphose .name {
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
position: absolute;
bottom: 15px;
left: 20px;
left: 20px;
z-index: 2;
}
.methamorphose a {
display: block;
font-size: 13px;
font-weight: 600;
padding: 6px 0px;
width: 60%;
color: #fff;
background: rgba(43, 174, 255, 0.7);
text-transform: uppercase;
left: 40%;
position: absolute;
z-index: 2;
bottom: 60px;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.methamorphose a:hover {
background: rgba(43, 174, 255, 1);
padding: 16px 0px;
}
.methamorphose .after-img {
visibility: visible;
opacity: 1;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.methamorphose .before-img {
visibility: hidden;
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
} .error-header {
margin: 50px 0;
}
.error-404 {
text-align: center;
}
.error-404 span {
text-align: center;
font-size: 200px;
} .faq-page .small {
font-size: 13px;
color: #c0c0c0;
}
.qa-list {
}
.qa-list .qa-item {
margin: 5px 0;
}
.qa-item .question a {
border-bottom: 1px solid #e5e5e5;
display: block;
padding-left: 15px;
line-height: 50px;
height: 50px;
color: #454f55;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-size: 18px;
outline: none;
}
.qa-item .question a:hover,
.qa-item .question.open a {
border-bottom-color: #2baeff;
color: #fff;
background-color: #2baeff;
}
.qa-item .question.open a:hover {
color: #fff;
}
.qa-item .question span.fa {
float: right;
display: block;
height: 100%;
line-height: 50px;
width: 50px;
text-align: center;
margin-left: 15px;
font-size: 24px;
color: #ddd;
}
.qa-item .question.open span.fa {
color: #fff;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.qa-item .answer {
padding: 30px 30px;
display: none;
background: #f3f3f3;
}
.qa-item .answer img {
max-width: 500px;
display: block;
}
.qa-item .answer p {
font-size: 18px;
line-height: 150%;
}
.qa-item .answer p + p {
margin-top: 20px;
} .popup {
width: 600px;
background: #fff;
border-radius: 5px;
padding: 20px;
margin-right: auto;
margin-left: auto;
position: relative;
}
.popup h5 {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.popup p {
font-size: 15px;
margin-bottom: 20px;
line-height: 150%;
} #cookie-notice {
border-top: 5px solid #eee;
}
#cookie-notice a {
display: inline-block;
padding: 5px 10px;
background: #454f55;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
color: #fff;
} div.content-banner.training-banner h4 {
font-size: 40px;
margin-bottom: 50px;
color: #fff;
}
div.content-banner.training-banner p {
font-size: 18px;
letter-spacing: 1px;
color: #224364;
}
div.content-banner {
margin-left: 10%;
width: 80%;
}
.whymebanner h2 {
font-size: 40px;
font-weight: 300;
letter-spacing: 1px;
}
.whymebanner h3 {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
color: #2baeff;
}
.test-banner {
height: 60vh;
position: relative;
overflow: hidden;
}
.test-banner .banner-parallax {
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/boks.jpg) no-repeat top center;
background-size: cover;
background-attachment: fixed;
}
.test-banner:after {
content: "";
position: absolute;
background: #000;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.6;
}
.test-banner .vertical {
position: relative;
z-index: 2;
text-align: center;
}
.test-banner .vertical .v-content {
}
.test-banner {
color: #fff;
}
.about-main .col-4:first-child {
padding-right: 15px;
}
.about-main .col-4:last-child {
padding-left: 15px;
}
div.content-banner.training-banner {
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/trening-banner4.jpg) no-repeat center center;
background-size: cover;
height: 60vh;
margin-top: 100px;
margin-bottom: 100px;
min-height: 600px;
position: relative;
overflow: hidden;
}
div.content-banner.training-banner2 {
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/trening-banner3.jpg) no-repeat center -100px;
background-size: cover;
height: 60vh;
margin-top: 100px;
margin-bottom: 100px;
position: relative;
overflow: hidden;
min-height: 500px;
}
div.content-banner.diet-banner {
position: relative;
overflow: hidden;
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/retete-mexicane.jpg) no-repeat center center;
background-size: cover;
height: 50vh;
min-height: 400px;
}
div.content-banner.diet-banner h4 {
color: #2baeff;
font-size: 40px;
margin-bottom: 50px;	
}
div.content-banner.diet-banner p {
font-size: 22px;
width: 80%;
color: #fff;
}
div.content-banner .overlay {
width: 40%;
max-width: 800px;
background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 15%, rgba(0,0,0,0.2) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 15%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.7) 15%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#33000000',GradientType=1 );
position: absolute;
top: 0;
left: 0;
padding: 0px 50px;
height: 100%;
}
div.content-banner .overlay::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 800px 200px 0 0;
border-color: rgba(0,0,0,0.2) transparent transparent transparent;
}
div.content-banner.training-banner2 {
margin-bottom: 50px;
}
div.content-banner.training-banner2 .overlay:after {
content: none;
}
div.content-banner.training-banner2 .overlay {
width: 100%;
left: 0;
right: 0;
max-width: 100%;
background: linear-gradient(to left, rgba(0,0,0,0.5) 10%,rgba(0,0,0,0) 50%);
color: #fff;
}
div.content-banner.training-banner2 h4 {
font-size: 32px;
width: 30%;
margin-left: 70%;
color: #2baeff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
div.content-banner.training-banner2 h4.posabs {
position: absolute;
left: 50px;
margin-left: 0;
top: 50px;
font-size: 40px;
color: rgba(255,255,255,0.8);
opacity: 0.5;
width: 100%;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
div.content-banner.training-banner2 h4 span {
color: #fff;
}
div.content-banner.training-banner2 p {
margin-top: 20px;
font-size: 18px;
font-weight: 600;
}
div.content-banner.training-banner2 .txt  {
width: 30%;
margin-left: 70%;
}
div.content-banner.training-banner2 .meta {
margin-top: 40px;
}
div.content-banner.training-banner2 a {
display: block;
line-height: 50px;
background:  #2baeff;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
padding: 0px 60px 0px 20px;
float: right;
position: relative;
margin-top: 30px;
overflow: hidden;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
}
div.content-banner.training-banner2 a .fa {
background: rgba(255,255,255,0.3);
display: block;
position: absolute;
top: 0;
height: 100%;
width: 40px;
text-align: center;
line-height: 50px;
right: 0;
-webkit-border-top-left-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-bottomleft: 50%;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
-webkit-transition: background 0.3s,color 0.3s,width 0.3s;
-moz-transition: background 0.3s,color 0.3s,width 0.3s;
transition: background 0.3s,color 0.3s,width 0.3s;
}
div.content-banner.training-banner2 a:hover {
background: #224364;
}
div.content-banner.training-banner2 a:hover .fa {
background: #2baeff;
color: #fff;
width: 50px;
height: 60px;
top: -5px;
line-height: 60px;
}
div.content-banner.training-banner2 .v-content {
width: 100%;
}
.whymnelist  {
text-align: center;
margin: 50px 0;
}
.whymnelist li {
font-size: 22px;
text-transform: uppercase;
}
.whymnelist .fa {
display: table;
font-size: 35px;
background: rgba(33, 37, 39, 0.5);
border: 2px solid rgba(43, 174, 255, 0.7);
margin: 30px auto;
padding: 20px;
border-radius: 50%;
}
div.content-banner.training-banner .overlay {
background: -moz-linear-gradient(left,  rgba(25, 135, 203,0.7) 15%, rgba25, 135, 203,0.5) 100%);
background: -webkit-linear-gradient(left,  rgba(25, 135, 203,0.7) 15%,rgba(25, 135, 203,0.5) 100%);
background: linear-gradient(to right,  rgba(25, 135, 203,0.7) 15%,rgba(25, 135, 203,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2baeff', endColorstr='#662baeff',GradientType=1 );
}
div.content-banner.training-banner .overlay:after {
border-top-color: rgba(25, 135, 203,0.5)
}
div.service-banner .vertical {
height: 100%;
width: 1200px;
margin: 0 auto;
}
div.service-banner {
height: 70vh;
min-height: 500px;
width: 100%;
min-height: 700px;
}
div.service-banner .banner-parallax {
height: 100%;
width: 100%;
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/dieta-programy-zywieniowe.jpg) no-repeat center bottom;
background-size: cover;
background-attachment: fixed;
}
div.service-banner.training-banner .banner-parallax {
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/trening-banner.jpg) no-repeat center bottom;
background-size: cover;
background-attachment: fixed;
}
div.service-banner .banner-content {
max-width: 600px;
width: 60%;
padding: 40px;
background: rgba(255,255,255,0.9);
}
div.service-banner .banner-content .banner-title {
font-size: 20px;
margin-bottom: 30px;color: #333c42;
color: #2baeff;
font-weight: 600;
letter-spacing: 1px;
}
div.service-banner .banner-content p {
color: #333c42;
color: #566874;
font-size: 18px;letter-spacing: 1px;
}
div.service-banner .banner-content span {
color: #2baeff;
text-transform: uppercase;
display: block;
margin-top: 10px;
font-weight: 600;color: #224364;
font-size: 20px;
}
.diet-services-intro {
background: rgb(243,243,243);
background: -moz-linear-gradient(top,  rgba(243,243,243,1) 20%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 20%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(243,243,243,1) 20%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
padding: 60px 0;
font-size: 18px;
line-height: 150%;
color: #566874;
}
.diet-services-intro h2 {
font-size: 26px;
font-weight: 600;
margin-bottom: 30px;
color: #333c42;
text-shadow: 1px 1px 0px #fff;
}
.diet-services-intro h2 span {
color: #2baeff;
}
.diet-services-intro p + p {
margin-top: 10px;
}
.service-scope {
background: #f3f5f7;
padding: 100px;
}
.service-scope .items-wrap {
background: #fff;
-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.1);
-moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.1);
box-shadow: 0 10px 6px -6px rgba(0,0,0,0.1);
}
.service-scope p,
.service-scope h4 {
padding: 20px 30px 0;
}
.service-scope h4 {
color: #2baeff;
text-align: center;
font-size: 26px;
font-weight: 300;
}
.service-scope p {
padding-bottom: 40px;
font-size: 17px;
letter-spacing: 1px;
color: #566874;
}
.service-scope .txt-wrap {
position: relative;
padding: 20px 0;
}
.service-scope .txt-wrap * {
border-right: 1px solid #eee;
}
.service-scope .txt-wrap:after {
content: "";
}
.diet-services .service {
background: #2baeff;
padding: 50px 0;
}
.diet-services .service-one .fit-img {
padding-right: 50px;
}
.diet-services .service-two .fit-img {
padding-left: 50px;
}
.diet-services .service-two {
background: #224364;
}
.diet-services .service h2 {
font-size: 35px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding: 0px 0px;
letter-spacing: 1px;
}
.diet-services .service .desc-header {
text-transform: uppercase;
font-size: 20px;
font-weight: 400;
color: rgba(255,255,255,0.8);
letter-spacing: 1px;
}
.diet-services .service .description {
padding: 30px 0;
color: #fff;
line-height: 150%;
font-size: 17px;
}
.diet-services .service-one .txt-col * {
border-right: 3px solid rgba(255,255,255,0.2);
padding-right: 30px;
}
.diet-services .service-two .txt-col * {
border-left: 3px solid rgba(255,255,255,0.2);
padding-left: 30px;
}
.diet-services .service-one .desc-header {
color: #224364;
}
.diet-services .service-two .desc-header {
color: #2baeff;
}
.training-promo {
font-size: 20px;
padding: 30px 0;
line-height: 50px;
border-top: 1px solid #eee;
color: #566874;
}
.training-promo strong {
font-weight: 600;
color: #454f55;
}
.training-promo a {
display: block;
line-height: 50px;
background: #2baeff;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
padding: 0px 60px 0px 20px;
float: right;
position: relative;
overflow: hidden;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
}
.training-promo a .fa {
background: rgba(255,255,255,0.3);
display: block;
position: absolute;
top: 0;
height: 100%;
width: 40px;
text-align: center;
line-height: 50px;
right: 0;
-webkit-border-top-left-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-bottomleft: 50%;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
-webkit-transition: background 0.3s,color 0.3s,width 0.3s;
-moz-transition: background 0.3s,color 0.3s,width 0.3s;
transition: background 0.3s,color 0.3s,width 0.3s;
}
.training-promo a:hover {
background: #224364;
}
.training-promo a:hover .fa {
background: #2baeff;
color: #fff;
width: 50px;
height: 60px;
top: -5px;
line-height: 60px;
} .training-services .intro {
background: #454f55;
padding: 20px;
margin-bottom: 20px;
}
.training-services h2 {
color: #2baeff;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 15px 0;
text-align: center;
}
.training-services .service-one h2 {
color: #fff;
}
.training-services h2 span {
display: table;
background: rgba(255,255,255,0.9);
padding: 0px 10px;
margin-left: auto;
margin-right: auto;
color: #2baeff;
}
.training-services p {
color: #fff;
line-height: 150%;
letter-spacing: 1px;
font-size: 17px;
padding: 30px 30px;
}
.training-services img {
border-top: 5px solid #2baeff;
display: block;
}
.training-services .service {
}
.training-services .service-one {
background: #2baeff;
}
.training-services .service-two {
background: #224364;
}
.training-services .col-12 {
font-size: 20px;
padding: 50px 0;
color: #9a9b9c;
text-align: center;
margin: 50px 0;
line-height: 42px;
position: relative;
}
.training-services .col-12:before,
.training-services .col-12:after {
content: "";
width: 60px;
height: 3px;
position: absolute;
left: 50%;
margin-left: -30px;
background: #2baeff;
}
.training-services .col-12:before {
top: 0;
}
.training-services .col-12:after  {
bottom: 0;
}
.training-services .col-12 a {
background: #333c42;
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
font-size: 28px;
color: rgba(255,255,255,0.8);
margin-left: 20px;
vertical-align: middle;
-webkit-transition: background 0.3s, color 0.3s;
-moz-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}.training-services .col-12 a:hover {
background: #2baeff;
color: #fff;
}
.why-me {
padding: 80px 0;
}
.why-me .content-wrap {
background: rgba(255,255,255,0.1);
position: relative;
}
.why-me .content-wrap:before {
content: "";
position: absolute;
width: 3px;
top: 30px;
right: 30px;
bottom: 30px;
background: rgba(255,255,255,0.1);
}
.why-me .content-wrap .txt-col {
padding: 30px 60px 30px 30px;
}
.why-me .content-wrap .txt-col p {
color: #fff;
line-height: 150%;
margin: 30px 0 10px;
font-size: 17px;	
}
.why-me h3,
.why-me h4 {
text-transform: uppercase;
}
.why-me h3 {
font-weight: 300;
color: #2baeff;
}
.why-me h4 {
font-weight: 600;
} .about-screen {
height: 90vh;
width: 100%;
background: #fff;
position: relative;
}
.about-screen:before {
content: "";
width: 50%;
position: absolute;
bottom: 0px;
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/kuchnia.jpg) no-repeat center -100px;
top: 50px;
left: 50px;
background-size: cover;
}
.about-banner {
margin: 50px;
height: 60vh; background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/aboutbg.jpg) no-repeat center top;
background-size: cover;
overflow: hidden;
}
.about-banner .vertical {
background: -moz-linear-gradient(left,  rgba(43,174,255,0.3) 50%, rgba(43,174,255,0.6) 100%);
background: -webkit-linear-gradient(left,  rgba(43,174,255,0.3) 50%,rgba(43,174,255,0.6) 100%);
background: linear-gradient(to right,  rgba(43,174,255,0.3) 50%,rgba(43,174,255,0.6) 100%);
position: relative;
width: 40%;
margin-left: 60%
}
.about-banner .vertical:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 1200px 300px;
border-color: transparent transparent rgba(43,174,255,0.3) transparent;
margin-left: -300px;
top: 0;
}
.treecols {
background: #2baeff;
margin-top: -3px;
border-bottom: 5px solid #eaedf0;
}
.tcc .col-4 {
padding: 0px 1px;
}
.tcc {
margin: 0px -1px;
}
.about-banner .v-content {
padding-right: 50px;
padding-left: 0px;
}
.about-banner .intro {
font-size: 20px;
color: #224a64;
font-weight: 600;
letter-spacing: 1px;
position: relative;
text-shadow: 1px 1px 6px rgba(255,255,255,0.6);
}
.about-banner .big {
font-size: 50px;
text-shadow: 1px 1px 6px rgba(255,255,255,0.6);
font-weight: 600;
color: #224a64;
text-align: center;
}
.about-banner h2 {
color: #fff;
margin: 30px 0px 50px;
letter-spacing: 1px;
font-size: 32px;
letter-spacing: 1px;
}
.about-banner h2 span {
color: #fff;
line-height: 30px;
display: block;
font-size: 24px;
letter-spacing: 0;
font-weight: normal;
}
.about-main h2 {
font-size: 40px;
font-weight: 600;
color: #2baeff;
padding-top: 50px;
}
.about-main h2 span {
font-weight: normal;
color: #566874;
}
.about-main p,
.about-p {
font-size: 18px;
color: #566874;
text-align: justify;
}
.about-main p {
padding: 0px 15px;
}
.about-p {
padding: 30px;
color: #fff;
}
.about-main {
margin-top: 80px;
margin-bottom: 50px;
border-bottom: 1px solid #eee;
padding-bottom: 50px;
position: relative;
}
.cert-intro:before {
content: "";
position: absolute;
top: -68px;
left: 50%;
margin-left: -30px;
height: 3px;
width: 60px;
background: #eaedf0;
}
.cert-intro:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #fff transparent transparent transparent;
left: 50%;
margin-left: -15px;
bottom: -45px;
}
.cert-intro {
position: relative;
margin-top: 140px;
font-size: 20px;
letter-spacing: 1px;
color: #454f55;
margin-bottom: 30px;
}
.certyficates {
padding: 75px 0;
}
.certyficates a {
display: block;
border: 5px solid rgba(255,255,255,0.3);
padding: 2px;
position: relative;
overflow: hidden;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.certyficates a:hover {
border-color: #2baeff;
}
.certyficates a:after {
position: absolute;
height: 100%;
width: 150%;
z-index: 1;
top: 95%;
right: -95%;
transform: rotate(-35deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.certyficates a:hover:after {
top: 50%;
right: -50%;
}
.certyficates  .col-3 {
padding-top: 15px;
padding-bottom: 15px;
}
.certyficates img {
display: block;
transition: all .5s ease-in-out;
}
.certyficates a:hover img {
transform: scale(1.1);
} .sidebar {
padding: 0px 40px 40px;
}
.standard-page {
color: #566874;
}
.standard-page ol {
counter-reset: list-counter;
}
.standard-page ul {
padding-left: 40px;
}
.standard-page li {
margin: 15px 0;
position: relative;
}
.standard-page ul li:before,
.standard-page ol li:before {
position: absolute;
width: 25px;
height: 25px;
border: 2px solid #2baeff;
border-radius: 50%;
left: -40px;
text-align: center;
line-height: 21px;
color: #566874;
font-weight: 600;
top: 2px;
}
.standard-page ol li:before {
font-size: 14px;
content: counter(list-counter);
counter-increment: list-counter;
}
.standard-page ul li:before {
content: "\f111";
font-family: "FontAwesome";
font-size: 10px;
}
.standard-page li,
.standard-page p {
line-height: 150%;
font-size: 18px;
}
.standard-page p {
margin: 10px 0;
}
.standard-page h2,
.standard-page h3,
.standard-page h4,
.standard-page h5 {
margin: 20px 0px 10px;
font-weight: 600;
color: #454f55;
}
.standard-page a {
color: #2baeff;
text-decoration: underline;
padding: 0px 4px;
margin: 0px 3px;
font-weight: 600;
background: rgba(255,255,255,0.5);
}
.standard-page a:hover {
background: #2baeff;
color: #fff;
}
.standard-page *:first-child {
margin-top: 0 !important;
}  .single-post {
background: #fff;
padding: 30px;
}
.single-post h1.post-title {
font-size: 40px;
font-weight: 600;
margin-bottom: 30px;
color: #454f55;
}
.single-post .post-content p {
margin: 20px 0;
font-size: 18px;
line-height: 150%;
color: #566874;
} .sidebar-col {
position: relative;
z-index: 1;
}
.sidebar-col:before {
content: "";
background: #212527;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-top: 70px solid #333c42;
}
.sidebar .widget_transformations .methamorphose-wrap {
margin-bottom: 30px;
}
.sidebar .widget_transformations .methamorphose .name {
font-size: 20px;
}
.transformation-imgs {
margin-bottom: 30px;
}
.widget_transformations .widget-title {
height: 70px;
margin-bottom: 30px;
color: #2baeff;
} .transformations-header {
background: #333c42;
color: #fff;
letter-spacing: 1px;
font-size: 18px;
padding: 20px 0 90px 0;
margin-top: -70px;
margin-bottom: -70px;
}
@media screen and (max-width: 1618px) {
.fb-header-link {
width: 120px;
}
.nav-bar {
padding-right: 150px;
}
.home-testimonials {
width: 100%;
margin-left: 0;
padding: 0px 50px;
} div.content-banner {
width: 90%;
margin-left: 5%;
}
div.content-banner.diet-banner h4 {
font-size: 35px;
margin-bottom: 30px;
}
div.content-banner.diet-banner p {
font-size: 20px;
}
}
@media screen and (max-width: 1458px) {
}
@media screen and (max-width: 1384px) {
.about-banner {
height: 600px;
}
div.banner-wrap.mbbb {
height:855px;
min-height: auto;
}
div.banner-wrap.mbbb  div.banner-parallax {
background-attachment: scroll;
}
.mbv .v-content {
vertical-align: bottom;
}
.banner-text h1 {
font-size: 22px;
}
.banner-text .intro-two {
font-size: 16px
}
.banner-text .intro-one {
font-size: 30px;
}
.banner-text {
background: rgba(255,255,255,0.8);
width: 100%;
}
div.service-banner.training-banner {
height: 700px;
min-height: auto;
}
div.service-banner.training-banner .banner-parallax {
background-attachment: scroll;
background-position: center center; 
}
.service-banner.diet-banner {
height: 700px;
min-height: auto;
}
.service-banner.diet-banner .banner-parallax {
background-attachment: scroll;
background-position: center center; 
}
.test-banner {
height: auto;
}
.test-banner .banner-parallax {
background-attachment: scroll;
padding: 100px 0;
}
div.content-banner.training-banner2 .txt,
div.content-banner.training-banner2 h4 {
width: 50%;
margin-left: 50%;
}
div.content-banner.training-banner2 .overlay {
background: linear-gradient(to left, rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 70%);
}
div.content-banner.diet-banner h4 {
font-size: 30px;
}
div.content-banner.diet-banner p {
font-size: 18px;
}
.main-nav a {
font-size: 18px;
padding: 0px 5px 5px;
}
.nav-bar .row {
width: auto;
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
margin-right: 0;
}
.fb-header-link {
width: 100px;
}
.row.cols-extended {
width: auto;
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
margin-right: 0;
}
.home-testimonials {
padding: 0px 15px;
}
.service-scope {
padding: 100px 50px;
}
}
@media screen and (max-width: 1218px) {
.training-promo {
line-height: normal;
text-align: center;
}
.training-promo a {
float: none;
display: table;
margin: 20px auto 0;
}
div.content-banner.training-banner2 h4.posabs {
width: 250px;
}
div.service-banner .vertical {
width: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
width: auto;
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
margin-right: 0;
}
.main-nav a {
font-size: 16px;
}
.contact-info .col-4 {
height: auto;
}
.site-footer .col-9 {
width: 100%;
float: none;
}
.site-footer .facebook {
position: static;
float: none; margin-left: 0;
margin-top: 50px;
padding: 20px 0;
margin-bottom: 50px;
}
#codelynx {
left: 50%;
margin-left: -82px;
}
.site-footer .facebook::before {
content: none;
}
.site-footer {
padding-bottom: 15px;
}
.service-scope .row {
padding: 0;
}
div.content-banner .overlay {
width: 50%;
}
}
@media screen and (min-width: 1042px) and (max-width: 1218px) {
.service-scope {
padding: 100px 15px;
}
.service-scope p {
letter-spacing: 0;
font-size: 15px;
}
.service-scope h4 {
font-size: 22px;
}
}
@media screen and (min-width: 658px) and (max-width: 1218px) {
.contact-info .contact-col {
font-size: 16px;
padding: 30px;
white-space: nowrap;
}
.contact-info .contact-col .fa {
font-size: 20px;
width: 20px;
margin-right: 10px;
}
}
@media screen and (max-width: 1042px) {
div.service-banner.training-banner {
height: 500px;
}
div.service-banner.diet-banner {
height: 600px;
}
.whymnelist .col-3 {
width: 50%;
min-height: 200px;
}
div.content-banner.training-banner2 h4.posabs {
width: 100%;
position: static;
}
div.content-banner.training-banner2 .txt,
div.content-banner.training-banner2 h4 {
width: 100%;
margin-left: 0%;
}
div.content-banner.training-banner2 .overlay {
background: linear-gradient(to left, rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 70%);
position: relative;
padding: 50px;
}
div.content-banner.training-banner2 {
height: auto;
min-height: auto;
background-position: center top;
}
.contact-info:after {content: none;}
.about-banner .big {
font-size: 40px;
}
.about-banner h2 span {
line-height: 25px;
font-size: 22px;
}
.about-main .col-4.offset-2 {
margin: 0;
}
.about-main .col-4 {
width: 50%;
}
.service-scope .col-3 {
width: 50%;
} .nav-bar {
padding-right: 0;
}
.col-3.site-logo {
text-align: center;
height: 100px;
margin-top: 30px;
padding-right: 130px;
}
.col-3.site-logo,
.site-navigation.col-9 {
float: none;
width: 100%;
}
.site-navigation.col-9 {
}
.main-nav {
text-align: center;
}
.top-nav {
z-index: 1;
border-top: 5px solid #fff;
height: 45px;
}
.top-nav a {
font-size: 18px;
line-height: 34px;
}
.fb-header-link {
height: 130px;
}
.main-nav a {
font-size: 20px;
} .work-steps {
padding-bottom: 0;
}
.col-3.step {
margin-bottom: 100px;
width: 50%;
}
.services .service-name {
font-size: 50px;
width: 350px;
margin-bottom: -35px;
}
.testimonials-list .quote-item.col-3 {
width: 50%;
margin-bottom: 50px;
}
.testimonials-list .quote-text {
min-height: 115px;
}
.testimonials-list .buttons {
margin-top: 0;
}
.transformations .people-list {
margin-bottom: 70px;
} .col-4.methamorphose-wrap {
width: 50%;
margin-bottom: 30px;
} .single-post.col-9,
.col-3.sidebar {
width: 100%;
float: none;
}
.widget_transformations .methamorphose-wrap {
width: 50%;
float: left;
padding: 0px 15px;
}
.widget_transformations .widget-title {
height: auto;
margin: 30px 0;
font-size: 30px;
text-align: center;
} .qa-item .question a {
height: auto;
line-height: normal;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 65px;
}
.qa-item .question span.fa {
position: absolute;
right: 0px;
top: 50%;
margin-top: -25px;
height: 50px;
} .pricelist .col-7 {
width: 75%;
}
.pricelist .col-3 {
width: 25%;
}
.pricelist .col-2.button-col {
width: 100%;
height: 50px;
text-align: center;
}
.pricelist .service button {
position: relative;
}
.pricelist .service button.clicked {
top: 20px;
margin-top: 0;
bottom: auto;
} .site-footer .col-3 {
width: 50%;
padding: 0px 50px 20px;
}
.site-footer .footer-nav .menu-name {
margin-bottom: 20px;
}
.site-footer .footer-info {
line-height: normal;
text-align: center;
}
.branding-footer {
float: none;
margin-right: 0;
margin-bottom: 20px;
}
.branding-footer img {
display: inline;
}
.training-services .col-6 {
width: 100%;
float: none;
}
}
@media screen and (max-width: 918px) {
.about-banner .vertical {
width: 60%;
margin-left: 40%;
} .certyficates  .col-3 {
width: 33.33333%;
}
.why-me .col-5 {
display: none;
}
.why-me .col-5,
.why-me .col-7 {
width: 100%;
float: none;
}
.why-me {
padding-top: 0;
}
.why-me .content-wrap {
padding-top: 10px;
}
.why-me .content-wrap:before {
} .diet-services .service .col-6 {
width: 100%;
float: none;
padding: 0px 35px;
}
.diet-services .service-one .txt-col {
margin-top: 50px;
}
.diet-services .service-two .txt-col {
margin-bottom: 50px;
}
div.content-banner .overlay {
width: 70%;
}
}
.menu-toggle {
text-align: center;
background: #f3f5f7;
position: relative;
z-index: 3;
margin: 0px -15px;
padding: 10px 0;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
display: none;
}
.menu-toggle a {
display: block;
outline: none;color: #454f55;
}
.menu-toggle .fa {
margin-right: 10px;
color: #454f55;
}
@media screen and (max-width: 818px) {
.partners .col-4 {
width: 50%;
}
.about-banner {
height: auto;
background-position: -150px top;
}
.about-banner .vertical {
width: 100%;
margin-left: 0;
background: none;
}
.about-banner  .vertical:after {
content: none;
}
.about-banner .banner-content {
margin-top: 400px;
display: block;
vertical-align: none;
background: rgba(43, 174, 255, 0.7);
padding: 30px;
width: auto;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
div.banner-wrap.mbbb {
height: auto;
margin-top: 0;
padding-top: 0;
}
div.banner-wrap.mbbb .banner-parallax {
background: #fff;
}
div.banner-wrap .mobi-baner {
height: 500px;
background: url(//leszekszlachetko.pl/wp-content/themes/codelynx_leszekszlachetko/img/leszek-szlachetko.jpg) no-repeat center;
background-size: cover;
}
div.service-banner.training-banner {
height: 400px;
}
div.service-banner .banner-content {
background: rgba(255,255,255,0.4);
}
.popup {
width: 90%;
margin-left: 5%;
}
.qa-item .answer img {
max-width: 100%;
float: none !important;
margin-right: 0;
}
.menu-toggle {
display: block;
}
.site-navigation {
display: none;
}
.service-scope {
padding: 100px 15px;
}
.contact-form .col-4 {
width: 100%;
float: none;
}
.contact-info .contact-col,
.contact-info .info-col {
width: 50%;
}
.contact-info .fb-col {
width: 100%;
float: none;
text-align: center;
}
.main-nav a {
font-size: 16px;
} .about .col-6,
.services .col-6 {
width: 100%;
float: none;
}
.about .profile-img.col-6 {
height: auto;
overflow: visible;
text-align: center;
margin-top: 100px;
}
.about .col-6:first-child {
padding-right: 30px;
}
.testimonials-list .quote-text {
min-height: 150px;
}
.transformations .people-list {
margin-bottom: 50px;
} .testimonials .quote-item .quote-meta.col-3 {
width: 100%;
float: none;
background: #2baeff;
padding: 20px 20px 20px 80px;
}
.testimonials .quote-item .quote-img.col-3 {
border: 20px solid #fff;
padding-right: 0;
border-bottom: 0;
}
.testimonials .quote-item .quote-img.col-3 img {
width: 100%;
max-width: auto;
}
.testimonials .quote-text:before {
border-width: 0px 15px 15px 15px;
border-color: transparent transparent #fff transparent;
top: -20px;
left: 40px;
}
.testimonials .quote-text.click:before {
border-width: 0px 15px 15px 15px;
border-color: transparent transparent #2baeff transparent;
top: -20px;
left: 50px;
}
.testimonials .quote-item .quote-img.col-3,
.testimonials .quote-item .quote-text.col-9 {
width: 100%;
float: none;
}
.testimonials .quote-item::before {
content: none;
} .pricelist .col-7 {
width: 70%;
}
.pricelist .col-3 {
width: 30%;
}
.pricelist .price-box .price {
margin-right: 0;
}
}
@media screen and (max-width: 658px) {
.partners .col-4 {
width: 100%;
float: none;
}
.about-banner .banner-content {
margin-top: 450px;
}
.about-banner {
background-position: -300px top;
}
div.banner-wrap .mobi-baner {
height: 400px;
}
div.service-banner.diet-banner .banner-content {
width: 100%;
}
div.service-banner.training-banner {
height: 300px;
}
div.test-banner .banner-parallax {
background-position: -100px center;
padding: 50px 0;
}
div.test-banner .v-content {
padding-left: 20px;
padding-right: 20px;
}
.whymebanner h3 {
font-size: 22px;
}
.whymebanner .fa {
font-size: 30px;
padding: 15px;
}
.whymnelist li.col-3 {
width: 100%;
float: none;
min-height: auto;
font-size: 18px;
}
.whymnelist {
margin-top: 20px;
}
.whymebanner h2 {
font-size: 32px;
} .certyficates  .col-3 {
width: 50%;
}
.about-main .col-4:first-child {
padding-right: 0px;
}
.about-main .col-4:last-child {
padding-left: 0px;
margin-top: 20px;
}
.about-main .col-4,
.treecols .col-6 {
width: 100%;
float: none;
margin-top: 10px;
}
.treecols .col-6 .about-p {
padding-top: 10px;
padding-bottom: 20px;
} .service-scope {
padding: 100px 50px;
}
.service-scope .col-3 {
width: 100%;
float: none;
}
div.content-banner .overlay {
width: 100%;
position: static;
padding: 50px;
}
div.content-banner.training-banner {
height: auto;
min-height: auto;
}
div.content-banner.training-banner .overlay {
background: rgba(25, 135, 203,0.7);
}
div.content-banner.training-banner p {
color: #fff;
}
div.content-banner.training-banner p strong {
color: #224364;
}
div.content-banner .overlay::after {
content: none;
}
div.content-banner.diet-banner {
height: auto;
}
.contact-info .contact-col,
.contact-info .info-col {
width: 100%;
float: none;
}
#gMap {
height: 350px;
}
.marker-nav li.col-3 {
width: 50%;
}
.marker-nav li button.clicked::after {
content: none;
} .col-3.step {
width: 100%;
float: none;
}
.about h2 {
font-size: 40px;
}
.testimonials-list .quote-item.col-3 {
width: 100%;
float: none;
}
.testimonials-list .quote-text {
min-height: auto;
}
.testimonials-list .buttons a {
margin-bottom: 10px;
}
.testimonials-list {
padding-bottom: 40px;
} .diet-services .service .col-6 {
padding: 0px 0px;
text-align: center;
}
.diet-services .service h2 {
font-size: 30px;
}
.diet-services .service .desc-header {
font-size: 18px;
}
.diet-services .service .description {
text-align: left
}
.diet-services .service .txt-col * {
border: none;
padding-left: 0;
padding-right: 0;
} .widget_transformations .methamorphose-wrap {
width: 100%;
float: none;
padding: 0px 0px;
} .col-4.methamorphose-wrap {
width: 100%;
float: none;
margin-bottom: 50px;
}
.top-nav {
text-align: center;
}
.menu-menu-glowne-container {
display: inline-block;
}
.main-nav {
padding: 30px 0;
}
.main-nav li {
display: block;
margin-bottom: 10px;
}
.main-nav a {
font-size: 20px;
}
.top-nav {
height: auto;
padding-right: 0;
background: #f3f3f3;
}
.top-nav li {
display: block;
}
.top-nav a {
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
border-top: 1px solid #e5e5e5;
margin-top: 0;
}
.top-nav::after {
content: none;
}
.top-nav::before {
right: -15px;
}
.site-footer .col-3 {
padding: 0px 0px 20px;
}
.site-footer .copyrights-note {
display: block;
}
}
@media screen and (max-width: 498px) {
.about-banner {
margin: 0px 0px 50px;
background-position: -300px center
}
.about-banner .banner-content {
margin-top: 400px;
}
.about-banner h2 {
margin: 20px 0 30px;
}
.about-banner  .big {
font-size: 30px;
}
.about-banner .intro {
font-size: 18px;
}
.about-banner h2 span {
font-size: 20px;
}
div.test-banner .banner-parallax {
background-position: -150px center;
}
.service-scope {
padding: 100px 15px;
}
.testimonials .quote-item .quote-img.col-3 {
border: 0;
} .services a.service-link {
bottom: 30px;
}
.about h2, .about h3, .about .about-intro {
padding-left: 15px;
}
.about .profile-img {
padding: 0px 15px;
}
.about .col-6:first-child {
padding-right: 15px;
padding-left: 15px;
}
.about {
padding: 50px 0;
}
.about .profile-img.col-6 {
margin-top: 50px;
}
.site-footer .col-3 {
float: none;
margin: 0 auto;
width: auto;
display: table;
}
.site-footer .footer-nav .menu-name {
text-align: center;
}
.site-footer .footer-nav ul {
text-align: center;
}
.site-footer .footer-nav ul.contacts {
text-align: left
} .pricelist .price-box {
margin-top: 20px;
}
.pricelist .col-7 {
width: 100%;
float: none;
}
.pricelist .col-3 {
width: 100%;
float: none;
}
.pricelist .col-2 {
float: none;
}
}
@media screen and (max-width: 378px) {
div.banner-wrap .mobi-baner {
height: 300px;
}
.about-banner {
background-position: -350px center
}
div.service-banner.training-banner {
height: 300px;
} .certyficates  .col-3 {
width: 100%;
float: none;
}
.marker-nav li.col-3 {
width: 100%;
float: none;
} .pricelist .col-7 {
width: 100%;
float: none;
}
.pricelist .col-3 {
width: 100%;
float: none;
}
.pricelist .col-2 {
float: none;
}
.col-3.site-logo {
padding-right: 0;
}
.fb-header-link {
position: relative;
width: 100%;
}
.fb-header-link::before {
content: none;
}
}