#autoblysk-header {
background: url(../img/autoblysk_top3.jpg) no-repeat center center;

height: 810px;
position: relative;
}
a:focus, a:hover {

text-decoration: none;
}
.post-type-archive footer {
margin-top: 70px;
}
.grid-item {
width: 340px;
}
.grid-item img {
max-width: 100%;
}
.grid {
margin: 0 auto;
}
.hex-wrapper, .hex-wrapper2, .hex-wrapper3  {
position: relative;
}
.hex {
display: inline-block;
}
.header_page2 {
position: relative;
height: 760px;
}
.perfect-content-page {
margin-top: 0px;
position: absolute;
bottom: 30px;
right: 0;
max-width: 467px;
padding: 0px;
}
.page-title2 {
margin-top: 0px;
position: absolute;
bottom: 180px;
left: 0;
}
.footer-offer {
font-family: 'Lato', sans-serif;
line-height: 25px;

font-size: 14px;
color: #888;
margin-top: 0px;
}
.gallery-autoodn {
max-width: 1020px;
margin: 0 auto;
}
.hex-small {
position: absolute;
top:0;
left: 140px;
z-index: 2;
}
.hex-big {
left:0;
top: 179px;
position: absolute;
z-index: 3;
}
.hex-big img {
max-width: 375px;
}
.hex-mid img {
max-width: 300px;
}
.hex-small img {
max-width: 300px;
}
.hex-mid {
position: absolute;
top: 210px;
right: 0;
z-index: 1;
}
.hex-grey {
}
.hex-orange {
position: absolute;
top: 85px;
left: 80px;
z-index: 4;
}
.hex-grey {
position: absolute;
top: 425px;
right: 143px;
z-index: 4;
}
.clearbox:nth-child(3n+4) {
clear: both;
}
.logo-footer{
background: #222 url(../img/carbon-footer.jpg) no-repeat top center;
border-radius: 15px;
max-width: 400px;
height: 286px;
position: relative;
padding: 30px 35px;
margin-bottom: 20px;
position: relative;
}
.clif-title {
margin-top: 90px;
}
.hex-wrapper, .hex-wrapper2, .hex-wrapper3 {
height: 500px;
}
.detailing-car {
max-width: 650px;
margin: 0 auto;
margin-bottom: 40px;
text-align: center;
}
.teama {
margin-top: 60px;
}
.block--contact li {
font-weight: 400;
display: flex;
align-items: center;
color: #fff;
font-size: 14px;
font-family: 'Lato',sans-serif;
}
.block--contact li a {
color: #fff;
font-size: 14px;
font-family: 'Lato',sans-serif;
}
.block--contact li img {
padding-right: 10px;
}
.block--contact li:not(:last-child) {
margin: 0 32px 0 0;
}
address {
margin-bottom: 0px;
}
.block--contact {
display: flex;
}
.contact-info2 {
margin-top: 20px;
}
.autoblysk-slogan {
text-align: center;
margin-top: 260px;
}
.hexagon-scroll {
position: absolute;
bottom: -65px;
left: 50%;
margin-left: -62px;
}
.autoblysk-slogan h1 {
font-family:catamaran, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 71px;
color: #fff;
margin-bottom: 0;
position: relative;
}
.hex-delorean, .hex-maluch, .hex-van  {
display: none;
}
#autoblysk-offer a {
text-decoration: none;
}
.autoblysk-slogan h2 {
font-family:catamaran,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
color: #fff;
margin-top: 11px;
}
.button-autoblysk {
margin-top: 35px;
}
.button-autoblysk a {
background-image: -moz-linear-gradient( 90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
box-shadow: 0px 13px 25px 0px rgba(0, 0, 0, 0.13);
border-radius: 10px;
padding: 8px 40px 12px;
font-family:catamaran,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
color: #fff;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.button-autoblysk a:hover {
background-image: -moz-linear-gradient( 90deg, rgb(46,46,45) 17%, rgb(93,92,92) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(46,46,45) 17%, rgb(93,92,92) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(46,46,45) 17%, rgb(93,92,92) 100%);
}
.title-section {
text-align: center;
padding: 100px 0px 65px;
}
.title-section h3{
text-align: center;
font-family:catamaran,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 47px;
color: #222222;
margin-bottom: 3px;
margin-top: 65px;
}
#autoblysk-offer {
background: url(../img/oferta_tlo.jpg) no-repeat center center;

padding-bottom: 0px;
margin-top: 0px;
}
#autoblysk-realization {
background: url(../img/realizacje_tlo.jpg) no-repeat center center;

padding-bottom: 90px;
}
#autoblysk-realization .title-section h3 {
color: #fff;
}
#autoblysk-realization .title-section {
text-align: center;
padding: 80px 0px 65px;
}
.box-offer {
text-align: center;
margin-bottom: 50px;
transition: all 0.3s ease 0s;
}
.box-offer h3 {
font-family:catamaran,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 28px;
color: #222222;
margin-top: 10px;
}
.box-offer:hover h3 {
color: #d77721;
}
.box-offer img {
transition: all 0.3s ease 0s;
}
.box-offer:hover img {
transform: scale(1.1);
}
.title-section p {
text-align: center;
font-family: galette, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 19px;
color: #c1a871;
}
.scroll-down {
position: relative;
margin-top: 30px;
}
.scroll-arrrow {
position: absolute;
top: 43px;
left: 50%;
margin-left: -13px;
}
.scroll-arrrow i {
font-size: 47px;
color: #fff;
}
.realization-photo {
position: relative;
}
.autoblysk-aboutus h3 {
font-family:catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 38px;
color: #222222;
margin-bottom: 35px;
}
.autoblysk-aboutus h3 strong {
font-family:catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 38px;
color: #d77721;
}
.autoblysk-aboutus p {
font-family: 'Lato', sans-serif;
line-height: 29px;
font-size: 17px;
color: #5e656c;
}
.autoblysk-aboutus {
margin-top: 50px;
}
#autoblysk-company {
padding: 2px 0px 100px;
}
#autoblysk-perfect {
background: url(../img/porownanie_tlo.jpg) no-repeat center center;

