/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

html,body{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
    /*font-family: Trebuchet MS, sans-serif;*/
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

html {
  scroll-behavior: smooth;
}

p {font-size:14px;}

.header-top .custom-logo-link img{
    width: 120px;
    height: auto;
}

.custom-logo-link img{
    object-fit: contain;
}

.header-scroll .custom-logo-link img{
    height:100px;
    width:auto;
}

.header-space{
    height: 163px;
}

@media only screen and (max-width:992px){
    .header-top .custom-logo-link img{
        height:100px;
        width:auto;
        margin-top:0px;
    }
    .header-space{
        height: 130px;
    }
}

/*.bg-main {
    background-color:#464646;
    background-image: url("img/bg.jpg");
    background-attachment: fixed;
    z-index:-20;
}*/

::selection {
    color: #fff !important; 
    background-color: #203d98 !important;
}

a {
    color: #395ac1;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:focus, a:hover {
    color: #203d98;
}

.wrapper {
    padding: 46px 0;
}
.banner-height { min-height: 100vh !important; }
  @media (max-width: 100vh){
    .banner-height { min-height: 100vw !important; }
  }

.image-fit { /*image will fit to block*/
	object-fit: cover;
}

.ta-c { /*text-center*/
	text-align: center; align-items:center !important;
}
.ta-cm { /*text-middle*/
	margin:auto auto !important;
  align-self:center !important;
}

.copyright-background{
	background: #222 !important;
}

.header-top{
	background: rgba(255, 255, 255, 1);
	border-bottom: solid 1px #ececec;
}

.header-scroll {
	background: rgba(255,255,255,1);
	border-bottom: solid 1px #ececec;
}



.blog .col-lg-6.float-left article.category-oferta, .archive .col-lg-6.float-left article.category-oferta{
    display:none;
}

.u-dropcap-bg {
    line-height: 5.16rem;
}

.g-bg-darkgray-radialgradient-circle {
    background-image: radial-gradient(circle farthest-side at 110% 0, #203d98, #3a5bc0);
}

.entry-header-block{
	background-color: #f9f9f9;
    padding: 0px 25px;
    border-bottom: solid 1px #f3f3f3;
    border-top: solid 1px #f3f3f3;
}

.entry-header-block-text{
	color:#555;
	font-size:32px;
	padding:10px 0;
	font-family: "Open Sans", Arial, sans-serif !important;
	text-transform: uppercase;
}

.site-image{
    background-position: center; 
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    /*width:100vw;*/
    min-height:300px;
    height:30vw;
    background-size: cover;
}
.entry-title-block {
    color:white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height:300px;
    height: 30vw;
    /*text-decoration-line: underline;*/
    box-shadow: inset 9999px 9999px 0 rgba(0,0,0,0.1);
    padding-top: 40px;
    border-bottom: 3px solid #ffffff;
}
.u-heading-v2-4--bottom::after {
    margin-top:0;
    margin-left: auto;
    margin-right: auto;
}

.title-bg{
    background: #f3f3f3;
    padding: 10px 0;
    margin-top: 93px;
}

.title{
    color:#333;
    text-transform: uppercase;
}


.entry-title {
    color:white;
    /*display: flex;*/
    /*flex-direction: column;*/
    justify-content: center;
    text-align: center;
    /*text-decoration-line: underline;*/
    text-transform: uppercase;
    top:41%;
}

.font-banner-top {
    font-size: 2.8vw;
}

.font-banner {
    font-size: 5vw;
    line-height: 1.2 !important;
}
@media only screen and (max-width:1000px){
.font-banner-top {
    font-size: 28px;
}
.font-banner {
    font-size: 42px;
    }
}

.text-in-parralax{
	font-size:36px;
	text-transform: uppercase;
	color:white;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    font-weight:600;
}

.block-name {
    color: #203d98;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

.g-heading-v7{
	position: relative;
	margin-bottom: 30px;
}
.g-heading-v7 h2:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 10px;
    background: #203d98;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin-left: auto;
    margin-right: auto;
}

/*megamenu settings*/
#mega-menu-wrap-primary {
    margin-left: auto;
}

@media only screen and (max-width: 991px){
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    top: 69px;
}}

/* YOUR CSSS HERE*/


