@font-face { font-family: 'FontAwesome'; src: url('../../fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }

:root {
    --color1: #1c4e76;
    --color2: #4b7fa5;
    --color3: #4599d7;
    --color4: #031b4e;
  }


.is-style-section-title, .main-title {font-size: 2.2rem;line-height: 1.1;font-weight: 400;margin-bottom: 30px;}   
.is-style-middle-title {font-size: 1.4rem; padding: 30px 0;}
.is-style-more-btn-single {margin-bottom: 0; font-size: 1.4rem;}
.is-style-more-btn-single a {display: inline-block; padding: 10px 10px 10px 0;}
.is-style-more-btn-single a:after {content: "\f063";font-family: FontAwesome; display: inline-block; position: relative; left: 10px;}
.is-style-separator-short {width: 100px;margin: 0;}
.is-style-separator-short-center {width: 200px; margin: 0 auto;}
.is-style-image-full-width img {width: 100%;}
hr.wp-block-separator.is-style-separator-full-width {border: none;width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;height: 1px;background-color: #dbafd2;}
.is-style-side-menu {list-style: none!important; margin: 0!important;}
.is-style-side-menu li a {display: block; padding: 10px 0; text-transform: uppercase;  color: #6f75b2; position: relative; font-size: 0.875rem; }
.is-style-side-menu li a:after {content: ""; display: inline-block; width: 80%; height: 1px; background-color: #dbafd2;}

.has-small-font-size {font-size: 0.9rem; font-weight: 600;margin-bottom: 0px; line-height: 1.2;}
.has-medium-font-size {font-size: 1.4rem; font-weight: 600; margin-bottom: 10px;line-height: 1.2;}
.has-large-font-size,.box-title, .section-title {font-size: 3rem; font-weight: 500;margin-bottom: 20px;line-height: 1.1;}
.box-title:after {content: ""; display: block; position: relative; top: 5px; width: 100px; height: 2px; background-color: var(--color2);}
.is-style-p-bigger-30 {font-size: 30px; line-height: 1.4;}
.is-style-p-bigger-20 {font-size: 20px; line-height: 1.4;}


.spacer-line {display: inline-block; height:1px; background-color: #161b22; margin: 0 20px;}
.spacer-80 {width: 80px;}

.has-kolor-1-color {color: var(--color1);}
.has-kolor-2-color {color: var(--color2);}
.has-kolor-3-color {color: var(--color3);}
.has-kolor-4-color {color: var(--color4);}


 
.info-box {padding: 40px; color: #fff;}
.info-box ul {list-style: square; margin: 0 0 20px 30px;}
.info-box a {color: inherit; font-weight: bold;}
.info-box .wp-element-button:hover {outline: 1px solid #fff; border-radius: 10px; background-color: var(--color4);}
.info-box-1 {background-color: var(--color1);}
.info-box-2 {background-color: var(--color2);}
.info-box-3 {background-color: var(--color3);}
.no-gap .wp-block-columns {column-gap: 0;}


.oferta-item {padding: 50px 20px 0 20px; background-color: #fff; margin-bottom: 30px; min-height: 250px; box-sizing: border-box; border-radius: 5px; transition: all 0.5s ease-in-out;  position: relative;}
.oferta-item:hover {background-color: var(--color1); color: #fff;}
.oferta-item:hover h3 a {color: #fff;transition: all 0.5s ease-in-out;}
.oferta-item h3 {font-size: 1.4rem; font-weight: 600; color: var(--color3);}
.oferta-item h3 a {color: var(--color2);display: block; padding-bottom: 10px; z-index: 10; position: absolute; left: 20px; top: 15px; bottom: 0; right: 0;} 
.oferta-item p {font-size: 0.9rem;}
.oferta-item p.more {
    position: absolute;
    bottom: -10px;
    padding: 5px 10px;
    background-color: var(--color1);
    left: 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    font-size: 0.7rem;
    transition: all 0.5s ease-in-out;
}
.oferta-item:hover p.more {background-color: var(--color3);}



section.section-1 {
    background-image: url(../img/section-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
}
body:not(.home) .page-wrapper {padding-top: 200px;}
.page-wrapper h1 {font-size: 2.6rem; color: var(--color2);}
.breadcrumbs {font-size: 13px; padding-top: 20px;}
.breadcrumbs a {font-weight: 700;}