/*
Theme Name: Distern
Theme URI: 
Author: Brck
Author URI: 
Description: 
Tested up to: 
Requires PHP: 
Version: 
License: 
License URI:
Text Domain: 
Tags: blog, custom-background, custom-colors, custom-menu, translation-ready, theme-options, threaded-comments, custom-logo, footer-widgets, sticky-post, custom-header, featured-image-header, full-width-template, left-sidebar, right-sidebar, e-commerce, portfolio
*/

/********************************************************
    ## Common
********************************************************/

html,body{overflow-x:hidden;}

a,.btn,input,button,.woocommerce .product-fix .compare,.woocommerce .product-fix .yith-wcqv-button,.woocommerce ul.products li.product .thumbs,.team-image::after,.team-social,.pricing-list,.article-wrap,.widget-area section,.content-box,.team-details,.pricing-list,.woocommerce ul.products li.product,.testimonial .testimonial-prev,.testimonial .testimonial-next,.testimonial .item-default{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover{
	text-decoration: none;
}
a,.btn,.woocommerce ul.products li.product .button,.form-control,.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce-cart table.cart td.actions .coupon .input-text,.select2-container .select2-choice, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce table.shop_table,.woocommerce #payment #place_order,#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,.navbar-default .navbar-toggle{
	border-radius: 0;
}
p,.woocommerce-Address address {
	line-height: 24px;
}
table,.masonry-wrap {
	width: 100%;
}
th, td {
	font-weight: inherit;
	border: 1px solid #eee;
	padding: 5px;
	text-align: center;
}

