/*
Theme Name: Lilo
Theme URI: https://lilo.mikado-themes.com
Description: A Babysitting and Child Care WordPress Theme
Author: Mikado Themes
Author URI: https://themeforest.net/user/mikado-themes
Text Domain: lilo
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt
*/

@font-face {
    font-family: 'balooregular';
    src: url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/baloo-regular-webfont.eot');
    src: url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/baloo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/baloo-regular-webfont.woff2') format('woff2'),
         url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/baloo-regular-webfont.woff') format('woff'),
         url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/baloo-regular-webfont.ttf') format('truetype'),
         url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/baloo-regular-webfont.svg#balooregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'i_heart_summerregular';
    src: url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/i_heart_summer_-_ttf-webfont.woff2') format('woff2'),
         url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/i_heart_summer_-_ttf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pwsignaturetwomedium';
    src: url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/pwsignaturetwo-webfont.woff2') format('woff2'),
         url('https://zlobek-tygryski.eu/wp-content/themes/apex-business/assets/fonts/pwsignaturetwo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {font-family: "Open Sans",sans-serif;font-size: 15px;line-height: 26px;color: #333;overflow-x: hidden !important;-webkit-font-smoothing: antialiased;}
body.page-template-kontakt{background: #fcfcfes;}

img {max-width: 100%;height: auto;}
img.custom-logo{max-width: 120px;top:-3px;transition:all 1s;}
img.custom-logo:hover{;z-index:999;}

.mkdf-working-hours-holder {position: relative;padding: 14px 42px 50px;background-color: rgb(255, 198, 94);border: 1px solid #d7f5fa;border-radius: 10px;}
.clearfix::after, .clearfix::before {content: " ";display: table;}
.mkdf-working-hours-holder .mkdf-wh-item {position: relative;margin: 0 0 18px;}
.mkdf-working-hours-holder .mkdf-wh-day {display: table-cell;width: 1%;white-space: nowrap;}
.mkdf-working-hours-holder .mkdf-wh-hours {display: table-cell;width: 1%;white-space: nowrap;}
.mkdf-working-hours-holder .mkdf-wh-hours {white-space: nowrap;}
.mkdf-working-hours-holder .mkdf-wh-delimiter {border-bottom: 1px dotted #8f9093;display: table-cell;width: 98%;z-index: 1;position: relative;bottom: 7px;}



h1, h2, h3, h4, h5, h6 {margin: 20px 0;color: #27476E; font-family: 'balooregular';,cursive;font-weight: 400;}
h1{font-size:62px;line-height:1;}
h4 {font-size: 26px;line-height: 1.15em;}
h3, h5 {font-size: 24px;}


a {color: #27476E;text-decoration:none;}
a:hover {text-decoration:none;}
footer a{color:#cfe0f5;}
footer a:hover{color:#fff;}

ul.check{list-style:none;padding:0;}
ul.check li{background:url(https://zlobek-tygryski.eu/wp-content/uploads/2020/06/correct.png) no-repeat left 10%; padding-left: 35px;}

/*menu*/
nav.main-menu{height: 75px;line-height: 75px;float:right;}
.container.menu{padding:10px 0;}
.main-menu ul{margin-bottom:0px;padding-left:0;}
.main-menu ul li {position: relative;display: inline-block;float: left;padding: 0;margin: 0;}
.main-menu > ul > li > a {padding: 0 21px;font-size: 20px; font-family: 'balooregular';color: #27476E;box-sizing: border-box;}

/*accordion*/
.animate, .as-accordion-close {-webkit-transition: -webkit-transform .2s ease-out;transition: -webkit-transform .2s ease-out;transition: transform .2s ease-out;transition: transform .2s ease-out, -webkit-transform .2s ease-out;}
.accordion {border-top: 1px solid #e7b55a;}
.accordion:nth-last-child(1) {border-bottom: 1px solid #e6c365;}
.as-accordion-head {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;color: #73602f;width: 100%;padding: 15px 0;cursor: pointer;}
.as-accordion-head:hover, .as-accordion-head:active {color: #483d1f;}
.as-accordion-title {line-height: 1.14286;font-weight: 200;letter-spacing: 0;}
.as-accordion-close {font-size: 24px;font-weight: 100;-webkit-transform: translateY(0px) rotate(45deg) scale(0.8);transform: translateY(0px) rotate(45deg) scale(0.8);line-height: 0;}
.as-accordion-close.open {-webkit-transform: translateX(-3px) translateY(-2px) rotate(0deg) scale(1); transform: translateX(-3px) translateY(-2px) rotate(0deg) scale(1);}
.as-accordion-collapse {display: none;padding-bottom: 40px;}

/* BUTTON ANIMATION */
a.btn-zapisz{height: 75px;line-height:75px;padding: 10px 20px;border-radius: 30px; text-align: center;color: #fff;font-size: 20px;font-family: 'balooregular';box-sizing: border-box;background: linear-gradient(90deg,#ff8080,#ffe44f,#ffeb3b,#03a9f4);background-size: 400%;cursor: pointer;}
a.btn-zapisz:before{content: '';position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: -1; background: linear-gradient(90deg,#f4b5b5,#ffe450,#ffeb3b,#03a9f4);background-size: 400%;border-radius: 40px;opacity: 0;transition: 1s;max-width:200px;}
a.btn-zapisz:hover:before{filter: blur(20px);opacity: 1;animation: animate 8s linear infinite;}

/*KONTAKT*/
.store-locator-item-container .store-locator-item{width:49% !important;}
.store-locator-item-container .store-locator-item:nth-child(2n){margin-left:2%;}
.wpsl-list-title {font-size: 32px;font-family: 'balooregular';}
input[type="email"],input[type="text"],textarea{width: 100%;margin-bottom: 10px;padding: 10px 15px;background: transparent;border: solid #e1e1e1;border-radius: 0;color: #27476e;border-width: 0 0 1px;}
input[type="email"]:hover,input[type="text"]:hover,textarea:hover,input[type="email"]:focus,input[type="text"]:focus,textarea:focus{border: solid #27476e;border-width: 0 0 1px;}
button,#wpmtst_submit_testimonial{height: 50px;padding: 13px 20px;border-radius: 30px;text-align: center;color: #fff;font-size: 20px;font-family: 'balooregular';box-sizing: border-box;background: linear-gradient(90deg,#ff8080,#ffe44f,#ffeb3b,#03a9f4);background-size: auto;background-size: auto;background-size: 400%;cursor: pointer;border: none;}
input[type="submit"]{border:none;background:transparent;color:#fff;font-size: 18px;display: block;}
button::before {content: '';position: absolute;left: 0px;bottom: 30px;right: 0px;z-index: -1;background: linear-gradient(90deg,#f4b5b5,#ffe450,#ffeb3b,#03a9f4);background-size: auto;background-size: 400%;border-radius: 40px;opacity: 0;transition: 1s;max-width: 230px;height: 50px;}
button:hover::before {filter: blur(20px);opacity: 1;animation: animate 8s linear infinite;}

/*footer*/
.footer-top {background: #27476E;padding: 40px 0;}
.footer-bottom {background: #192d45;}
footer h4, footer p{color:#fff;}

/*opinie*/
.wpmtst-testimonial-success {color: #fff;text-align: center;}
.wpmslider-controls-direction{position:relative;padding:0;z-index:9;}
.strong-view.wpmtst-default .wpmtst-testimonial-field {font-family: 'pwsignaturetwomedium';font-size: 32px;color: #ff837f;margin-top:40px;margin-bottom:20px;}
.section-details,.section-content {position: relative;background: #192d45;}
.section-details {overflow: hidden;max-height: 0;-webkit-transition-property: margin, max-height, padding;transition-property: margin, max-height, padding;-webkit-transition-duration: .5s, 1s, .5s;transition-duration: .5s, 1s, .5s;}
.active .section-details {max-height: 3000px; /*Little crazy*/margin-top: -130px;padding: 100px 0 40px;}
.section-button {position:absolute;display: block;bottom: 0px;left: 0;right: 0;margin: 0;padding:25px 0 10px;color: #fff;cursor: pointer;background: url(https://zlobek-tygryski.eu/wp-content/uploads/2020/06/opinie-bg.png);background-repeat: no-repeat;background-position: center bottom;}
.active .section-button {cursor: auto;}
.section-parent:not(.active) .section-button:hover .button-title {color: #27476e;}
.button-title {font-family: 'balooregular';font-size:24px;display: block;margin: 10px auto;text-align: center;opacity: 1;-webkit-transition: opacity .5s linear, -webkit-transform .5s linear, color .5s;transition: opacity .5s linear, transform .5s linear, color .5s;}
.active .button-title {color: #999;opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.button-holder,.plus-button {display: block;position: relative;padding: 0;border-radius: 50%;width: 50px;height: 50px;line-height: 36px;font-size: 36px;text-align: center;}
.button-holder {margin: 0 auto;}
.plus-button {opacity: .99;color: #fff;z-index: 2;background:linear-gradient(90deg,#ff8080,#ffe44f);-webkit-transition: opacity 2s linear, -webkit-transform 1s linear, background-color 1s linear, color 1s linear;transition: opacity 2s linear, transform 1s linear, background-color 1s linear, color 1s linear;}
.plus-button:after {content: "+";position: absolute;display: block;width: 36px;height: 36px;line-height: 36px;font-size: 37px;left: 50%;top: 50%;-webkit-transform: -webkit-translate(-50%, -50%);transform: translate(-50%, -50%);}
.active .plus-button {opacity: .01;background-color: #999;color: #fff;-webkit-transform: translateY(180px) rotate(-45deg);transform: translateY(140px) rotate(-45deg);}
.close-button-container {position: absolute;z-index: 3;left: 50%;margin: 0 0 0 -18px;padding: 0;border-radius: 50%;width: 36px;height: 36px;font-size: 35px;text-align: center;cursor: pointer;}
.active .close-button {background:linear-gradient(90deg,#ffe44f,#ff8080);color: #fff;opacity: .9;-webkit-transform: translateY(0px) rotate(-45deg);transform: translateY(0px) rotate(-45deg);-webkit-transition: opacity 0s linear 1s;transition: opacity 0s linear 1s;}
.close-button {display: block;position: relative;cursor: pointer;padding: 0;right: 6px;top: 4px;border-radius: 50%;width: 50px;height: 50px;line-height: 35px;font-size: 35px;text-align: center;opacity: .01;background-color: #27476e;color: #000;}
.close-button:after {content: "+";position: absolute;left: 50%; top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.btn-ab-top {top: 30px;}
.btn-ab-bot {bottom: 30px;}
.btn-fix-top {position: fixed;top: 30px;}

/*formularze*/
.strong-form textarea{height:120px;}


/*responsywność*/
@media only screen and (max-width: 1575px) {
.main-menu > ul > li > a,a.btn-zapisz {font-size: 18px;}
}




/*--------------------------------------------------------------
## STYLE MAPY NA STRONIE GŁÓWNEJ
----*/


@media screen and (max-width: 999px){
  .container-map h1{
    max-width:100%;
    font-size:30px;
  }
}

.map-links .map-link {display: inline-block;background: #eff4f8;border-radius: 10px;border: solid 1px #fff;/*box-shadow: 0 10px 10px #d0e1e1;*/}
.map-links .map-link:hover{background:#27476e;border-color:#27476e;}
.map-links .map-link:not([href]) {padding: 20px 20px 40px;cursor: pointer;width:100%;height:100%;}
.map-links .active-btn{background:#27476e;border-color:#27476e;}
.map-links .map-link:hover a, .map-links .map-link:hover p{color:#fff;}
.map-links .active-btn h3, .map-links .map-link:hover h3 {color: orange;}
.map-links .active-btn p{color:#fff;}
.map-links .active-btn a{color:#fff;}
.acf-map {height: 370px;border: #eff4f8 solid 1px;margin: auto;margin-top: 0px;border-radius:10px;}
.acf-map img {max-width: inherit !important;}
.acf-map h4 {margin: 0px 0px 5px 0px;font-weight: 600;font-size: 1.2rem;}
.acf-map p {font-size: 1rem;margin: 0px;padding: 5px 0px;line-height: 1.4rem;}
.map-inline {float:left;padding:0 15px 0 0;}
.map-link:after {position: absolute;content: "";width: 0px;height: 0px;border-top: 30px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid transparent;bottom: -18px;right: 45%;transition: all 0.5s;}
.map-links .active-btn:after{position: absolute;content: "";width: 0px;height: 0px;border-top: 30px solid #27476e;border-right: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid transparent;bottom: -50px;right: 45%;}
p.phone{font-size:38px;font-family: 'balooregular';}







a.btn {
  background: linear-gradient(90deg,#ff8080,#ffe44f);
  border-radius: 4px;
  color: @white;
  display: inline-block;
  padding: 6px 30px 8px;
  position: relative;
  text-decoration: none;
	transition: all 0.1s 0s ease-out;
}

.no-touch a.btn:hover {
  background: lighten(@teal,2.5);
  box-shadow: 0px 8px 2px 0 rgba(0, 0, 0, 0.075);
  transform: translateY(-2px);
  transition: all 0.25s 0s ease-out;
}

.no-touch a.btn:active,
a.btn:active {
  background: darken(@teal,2.5);
  box-shadow: 0 1px 0px 0 rgba(255,255,255,0.25);
  transform: translate3d(0,1px,0);
  transition: all 0.025s 0s ease-out;
}
.cards{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
div.card {display: inline-block;-webkit-perspective: 1000;perspective: 1000;position: relative;-webkit-transition: all 0.3s 0s ease-in;transition: all 0.3s 0s ease-in;z-index: 1;margin-bottom:30px;border:none;background:#eff4f8;}
div.card img {max-width: 100%;}
div.card .card__image-holder {
  height: 0;
  padding-bottom: 67%;
}
div.card div.card-title {
  background: #eff4f8;
  padding: 6px 15px 10px;
  position: relative;
  z-index: 0;
}
div.card div.card-title a.toggle-info {
  border-radius: 32px;
  height: 32px;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 10px;
  width: 32px;
}
div.card div.card-title a.toggle-info span {
  background: #ffffff;
  display: block;
  height: 2px;
  position: absolute;
  top: 16px;
  -webkit-transition: all 0.15s 0s ease-out;
  transition: all 0.15s 0s ease-out;
  width: 12px;
}
div.card div.card-title a.toggle-info span.left {
  right: 14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
div.card div.card-title a.toggle-info span.right {
  left: 14px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
div.card div.card-title h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
}
div.card div.card-title h2 small {
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.025em;
}
div.card div.card-description {
  padding: 0 15px 10px;
  position: relative;
  font-size: 14px;
}
div.card div.card-actions {
  box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.075);
  padding: 10px 15px 20px;
  text-align: center;
}
div.card div.card-flap {
  background: #d9d9d9;
  position: absolute;
  width: 100%;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}
div.card div.flap1 {
  -webkit-transition: all 0.3s 0.3s ease-out;
  transition: all 0.3s 0.3s ease-out;
  z-index: -1;
}
div.card div.flap2 {
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: -2;
}
div.cards.showing div.card {
  cursor: pointer;
  opacity: 0.3;
  -webkit-transform: scale(0.88);
          transform: scale(0.88);
}
.no-touch div.cards.showing div.card:hover {
  opacity: 0.94;
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
}
div.card.show {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
div.card.show div.card-title a.toggle-info {
  background: #ff827f  !important;
}
div.card.show div.card-title a.toggle-info span {
  top: 15px;
}
div.card.show div.card-title a.toggle-info span.left {
  right: 10px;
}
div.card.show div.card-title a.toggle-info span.right {
  left: 10px;
}
div.card.show div.card-flap {
  background: #eff4f8;
  margin-top: -15px;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
div.card.show div.flap1 {
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
div.card.show div.flap2 {
  -webkit-transition: all 0.3s 0.2s ease-out;
  transition: all 0.3s 0.2s ease-out;
}