/*
Theme Name: Agencja Na Zawsze
Theme URI: http://tmkstudio.pl
Author: TMK Studio
Author URI: http://tmkstudio.pl
Description:
Version: 10.0
License: 
License URI: 
Tags:
Text Domain: Pl
*/

@import url('css/animate.css'); 
@import url('css/hover-min.css'); 
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800";
@import "https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap";
@import "https://fonts.googleapis.com/css?family=Lora:400,700&display=swa";

/* reset */
ol, ul {list-style: none;padding:0px;margin:0px;}
a, a:hover, a:active, a:focus,i:hover, i:active, i:focus, *:focus {outline:0;text-decoration:none;}
h1,h2,h3,h4 {cursor:default;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.animate-in { -webkit-animation: fadeIn .5s ease-in; animation: fadeIn .5s ease-in; } .animate-out { -webkit-transition: opacity .2s; transition: opacity .2s; opacity: 0; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 
input, .submit, button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/* global css */
body,html {overflow-x:hidden!important;}
body {font-family: 'Lora', serif;overflow-x:hidden;padding:0px;margin:0px;background:#fff;}
.section {position:relative;}
.box-middle {display:table-cell;vertical-align:middle;position:relative;z-index:2;}
.bg-cover {background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;}
.container {padding-right: 15px;padding-left: 15px; margin-right: auto; margin-left: auto;}@media (min-width: 768px) {.container { width: 750px;}}@media (min-width: 992px) {.container {width: 970px; }}@media (min-width: 1200px) {.container {width: 1170px;}}
.img-responsive {display: block;max-width: 100%;height: auto;margin:auto;}
img.alignleft {float:left;margin-right:15px;margin-bottom:10px;}
img.alignright {float:right;margin-left:15px;margin-bottom:10px;}
img.aligncenter {display:block;max-width:100%;height:auto;margin:15px auto;}

/* header */
header {position:relative;z-index:999;width:100%;background:#f5ddde;height:215px;}
header .open-menu {display:none;}
header .inside {position:relative;width:100%;max-width:880px;margin:auto;z-index:1;}
header .logo {position:absolute;width:200px;height:137px;left:calc(50% - 100px);top:40px;}
header .menu-left {float:left;}
header .menu-right {float:right;}
header .menu {margin-top:100px;cursor:default;}
header .menu li {display:inline-block;position:relative;margin:0px 17px;}
header .menu li a {font-size:16px;color:#000000;letter-spacing:1px;text-transform:uppercase;padding-bottom:25px;}
header .menu li:hover a {color:#ab999a;}
header .menu li:hover ul {visibility:visible;z-index:100;opacity:1;-webkit-transition: all 700ms ease-in-out;-moz-transition: all 700ms ease-in-out;-ms-transition: all 700ms ease-in-out;-o-transition: all 700ms ease-in-out;transition: all 700ms ease-in-out;}
header .menu li ul {position:absolute;background:#fff;width:250px;left:calc(50% - 125px);margin-top:25px;}
header .menu li ul {visibility:hidden;z-index:0;opacity:0;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
header .menu li ul li {text-align:center;padding:13px 10px;width:100%;margin:0px;}
header .menu li ul li a {color:#000000!important;font-size:12px;}
header .menu li ul li:hover {background:#ead4d5;}
@media (max-width:1200px) {
header .menu-left {margin-left:0px;}
header .menu-right {margin-right:0px;}	
}
@media (max-width:992px) {
header {height:80px;position:fixed;}
header .logo {position:relative;top:0;left:0;height:80px;}	
header .logo img {max-height:55px;margin-top:12.5px;}
header .menu {display:none;}
header .open-menu {float: right;cursor: pointer;width:22px;height:22px;z-index:2;margin-top:30px;display:block;position:relative;}
header .open-menu .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background:#333333;margin-top: 4px; }
header .open-menu .top-bar { transform: rotate(0); }
header .open-menu .middle-bar { opacity: 1; }
header .open-menu .bottom-bar { transform: rotate(0); }
}

/* navbar */
@media (min-width:992px) {.navbar-site {display:none;}}
.navbar-site {margin-top:-200vh;height: auto;max-height: 100vh;width:100%;z-index:997;padding:10px 0px;background:#fff;position:fixed;box-shadow:0px 0px 15px #e2e2e2;border-top:1px solid #f1f1f1;}		
.navbar-site.active {margin-top:80px;}
.navbar-site,.navbar-site.active{-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.navbar-site .menu li {text-align:left;padding:8px 30px;}
.navbar-site .menu li a {font-size:20px; color:#000000;letter-spacing:1px;text-transform:uppercase;}
.navbar-site .menu li ul {padding-left: 10px; margin-top: 10px;margin-bottom: -10px;}
.navbar-site .menu li ul li {background: url(img/menu-mobile.png); background-position: left center;background-repeat: no-repeat;padding: 10px 5px;padding-left: 15px; width: 100%;}
.navbar-site .menu li ul li:last-child {background: url(img/menu-mobile-b.png);background-position: left center; background-repeat: no-repeat;}
.navbar-site .menu li ul li a { font-size: 16px; color:#444444;}
.navbar-site .menu li ul li ul {display:none;}

/* body page */
.body-page {position:relative;width:100%;}
@media (max-width:992px) {.body-page{padding-top:80px;}}

/* front page slider */
.front-page.section-slider {position:relative;width:100%;height:calc(100vh - 215px);margin:0px;}
.front-page.section-slider .ms-view {height:calc(100vh - 215px)!important;}
.front-page.section-slider a.scroll-to{display:block;text-align:center;font-size:12px;text-transform:uppercase;color:#000000;letter-spacing:1px;position:absolute;bottom:15px;left:calc(50% - 60px);z-index:99;width:120px;cursor:pointer;}
.front-page.section-slider a.scroll-to:after {content:'';background:url(img/arrow-slider.png);width:20px;height:11px;display:block;margin:20px auto;}

/* front page intro*/
.front-page.section-intro {margin:20px 0px;width:100%;position:relative;background:#f5ddde;font-size:16px;line-height:32px;color:#000;padding:145px 0px 125px;font-weight:bold;letter-spacing:1.5px;text-align:center;}
.front-page.section-intro .inside {width:100%;max-width:870px;margin:auto;}
.front-page.section-intro h3 {margin:0px;font-weight:normal;line-height:39px;font-size:20px;text-transform:uppercase;}
.front-page.section-intro h2 {line-height:39px;font-size:30px;text-transform:uppercase;margin-bottom:80px;}
.front-page.section-intro a.go-to {    font-size: 18px; text-transform: uppercase; color: #000000; font-weight:normal; padding: 20px 60px; border: 1px solid #000000; display: inline-block; position: relative; margin-top: 110px;} 
.front-page.section-intro a.go-to:before { content: ''; position: absolute; top: -80px; left: 50%; height: 80px; width: 1px; background: #000000; } 

/* front page offer */
.front-page.section-offer {margin-top:-100px;text-align:center;}
.front-page.section-offer a.go-to {font-size: 18px; text-transform: uppercase; color: #000000; font-weight:normal; padding: 20px 60px; border: 1px solid #000000; display: inline-block; position: relative; margin-top:30px;letter-spacing:1.5px;} 
.front-page.section-offer a.go-to:before { content: ''; position: absolute; top: -80px; left: 50%; height: 80px; width: 1px; background: #000000; } 
.front-page.section-offer .list-offer {position:relative;width:calc(100% + 50px);margin-left:-25px;}
.front-page.section-offer .list-offer .item {position: relative;width:calc(50% - 54px);display:inline-block;margin:25px;overflow:hidden;}
.front-page.section-offer .list-offer .item:before {content: "";display: block;margin-top: 100%;}
.front-page.section-offer .list-offer .item .thumb {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.front-page.section-offer .list-offer .item .thumb img {object-fit: cover;width:100%;height:100%;}
.front-page.section-offer .list-offer .item a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.front-page.section-offer .list-offer .item .active {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition: all 0.7s ease-in-out;}
.front-page.section-offer .list-offer .item .active .inside{position:relative;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);padding:30px;display:table;}
.front-page.section-offer .list-offer .item .active h2 {text-align:center;font-size:28px;color:#000;text-align:center;text-transform:uppercase;font-weight:normal;}
.front-page.section-offer .list-offer .item:hover .active {opacity:1;transition: all 0.4s ease-in-out;}
@media (max-width:992px) {
.front-page.section-offer a.go-to {margin-top:80px;}
.front-page.section-offer .list-offer .item {width:calc(100% - 50px);margin:15px 25px;}	
.front-page.section-offer .list-offer .item .active {opacity:1;}	
}

/* footer */
.section-footer {background:#f5ddde;cursor:default;margin-top:100px;padding:100px 0px;font-size:16px;color:#000;line-height:26px;letter-spacing:1px;}
.section-footer a {color:#000;}
.section-footer .col-c {overflow:hidden;}
.section-footer .col-r {float:right;}
.section-footer .col-l {float:left;}
.section-footer .social a {margin:0px 4px;}
.section-footer .bottom-ftr {margin-top:50px;}
.section-footer .menu-footer li {display:inline-block;margin:0px 15px;}
.section-footer .menu-footer li:first-child {margin-left:0px;}
.section-footer .menu-footer li:last-child {margin-right:0px;}
.section-footer .menu-footer a {text-transform:uppercase;}
@media (max-width:992px) {
.section-footer {text-align:center;padding:60px 0px;line-height:35px;}
.section-footer .col-r,.section-footer .col-l {float:none;}
.section-footer .menu-footer {display:none;}
}

/* page section */
.page-section {margin-bottom:90px;color:#000000;font-size:16px;letter-spacing:1px;line-height:32px;}
.page-section .inside{width:100%;max-width:100%;margin:auto;}
.page-section .social-thumb {display:none;}
/* .page-section .no-text {cursor:default;height:400px;width:100%;display:table;text-align:center;background: #fdfdfd;border: 1px solid #dddddd;} */
.page-section .page-title {width:100%;height:340px;display:table;background:url(img/bg-page.jpg);background-size:cover;background-position:center;margin-bottom:100px;text-align:center;}
.page-section .page-title h1 {color:#000;text-transform:uppercase;letter-spacing:1px;margin:0px;font-size:20px;line-height:35px;}
.page-section .content-article p {margin-bottom:30px;}
.page-section .content-article h4 {font-size:28px;font-weight:bold;margin:70px 0px 40px;letter-spacing:1px;}
.page-section .content-article ul {list-style-type:disc;padding-left:15px;}

/* gallery page */
.gallery-tmk {width:100%;max-width:100%;margin:auto;margin-top:70px;}
.gallery-tmk .gallery-item img { object-fit: cover;width:100%;height:100%;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.gallery-tmk .gallery-item img:hover{opacity:0.8;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.gallery-tmk .gallery-item {position: relative;width:calc((100% / 5) - 12px);margin:6px;float: left;background: transparent;overflow:hidden;}
.gallery-tmk .gallery-item:before {content: "";display: block;margin-top: 100%;}
.gallery-tmk .gallery-item .gallery-icon{position: absolute;top: 0;left: 0;bottom: 0;right: 0;color: #fff;background:  transparent;text-align: center;text-transform: uppercase;}
.gallery-tmk .gallery-item a:after {content: " ";font-weight:normal;font-family: FontAwesome;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(245, 221, 222, 0.9) url(img/view.png) 50% 50% no-repeat;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.gallery-tmk .gallery-item:hover a:after{opacity:1;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
@media only screen and (max-width: 1200px) {.gallery-tmk .gallery-item {position: relative;width:calc((100% / 3) - 20px);}}
@media only screen and (max-width: 768px) {.gallery-tmk .gallery-item {width:calc(50% - 20px);}}
@media only screen and (max-width: 450px) {.gallery-tmk .gallery-item {width:calc(100% - 20px);}}

/* page o mnie*/
.page-omnie .content-article h3 {margin:0px;font-weight:normal;line-height:39px;font-size:20px;text-transform:uppercase;text-align:center;}
.page-omnie .content-article h2 {margin:0px;line-height:39px;font-size:30px;text-transform:uppercase;margin-bottom:80px;text-align:center;}
.page-omnie .content-article table {text-align:justify;}
.page-omnie .content-article table td {vertical-align:top;}
@media only screen and (max-width: 1200px) {
.page-omnie .content-article h2 {margin-bottom:50px;}
.page-omnie .content-article table td {float:left!important;width:100%!important;}	
.page-omnie .content-article table td img {display:block;max-width:100%;height:auto;margin:auto;margin-bottom:50px;}
}

/* category */
.category-page .list-category {position:relative;width:calc(100% + 20px);margin-left:-10px;}
.category-page .list-category .item {position: relative;width:calc((100% / 3) - 24px);display:inline-block;margin:10px;overflow:hidden;background:#f5ddde;}
.category-page .list-category .item:before {content: "";display: block;margin-top: 100%;}
.category-page .list-category .item a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.category-page .list-category .item .active {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:1;transition: all 0.7s ease-in-out;}
.category-page .list-category .item .active .inside{position:relative;top:0;left:0;width:100%;height:100%;padding:30px;display:table;}
.category-page .list-category .item .active h2 {text-align:center;font-size:20px;color:#000;text-align:center;text-transform:uppercase;font-weight:normal;line-height:30px;}
.category-page .list-category .item:hover .active {opacity:0.7;transition: all 0.4s ease-in-out;}
@media (max-width:768px) {
.category-page .list-category .item {width:calc(100% - 20px);margin:10px;height:250px;}	
}


/* page kontakt*/
.page-contact .content-article {text-align:center;}
.page-contact .content-article a {color:#000;}

/* formularz  */
.form  {width:100%;max-width:792px;margin:auto;margin-top:95px;}
.form .col-c {width:100%;overflow:hidden;}
.form .boxs {width:calc(100% + 8px);margin-left:-4px;}
.form .box {display:inline-block;width:calc((100% / 3) - 13px);margin:0px 5px;}
.form .box:first-child {margin-left:0px;}
.form .box:last-child {margin-right:0px;}
.wpcf7 {max-width:100% !important;margin:0px !important;}
.wpcf7-text {font-family: 'Lora', serif!important;background: transparent none repeat scroll 0% 0% !important; width: 100% !important; height: 45px !important; margin: 0px 0px 30px !important; padding: 0px 0px !important; border-radius: 0px !important;color: #000000 !important;font-size: 11px !important; font-weight: normal !important;border:0px !important;border-bottom: 1px solid #000 !important; text-align: left !important;}
.wpcf7-text::-webkit-input-placeholder {color:#767676;}
.wpcf7-text::-moz-placeholder {color:#767676;}
.wpcf7-text:-ms-input-placeholder {color:#767676;}
.wpcf7-text:-moz-placeholder {color:#767676;}
.wpcf7-textarea  {font-family: 'Lora', serif!important;background: transparent none repeat scroll 0% 0% !important;width:100% !important;min-height: 140px !important;height:140px;max-height:140px!important;margin: 15px 0px 10px !important;padding: 0px 0px 0px 0px !important;border-radius: 0px !important;color: #000000 !important;font-size: 11px !important;font-weight: normal !important; border:0px !important;border-bottom: 1px solid #000 !important;text-align: left !important;}
.wpcf7-textarea::-webkit-input-placeholder {color:#767676;}
.wpcf7-textarea::-moz-placeholder {color:#767676;}
.wpcf7-textarea:-ms-input-placeholder {color:#767676;}
.wpcf7-textarea:-moz-placeholder {color:#767676;}
.wpcf7-submit {font-family: 'Lora', serif!important;border:0px;background:url(img/arrow-button-form.png);background-repeat:no-repeat;background-position:center right 25px;font-size:18px;margin:0px;margin-top:5px;padding:15px 47px;padding-right:55px;background-color:#f5ddde;float:right;color:#000000;text-transform:uppercase;font-weight:normal;margin-bottom:15px;}
.wpcf7 iframe {position:absolute;left:calc(50% - 151px);}
span.wpcf7-not-valid-tip {float: left!important; margin-bottom: 15px!important;font-size:13px !important;color: #000000 !important;background:#f5ddde !Important;width:100% !important;padding:8px 10px !important;line-height: 20px;}
div.wpcf7-response-output {margin: 0px!important;color: #000000!important;font-size:13px !important;width: 100% !important;line-height: 20px;}
div.wpcf7-validation-errors { background: #f5ddde !important;color:#000000 !important; padding:8px 10px !important;line-height: 20px;border-color:#f5ddde!important;}
div.wpcf7-mail-sent-ok {padding:8px 10px !important;background:#f5ddde;line-height: 20px;}
@media (max-width:992px) {.form .boxs,.form .box {width:100%;margin:0px;}}

/* cookies */
#cookies{width:300px;height:auto;position:fixed;bottom:0;right:0;margin-right:20px;margin-bottom:20px;background:rgba(31, 31, 31, 0.9);z-index:9999;display:none;padding:15px;z-index: 99999;}
#cookies .close-cookie {background: url(img/close.png) ;cursor:pointer;width:25px;height:25px;background-size:25px 25px;background-repeat:no-repeat;float:right;}
#cookies .text-cookie {color:white;font-size:15px;line-height:20px;cursor:default;}
#cookies .text-cookie a {font-weight:bold;color:#fff;}