a,a:hover{outline: 0;}
a.black{color:#000;}
a.read-more.black{font-family: 'Roboto', sans-serif;font-size:14px;font-weight:500;color:#000;padding: 10px 0;display: inline-block;}
a.read-more.black:hover{padding: 10px 10px;background:#f9b233;color:#000;border-radius:100px;}

p.caption {font-size: 13px;text-transform: uppercase;letter-spacing: 0.07em;}
p.bigger{font-size:20px;}

.h1,h1{font-size:61px;}
.h2,h2{font-size:49px;}
.h3,h3{font-size:39px}
h3.footer-widget-title{color: #EBEBEB;font-size: 22px;margin-top: 0;}
.h4,h4{font-size:30px;}
.h5,h5{font-size:22px;}
.h6,h6{font-size:14px;}

.widget_calendar caption{
	padding-top: 0;
	font-size: 18px;
}
.panel,.navbar-default .navbar-collapse, .navbar-default .navbar-form,.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border: 0;
	box-shadow: none;
}
.text-uppercase,.page-header,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce .cart th,.woocommerce table.shop_table th{
	text-transform: uppercase;
}
.woocommerce ul.products li.product .button,.woocommerce input.button,.btn{
	text-transform: capitalize;
}
.page-header{
	margin:0 0 20px;
	border: 0;
	text-align: center;
}
.text-left-heading .page-header{
	text-align: left;
}
.text-right-heading .page-header{
	text-align: right;
}
.margin-null,.header-social,.header-info,.woocommerce .products ul, .woocommerce ul.products,.footer-social,.newsletter h3,.woocommerce div.product .woocommerce-tabs .panel,.woocommerce div.product div.images, .woocommerce div.product div.summary,.woocommerce .woocommerce-breadcrumb,.woocommerce ul.products li.product .button{
	margin: 0;
}
.badge{
	padding: 0;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	font-weight: normal;
}
.breadcrumb{
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0;
	padding: 0;
	margin: 0;
}
img{
	height: auto;
	max-width: 100%;
}
.breadcrumb-wrap{
	text-transform: capitalize;
}
.breadcrumb>li+li:before {
	padding: 0 10px;
	color: #000;
	content: "\f105";
	font-family: FontAwesome;
}

.pad-t-20{padding-top:20px;}
.pad-t-50{padding-top:50px;}
.pad-t-65{padding-top:65px;}
.pad-t-80{padding-top:80px;}
.pad-t-100{padding-top:100px;}
.pad-t-120{padding-top:120px;}
.pad-b-20{padding-bottom:20px;}
.pad-b-30{padding-bottom:30px;}
.pad-b-65{padding-bottom:65px;}
.pad-b-80{padding-bottom:80px;}
.pad-b-100{padding-bottom:100px;}
.pad-b-120{padding-bottom:120px;}
.pad-b-400{padding-bottom:435px;}

.pad-lr-0,.container.full-width.pad-lr-0{padding-left:0;padding-right:0;}
.pad-l-0{padding-left:0}
.pad-r-0{padding-right:0;}
.pad-l-7{padding-left:7.5px;}
.pad-l-15{padding-left:15px;}
.pad-l-45{padding-left:45px;}
.pad-r-45{padding-right:45px;}
.pad-l-115{padding-left:115px;}

.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mt-120{margin-top:120px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}
.mb-120{margin-bottom:120px;}
.mb-160{margin-bottom: 160px;}

.mt-minus-50{margin-top:-50vh;}
.mt-minus-300{margin-top:-335px;}

.mar-l-0{margin-left:0;}
.mar-r-0{margin-right:0;}
.mar-lr-0{margin-left:0;margin-right:0;}
.ml-minus30{margin-left:-30px;}

.float-left{float:left;}
.float-right{float:right;}

.woocommerce ul.products li.product .price del,.margin-right-10{
	margin-right: 10px;
}
.display-inline-b,.header-top .header-social a,.social-media a a,.footer-top li a,.woocommerce ul.products li.product .price del,.owl-nav>div,.wpcf7-form-control-wrap{
	display: inline-block;
}
.overflow,.woocommerce ul.products li.product .price{
	overflow: hidden;
}
.full-width,.footer-top li a,.woocommerce .related .products .product-fix,.blog-article .calendar_wrap,.woocommerce-Reviews input,.wpcf7 label, .wpcf7 input, .wpcf7 select, .wpcf7 textarea,.wpcf7-form-control-wrap,.woocommerce .product-fix a.compare:before,.woocommerce .product-fix a.yith-wcqv-button:before,.widget-area .search-form label,.widget-area .search-form .search-field,.reply,.product-fix .product-hover,.product-fix .product-image .background-overlay,.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations td.label,.woocommerce div.product form.cart .variations select,.sku_wrapper,.posted_in{
	width: 100%;
}
.position-relative{
	position: relative;
}
.font-weight-400,.lead-text,.boka-list-items li,.wpcf7 .wpcf7-submit,label{
	font-weight: 400;
}
.border-radius, .article-wrap,.widget-area section,.team-details,.pricing-list,.single-thumb img,.article-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,.form-control{border-radius: 24px;}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea{border-radius:8px;}

button,input[type=submit],.btn,.widget-area .search-form .search-submit,.wpcf7 .wpcf7-submit,.camera-slider .btn{
	padding: 7px 30px 8px;
	font-size: 18px;
	border-radius: 30px;
	font-weight: 700;
}
button.button-gray {background: rgba(235, 235, 235, 0.05);border: 1px dashed #EBEBEB;border-radius: 100px;padding: 10px 20px 10px 16px;font-weight: 500;font-size: 14px;line-height: 20px;color: #EBEBEB;}
button.button-gray img{transition:all 0.5s;}
button.button-gray:hover{background: rgba(235, 235, 235, 1);color:#1A1A1A;}
button.button-gray:hover img{margin-left:20px;filter:invert(1);transition:all 0.5s;}
button.button-gray-dark {background: rgba(0, 0, 0, 0.05);border: 1px dashed #0D0D0D;border-radius: 100px;padding: 10px 15px;font-weight: 500;font-size: 14px;line-height: 20px;color: #0D0D0D;}
.projectFilter button.button-gray-dark{margin-right: 12px;padding: 5px 15px;}
button.button-gray-dark img{filter:invert(0);transition:all 0.5s;}
button.button-gray-dark:hover img{margin-left:10px;transition:all 0.5s;}
.btn-primary.focus, .btn-primary:focus,.button-gray-dark:hover{color:#0D0D0D;background: #F9B233;border: 1px solid #0D0D0D;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);}

button.round-only-arrow {
  width: 42px;
  height: 42px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #FFFFFF;
  border-radius: 52px;
  padding: 0;
}
button.round-only-arrow:hover{ background: rgba(255, 255, 255,1);}
button.round-only-arrow:hover img{filter:invert(1)}


.container.full-width{padding-left:45px;padding-right:45px;max-width: 1400px;}
.container.full-width.owl-carousel{padding-left:30px;padding-right:30px;}

.container.full-width.non-max{max-width:none;}
.container.full-width.max1920{max-width:1920px;}

/********************************************************
    ## Header
********************************************************/

#menu-item-1655 ul,#menu-item-1950 ul,#menu-item-2792 ul,#menu-item-3064 ul,#menu-item-3242 ul,#menu-item-3419 ul,#menu-item-3460 ul{background:transparent;box-shadow:none;}
#menu-item-1655 ul,#menu-item-1950 ul{padding:8px;left:-20px;}
li.sub-label a,.dropdown-menu > .sub-label.active > a {background: #CCC;border-radius: 100px;text-align: center;color: #0D0D0D;font-size: 16px;font-weight: 600;border: dashed 1px #0D0D0D;margin-bottom: 5px;}
li.sub-pattern a,.dropdown-menu > .sub-pattern.active > a {background: #F6D3A8;border-radius: 100px;text-align: center;color: #0D0D0D;font-size: 16px;font-weight: 600;border: dashed 1px #0D0D0D;margin-bottom: 5px;}
header{top:-85px;transition: all 1s;}

/********************************************************
    ## Edited
********************************************************/
header{position: fixed; width: 100%; top: 0; z-index: 999; transition: all 1s;}

@media (min-width: 768px) {
main {margin-top: 100px !important;}
.page-template-template-oferta main{margin-top:80px !important;}
}

@media (max-width: 767px) {
  main {
    margin-top: 75px !important;
  }
}
/********************************************************
    ## end edited
********************************************************/

.breadcrumb-wrap h1{
	font-size: 48px;
	margin: 0;
	color: #fff;
}
.logo{
	float: left;
	margin-top: 5px;
}
.logo img{margin-top: 7px;max-width: 110px;}
.banner-banner-content-fix .header-banner-contents{
	position: absolute;
	top: 31%;
	width: 100%;
	padding: 0;
}
.header-banner-contents{
	padding: 90px 15px 90px;
}
.header-banner-contents h1,.header-banner-contents p,.camera-slider h1,.camera-slider p{
	font-size: 48px;
	margin-bottom: 30px;
}
.header-banner-contents p,.camera-slider p{
	letter-spacing: 2px;
	font-size: 24px;
}
.header-banner-contents .btn{
	font-weight: bold;
}
/********************************************************
    ## Menu, Slider
********************************************************/
.header-top .navbar-default{
	margin-bottom: 0;
	height: inherit;
	background: transparent;
	border: 0;
}
.primary-menu .collapse {
	float: right;
	padding: 0;
	margin:20px 0;
}
.primary-menu .navbar-nav>li>a{padding: 8px 25px 10px;}
.primary-menu .navbar-nav>li.menu-kontakt>a{background:#F9B233;color:#0D0D0D;border-radius:100px;padding: 8px 15px 8px;margin:0 30px;font-weight: 600;border: solid 1px #f9b233;}
.primary-menu .navbar-nav>li.menu-kontakt>a:hover{background:transparent;border:solid 1px #fff;color:#fff;}
.primary-menu .navbar-nav>li.menu-kontakt>a img{filter:invert(0);transition: all .3s ease-in-out;}
.primary-menu .navbar-nav>li.menu-kontakt>a:hover img{filter:invert(1);transition: all .3s ease-in-out;}
.primary-menu .navbar-nav>li.pll-parent-menu-item>a{border-bottom: solid 1px #ebebeb;padding: 8px 7px;font-weight: 600;}

.primary-menu .navbar-nav>li:last-child>a,.search-cart li:last-child{
	padding-right: 0;
}
.search-cart li{
	padding: 29px 15px;
}
.search-cart{
	float: right;
	margin-left: 15px;
}

.main-slider{
	margin: 0 !important;
}
.camera_wrap .camera_pag .camera_pag_ul{
	text-align: center;
}
/*.camera_pag{
	margin-top: -40px;
	display: none;
}*/
.primary-menu ul .xs-dropdown-menu li a{
	padding: 8px 25px 10px;
}

.dropdown-menu {
  border: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 40px;
  padding-block-end: 5px 0;
  margin: 2px 0 0;
    margin-top: 2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{background: #f9b233;color:#000;border:solid 0px;}
.menu-oferta .dropdown-menu > li > a:focus,.menu-oferta .dropdown-menu > li > a:hover,.menu-oferta .dropdown-menu > .active > a:hover{border:solid 1px;}

.primary-menu .dropdown-submenu:hover>.dropdown-menu, .primary-menu ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
	padding: 0;
	margin: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: transparent;color:#f9b233;}
.primary-menu .dropdown-menu>li>a {
	padding: 12px 25px;
}
.primary-menu .dropdown-menu>.dropdown>.dropdown-menu {
	top: 0;
	left: 100%;
}
.camera_wrap{
	height: 600px;
}
.camera-slider-inner{
	max-width: 700px;
}
.camera_target_content{
	top: 35%;
}
.camera-slider-inner.text-center{
	padding: 0 90px;
}
.camera_wrap .slider-button .btn{
	display: inline-block;
	line-height: 1.82857143;
	white-space: nowrap;
}
.slider-button,.slider-details{
	margin-top: 20px;
}
.top-bar{
	padding-top: 10px;
}
.top-bar a,.top-bar{
	color: #ffffff;
}
.top-bar p{
	line-height: inherit;
}
.header-social li{
	margin-bottom: 10px;
}

.navbar-default .navbar-toggle .icon-bar {background-color: #EBEBEB;}
.navbar-toggle{border:none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:transparent;}
.toggle-button {width: 25px;height: 15px;transition: .25s;z-index: 15;padding: 0;margin-top: 12px;}

.toggle-button:hover {
  cursor: pointer;
}

.toggle-button .menu-bar {
  position: absolute;
  border-radius: 2px;
  width:24px;
  transition: .5s;
}

.toggle-button .menu-bar-top {
  border: 2px solid #ebebeb;
  border-bottom: none;
  top: 0;
}

.toggle-button .menu-bar-middle {
  height: 2px;
  background-color:#ebebeb;
  margin-top: 2px;
  margin-bottom: 2px;
  top: 4px;
}

.toggle-button .menu-bar-bottom {
  border: 2px solid #ebebeb;
  border-top: none;
  top: 12px;
}

.button-open .menu-bar-top {
  transform: rotate(45deg) translate(4px, 4px);
  transition: .5s;
}

.button-open .menu-bar-middle {
  transform: translate(230px);
  transition: .1s ease-in;
  opacity: 0;
}

.button-open .menu-bar-bottom {
  transform: rotate(-45deg) translate(5px, -5px);
  transition: .5s;
}

/********************************************************
    ## SO Widgets
********************************************************/
.lead-text{
	font-size: 22px;
	color: #a0a0a0;
}
.boka-heading{
	max-width: 610px;
	margin: 0 auto;
}
.content-box{
	padding: 50px 22px;
}
.content-box:hover,.team-details:hover,.pricing-list:hover,.woocommerce ul.products li.product:hover,.testimonial .item-default:hover{
	-ms-transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
}
.boka-featured-list .featured-list-image-icon{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 50%;
}
.boka-featured-list h3, .boka-featured-list p{
	padding-left: 75px;
	color: #fff;
}
.boka-list-items li{
	padding: 5px 0;
}
.boka-list-items li>span{
	padding-right: 10px;
}
/********************************************************
    ## Home
********************************************************/
.wide.custom-background{
	background-image: inherit;
}
.boxed .siteorigin-panels-stretch{
	margin: 0 !important;
}
.boxed .wrap-fix{
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}

/********************************************************
    ## Contact Form
********************************************************/
.form-control{ min-height: inherit; height: inherit; }
.wpcf7-form-control-wrap{ margin-top: 5px; }
.wpcf7 input, .wpcf7 select, .wpcf7 textarea,.wpcf7 .wpcf7-submit,.form-control,button, input, select, textarea{ border: 1px solid #EBEBEB; padding: 15px; outline: none; background:#EBEBEB; }
label{font-size:16px;}
.wpcf7 .wpcf7-submit,button,input[type=submit]{ width: auto; height: inherit; border: 1px solid #0D0D0D; background:#F9B233; padding: 10px 15px; color: #000; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:500; }
.wpcf7-spinner{position:absolute;}
.contact-form{padding:43px 30px;border:solid 1px #0D0D0D;border-radius:24px;display:inline-block;}
.wpcf7-not-valid-tip:before{content: '';background: url(https://distern.eu/wp-content/uploads/2023/01/icon-x.svg);padding: 5px;background-size: contain;background-repeat: no-repeat;background-position: center;margin-right: 5px;}
.codedropz-upload-handler {cursor:pointer;border: 2px dashed #828282;border-radius: 8px;margin-bottom: 10px;position: relative;background: #ebebeb;padding: 0px 0 10px;}
.codedropz-upload-handler a{color:#222222;}

/********************************************************
    ## Blog
********************************************************/
.masonry{
	padding-left: 0;
	padding-right: 0;
}
.masonry .hentry {
	width: 50%;
	float: left;
	background: transparent;
	padding: 0 15px;
}
.widget-area ul{
	padding: 0;
	list-style: none;
}
.widget-area ul li{
	padding-bottom: 10px;
}
.widget-area ul li:last-child{
	padding-bottom: 0;
}
.widget-area section{
	padding: 30px;
	margin-bottom: 30px;
}
.widget-area section:first-child .widget-title{
	margin-top: 0;
}
.widget-area section .widget-title{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.widget-area .search-form .search-field{
	padding: 8px 20px;
	border: 1px solid #717171;
	border-radius: 25px;
	outline: none;
}
.search-form label{
	margin: 0;
}
.widget-area .search-form .screen-reader-text, .widget-area .search-form .search-submit{
	display: none;
}
.content-box,.widget-area section,.team-details,.pricing-list,.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,.boka-testimonial-style-2,.boka-testimonial-style-1,.item-default{
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.01);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.01);
	background: #fff;
}

.article-wrap{position: relative;border-radius: 24px;transition:all 0.3s;}


.article-wrap:hover,.content-box:hover,.team-details:hover,.pricing-list:hover{
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23333' stroke-width='2' stroke-dasharray='1' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
	-webkit-box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);
	box-shadow:-14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);;
}

.blog-section .entry-thumb img{border-radius:24px 24px 0 0}

.article-gap{background: #fff; }
.article-gap .article-entry{padding: 18px 24px 24px;z-index: 1;position: relative;}

.entry-meta {
	font-size: 15px;
}
.entry-meta-single>span{
	margin-top: 10px;
}
.entry-meta-single .fa{
	margin-right: 10px;
}
.entry-meta-single .cat-links{
	float: left;
}
.entry-meta-single .tags-links{
	float: right;
}
.nav-previous a:before,.nav-next a:after{
	content: "\f104";
	display: inline-block;
	font: normal normal normal 18px/1 FontAwesome;
	margin-right: 15px;
	position: relative;
	top: 1px;
}
.nav-next a:after{
	content: "\f105";
	margin-right: 0;
	margin-left: 15px;
}
.read-more .fa{
	margin-left: 2px;
	position: relative;
	top: 1px;
}
.read-more {
	font-size: 15px;
	font-weight: bold;
}
.entry-meta > span {
	margin-top: 15px;
	padding: 0 10px;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	display: inline-block;
	line-height: 1;
}
.entry-meta > span:first-child {
	padding-left: 0;
}
.entry-meta > span:last-child {
	padding: 0 10px;
	border-right: 0;
}
.entry-meta > span .fa{
	margin-right: 3px;
	color: #807f7f;
}
.byline a{
	margin-left: 2px;
	text-decoration: underline;
}
.posts-navigation,.post-navigation{
	text-align: center;
	padding: 25px 0 0;
	display: inline-block;
	width: 100%;
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
}
.author-fix {
	font-weight:bold;
	text-transform:capitalize;
}
/********************************************************
    ## Article
********************************************************/
.comment-list .children{
	list-style: none;
}
.comments img{
	max-width: 100%;
	border-radius: 50%;
	margin-right: 10px;
}
.comment-content,.comment-metadata,.comment-awaiting-moderation{
	margin-left: 75px;
}
.comment-metadata{
	margin-left: 75px;
	margin-top: -19px;
	margin-bottom: 15px;
}
.comments .fn{
	font-size: 16px;
	font-weight: normal;
}
.reply{
	text-align: right;
}
.article-wrap #jp-relatedposts h3.jp-relatedposts-headline em:before{
	display: none;
}
.article-wrap #jp-relatedposts h3.jp-relatedposts-headline{
	font-weight: normal;
	font-size: 36px;
	color: #333;
}
.article-wrap #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{
	margin: 15px 0 0;
	font-size: 24px;
	line-height: 1;
}
.article-wrap #jp-relatedposts {
	padding-top: 1.5em;
}
.article-wrap #jp-relatedposts .jp-relatedposts-items p{
	margin-top: 15px;
}

/********************************************************
    ## Footer
********************************************************/
.footer-main {background:#0d0d0d;background-image: url(https://distern.eu/wp-content/uploads/2022/12/distern-logo.png);background-repeat: no-repeat;background-position: center;}

.footer-social{
	float: right;
}
.site-info,.footer-social{
	margin: 10px 0;
}
.site-info{
	font-size: 14px;
	margin-top: 13px;
}
.footer-social a{
	padding: 5px;
	color: #717171;
}
.footer-social li:last-child a,.footer-social li:last-child {
	padding-right: 0;
}


.footer-top .container{padding-top: 90px;padding-bottom: 70px;}


.footer-top h4{
	margin-bottom: 30px;
	margin-top: 40px;
}
.footer-top .menu{
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-top .menu li:first-child a{
	padding-top: 0;
}
.footer-top .menu li a{
	padding: 5px 0;
	text-transform: capitalize;
}
.footer-bottom{padding: 50px 0;font-size:13px;}
.footer-bottom .col-sm-5 a{margin-left:20px;}
.footer-top .widget_text .fa{margin-right: 10px;}
.newsletter .form-control{
	padding: 9px 15px;
	background: none;
	border-color: #333;
	color: #fff;
}
.newsletter .btn{
	position: absolute;
	top: 4px;
	right: 3px;
}
.footer-top .social-media{
	margin-top: 20px;
 }
.social-media a,.footer-top .social-media a{
	border:1px solid;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0;
	margin-top: 10px;
	color: #333;
}
/********************************************************
    ## Miscellaneous
********************************************************/
.post-edit-link{
	padding: 6px 12px;
	border: 1px solid;
	display: inline-block;
	margin-bottom: 90px;
	margin-left: 15px;
	margin-top: 90px;
}
.breadcrumb .separator {
	padding: 0 5px 0 8px;
}
.alignleft {
	display: inline;
	float: left;
	margin: 0 15px 15px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 15px 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-caption {
	margin-bottom: 30px;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
	background: #f9f9f9;
	padding: 15px;
}
.wp-caption .wp-caption-text {
	margin: 0;
}
.gallery {
	margin-bottom: 30px;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-caption {
	display: block;
}
.bypostauthor{}
.sticky{}
/********************************************************
    ## Accessibility
********************************************************/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.content-404{
	position: absolute;
	top: 30%;
	width: 100%;
}


.border-bottom-dashed:after{content:" ";display:block;width:calc(100% - 30px);height: 1px;background-image:url('https://distern.eu/wp-content/uploads/2022/12/divider-dashed.png');position:absolute;bottom:3px;left:15px;}
.adress-block{border: 1px solid #CCCCCC;border-radius: 24px;padding: 30px 0;}
h3.post-title{font-size:22px;}
.featured-post h3.post-title{font-size:39px;}
.featured-post img{border-radius:34px;}
.category-post a{background: #FCD897;border-radius: 70px;text-transform: uppercase;color: #000;padding: 1px 10px;display: inline-block;font-size: 13px;letter-spacing: 0.07em;font-weight: 600;}
.category-post a:hover{background:#f9b233;color:#000;}
.color-white{color:#fff;}
.color-neutral-90{color:#EBEBEB;}
.color-orange,.h3.color-orange,h3.color-orange,.h2.color-orange,h2.color-orange{color:#F9B233;}
.font-play{font-family: 'Play', sans-serif;}
.vertical-center,#brands .owl-stage{display: flex;align-items: center;}


.card .card-img-top {transition: transform 1.5s ease;}

/*home*/
.section-banner-home{margin-left:20px;margin-right:20px;}
.section-banner-home .item{position:relative;min-height:calc(100vh - 140px);padding:70px 25px;border-radius: 24px;}
#banner-home .owl-dots{display:flex;margin-left:35px;position:relative;margin-top:-70px;z-index:1;}
.section-banner-home p.h3{max-width: 465px;}
.section-banner-home p{max-width:385px;}
.box-with-image-left.gray-bg-with-radius-border{background:#EBEBEB;border:solid 1px #CCCCCC;border-radius:24px;margin-bottom:30px;padding:50px 63px;}
#brands.owl-carousel .owl-item img{width:auto;margin:auto;}
.two-models-home{position: relative;transition:all 0.3s;border-radius: 24px;}
.two-models-home:hover,.two-models:hover{/*border:solid 1px #1A1A1A;*/box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);transition:all 0.3s;background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23333' stroke-width='2' stroke-dasharray='1' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");}
.two-models-home.model-first:before{content: '';width: 90px;height: 90px;position: absolute;background: #CCCCCC;background-image: url(https://distern.eu/wp-content/uploads/2022/12/my_label.png);background-repeat: no-repeat;background-position: center;border-radius: 100px;top: -45px;left:65px;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);z-index: 1;}
.two-models-home.model-second:before{content: '';width: 90px;height: 90px;position: absolute;background: #f6d3a8;background-image: url(https://distern.eu/wp-content/uploads/2022/12/my_pattern.png);background-repeat: no-repeat;background-position: center;border-radius: 100px;right:65px;top: -45px;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);z-index: 1;}

.two-models-home:after,.two-models:after,.article-wrap:after{content: '';background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23333' stroke-width='3' stroke-dasharray='6%2c8' stroke-dashoffset='37' stroke-linecap='round'/%3e%3c/svg%3e"); border-radius: 24px; width: 100%; height: 100%; position: absolute; top: 0;left:0px;}
.two-models-home:hover::after,.two-models:hover::after,.article-wrap:hover:after,.owl-item.active.center .item.article-wrap:after{content: '';background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23333' stroke-width='3' stroke-dasharray='1' stroke-dashoffset='37' stroke-linecap='round'/%3e%3c/svg%3e");}


.two-models-home div{background:#EBEBEB;padding: 5px 25px 20px;}
.two-models-home.model-second div{background:#F6D3A8;}
.two-models-home p{line-height:24px;padding:18px 25px 25px;margin-bottom: 0;}
.page-template-template-home .section-2 .col-sm-5{background: url(https://distern.eu/wp-content/uploads/2022/12/0889cc9de8b4019f630215d8a752b6e8.jpg);background-size: cover;min-height: 200px;border-radius: 0px 24px 24px 0px;background-position: center;}
.page-template-template-home .section-2 .col-sm-7{padding:30px 50px 15px 110px;height: auto;}
.page-template-template-home .section-2 .row{background:linear-gradient(259.77deg, #FFE55F -35.35%, #FFE55F -35.34%, #FFE55E -25.65%, #FFE45D -15.94%, #FFE15B -6.24%, #FEDE58 3.47%, #FED954 13.18%, #FDD450 22.88%, #FCCF4B 32.59%, #FCC946 42.29%, #FBC341 52%, #FABE3D 61.7%, #FABA39 71.41%, #F9B637 81.12%, #F9B435 90.82%, #F9B233 100.53%, #F9B233 110.23%);;border-radius: 24px;}
.page-template-template-home .section-2 hr{border: 0;background: url(https://distern.eu/wp-content/uploads/2022/12/Line-26.png);background-size: cover;height: 1px;margin-top: 0;}
.page-template-template-home .section-5 .box-with-image-left img{margin-right:80px;}
.page-template-template-home .section-5 .box-with-image-left div{max-width: 300px;}

.filter-dla-kogo a{}

/*dlaczego-my*/
.page-template-template-dlaczego-my .section-banner{background:url(https://distern.eu/wp-content/uploads/2022/12/c57bbf851fea7f4520eb6856ee6cc9c0.jpg);background-size: cover;background-position: center;}
.section-banner .row{position:relative;min-height:calc(100vh - 140px);padding:70px;border-radius: 24px;}
/*.section-banner .row:before{content: '';position: absolute;width: 100%;height: 100%;background: #0D0D0D;opacity: 0.7;left: 0;border-radius: 24px;}*/
.section-banner{position:relative;overflow: hidden;margin-left:20px;margin-right:20px;border-radius:24px;}
.section-banner .container:before{content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(13,13,13,0.8771709367340687) 0%, rgba(13,13,13,0) 100%);;opacity: 0.7;left: 0;border-radius: 24px;}
.page-template-template-dlaczego-my .section-1 .box-with-image-left div{max-width: 350px;}
.box-with-image-left img{margin-right:45px;}
.page-template-template-dlaczego-my .section-2 .row.mar-lr-0{background:#EBEBEB;border-radius: 24px;}
.page-template-template-dlaczego-my .section-2 .col-sm-5{background: url(https://distern.eu/wp-content/uploads/2022/12/dlaczego_distern.jpg);background-size: cover;min-height: 200px;border-radius: 0px 24px 24px 0px;}
.page-template-template-dlaczego-my .section-2 .col-sm-7{padding:52px 140px 22px 85px;}
.two-models{position: relative;background: #EBEBEB;padding: 40px 55px;border-radius: 24px;transition:all 0.3s;}
.two-models div{z-index: 1;position: relative;}
.two-models.model-first:before{content: '';width: 90px;height: 90px;position: absolute;background: #CCCCCC;background-image: url(https://distern.eu/wp-content/uploads/2022/12/my_label.png);background-repeat: no-repeat;background-position: center;border-radius: 100px;top: -45px;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);z-index:1;}
.two-models.model-second:before{content: '';width: 90px;height: 90px;position: absolute;background: #f6d3a8;background-image: url(https://distern.eu/wp-content/uploads/2022/12/my_pattern.png);background-repeat: no-repeat;background-position: center;border-radius: 100px;right:65px;top: -45px;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);z-index:1;}
.two-models.model-second{background:#F6D3A8;}
.two-models p{line-height:24px;}

#team .item,#testimonials-clients .item {margin:0 15px 40px;opacity: 0.3;/*-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);*/-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

#products-filter .item{opacity: 0;
	/*-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);*/
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}
	
#products-filter .owl-item.active .item{opacity: 1;}

#team .owl-item.active.center .item,#testimonials-clients .owl-item.active.center .item {
	opacity: 1;
	/*-webkit-transform: scale(1.1);
	transform: scale(1.1);
	margin:5% 7.5% 10%;*/
}
#team .owl-carousel .owl-item img {transform-style: preserve-3d;}

#team.owl-carousel{min-height: 607px;}
.team-text{padding:25px;z-index:2;position:relative;}
#team .owl-item .item.article-wrap .person-image{height: 280px;background-size:cover !important;background-position:center top !important;border-radius:24px 24px 0 0;transition:all 0.3s;}
#team .owl-item.active.center .item.article-wrap .person-image{height: 350px;transition:all 0.3s;}
#team .owl-item .item.article-wrap img{width:auto}

.testimontal-text{padding:20px 25px 20px;border-radius: 24px 24px 0 0;background: #EBEBEB;transition: padding .3s linear; }
#testimonials-clients .owl-item.active.center .item .testimontal-text{padding:50px 25px 80px;background: linear-gradient(259.77deg, #FFE55F -35.35%, #FFE55F -35.34%, #FFE55E -25.65%, #FFE45D -15.94%, #FFE15B -6.24%, #FEDE58 3.47%, #FED954 13.18%, #FDD450 22.88%, #FCCF4B 32.59%, #FCC946 42.29%, #FBC341 52%, #FABE3D 61.7%, #FABA39 71.41%, #F9B637 81.12%, #F9B435 90.82%, #F9B233 100.53%, #F9B233 110.23%);}
#testimonials-clients .owl-item.active.center .item .testimontal-text p{font-family: 'Play', sans-serif;font-size:22px;font-weight:700;line-height:30px;}
#testimonials-clients .owl-item.active.center .item .testimontal-text p.caption{font-size:13px;font-weight:normal;}
#testimonials-clients .owl-item.active.center .item.article-wrap,#team .owl-item.active.center .item.article-wrap{/*border:solid 1px #1A1A1A;*/box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);}
.clients-testimonial{}

#team .owl-nav{position:absolute;top:-80px;right:5%;}
#testimonials-clients .owl-nav{float:right;margin-right: 95px;  display: block;margin-top:-65px;z-index: 1;position: relative;}
#team .owl-next,#team .owl-prev, #testimonials-clients .owl-next, #testimonials-clients .owl-prev,#catalog .owl-next, #catalog .owl-prev {background: rgba(13, 13, 13, 0.05);border: 1px dashed #1A1A1A;border-radius: 100px;width: 38px;height: 38px;line-height: 32px;text-align:center;transition:all 0.5s;}
#team .owl-next:hover,#team .owl-prev:hover, #testimonials-clients .owl-next:hover, #testimonials-clients .owl-prev:hover,#catalog .owl-next:hover, #catalog .owl-prev:hover{background: rgb(249, 178, 51);border: 1px solid #1A1A1A;}
#team .owl-prev,#testimonials-clients .owl-prev{margin-right:10px;}
#testimonials-clients .owl-dots{float: right;margin-right:245px;display: flex;margin-top:-65px;z-index: 1;position: relative;}
.owl-dot,.slick-dots li button{width: 11px; height: 11px;margin: 15px 5px; background: #ebebeb; border: none;border-radius: 100px;font-size:0;padding:0;}
.owl-dot.active,.slick-dots li.slick-active button{background:#F9B233;border: 1px solid #333333;}
.owl-theme .owl-dots .owl-dot span {width: 0;height: 0;}

/*oferta*/
ul.ul-small-dot{list-style:none;}
ul.ul-small-dot li:before{content: '';position: absolute;width: 3px;height: 3px;background: black;left: 15px;margin-top: 12px;border-radius: 100%;}
.partner-logos img{margin-right:30px;}
.wpcf7 select{appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 1rem center;background-size: 1em;}

/*my label*/
.section-banner-my-label{background:url(https://distern.eu/wp-content/uploads/2022/12/my-label-bg-1.jpg);background-size: cover;background-position: center;}
.section-banner-my-label .row{position:relative;min-height:calc(100vh - 140px);padding:70px;border-radius: 24px;}
/*.section-banner-my-label .row:before{content: '';position: absolute;width: 100%;height: 100%;background: #0D0D0D;opacity: 0.5;left: 0;border-radius: 24px;}*/
.round-icon-my-label {width: 90px;height: 90px;border-radius: 100%;background: #ccc;}
/*my pattern*/
.section-banner-my-pattern{background:url(https://distern.eu/wp-content/uploads/2022/12/my-pattern-bg-1.jpg);background-size: cover;background-position: center;}
.section-banner-my-pattern .row{position:relative;min-height:calc(100vh - 140px);padding:70px;border-radius: 24px;}
/*.section-banner-my-pattern .row:before{content: '';position: absolute;width: 100%;height: 100%;background: #0D0D0D;opacity: 0.5;left: 0;border-radius: 24px;}*/
.round-icon-my-pattern {width: 90px;height: 90px;border-radius: 100%;background: #f6d3a8;}

/*contact*/
.contact hr.contact-hr {background: url(https://distern.eu/wp-content/uploads/2022/12/divider-dashed.png);background-size: cover;height: 1px;margin-top: 0;margin-bottom: 0;position: absolute;bottom: -17px;width: calc(100% - 45px);}

/*wspólne*/
.know-details .col-sm-5{background: url(https://distern.eu/wp-content/uploads/2022/12/5e1211424a8bf6b63f2a9643c3028d16.jpg);background-size: cover;min-height: 320px;border-radius: 24px 0 0 24px;}
.know-details .col-sm-7{padding: 30px 100px 30px 130px;}

.scroll-button {
  height: 25px;
  width: 15px;
  border: 1px solid #0D0D0D;
  border-radius: 14px;
  position: relative;
  margin: 40px 0 0px;
}

.scroll-button::after {
content: "";
height: 5px;
width: 1px;
top: 7px;
left: 6px;
border-radius: 100%;
background-color: #0D0D0D;
position: absolute;
-webkit-animation: animate-it 1.5s ease infinite;
animation: animate-it 3.5s ease infinite;
}

.mouse-arrow {
  width: 15px;
  height: 15px;
  transform: translateX(-50%);
  animation: animate-it 3.5s ease infinite;
}

.mouse-arrow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 6px);
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  transform: rotate(-45deg);
}

.scroll-button.color-white {border: 1px solid #fff;}
.scroll-button.color-white::after {background-color: #fff;}
.mouse-arrow.color-white:after {border-bottom: 1px solid #fff;border-left: 1px solid #fff;}

/* vertical animation */
@-webkit-keyframes animate-it {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-4px);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(10px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes animate-it {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-4px);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(10px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
    opacity: 0;
  }
}





.benefits-table{background:#fff;display:flex;border-radius:24px;padding:0 30px;filter: drop-shadow(-14px 31px 14px rgba(56, 56, 56, 0.03)) drop-shadow(-8px 18px 12px rgba(56, 56, 56, 0.12)) drop-shadow(-3px 8px 9px rgba(56, 56, 56, 0.2)) drop-shadow(-1px 2px 5px rgba(56, 56, 56, 0.23)) drop-shadow(0px 0px 0px rgba(56, 56, 56, 0.23));}
.benefits-table tbody{background:#fff}
.benefits-table table {width: 100%;min-width:800px;border-collapse: collapse;border: 0 none;margin-top: -58px;}
.benefits-table td{font-family: 'Play', sans-serif;font-size:18px;font-weight:400;padding:0;border-width:0;background: url(https://distern.eu/wp-content/uploads/2022/12/divider-gray.png);background-repeat: repeat-x;background-position: bottom;height: 100px;}
.benefits-table td img{margin-top:15px;}
.benefits-table thead tr td,.benefits-table tr:last-child td{background:none;}
.benefits-table thead tr td{height:58px;}
.benefits-table tr.price-table-head td {
font-size: 25px;
font-weight: 700;
font-family: 'Play', sans-serif;
height:100px;
}
.benefits-table tr.price-table-head td:last-child{border-radius:24px 24px 0 0}
.benefits-table tr td:last-child {
background:#fff;
box-shadow:-14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), 0px 0px 0px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);
margin-right: -35px;
display: block; 
border-left: solid 2px #6ceaad;
border-right: solid 2px #6ceaad;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
position: relative;
}

.benefits-table tr td:last-child:after{content: '';width: 300px;height: 1px;background: url(https://distern.eu/wp-content/uploads/2022/12/divider-gray.png);position: absolute;margin-top: 99px;}
.benefits-table thead tr td:last-child:after{width:0;}

.benefits-table tr:last-child td.price-table-popular:last-child {background: #6CEAAD;border-radius: 24px 24px 0 0 !important;padding: 15px 0;padding: 28px 0 50px;margin-bottom: -30px;}
.benefits-table tr:last-child td:last-child {border: solid #6ceaad;border-width: 0 2px 2px;border-radius: 0 0 24px 24px;}


.benefits-table table td div {
  background: #EBEBEB;
  border: 1px solid #CCCCCC;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  padding: 10px 20px;
  display: inline-block;
}

.benefits-table td:last-child div{background-color: #6CEAAD;border: none;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);border-radius: 24px;background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23333' stroke-width='3' stroke-dasharray='3%2c 9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");}

.surowce tr{border-bottom: solid transparent;background: url(https://distern.eu/wp-content/uploads/2022/12/divider-gray.png);background-repeat: repeat-x;background-position: bottom;}
.surowce tr td{  padding: 20px 20px;border-right: solid 1px #ccc;border-top: solid 1px transparent;border-left: 0;}
.surowce tr td:last-child{;border-right:0;}
.surowce tr:last-child{border-bottom:0;background:none;}
.surowce tr:last-child td{border-bottom:0;background:none;}
.surowce tr:first-child{/*border-top: solid 1px #ccc;*/}
.surowce tr td div {background: #CCCCCC;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);border-radius: 70px;padding: 8px;width: 120px;margin: auto;}
.surowce tr td:last-child div{background: linear-gradient(259.77deg, #FFE55F -35.35%, #FFE55F -35.34%, #FFE55E -25.65%, #FFE45D -15.94%, #FFE15B -6.24%, #FEDE58 3.47%, #FED954 13.18%, #FDD450 22.88%, #FCCF4B 32.59%, #FCC946 42.29%, #FBC341 52%, #FABE3D 61.7%, #FABA39 71.41%, #F9B637 81.12%, #F9B435 90.82%, #F9B233 100.53%, #F9B233 110.23%);;}

ul.no-list{list-style:none;}
.compare-offer ul{}
.compare-offer ul li{padding:11px 0;border-bottom: solid 1px transparent;background: url(https://distern.eu/wp-content/uploads/2022/12/divider-gray.png);background-repeat: repeat-x;background-position: bottom;font-size: 20px;height:80px;display: flex;align-items: center;}
.compare-offer ul li:last-child{}
.compare-offer .my-label{background: #EBEBEB;border-radius:24px;padding:10px 5px;margin-top: -11px;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);text-align: center;}
.compare-offer .my-pattern{background: #F6D3A8;border-radius:24px;padding:10px 5px;margin-top: -11px;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);text-align: center;}
.compare-offer div ul{background:#fff;border-radius:24px;padding:0 20px 30px;}
.compare-offer div ul li{justify-content: center;}






.timeline{ width:100%; position: relative; }
.timeline:before { content: ''; display: block; position: absolute; left: 0; width: 2px; height: calc(100% - 40px); background: url(https://distern.eu/wp-content/uploads/2022/12/vertical-dashed-line-1.png); background-size: contain;z-index: -1;}
.year{ transition: all 0.4s ease-in-out; margin-bottom:48px; position: relative; margin-left: 70px;margin-right: 0; background: #EBEBEB;border:solid 2px #EBEBEB; border-radius: 24px;padding: 40px 70px; }
.year.activeYear{border:solid 2px #1A1A1A;}
.date{ transition: all 0.6s ease-in-out; display: block; position: absolute; top: 50%; left: -152.5px; width: 25px; height: 25px; border: 2px solid #CCCCCC; border-radius:100px;background: #fff;}


span.activeYear{
background: #F9B233;
border-color: #F9B233;
}

.activeYear span span{
  width: 51.1px;
  height: 51.1px;
  display: block;
  background: white;
  border-radius: 100px;
  border: solid 2px #f9b233;
  z-index: -1;
  position: absolute;
  margin-left: -15px;
  margin-top: -15px;
  box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);
}


.small-dot-before::before {
  content: '';
  width: 4px;
  height: 4px;
  background: #666;
  position: absolute;
  border-radius: 100%;
  left: 0;
  top: 33%;
}

.equal-column-width {
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
  display: flex;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  margin-left: 0;
  padding:0 70px;
}

.equal-column-width div{border-bottom: solid 1.5px #F9B233;}
.line-center-box {
  width: calc(100% - 30px);
  height: 3px;
  background: url(https://distern.eu/wp-content/uploads/2022/12/horizontal-dashed-line.png);
  position: absolute;
  margin-top: 108px;
  z-index: -1;
}
.line-center-box::before,.line-center-box::after {
  content: '';
  width: 11px;
  height: 11px;
  background: black;
  position: absolute;
  border-radius: 100px;
  margin-top: -4px;
}

.line-center-box::after{right:0;}

button.orange-black:hover{background:transparent;color:#fff;border-color:#fff;}
button.orange-black img{filter:invert(0);transition: all .3s ease-in-out;}
button.orange-black:hover img{filter:invert(1);transition: all .3s ease-in-out;}

button.orange-white:hover{background:#000;border-color:#000;color:#fff;}
button.orange-white img{filter:invert(0);transition: all .3s ease-in-out;}
button.orange-white:hover img{filter:invert(1);transition: all .3s ease-in-out;}


.col-sm-7.podpunkty hr:last-child{display:none;}





/*cookies box*/
.modal-cacsp-backdrop{background-color:transparent;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom{max-width:570px;background: #f9b233;border-radius:12px;bottom:60px;right:60px;left:auto;border:none;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show{max-width:570px;background: #f9b233;position: absolute;right: 60px;bottom: 60px;}
.modal-cacsp-position .modal-cacsp-box{border-radius:12px;padding: 15px 20px;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns{border:none;padding:0}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-header,.modal-cacsp-position .modal-cacsp-box > *{background-color:#F9B233;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-header{font-size: 20px;font-weight: 600;color: #1A1A1A;padding:0;margin-bottom: 0px;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-header {display: block;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-content{font-size: 15px;letter-spacing: 0.1px;line-height: 1.3;padding: 0;float:left;width:65%;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-settings,.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-save {background-color: transparent;font-family: 'Roboto', sans-serif;font-size:14px;border-radius: 100px;font-weight: 500;height: 42px;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn:hover,.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept:hover,.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept-all:hover{opacity: 1;background: black;color:#fff;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept,.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept-all {background-color: transparent;border: 1px solid #0D0D0D;height: 42px;width: 42px;border-radius: 100%;font-family: 'Roboto', sans-serif;font-size: 14px;text-transform: uppercase;color: #0D0D0D;padding: 0;line-height: 42px;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li{border-bottom: 1px solid #d5982b;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li {padding: 15px 0 0;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li:first-child{border-top:1px solid #d5982b;margin-top: 70px;}
.modal-cacsp-box-info .modal-cacsp-box-content{width:100%;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings.modal-cacsp-box-show .modal-cacsp-box-content{width:100%;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom{display:block;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-content {width: 65%;}


div.overflowx::-webkit-scrollbar{ background:transparent;height: 10px;border-radius:50px;}
div.overflowx::-webkit-scrollbar-track {margin: 0px;background-color: #D9D9D9;width: 6px;border-radius:50px;}
div.mobile-table.overflowx::-webkit-scrollbar-track {margin: 15px;}
div.overflowx::-webkit-scrollbar-thumb {border-radius:50px;background: #F9B233;padding: 0 15px;}
div.category-group.overflowx::-webkit-scrollbar-track {margin: 0px;background-color: #fff;width: 6px;border-radius:50px;}
div.category-group.overflowx::-webkit-scrollbar-thumb{background: #fff;}



.ppr-table {box-sizing: border-box; }
table { border-collapse: collapse; }
th {border: 1px solid #CCCCCCAA; box-sizing: border-box; }
td {text-align: center; padding: 20px; border: 1px solid #CCCCCCAA; box-sizing: border-box; }
.ppr-table-header td { font-size: 20px; text-transform: uppercase; letter-spacing: 2px; }
.ppr-table-unbolded { font-weight: normal; text-align: left; }

@media (min-width: 768px) {
  tr:nth-child(1) > * { border-top: none; }
  tr:nth-child(3) > * { border-bottom: none; }
  td:nth-child(1), th:nth-child(1) { border-left: none; }
  td:last-child, th:last-child { border-right: none; }
  .tablet-only, .mobile-only { display: none; }
}


@media (max-width: 767px) {
  .ppr-table {padding: 0px; }
  .ppr-table .mobile-only > div {margin-bottom: 10px; } 
  .ppr-table table {margin: 0 auto; table-layout: fixed; width: 100%; } 
  .ppr-table-unbolded { font-size: 16px; } 
  .ppr-table th { text-align: left;} 
  .ppr-table th:before { margin: 0 0 -28px -45px; }
  .ppr-table td, .ppr-table th { border: none; padding: 15px 0; } 
  .ppr-table tr:nth-child(2) { border-top: 2px solid #CCCCCC77; }
  .desktop-only, .tablet-only { display: none; }
  .surowce tr td{border-right:0;}
  .surowce tr td {padding: 15px 0;}
}


.home .section-3 .col-sm-7{padding-left:70px;}
.category-group input{display: none;}
.category-group-what  label{font-family: 'Play', sans-serif;position: relative;width: calc(50% - 30px); font-size: 22px; background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23333' stroke-width='2' stroke-dasharray='3%2c 6' stroke-dashoffset='8' stroke-linecap='square'/%3e%3c/svg%3e"); border-radius: 24px; height: 130px; margin-right: 15px; margin-bottom: 15px;padding: 25px;transition:all 0.3s;cursor: pointer;}
.category-group-what label img{position: absolute;top: 0;right: 15px;top: 15px;width:80px;}
.category-group-what label img.hidden-img{opacity:0;transition:all 0.3s;}
.category-group-what label:hover img.hidden-img,.category-group-what label.active img.hidden-img {opacity:100%;filter: drop-shadow(-12.7901px 28.321px 12.7901px rgba(56, 56, 56, 0.03)) drop-shadow(-7.30864px 16.4444px 10.963px rgba(56, 56, 56, 0.12)) drop-shadow(-2.74074px 7.30864px 8.22222px rgba(56, 56, 56, 0.2)) drop-shadow(-0.91358px 1.82716px 4.5679px rgba(56, 56, 56, 0.23)) drop-shadow(0px 0px 0px rgba(56, 56, 56, 0.23));transition:all 0.3s;}
.category-group-what label:hover, .category-group-what label.active{background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23333' stroke-width='3' stroke-dasharray='1' stroke-dashoffset='37' stroke-linecap='round'/%3e%3c/svg%3e");background-color:rgba(0, 0, 0, 0.05); box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);transition:all 0.3s;}
.category-group-what label p:after{content: "";position: absolute;width:26px ;height: 2px;margin-top: 40px;left: 25px;border-bottom: 2px solid #333;transition:all 0.3s;}
.category-group-what label:hover p:after,.category-group-what label.active p:after{border-bottom: 2px solid #f9b233;transition:all 0.3s;}
.category-group-who  label{width: 104px;margin-right: 27px;text-transform: uppercase;text-align: center;font-size: 13px;cursor: pointer;}
.category-group-who  label div{ width: 100px; height: 100px; border-radius: 100%; margin-bottom: 10px;transition:all 0.3s;}
.category-group-who  label div:hover,.category-group-who  label.active div{box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);transition:all 0.3s;}
.category-group-who  label div:after{content: '';background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23333' stroke-width='2' stroke-dasharray='3%2c 6' stroke-dashoffset='8' stroke-linecap='square'/%3e%3c/svg%3e");border-radius: 100px;width: 106px;height: 107px;display: inline-block;margin-left: -3px;margin-top: -3px;}
.category-group-who  label div:hover:after,.category-group-who  label.active div:after{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23333' stroke-width='3' stroke-dasharray='1' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");}
.category-group-who  label div.ona{background: url(https://distern.eu/wp-content/uploads/2023/01/ona.png);}
.category-group-who  label div.on{background: url(https://distern.eu/wp-content/uploads/2023/01/on.png);}
.category-group-who  label div.chlopiec{background: url(https://distern.eu/wp-content/uploads/2023/01/chlopiec.png);}
.category-group-who  label div.dziewczyna{background: url(https://distern.eu/wp-content/uploads/2023/01/dziewczyna.png);}
ul.slick-dots {display: flex;list-style: none;padding: 0;justify-content: center;margin-top: -52px;position: relative;overflow: hidden;max-width: 136px;margin: auto;}
.item.katalog-produktow{min-height:240px;border-radius:34px;-webkit-box-shadow: inset 0px -83px 65px -100px rgba(0, 0, 0, 1);-moz-box-shadow: inset 0px -83px 65px -100px rgba(0, 0, 0, 1);box-shadow: inset 0px -83px 65px -100px rgba(0, 0, 0, 1);}

/*cf7 popup*/
.swal2-container.swal2-center.swal2-backdrop-show .swal2-popup{width:600px;padding:100px;background: #EBEBEB;border: 1px solid #0D0D0D;border-radius:24px;}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-styled.swal2-confirm{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 500;border-radius:100px;border: 1px solid #0D0D0D;color:#0D0D0D;}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-styled.swal2-default-outline:focus {box-shadow: none;}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-actions:not(.swal2-loading) .swal2-styled:hover {background-image:none;background:transparent;}
.swal2-container.swal2-center.swal2-backdrop-show h2.swal2-title{color: #0D0D0D;font-size: 25px;margin:0 0 20px;}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-success-circular-line-right,.swal2-container.swal2-center.swal2-backdrop-show .swal2-success-circular-line-left,.swal2-success-fix{background:transparent !important}

.swal2-container.swal2-center.swal2-backdrop-show .swal2-icon{width: 37.5px;height: 37.5px;box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {top: 18px;right: 8px;width: 15px;transform: rotate(-45deg);}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {top: 19px;left: 11px;width: 8px;transform: rotate(45deg);}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-icon.swal2-error [class^="swal2-x-mark-line"]{top: 17px;width: 17px;}

.swal2-container.swal2-center.swal2-backdrop-show .swal2-icon.swal2-success [class^="swal2-success-line"]{background-color: #1ED27C !important;}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-icon.swal2-success {border-color: #1ED27C !important;color: #1ED27C !important;}



/*My hads*/
.section-banner-my-hads{background: url(https://distern.eu/wp-content/uploads/2023/08/my_hads.jpg);background-size: cover;background-position: center;}
.section-banner-my-hads .row{position:relative;min-height:calc(100vh - 140px);padding:70px;border-radius: 24px;}
#catalog .owl-dots{float: right;margin-right:65px;display: flex;margin-top:55px;z-index: 1;position: relative;}
#catalog .owl-nav {float: right;margin-right: 95px;display: block;margin-top:55px;z-index: 1;position: relative;}
#catalog .owl-prev {margin-right: 10px;}
#catalog .owl-next:hover, #catalog .owl-prev:hover {background: rgb(249, 178, 51);border: 1px solid #1A1A1A;}
.mt-minus-45{margin-top:-45px;}
.d-flex{display:flex;}
.bg-my-pattern{background:#F6D3A8;}
.page-template-template-my-hads .section-3 .article-wrap{border:solid 2px;-webkit-box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);}
.page-template-template-my-hads .section-3 .article-wrap::after,.page-template-template-my-hads .section-3 .article-wrap:hover,.page-template-template-fc-distern .section-3 .article-wrap::after,.page-template-template-fc-distern .section-3 .article-wrap:hover{background-image:none;}
.page-template-template-my-hads .section-3 .team-text{padding:10px 25px 0;}
li.sub-hads a, .dropdown-menu > .sub-hads.active > a {background: #fff;border-radius: 100px;text-align: center;color: #0D0D0D;font-size: 16px;font-weight: 600;border: dashed 1px #0D0D0D;margin-bottom: 5px;}


/*Fc distern*/
.section-banner.section-banner-fc-distern .container::before{background: linear-gradient(90deg, rgba(249, 178, 51, 0.5) 0%, rgba(13,13,13,0) 50%);}
.page-template-template-fc-distern .section-3 .article-wrap {border: solid 2px;-webkit-box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);box-shadow: -14px 31px 14px rgba(56, 56, 56, 0.03), -8px 18px 12px rgba(56, 56, 56, 0.12), -3px 8px 9px rgba(56, 56, 56, 0.2), -1px 2px 5px rgba(56, 56, 56, 0.23), 0px 0px 0px rgba(56, 56, 56, 0.23);}
.radius-12{border-radius:12px;}