.entry-title-block {
    color:white;
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height:300px;
    height: 30vw;
    /*text-decoration-line: underline;*/
    box-shadow: inset 9999px 9999px 0 rgba(0,0,0,0.1);
    padding-top: 40px;
    border-bottom: 3px solid #ffffff;
}

.entry-title {
    color:white;
    /*display: flex;*/
    /*flex-direction: column;*/
    justify-content: center;
    text-align: center;
    /*text-decoration-line: underline;*/
    text-transform: uppercase;
    top:41%;
}

.oferta-icon {
    color:#d82f2f;
    transition: text-shadow 0.4s ease-in-out;
    text-shadow: 4px 4px 5px rgba(25,25,25,0.4);
}

.zoom-hover:hover .oferta-icon {
    transition: text-shadow 0.4s ease-in-out;
    text-shadow: 8px 8px 10px rgba(25,25,25,0.4);
}

.u-heading-v5-color-primary .u-heading-v5__title::before {
    background: #d82f2f;
}

.g-color-primary {
    color: #203d98 !important;
}

.u-btn-primary {
    color: #fff;
    background-color: #395ac1;
}

.u-btn-primary:hover{
    color: #fff;
    background-color: #203d98;
}

.u-carousel-indicators-v29 li.slick-active {
    color: #ffffff;
    border-top-color: #395ac1;
}

.bg-secondary {
    background-color: #333 !important;
}

.g-brd-primary {
    border-color: #203d98!important;
}

.btn-glowna-right, .btn-glowna-right:focus {
    color: white;
    background-color: #d82f2f;
}

.przycisk {
    font-size: 17px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #d82f2f;
    color: white;
    font-weight: 600;
}

.przycisk:hover {
    padding-left: 30px;
    padding-right: 30px;
    /* background-image: linear-gradient(to bottom right, #bf9b4c, #6b5115); */
    background-color: #fd4c4c;
    color: white;
}


.blog-wpis-title h4, .cat-post-title {
    color:#d82f2f;
    text-decoration: none !important;
}

.blog-wpis-title h4:hover, .cat-post-title:hover {
    color:#fd4c4c;
    text-decoration: none !important;
}

.blog-wpis-title a:hover{
    text-decoration: none !important;
}

.btn-glowna-right:hover {
    color: white;
    background-color: #fd4c4c;
}

.table td, .table th {
    padding: 0.5rem;
}

.img-shadow {
    transition: box-shadow 0.4s ease-in-out;
    box-shadow: 0 0 25px rgba(25,25,25,0.4);
}

.understrap-read-more-link{
    display:none;
}

.bg-wpis {
    background-color: #ffffffe6;
}

.no-dec {
    text-decoration: none !important;
}

.kontakt-icon {
    margin-top: 5px;
    color: #395ac1;
    transition: text-shadow 0.4s ease-in-out;
    text-shadow: 3px 3px 5px rgba(25,25,25,0.4);
}

.zoom-hover:hover .kontakt-icon {
    transition: text-shadow 0.4s ease-in-out;
    text-shadow: 6px 6px 10px rgba(25,25,25,0.4);
}

.btn-outline-primary, .wpcf7 input[type=submit] {
    color: white;
    border-color: #395ac1;
    background-color: #395ac1;
    width: auto;
}
.btn-outline-primary:hover, .wpcf7 input:hover[type=submit] {
    color: white;
    background-color: #203d98;
    border-color: #203d98;
}

.wpcf7 input:not(:disabled):not(.disabled):active[type=submit] {
    color: white;
    background-color: #395ac1;
    border-color: #395ac1;
}

.wpcf7 input:focus[type=submit] {
    color: white !important;
    border-color: #395ac1 !important;
    background-color: #395ac1 !important;
}

/* CONTACT FORM */
.wpcf7 {
    max-width: unset !important;
}

.wpcf7 textarea, .wpcf7 textarea.wpcf7-validation-errors, textarea.form-control {
    height: 100px;
    /*box-shadow: 4px 4px 5px rgba(25,25,25,0.4);*/
}

.wpcf7 .wpcf7-form label {
    margin-bottom: 10px;
}

.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select {
    height: calc(2rem + 9px) !important;
    border-radius:0 !important;
    /*box-shadow: 4px 4px 5px rgba(25,25,25,0.4);*/
}