padding: 150px 0;
}
.perfect-content h2 {
font-family: catamaran,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 25px;
color: #fff;
}
#autoblysk-offer .title-section {
text-align: center;
padding: 10px 0px 45px;
}
.perfect-content h2 strong {
font-size: 30px;
font-weight: 700;
color: #d77721;
}
.perfect-content {
max-width: 467px;
padding: 0px;
background: none;
float: right;
margin-top: 254px;
}
.autoblysk-perferct {
margin-top: -140px;
}
#clif-folie {
margin-top: 60px;
}
.box-folie {
text-align: center;
margin-bottom: 65px;
}
.offer-entry h3 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 28px;
line-height: 38px;
color: #222;
margin-bottom: 45px;
}
.box-folie h3 {
margin-top: 8px;
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 28px;
color: #222;
text-align: center;
line-height: 42px;
margin-bottom: 0px;
}
#clif-folie .clif-title h3 {

margin-bottom: 52px;
}
.button-folie {
margin-top: 20px;
}
.box-folie img {
max-width: 100%;
height: auto;
border-radius: 15px;
}
#clif-video .clif-title {
margin-top: 0px;
}
#clif-folie .clif-title {
margin-top: 62px;
}
#autoblysk-perfect .perfect-single:nth-child(1) {
margin-bottom: 120px;
}
.perfect-comparison img {
max-width: 100%;
height: auto;
}
.head-heaxagon h4 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #222;
line-height: 30px;
margin-bottom: 15px;
text-align: center;
}
#autoblysk-baner {


padding: 30px 0 100px;
}
.baner-box {
height: 232px;
max-width: 555px;
border-radius: 15px;
padding: 14px 40px;
}
.content-baner {
max-width: 250px;
}
.baner-carwash {
background: #eb8020 url(../img/baner-myjnia.jpg) no-repeat top center;
}
.baner-tyre {
background: #222 url(../img/baner-wulkanizacja.jpg) no-repeat top center;
}
.baner-box h3 {
font-family:catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 35px;
color: #fff;
}
.baner-box p {
font-family: 'Lato', sans-serif;
line-height: 21px;
font-size: 15px;
color: #fff;
}
#page-header {
background: url(../img/page-top2.jpg) no-repeat center center;
height: 470px;
}
#autoblysk-contact {
margin-top: 30px;
}
.form-head h4 {
font-family:catamaran,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
color: #eb8020;
margin-top: 35px;
}
.form-head h3 {
font-family:catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 47px;
color: #222;
}
.wrapper-page #autoblysk-company {
padding: 20px 0px;
}
#autoblysk-advantages {
background: #f5f5f6 url(../img/zalety-tlo.png) no-repeat center center;
padding: 60px 0 110px;
}
.advantages-title {
text-align: center;
}
.advantages-title h2 {
font-family:catamaran,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 40px;
color: #222;
margin-bottom: 40px;
}
.box-advantages {
background: #fff url(../img/honeycomb-tlo.jpg) no-repeat top center; ;
border-radius: 15px;
height: 240px;
margin-bottom: 30px;
text-align: center;
padding-top: 40px;
}
.box-advantages h4 {
font-family:catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 26px;
color: #222;
line-height: 32px;
}
.advantages-content h3 {
font-family:catamaran,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 28px;
color: #ea892d;
line-height: 34px;
}
.advantages-content h5 {
font-family:catamaran,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
color: #fff;
line-height: 30px;
}
.advantages-content {
text-align: center;
padding-top: 150px;
}
.advantages-entry {
background: #222 url(../img/carbon-detal.jpg) no-repeat center center;
height: 505px;
border-radius: 15px;
}
.promotion-title {
text-align: center;
}
.promotion-title h2 {
font-family:catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 43px;
color: #eb8020;
margin-bottom: 40px;
}
.promotion-box h3 {
font-family:catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 29px;
color: #222;
line-height: 42px;
margin-bottom: 40px;
}
.promotion-box h3 strong {
color: #eb8020;
}
.promotion-box img {
max-width: 100%;
}
#autoblysk-promotion {
padding: 60px 0 80px;
}
.promotion-title h2 strong {
font-family:catamaran,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 43px;
color: #222;
}
.offer-content h3 {
font-family:catamaran,sans-serif;
font-weight: 600;

font-size: 38px;
color: #222;
}
.offer-content p {
font-family: 'Lato', sans-serif;
line-height: 29px;
font-size: 17px;
color: #5e656c;
}
.offer-photo img {
border-radius: 15px;
}
.offer-photo {
position: relative;
}
.offer-title {
position: absolute;
bottom: -45px;
left: 0px;
z-index: 9999;
background: #222 url(../img/carbon.jpg) no-repeat top center;

width: 450px;
height: 92px;
padding: 15px 28px 13px;
border-radius: 0px 15px 0 15px;
}
.gallery-autoodn ul li {
list-style: none;
display: block;
padding-right: 15px;
padding-bottom: 15px;
display: block;
}
.box-photo {
margin-top: 70px;
}
.offer-title h3 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 24px;
color: #fff;
display: inline-block;
}
.box-ceramic {
height: 445px;
border-radius: 15px;
background: #222 url(../img/tlo-powloki.jpg) no-repeat center center;
position: relative;
padding: 50px 70px 50px 170px;
}
.nano-photo {
text-align: center;
margin-top: 40px;
}
.clif-title h3 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 38px;
color: #222;
text-align: center;
line-height: 48px;
margin-bottom: 30px;
}
.clif-title h3 span {
color: #eb8020;
}
#clif-video{
margin-top: 0px;
margin-bottom: 100px;
}
.video-box {
text-align: center;
position: relative;
}
.video-play {
position: absolute;
top: 130px;
left: 50%;
margin-left: -48px;
}
.video-play i {
font-size: 96px;
color: #fff;
}
.single footer{
margin-top: 90px;
}
.single-oferta  footer{
margin-top: -24px;
}
#nano-ceramic {
margin-top: 140px;
}
.compare-photo {
text-align: center;

max-width: 650px;
margin: 0 auto;
margin-top: 40px;
}
.offer-content h5 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 24px;
color: #222;
}
#compare {
margin-top: 20px;
}
.box-ceramic p {
font-family: 'Lato', sans-serif;
line-height: 31px;
font-size: 17px;
color: #fff;
}
.icon-ceramic {
position: absolute;;
top: 130px ;
left: -81px;
}
.honey-box {
position: absolute;
top: -60px;
right: -48px;
}
.honey-comb {
position: relative;
}
.honey-icon {
position: absolute;
top: 23px;
right: 32px;
}
.services-title {
text-align: center;
margin-top: 40px;
margin-bottom: 30px;
}
.services-title h3 {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 45px;
color: #fff;
}
.services-name {
background: #c1a871;
font-family: galette, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 28px;
color: #171717;
text-decoration: none;
border: 0;
outline: 0;
padding: 2px 25px 2px 25px;
width: 230px;
text-align: center;
display: inline-block;
-webkit-transform: skew(-20deg);
transform: skew(-20deg);
line-height: 42px;
}
.services-name span {
display: inline-block;
-webkit-transform: skew(20deg);
transform: skew(20deg);
}
.realization-photo {
position: relative;

transition: all .3s ease 0s;
}
.realization-photo:hover img {
transform: scale(1.1);
}
.box-realization{
transition: all .3s ease 0s;
}
.realization-title{
transition: all .3s ease 0s;
box-shadow: 0px 13px 25px 0px rgba(255, 132, 0, 0.01);
}
.box-realization:hover .realization-title {
margin-left: -20px;
box-shadow: 0px 8px 15px 0px rgba(255, 132, 0, 0.28);
}
.realization-photo img {
transition: all .3s ease 0s;
}
.realization-title {
position: absolute;
bottom: -45px;
left: 0px;
z-index: 99999;
background: #222 url(../img/realizacje-tlo.jpg) no-repeat top center;
display: flex;
justify-content: space-between;
width: 325px;
height: 78px;
padding: 21px 28px 13px;
border-radius: 0px 15px 0 15px;
}
.realization-title i {
font-size: 35px;
color: #d77721;
}
.realization-title h3 {
font-family:catamaran,sans-serif;
font-weight: 600;
font-size: 22px;
color: #fff;
margin-bottom: 0;
margin-top: 0;
display: inline-block;
}
.realization-title span {
font-family: galette, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 17px;
color: #fff;
}
.realization-photo img {
max-width: 100%;
}
.box-realization{
position: relative;
margin-bottom: 95px;
}
.more-realizations .button-autoblysk {
margin-top: 5px;
}
#autooodn-realization .title-section {
text-align: center;
padding: 50px 0px 55px;
}
.more-realizations {
text-align:center;
}
#autooodn-realization {

