/*
Theme Name: TMK Studio
Theme URI: https://tmkstudio.pl
Author: TMK Studio
Author URI: https://tmkstudio.pl
Description: 
Version: 10.1
License:
License URI: https://tmkstudio.pl
Tags:
Text Domain: Pl
*/

/* reset */
ul, ol {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; }
input, button, select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
svg * {width: 100%;height:100%;}

/* global css */
body,html {overflow-x:hidden;}
body {font-family: "Poppins", sans-serif;overflow-x:hidden;padding:0px;margin:0px;font-weight:400;background:#fff;font-size:16px;letter-spacing:0px;line-height: 1.6;}
.section {position:relative;}
.no-text {padding: 30px 15px; text-align: center;  font-weight: 400; color: #181818; font-size: 15px; width: 100%;border: 1px solid #ECEDF2; border-radius: 10px; margin-bottom: 150px;}

/* TMK MENU */
#tmk-menu {position: fixed;top:15px;left:100px; width:calc(100% - 200px); z-index: 99999;}
#tmk-menu .tmk-menu-container {width:100%;max-width: 1500px;margin:auto;height: 60px;padding:0px 15px;position: relative;}
#tmk-menu .effect-blur { position: absolute; z-index: 0; inset: 0; backdrop-filter: blur(7px); filter: url(#glass-distortion); overflow: hidden;border-radius: 60px;}
#tmk-menu .effect-tint { z-index: 1; position: absolute; inset: 0; background: rgb(255 255 255 / 80%);border-radius: 60px;box-shadow: 0px 1px 8px 0px #662bfa1a; }
#tmk-menu .effect-shine {position: absolute; inset: 0; z-index: 2; overflow: hidden; box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);border-radius: 60px; }
#tmk-menu .text-content {display: grid;grid-template-columns: [logo] 200px [menu] auto [buttons] 300px [end];align-items: center;position: relative;z-index: 5;}
#tmk-menu .text-content .logo img {max-height: 40px;width: auto;display: inline-block;margin-top:10px;position: relative;z-index: 2;}
#tmk-menu .menu {justify-self: center;}
#tmk-menu .menu .close-mobile-menu {display: none;}
#tmk-menu .menu > ul {list-style: none; display: flex; gap: 0px;}
#tmk-menu .menu > ul > li { cursor: pointer; position: relative;margin: 0px;z-index: 2;}
#tmk-menu .menu > ul > li::before {content:''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 10px solid #fff;position: absolute;bottom:-35px;left:calc(50% - 15px);opacity: 0;transition: all 0.2s ease; }
#tmk-menu .menu > ul > li.active::before {opacity: 1;transition: all 0.2s ease;}
#tmk-menu .menu > ul > li > a {font-size: 14px;padding: 10px 15px;color:#000;font-weight: 500;border-radius: 10px; transition: all .4s ease-in-out;}
#tmk-menu .menu > ul > li:hover > a {color:#5f2ef0;background:#efebff;}
#tmk-menu .menu > ul > li.active > a {color:#5f2ef0;background:#efebff;}
#tmk-menu .menu > ul > li > a.has-child {padding-right: 25px;}
#tmk-menu .menu > ul > li > a.has-child:before { content: ''; position: absolute; right: 12px; top: calc(50% - 4.5px); width: 8px; height: 12px; background: url(img/menu/menu-angle.webp); background-repeat: no-repeat; background-position: center; background-size: 100% auto; filter: invert(1); opacity: 0.9;}
#tmk-menu .menu .dropdown { opacity: 0; visibility: hidden; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; position: absolute; padding-top:75px; top: 0px; left:calc(50% - 400px); z-index: 1; }
#tmk-menu .menu .dropdown.active { opacity: 1; visibility: visible; }
#tmk-menu .menu .dropdown .dropdown-inside {background: white; border-radius: 30px; padding: 15px; width:800px; box-shadow: 0px 1px 8px 0px #662bfa1a;position: relative;}
#tmk-menu .menu .dropdown .dropdown-inside.tmkc-2 {display: grid;grid-template-columns: [menu] 270px [content] auto [end];column-gap: 20px;align-items: start;}
#tmk-menu .menu .dropdown .dropdown-inside.tmkc-2-large-menu {grid-template-columns: [menu] 320px [content] auto [end];}
#tmk-menu .menu .dropdown .dropdown-inside.tmkc-1 .menu-title {font-weight: 600;font-size: 20px;letter-spacing: 0.5px;line-height: 1.4;margin-bottom: 20px;padding-left: 15px;}
#tmk-menu .menu .dropdown .dropdown-inside .back-dropdown {display: none;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside {background:#f4f1ff;border-radius: 20px;padding:25px 30px;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .menu-title {font-weight: 600;font-size: 20px;letter-spacing: 0.5px;line-height: 1.4;max-width: 200px;margin-bottom: 25px;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .ul {display:grid;row-gap: 15px;grid-template-columns:repeat(1, 1fr); grid-auto-columns: 1fr;padding-bottom: 10px;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .ul .li a {color:#000;font-weight: 500;font-size:13px;letter-spacing: 0.5px; transition: all .2s ease-in-out;position: relative;padding-left: 15px;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .ul .li a:before { content: ''; position: absolute;left:0px; top: calc(50% - 6px); width: 8px; height: 12px; background: url(img/menu/menu-angle.webp); background-repeat: no-repeat; background-position: center; background-size: 100% auto; filter: invert(1); opacity: 0.9;transform: rotate(-90deg);}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .ul .li a:hover {color:#5f2ef0;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside {display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows: auto;column-gap:10px;row-gap: 10px;padding-top: 10px;padding-right: 5px;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile {display: grid;grid-template-columns: [ico] 22px [content] auto [end];column-gap: 12px;align-items: start;border-radius: 20px;padding: 15px;transition: all .2s ease-in-out;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile:hover {background:#f4f1ff;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile .ico svg {width:22px;height: 22px;margin-top:2px;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile .ico svg.svg-sm {width:19px;height: 19px;margin-top:2px;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile .ico svg circle,
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile .ico svg path {fill:#000;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile .tile-text .tile-title {color:#000;font-weight: 600;font-size:16px;letter-spacing: 0.5px;margin-bottom: 10px;display: block; }
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside .tile .tile-text p {margin:0px;color:#747678;font-size: 12px;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside.one-line {grid-template-columns: repeat(1, 1fr);padding:0px;row-gap: 0px;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside-list {display: grid;grid-template-columns: repeat(1, 1fr);grid-auto-rows: auto;gap: 10px;padding-top:10px;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside-list .tile-list {border-radius: 20px;padding: 10px 15px;transition: all .2s ease-in-out;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside-list .tile-list:hover {background:#f4f1ff;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside-list .tile-list .tile-text .tile-title {color:#000;font-weight: 600;font-size:15px;letter-spacing: 0.5px;margin-bottom: 5px;display: block; }
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside-list .tile-list .tile-text p {margin:0px;color:#747678;font-size: 12px;}
#tmk-menu .menu #kontakt.dropdown { left:calc(50% - 50px); width: 340px; }
#tmk-menu .menu #kontakt.dropdown .dropdown-inside {width:340px;padding:25px 15px 15px;}
#tmk-menu .menu #hosting.dropdown .dropdown-inside .tiles-inside .tile .tile-text .tile-title {margin-bottom: 5px;}
#tmk-menu .menu-button {display: flex;justify-content: flex-end;gap: 10px;}
#tmk-menu .menu-button .tmk-button {font-size: 13px;padding: 8px 15px;color:#602ff0;font-weight: 500;border-radius: 30px; transition: all .4s ease-in-out;border:1px solid #602ff0;}
#tmk-menu .menu-button .tmk-button:hover {color:#5f2ef0;background:#efebff;}
#tmk-menu .menu-button .menu-mobile-open {display: none;}
@media (max-width: 1400px) {
#tmk-menu {left:15px; width:calc(100% - 30px);}
}
@media (max-width: 1200px) {
#tmk-menu .text-content {grid-template-columns: [logo] 100px [buttons] auto[end];}
#tmk-menu .text-content::before {content:''; position: fixed;top:0;left: 0;width:100%;height:0%;background:#e9ebfee3;z-index:-1;opacity: 0;transition: all .4s ease-in-out;}
#tmk-menu.active .text-content::before {opacity:1;z-index:5;height: 100%;}
#tmk-menu .menu .close-mobile-menu {position:absolute;top:20px;left:-40px;display: block;}
#tmk-menu .menu .close-mobile-menu svg {width:35px;height: 35px;background: #000000;border-radius: 50%;padding: 10px;transform: rotate(45deg);}
#tmk-menu .menu .close-mobile-menu svg path {fill:#ffffff;}
#tmk-menu .menu.menu-main { position: fixed; top: 10px; right:-100vw; background: #ffffff; border-radius: 25px; min-height: calc(100vh - 20px);width:100%;max-width: 400px;z-index: 999999;padding: 20px;padding-top: 30px;transition: all .4s ease-in-out;}
#tmk-menu .menu.menu-main.active {right: 10px;}
#tmk-menu .menu > ul {display: grid;grid-template-columns:repeat(1, 1fr); grid-auto-columns: 1fr;row-gap: 20px; }
#tmk-menu .menu > ul > li > a {font-size: 20px;}
#tmk-menu .menu > ul > li > a.has-child:before  {display: none;}
#tmk-menu .menu > ul > li > .toggle {position: absolute; right: 0px; top: calc(50% - 13px); background: url(img/menu/menu-angle.webp); background-repeat: no-repeat; background-position: center; background-size: 12px auto; filter: invert(1); opacity: 0.9; width: 26px; height: 26px;}
#tmk-menu .menu .dropdown {z-index: 9999999;left: auto; right: 0;padding-top: 0px;}
#tmk-menu .menu .dropdown .dropdown-inside {display: block;width:calc(100% - 30px);box-shadow: none;height:calc(100vh - 50px);overflow-y: auto;padding: 0px;left:15px;top:15px;border-radius: 0px;}
#tmk-menu .menu .dropdown .dropdown-inside.tmkc-2 {display: block;}
#tmk-menu .menu .dropdown .dropdown-inside.tmkc-1 .menu-title {margin:25px 0px 5px;}
#tmk-menu .menu .dropdown .dropdown-inside .back-dropdown {display:block;margin-bottom: 20px;cursor: pointer;margin-top: 5px;} 
#tmk-menu .menu .dropdown .dropdown-inside .back-dropdown svg {width:30px;height: 30px;background: #f0f3f7;border-radius: 50%;padding: 8px;display: inline-block;vertical-align: middle;}
#tmk-menu .menu .dropdown .dropdown-inside .back-dropdown svg path {fill:#5f5f5f;}
#tmk-menu .menu .dropdown .dropdown-inside .back-dropdown span {display: inline-block;vertical-align: middle;font-size: 16px;font-weight: 500;margin-left: 5px;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside {padding:20px;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .menu-title {max-width: 100%;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .ul {padding-bottom: 0px;}
#tmk-menu .menu .dropdown .dropdown-inside .menu-inside .ul .li a {font-size: 16px;}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside {grid-template-columns:repeat(1, 1fr);}
#tmk-menu .menu .dropdown .dropdown-inside .tiles-inside.one-line {padding-top:10px;}
#tmk-menu .menu #kontakt.dropdown {left:auto;width:100%;}
#tmk-menu .menu #kontakt.dropdown .dropdown-inside { width:calc(100% - 30px);padding:0px}
#tmk-menu .menu-button {margin-top: 4px;}
#tmk-menu .menu-button .menu {display: none;}
#tmk-menu .menu-button .menu-mobile-open {display: inline-block;width:35px;height: 35px;position: relative;border: 1px solid #602ff0;border-radius: 50%;vertical-align: middle;}
#tmk-menu .menu-button .open-menu {cursor: pointer; display: block; width: 15px; height: 20px; z-index: 2; padding: 0px;position: absolute;top:calc(50% - 9.5px);left:calc(50% - 7.5px);} 
#tmk-menu .menu-button .open-menu .icon-bar { display: block; width: 15px; height: 2px; border-radius: 1px; background:#602ff0; margin-top: 3px; }
#tmk-menu .menu-button .open-menu .top-bar { transform: rotate(0); }
#tmk-menu .menu-button .open-menu .middle-bar { opacity: 1; }
#tmk-menu .menu-button .open-menu .bottom-bar { transform: rotate(0); }
}
@media (max-width: 625px) {
#tmk-menu .menu-button .tmk-button {display: none;}
}
@media (max-width: 475px) {
#tmk-menu .menu.menu-main {max-width: calc(100vw - 75px);}
}

/* body page */
body:before {content:''; position: fixed;top:0;left: 0;width:100%;height: 100%;background:#e9ebfee8;z-index: -1;opacity: 0;transition: all .2s ease-in-out;}
body.active:before {opacity:1;z-index:95;}

/* TMK Slider */
.tmkslider .slide-item {margin:0px;}
.tmkslider .slick-slider {z-index:2;}
.tmkslider .slick-dots {text-align: center;margin-top: 30px;}
.tmkslider .slick-dots li {display: inline-block;margin:0px 3px;}
.tmkslider .slick-dots li button {width:30px;height: 2px;font-size: 0px;line-height: 0px;color:transparent;background: #ffffff;border:0px;border-radius: 2px;}
.tmkslider .slick-dots li.slick-active button {background: #c99e59;}
.tmkslider .slick-prev, 
.tmkslider .slick-next {opacity:1;z-index:20;width:30px;height:30px;border-radius: 5px;border:0px; transition: all .4s ease-in-out;font-size: 0; line-height: 0; position: absolute; display: block; padding: 0; transform: translate(0,-50%); cursor: pointer; color: transparent; outline: 0;}
.tmkslider .slick-prev {background:url(img/slider/slider-prev.png);background-position:center;background-repeat:no-repeat;background-size: 8px auto;filter: grayscale(100%);opacity: 0.3;} 
.tmkslider .slick-next {background:url(img/slider/slider-next.png);background-position:center;background-repeat:no-repeat;background-size: 8px auto;filter: grayscale(100%);opacity: 0.3;}
.tmkslider .slick-prev{ right:55px;left:auto;top:-40px;bottom:auto}
.tmkslider [dir='rtl'] .slick-prev{ right: 0px; left: auto;}
.tmkslider .slick-next{ right:15px;top:-40px;bottom:auto;}
.tmkslider [dir='rtl'] .slick-next{right: auto;left: 0px;}
.tmkslider .slick-next:hover, 
.tmkslider .slick-prev:hover {opacity:0.5;transition: all .2s ease-in-out;}
.tmkslider .slick-next:before, 
.tmkslider .slick-prev:before {display:none;}
.tmkslider .slick-slider {position: relative;  display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.tmkslider .slick-list {position: relative;  display: block; overflow: hidden;  margin: 0; padding: 0; }
.tmkslider .slick-list:focus {outline: none;}
.tmkslider .slick-list.dragging { cursor: pointer; cursor: hand; }
.tmkslider .slick-slider .slick-track, 
.tmkslider .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.tmkslider .slick-track { position: relative; top: 0; left: 0;  display: block; }
.tmkslider .slick-track:before, 
.tmkslider .slick-track:after { display: table;  content: ''; }
.tmkslider .slick-track:after { clear: both; }
.tmkslider .slick-loading .slick-track { visibility: hidden; }
.tmkslider .slick-slide { display: none; float: left;  height: 100%; min-height: 1px; }
.tmkslider  [dir='rtl'] .slick-slide { float: right; }
.tmkslider .slick-slide img { display: block; }
.tmkslider .slick-slide.slick-loading img { display: none; }
.tmkslider .slick-initialized .slick-slide { display: block; }
.tmkslider .slick-loading .slick-slide { visibility: hidden; }
.tmkslider .slick-vertical .slick-slide { display: block;  height: auto;  border: 1px solid transparent; }
.tmkslider .slick-arrow.slick-hidden { display: none; }


/* carousel portfolio columns */
#carousel-portfolio-columns {width:100%;height: 600px;display: grid;gap: 5px; position: relative;grid-template-columns:repeat(3, 1fr); grid-auto-columns: 1fr;overflow: hidden;}
#carousel-portfolio-columns .slick-slide {padding: 5px;}
#carousel-portfolio-columns .col-portfolio-1 {margin-top: -200px;}
#carousel-portfolio-columns .autoplay-c1-col-2 { margin-top: -70px;transform: rotate(180deg); }
#carousel-portfolio-columns .autoplay-c1-col-2 .slick-slide { transform: rotate(-180deg); }
#carousel-portfolio-columns .col-portfolio-3 {margin-top: -150px;}
#carousel-portfolio-columns .col-portfolio .item {width:100%;height: 18vw; background:#fff; border-radius: 7px; box-shadow: 0px 0px 10px rgb(0 0 0 / 7%);}

/* FOOTER */
footer {margin-top: 80px;border-top: 2px solid #f0f0f0;padding-top: 150px;padding-bottom: 30px;}
footer .inside-col {display: grid;grid-template-columns: [col1] 270px [col2] auto [col3] 260px [col4] 190px [col5] 180px [end];width:100%;max-width: 1500px;padding: 0px 25px;margin: auto;}
footer .inside-col .col-2 {padding-top: 88px;}
footer .inside-col img.logo-footer {width:100%;max-width: 120px;height: auto;display: inline-block;margin-bottom: 30px;}
footer .inside-col .item {display: grid;grid-template-columns: [ico] 35px [text] auto [end];width:100%;font-size: 15px;font-weight:500;margin-bottom: 25px;line-height: 2;letter-spacing: 0px;}
footer .inside-col .item svg {width:17px;height: 17px;margin-top: 6px;}
footer .inside-col .item svg circle,
footer .inside-col .item svg path {fill:#747678}
footer .inside-col .item .title {color:#747678;font-weight:500;margin-bottom: 3px;}
footer .inside-col .item a {color:#000;transition: all .4s ease-in-out;}
footer .inside-col .item a:hover {color:#602ff0;}
footer .inside-col .item p {margin:0px}
footer .inside-col .item span {color:#747678;display: block;}
footer .inside-col .item span.separator {display: block;width:100%;height: 20px;line-height: 0;}
footer .inside-col .item br {display: none!important;}
footer .inside-col .title-large {font-weight: 500;color:#000;font-size: 16px;margin-top: 5px;letter-spacing: 0.5px;margin-bottom: 55px;}
footer .inside-col .menu li {line-height: 2;}
footer .inside-col .menu li a {color:#747678;font-size: 14px;letter-spacing: 0px;font-weight: 500;transition: all .4s ease-in-out;}
footer .inside-col .menu li a:hover {color:#000;}
footer .footer-bottom {padding-top: 50px;}
footer .footer-bottom .footer-bottom-inside {display: grid;grid-template-columns:repeat(2, 1fr); grid-auto-columns: 1fr;color:#747678;font-weight:500;width:100%;max-width: 1430px;padding: 0px 25px;margin: auto;font-size: 13px;}
footer .footer-bottom .footer-bottom-inside .col-2 {justify-self: end;}
footer .footer-bottom .tmk-socialmedia {display: flex;gap:20px;}
footer .footer-bottom .tmk-socialmedia a svg {width:22px;height: 22px;}
footer .footer-bottom .tmk-socialmedia a .name {display: none;}

/* article content */
.article-content {font-size:15px;line-height:1.6;color: #181818;}
.article-content a {color:#602ff0; transition: all .4s ease-in-out;}
.article-content a:hover {transition: all .4s ease-in-out;}
.article-content img {max-width:100%;height:auto;display:inline-block;}
.article-content img.emoji {max-width:15px;height:auto;}
.article-content h1 {font-family: "Poppins", sans-serif;font-size: 60px;font-weight: 400;margin:0px;line-height: 1.2;letter-spacing: 0px;}
.article-content h2 {font-family: "Poppins", sans-serif;font-size: 45px;font-weight: 400;margin:0px 0px 20px;line-height:1.2;letter-spacing: 0px;}
.article-content h3 {font-family: "Poppins", sans-serif;font-size: 30px;font-weight: 400;margin:10px 0px;line-height:1.2;letter-spacing: 0px;}
.article-content h4 {font-family: "Poppins", sans-serif;font-size: 19px;font-weight: 400;margin:10px 0px;}
.article-content h5 {font-family: "Poppins", sans-serif;font-size: 15px;font-weight: 400;margin:10px 0px;}
.article-content h6 {font-family: "Poppins", sans-serif;font-size: 13px;font-weight: 400;margin:10px 0px;}
.article-content ol.wp-block-list,
.article-content ul.wp-block-list {margin:15px 0px 25px; padding-left:15px;}
.article-content ol.wp-block-list {list-style-type:decimal}
.article-content ul.wp-block-list {list-style-type:disc;}
.article-content ol.wp-block-list li,
.article-content ul.wp-block-list li {margin-bottom:10px;position: relative;}
.article-content ol.wp-block-list li::marker,
.article-content ul.wp-block-list li::marker {color: #602ff0;}
.article-content ol.wp-block-list li ul,
.article-content ul.wp-block-list li ul,
.article-content ol.wp-block-list li ol,
.article-content ul.wp-block-list li ol {padding-left: 15px;}
.article-content ol.wp-block-list li ul li,
.article-content ul.wp-block-list li ul li {margin-bottom: 6px;}
.article-content p {margin:15px 0px;}
.article-content iframe {max-width: 100%!important;border:0px!important;margin:30px auto!important;display: block!important;border-radius: 10px!important;}
.article-content strong {font-weight: 600;}
.article-content .kb-row-layout-wrap { width:100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; max-width: initial !important; }
.article-content .kb-row-layout-wrap .kb-row-layout-wrap:has(.kb-theme-content-width ) { width:100%; position: relative; left:  auto; right:  auto; margin-left:  auto !important; margin-right:  auto !important; max-width: initial !important; }
.article-content .no-margin-bottom {margin-bottom: 0px!important;}
.article-content .no-margin-top {margin-top: 0px!important;}
.article-content .no-margin {margin: 0px!important;}
.article-content .no-desktop {display: none!important;}
.article-content .wp-block-kadence-image {margin: 0px;}
.article-content .wp-block-kadence-accordion button .kt-blocks-accordion-icon-trigger {transform: scale(0.7);}
.article-content .wp-block-kadence-accordion button:hover .kt-blocks-accordion-icon-trigger::after,
.article-content .wp-block-kadence-accordion button:hover .kt-blocks-accordion-icon-trigger::before{background:#fff!important;}
.article-content .wp-block-kadence-accordion button:focus {animation: none!important;}
.article-content .button-disable-text-mobile em {font-style: normal!important;}
.article-content .p-image img {margin-right:5px;}
.article-content .hosting-price em {font-size: 14px;font-style: normal;font-weight: 400;opacity: 0.8;}
.article-content .sup-small sup {font-size: 12px;font-weight: 400;}
@media (max-width: 1024px) {
.article-content .tablet-no-br br {display: none!important;}
}
@media (max-width: 768px) {
.article-content .no-mobile {display: none!important;}
.article-content .button-disable-text-mobile em {display: none!important;}
.article-content .mobile-no-br br {display: none!important;}
}

/* button tmk */
.button-tmk-content {width: 100%; text-align: center; border-radius: 0px; font-size: 13px; line-height: 1.6; padding: 12px 25px; color: #2a2d36; font-weight:500; position: relative; overflow: hidden; display: block; background: #602ff0; text-transform: uppercase; transition: all .5sease-in-out; cursor: pointer;border: 0px;letter-spacing: 0.5px;}
.button-tmk-content:hover { background: #1d1e21;color: #602ff0; transition: all .2s ease-in-out;}

/* header page */
.header-page {position: relative;width:100%;padding:90px 0px 50px; margin:0px; background-image: linear-gradient(180deg, rgba(40, 65, 249, 0.1) 20%, rgb(255, 255, 255) 100%);}
.header-page .header-page-container {width:100%;max-width: 1400px;padding: 0px 25px;margin: auto;}
.header-page .breadcrumbs_tmk {margin:5px 0px 0px;list-style:none; overflow:hidden;cursor:default;padding:0px;position: relative;text-align:left;}
.header-page .breadcrumbs_tmk li{ display:inline-block; vertical-align:middle;margin:5px 0px; margin-left:7px; font-size: 13px; line-height: 1; letter-spacing: 0px; font-weight: 500;} 
.header-page .breadcrumbs_tmk li:first-child {margin-left:0px;} 
.header-page .breadcrumbs_tmk li.item-current,
.header-page .breadcrumbs_tmk li:last-child {color:#8373b1;}
.header-page .breadcrumbs_tmk li a {color:#8373b1}
.header-page .breadcrumbs_tmk li a:hover {color:#000000;}
.header-page .breadcrumbs_tmk li.separator {font-weight:400; color:#8373b1;margin-top: 3px;}
.header-page .breadcrumbs_tmk svg { width: 7px; height: auto; margin: 0px 3px; }
.header-page .breadcrumbs_tmk svg polygon { fill: #919191; }

/* pricelist table */
.article-content .responsivetable {overflow-x: auto;}
.article-content .responsivetable table {min-width: 700px;}
.section-pricelist-table .responsivetable {margin-top: -1px;}
.section-pricelist-table .responsivetable table {table-layout: fixed;font-size: 12px;font-weight: 400;background: #fff; border: 1px solid #e6e7eb; border-radius: 20px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.section-pricelist-table .responsivetable table tr td {text-align: center;width:20%;font-size: 12px;border:0.5px solid #e6e7eb;}
.section-pricelist-table .responsivetable table tr th {font-size: 12px;border:0.5px solid #e6e7eb;}
.section-pricelist-table .responsivetable table tr td:first-child {text-align: left;width:40%;padding:20px;font-size: 12px;}
.section-pricelist-table .responsivetable table tr:first-child td {background-color: #6c1beb;color: #ffffff;font-size: 15px;font-weight: 500;padding:20px 20px;border-color:#8f57e7;}
.section-pricelist-table .responsivetable table tr:first-child td:first-child {border-left: 0px;}
.section-pricelist-table .responsivetable table tr:first-child td:last-child {border-right: 0px;}
.section-pricelist-table .with-border .responsivetable table tr:first-child td  {border:0.5px solid #e6e7eb;}
.section-pricelist-table.primary-column .responsivetable table tr td:nth-child(2) {background: #fbf9ff;}
.section-pricelist-table.primary-column .responsivetable table tr:nth-child(1) td {background: #6c1beb;}
.section-pricelist-table.second-column .responsivetable table tr td:nth-child(3) {background: #fbf9ff;}
.section-pricelist-table.second-column .responsivetable table tr:nth-child(1) td {background: #6c1beb;}
@media (max-width:768px) {
.section-pricelist-table .responsivetable table tr td:first-child { width: 30%; font-size: 11px; line-height: 17px; }
.section-pricelist-table .responsivetable table tr:first-child td {font-size: 13px;}
}

/* domain checker */
.domain-checker { width: 100%;  margin: 0px auto; }
.domain-checker .domain-input { display: flex; gap: 8px; background:#fff; width:100%;max-width: 700px; border-radius: 20px; padding: 10px; padding-left: 40px; position: relative; margin:auto;}
.domain-checker .domain-input::before { content:''; position:absolute; top:0; left: 15px; height: 100%; width:30px; background:url(img/domainsearch/ico-search.webp); background-position: left center; background-repeat: no-repeat; background-size: 18px auto; opacity: 0.7; }
.domain-checker .domain-input input { flex: 1; padding: 8px; border:0px; border-radius:0px; animation: none!important;font-size: 14px; }
.domain-checker .domain-input button { padding: 13px 20px; background: #602ff0; border:1px solid #602ff0; color: #fff; border-radius: 10px; cursor: pointer; font-size: 13px; transition: all .4s ease-in-out; animation: none!important;}
.domain-checker .domain-input button:hover { background: #fff; color:#602ff0; }
.domain-checker .domain-status { margin-top: 13px; text-align: center; opacity: 0; transform: translateY(-20px); transition: all 0.4s ease-in-out; visibility: hidden;font-size: 12px; }
.domain-checker .domain-status.visible { opacity: 1; transform: translateY(0); visibility: visible; }
.domain-checker .domain-available { color: #14e514; font-weight: 400; }
.domain-checker .domain-unavailable { color: #ff3721; font-weight: 400; }
.domain-checker .domain-register button { padding: 15px 25px; background: #ffd80f; color: #000000; border: none; border-radius: 60px; cursor: pointer; font-size: 14px; font-weight: 400; letter-spacing: 0.1px; margin-top: 20px;transition: all 0.4s ease-in-out;}
.domain-checker .domain-register button img { max-width: 13px; height: auto; margin-left: 5px; display: inline-block; vertical-align: middle; margin-top: -2px;}
.domain-checker .domain-register button:hover { box-shadow:0px 0px 10px #c6ff00; }
.domain-checker .hidden { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.4s ease-in-out; }
.domain-checker .active { max-height: 1000px; opacity: 1; overflow: visible; }
.domain-status.hidden { max-height: 0; overflow: hidden; opacity: 0; }
.domain-checker .domain-suggestions { margin-top: 15px;  transition: all 0.4s ease-in-out; opacity: 1;}
.domain-checker .domain-suggestions.hidden {padding: 0px; margin: 0px;opacity: 0;}
.domain-checker .domain-suggestions .h4 { color: #fff; font-weight: 600; font-size: 25px; letter-spacing: 0.5px; margin-top: 35px;}
.domain-checker .suggestions-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, max-content));margin-top: 10px; gap: 8px; justify-content: center; }
.domain-checker .no-domains {text-align: center; padding: 15px; background: #552ec9; border: 1px solid #8f69ff; color: #fff !important; border-radius: 10px; transition: all 0.3s ease; font-size: 13px; font-weight: 400 !important; position: relative; cursor: pointer; width: 100%; max-width: 470px; margin: auto;}
.domain-checker .suggestion-item { padding:15px; padding-right: 90px; background: #552ec9;text-align: left; border: 1px solid #8f69ff; color:#fff!important; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; font-size: 12px;letter-spacing: 0px; font-weight: 400 !important;position: relative;transform: scale(0); opacity: 0; transition: all 0.4s ease-in-out;}
.domain-checker .suggestion-item:hover { background: #6c45e0; color: white;  }
.domain-checker .suggestion-item::before {content: 'wybierz'; background: #ffffff; font-size: 10px; border-radius: 5px; position: absolute; right: 11px; width: 66px; height: auto; color: #361a88; text-align: center; padding: 6px 0px; top: 50%; transform: translateY(-50%);}
.domain-checker .suggestion-available { color: #14e514; font-weight: 500; }
.domain-checker .suggestion-item.suggestion-available {  transform: scale(1); opacity: 1;}
.domain-checker .suggestions-loader { color: #ffffff; font-style: italic; text-align: center; font-size: 14px; position: relative; width: 100%; margin: 10px auto 0px;}
.domain-checker .suggestions-loader:after {content: ''; width: 13px; height: 13px; margin-top: -4px; margin-left: 7px; position: relative; background: url(img/domainsearch/ico-sync-white.webp); background-repeat: no-repeat; background-position: center; background-size: 13px auto; animation: spin 2s linear infinite; display: inline-block; vertical-align: middle;}
.domain-checker .message-content { border-radius: 20px; padding: 10px 20px; width: 270px; position: relative;margin:auto;text-align: left;position: relative; color: #004085; background-color: #cce5ff; border-color: #b8daff;}
.domain-checker .message-content:before  {content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;border-bottom: 10px solid #cce5ff; position: absolute; top: -7px; left: calc(50% - 15px);}
.domain-checker .message-content:after {content: ''; width: 13px; height: 13px;top:calc(50% - 6.5px);right: 15px; position: absolute; background:url(img/domainsearch/ico-synch.webp); background-repeat: no-repeat;background-position:center;background-size: 13px auto;animation: spin 2s linear infinite;}
.domain-checker .message-content.unavailable, 
.domain-checker .message-content.invalid {color: #842029;border:1px solid #f5c2c7; background-color: #f8d7da;}
.domain-checker .message-content.unavailable:before, 
.domain-checker .message-content.invalid:before {border-bottom: 10px solid #f8d7da;}
.domain-checker .message-content.unavailable:after,
.domain-checker .message-content.invalid:after {background:url(img/domainsearch/ico-cross.webp); background-repeat: no-repeat;background-position:center;background-size: 13px auto;animation: none;}
.domain-checker .message-content.available {color: #0f5132;  border:1px solid #badbcc;  background-color: #d1e7dd;}
.domain-checker .message-content.available:before {border-bottom: 10px solid #d1e7dd;}
.domain-checker .message-content.available:after {background:url(img/domainsearch/ico-check-green.webp); background-repeat: no-repeat;background-position:center;background-size: 13px auto;animation: none;}
@media (max-width:768px) {
.domain-checker .domain-input {border-radius: 17px; padding-left: 33px;max-width: 600px;display: grid; grid-template-columns: 1fr 75px; }
.domain-checker .domain-input input {padding: 0px 8px;min-width: 0;width: 100%;}
.domain-checker .domain-input button { padding: 7px 10px;font-size: 12px;}
.domain-checker .domain-input button span {display: none;}
.domain-checker .domain-input::before { top: 1px; left: 14px; width: 17px; background: url(img/domainsearch/ico-search.webp); background-position: left center; background-repeat: no-repeat; background-size: 15px auto; }
.domain-checker .domain-suggestions .h4 { font-size: 22px; letter-spacing: 0px; line-height: 1.3;}
.domain-checker .suggestions-list {grid-template-columns:repeat(1, 1fr); grid-auto-columns: 1fr;}
.domain-checker .suggestion-item {padding-right: 43px;}
.domain-checker .suggestion-item::before {content: ''; font-size: 10px; border-radius: 5px; position: absolute; right: 7px; width: 25px; height: 25px; padding: 0px; top: 50%; transform: translateY(-50%); background: url(img/domainsearch/ico-search.webp); background-position: center; background-repeat: no-repeat; background-size: 11px auto; background-color: #fff;}
}
@media (max-width:420px) {
.domain-checker .domain-input {display: grid;padding-left: 10px; display: grid ;}
.domain-checker .domain-input::before {display: none;}
.domain-checker .domain-input input { text-align: center;}
.domain-checker .domain-status {font-size: 11px;}
.domain-checker .message-content {width:210px;}
.domain-checker .suggestions-loader {font-size: 13px;}
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}






















/* shortcode oferta */
.list-post {width:calc(100% + 20px);margin-left: -10px;}
.list-post .item { width: calc((100% / 3 ) - 26px); margin: 15px 10px; text-align: center; overflow: hidden;display: inline-block; border: 1px solid #ededed; border-radius: 10px; vertical-align: top; box-shadow: 2px 3px 3px #0000000f;}
.list-post .item p {margin:0px;}
.list-post .item .thumb {width:100%;height:200px;position: relative;background: #045481;transition: all .4s ease-in-out;}
.list-post .item .thumb img {object-fit:cover;width:100%;height:100%;position: absolute;top:0;left: 0;opacity: 0.1;z-index: 1;}
.list-post .item .thumb h3 {margin: 0px; color: #fff; top: 50%; transform: translate(0%, -50%); font-weight: 600;position: relative;z-index: 2;}
.list-post .item .thumb .link-go-to {position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 98;color:transparent;}
.list-post .item .thumb:hover {opacity: 0.9;transition: all .4s ease-in-out;}
.list-post .item .description {font-size: 13px;line-height: 1.3;color:#383838;padding: 20px;text-align: left;}
.list-post .item .description .more {font-size: 10px;}
@media (max-width: 992px) {
.list-post .item { width: calc((100% / 2 ) - 26px);}
}
@media (max-width: 768px) {
.list-oferta {width: 100%;margin:auto;}
.list-post .item { width:100%;margin:10px 0px;}
}

/* list portfolio */
.list-portfolio {width:calc(100% + 20px);margin-left:-10px;}
.list-portfolio a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;}
.list-portfolio .item {display:inline-block;width:calc((100% / 3) - 26px);margin:10px;position:relative;z-index:6;overflow:hidden;border:1px solid #ececec;vertical-align:top;border-radius: 15px;background: #e8e5ff;}
.list-portfolio .item:nth-child(2n+1){height:400px;}
.list-portfolio .item:nth-child(2n){height:300px;}
.list-portfolio .item:nth-child(6n-1){margin-top:-90px;}
.list-portfolio .item:nth-child(5){margin-top:-90px;}
.list-portfolio .item:nth-child(6){margin-top:10px;}
.list-portfolio .item .thumb {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.list-portfolio .item .thumb img {object-fit:cover;width:100%;height:100%;}
.list-portfolio .item .thumb .type {position: absolute; top: 10px; right: 10px; font-size: 10px; color: #fff; background: #662bfa; border-radius: 60px; letter-spacing: 0.5px; padding: 10px 20px;z-index: 2;transition: all 0.6s ease 0s;}
.list-portfolio .item .thumb .type.shop {background:#d42222;}
.list-portfolio .item .thumb .type.portal {background:#CC3D84;}
.list-portfolio .item .thumb .type.logo {background:#138617;}
.list-portfolio .item .thumb .type.grafika {background:#138617;}
.list-portfolio .item .active {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.list-portfolio .item .active:before,
.list-portfolio .item .active:after {background-image: -webkit-linear-gradient( -9deg , #533EFF 50%, #740FD7 97%); content: ""; height: 200%; left: 0; opacity: 0.5; pointer-events: none; position: absolute; top: 0; transition: all 0.6s ease 0s; width: 200%; z-index: 2;}
.list-portfolio .item .active:before{transform: skew(45deg) translateX(100%);}
.list-portfolio .item .active:after{ transform: skew(45deg) translateX(-100%);}
.list-portfolio .item:hover .active:after,
.list-portfolio .item:hover .active:before { transform: skew(45deg) translateX(0px);  transition: all 0.6s ease 0s;}
.list-portfolio .item .active .inside{position:relative;top:0;left:0;width:100%;height:100%;z-index:3;display:table;padding:20px;text-align:center;}
.list-portfolio .item .active .inside .box-middle {vertical-align: middle;display: table-cell;}
.list-portfolio .item .active h3 {font-size: 25px;color: #ffffff;padding-top: 35px;margin: 0px;font-weight: 600;}
.list-portfolio .item .active .type-title {font-weight: 500;font-size: 12px;color:#fff;letter-spacing: 0.5px;}
.list-portfolio .item:hover {border:1px solid #dddddd;}
.list-portfolio .item:hover .active h3 {padding:5px 0px 0px;}
.list-portfolio .item .active h3,
.list-portfolio .item:hover .active h3 {transition: 0.5s all ease-in-out;}
.list-portfolio .item:hover .active {opacity:1;}
.list-portfolio .item:hover .thumb img {transform: scale(1.05);filter: blur(2px);}
.list-portfolio .item:hover .thumb .type {filter: blur(2px);}
.list-portfolio .item, .list-portfolio .item .active, .list-portfolio .item .thumb img  {transition: 0.6s all ease-in-out;}
.list-portfolio .item:hover, .list-portfolio .item:hover .active, .list-portfolio .item:hover .thumb img  {transition: 0.4s all ease-in-out;}
@media (max-width:1200px) {
.front-page.section-portfolio {padding-bottom:80px;}
.list-portfolio .item {width:calc(50% - 26px);}	
.list-portfolio .item:nth-child(2n),.list-portfolio .item:nth-child(2n+1){height:300px;}
.list-portfolio .item:nth-child(6n-1),.list-portfolio .item:nth-child(5),.list-portfolio .item:nth-child(6){margin-top:10px;}
}
@media (max-width:768px) {
.list-portfolio .item {width:calc(100% - 20px)!important;margin:10px!important;height:70vw!important;}
}

/* list article */
.list-article {width:calc(100% + 24px);margin-left:-12px;}
.list-article .item {overflow: hidden;width:calc((100% / 3) - 28px);display:inline-block;position:relative;cursor:default;margin:12px;background:#f7f9ff;vertical-align:top; border-radius: 15px;box-shadow: 2px 3px 7px #0000000f;} 
.list-article .item .thumb {display:block;width:100%;height:250px;position:relative;overflow:hidden;background: #e8e5ff;}
.list-article .item .thumb:before,
.list-article .item .thumb:after {background-image: -webkit-linear-gradient( -9deg , #533EFF 50%, #740FD7 97%); content: ""; height: 200%; left: 0; opacity: 0.4; pointer-events: none; position: absolute; top: 0; transition: all 0.6s ease 0s; width: 200%; z-index: 2;}
.list-article .item .thumb:before{transform: skew(45deg) translateX(100%);}
.list-article .item .thumb:after{ transform: skew(45deg) translateX(-100%);}
.list-article .item .thumb:hover:after,
.list-article .item .thumb:hover:before { transform: skew(45deg) translateX(0px);  transition: all 0.6s ease 0s;}
.list-article .item .thumb img {object-fit:cover;width:100%;height:100%;position:relative;z-index:1;transition: all 1s ease-in-out;}
.list-article .item .thumb:hover img {transform:scale(1.05);transition: all .4s ease-in-out;}
.list-article .item .description {color:#646464;margin-bottom: 10px;font-size: 13px;padding:15px 25px;}
.list-article .item .description h3 {font-size: 19px;font-weight: 600;}
.list-article .item .description h3 a {color:#1c2023;}
.list-article .item .description h3 a:hover {color:#5a49f8;}
.list-article .item .description p {margin:0px!important;}
.list-article .item .description a.read-more {color:#5a49f8;font-size: 15px;font-weight: 600;display:inline-block;margin-top:15px ;}
.list-article .item .description a.read-more span {display: inline-block;vertical-align: middle;position: relative;}
.list-article .item .description a.read-more img {display: inline-block;vertical-align: middle;height: 18px;width: auto;margin-left: 4px;margin-top: 1px;transition: all .4s ease-in-out;}
.list-article .item .description a.read-more:hover img {margin-left: 6px;transition: all .4s ease-in-out;}
@media (max-width:992px) {
.list-article .item {width:calc((100% / 2) - 28px);}
}
@media (max-width:768px) {
.list-article {width:100%;margin-left:0px;}
.list-article .item {width:100%;margin:20px 0px;}
}



/* animations */
@keyframes pulse { 10% {transform: scale(1.1)} }

/* delete X in browser */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* focus button animations */
*:focus {transition: all 0s ease-in-out!important;animation: focuslink ease-in-out .1s forwards alternate;}
@keyframes focuslink {
0% {transform:translate(0px, 0px); }
50% { transform:translate(0px, 1.5px); }
100% { transform:translate(0px, 0px); }
}