.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input:focus[type=color], .wpcf7 input:focus[type=date], .wpcf7 input:focus[type=datetime-local], .wpcf7 input:focus[type=datetime], .wpcf7 input:focus[type=email], .wpcf7 input:focus[type=file], .wpcf7 input:focus[type=month], .wpcf7 input:focus[type=number], .wpcf7 input:focus[type=range], .wpcf7 input:focus[type=search], .wpcf7 input:focus[type=submit], .wpcf7 input:focus[type=tel], .wpcf7 input:focus[type=text], .wpcf7 input:focus[type=time], .wpcf7 input:focus[type=url], .wpcf7 input:focus[type=week], .wpcf7 select:focus, .wpcf7 textarea:focus {
    color: #495057;
    border-color: #333;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus, .wpcf7 .show>input.dropdown-toggle:focus[type=submit], .wpcf7 input:not(:disabled):not(.disabled).active:focus[type=submit], .wpcf7 input:not(:disabled):not(.disabled):active:focus[type=submit] {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.btn:not(:disabled):not(.disabled), .wpcf7 input:not(:disabled):not(.disabled)[type=submit] {
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    text-transform: uppercase;
}
/*END OF CONTACT FORM*/

.mega-menu-link{
    text-transform: uppercase !important;
}

div.border-beetwen+div.border-beetwen {
    border-left: solid 1px grey;
}

.header-scroll .menu-top {
    display: none;
}

.zoom-hover {
    transition: text-shadow 0.4s ease-in-out;
    transition: transform .4s;
}

.zoom-hover:hover {
    transform:scale(1.15);
}

.g-bg-primary--hover:hover {
    background-color: #d82f2f !important;
}

.footer{
    background-color: #203d98;
    color: white !important;
}

.link-footer{
    color: #fff;
    font-weight: 500;
}
.link-footer:hover{
    color: #fff;
}

.footer-icon{
    background-color: #d82f2f;
    color:white;
}
.footer-icon:hover{
    background-color: #fd4c4c;
    color:white;
}
.footer-icon-style:hover i{
    color: black;
}

.footer-icon-style{
    color:#fff;
    display: inline-block;
    font-size: 20px !important;
    width: 40px;
    padding: 10px;
    text-align: center;
}

.btn-primary {
    background-color: #395ac1;
    border-color: #395ac1;
}

.g-bg-primary--hover:hover {
    background-color: #333 !important;
}

.u-carousel-indicators-v1 li.slick-active span, .u-carousel-indicators-v1--white li.slick-active span {
    background-color: #fff;
}

.u-block-hover:hover .g-bg-primary--hover {
    background-color: #d82f2f;
}

.u-icon-v2 {
    border-style: hidden;
}

.bg-secondary--hover{
	background-color: #d82f2f;
}
.bg-secondary--hover:hover{
	background-color: #fd4c4c;
}

 .opis-pracownika {
 	color:#ffffffbf;
 	font-size:13px;
 	line-height: 1;
 }

 #pracownicy ul.g-flex-middle-item--bottom li{
 	display:flex;
 }

 #pracownicy ul.g-flex-middle-item--bottom li i {
 	align-self: center;
 }

 .oferta-table .table td, .table th {
    border-bottom: 1px solid #33333385;
}

 .oferta-table .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #33333385;
}

.g-bg-primary--before::before, .g-bg-primary--after::after {
    background-color: #d82f2f !important;
}

@media only screen and (max-width:500px){
.col-xxs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
}

.circle-shadow svg {
    overflow: hidden;
    vertical-align: middle;
    transition: box-shadow 0.4s ease-in-out;
    box-shadow: 4px 4px 5px rgba(25,25,25,0.4);
    border-radius: 50%;
}

.circle-shadow .zoom-hover:hover svg {
    overflow: hidden;
    vertical-align: middle;
    transition: box-shadow 0.4s ease-in-out;
    box-shadow: 8px 8px 10px rgba(25,25,25,0.4);
    border-radius: 50%;
}

.circle-shadow .circles-text {
	transition: text-shadow 0.4s ease-in-out;
	text-shadow: 4px 4px 5px rgba(25,25,25,0.4);
}

.circle-shadow .zoom-hover:hover .circles-text {
	transition: text-shadow 0.4s ease-in-out;
	text-shadow: 8px 8px 10px rgba(25,25,25,0.4);
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,0.25);
}

.g-color-black {
    color: #333;
}

.g-color-grey {
    color:#444;
}

.color-secondary {
    color:#203d98;
}

