html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none !important;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
overflow-x: hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a, a:hover, a:focus{
text-decoration: none !important;
color: #fff;
}
html,body {
height:100%
}
body, body p{
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: normal;
font-style: normal;
color: #494846;
}
.text-center{
text-align: center !important;
}
.text-right{
text-align: right !important;
}
.text-left{
text-align: left !important;
}
.custom-dimensions-menu{
width:88%;
}
.navbar-fixed-top {
top: 45px;
position: absolute;
}
.navbar-brand {
padding: 0px 10px;
}
.navbar-default .navbar-nav>li {
text-transform: uppercase;
font-size: 15px;
}
.contact-list li a:hover {
color: #96005a;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.nav>li>a {
padding: 10px 19px 10px 0px;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.navbar-nav>li>a:hover{
color: #96005a !important;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #96005a; 
}
.button-menu {
text-transform: none;
border-radius: 5px;
color: #fff;
padding: 7px 29px !important;
min-width: 137px;
margin-right: 27px;
margin-top: 5px;
margin-left: 16px;
}
.contact{
position: absolute;
right: 6%;
top: 22px;
margin-right:16px;
}
.contact-list li{
font-size: 14px;
font-weight: 300;
float:left;
padding: 0px 4px 0px 3px;
color: #fff;
}
.contact-list li a{
color: #fff;
}
.menu-icon{
vertical-align: middle;
margin-right: 6px;
}
.menu-text{
vertical-align: middle;
margin-right: 5px;
margin-left: 9px;
}
.icone-alone{
margin: 0px 1px;
}
.entry {
height: 81%;
min-height: 80vh;
width: 100%;
background-image: url(//zensite.pl/wp-content/themes/zensite/images/entry-background.png);
background-attachment: fixed;
background-position: 100% 13%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.intro {
position: absolute;
width: 100%;
top: 37%;
left: 0;
-webkit-transform: translate(0%, -40%);
-moz-transform: translate(0%, -40%);
-ms-transform: translate(0%, -40%);
-o-transform: translate(0%, -40%);
transform: translate(0%, -40%);
color: #fff;
text-align: center;
}
.entry h1 {
text-align: center;
font-size: 56px;
line-height: 56px;
text-transform: uppercase;
font-weight: 800;
color: #fff;
}
.entry h2 {
text-align: center;
font-size: 18px;
line-height: 28px;
font-weight: 300;
margin-top: 38px;
}
.entry p {
text-align: center;
font-size: 18px;
line-height: 28px;
font-weight: 800;
color: #fff;
}
.entry .icon{
margin: 0px 23px 0px 20px;
}
.entry .icon:before {
content: url(//zensite.pl/wp-content/themes/zensite/images/entry-icon.png);
width: 19px;
height: 26px;
position: absolute;
margin-left: -24px;
}
.button {
text-align: center;
font-size: 16px;
border-radius: 5px;
color: #fff;
padding: 18px 17px;
text-transform: uppercase;
margin: 5.3% 14px 8px 14px;
display: inline-block;
font-weight: 700;
min-width: 190px;
}
.entry span {
font-weight: 300;
display: inline-block;
}
.button-red{
background-color: #96005a !important;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.button-red:hover{
background-color: #333 !important;
}
.button-empty{
border-style: solid;
border-width: 1px;
border-color: rgba( 244, 244, 244, 0,75);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.button-empty:hover{
background-color: #333 !important;
border-color: #333;
}
.customers{
margin: 76px 0px;
}
.customer-panel{
text-align: center;
height: 68px;
}
.customers img{
position: relative;
top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.slick-track div{
outline: none !important;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
h1{
font-size: 36px;
line-height: 41px;
font-weight: 800;
color: #494846;
text-transform: uppercase;
}
.subheading{
font-size: 18px;
line-height: 18px;
color: #9f9d99;
text-transform: uppercase;
font-weight: 600;
}
.paragraph{
font-weight: 300;
}
.curve:after {
content: " ";
opacity: 0.2;
position: absolute;
width: 8px;
height: 122px;
top: -24px;
right: 14px;
border-right: 2px solid #96005a;
-moz-transform: skew(-14.5deg);
-webkit-transform: skew(-14.5deg);
transform: skew(-14.5deg);
}
.what-we-do .subheading{
margin-top: 8px;
}
.what-you-need .paragraph, .what-we-do .paragraph, .process .paragraph{
padding: 0px 40px;
margin-top: 33px;
}
.what-we-do, .what-you-need, .process{
text-align: center;
}
.what-we-do .button{
margin-top:42px;
}
.what-we-do{
padding: 0px 0px 63px 0px;
}
.what-you-need{
padding: 44px 0px 48px 0px;
background: #F8F8F8;
}
.what-you-need h1 {
margin-bottom: 10px;
}
.product-frame{
border: 1px solid rgba( 29, 25, 25, 0.1 );
height: 145px;
width:100%;
margin-top: 37px;
display: inline-block;
}
.product-name{
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin-top: 26px;
padding: 0px 16px;
}
.what-you-need .button{
margin-top:47px;
}
.process{
padding: 114px 0px 70px 0px;
}
.process .button{
margin-top:43px;
}
.features{
padding: 60px 0px 65px 0px;
}
.features h1 {
margin-bottom: 30px;
text-align: left;
}
.features h1 span{
cursor: pointer;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.features h1 span:hover{
color: #96005a !important;       
}
.features .subheading {
text-align: left;
}
.feature-title{
font-size: 18px;
line-height:23px;
font-weight: 800;
text-transform: uppercase;
margin-top: 33px;
margin-bottom: 10px;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
float:left;
width:95%;
cursor: pointer;
}
.feature-title:hover{
color: #96005a !important;        
}
.features p{
margin-left: 0px;
width: 85%;
line-height: 24px;
}
.first-feature-icon, .second-feature-icon, .third-feature-icon{
float:left;
margin-top:35px;
display: none;
margin-left: -45px;
}
.features > div > div{
min-height: 511px;
}
@keyframes my-animation {
0% {
margin-left: -50px;
}
100% {
margin-left: -20px;
}
}
@keyframes my-animation1 {
0% {
font-size: 36px;
}
100% {
font-size: 40px;
}
}
@keyframes my-animation2 {
0% {
font-size: 18px;
}
100% {
font-size: 23px;
}
}
@keyframes my-animation3 {
0% {
font-size: 16px;
}
100% {
font-size: 20px;
}
}
#progress {
margin: 0px;
width: 506px;
height: 506px;
position: absolute;
padding: 40px;
}
#progress img{
width:100%;
}
.implementations{
text-align: center;
margin-bottom: 30px;
}
.implementations img {
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
margin-top: 25px;
z-index: -1;
}
.carousel-control.right, .carousel-control.left {
background-image: none;
}
.glyphicon-chevron-left::before {
content: url(//zensite.pl/wp-content/themes/zensite/images/carousel-arrow-left.png);
}
.glyphicon-chevron-right::before {
content: url(//zensite.pl/wp-content/themes/zensite/images/carousel-arrow-right.png);
}
.glyphicon-chevron-left, .glyphicon-chevron-right{
top: 20% !important;
}
.glyphicon-chevron-left{
left: -23% !important;
}
.implementations h2 {
font-size: 72px;
line-height: 72px;
font-weight: 800;
text-transform: uppercase;
z-index: 1;
margin-top: -21px;
}
.implementations h3 {
font-size: 36px;
line-height: 50px;
font-weight: 800;
text-transform: uppercase;
}
.implementations  .button{
margin-top: 33px;
margin-bottom: 30px;
color: #FFF;
}
.statistics{
background: #262524;
padding: 67px 0px 79px 0px;
}
.statistics .counter{
width:100%;
margin-bottom: 18px;
text-align: center;
}
#counter1, #counter2 ,#counter3, #counter4{
color: #fff;
font-size: 48px;
line-height: 58px;
font-weight: 700;
z-index: 999;
}
.statistics .subheading{
color: #fff !important;
font-size: 18px;
font-weight: 700;
}
.curve2:after {
content: " ";
opacity: 0.8;
position: absolute;
height: 59px;
top: 14px;
right: -3%;
border-right: 2px solid #96005a;
-moz-transform: skew(-14.5deg);
-webkit-transform: skew(-14.5deg);
transform: skew(-14.5deg);
}
.footer{
background: #21201F;
padding: 77px 0px 12px 0px;	
margin-bottom: 7px;
}
.footer a{
color: #494846;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.footer a:hover{
color: #fff;
}
.brand{
font-family: 'Lato', Arial, sans-serif;
font-weight: 900;
font-size: 47px;
line-height: 50px;
}
.footer .paragraph{
font-family: 'Lato', Arial, sans-serif;
font-size: 15px;
line-height: 18px;
font-weight: 300;
margin-top: 10px;
}
.info{
margin: 10px 0px 20px 0px;
padding-right: 40px;
}
.part-of-adream {
float: left;
width: 60%;
}
.adream-logo-footer {
margin-top: -6%;
width: 100%;
}
.bni-logo {
width: 70%;
max-height: 43px;
}
.member-of-bni {
float: left;
width: 35%;
margin-right: 5%;
height: 126px;
}
.member-of-bni p, .part-of-adream p{
font-family: Lato, Arial, sans-serif;
font-size: 12px;
font-weight: 300;
}
.menu-title{
font-family: Lato, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-left:9px;
margin-bottom: 20px;
margin-top: 35px;
}
.footer-menu{
font-family: 'Lato', Arial, sans-serif;
font-size: 15px;
line-height: 18px;
}
.no-right-padding{
padding-right: 0px;
}
.curve3:before {
content: " ";
opacity: 1;
position: absolute;
height: 12px;
top: 39px;
right: 91%;
border-right: 1px solid #96005a;
-moz-transform: skew(-14.5deg);
-webkit-transform: skew(-14.5deg);
transform: skew(-14.5deg);
}
.part-border{
position: relative;
}
.part-border:after {
content:""; 
background: #2F2F2E; 
position: absolute; 
bottom: 0; 
left: 0; 
height: 1px; 
width: 100%;
margin-left: 15px;
}
.line{
height:1px;
width:100%;
background: #2F2F2E; 
position: relative;
margin-top: 80px;
}
.end-footer{
text-align: center;
}
.brand-end-footer{
font-family: 'Lato', Arial, sans-serif;
font-size: 18px;
line-height:18px;
color: #fff;
font-weight: 600;
margin-bottom:5px;
margin-top:-12px;
position: relative;
background: #21201F;
width:80px;
left: 50%;
-webkit-transform: translate(-50%, 0%);
}
.copyrights{
font-family: 'Lato', Arial, sans-serif;
font-size: 14px;
line-height:18px;
text-align: center;
}
.footer p, .footer, .footer a{
color: #777;
}
.widget-area-1{
margin-top: 30px;
} .entry.whyzen {
height: 40%;
min-height: 40.5vh;
width: 100%;
background: black;
}
.intro.whyzen {
top: 22.2%;
}
.entry.whyzen h1{
font-size: 56px;
line-height: 62px;
color: #fff;
}
.adream-group{
margin: 75px 0px;
}
.adream-group .vertical-align {
margin: 5% 0;
}
.adream-group .paragraph{
margin-top:16px;
}
.carousel-bg {
display: block;
width: 80%;
margin-top: 4%;
margin-left: 11.5%;
}
#myCarousel{
height: 700px;
}
.page-template-dlaczego-zen #myCarousel{
height: 770px;
}
.when-logo {
position: absolute;
top: -5%;
left: 52%;
-webkit-transform: translate(-51%, 0%);
-moz-transform: translate(-51%, 0%);
-ms-transform: translate(-51%, 0%);
-o-transform: translate(-51%, 0%);
transform: translate(-51%, 0%);
}
@media (min-width: 992px) and (max-width: 1200px) {
.when-logo {
top: -12%;
}
}
@media (max-width: 768px) {
.when-logo {
top: -15%;
}
}
@media (max-width: 575px) {
.when-logo {
top: -10%;
}
}
.flyemotion-logo {
position: absolute;
top: 21%;
right: -2%;
-webkit-transform: translate(0%, -26%);
-moz-transform: translate(0%, -26%);
-ms-transform: translate(0%, -26%);
-o-transform: translate(0%, -26%);
transform: translate(0%, -26%);
}
@media (max-width: 768px) {
.flyemotion-logo {
top: 17%;
}
}
.adream-logo {
position: absolute;
top: 51%;
left: 53%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.artvisio-logo {
position: absolute;
bottom: -17%;
left: 32%;
-webkit-transform: translate(0%, -24%);
-moz-transform: translate(0%, -24%);
-ms-transform: translate(0%, -24%);
-o-transform: translate(0%, -24%);
transform: translate(0%, -24%);
}
.zensite-logo {
position: absolute;
bottom: 10.5%;
right: -2%;
-webkit-transform: translate(0%, -20.5%);
-moz-transform: translate(0%, -20.5%);
-ms-transform: translate(0%, -20.5%);
-o-transform: translate(0%, -20.5%);
transform: translate(0%, -20.5%);
}
@media (min-width: 992px) and (max-width: 1200px) {
.zensite-logo {
bottom: 5.5%;
}
}
.studio-leon-logo {
position: absolute;
bottom: 10%;
left: 2%;
-webkit-transform: translate(0%, -19%);
-moz-transform: translate(0%, -19%);
-ms-transform: translate(0%, -19%);
-o-transform: translate(0%, -19%);
transform: translate(0%, -19%);
}
@media (min-width: 992px) and (max-width: 1200px) {
.studio-leon-logo {
bottom: 7%;
}
}
.morestore-logo {
position: absolute;
top: 13%;
left: 19%;
-webkit-transform: translate(-52%, 0%);
-moz-transform: translate(-52%, 0%);
-ms-transform: translate(-52%, 0%);
-o-transform: translate(-52%, 0%);
transform: translate(-52%, 0%);
}
@media (max-width: 768px) {
.morestore-logo {
top: 10%;
}
}
.animated-1{
animation-delay: 0.25s;
}
.animated-2{
animation-delay: 0.5s;
}
.animated-3{
animation-delay: 1s;
}
.animated-4{
animation-delay: 1.5s;
}
.animated-5{
animation-delay: 2s;
}
.animated-6{
animation-delay: 2.5s;
}
.animated-7{
animation-delay: 3s;
}
.think-through-projects {
text-align: center;
margin: 146px 0px 115px 0px;
}
.think-through-projects .paragraph{
margin-top: 16px;
}
.think-through-projects .button{
margin-top: 3%;
}
.bussiness-goals .paragraph{
margin-top: 12px;
margin-left: 96px;
}
.bussiness-goals img {
position: absolute;
right: 0;
max-height: 452px;
margin-right: -187px;
z-index:0;
}
.customers.whyzen {
margin: 74px 0px 33px 0px;
}
.customers.whyzen .paragraph{
margin-top: 16px;
margin-bottom: 32px;
}
.slick-dots{
display: none !important;
}
.bussiness-goals .vertical-align {
padding: 9.9% 0;
background: #fff;
z-index: 1;
}
.bussiness-goals{
overflow: hidden;
}
.effectiveness {
margin: 35px 0;
}
.effectiveness .vertical-align{
margin: 9% 0;
}
.effectiveness .paragraph{
margin-top: 18px;
margin-bottom: 25px;
margin-right: 19px;
}
.full-width-img{
width:100%;
}
.implementations.whyzen .paragraph{
margin-top: 16px;
}
.implementations.whyzen img {
margin-top: 89px;
}
.implementations.whyzen .carousel-inner .paragraph{
margin-top: 6px;
}
.statistics.whyzen{
background: #fff;
}
.whyzen #counter1, .whyzen #counter2, .whyzen #counter3, .whyzen #counter4{
color: #494846;
}
.statistics.whyzen  .subheading{
color: #494846 !important;
}
.lets-talk {
text-align: center;
margin: 133px 0px 133px 0px;
}
.lets-talk .paragraph{
margin-top: 16px;
margin-bottom: 32px;
}
.lets-talk .button-empty{
border-color: rgb( 73, 72, 70 );
color: rgb( 73, 72, 70 );
}
.lets-talk .button-empty:hover{
color: #fff;
}
.mobile-menu{
display: none;
} .portfolio-bar {
width: 100%;
height: 80px;
background-color: #21201F;
}
.portfolio-bar .portfolio-nav{
display: flex;
justify-content: flex-end;
align-items: center;
height: 80px;
}
.portfolio-bar .portfolio-nav a{
padding: 0 20px;
color: #fff;
font-size: 16px;
}
.portfolio_thumb{
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.portoflio-item { 
background-color: #eee;
display: inline-block;
margin: 0 0 0em;
height: 30vh;
float: left;
width: 40%;
position: relative;    
overflow: hidden;
}
.portoflio-item:nth-of-type(1), .portoflio-item:nth-of-type(5n), .portoflio-item:nth-of-type(5n+1){
width: 60%;
height: calc(60vh - 0.02px);
}
.portoflio-item:nth-of-type(5n-1){
height: calc(60vh - 0.02px);
}
.portfolio-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
background-color: rgba(0, 0, 0, 0.7);
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
z-index: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-overlay:hover{
opacity:1;
z-index: 1;
}
.portfolio-overlay h2{
text-align: center;
font-weight: 300;
font-size: 32px;
text-transform: uppercase;
position: relative;
top: 45%;
padding: 0 20px;
line-height: 1.2;
}  .entry.kontakt {
height: 40%;
min-height: 40.5vh;
width: 100%;
background: black;
}
.intro.kontakt {
top: 22.2%;
}
.entry.kontakt h1 {
font-size: 56px;
line-height: 62px;
color: #fff;
} .dane {
margin: 40px 0;
}
.dane .holder {
display: table;
}
.dane .holder p:first-child {
margin-bottom: 15px;
font-weight: bold;
}
.dane .holder p {
margin-bottom: 3px;
}
@media (max-width: 768px) {
.dane .row .col-sm-6:first-child > div {
margin: 0 auto;
}
.dane .holder {
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 768px) {
.dane .row .col-sm-6:first-child > div {
margin-right: 2vw;
}
.dane .holder {
margin-left: 2vw
}
}
.dane form {
width: 100%;
}
@media (min-width: 768px) {
.dane form p:nth-child(2) {
padding-right: 1vw;
}
.dane form p:nth-child(2),
.dane form p:nth-child(3) {
float: left;
width: 50%;
}
.dane form p:nth-child(4) span {
position: static;
}
}
.dane form > div {
margin-top: 0;
margin-right: 0;
margin-left: 0;
border: 2px solid #CA2E48;
border-radius: 3px;
color: rgb(113, 112, 110);
text-align: center;
}
.dane input, .dane textarea {
box-sizing: border-box;
outline: none;
margin-bottom: 10px;
display: block;
width: 100%;
}
.dane input[type="checkbox"] {
font-size: 10px;
display: inline !important;
width: auto !important;
}
.dane input ~ span,
.dane textarea ~ span {
margin-bottom: 30px;
font-size: 12px;
}
.dane input[type=text],
.dane input[type=email],
.dane textarea {
border: 1px solid transparent;
border-radius: 5px;
background-color: #f0f0f0;
padding: 15px 14px;
font-size: 14px;
color: rgb(153, 152, 150);
transition: all .25s ease-in-out;
}
.dane input[type=text]:focus,
.dane input[type=email]:focus,
.dane textarea:focus {
background-color: #fbfbfb !important;
color: rgb(53, 52, 50);
}
.dane input[type=text]:hover,
.dane input[type=email]:hover,
.dane textarea:hover {
background-color: #f5f5f5;
border: 1px solid rgba(202, 46, 72, .4);
}
.dane input[type=submit] {
text-align: center;
font-size: 14px;
border: 0;
border-radius: 5px;
color: #fff;
padding: 15px 14px;
text-transform: uppercase;
font-weight: 700;
min-width: 190px;
background-color: #CA2E48;
transition: all .25s ease-in-out;
}
.dane input[type=submit]:hover {
background-color: #333;
}
.holder a {
color: inherit;
}
.holder a:hover,
.holder a:active {
color: #CA2E48 ;
}
#map {
height: 400px;
} #portfolio-link
{
display:inline-block ;
width: 40px;
height: 40px;
background-image: url(//zensite.pl/wp-content/themes/zensite/images/grid-white.png);
background-repeat:no-repeat; 
background-position: center;
background-size: cover 
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
#portfolio-link:hover
{
background-image: url(//zensite.pl/wp-content/themes/zensite/images/grid-color.png);
}
#single-portfolio .container
{
width: 100%;
max-width:1200px;
margin:0 auto;
}
.single-portfolio-title
{
font-size: 56px;
padding: 0 5%;
line-height: 1.1;
}
#single-portfolio-data
{
margin-bottom:30px;
color: #676767;
font-size: 16px;
font-weight: 300;
}
#prev-next-wrapper
{
font-size: 56px;
font-weight: bold;
}
#prev-next-wrapper >a:hover
{
color:  #ca2c45;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
#single-portfolio-photos-wrapper > article >ul>li img
{display: block;
width: 100%; 
}
#single-portfolio-photos-wrapper > article >ul>li
{ 
margin-top: 30px;
position: relative;
}
#single-portfolio-photos-wrapper > article >ul>li:last-of-type
{    margin-bottom: 30px;}
#single-portfolio-photos-wrapper article >ul>li>a>div
{  
display: block;
width: 100%;
height: 100%;
transition: 0.3s;
position: absolute;
background-color:rgba(0, 0, 0, 0);
top: 0;
left: 0;}
#single-portfolio-photos-wrapper > article >ul>li>a>div:hover
{
background-color:rgba(0, 0, 0, 0.3);
}
#single-portfolio-data
{margin-top: 30px;}
#single-portfolio-category-list{padding-top: 30px;}
#single-portfolio-category-list>li
{
padding: 10px 0px;
border-bottom: 1px solid rgb(230, 230, 230);
}
#single-portfolio-category-list>li>img
{
margin-right: 10px;
}
.site-link{margin:0;}
.arrow-left{
height: 40px;
width: 40px;
background: url(//zensite.pl/wp-contet/themes/zensite/images/angle-left.png);
}
@media (max-width: 992px) {
#single-portfolio .container
{
max-width: 720px;
}
}
@media (max-width: 768px) {
#single-portfolio .container
{
max-width: 440px;
}
}
#myImg:hover {opacity: 0.7;} .modal {
display: none; 
position: fixed; 
z-index: 999999; 
left: 0;
top: 0;
width: 100%; 
height: 100%;
justify-content: center;
align-content: center;
background-color: rgba(0,0,0,0.7); 
overflow: hidden;
}
.modal>div{width: 100%;height: 100%;overflow: auto; display:flex; justify-content: center;  margin-right: -30px;
padding-right: 30px;align-content: center;} .modal-content {
margin: auto;
display: block;
max-width: 80%;
background-color: #fff;
} .close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
} #top {
width: 50px;
height: 50px;
position: fixed;
bottom: 5%;
right: 20px;
z-index: 2000;
background-color: #96005a;
color:#fff;
display: none;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#top:before, #top:after {
content: '';
position: absolute;
display: block;
top: 15px;
background-color: #fff;
height: 20px;
width: 5px;
}
#top:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 28px;
}
#top:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 28px;
} .part-of-icon {
background-image: url(//zensite.pl/wp-content/themes/zensite/images/part_of.jpg);
position: fixed;
top: 44.85%;
left: 0;
height: 235px;
width: 59px;
z-index: 3;
}
.part-of-comp{
z-index: 2;
width: 59px;
height: 225px;
position: fixed;
top: 45.15%;
left: 0px;
background-color:#333;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
display:flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.part-of-icon:hover + .part-of-comp, .part-of-comp:hover{
top: calc(45.15% - 225px);
}
.part-of-comp>a>img,.part-of-comp>a
{
height: calc(210px / 8)
}
.part-of-comp>a{
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.part-of-comp>a[data-comp]::before {
position:  absolute;
top: 0;
left: 100%;
content: attr(data-comp);
background: #96005a;
color: #fff;
transition:0.4s;
font-size: 13px;
padding: 4px;
white-space: nowrap;  
opacity:0;
margin-left: 6px;
text-decoration: none;
}
.part-of-comp>a[data-comp]::after ,.part-of-comp>a[data-comp]::before 
{   transition: 0.2s;  visibility: hidden;
}.part-of-comp>a[data-comp]::after {
position: absolute;
width: 0;
height: 0;
border: 6px solid transparent;
content: '';
border-right-color: #96005a;
border-left: none;
top: 50%;
opacity: 0;
left: 100%;
margin-top: -6px;
}
.part-of-comp>a:hover::before,.part-of-comp>a:hover::after 
{ visibility: visible;opacity: 1;} @media screen and (min-width:1200px) and (max-width: 1300px){
.row > div{
padding-left:60px;
}
}
@media screen and (max-width:1200px){
#menu-main-menu li>a:hover{
color: #333 !important;
}
.navbar-brand {
margin-top: 0px;
}
.navbar-nav {
margin: 0px -20px;
background: #96005a;
padding: 0px 18px;
}
.button-menu {
padding: 7px 21px !important;
max-width: 138px;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
border: 1px solid;
margin-bottom: 13px;
}
.entry h1 {
text-align: center;
font-size: 6vh;
line-height: 7vh;
text-transform: uppercase;
font-weight: 800;
color: #fff;
}
.entry p {
text-align: center;
font-size: 3vh;
line-height: 4vh;
font-weight: 800;
color: #fff;
}
.entry h2 {
text-align: center;
font-size: 17px;
line-height: 25px;
font-weight: 300;
margin-top: 21px;
margin-bottom: 15px;
}
.button {
font-size: 16px;
line-height: 18px;
padding: 11px 11px;
margin: 3% 0px 8px 0px;
min-width: 203px;
}
.intro {
top: 58%; }
.customers h1 {
text-align: center;
margin-bottom: 20px;
}
.customers .subheading {
text-align: center;
}
.curve:after {
display: none;
}
.features {
padding: 60px 0px 80px 0px;
}
.implementations h2 {
font-size: 6vh;
line-height: 7vh;
margin-top: -8px;
}
.implementations h3 {
font-size: 4vh;
line-height: 5vh;
}
.mobile-hidden {
display: none;
}
.features h1 {
margin-bottom: 0px;
text-align: center;
}
.features .subheading {
text-align: center;
}
.features p {
margin-left: 0px;
width: 100%;
}
.feature-title{
text-align: center;
}
.first-feature-icon, .second-feature-icon, .third-feature-icon {
display: none !important;
}
.part-of-icon {
display: none;
}
.part-of-comp {
display: none;
}
.effectiveness .vertical-align {
margin: 14% 0;
}
}
@media screen and (max-width:990px){
.half-display.curve2:after{
display: none;
}
.curve2{
margin-bottom: 20px;
}
.effectiveness .vertical-align {
margin: 9% 0;
}
#myCarousel{
height: auto;
}
}
@media screen and (max-width:768px){
.curve2:after{
display: none;
}
.part-border:after {
margin-left: 0px;
}
.info {
padding-right: 0px;
}
.member-of-bni {
width: 19%;
min-width: 57px;
}
.part-of-adream {
width: 48%;
min-width: 101px;
}
.bni-logo {
height: auto;
width:100%;
}
.full-width-img{
display: none;
}
.text-right, .text-left{
text-align: center !important;
}
.bussiness-goals .paragraph {
margin-top: 8px;
margin-left: 0px;
}
.effectiveness{
text-align: center;
}
.bussiness-goals img{
position: static;
}
.portoflio-item, .portoflio-item:nth-of-type(1), .portoflio-item:nth-of-type(5n), .portoflio-item:nth-of-type(5n+1), .portoflio-item:nth-of-type(5n-1) {
width: 100%;
height: 300px;
}
.single-portfolio-title{
font-size: 32px;
padding: 10px 5%;
}
.mobi-off{
display: none !important;
}
.navbar-header{
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar-toggle{
margin-right: 0px;
margin-left: 40px;
}
.custom-dimensions-menu .contact {
display: none;
}
}
@media screen and (min-width:400px) and (max-width:480px){
span.icon{
width:100%;
}
}
@media screen and (max-width:480px){
.mobile-align {
position: relative;
width: 100%;
}
.mobile-align h2 {
display: flex;
flex-direction: column;
}
.entry span {
min-height: 20px;
text-align: center;
margin-bottom: 16px;
}
#prev-next-wrapper {
font-size: 40px;
}
.mobile-hide{
display: none;
}
.menu-text {
margin-left: 0px;
}
.contact-list li {
margin: 2px 0px;
min-height: 22px;
font-size: 15px;
}
.english-version{
margin-left: 10px !important;
}
.social{
display: none;
}
.entry {
height: 100%;
min-height: 96vh;
}
.navbar {
min-height: inherit;
}
.custom-dimensions-menu .in{
padding-bottom: 18px;
}
.navbar-fixed-top {
position: fixed;
background: rgba(0, 0, 0, 0.82);
margin: 0px 7px;
}
.navbar-toggle {
margin-bottom: 4px;
margin-top: 5px;
}
.navbar-fixed-top {
top: 10px;
}
.connector{
display: none !important;
}
.intro {
top: 46%;
}
.what-you-need .paragraph, .what-we-do .paragraph, .process .paragraph {
padding: 0px 5px;
}
.entry.whyzen h1, .entry.kontakt h1{
font-size: 40px;
line-height: 46px;
}
.subheading {
font-size: 16px;
line-height: 22px;
}
.mobile-full-width {
width: 100%;
text-align: center;
}
.curve3:before {
right: 60%;
}
.col-xs-offset-1{
margin-left: 0px;
}
.curve3{
right: 96%;
}
.entry-dlaczego h1 {
font-size: 40px;
line-height: 46px;
}
.lets-talk {
margin: 20px 0px 30px 0px;
}
.think-through-projects {
margin: 70px 0px 115px 0px;
}
.hide-480{
display: none;
}
#single-portfolio-category-list {
text-align: center;
}
.button{
display: block;
width: 50%;
margin: 0 auto;
margin-top: 4%;
}
}
@media screen and (max-width:320px){
.navbar-brand {
margin-top: 0px;
}
.navbar-toggle {
margin-top: 4px;
}
.entry h1 {
font-size: 4vh;
line-height: 5vh;
}
.entry p {
font-size: 2.5vh;
line-height: 6vh;
}
} .centered-when-logo
{
display: block;
margin:auto;
width: 121px;
}
.centered-when-logo:hover{
-webkit-animation-name: wobble-to-top-right;
animation-name: wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes wobble-to-top-right {
25% {
-ms-transform: translate(0, -6px);
-webkit-transform: translate(0, -6px);
transform: translate(0, -6px);
}
50% {
-ms-transform: translate(0, 4px);
-webkit-transform: translate(0, 4px);
transform: translate(0, 4px);
}
75% {
-ms-transform: translate(0, -2px);
-webkit-transform: translate(0, -2px);
transform: translate(0, -2px);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
} .cookie-bar {
width: 100%;
height: 60px;
box-sizing: border-box;
position: fixed;
bottom: -60px;
z-index: 9999;
background: rgba(232, 232, 232, 0.7);
padding: 15px 0;
text-align: center;
font-size: 14px;
line-height: 1;
}
.cookie-bar .accept-btn {
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
text-decoration: none;
margin: 0 12px;
transition: all 300ms ease-in-out; background: #96005a;
padding: 10px 20px;
color: #fff;
}
.cookie-bar .accept-btn:hover {
background: #333;
color: #fff;
}
.cookie-bar .more-btn {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #777;
}
.text-link{
color: #96005a;
}
.text-link:hover{
color: #333;
}
.postid-92 .button-red {
display: none;
} .widget-fb{
width: 350px;
position: fixed;
right: -350px;
top: 200px;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
z-index: 999;
display: block;
}
.facebook-button {
cursor: pointer;
background-color: #3a5795;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
position: absolute;
left: -50px;
}
.facebook-button img {
height: 35px;
margin: 8px auto;
}
@media (max-width: 768px) {
.widget-fb{
top: 100px;
}
}
@media (max-width: 400px) {
.widget-fb{
top: 140px;
}
.facebook-button {
top: -50px; 
}
}
@media (max-width: 339px) {
.facebook-button, .widget-fb {
display: none;
}
} @media (max-width: 768px) {
.entry {
min-height: 100vh;
}
.entry h2 {
font-size: 16px;
}
.intro { }
.navbar-fixed-top {
top: 10px;
background: rgba(0, 0, 0, 0.82);
}  
.navbar-toggle{
margin-left: 40%;
}
.navbar-collapse.in {
padding-bottom: 35px;
}
.navbar-brand  {
display: flex;
align-items: center;
}
.navbar-brand img {
height: 80%;
}
}
@media (max-width: 768px) and (orientation: landscape) {
.entry h1 {
font-size: 8vh;
}
.entry p {
font-size: 4vh;
line-height: 6vh;
}
.entry h2 {
font-size: 15px;
}
}
@media (max-width:650px){
.navbar-collapse.in {
padding-bottom: 25px;
}
}
@media (max-width:520px){
.navbar-toggle{
margin-left: 30%;
}
}
@media (max-width:480px){
.navbar-collapse.in {
padding-bottom: 18px;
}
}
@media (max-width: 480px) and (orientation: landscape) {
.entry h1 {
font-size: 6vh;
line-height: 7vh;
}
.entry p {
font-size: 3vh;
line-height: 4vh;
}
}
@media (max-width:410px){
.navbar-toggle{
margin-left: 20%;
}
}