background-color: #171717;
background-image: url(../img/autoodn_04.png);
background-repeat: no-repeat;
background-position: center 0px;
}
.autooodn-bg {
background-image: url(../img/autoodn_07.png);
background-repeat: no-repeat;
background-position: center 1000px;
padding-bottom: 150px;
}
.autoodn-aboutus h3 {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 54px;
color: #fff;
}
.autoodn-aboutus h3 span, .offer-content h3 span {
font-size: 45px;
font-weight: 300;
}
#autoodn-offer {
margin-top: 120px;
}
.autoodn-aboutus h5 {
font-family: galette, sans-serif;
font-weight: 300;
font-style: italic;
font-size: 32px;
color: #c1a871;
}
#autoodn-company {
background-color: #171717;
padding-bottom: 120px;
}
.advantages-single {
background: #272727;
display: block;
height: 78px;
width: 360px;
position: relative;

margin: 0 auto 0 32px;
position: relative;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
transform: skew(-30deg);
background-color: rgb(28, 28, 28);
box-shadow: 0px 9px 32.2px 2.8px rgba(1, 1, 1, 0.08);
}
.advantages-hexagon {
position: absolute;
-webkit-transform: skew(30deg);
-moz-transform: skew(30deg);
-ms-transform: skew(30deg);
transform: skew(30deg);
top: -15px;
left: 0;
}
.advantages-autoodn {
margin-top: 100px;
}
.hexagon-adv {
position: relative;
}
.advantages-icon {
position: absolute;
top: 22px;
left: 17px;
}
.photo-info .advantages-hexagon {

left: -50px;
}
.advantages-content p {
font-family: galette, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 15px;
color: #fff;
}
.photo-info .advantages-icon {
position: absolute;
top: 27px;
left: inherit;
width: 100%;
text-align: center;
}
.why-foil h3, .video-foil h3 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 32px;
color: #222;
line-height: 42px;
}
.foil-details {
margin-top: 30px;
}
.video-foil h3 {
margin-bottom: 20px;
}
.why-foil ul {
padding-left: 40px;
list-style: none;
}
.why-foil ul li {
font-family: 'Lato', sans-serif;
line-height: 39px;
font-size: 17px;
color: #5e656c;
position: relative;
list-style: none;
}
.why-foil ul li:before{
content: '';
position: absolute;
background: url(../img/list-icon2.png) bottom right no-repeat;
left: -39px;
top: 10px;
width: 22px;
height: 24px;
}
.box-details li:before {
font-family: "Font Awesome 5 Free";
position: absolute;
top: -8px;
font-weight: 900;
margin: 8px 0 0 -34px;
vertical-align: middle;
display: inline-block;
font-size: 24px;
color: #548c45;
content: "\f13a";
}
.photo-info .advantages-content {
margin-left: 65px;

}
.offer-photo {
position: relative;
padding-left: 29px;
}
.photo-info {

background-image: -moz-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
background-image: -webkit-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
background-image: -ms-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
position: absolute;
bottom: -40px;
left: 0;
}
.photo-info .advantages-single {

display: block;
height: 78px;
width: 320px;
}
.clif-content h3 {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 38px;
color: #c1a871;
margin-bottom:25px;
}
.clif-content li, .gallery-info li {
position: relative;
list-style: none;
font-family: galette, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 19px;
color: #fff;
padding-bottom: 9px;
}
.gallery-info h3 {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 35px;
color: #fff;
}
.clif-content li:before, .gallery-info li:before {
content: '';
position: absolute;
background: url(../img/punktor.svg) bottom right no-repeat;
left: -39px;
top: 0px;
width: 27px;
height: 29px;
}
#clif-ppf {
margin-top: 100px;
margin-bottom: 160px;
}
.clif-photo {
position: relative;
}
.photo-info-ppf {
position: absolute;
bottom: -20px;
left: 150px;
}
.pakiet-content {
margin-top: 90px;
}
.pakiet-even {
background-image: url(../img/folieppf_tlo_04.jpg);
background-repeat: no-repeat;
background-position: center -60px;
height: 550px;
padding-bottom: 0px;
}
.pakiet-odd {
background-image: url(../img/folieppf_tlo_02.jpg);
background-repeat: no-repeat;
background-position: center -60px;
padding-bottom: 0px;
height: 600px;
}
.clif-content {
margin-top: 90px;
}
.pakiet-car {
margin-top: 290px;
}
.list-parts {
margin-top: 20px;
}
.after-pakiet {
margin-top: 20px;
}
.pakiet-content h2 {
font-family: catamaran,sans-serif;
font-weight: 500;

color: #222;
font-size: 45px;
color: #222;
}
.pakiet-content h2 span {
font-weight: 700;
color: #ea892d;
}
.pakiet-content p {
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 28px;
color: #5e656c;
}
.pakiet-content li, .offer-content li {
position: relative;
list-style: none;
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 28px;
color: #5e656c;
padding-bottom: 9px;
}
.autoodn-google {
display: flex;
}
.page-template-kontakt .wrapper-page {

padding-top: 30px;
}
.contact-wrzesnia {
background: #101010;
}
.contact-budzislaw {
background: #b29b69;
}
.box-contact {
}
.box-contact h2 {
font-family: catamaran, sans-serif;
font-weight: 700;
font-size: 46px;
color: #222;
margin-bottom: 35px;

}
.contact-wrzesnia {
position: relative;
}
.contact-wrzesnia:before {
content: '';
position: absolute;
background: url(../img/lambo-contact.png) bottom right;
right: 0px;
top: 105px;
width: 218px;
height: 231px;
}
.contact-budzislaw {
position: relative;
}
.contact-budzislaw:before {
content: '';
position: absolute;
background: url(../img/lambo-contact.png) bottom right;
right: 0px;
top: 105px;
width: 218px;
height: 231px;
}
#autoblysk-contact-form {
background: url(../img/formularz-tlo.jpg) no-repeat center center;
height: 843px;
margin-top: 80px;
padding-top: 40px;
}
.form-autoblysk {
text-align: center;
background: #242323;
border-radius: 15px;
padding: 50px 65px;
}
.form-autoodn {
text-align: center;
}
.form-autoodn h3 {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 44px;
color: #fff;
margin-bottom: 40px;
}
.contact-wrzesnia  h2 {
color: #c1a871;
}
.contact-budzislaw  h2 {
color: #171717;
}
.phone-info h4 {
margin-bottom: 0;
margin-top: 0px
}
.hours-studio {
margin-top: 25px;
}
.hours-studio h4 {
margin-bottom: 3px;
}
.box-contact p {
font-family: galette, sans-serif;
font-weight: 300;
font-style: italic;
font-size: 28px;
color: #fff;
}
.hours-studio h4 {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 26px;

}
.contact-wrzesnia .hours-studio h4  {
color: #c1a871;
}
.contact-budzislaw .hours-studio h4  {
color: #171717;
}
.hours-studio p{
font-size: 21px;
font-weight: 500;
}
.phone-info h4 a {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 36px;
color: #fff;
text-decoration: none;
}
.title-contact {
text-align: center;
}
.title-contact h3 {
font-family: galette, sans-serif;
font-weight: 300;
font-style: italic;
font-size: 43px;
color: #fff;
margin-bottom: 60px;
}
.contact-budzislaw .button-autoodn a {
background: #fff;
}
.title-contact h3 span{
font-weight: 700;

}
.pakiet-content li:before, .offer-content li:before {
content: '';
position: absolute;
background: url(../img/list-icon2.png) bottom right no-repeat;
left: -39px;
top: 5px;
width: 22px;
height: 24px;
}
.page-template-wulkanizacja footer, .page-template-myjnia footer {
margin-top: 70px;
}
.cta-box {

}
.cta-box h3 {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 30px;
color: #fff;

margin: 0;
}
.cta-content {
padding-top: 20px;
height: 100px;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
background-image: -moz-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
background-image: -webkit-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
background-image: -ms-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
}
.footer-top {
position: relative;
}
.footer-top::before {
position: absolute;
content: "";
display: block;
top: 0;
right: 0;
background-image: -moz-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
background-image: -webkit-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
background-image: -ms-linear-gradient( 91deg, rgb(86,85,85) 0%, rgb(45,45,45) 100%);
width: calc(34.7% + ((1/12)*740px));
height: 100px;

}
.page-title {
margin-top: 298px;
}
.cta-box, .button-footer {
margin-left: 30px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-ms-transform: skew(20deg);
transform: skew(20deg);
}
.configurator-photo {
position: absolute;
top: 0px;
left: 47%;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-ms-transform: skew(20deg);
transform: skew(20deg);
}
.button-footer {
margin-top: 10px;
text-align: right;
}
.cta-box h4 {
font-family: galette, sans-serif;
font-weight: 300;
font-style: italic;
font-size: 18px;
color: #fff;

margin: 0;
}
footer {
margin-top: 0px;
position: relative;
background: #f5f5f6 url(../img/autoblysk_footer2.jpg) no-repeat center bottom;
height: 720px;
}
.offer-city {
text-align: center;
margin: 100px 0 00px;
}
.offer-city h2 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 38px;
color: #222;
line-height: 48px;
}
.hexagon-top {
position: absolute;
top: -65px;
left: 50%;
margin-left: -62px;
}
.footer-entry {
margin-top: 70px;
}
.location-head {
text-align: center;
margin-top: 40px;
}
.location-head h3 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-size: 38px;
color: #222;
line-height: 48px;
}
.button-time {
margin-top: 40px;
}
.location-tip {
background: url(../img/mapa-dojazd.png) no-repeat center center;
height: 358px;
}
.footer-cta {
display: flex;
justify-content: center;
}
.box-footer h5 {
font-family: catamaran,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
color: #fff;
letter-spacing: 3px;
}
.contact-autoblysk {
margin-top: 35px;
}
.contact-autoblysk p {
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 28px;
color: #fff;
}
.footer-cta h3 {
font-family: catamaran,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 33px;
color: #5e656c;
margin-top: 25px;
}
.phone-hex {
position: absolute;
top: 99px;
background-image: -moz-linear-gradient( 90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
background-image: -webkit-linear-gradient(
90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
left: -35px;
}
.contact-box {
background: #222 url(../img/carbon-footer.jpg) no-repeat top center;
border-radius: 15px;
max-width: 525px;
height: 286px;
position: relative;
margin-left: 30px;
padding: 30px 95px;
margin-top: 55px;
}
.contact-box h4 {
font-family: catamaran,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 19px;
color: #eb8020;
}
.footer-cta  {
border-bottom: 2px solid #dbdcde;
padding-bottom: 30px;
}
.autoblysk-contact {
}
.autoblysk-contact h3 a {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 27px;
color: #fff;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.autoblysk-contact h3 a:hover {
color: #d77721;
}
.autoblysk-contact h3 {
margin-top: 0;
margin-bottom: 5px;
}
.contact-box p {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
line-height: 23px;
color: #fff;
}
.scroll-top .scroll-arrrow i {
font-size: 47px;
color: #5d5d5d;
}
.button-cta {
margin-left: 44px;
}
.wrapper-page {
background: url(../img/tlo-heksagon.jpg) no-repeat top center;
padding-top: 60px;
}
.post-type-archive-realizacje .wrapper-page {
padding-top: 90px;
}
.box-footer {
margin-top: 55px;

}
.hexagon-foo {
position: relative;
}
.footer-icon {
position: absolute;
top: 30px;
left: 23px;
}
.footer-logo {
text-align: center;
margin-top: 60px;
margin-bottom: 20px;
}
.contact-info h3 {
font-family: catamaran, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 24px;
color: #c1a870;
margin-bottom: 3px;
margin-top: 0;
}
.contact-info h3 a {
font-family: catamaran, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 27px;
color: #222;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.contact-info h3 a:hover {
color: #eb8020;
}
.contact-info {
margin-bottom: 25px;
}
.contact-info p {
font-family: catamaran, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
color: #222;
line-height: 29px;
}
.contact-info h4 a {
font-family: galette, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 26px;
color: #fff;
text-decoration: none;
}
.contact-info h4 {
margin-bottom: 0;
margin-top: 2px;
}
.contact-info h5 {
font-family: catamaran, sans-serif;
font-weight: 600;
color: #eb8020;
font-size: 19px;
}
.footer-top {

z-index: 99;
margin-top: -50px
}
.scroll-up {
position: relative;
text-align: center;
margin-top: 10px;
}
.copyright p {
margin-bottom: 0;
}
.footer-bottom .scroll-arrrow {
position: absolute;
top: 60px;
left: 50%;
margin-left: -9px;
}
.autoodn-page {
background: url(../img/autoodn_60.png) no-repeat center center;
height: 442px;

}
#autoodn-mosaic {
padding-top: 150px;
background-image: url(../img/autoodn-onas_02.png);
background-repeat: no-repeat;
background-position: center -132px;
}
#autoodn-detailing {
margin-top: -40px;
background-image: url(../img/autoodn-onas_04.png);
background-repeat: no-repeat;
background-position: center -12px;
margin-bottom: 150px;
}
.mosaic-content h4 {
font-family: galette, sans-serif;
font-weight: 300;
font-style: italic;
font-size: 63px;
color: #fff;
line-height: 73px;
margin-bottom: 30px
}
.offer-piktogram {
position: absolute;
top: 220px;
right: 0;
}
.mosaic-content p {
font-family: 'Hind', sans-serif;
font-size: 24px;
line-height: 34px;
color: #fff;
}
.mosaic-content h4 span {
font-weight: 700;
font-size: 93px;
color: #b29b69;
}
#detailing-car {
margin-top: 0px;
}
.detailing-content h2 {
font-family: galette, sans-serif;

font-style: italic;
}
.detailing-content h2 span{
display: block;
}
.detailing-content h2 .outline {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: white;
font-family: galette, sans-serif;
font-size: 98px;
font-weight: 700;
font-style: italic;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
border-radius: 15px;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 28px;
-webkit-box-shadow: 0 3px 0 #eb8020, 0px 0px 12px rgb(51 51 51 / 50%);
-moz-box-shadow: 0 3px 0 #eb8020, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 #eb8020, 0px 0px 12px rgb(51 51 51 / 50%);
}
.twentytwenty-handle {
height: 50px;
width: 50px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #eb8020;
}
.twentytwenty-left-arrow {
border-right: 6px solid #eb8020;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid #eb8020;
right: 50%;
margin-right: -17px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 28px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgb(51 51 51 / 50%);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgb(51 51 51 / 50%);
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #eb8020;
}
.detailing-car {
position: relative;
}
.detailing-car {
position: relative;
}
.detailing-before {
position: absolute;
left: 0;
top:46%;
}
.detailing-after {
position: absolute;
right: 0;
top:46%;
}
.detailing-after h4, .detailing-before h4 {
font-family: 'Lato', sans-serif;

font-size: 13px;
color: #fff;
background: #eb8020;
padding: 12px 10px;

z-index: 99;
position: relative;
}
.detailing-before h4 {
border-radius: 0 8px 8px 0;
}
.detailing-after h4 {
border-radius: 8px 0px 0px 8px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
display: none;
}
.detailing-content h2 .golden {

font-family: galette, sans-serif;
font-size: 58px;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 700;
font-style: italic;
color: #c1a871;
margin-left: 60px;
}
.detailing-content h2 .pearl {

font-family: galette, sans-serif;
font-size: 73px;
font-weight: 700;
font-style: italic;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 115px;
}
.detailing-content p {
font-family: 'Hind', sans-serif;
font-size: 24px;
line-height: 34px;
color: #696a70;
}
.detailing-content {
margin-top: 30px;
}
.mosaic-box2 {
margin-top: -140px;
}
.mosaic-box {
border-bottom: 3px solid #c1a870;
}
.mosaic-box1 {
margin-left: -49px;
}
.mosaic-box3 {
text-align: right;
margin-top: 30px;
}
.mosaic-box4 {
margin-top: -80px;
}
.clif-contact img {
display: inline-block;
float: left;
padding-right: 12px;
padding-top: 3px;
}
.clif-contact {
width: 230px;
}
.clif-contact {
padding: 35px 0px 23px 20px;
margin-top: 0px;
margin-left: 10px;
}
.clif-single {
position: absolute;
top:100px;

left: 50%;
transform: translate(-50%, 0)
}
.clif-contact h4 {
font-family: galette, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 12px;
color: #c1a871;
margin-bottom: 0;
margin-top: 0px;
}
.navbar-collapse {
padding-right: 0px;

}
.navbar-default .container {
padding-right: 0px;

}
.clif-contact a {
font-family: galette, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 23px;
color: #fff;
text-decoration: none;
}
.navbar-collapse > div {
display: inline-table;
vertical-align: middle;
float: right;
}
.navbar {

border: none;
}
.navbar-default {
padding-top: 0px;
background-color: transparent;
border-color: transparent;

position: absolute;
z-index: 99;
width: 100%;
top: 0;
left: 0;
min-height: 70px;
}
.navbar-collapse {
float: right;
}
.navbar {

margin-bottom: -3px;
}
.navbar-header {
margin-top: -6px;
margin-bottom: 13px;

}
.navbar-default .nav li a {
font-family:catamaran, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 19px;
color: #fff;

}
.navbar-default .navbar-nav>.active>a {
border-radius: 0;
color: #eb8020;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #eb8020;
background-color: transparent;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
outline: 0;
color:  #eb8020;
}
.navbar-nav>li>a {
line-height: 20px;
}
.navbar-nav {
margin-top: 55px;
}

