.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus{outline:0}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.8;display:none;z-index:1050}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#fff;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:1060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:1060;color:#fff}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}:root {
--red: #c83a2e;
--grey: #2a2a2a;
}
.carousel-fade .carousel-inner .item {
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.page-template-kontakt .title-partners {
margin-top: 60px;
}
.distributors-box {
margin-bottom: 40px;
}
.distributors-info {
margin-top: 20px;
margin-left: 50px;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.contact-name input, .contact-name textarea {
color:#000 !important;
}
.carousel-control.left {
top: 5px;
left: 24px;
background-image: none;
}
.single .clif-page,
.archive .clif-page,
.page .clif-page {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/clifpage2.png) no-repeat center center;
height: 518px;
}
.clif-contact img {
display: inline-block;
float: left;
padding-right: 12px;
padding-top: 3px;
}
.clif-contact {
width: 210px;
}
.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: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 12px;
margin-bottom: 0;
margin-top: 0px;
}
.navbar-collapse {
padding-right: 0px;
}
.navbar-default .container {
padding-right: 0px;
}
.clif-contact a {
font-family: urw-din, sans-serif;
font-style: normal;
color: #fff;
font-size: 19px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.clif-contact a:hover {
color: #266eed;
}
.navbar-collapse>div {
display: inline-table;
vertical-align: middle;
float: right;
}
.navbar {
border: none !important;
}
.navbar-default {
padding-top: 0px;
background-color: transparent !important;
border-color: transparent !important;
position: absolute !important;
z-index: 99;
width: 100%;
top: 0;
left: 0;
min-height: 70px;
}
.navbar-collapse {
float: right;
}
.navbar {
margin-bottom: -3px !important;
}
.navbar-header {
margin-top: 23px;
margin-bottom: 13px;
}
.navbar-default .container,
.slider-clif .container {
width: 1300px;
}
.carousel-caption {
position: relative;
right: inherit;
left: 0;
padding-bottom: 30px;
top: 140px;
text-align: inherit;
text-shadow: none;
}
.slider-car-one {
margin-top: 100px;
margin-left: -150px;
}
.navbar-default .nav li a {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 17px;
}
.navbar-default .navbar-nav>.active>a {
border-radius: 0;
color: #266eed;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #266eed;
background-color: transparent;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
outline: 0;
color: #266eed;
}
.navbar-nav>li>a {
line-height: 20px;
}
.navbar-nav {
margin-top: 35px;
}
.box-icon li {
list-style: none;
display: inline-block;
padding: 6px 7px;
}
.box-icon i {
font-size: 18px;
color: #000;
}
.lang {
display: inline-block;
text-align: left;
margin-top: 36px;
margin-left: 15px;
}
.lang a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
color: #fff;
font-size: 17px;
}
.lang__list,
.lang__option {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
.lang__chevron {
display: none;
}
.lang {
border: solid 1px #266eed;
min-width: 4rem;
background: #266eed;
position: relative;
}
.lang__list,
.lang__option {
display: block;
}
.lang__chevron {
display: inline-block;
transform: rotate(90deg);
padding-bottom: 4px;
font-size: 20px;
}
.lang__option {
padding: 0.5rem;
}
.lang__option:hover, .lang__option:focus {
background-color: #266eed;
}
.lang__list {
display: none;
list-style-type: none;
}
.is-open {
border-bottom: none;
}
.is-open .lang__list {
border: solid 1px #266eed;
border-top: none;
display: block;
position: absolute;
left: -1px;
width: 100%;
min-width: 4rem;
}
.is-open .lang__chevron {
transform: rotate(270deg);
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.clifs-slogan h2,
.clifs-slogan h1 {
font-family: urw-din, sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
font-size: 58px;
margin-bottom: 0px;
line-height: 58px;
}
.clifs-slogan h3 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 15px;
color: #fff;
font-size: 26px;
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: inherit;
right: 10%;
z-index: 15;
width: 0%;
padding-left: 0;
margin-left: 0%;
text-align: initial;
list-style: none;
top: 45%;
}
.carousel-indicators li {
width: 13px;
height: 13px;
background-color: #fff;
border: 1px solid #fff;
margin-bottom: 30px;
}
.carousel-indicators li:hover {
background-color: #266eed;
border: 1px solid #266eed;
}
.carousel-indicators .active {
width: 13px;
height: 13px;
margin: 0;
margin-bottom: 30px;
background-color: #266eed;
border: 1px solid #266eed;
position: relative;
}
.carousel-indicators .active::before {
content: "";
display: block;
position: absolute;
top: -12px;
left: -12px;
width: 35px;
height: 35px;
border: 1px solid #266eed;
border-radius: 50%;
}
.button-clif {
margin-top: 30px;
}
.button-clif-top {
margin-top: 20px;
}
.buttons-wrapper {
margin-left: 190px;
margin-top: 35px;
}
.button-clif a {
position: relative;
background: #266eed;
padding: 15px 42px;
font-size: 17px;
font-family: urw-din, sans-serif;
display: inline-block;
color: #fff;
font-weight: 400;
text-decoration: none;
transition: all 0.3s ease 0s;
position: relative;
overflow: hidden;
display: inline-block;
}
.button-clif a:after,
.button-clif a:before {
position: absolute;
top: 0;
display: block;
width: 0;
height: 100%;
content: "";
background-color: #000;
}
.button-clif a:before {
right: 0;
-webkit-transition: width .3s;
transition: width .3s;
}
.button-clif a:hover:before {
width: 100%;
background-color: transparent;
}
.button-clif span {
z-index: 9;
position: relative;
}
.button-clif i {
padding-left: 8px;
padding-top: 3px;
color: #fff;
font-size: 15px
}
.badge-clif {
position: absolute;
top: -40px;
right: -17px;
}
.postid-48 .gain-photo {
margin-top: 52px;
}
.button-clif a:hover:after {
width: 100%;
-webkit-transition: width .3s;
transition: width .3s;
}
.button-clif a:after {
left: 0;
}
.button_light a:hover span,
.button_light a:hover i {
color: #fff;
}
.slider-protection {
background: #266eed;
overflow: auto;
padding: 45px 30px 40px 30px;
}
.protection-content h3 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 23px;
line-height: 36px;
color: #fff;
margin-top: -5px;
}
.instruction-plan ul li {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 20px;
line-height: 32px;
}
.instruction-plan ul {
margin-bottom: 30px;
}
.special-offer h3 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
font-size: 36px;
text-align: center;
margin-bottom: 20px;
}
.special-offer p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #adb1b6;
font-size: 18px;
line-height: 30px;
}
.slider-info {
margin-top: -110px;
}
#clif-company {
margin-top: 70px;
}
.clif-about h2,
.clif-about h1 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
font-size: 45px;
line-height: 48px;
margin-bottom: 25px;
}
.clearbox3:nth-child(3n+4) {
clear: both;
}
.clif-about p,
.content-location p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #adb1b6;
font-size: 18px;
line-height: 30px;
}
.clif-photo {
text-align: center;
}
.clif-about {
margin-top: 55px;
}
.owl-nav {
text-align: right;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
background: #266eed;
width: 57px;
height: 57px;
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 28px;
margin: 5px;
padding: 8px 21px;
background: #266eed;
display: inline-block;
cursor: pointer;
margin: 0px;
border-radius: 0px;
}
.owl-theme .owl-nav {
margin-top: -56px;
position: relative;
z-index: 999;
}
.owl-theme .owl-nav .owl-prev {
margin-right: 5px;
}
#clif-style {
margin-top: 120px;
overflow: hidden;
}
.style-title h3 {
font-family: urw-din, sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
font-size: 38px;
line-height: 48px;
margin-top: 180px;
}
#slider-style .owl-dots {
display: none !important;
}
.owl-theme .owl-nav {
text-align: right;
}
.owl-theme .owl-dots {
margin-top: 50px;
}
#clif-video {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/videoclif.jpg) no-repeat center center;
height: 1014px;
margin-top: -200px;
padding-top: 290px;
overflow: hidden;
}
.video-content h3 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #fff;
font-size: 50px;
margin-bottom: 20px;
}
.video-content p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 18px;
line-height: 30px;
}
.style-title {
padding-left: 30px;
}
.video-player {
width: 256px;
height: 255px;
position: relative;
display: flex;
}
.player-icon {
position: absolute;
top: 114px;
left: 120px;
}
.player-icon i {
color: #fff;
font-size: 28px;
}
.wrapper-video {
margin-top: 120px;
}
.box-product {}
.product-photo {
position: relative;
max-width: 264px;
transition: all 0.3s ease 0s;
}
#products-clif {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/siatka.png) no-repeat top center;
}
#products-clif .owl-carousel .owl-stage-outer {
position: relative;
overflow: visible;
}
#products-clif .container {
overflow: hidden;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #000;
}
.owl-theme .owl-dots .owl-dot span {
width: 16px;
height: 16px;
}
.title-section {
text-align: center;
padding: 100px 0px 135px;
}
.title-section h3 {
text-align: center;
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
font-size: 40px;
}
.product-title {
position: absolute;
bottom: 37px;
left: 30px;
right: 30px;
z-index: 3;
}
.product-title h3 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 23px;
position: relative;
}
.product-title h3::before {
position: absolute;
top: -17px;
left: 0;
width: 72px;
height: 6px;
background: #266eed;
content: "";
}
.badge-photo {
position: relative;
}
.badge-name {
position: absolute;
top: 38px;
left: 50%;
transform: translate(-50%, 0);
}
.badge-name h5 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 18px;
}
.product-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;
}
#product-clif .owl-nav {
display: none;
}
#product-clif .owl-theme .owl-dots {
text-align: center;
margin-top: 70px;
}
#product-clif .owl-theme .owl-dots,
#product-clif .owl-theme .owl-nav {
text-align: center !important;
}
.banner-bg {
position: relative;
}
.banner-content {
position: absolute;
bottom: 45px;
left: 60px;
}
.banner-content h3 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 39px;
margin-bottom: 3px;
}
.banner-content p {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 16px;
}
.box-banner .button-clif {
margin-top: 15px;
}
.button_light a {
background: #fff;
color: #000;
}
.button_light i {
color: #000;
}
.wrapper-banner {
position: relative;
margin-top: 120px;
}
.wrapper-products {
background-image: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/lambobok.png);
background-repeat: no-repeat;
background-position: center 600px;
}
.footer-middle {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/footer-clif.jpg) no-repeat center center;
height: 468px;
}
.footer-info div,
.footer-info div a {
font-family: urw-din, sans-serif;
color: #d3d3d3;
font-size: 10px;
font-weight: 400;
text-decoration: none;
}
.footer-top {
display: flex;
flex-direction: row;
}
.footer-fluid {
padding-left: 0;
padding-right: 0;
}
.location-box,
.cta-box,
.telephone-box {
height: 100px;
}
.location-box {
width: 20%;
background: #f7f7f7;
padding-left: 35px;
}
.cta-box {
width: 60%;
background: #333333;
padding-left: 50px;
align-items: center;
display: flex;
}
.telephone-box {
width: 20%;
background: #266eed;
padding-left: 35px;
}
.telephone-box h2 {
margin: 0;
}
.telephone-box h2 a {
font-family: urw-din, sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
font-size: 21px;
transition: all 0.3s ease 0s;
}
.telephone-box h2 a:hover {
color: #000;
}
.telephone-box h5 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 16px;
margin: 0;
margin-top: 25px;
position: relative;
}
.telephone-box h5::before {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/phone2.png);
position: absolute;
content: "";
display: block;
top: 5px;
right: 45px;
width: 33px;
height: 33px;
}
.footer-links {
padding-left: 0;
display: inline;
}
.footer-links li,
.footer-links ul {
display: block;
list-style: none;
}
.footer-links li a {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 18px;
line-height: 30px;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.footer-links li a:hover,
.email-footer a:hover {
color: #266eed;
}
.footer-header h3 {
margin-top: 0;
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #fff;
font-size: 21px;
}
.clif-footer p {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 18px;
line-height: 30px;
}
.email-footer a {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 18px;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.clif-footer {
margin-top: 30px;
}
.gallery {
margin-top: 30px;
}
.gallery img {
max-width: 100%;
}
.location-box h3 {
position: relative;
}
.button-ergos-footer {
margin-top: 6px;
}
.button-ergos-footer a {
background: #fff;
color: #33363b;
padding: 13px 30px;
}
.cta-box h3 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 19px;
line-height: 100px;
text-decoration: none;
float: left;
padding-right: 35px;
margin: 0;
}
.location-box h3::before {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/location.png);
position: absolute;
content: "";
display: block;
top: 3px;
right: 32px;
width: 41px;
height: 54px;
}
.button-clif-footer {
margin-top: 0;
}
.button-clif-footer a {
padding: 15px 32px;
}
.location-box h3 a {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #33363b;
font-size: 19px;
line-height: 22px;
text-decoration: none;
transition: all .3s ease-in-out;
}
.location-box h3 a:hover {
color: #266eed;
}
.footer-middle {
margin-top: -50px;
padding-top: 120px;
}
.wrapper-button {
clear: both;
height: 30px;
margin-bottom: 30px;
}
.button-previous {
float: right;
}
.grid {
margin: 0 auto;
}
.button-next a,
.button-previous a {
padding: 9px 35px;
font-family: urw-din, sans-serif;
font-weight: 400;
border-radius: 0px;
background-color: #000;
font-size: 17px;
color: #fff;
text-decoration: none;
transition: all .3s ease 0s;
}
.button-next {
float: left;
}
.cta-content {
position: relative;
}
.cta-content {
position: relative;
}
.box-social-media i {
color: #fff;
font-size: 22px;
width: 38px;
height: 38px;
background: #266eed;
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 i:hover {
background: #000;
}
.box-social-media {
margin-top: 20px;
}
.copyright {
padding: 15px 0 0px;
}
.copyright,
.design,
.design a {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #fff;
text-decoration: none;
}
.content-location {
text-align: center;
}
.box-step {
background: #fff;
text-align: center;
height: 180px;
margin-bottom: 28px;
padding: 35px 18px 30px 18px;
position: relative;
}
.copyright p {
margin-bottom: 3px;
}
body {
counter-reset: ergos-counter;
}
.content-page p,
.content-page ul li,
.content-page ol li {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #adb1b6;
font-size: 18px;
line-height: 30px;
}
.content-page a {
color: #000;
font-family: 'Overpass', sans-serif;
font-size: 18px;
font-weight: 300;
font-style: normal;
}
.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6 {
color: #000;
font-family: urw-din, sans-serif;
font-style: normal;
font-weight: 700;
}
.content-page h1 {
font-size: 36px;
line-height: 44px
}
.content-page h2 {
font-size: 36px;
line-height: 44px
}
.content-page h3 {
font-size: 32px;
}
.content-page h4 {
font-size: 25px;
}
.content-page h5 {
font-size: 21px;
}
.content-page h6 {
font-size: 18px;
}
.gallery-clif ul {
list-style: none;
padding-left: 0;
text-align: center;
}
.gallery-clif ul li {
list-style: none;
display: inline-block;
padding-right: 15px;
padding-bottom: 15px;
display: inline-block;
}
.box-download {
background: #266eed;
overflow: auto;
margin-bottom: 5px;
padding-bottom: 10px;
}
.icon {
text-align: center;
margin-top: 30px;
}
.icon i {
text-align: center;
color: #fff;
font-size: 28px;
}
.content-download h3 a {
font-family: urw-din, sans-serif;
color: #fff;
font-size: 22px;
font-weight: 400;
text-decoration: none;
}
.content-download p {
font-family: 'Overpass', sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.button-download {
margin-top: 23px;
text-align: right;
padding-right: 40px;
}
.page-slogan h3 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #000;
font-size: 35px;
line-height: 48px;
margin-bottom: 45px;
text-align: center;
margin-top: 0;
}
.post-type-archive-realizacje .product-photo {
position: relative;
max-width: 360px;
transition: all 0.3s ease 0s;
}
figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
}
figure.portfolio-art img {
-webkit-transition: -webkit-transform 0.9s ease;
transition: transform 0.9s ease;
}
figure.portfolio-art:hover img {
transform: scale(1.2);
}
figure {
position: relative;
overflow: hidden;
text-align: center;
cursor: pointer;
margin-bottom: 0px;
}
.grid-item {
width: 350px;
}
.title-why {
text-align: center;
padding: 0px 0 50px;
}
.title-why h3 {
color: #000;
font-family: urw-din, sans-serif;
line-height: 38px;
font-style: normal;
font-size: 30px;
font-weight: 700;
}
.box-why {
text-align: center;
}
.box-why h4 {
color: #000;
font-family: urw-din, sans-serif;
font-style: normal;
font-size: 21px;
font-weight: 500;
}
.box-why p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #adb1b6;
font-size: 16px;
line-height: 28px;
}
.why-odd {
margin-top: 120px;
}
.why-hexagon {
position: relative;
}
.number-why {
position: absolute;
top: -15px;
right: -27px;
}
.number-why span {
-webkit-text-stroke: 2px #266eed;
color: #fff;
font-family: urw-din, sans-serif;
font-style: normal;
font-size: 72px;
font-weight: 700;
}
.video-products {
background: #f2f2f2;
padding: 60px 0 110px;
margin-top: 80px;
}
.video-box {
position: relative;
}
.video-box img {
max-width: 100%;
}
.video-players {
position: absolute;
top: 140px;
left: 50%;
width: 202px;
height: 203px;
margin-left: -101px;
display: flex;
}
.player-icons i {
color: #fff;
font-size: 28px;
}
.player-icons {
position: absolute;
top: 87px;
left: 92px;
}
.video-header {
text-align: center;
}
.video-header h3 {
color: #000;
font-family: urw-din, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
margin-bottom: 40px;
}
.instruction {
margin-top: 40px;
}
.instruction-plan {
background: #266eed;
padding: 40px 55px 70px 55px;
}
.instruction-car {
margin-left: -350px;
position: relative;
z-index: -1;
margin-top: 20px;
}
.instruction-plan h3 {
color: #fff;
font-family: urw-din, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 30px;
margin-bottom: 20px;
}
.instruction-plan p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 20px;
line-height: 32px;
}
.title-partners {
text-align: center;
margin-bottom: 80px;
}
.partners-list {
margin-top: 80px;
}
.box-partners {
background: #266eed;
margin-bottom: 35px;
padding: 10px 40px 35px 40px;
}
.box-partners h3 {
color: #fff;
font-family: urw-din, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 28px;
margin-bottom: 15px;
}
.box-partners p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 17px;
line-height: 25px;
}
.title-partners h2 {
color: #000;
font-family: urw-din, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 42px;
margin-bottom: 20px;
}
.form-clif div.wpcf7-response-output {
border: 0;
}
.clif-single-bg {
position: relative;
}
.archive .box-product {
margin-bottom: 70px;
}
.post-type-archive-realizacje .box-product {
margin-bottom: 30px;
overflow: hidden;
}
.clif-bg {
height: 518px;
width: 59%;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: absolute;
top: 0px;
left: 0;
bottom: 0;
right: auto;
z-index: -1;
}
.clif-bg::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.location-clif {
margin-top: 30px;
}
.location-clif .button-clif {
margin-top: 0;
}
.phone-detail {
margin-bottom: 20px;
}
.email-detail {
margin: 30px 0 5px;
}
.phone-detail h4 {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #000;
transition: background 0.3s ease 0s;
font-size: 20px;
margin-bottom: 12px;
}
.location-clif h4 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
transition: background 0.3s ease 0s;
font-size: 21px;
}
.google {
overflow: hidden;
}
.acf-map {
width: 100%;
height: 470px;
}
.navbar-header img {
margin-bottom: 6px;
margin-top: 10px;
padding-left: 10px;
width: 360px;
}
.navbar-collapse {
float: right;
}
footer {
margin-top: 100px;
position: relative;
}
.box-footer {
margin-top: 90px;
}
.logo-footer {
margin-top: 95px;
text-align: center;
}
.contact-adress p span {
font-weight: 700;
}
.archive-wrapper {
margin-top: 90px;
}
.archive-wrapper .box-knowledge {
margin-bottom: 30px;
}
.contact-info h5 a {
font-family: urw-din, sans-serif;
font-weight: 500;
font-style: normal;
color: #000;
transition: background 0.3s ease 0s;
font-size: 26px;
text-decoration: none;
}
.contact-info h5 a:hover {
color: #266eed;
}
.videocf-bg {
position: relative;
height: 700px;
overflow: hidden;
}
.postid-211 .gain-photo {
margin-top: 52px;
}
.videocf-bg::before {
z-index: 99;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.contact-adress {
margin-bottom: 15px;
}
.contact-info h5 {
margin-bottom: 0px;
padding-left: 0px;
position: relative;
}
.contact-info h5:first-child::before {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/phone3.png);
position: absolute;
content: "";
display: block;
top: 3px;
left: 0px;
width: 33px;
height: 33px;
}
.contact-info h5:last-child::before {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/email2.png);
position: absolute;
content: "";
display: block;
top: 3px;
left: 0px;
width: 47px;
height: 41px;
}
.logo-apartas {
margin-bottom: 12px;
}
.menu-footer ul {
list-style: none;
padding-left: 0;
}
.menu-footer ul a {
font-family: azo-sans-web, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
line-height: 30px;
text-decoration: none;
color: #000;
}
.social-box {
margin-top: 30px;
}
.social-box h3 {
font-family: azo-sans-web, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
color: #000;
margin-bottom: 10px;
text-align: center;
}
.page-title h1,
.page-title h2 {
font-family: urw-din, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 57px;
color: #fff;
text-shadow: 0px 12px 24.57px rgba(0, 0, 0, 0.16);
margin-bottom: 20px;
position: relative;
}
.page-title h1::after,
.page-title h2::after {
position: absolute;
bottom: -17px;
left: 0;
width: 125px;
height: 8px;
background: #266eed;
content: "";
}
.content-wrapper {
padding-top: 60px;
}
.header_page .container {
width: 1300px;
}
.page-title {
padding-top: 210px;
padding-left: 0px;
}
#styling-about {
background: #f2f2f2 url(//clif-designs.pl/wp-content/themes/clifdesigns/img/clifdesigns_52.png) no-repeat center 20px;
margin-top: 80px;
}
.content-styling {
padding: 123px 0 180px;
}
.page footer {
margin-top: 60px;
}
.page-template-onas footer {
margin-top: 0px;
background: #f2f2f2;
}
.content-styling h3 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
font-size: 45px;
line-height: 48px;
margin-bottom: 25px;
}
.content-styling p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #adb1b6;
font-size: 18px;
line-height: 30px;
}
.offer-title {
text-align: center;
margin: 65px 0 30px;
}
.offer-title h2 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-style: normal;
color: #d10a11;
font-size: 36px;
}
.offer-content {
margin-top: 50px;
}
.offer-content h3,
.details-content h3 {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-style: normal;
color: #33363b;
margin-bottom: 30px;
font-size: 31px;
}
.offer-content p,
.details-content p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #adb1b6;
font-size: 18px;
line-height: 30px;
}
.details {
margin: 45px 0 120px;
}
.gain-title h3 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
margin: 104px 0 50px;
font-size: 40px;
}
.products-clif .title-section {
text-align: center;
padding: 80px 0px 85px;
}
.clif-gain {
margin-top: 80px;
}
.gain-box {
background: #266eed;
overflow: auto;
padding: 55px 30px 55px 30px;
z-index: 9;
}
.gain-single p {
font-family: 'Overpass', sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 19px;
line-height: 27px;
padding-left: 40px;
position: relative
}
.gain-photo {
position: relative;
z-index: -1;
}
.gain-single p::before {
font-family: "Font Awesome 5 Free";
position: absolute;
top: -7px;
font-weight: 900;
margin: 8px 0 0 -35px;
vertical-align: middle;
display: inline-block;
font-size: 23px;
color: #fff;
content: "\f14a";
}
.gain-box::before {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/solar-offer.png);
position: absolute;
content: "";
display: block;
top: -3px;
left: 115px;
width: 432px;
height: 201px;
}
.offer-bottom {
text-align: center;
margin-top: 50px;
}
.gain-single {
margin-bottom: 18px;
}
.clearbox:nth-child(2n+3) {
clear: both;
}
.offer-bottom h3 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-style: normal;
color: #d10a11;
font-size: 36px;
}
.gain-photo {
margin-left: -155px;
margin-top: -20px;
}
.why-clif .clear-both:nth-child(5n) {
margin-top: -70px;
}
.why-clif .clear-both:nth-child(6n) {
margin-top: -60px;
}
.why-clif .clear-both:nth-child(7n) {
margin-top: -70px;
}
.clear-both:nth-child(even) .box-why {
margin-top: 120px;
}
#google {
margin-top: 80px;
}
.details-home .details-content {
padding: 70px 0 80px;
}
.details-farmer .details-content {
padding: 75px 0 85px;
}
.details-company .details-content {
padding: 85px 0 105px;
}
.loaction-picture {
margin-top: 40px;
}
.why-info {
margin-top: 80px;
}
.loaction-picture img {
width: 100%;
}
.gain-company {
margin-top: 29px;
}
.head-contact h2 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
margin-bottom: 20px;
font-size: 24px;
}
.contact-head h3 {
font-family: urw-din, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
margin-top: 15px;
font-size: 32px;
}
.form-clif {
text-align: center;
background: #232220;
padding: 40px 70px 45px 70px;
margin-right: 0px;
}
.post-type-archive footer {
margin-top: 20px;
}
.product-photo img {
transition: all 0.3s ease 0s;
}
.slider-bg {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/sliderbg3.png) no-repeat center center;
height: 838px;
}
.item {
position: relative;
}
.clif-item-top::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.clif-item-top {
height: 838px;
width: 59%;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: absolute;
top: 0px;
left: 0;
bottom: 0;
right: auto;
z-index: -1;
}
.box-banner {
overflow: hidden;
}
.box-banner img {
transition: all 0.3s ease 0s;
}
.box-banner:hover img {
transform: scale(1.2);
}
.product-read span {
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 15px;
}
.product-read span i {
font-size: 14px;
padding-left: 5px;
}
.video-player img,
.video-players img {
transition: all 0.3s ease 0s;
}
.video-player img:hover,
.video-players img:hover {
transform: scale(1.2);
}
.product-photo:hover .product-read {
opacity: 1;
bottom: 40px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.product-read {
position: absolute;
opacity: 0;
bottom: 0;
left: 30px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: bottom .6s ease, bottom .6s ease, opacity .6s ease;
-o-transition: bottom .6s ease, bottom .6s ease, opacity .6s ease;
-moz-transition: bottom .6s ease, bottom .6s ease, opacity .6s ease;
transition: bottom .6s ease, bottom .6s ease, opacity .6s ease;
z-index: 999;
}
.product-photo:hover .product-title {
bottom: 57px;
}
.product-title h3::before {
transition: all 0.3s ease 0s;
}
.product-photo:hover .product-title h3::before {
width: 92px;
}
.product-title {
transition: all 0.3s ease 0s;
}
.contact-info {
margin-top: 20px;
}
.head-contact p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #adb1b6;
font-size: 16px;
line-height: 26px;
}
.logo-partners img {
display: block;
margin-bottom: 15px;
}
.contact-adress p {
font-family: 'Overpass', sans-serif;
font-weight: 300;
font-style: normal;
color: #000;
font-size: 21px;
line-height: 35px;
}
.wrapper-button-mobile {
display: none;
}
.form-clif h3 {
font-family: urw-din, sans-serif;
font-style: normal;
color: #fff;
font-weight: 500;
font-size: 32px;
margin-bottom: 40px;
}
.page-template-kontakt footer {
margin-top: -50px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #333;
color: #FFF;
text-decoration: none;
}
.google {
margin-top: 80px;
}
.contact-name input[name="your-name"],
.contact-name input[name="your-email"] {
font-family: 'Overpass', sans-serif;
font-size: 16px;
font-weight: 400;
background-color: #fff;
border: 0;
width: 100%;
height: 59px;
border-radius: 0px;
margin-bottom: 10px;
padding-left: 15px;
color: #fff;
}
.contact-name input[type="text"] {
font-family: 'Overpass', sans-serif;
font-size: 17px;
font-weight: 400;
background-color: #fff;
border: 0;
width: 100%;
height: 59px;
border-radius: 0px;
margin-bottom: 10px;
padding-left: 15px;
color: #fff;
}
.contact-name textarea {
font-family: 'Overpass', sans-serif;
font-size: 17px;
font-weight: 400;
background-color: #fff;
border: 0;
width: 100%;
height: 159px;
border-radius: 0px;
margin-bottom: 14px;
padding-left: 15px;
color: #fff;
padding-top: 15px;
}
.button-send {
margin-top: 5px;
}
.contact-name input[type="submit"] {
float: none;
background: #266eed;
padding: 15px 65px;
font-size: 18px;
font-family: 'Overpass', sans-serif;
color: #fff;
border: 0;
border-radius: 0px;
font-weight: 400;
text-decoration: none;
transition: all 0.3s ease 0s;
text-align: center;
margin: 0 auto;
transition: background 0.3s ease 0s;
}
.contact-name input[type="submit"]:hover {
background: #fff;
color: #000;
}
.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:1680px) {
.clif-bg {
width: 60%;
}
}
@media screen and (max-width:1600px) {
.clif-item-top {
width: 61%;
}
.clif-bg {
width: 62%;
}
.carousel-indicators {
right: 4%;
}
.slider-car-one {
margin-top: 110px;
margin-left: -120px;
}
.slider-car-one img {
width: 720px;
}
}
@media screen and (max-width:1367px) {
.wrapper-products {
background-image: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/lambobok.png);
background-repeat: no-repeat;
background-position: -90px 600px;
}
}
@media screen and (max-width:1300px) {
.navbar-default .container,
.slider-clif .container {
width: 1200px;
}
.clif-item-top {
width: 62%;
}
.clif-photo img,
.picture-page img,
.contact-picture img,
.gain-photo img {
max-width: 100%;
height: auto;
}
.clif-bg {
width: 63%;
}
.navbar-header img {
margin-bottom: 6px;
margin-top: 15px;
padding-left: 10px;
width: 340px;
}
.header_page .container {
width: 1200px;
}
.protection-content h3 {
font-size: 21px;
}
.navbar-header img {
width: 300px;
}
}
.navbar-default .nav li a {
font-size: 16px;
}
.nav>li>a {
padding: 10px 14px;
}
}
@media screen and (max-width:1199px) {
.contact-picture img {
max-width: 100%;
}
.navbar-default .container,
.slider-clif .container {
width: 990px;
}
.header_page .container {
width: 990px;
}
.picture-page img,
.gain-photo img,
.clif-photo img {
max-width: 100%;
height: auto;
}
.picture-page {
margin-top: 30px;
}
.clif-gain {
overflow: hidden;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.telephone-box {
padding-left: 20px;
}
.telephone-box h5::before {
right: 25px;
}
.location-box h3::before {
right: 25px;
}
.cta-box h3 {
font-size: 16px;
}
.button-clif-footer a {
padding: 15px 22px;
}
.cta-box {
padding-left: 25px;
}
.gain-box::before {
left: 35px;
}
.location-box h3 a {
font-size: 17px;
line-height: 16px;
}
.location-box {
padding-left: 20px;
}
.nav>li>a {
padding: 10px 9px;
}
.navbar-header img {
margin-bottom: 6px;
margin-top: 15px;
padding-left: 10px;
width: 250px;
}
.product-photo img {
max-width: 100%;
}
.product-title {
position: absolute;
bottom: 27px;
}
.instruction-car {
margin-left: -450px;
margin-top: 70px;
}
.navbar-default .nav li a {
font-size: 16px;
}
.clif-bg {
width: 66%;
}
.video-players {
position: absolute;
top: 95px;
}
.gain-photo {
margin-left: -155px;
margin-top: 100px;
}
.postid-48 .gain-photo {
margin-top: 102px;
}
.why-hexagon img {
width: 240px;
}
.box-why h4 {
font-size: 19px;
font-weight: 500;
padding-left: 25px;
}
.why-clif .clear-both:nth-child(5n) {
margin-top: -100px;
}
.why-clif .clear-both:nth-child(7n) {
margin-top: -100px;
}
.why-clif .clear-both:nth-child(6n) {
margin-top: -90px;
}
.clif-photo {
margin-top: 80px;
}
.clif-item-top {
width: 65%;
}
.box-banner {
overflow: hidden;
}
.banner-content {
left: 40px;
}
.clifs-slogan h2 {
font-size: 50px;
margin-bottom: 0px;
line-height: 52px;
}
.clifs-slogan h3 {
font-size: 24px;
}
.slider-car-one img {
width: 580px;
}
.slider-car-one {
margin-top: 130px;
margin-left: -80px;
}
.slider-protection {
padding: 45px 15px 40px 15px;
}
.protection-content h3 {
font-size: 22px;
line-height: 30px;
}
.clif-photo img,
.picture-page img,
.contact-picture img,
.gain-photo img {
max-width: 100%;
height: auto;
}
.protection-content h3 {
font-size: 18px;
line-height: 30px;
margin-top: 0px;
}
.navbar-default .container,
.slider-clif .container {
width: 990px;
}
.header_page .container {
width: 990px;
}
.clif-contact {
width: 120px;
}
.clif-contact img {
display: none;
}
.style-title h3 {
font-size: 32px;
line-height: 42px;
margin-top: 120px;
}
.video-content h3 {
font-size: 38px;
margin-bottom: 20px;
}
.clif-contact h4 {
font-size: 9px;
}
.clif-contact a {
font-size: 13px;
}
.clif-contact {
margin-top: 8px;
margin-left: 8px;
}
.single-realizacje .page-title h1 {
font-size: 48px;
}
}
@media screen and (max-width:991px) {
.clif-item-top {
width: 69%;
}
.wrapper-products {
background-image: none;
}
.clif-footer {
margin-top: 20px;
}
.clif-gain {
overflow: hidden;
}
.design {
padding-bottom: 6px;
}
.video-content h3 {
font-size: 36px;
}
.clif-about h3 {
font-size: 40px;
}
.copyright {
padding: 15px 0 0px;
}
#products-clif {
background: transparent;
}
.carousel-indicators {
right: 7%;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.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;
}
.carousel-caption {
top: 30px;
}
.clifs-slogan h2 {
font-size: 54px;
}
.slider-car-one {
margin-top: 10px;
margin-left: 0px;
text-align: center;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-collapse {
background: #000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: transparent;
}
.slider-car-one img {
width: 550px;
}
.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: #1554c3;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #1554c3;
}
.location-box {
padding-left: 15px;
}
.location-box h3::before {
right: 3px;
}
.location-box h3 a {
font-size: 16px;
}
.cta-box h3 {
font-size: 14px;
padding-right: 10px;
}
.header_page .container {
width: 750px;
}
.button-clif-footer a {
padding: 15px 10px;
font-size: 15px;
}
.button-clif-footer i {
display: none;
}
.picture-page {
text-align: center;
}
.why-odd {
margin-top: 0px;
}
.box-why {
text-align: center;
width: 282px;
margin: 0 auto;
margin-bottom: 30px;
}
.why-clif .clear-both:nth-child(7n) {
margin-top: 0px;
}
.why-clif .clear-both:nth-child(6n) {
margin-top: 0px;
}
.why-clif .clear-both:nth-child(5n) {
margin-top: 0px;
}
.title-why {
text-align: center;
padding: 20px 0 20px;
}
.content-wrapper {
padding-top: 30px;
}
.archive .box-product {
margin: 0 auto;
width: 280px;
margin-bottom: 70px;
}
.post-type-archive-realizacje .box-product {
margin-bottom: 30px;
}
.post-type-archive-realizacje .archive-wrapper {
margin-top: 40px;
}
.instruction-car {
margin-left: 0;
position: relative;
z-index: -1;
margin-top: 30px;
text-align: center;
}
.instruction-car img {
max-width: 100%;
}
.title-partners {
text-align: center;
margin-bottom: 30px;
}
.partners-list {
margin-top: 40px;
}
.contact-information {
text-align: center;
}
.box-form,
.contact-picture {
margin-top: 30px;
}
.form-clif {
margin-right: 0px;
}
.video-products {
background: #f2f2f2;
padding: 20px 0 50px;
margin-top: 30px;
}
.clif-gain {
margin-top: 50px;
}
.gain-title h3 {
color: #000;
margin: 0px 0 30px;
font-size: 40px;
}
.gain-photo {
margin-left: 0px;
margin-top: 30px;
text-align: center;
}
.box-product {
max-width: 280px;
margin: 0 auto;
margin-bottom: 60px;
}
.video-players {
position: absolute;
top: 20%;
}
.products-clif .title-section {
text-align: center;
padding: 30px 0px 65px;
}
.contact-picture {
text-align: center;
}
.box-partners {
width: 400px;
margin: 0 auto;
margin-bottom: 30px;
}
.instruction {
margin-top: 50px;
}
.footer-middle {
margin-top: -50px;
padding-top: 70px;
text-align: center;
}
.footer-header {
margin-top: 30px;
}
.footer-middle {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/footer_42.png) no-repeat center center;
height: auto;
background-color: #000;
}
#styling-about {
background: #f2f2f2;
margin-top: 40px;
}
.content-styling {
padding: 30px 0 50px;
}
.telephone-box {
padding-left: 15px;
}
.telephone-box h5::before {
right: 12px;
}
.cta-box {
padding-left: 15px;
align-items: center;
display: flex;
}
.clif-bg {
width: 67%;
}
.single footer {
margin-top: -10px;
position: relative;
}
.navbar-default .navbar-collapse .clif-contact {
display: none
}
.video-player {
margin: 0 auto;
}
.video-content {
text-align: center;
}
.clif-photo {
margin-top: 40px;
}
.clif-about {
margin-top: 0;
}
#clif-company {
margin-top: 30px;
}
.style-title h3 {
text-align: center;
margin-top: 25px;
}
#clif-style {
margin-top: 50px;
}
#clif-video {
padding-top: 190px;
}
.title-section {
text-align: center;
padding: 40px 0px 75px;
}
#clif-video {
margin-top: -250px;
height: 900px;
}
footer {
margin-top: 40px;
position: relative;
}
.slider-protection .col-md-2 {
width: 15%;
float: left;
}
.slider-protection {
background: #266eed;
overflow: auto;
padding: 45px 30px 40px 70px;
}
.wrapper-banner {
position: relative;
margin-top: 40px;
}
.navbar-default .container,
.slider-clif .container {
width: 768px;
}
.box-banner {
margin: 0 auto;
max-width: 566px;
margin-bottom: 30px;
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: #266eed;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
margin-top: 12px;
margin-right: 30px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-header img {
padding-left: 30px;
}
.navbar-collapse {
float: none;
text-align: center;
}
.navbar-collapse>div {
float: none;
}
.navbar-default .container {
padding-right: 15px;
}
.clif-bg {
width: 71%;
}
.banner-bg img {
max-width: 100%;
}
.style-title {
padding-left: 0px;
}
.footer-logo {
text-align: center;
}
.footer-middle {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/footer-tablet.jpg) no-repeat center center;
}
.navbar-collapse {
padding-right: 15px;
}
}
@media screen and (max-width:767px) {
.navbar-default .container,
.slider-clif .container {
width: auto;
}
.clif-item-top {
width: 70%;
}
.footer-top {
display: flex;
flex-direction: column;
}
.location-box,
.cta-box,
.telephone-box {
width: 100%;
}
.location-box {
padding-left: 0px;
display: flex;
justify-content: center;
}
.location-box h3::before {
right: -56px;
top: 0;
}
.telephone-box {
text-align: center;
}
.telephone-box h5 {
display: inline-block;
margin-left: -60px;
}
.telephone-box h5::before {
right: -115px;
}
.cta-box h3 {
float: none;
line-height: 10px;
padding-right: 0px;
padding: 20px 0 10px;
}
.button-ergos-footer a {
padding: 9px 30px;
}
.button-clif-footer a {
padding: 12px 10px;
font-size: 15px;
}
.button-clif-footer {
margin-top: 3px;
}
.cta-box {
padding-left: 0px;
display: block;
text-align: center;
}
.header_page .container {
width: auto;
}
.protection-content h3 {
font-size: 24px;
}
footer {
overflow: hidden
}
.page-template-kontakt footer {
margin-top: 0px;
}
}
@media screen and (max-width:760px) {
.slider-protection {
background: #266eed;
overflow: auto;
padding: 45px 30px 40px 20px;
}
.slider-protection .col-md-2 {
margin-right: 20px;
}
.clif-item-top {
width: 75%;
}
}
@media screen and (max-width:735px) {
.clif-bg {
width: 82%;
}
}
@media screen and (max-width:635px) {
.slider-protection {
padding: 35px 20px 30px 10px;
}
.protection-content h3 {
font-size: 18px;
}
}
@media screen and (max-width: 599px) {
.slider-car {
display: none;
}
.slider-bg {
background: transparent;
height: 600px;
}
.clif-item-top {
width: 100%;
height: 600px;
}
.protection-content h3 {
font-size: 18px;
line-height: 31px;
}
.slider-protection .col-md-2 {
margin-right: 30px;
}
.navbar-default .container,
.slider-clif .container {
width: 100%;
}
.clifs-slogan h2 {
font-size: 38px;
line-height: 43px;
}
#clif-company {
margin-top: 10px;
}
.style-title h3 {
font-size: 26px;
line-height: 38px;
}
.video-content h3 {
font-size: 34px;
}
.video-content p {
font-size: 16px;
line-height: 28px;
}
.banner-content {
position: absolute;
bottom: 25px;
left: 30px;
}
.clif-about h3 {
font-size: 34px;
line-height: 39px;
}
}
@media screen and (max-width:420px) {
.navbar-header img {
margin-bottom: 6px;
margin-top: 15px;
padding-left: 10px;
width: 280px;
}
.video-content h3 {
font-size: 26px;
line-height: 32px;
}
.footer-logo img {
max-width: 100%;
}
.navbar-header img {
padding-left: 10px;
}
.protection-content h3 {
font-size: 14px;
line-height: 22px;
margin-top: 0px;
}
.slider-protection {
padding: 20px 0px 10px 0px;
}
.protection-icon img {
width: 40px;
}
.slider-protection .col-md-2 {
margin-right: 12px;
}
.slider-protection .col-md-10 {
padding-right: 0px;
}
.slider-info {
margin-top: -60px;
}
.banner-content h3 {
font-size: 28px;
}
.banner-content .button-clif a {
padding: 12px 22px;
font-size: 16px;
}
.banner-content {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
}
#product-clif .owl-controls {
margin-top: -70px;
}
.banner-content p {
font-size: 15px;
}
.navbar-header {
margin-top: 10px;
margin-bottom: 13px;
}
.navbar-toggle {
margin-right: 10px;
}
.home footer {
margin-top: 10px;
position: relative;
}
.title-section {
text-align: center;
padding: 20px 0px 75px;
}
.title-section h3 {
font-size: 35px;
}
.number-why {
right: -7px;
}
.content-page h2 {
font-size: 30px;
line-height: 38px;
}
.content-wrapper {
padding-top: 20px;
}
.page-title h1 {
font-size: 47px;
}
.content-styling h3 {
font-size: 35px;
line-height: 38px;
}
.content-styling {
padding: 10px 0 50px;
}
.instruction-plan {
background: #266eed;
padding: 10px 25px 20px 35px;
}
.instruction-plan p {
font-size: 18px;
line-height: 38px;
}
.instruction-plan h3 {
font-size: 26px;
}
.title-partners h2 {
font-size: 32px;
}
.box-partners {
width: 280px;
margin: 0 auto;
margin-bottom: 30px;
padding: 10px 30px 35px 30px;
}
.page-template-partnerzy footer {
margin-top: 20px;
}
.video-header h3,
.gain-title h3 {
font-size: 32px;
margin-bottom: 30px;
}
.gain-box {
padding: 35px 20px 15px 20px;
}
.form-clif {
padding: 10px 30px 5px 30px;
}
.video-players {
width: 100px;
height: 101px;
margin-left: -51px;
}
.player-icons i {
font-size: 18px;
}
.player-icons {
top: 41px;
left: 43px;
}
.single-produkty .page-title h1 {
font-size: 40px;
}
.single-realizacje .page-title h1 {
font-size: 40px;
}
.button-next a,
.button-previous a {
padding: 9px 15px;
font-size: 16px;
}
.wrapper-button {
display: none;
}
.wrapper-button-mobile {
display: block;
clear: both;
height: 30px;
margin-bottom: 30px;
margin-top: 20px;
}
.clif-bg {
width: 95%;
}
.clif-gain {
overflow: hidden;
}
.page-template-kontakt .container {
overflow: hidden;
}
.footer-middle {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/footer-mobile.jpg) no-repeat center center;
}
#clif-video {
background: url(//clif-designs.pl/wp-content/themes/clifdesigns/img/video-mobile.jpg) no-repeat center center;
height: 880px;
}
.carousel-indicators {
right: 8%;
}
.clifs-slogan .button-clif a {
position: relative;
background: #266eed;
padding: 15px 28px;
}
.telephone-box h5::before {
right: -105px;
top: 10px;
}
.button-clif-footer a {
padding: 9px 10px;
}
}
@media screen and (max-width: 320px) {
.navbar-header img {
width: 250px;
}
.clif-bg {
width: 99%;
}
.style-title h3 {
font-size: 24px;
}
.wrapper-video {
margin-top: 70px;
}
.banner-content h3 {
font-size: 24px;
}
.clifs-slogan h2 {
font-size: 34px;
line-height: 40px;
}
.clifs-slogan h3 {
font-size: 21px;
}
}