.g-max-width-800{
    max-width:800px;
}

.bg-grey {
    background: #efeeee;
    border-top: solid 1px #dcd9d9;
    border-bottom: solid 1px #dcd9d9;
}

.u-heading-v2-1--bottom::after, .u-heading-v2-1--top::before {
    width: 6.14286rem;
    border-top-width: 2px;
}

.u-heading-v2-1--bottom::after {
    margin-top: 0;
}

.icon-media {
    width: 40px;
    color: #203d98;
    font-size: 35px;
    text-align: center;
    margin-top: 10px;
    text-shadow: 2px 2px 2px rgba(25,25,25,0.2);
}

.table {
    margin-bottom: 0px;
    background-color: #d9d9d9bf;
    border-top: solid 4px #203d98;
    border-bottom: solid 2px #aaa;
    border-left: solid 2px #aaa;
    border-right: solid 2px #aaa;
    box-shadow: 5px 5px 10px rgb(55 55 55 / 20%);
}

.oferta-table {
    box-shadow: 4px 4px 5px rgba(25,25,25,0.4);
}

.u-dot-line-v1__inner {
    box-shadow: 3px 3px 5px rgba(25,25,25,0.4);
}

.bg-image {
    background: url("img/bg-img.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-shadow {
    background-color: rgba(0,0,0,0.4);
}

.js-slide .image-fit {
    max-width:105%;
}

span {
    font-size:16px;
}

.table-hover tbody tr:hover {
    background-color: rgba(155, 155, 155, 0.25);
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    display: flex !important;
}

#clients .owl-clients-v1 .item{
    display:grid;
}

#clients .owl-clients-v1 .item img{
    margin:auto auto;
}

.g-bg-primary{
    background-color: #d82f2f !important;
}

@media only screen and (min-width: 992px){
    #mega-menu-primary{
        flex-direction: row !important;
        display: flex !important;
    }
}

.u-btn-primary:hover, .u-btn-primary.active{
    border-color: #203d98 !important;
}

.button-style-1, .button-style-1:focus{
    text-decoration: none;
    color:#555;
    border:solid 1px #555;
    padding: 5px 25px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.button-style-1:hover{
    text-decoration: none;
    color:white;
    border:solid 1px #555;
    background-color:#555;
}


.button-style-2, .button-style-2:focus{
    text-decoration: none;
    color:white;
    border:solid 1px #3a5bc0;
    background-color:#3a5bc0;
    padding: 5px 25px;
    display: inline-block;
}

.button-style-2:hover{
    text-decoration: none;
    color:white;
    border:solid 1px #203d98;
    background-color:#203d98;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.oferta-block-glowna{
    min-height:300px;
    position: relative;
    background-size: cover;
    margin-bottom:30px;
    box-shadow: 6px 6px 17px rgba(52, 52, 52, 0.6);
    padding:30px;
}
.oferta-block-in-glowna{
    background-color: rgba(5, 44, 82, 0.7);
    padding:15px;
    min-height: 240px;
}

.blog-wpis-image-block{
    height:300px;
    width: 100%;
    object-fit: cover;
}

.blog-text-block{
    background-color: rgba(0, 0, 0, 0.5);
    padding:15px;
    position: absolute;
    bottom:0;
    left:0;
    width:70%;
    min-height:200px;
}

.glowna-wpisy.js-carousel.slick-initialized .js-next, .glowna-wpisy.js-carousel.slick-initialized .js-prev {
    opacity: 1;
    background-color: rgba(0,0,0,0.5) !important;
    color:white;
}
.g-right-37{
    right:37px;
}
.g-bottom-0{
    bottom:0;
}

.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

.headline h2, .headline h3, .headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #203d98;
}

.single-post .sidebars {
    margin-top: 15px !important;
}

.tytul-bg{
    background-color: #f9f9f9;
    text-transform: uppercase;
    padding-top:5px;
    padding-bottom:5px;
    /* z-index: 20; */
    position: relative;
}

@media only screen and (min-width: 992px){
    #mega-menu-primary{
        flex-direction: row !important;
        display: flex !important;
    }
}

@media only screen and (max-width: 600px){
    #mega-menu-primary{
        /*flex-direction: column !important;*/
        /*display: none !important;*/
    }
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    color: #333;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
    color: #333;
}