.nav>li>a {
position: relative;
display: block;
padding: 10px 25px;
}


.hexagon-social {
position: relative;
padding-right: 5px;
padding-left: 5px;
}
.social-icon {
position: absolute;
top: 99px;
right: -35px;
background: #4267B2;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.social-icon i {
font-size: 30px;
}
.social-icon i {
color: #fff;
}
.box-social-media {
display: flex;
justify-content: center;
}
.box-social-media i {
color: #fff;
font-size: 22px;



text-align: center;
vertical-align: middle;

justify-content: center;
align-items: center;
margin-right: 5px;
transition: all .3s ease-in-out;
margin-top: 0px;
padding-top: 8px;
}
.box-social-media{
margin-top: 40px;
}
.design {
text-align: right;
}
.copyright, .design, .design a {
font-family: 'Lato', sans-serif;
font-size: 15px;
line-height: 28px;
color: #5e656c;
font-weight: 400;
padding: 25px 0 15px;
text-decoration: none;
}

.services-photo {
position: relative;
}
.services-photo::before {
left: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
content: " ";
width: 100%;
height: 55%;
display: block;
position: absolute;
z-index: 2;
left: 0;
bottom: 0px;
content: "";
opacity: 1;
background-image: -webkit-linear-gradient(top, rgba(68, 63, 63, 0) 0%, rgba(68, 63, 63, .3) 100%);
background-image: -o-linear-gradient(top, rgba(68, 63, 63, 0) 0%, rgba(68, 63, 63, .3) 100%);
background-image: linear-gradient(to bottom, rgba(26, 29, 44, 0) 0%, rgba(0, 0, 0, .9) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d60c4f', endColorstr='#99d60c4f', GradientType=0);
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
.google {
overflow: hidden;
}
.acf-map {
width: 100%;
height: 470px;
border-radius: 15px;
}
.navbar-header img {
margin-bottom: 6px;
margin-top: 6px;
padding-left: 10px;
}
.navbar-collapse {
float: right;
}
.form-autoblysk .wpcf7 .ajax-loader {
visibility: hidden;
display: block;
}
.page-title h1, .page-title2 h1 {
font-family: catamaran,  sans-serif;
font-weight: 500;
font-size: 55px;
color: #fff;
margin-top: 0;
position: relative;

}


.content-wrapper {

padding-top: 60px;
}
.contact-name input[name="your-name"], .contact-name input[name="your-email"]  {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
background-color: #1a1a1a;
border: 0;
width: 100%;
height: 59px;
border-radius: 10px;

margin-bottom: 10px;
padding-left: 15px;
color: #fff;
}
.contact-name input[type="text"]  {
font-family: 'Lato', sans-serif;
font-size: 17px;
font-weight: 400;
background-color: #1a1a1a;
border: 0;
width: 100%;
height: 59px;

border-radius: 10px;
margin-bottom: 10px;
padding-left: 15px;
color: #fff;
}
.contact-name textarea {
font-family: 'Lato', sans-serif;
font-size: 17px;
font-weight: 400;
background-color: #1a1a1a;
border: 0;

width: 100%;
height: 159px;
border-radius: 10px;
margin-bottom: 14px;
padding-left: 15px;
color: #fff;
padding-top: 15px;
}
.button-send {
margin-top: 20px;
}
.form-head {
margin-top: 170px;
}
.contact-name input[type="submit"] {
float: none;
background-image: -moz-linear-gradient( 90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
background-image: -webkit-linear-gradient(
90deg
, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(235,128,32) 16%, rgb(229,169,92) 100%);
box-shadow: 0px 13px 25px 0px rgb(0 0 0 / 13%);
border-radius: 10px;
padding: 8px 40px 12px;
font-family: catamaran,sans-serif;
font-weight: 400;
font-style:  normal;
font-size: 18px;
color: #fff;
border: 0;
transition: all 0.3s ease 0s;
text-align: center;
margin: 0 auto;
transition: background 0.3s ease 0s;
}
.box-form, .contact-picture {
margin-top: 70px;
}

div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
display: block;
}
div.wpcf7-response-output {
margin: 0;
}
div.wpcf7-mail-sent-ok {
background: #398f14;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #fff;
}
div.wpcf7-validation-errors {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #fff;
background: red;
border: none;
}
.contact-name div.wpcf7-response-output {
margin: 0.1em 0.5em 1em;
padding: 0.4em 1em;
}
.contact-name div.wpcf7-response-output {
display: inline-block;
}
.contact-name div.wpcf7-validation-errors {
border: none;
}
@media screen and (max-width: 1368px) {
.about-photo img {
max-width: 100%;
height: auto;
}
.about-photo {
margin-top: 60px;
}
}
@media screen and (max-width: 1199px) {
.realization-title {

bottom: -32px;
left: 0px;

width: 270px;
height: 65px;
padding: 16px 28px 13px;

}
.box-folie h3 {

font-size: 24px;
}
.foil-photo img {
max-width: 100%;
height: auto;
}
.advantages-entry {

padding: 0 25px;
}
.advantages-content h3 {

font-size: 24px;
color: #ea892d;
line-height: 32px;
}
.advantages-content h5 {

font-size: 20px;
color: #fff;
line-height: 28px;
}
.box-advantages h4 {

font-size: 22px;

line-height: 28px;
}
.box-offer img {
transition: all 0.3s ease 0s;
max-width: 100%;
height: auto;
}
.box-offer h3 {

font-size: 25px;
color: #222222;
margin-top: 10px;
}
.nano-photo img, .offer-photo img, .pakiet-car img {
max-width: 100%;
height: auto;
}
.pakiet-content h2 {

font-size: 38px;
color: #222;
}
.box-ceramic {
padding: 50px 70px 50px 130px;
}
.box-ceramic p {
font-family: 'Lato', sans-serif;
line-height: 28px;
font-size: 17px;
color: #fff;
}
.offer-title {

width: 420px;
height: 82px;
padding: 5px 28px 13px;
}
.offer-title h3 {

font-size: 22px;
}
#clif-video {
margin-top: 20px;
margin-bottom: 40px;
}
.footer-offer {

margin-top: 0px;
}
.perfect-content h2 {

font-size: 21px;
}
.perfect-content h2 span {
font-size: 25px;

}
.gallery-autoodn {
max-width: 680px;
margin: 0 auto;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.nav>li>a {

padding: 10px 20px;
}
.navbar-default .nav li a {

font-size: 17px;
}
.perfect-content {
max-width: 392px;
margin-top: 268px;
}
.footer-offer {

margin-top: 0px;
}
.video-foil iframe {
max-width: 450px;
}
.pakiet-odd {

height: 620px;
}
}
@media screen and (max-width: 991px) {
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.perfect-content h2 {
font-size: 24px;
}
.perfect-content h2 span {
font-size: 28px;
}
.perfect-content {
margin-top: 22px;
text-align: center;
}
.hex-wrapper, .hex-wrapper2, .hex-wrapper3 {
height: 500px;
max-width: 555px;
margin: 0 auto;
}
.foil-photo {
text-align: center;
}
.footer-offer {
margin-top: 29px;
}
.page-template-onas footer {
margin-top: 100px;
}
.video-foil p {
max-width: 500px;
margin: 0 auto;
}
.logo-footer {

max-width: 525px;
}
.social-icon {

left: -35px
}
.logo-footer {
margin: 0 auto;
margin-bottom: 20px;
}
.autoblysk-perferct {
margin-top: 80px;
margin-bottom: 40px;
}
.perfect-content {
border-top: 2px solid #fff;
float: none;
margin: 0 auto;
}
.autoblysk-slogan {

margin-bottom: 20px;
}
.navbar-collapse > div {

float: none;
}
.mosaic-mobile {
display: block;
}
.mosaic-mobile img {
max-width: 100%;
height: auto;
}
.mosaic-box {
display: none;
}
.navbar-default .navbar-collapse .clif-contact {
display: none;
}
.pull-right {
float: inherit!important;
}
.navbar-header {
float: none;
}
.navbar-left,
.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.clifs-slogan {
text-align: center;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-nav {
float: none !important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in {
display: block !important;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse {
float: inherit;
}
.navbar-nav,
.language-box {
text-align: center;
}
.gallery-clif {
overflow: hidden;
}
.navbar-collapse > div {
display: block;
vertical-align:
}
.navbar-default .nav li a {
font-weight: 400;
line-height: 35px;
}
.navbar-default .nav li a {
font-size: 21px;
}
.navbar-collapse .language-box {
display: none;
}
.navbar-default .nav li a:hover {
color:  #d77721;
}
.navbar-collapse {
border-top: none;
}
.navbar-collapse {
padding-right: 15px;
background: #2b2b2b;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #d77721;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
background-color: #fff;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 42px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #d77721;
background-image: none;
border: 1px solid transparent;
border-radius: 6px;
}
footer {
margin-top: 0px;
position: relative;
background: #f5f5f6;
height: auto;
padding-bottom: 50px;
}
.footer-cta {
border-bottom: 2px solid #dbdcde;
padding-bottom: 40px;
}
.button-cta {
margin-left: 0px;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.header-contact {
display: none;
}
.footer-cta {
display: block;

text-align: center;
}
.footer-entry {
margin-top: 50px;
}
.copyright, .design {
text-align: center;
padding-bottom: 2px;
}
.hexagon-social {

width: 38px;
height: 44px;
margin: auto;
}
.design {
padding-top: 0;
}
.box-footer {
margin-top: 40px;
text-align: center;
}
.contact-box {

max-width: 525px;
height: 286px;
position: relative;
margin-left: 0px;
padding: 30px 95px;

margin: 0 auto;
margin-top: 35px;
}
.box-contact {
text-align: center;
}
#autoblysk-contact {
margin-top: 0px;
}
.form-head {
margin-top: 10px;
text-align: center;
}
.box-form, .contact-picture {
margin-top: 30px;
}
.box-realization {
position: relative;

max-width: 343px;
margin: 0 auto;
margin-bottom: 95px;
}
.wrapper-page {
background: url(../img/tlo-heksagon.jpg) no-repeat top center;
padding-top: 20px;
}
.box-photo {
margin-top: 30px;
}
.autoblysk-aboutus {
margin-top: 0px;
}
.about-photo {
margin-top: 30px;
}
.box-advantages {


text-align: center;
padding-top: 40px;
max-width: 320px;
margin: 0 auto;
margin-bottom: 30px;
}
.advantages-entry {

max-width: 320px;
margin: 0 auto;
}
#autoblysk-advantages {
background: #f5f5f6 url(../img/zalety-tlo.png) no-repeat center center;
padding: 30px 0 40px;
}
#autoblysk-promotion {
padding: 20px 0 0px;
}
.promotion-box {
text-align: center;
}
#autoblysk-perfect {
background: url(../img/porownanie_tlo.jpg) no-repeat center center;
padding: 80px 0;
}
#autoblysk-perfect .perfect-single:nth-child(1) {
margin-bottom: 40px;
}
.perfect-content h2 {
margin-top: 15px;
margin-bottom: 30px;
}
.offer-photo {
position: relative;
padding-left: 0px;
text-align: center;
}
#autoblysk-contact-form {
background: #e4e4e5;
height: auto;
margin-top: 30px;
padding-top: 40px;
padding-bottom: 90px;
}
.promotion-title h2 {

margin-bottom: 0px;
}
.pakiet-odd {
background-image: url(../img/folieppf_tlo_02.jpg);
background-repeat: no-repeat;
background-position: center -60px;
padding-bottom: 0px;
height: auto;
}
.pakiet-even {
background-image: url(../img/folieppf_tlo_04.jpg);
background-repeat: no-repeat;
background-position: center -60px;
height: auto;
padding-bottom: 0px;
}
.pakiet-car {
margin-top: 40px;
}
.offer-title {
width: 290px;
height: 72px;
padding: 0px 9px 13px;
}
.honey-comb img {
max-width: 140px;
}
.honey-box {
position: absolute;
top: -50px;
right: -38px;
}
.honey-icon {
position: absolute;
top: 13px;
right: 23px;
}
.honey-icon img {
max-width: 35px;
height: auto;
}
.offer-title h3 {
font-size: 18px;
}
.compare-photo img {
max-width: 100%;
height: auto;
}
#autoblysk-offer {
background: #fff;
padding-bottom: 10px;
margin-top: -40px;
}
#autoblysk-realization .title-section {
text-align: center;
padding: 50px 0px 65px;
}
.offer-photo {
position: relative;
padding-left: 0px;
text-align: center;
max-width: 360px;
margin: 0 auto;
margin-bottom: 40px;
margin-top: 80px;
}
#autoblysk-realization {
background: url(../img/realizacje_tlo.jpg) repeat center center;
padding-bottom: 90px;
}
.about-photo {
text-align: center;
}
#autoblysk-company {
padding: 40px 0px;
}
.perfect-comparison {
text-align: center;
}
.baner-box {
height: 232px;
max-width: 555px;
border-radius: 15px;
padding: 14px 40px;
margin: 0 auto;
margin-bottom: 30px;
}
#autoblysk-baner {
background: none;
padding: 50px 0;
}
.box-offer {
text-align: center;
margin-bottom: 40px;
transition: all 0.3s ease 0s;
}
.video-box img {
max-width: 100%;
height: auto;
}
.pakiet-content p {

color: #222;
}
.pakiet-content li, .offer-content li {

color: #222;

}

.page-title2 {
margin-top: 200px;
position: relative;
bottom: 0px;
left: 0;
text-align: center;
}

.perfect-content-page {
margin-top: 0px;
position: relative;
right: 0;
bottom: 0;
}

.perfect-content h2 {
margin-top: 0px;
margin-bottom: 10px;
}

.page-title h1, .page-title2 h1 {

margin-bottom: 20px;
}

.perfect-content {
height: auto;
max-width: 320px;
border-radius: 0px;
padding: 14px 20px;
background: none;
float: none;
margin: 0 auto;
}
.page #autoblysk-header, .archive #autoblysk-header{
background: url(../img/autoblysk_top_mid2.jpg) no-repeat center center;
height: 600px;
position: relative;
}


}
@media screen and (max-width: 767px) {
.navbar-toggle {

margin-right: 35px;
}
}
@media screen and (max-width: 500px) {
.navbar-header img {
margin-bottom: 6px;
margin-top: 6px;
padding-left: 10px;
max-width: 250px;
}
.autoblysk-slogan {
text-align: center;
margin-top: 140px;
}

.social-icon i {
font-size: 20px;
}

.social-icon {
left: auto;
position: relative;
top: 0;
right: auto;
left: auto;
width: 50px;
height: 50px;
}

.logo-footer {
height: 316px;

}

.home footer {
margin-top: 70px;

}

#autoblysk-offer {

margin-top: 0px;
}