/*
#mega-menu-primary li:last-child{
    order: 2 !important;
}

#mega-menu-primary li:nth-child(1) {
  order: 1 !important;
}

#mega-menu-primary li:nth-child(2) {
  order: 3 !important;
}

#mega-menu-primary li:nth-child(3) {
  order: 4 !important;
}

#mega-menu-primary li:nth-child(4) {
  order: 5 !important;
}*/

.both-element-border-top+.both-element-border-top{
    border-top:solid 1px #bbb;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-top: 20px;
}
hr {
    border-top: 1px solid #bbb;
}

.u-dropcap-bg {
    line-height: 4.16rem;
}
.u-dropcap-bg {
    width: 4rem;
    height: 4rem;
}
.u-heading-v6-1.text-center .u-heading-v6__title::before{
    border-color:#bbb;
}

.u-dropcap-bg{
    font-size:3rem;
}
.oferta-image{
    width:100%;
    height:400px;
    object-fit: cover;
}

.fancybox-caption-wrap{
    display:none;
}

.widget_calendar table {
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
    border: 0;
}

.widget_calendar td, .widget_calendar th {
    padding: 5px 0;
    text-align: center;
}

.widget_calendar tbody tr #today {
    background: #eee;
    background: rgba(0,0,0,0.1);
}

.widget_calendar tr td {
    border: none;
    padding: 5px;
    border-top: 1px solid #ddd;
}

#wp-calendar caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: center;
    caption-side: unset;
    font-size: 18px;
}

.grey-bg, ol{
    background-color: rgb(57 90 193 / 10%);
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 3px #203d98;
    /*height: 100%;*/
}
.ul-orange-box, .acf-editor ul{
    padding-inline-start: 30px;
    list-style: none !important;
}
.ul-orange-box li::before, .acf-editor li::before{
    content: "";
    background-color: #203d98;
    width: 0.7rem;
    height: 0.7rem;
    display: inline-table;
    position: relative;
    margin-right: 10px;
    margin-left: -17px;
    list-style: none !important;
}
.ul-orange-box li::marker, .acf-editor li::marker{
    display: none;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 5px 10px 5px 10px;
    line-height: 25px;
    border-top: solid 2px #203d98;
}