.offer-city h2 {

font-size: 30px;

}

.location-head {
text-align: center;
}

.location-head h3 {
font-size: 30px;
}

.phone-hex {
display: none;
}

.logo-footer a {
display: flex;
justify-content: center;
}

.offer-city {
text-align: center;
margin: 50px 0 00px;
}
.offer-entry h3 {

font-size: 20px;
line-height: 30px;

margin-bottom: 5px;
}

.page-title2 {
margin-top: 160px;
position: relative;
bottom: 0px;
left: 0;
text-align: center;
}

.perfect-content-page {
margin-top: 0px;
position: relative;
right: 0;
bottom: 0;
}

.perfect-content h2 {
margin-top: 0px;
margin-bottom: 10px;
}

.page-title h1, .page-title2 h1 {

margin-bottom: 20px;
}

.perfect-content {
height: auto;
max-width: 320px;
border-radius: 0px;
padding: 14px 20px;
background: none;
float: none;
margin: 0 auto;
}


.hex-delorean, .hex-maluch, .hex-van  {
display: block;
}
.hex-delorean img, .hex-maluch img, .hex-van img  {
max-width: 100%;
height: auto;
}
.hex-wrapper, .hex-wrapper2, .hex-wrapper3 {
display: none;
}
.detailing-before {

display: none;
}
.detailing-after {
display: none;
}
.clif-title {
margin-top: 20px;
}
.logo-footer img {
max-width: 100%;
}
.navbar-default {
overflow: hidden;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 32px;
}
.form-autoblysk {
text-align: center;
background: #242323;
border-radius: 15px;
padding: 40px 35px;
}
.page-title h1, .page-title2 h1  {
font-family: catamaran, sans-serif;
font-weight: 500;
font-size: 47px;
}
.contact-box {
max-width: 525px;
height: 286px;
position: relative;
margin-left: 0px;
padding: 30px 35px;
margin: 0 auto;
margin-top: 45px;
}
.phone-hex {
position: absolute;
top: -28px;
left: 50%;
margin-left: -25px;
}
.phone-hex img {
max-width: 55px;
}
.form-head h3 {

font-size: 37px;
color: #222;
}
.footer-cta h3 {

font-size: 26px;
}
.single-realizacje .page-title h1, .single-realizacje .page-title2 h1 {
font-family: catamaran, sans-serif;
font-weight: 500;
font-size: 40px;
}
.page-id-100 .offer-photo, .page-id-102 .offer-photo {
position: relative;
padding-left: 0px;
text-align: center;
max-width: 360px;
margin: 0 auto;
margin-bottom: 40px;
margin-top: 0;
}
.wrapper-page #autoblysk-company {
padding: 0px 0px;
}
.promotion-title h2 {

font-size: 36px;
}
.promotion-title h2 span {

font-size: 34px;
color: #222;
}
.honey-box {
position: absolute;
top: -60px;
right: -4px;
}
.box-ceramic {
padding: 69px 25px 50px 25px;
height: auto;
}
.icon-ceramic {
position: absolute;
top: -45px;
left: 50%;
margin-left: -45px;
}
.icon-ceramic img {
max-width: 90px;
}
#nano-ceramic {
margin-top: 90px;
}
.single-oferta footer {
margin-top: 0px;
}


.video-play {
position: absolute;
top: 50px;
left: 50%;
margin-left: -48px;
}
.autoblysk-slogan h1 {

font-size: 49px;
}
.header_page2 {
position: relative;
height: auto;
}
.page-title h1, .page-title2 h1 {
font-family: catamaran, sans-serif;
font-weight: 500;
font-size: 38px;
}
.perfect-content h2 {
font-size: 20px;
}
.perfect-content h2 span {
font-size: 22px;
}
.page-title2 {
margin-top: 110px;
position: relative;
bottom: 0px;
left: 0;
text-align: center;
}
#autoblysk-company {
padding: 20px 0px;
}
.autoblysk-aboutus h3 {

margin-top: 10px;
}
.home #autoblysk-perfect {
background: url(../img/porownanie_tlo.jpg) no-repeat center center;
padding: 30px 0;
}
#autoblysk-offer .title-section {
text-align: center;
padding: 0px 0px 25px;
}
.perfect-content h2 {
margin-bottom: 26px;
}
#autoblysk-header {
background: url(../img/autoblysk_mobile2.jpg) no-repeat center center;
height: 700px;
position: relative;
}
#page-header {
background: url(../img/mobile-page.jpg) no-repeat center center;
height: 350px;
}
.single-oferta .page-title h1, .single-oferta .page-title2 h1{
font-family: catamaran, sans-serif;
font-weight: 500;
font-size: 36px;
}
.page #autoblysk-header, .archive #autoblysk-header {
background: url(../img/mobile-page2.jpg) no-repeat center center;
height: 350px;
position: relative;
}
}
}