.g-theme-brd-gray-dark-v4 {
    border-color: #ffffff !important;
}
.g-theme-bg-gray-dark-v1 {
    background-color: #203d98 !important;
}
.g-theme-bg-gray-dark-v2--hover:hover{
    background-color: #395ac1 !important;
}
@media only screen and (max-width:1200px){
  .mx-auto-xl{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media only screen and (min-width:992px){
  .ml-auto--lg{
    margin-left:auto !important;
    margin-right:inherit !important;
  }
  .mr-auto--lg{
    margin-left:inherit !important;
    margin-right:auto !important;
  }
}
.g-width-240{
  width:240px;
}
.g-height-240{
  height:240px;
}

@media (min-width: 992px){
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        line-height: 15px;
        max-width: 190px;
    }
}

/* NEW STYLES*/
:root {
    /* MINE IMPORTANT -> HEADER, LOZAD, SECTIONS*/
    --header-height: 100px;
    --section-space: 50px;
    --lozad-animation: 0.8s;
    --lozad-animation-delay: 0.5s;
    --lozad-offset: 250px;

    --main-color: #8181ff;
    --main-color-hover: #9b9bff;
    --main-color-text: #ffffff;

    /* BANNER */
    --min-banner-height: 400px;

    /* BUTTONS */
    --button: #8181ff;
    --button-hover: #9b9bff;
}
/* LOZAD ANIMATIONS */
.lozad.lozad-opacity{opacity: 0;}
.lozad.lozad-opacity[data-loaded=true]{
    animation: lozad-opacity var(--lozad-animation) ease-out forwards;
    animation-delay: var(--lozad-animation-delay);
    transition: opcaity var(--lozad-animation);
}
@keyframes lozad-opacity{
    from{opacity: 0;}
    to{opacity: 1;}
}

.lozad.lozad-left{opacity: 0;}
.lozad.lozad-left[data-loaded=true]{
    animation: lozad-left var(--lozad-animation) ease-out forwards;
    animation-delay: var(--lozad-animation-delay);
    transition: opcaity var(--lozad-animation);
}
@keyframes lozad-left{
    from{transform: translateX(-250px); opacity: 0;}
    to{transform: translateX(0px); opacity: 1;}
}
.lozad.lozad-right{opacity: 0;}
.lozad.lozad-right[data-loaded=true]{
    animation: lozad-right var(--lozad-animation) ease-out forwards;
    animation-delay: var(--lozad-animation-delay);
    transition: opcaity var(--lozad-animation);
}
@keyframes lozad-right{
    from{transform: translateX(250px); opacity: 0;}
    to{transform: translateX(0px); opacity: 1;}
}
.lozad.lozad-top{opacity: 0;}
.lozad.lozad-top[data-loaded=true]{
    animation: lozad-top var(--lozad-animation) ease-out forwards;
    animation-delay: var(--lozad-animation-delay);
    transition: opcaity var(--lozad-animation);
}
@keyframes lozad-top{
    from{transform: translateY(-250px); opacity: 0;}
    to{transform: translateY(0px); opacity: 1;}
}
.lozad.lozad-bottom{opacity: 0;}
.lozad.lozad-bottom[data-loaded=true]{
    animation: lozad-bottom var(--lozad-animation) ease-out forwards;
    animation-delay: var(--lozad-animation-delay);
    transition: opcaity var(--lozad-animation);
}
@keyframes lozad-bottom{
    from{transform: translateY(250px); opacity: 0;}
    to{transform: translateY(0px); opacity: 1;}
}
.lozad.lozad-blur{opacity: 0;}
.lozad.lozad-blur[data-loaded=true]{
    animation: lozad-blur var(--lozad-animation) ease-out forwards;
    animation-delay: var(--lozad-animation-delay);
    transition: opcaity var(--lozad-animation);
}
@keyframes lozad-blur{
    from{filter: blur(5px); transform:scale(1.2); opacity: 0;}
    to{filter: blur(0px);  transform:scale(1); opacity: 1;}
}
.lozad-delay-0{animation-delay: 0s !important;}
.lozad-delay-0-25{animation-delay: 0.25s !important;}
.lozad-delay-0-5{animation-delay: 0.5s !important;}
.lozad-delay-0-75{animation-delay: 0.75s !important;}
.lozad-delay-1{animation-delay: 1s !important;}
.lozad-delay-1-25{animation-delay: 1.25s !important;}
.lozad-delay-1-5{animation-delay: 1.5s !important;}
.lozad-delay-1-75{animation-delay: 1.75s !important;}
.lozad-delay-2{animation-delay: 2s !important;}
.lozad-delay-2-25{animation-delay: 2.25s !important;}
.lozad-delay-2-5{animation-delay: 2.5s !important;}
.lozad-delay-2-75{animation-delay: 2.75s !important;}
.lozad-delay-3{animation-delay: 3s !important;}
.lozad-delay-3-25{animation-delay: 3.25s !important;}
.lozad-delay-3-5{animation-delay: 3.5s !important;}
.lozad-delay-3-75{animation-delay: 3.75s !important;}
.lozad-delay-4{animation-delay: 4s !important;}
.lozad-delay-4-25{animation-delay: 4.25s !important;}
.lozad-delay-4-5{animation-delay: 4.5s !important;}
.lozad-delay-4-75{animation-delay: 4.75s !important;}
.lozad-delay-5{animation-delay: 5s !important;}
/*END LOZAD ANIMATIONS */

.pos-rel{ position: relative; }
.overflow-hidden{ overflow:hidden; }

.box-shadow{
    box-shadow: 10px 10px 10px rgb(55,55,55,0.3);
}

.table-tbody-title{
    margin-bottom: 0;
    background-color: #333;
    padding: 10px 15px;
    text-align: center;
    border-top: solid 2px #aaa;
    border-left: solid 2px #aaa;
    border-right: solid 2px #aaa;
    min-height: 70px;
    display: flex;
    width: 100%;
}
.table-tbody-title *{
   color: white;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    margin:auto;
}

.color-red{
    color:red !important;
}

.box-warning{
    background-color: rgba(255,55,55,0.1);
    border:solid 2px red;
    position: relative;
    overflow: hidden;
}

.box-warning .title{
    padding:5px 15px;
    color:white;
    background-color:red;
    width:100%;
    text-align: center;
    color:white;
}

.box-warning .content{
    padding:15px;
    font-size:18px;
}

.switcher .option {
    position: absolute !important;
}

.acf-editor u{
	color:red;
}