body {
    min-width: 320px;
    line-height: 19px;
    color: #1d1d1b;
    font-family: "Open Sans", Arial, Tahoma, sans-serif;
    font-size: 13px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    position: relative;
    right: 0;
}

:focus {
    outline: none;
}

img {
    width: 100%;
    border: none;
    vertical-align: middle;
}

a {
    color: #1d1d1b;
    text-decoration: none !important;
    transition: all 150ms;
}

a:hover {
    color: #4f4f4f;
}

b, strong, dt {
    font-weight: 700;
}

h1, h1 a, h2, h2 a,
h3, h3 a, h4, h4 a,
h5, h5 a, h5, h6 a
{
    color: #1d1d1b;
}

h1 a:hover, h2 a:hover,
h3 a:hover, h4 a:hover,
h5 a:hover, h6 a:hover {
    color: #7a7a7a;
}

h1 {
    font-size: 29px;
    line-height: 30px;
    font-weight: 400;
}

h2 {
    font-size: 21px;
    line-height: 27px;
    font-weight: 700;
}

h3 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
}

h4 {
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
}

h5 {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
}

h6 {
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
}

button {
	padding: 0;
	border: none;
	background-color: transparent;
    cursor: pointer;
    font-family: "Open Sans", Arial, Tahoma, sans-serif;
    font-size: 13px;
}

button:focus {
    outline: none;
}

::-moz-selection {
	background-color: #e20613;
	color: #ffffff;
	text-shadow: none;
}

::selection {
	background-color: #e20613;
	color: #ffffff;
	text-shadow: none;
}

::-webkit-input-placeholder {
	color: #929292;
	opacity: 1
}

::-moz-placeholder {
	color: #929292;
	opacity: 1
}

:-moz-placeholder {
	color: #929292;
	opacity: 1
}

:-ms-input-placeholder {
	color: #929292;
	opacity: 1
}

body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body::-webkit-scrollbar-thumb {
    background: #dddddd;
    border-radius: 2px;
}

body::-webkit-scrollbar-track-piece {
    background: #fff;
}

body.lightbox {
    margin-right: 10px;
}

body.lightbox .social-box {
    right: 10px;
}

body.lightbox #categories.sticky {
    padding-right: 10px;
}

.btn {
    font-size: 95%;
    border-radius: 0;
}

.btn.focus, .btn:focus {
    box-shadow: none !important;
}

.btn-primary {
    text-transform: uppercase;
    color: #fff;
    background-color: #e20613;
    border-color: #e20613;
}

.btn-primary:hover {
    background-color: #ce0913;
    border-color: #ce0913
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #ce0913;
    border-color: #ce0913
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #ce0913;
    border-color: #ce0913;
}

.btn-secondary {
    text-transform: uppercase;
    color: #fff;
    background-color: #b2b2b2;
    border-color: #b2b2b2;
}

.btn-secondary:hover {
    background-color: #9e9e9e;
    border-color: #9e9e9e
}

.btn-secondary.focus, .btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #9e9e9e;
    border-color: #9e9e9e
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}

.btn-info {
    font-weight: 600;
    color: #fff;
    background-color: #167ea3;
    border-color: #167ea3;
}

.btn-info:hover {
    background-color: #137294;
    border-color: #137294
}

.btn-info.focus, .btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #137294;
    border-color: #137294
}

.btn-white {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}

.btn-white:hover {
    background-color: #f6f6f6;
    border-color: #000000
}

.btn-white.focus, .btn-white:focus,
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle {
    background-color: #ffffff;
    border-color: #000000
}

.btn-initial {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    background-color: inherit;
    border-color: #ffffff;
}

.btn-initial:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff
}

.btn-initial.focus, .btn-initial:focus,
.btn-initial:not(:disabled):not(.disabled).active,
.btn-initial:not(:disabled):not(.disabled):active,
.show>.btn-initial.dropdown-toggle {
    background-color: #ffffff;
    border-color: #000000
}

.btn-arrow {
    line-height: 1.4;
    padding-right: 20px;
    font-weight: 700;
    color: #1d1d1b !important;
    background-image: url("../img/btn-arrow.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: right 3px;
}

.btn-arrow.invert {
    padding: 5px 35px 5px 15px;
    color: #ffffff !important;
    background-color: #e20613;
    background-image: url("../img/btn-arrow-invert.svg");
    background-position: calc(100% - 12px) 8px;
    border-radius: 20px;
}

.btn-arrow:hover {
    opacity: 0.6;
}

.btn-arrow.white {
    color: #ffffff !important;
}

.cke_source {
    min-width: 800px;
    width: 100% !important;
    white-space: pre-wrap !important;
}

#overlay {  
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: rgba(0,0,0,.6);
    z-index: 9002;
    display: none;
}

@media (min-width: 576px) {
    h1 {
        font-size: 36px;
        line-height: 38px;
    }

    h2 {
        font-size: 26px;
        line-height: 34px;
    }

    h3 {
        font-size: 19px;
        line-height: 26px;
    }

    h4 {
        font-size: 16px;
        line-height: 23px;
    }

    h5 {
        font-size: 17px;
        line-height: 19px;
    }

    h6 {
        font-size: 13px;
        line-height: 19px;
    }
}

@media (min-width: 768px) {
    body {
        line-height: 21px;
    }

    h1  {
        font-size: 41px;
        line-height: 43px;
    }

    h2 {
        font-size: 30px;
        line-height: 38px;
    }

    h3 {
        font-size: 21px;
        line-height: 30px;
    }

    h4 {
        font-size: 18px;
        line-height: 26px;
    }

    h5 {
        font-size: 19px;
        line-height: 20px;
    }

    h6 {
        font-size: 13px;
        line-height: 21px;
    }
}

@media (min-width: 992px) {
    body {
        font-size: 14px;
        line-height: 25px;
        right: 0 !important;
    }

    #overlay {
        display: none !important;
    }
    
    h1 {
        font-size: 48px;
        line-height: 50px;
    }

    h2 {
        font-size: 35px;
        line-height: 45px;
    }

    h3 {
        font-size: 25px;
        line-height: 35px;
    }

    h4 {
        font-size: 21px;
        line-height: 31px;
    }

    h5 {
        font-size: 22px;
        line-height: 24px;
    }

    h6 {
        font-size: 14px;
        line-height: 25px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1220px;
    }
}


/** INFO BAR */
.info-bar {
    padding: 5px 0;
    color: #ffffff;
    background: linear-gradient(90deg,#53aadb 0%,#14a0d2 100%);
}

.info-bar .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
        align-items: center
}

.info-bar .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}

.info-bar p {
    margin: 0;
    padding: 0 15px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 300;
}

.info-bar p span {
    display: none;
    font-size: 14px;
}

.info-bar .btn-info {
    white-space: nowrap;
}

@media (min-width: 576px) { 
    .info-bar p {
        padding: 0 20px;
        font-size: 16px;
    }

    .info-bar p span {
        display: inline;
    }
}


/** HEADER */
#header .actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 21px;
    border-bottom: 1px solid #ededed;
}

#header .other-sites {
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    font-size: 0;
    text-align: center;
}

#header .other-sites li {
    display: inline-block;
    margin-bottom: -1px;
    margin-right: 6px;
    font-size: 12px;
    font-weight: 600;
}

#header .other-sites li.emc {
    border-bottom: 2px solid #3b80c5;
}

#header .other-sites li.energetyka {
    border-bottom: 2px solid #ffba17;
}

#header .other-sites li.wypozyczalnia {
    border-bottom: 2px solid #e20613;
    margin-right: 0;
}

#header .other-sites a {
    display: block;
    padding: 9px 12px 7px;
    color: #1d1d1b;
}

#header .other-sites li:hover a {
    color: #ffffff;
}

#header .other-sites li.emc:hover a {
    background-color: #3b80c5;
}

#header .other-sites li.energetyka:hover a {
    background-color: #ffba17;
}

#header .other-sites li.wypozyczalnia:hover a {
    background-color: #e20613;
}

#header .close-wrapper {
    position: absolute;
    z-index: 1;
    height: 60px;
    width: 100%;
    background-color: #191919;
}

#header .close-wrapper a {
    float: right;
    display: block;
    padding: 0;
    margin: 22px 18px 0 0;
    height: 16px;
    width: 16px;
    background-image: url("../img/close.svg");
    background-repeat: no-repeat;
    opacity: 0.6;
}

#header .close-wrapper a:hover {
    opacity: 1;
}

#header .navigation {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 10000;
    top: 0;
    right: -250px;
    background-color: #191919;
}

#header .navigation ul {
    height: 100%;
    margin: 0;
    padding: 60px 0 0;
    font-size: 0;
    list-style: none;
    overflow-y: scroll;
}

#header .navigation li {
    display: block;
    padding: 20px 18px 0;
    background-color: #222222;
}

#header .navigation li:last-child {
    margin-right: 0;
    padding-bottom: 20px;
}

#header .navigation li a {
    display: block;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}

#header .navigation li a:hover {
    opacity: 0.6;
}

#header .navigation .current > a {
    color: #e20613 !important;
}

#header .navigation .home {
    display: none;
}

#header .navigation .home a {
    display: block;
    line-height: 18px;
    height: 17px;
    width: 19px;
    background-image: url("../img/home.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#header .navigation .home a:hover {
    opacity: 0.5;
}

#header .navigation .toggle {
    padding-right: 28px;
}

#header .navigation .dropdown {
    position: relative;
}

#header .navigation .dropdown ul {
    margin: 0 -18px;
    max-height: 0;
    padding-top: 0;
    transition: max-height 0.5s ease-out;
}

#header .navigation .dropdown li {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #191919;
}

#header .navigation .dropdown li:first-child {
    margin-top: 20px;
}

#header .navigation .dropdown .fas {
    position: absolute;
    top: 21px;
    right: 18px;
    transition: transform .5s;
}

#header .navigation .dropdown li a {
    font-size: 13px;
}

#header .navigation .open ul {
    max-height: 500px;
    transition: max-height 0.5s ease-in;
}

#header .navigation .open .fas {
    transform: rotate(90deg);
}

#header .top-bar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#header .logo {
    min-height: 88px;
}

#header .logo img {
    width: 190px;
}

#header .logo a {
    display: block;
    padding: 20px 0;
}

#header .search-wrapper {
    position: relative;
    width: 100%;
}

#header .additional {
    padding: 15px 0;
    width: 100%;
    text-align: center;
}

#header .additional .item {
    display: inline-block;
    margin-left: 15px;
    color: #4a4a49;
}

#header .additional .item:hover {
    color: #7a7a7a;
}

#header .additional .item:first-child {
    margin-left: 0;
}

#header .additional .item img {
    height: 25px;
    width: auto;
    margin-right: 5px;
}

#header .additional .item strong {
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
}

#header .navbar-toggler {
    position: absolute;
    top: 29px;
    right: 0;
    background-color: #e20613;
    color: #ffffff;
}

@media (min-width: 576px) { 
    #header .other-sites {
        display: block;
    }

    #header .top-bar {
        padding: 0 15px;
    } 

    #header .additional .item {
        margin-left: 20px;
    }

    #header .additional .item img {
        height: 34px;
    }

    #header .additional .item strong {
        font-size: 16px;
    }

    #header .navbar-toggler {
        right: 15px;
    }
}

@media (min-width: 768px) { 
    #header .top-bar {
        padding: 0 25px;
    }

    #header .search-wrapper {
        margin-right: 85px;
        width: auto;
    }

    #header .additional {
        padding: 0 0 15px;
    }

    #header .navbar-toggler {
        right: 25px;
    }
}

@media (min-width: 992px) { 
    #header .logo img {
        width: 190px;
    }   

    #header .additional {
        padding: 0;
        width: auto;
    }

    #header .additional .item img {
        height: 28px;
    }
    
    #header .additional .item strong {
        font-size: 15px;
    }

    #header .search-wrapper {
        margin-right: 0;
    }

    #header .other-sites {
        width: auto;
    }

    #header .close-wrapper {
        display: none;
    }

    .newStyles #header .navigation {
        display: none;
    }

    #header .navigation {
        display: block;
        height: auto;
        width: auto;
        position: relative;
        right: 0 !important;
        z-index: 1;
        background: none;
    }

    #header .navigation ul {
        padding-top: 0;
        height: auto;
        overflow-y: auto;
    }  

    #header .navigation li {
        display: inline-block;
        margin-right: 6px;
        padding: 9px 0 9px 8px;
        font-size: 12px;
        background: none;
    }

    #header .navigation li:last-child {
        padding-bottom: inherit;
    }

    #header .navigation li a {
        display: block;
        line-height: 21px;
        font-size: 12px;
        font-weight: 300;
        color: #1d1d1b;
    }
    
    #header .navigation li a:hover {
        color: #4f4f4f;
        opacity: 1;
    }

    #header .navigation .toggle {
        padding-right: 0;
    }

    #header .navigation .dropdown .fas {
        display: none;
    }

    #header .navigation .dropdown ul {
        display: none;
    }

    #header .navigation .home {
        display: inline-block;
    }

    #header .navigation .red {
        margin-left: 8px;
        padding: 0;
    }

    #header .navigation .red a {
        display: block;
        padding: 9px 12px;
        font-weight: 700;
        color: #ffffff !important;
        background-color: #e20613;
    }

    #header .navigation .red a:hover {
        background-color: #ce0913;
    }

    #header .navigation .red.current a {
        background-color: #ce0913;
    }

    #header .navbar-toggler {
        display: none;
    }
}

@media (min-width: 1200px) { 
    #header .logo img {
        width: 260px;
    }   

    #header .additional .item img {
        height: 34px;
    }
    
    #header .additional .item strong {
        font-size: 16px;
    }
}

@media (min-width: 1200px) { 
    #header .navigation li {
        padding-left: 12px;
    }

    #header .navigation .red {
        margin-left: 10px;
    }
}

/** SEARCH */
#search {
    position: relative;
    line-height: 1;
}

#search .loader {
    display: none;
    position: absolute;
    top: 11px;
    right: 95px;
    color: #7d7d7d;
}

.newStyles #search .input {
    border-radius: 12px;
}

#search .input {
    padding: 9px 120px 9px 20px;
    min-width: 290px;
    width: 100%;
    font-size: 12px;
    background-color: #f6f6f6;
    border: 0;
    border-radius: 50px;
}


#search .input:focus {
    color: #1982c2;
    background-color: #e9f5fc;
}

.newStyles #search .submit {
    background-color: #00649f;
}

.newStyles #search .submit:hover {
    background-color: #004786;
}

.newStyles #search .submit {
    border-radius: 0 12px 12px 0;
}

#search .submit {
    position: absolute;
    right: 0;
    padding: 11px 20px;
    font-weight: 700;
    color: #ffffff;
    background-color: #e20613;
    border-radius: 0 50px 50px 0;
    transition: all 150ms;
}

#search .submit:hover {
    background-color: #ce0913;
}

#suggestions {
    display: none;
    position: absolute;
    z-index: 1038;
    margin-top: 10px;
    width: 100%;
    font-size: 13px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 10px;
}

#suggestions.active {
    display: block;
}

#suggestions .no-results {
    display: none;
    padding: 10px 15px;
}

#suggestions .results {
    margin-top: 10px;
}

#suggestions .results .item {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 15px;
    border-bottom: 1px solid #dedede;
}

#suggestions .results .item:last-child {
    border-bottom: none;
    margin-bottom: 10px;
}

#suggestions .results .item:hover {
    background-color: #f2f2f2;
}

#suggestions .results .image {
    -ms-flex: 0 0 60px;
        flex: 0 0 60px;
}

#suggestions .results .info {
    padding-left: 15px;
    line-height: 19px;
    font-size: 12px;
    color: #000;
}

#suggestions .show-more {
    line-height: 40px;
    width: 100%;
    font-size: 13px;
    color: #e20613;
    border-radius: 0 0 10px 10px;
    transition: all 150ms;
    -webkit-font-smoothing: auto;
}

#suggestions .show-more:hover {
    color: #ffffff;
    background-color: #e20613;
}

@media (min-width: 576px) { 
    #search .input {
        min-width: 420px;
    }

    #suggestions {
        margin-top: 20px;
    }
}

@media (min-width: 768px) { 
    #search .input {
        min-width: 320px;
    }

    #suggestions {
        margin-left: -15%;
        width: 130%;
    }
}

@media (min-width: 1200px) { 
    #search .input {
        min-width: 420px;
    }

    #suggestions {
        margin-left: 0;
        width: 100%;
    }
}


/** CATEGORIES */
#helper {
    display: none;
}

.newStyles #categories {
    opacity: 1;
}

#categories {
    display: none;
    position: relative;
    z-index: 1035;
    background-color: #ffffff;
    opacity: 0.97;
    border-bottom: 1px solid #ffffff;
    transition: border 0.5ms;
}

#categories.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-color:#eaeaea;
}

#categories .container {
    padding: 0;
}

#categories.sticky .container {
    padding: 0 15px;
}

#categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newStyles #categories .main-menu {
    display: flex;
}

#categories .main-menu {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    border-top: 1px solid #ededed;
}

.newStyles #categories .main-menu > li {
    flex: 1 1 auto;
    text-align: center;
}

#categories .main-menu > li {
    display: inline-block;
    text-align: left;
    border-left: 1px solid #ededed;
}

#categories .main-menu > li:first-child {
    border-left: 0;
}

.newStyles #categories .main-menu > li > a {
    padding: 16px 0;
    font-weight: 600;
    text-transform: uppercase;
}

#categories .main-menu > li > a {
    position: relative;
    display: block;
    padding: 9px 16px 11px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #4a4a49;
}

#categories .main-menu > .current > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 3px;
    width: 100%;
    background-color: #e20613;
}

#categories .dropdown {
    position: unset;
}

.newStyles #categories .sub-menu {
    padding: 0;
    text-align: left;
    background-color: #e5e5e5;
}

.newStyles #categories .main-categories {
    padding: 10px 20px 15px;
    width: 26%;
    background-color: #d4d4d4;
}

.newStyles #categories .categories-tree {
    padding: 16px 20px;
    width: 52%;
    columns: 2;
    column-gap: 20px;
}

.newStyles #categories .categories-tree .menu-item {
    display: none;
}

.newStyles #categories .categories-tree .menu-item.active {
    display: block;
}

.newStyles #categories .shortcuts {
    padding: 20px 15px 10px;
    width: 22%;
    text-align: center;
    background-color: #ffffff;
}

.newStyles #categories .shortcuts .wrapper {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b2b2b2;
}

.newStyles #categories .shortcuts .wrapper img {
    margin-bottom: 10px;
    padding: 0 20px;
}

.newStyles #categories .shortcuts .wrapper p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    min-height: 45px;
    font-size: 15px;
}

.newStyles #categories .shortcuts .btn {
    margin-bottom: 15px;
    line-height: 1.3em;
    width: 80%;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff !important;
}

.newStyles #categories .documents-menu {
    padding: 35px 15px 0;
    text-align: center;
}

.newStyles #categories .documents-menu a {
    display: block;
}

.newStyles #categories .documents-menu img {
    margin-bottom: 8px;
}

#categories .sub-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    z-index: 2001;
    left: 0;
    padding: 30px 30px 30px 30px;
    width: 100%;
    opacity: 0;
    background: #555;
    transition: opacity 200ms ease-in;
    pointer-events: none;
}

#categories .dropdown:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
}

#categories.sticky .sub-menu { 
    left: 15px;
    right: 15px;
    width: auto;
}

.newStyles #categories .sub-menu li {
    padding: 0;
    width: auto;
}

.newStyles #categories .sub-menu a {
    display: inline-block;
    color: #4a4a49;
}

.newStyles #categories .sub-menu a:hover {
    color: #00649f;
}

.newStyles #categories .sub-menu a.active {
    color: #00649f;
}

.newStyles #categories .main-categories a {
    padding: 6px 20px 6px 0;
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 14px;
    position: relative;
}

.newStyles #categories .main-categories a::after {
    content: ">";
    position: absolute;
    right: 0;
    font-weight: 600;
}

.newStyles #categories .categories-tree a {
    font-size: 12px;
}

.newStyles #categories .documents-menu li {
    margin-bottom: 30px;;
    padding: 0 15px !important;
    width: 20%;
}

#categories .sub-menu li {
    padding: 12px 15px;
    width: 25%;
}

#categories .sub-menu a {
    display: block;
    line-height: 1.5em;
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}   

#categories .sub-menu a:hover {
    color: #9a9a9a;
}

#categories .sub-menu .current > a {
    font-weight: 700;
}


@media (min-width: 992px) { 
    #helper {
        display: block;
    }

    #categories {
        display: block;
    }
}

@media (min-width: 1200px) { 
    .newStyles #categories .main-menu > li > a {
        font-size: 14px;
    }

    .newStyles #categories .main-categories a {
        padding: 10px 25px 10px 0;
        font-size: 15px;
    }
    
    .newStyles #categories .categories-tree {
        padding: 20px;
    }

    .newStyles #categories .categories-tree a {
        font-size: 13px;
    }

    .newStyles #categories .shortcuts .wrapper p {
        font-size: 17px;
    }

    .newStyles #categories .documents-menu {
        padding: 45px 25px 0;
    }
    
    .newStyles #categories .documents-menu li {
        margin-bottom: 30px;
        padding: 0 20px !important;
    }

    #categories .main-menu > li > a {
        padding: 9px 30px 11px;
        font-size: 13px;
    }

    #categories .sub-menu a {
        font-size: 14px;
    }
}


/** INTRODUCTION **/
.newStyles .introduction {
    margin-bottom: 45px;
    background: url("/www/introduction.png") no-repeat, 
                linear-gradient(to bottom right, rgb(214, 214, 214), white, rgb(235, 235, 235));
    background-size: contain;
    overflow: hidden;
}

.newStyles .introduction .container {
    position: relative;
    padding: 0 30px;
    height: 100%;
}

.newStyles .introduction .subtitle {
    position: relative;
    display: inline-block;
    margin: 0 0 30px;
    padding: 40px 0 18px;
    line-height: 1;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: 7px;
    color: #4a4a4a;
}

.newStyles .introduction .subtitle strong {
    font-weight: 600;
}

.newStyles .introduction .subtitle::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100000%;
    border-bottom: 2px solid #a1a1a1;
}

.newStyles .introduction .content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.newStyles .introduction .item {
    display: flex;
    margin-bottom: 25px;
}

.newStyles .introduction .icon {
    width: 50px;
}

.newStyles .introduction .description {
    padding-left: 20px;
    font-size: 14px;
}

.newStyles .introduction .description h4 {
    line-height: 1;
    margin-bottom: 5px;
}

.newStyles .introduction .description ul {
    padding-left: 15px;
    margin-bottom: 0;
    list-style: none;
}

.newStyles .introduction .description li::before {
    content: "\2022";
    color: #e20613;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

.newStyles .introduction .description p {
    margin-bottom: 0;
}

.newStyles .introduction .photos {
    display: none;
}

.newStyles .introduction .btn {
    margin: 0 0 40px;
    padding: 7px 14px;
    font-size: 14px;
    font-weight: 400;
    background: #0064a3;
    border-radius: 0;
}

.newStyles .introduction .btn-main:hover {
    background: #004977;
}

@keyframes move {
    0%    {transform: translateX(10%);}
    100%  {transform: translateX(0px);}
}

@keyframes move2 {
    0%    {transform: translateX(12%);}
    100%  {transform: translateX(0px);}
}

@keyframes move3 {
    0%    {transform: translateX(40%);}
    100%  {transform: translateX(0px);}
}

@keyframes see {
    0%    {opacity: 0;}
    10%   {opacity: 1;}
    25%   {opacity: 1;}
    33%   {opacity: 0;}
    40%   {opacity: 0;}
    58%   {opacity: 0;}
    66%   {opacity: 0;}
    72%   {opacity: 0;}
    91%   {opacity: 0;}
    99%   {opacity: 0;}
    100%  {opacity: 0;}
}

@keyframes see2 {
    0%    {opacity: 0;}
    10%   {opacity: 0;}
    25%   {opacity: 0;}
    33%   {opacity: 0;}
    40%   {opacity: 1;}
    58%   {opacity: 1;}
    66%   {opacity: 0;}
    72%   {opacity: 0;}
    91%   {opacity: 0;}
    99%   {opacity: 0;}
    100%  {opacity: 0;}
}

@keyframes see3 {
    0%    {opacity: 0;}
    10%   {opacity: 0;}
    25%   {opacity: 0;}
    33%   {opacity: 0;}
    40%   {opacity: 0;}
    58%   {opacity: 0;}
    66%   {opacity: 0;}
    72%   {opacity: 1;}
    91%   {opacity: 1;}
    99%   {opacity: 0;}
    100%  {opacity: 0;}
}

@media (min-width: 576px) { 
    .newStyles .introduction .container {
        padding: 0 15px;
    }
    
    .newStyles .introduction .subtitle {
        font-size: 35px;
    }

    .newStyles .introduction .item {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .newStyles .introduction .subtitle {
        margin: 0 0 40px;
        padding-top: 50px;
        font-size: 42px;
    }

    .newStyles .introduction .icon {
        width: 60px;
    }

    .newStyles .introduction .description {
        padding-left: 25px;
        font-size: 16px;
    }

    .newStyles .introduction .btn {
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .newStyles .introduction .subtitle {
        padding-top: 60px;
        font-size: 48px;
    }

    .newStyles .introduction .content {
        width: 60%;
    }
    
    .newStyles .introduction .item {
        margin-bottom: 35px;
    }

    .newStyles .introduction .description {
        font-size: 18px;
    }

    .newStyles .introduction .btn {
        margin-bottom: 60px;
        font-size: 16px;
    }

    .newStyles .introduction .photos {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        pointer-events: none;
    }
    
    .newStyles .introduction .photos img {
        position: absolute;
        top: 13%;
        height: 75%;
        width: auto;
        animation-duration: 20s;
        animation-iteration-count: infinite;
        opacity: 0;
    }
    
    .newStyles .introduction #photo1 {
        left: 45%;
        animation-name: move, see;
    }
    
    .newStyles .introduction #photo2 {
        left: 35%;
        animation-name: move2, see2;
    }
    
    .newStyles .introduction #photo3 {
        left: 60%;
        animation-name: move3, see3;
    }
}

@media (min-width: 1200px) { 
    .newStyles .introduction .subtitle {
        margin: 0 0 50px;
        padding-top: 70px;
        font-size: 58px;
        letter-spacing: 9px;
    }

    .newStyles .introduction .photos img {
        top: 7%;
        height: 85%;
    }

    .newStyles .introduction .btn {
        margin-bottom: 70px;
    }
}


/** SQUARES **/
.newStyles .squares {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
    max-width: 1810px;
}

.newStyles .squares .item {
    margin-bottom: 25px;
    padding: 0 10px;
    width: 100%;
}

.newStyles .squares .inside {
    position: relative;
    padding: 20px 15px 50px;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 0 7px rgba(148, 148, 148, 0.5);
}

.newStyles .squares .icon {
    margin: 0 8px 20px;
    height: 50px;
}

.newStyles .squares .icon img {
    height: 100%;
    width: auto;
}

.newStyles .squares .item h4 {
    margin: 0 0 10px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 700;
}

.newStyles .squares .item p {
    line-height: 1.5;
}

.newStyles .squares .btn-white {
    position: absolute;
    bottom: 20px;
}

@media (min-width: 576px) {
    .newStyles .squares .item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .newStyles .squares .item {
        width: 33.3333333333%;
    }

    .newStyles .squares .icon {
        margin-bottom: 25px;
    }
}

@media (min-width: 1400px) { 
    .newStyles .squares .item {
        width: 16.666666%;
    }
}

/** SLIDERS WRAPPER **/
.newStyles .sliders-wrapper {
    position: relative;
    margin: 30px auto 50px;
    padding-bottom: 30px;
    background: linear-gradient(90deg, #cccccc 50%, #ffffff 50%);
}

.newStyles #fade-slider {
    position: relative;
}

.newStyles #fade-slider .slick-list,
.newStyles #fade-slider .slick-track {
    height: 100%;
}

.newStyles #fade-slider .wrapper {  
    background-color: #0088c2;
}

.newStyles #fade-slider .arrows {
    display: flex;
    position: absolute;
    right: 20px;
    bottom: 27px;
    line-height: 1;
    font-size: 18px;
    color: #ffffff;
}

.newStyles #fade-slider .arrows .next {
    margin-left: 5px;
    transform: rotate(180deg);
}

.newStyles #fade-slider .arrows .fas {
    display: flex;
    transition: all 150ms;
    opacity: 1;
}

.newStyles #fade-slider .arrows .fas:hover {
    opacity: 0.5;
}

.newStyles #fade-slider .arrows .fas::after {
    content: "";
    position: relative;
    top: 8px;
    left: -5px;
    display: block;
    height: 3px;
    width: 35px;
    background: #ffffff;
    border-radius: 0 1px 1px 0;
}

.newStyles #fade-slider .slick-arrow {
    cursor: pointer;
}

.newStyles #fade-slider .item {
    background-color: #0088c2;
}

.newStyles #fade-slider .inside {
    padding: 20px;
    color: #ffffff;
    font-weight: 400;
}

.newStyles #fade-slider .description {
    width: 100%;
    font-size: 12px;
}

.newStyles #fade-slider .description h2 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.3;
    color: #ffffff;
}

.newStyles #fade-slider .btn-initial {
    margin-top: 10px;
}

.newStyles #images-slider .slick-list {
    padding: 0 !important;
}

@media (min-width: 576px) {
    .newStyles #fade-slider .description {
        font-size: 14px;
    }

    .newStyles #fade-slider .description h2 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .newStyles #fade-slider .description {
        font-size: 15px;
    }

    .newStyles #fade-slider .description h2 {
        font-size: 24px;
    }
    
    .newStyles #fade-slider .arrows {
        font-size: 20px;
    }

    .newStyles #fade-slider .arrows .next {
        margin-left: 12px;
    }

    .newStyles #fade-slider .arrows .fas::after {
        height: 4px;
        width: 50px;
    }
}

@media (min-width: 992px) { 
    .newStyles .sliders-wrapper {
        margin: 80px auto;
    }

    .newStyles #fade-slider {
        position: absolute;
        top: 0;
        right: 65%;
        z-index: 2;
        height: 100%;
        width: 100%;
    }

    .newStyles #fade-slider .wrapper {
        height: 100%;
    }

    .newStyles #fade-slider .item {
        display: flex;
        justify-content: right;
    }

    .newStyles #fade-slider .inside {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        width: 35%;
    }

    .newStyles #fade-slider .description {
        font-size: 14px;
    }

    .newStyles #fade-slider .description h2 {
        font-size: 20px;
    }

    .newStyles #images-slider {
        position: relative;
        z-index: 1;
        top: -40px;
        left: 50%;
        margin-left: -20%;
        width: 70%;
    }

    .newStyles #fade-slider .arrows {
        right: 40px;
    }
}

@media (min-width: 1150px) { 
    .newStyles #fade-slider .wrapper {
        display: flex;
        justify-content: right;
    }
}

@media (min-width: 1500px) { 
    .newStyles #fade-slider {
        padding-bottom: 80px;
    }

    .newStyles #fade-slider .inside {
        padding: 0 100px 0 0;
        width: 500px;
    }

    .newStyles #fade-slider .description {
        margin: 0 0 10px;
        font-size: 17px;
    }

    .newStyles #fade-slider .description h2 {
        font-size: 28px;
    }

    .newStyles #fade-slider .arrows {
        bottom: 115px;
    }
}


/** BLOCKS **/
.newStyles .blocks .row {
    margin-bottom: 35px;
}

.newStyles .blocks .col-12 {
    margin-bottom: 20px;
}

.newStyles .blocks h3 {
    margin: 0 0 10px;
    line-height: 1;
    font-size: 20px;
    font-weight: 100;
}

.newStyles .blocks .description {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.newStyles .blocks .description p {
    margin: 0;
}

@media (min-width: 992px) {
    .newStyles .blocks {
        margin-top: 70px;
    }

    .newStyles .blocks .row {
        margin-bottom: 50px;
    }

    .newStyles .blocks h3 {
        margin: 10px 0 15px;
        font-size: 24px;
    }

    .newStyles .blocks .description {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
}

@media (min-width: 1200px) { 
    .newStyles .blocks h3 {
        margin: 15px 0 20px;
        font-size: 28px;
    }

    .newStyles .blocks .content {
        padding: 0 60px 0 30px;
    }

    .newStyles .blocks .col-12:first-of-type.content  {
        padding: 0 30px 0 60px;
    }

    .newStyles .blocks .description {
        font-size: 17px;
        margin-bottom: 25px;
    }
}


/** ABOUT COMPANY */
.newStyles .about-company {
    margin-bottom: 25px;
    padding: 30px 0 0;
    background: #f6f6f6;
}

.newStyles .about-company .container {
    max-width: 1810px;
}

.newStyles .about-company .subtitle {
    margin: 0 20px 20px;
    letter-spacing: 6px;
    font-size: 40px;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    color: #e20613;
}

.newStyles .about-company .information {
    margin: 0 20px 35px;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 400;
}

.newStyles .about-company .item {
    float: left;
    margin-bottom: 25px;
    padding: 0 10px;
    width: 100%;
}

.newStyles .about-company .inside {
    position: relative;
    padding: 20px 15px;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 0 7px rgba(148, 148, 148, 0.5);
}

.newStyles .about-company .icon {
    margin: 0 8px 20px;
    height: 50px;
}

.newStyles .about-company .icon img {
    height: 100%;
    width: auto;
}

.newStyles .about-company .item h4 {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
}

.newStyles .about-company .item p {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .newStyles .about-company {
        margin-bottom: 45px;
        padding: 40px 0 0;
    }

    .newStyles .about-company .subtitle {
        margin: 15px 0 25px;
        font-size: 48px;
    }

    .newStyles .about-company .information {
        line-height: 1.6;
        font-size: 16px;
    }
    
    .newStyles .about-company .item {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .newStyles .about-company {
        background: linear-gradient(90deg, #f6f6f6 50%, #ffffff 50%);
    }

    .newStyles .about-company .subtitle {
        margin: 10px 0 20px 20px;
        font-size: 44px;
    }

    .newStyles .about-company .information {
        margin: 0 0 35px 20px;
        line-height: 1.5;
        max-width: 550px;
        font-size: 15px;
    }
}

@media (min-width: 1200px) { 
    .newStyles .about-company .subtitle {
        margin: 15px 0 25px;
        font-size: 48px;
    }

    .newStyles .about-company .information {
        line-height: 1.6;
        font-size: 16px;
    }
}


/** CALL TO ACTION */
.call-to-action {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 27px;
    color: #ffffff;
}

.call-to-action h3 {
    margin-bottom: 12px;
    color: #ffffff;
}

.call-to-action .col-sm-6 {
    padding: 0;
}

.call-to-action .box {
    margin: 0 3px;
    padding: 18px 30px 22px;
    height: 100%;
    background-color: #4a4a49;
    border: 3px solid #ededed;
    background-repeat: no-repeat;
}

.call-to-action p {
    line-height: 20px;
    padding-right: 75px;
}

.call-to-action .newsletter {
    color: #1d1d1b;
    background-color: #eaeaea;
    background-image: url("../img/newsletter.svg");
    background-position: bottom 6px right -40px;
    background-size: 130px 76px;
}

.call-to-action .newsletter h3 {
    color: #1d1d1b;
}

.call-to-action .academy {
    background-color: #e20613;
    background-image: url("../img/academy.svg");
    background-position: bottom 6px right -7px;
    background-size: 106px 74px;
}

.call-to-action .sales {
    background-image: url("../img/sales.svg");
    background-position: bottom 3px right -14px;
    background-size: 84px 84px;
}

.call-to-action .courses {
    background-color: #6f8fae;
    background-image: url("../img/courses.svg");
    background-position: bottom -9px right -10px;
    background-size: 104px 104px;
}

@media (min-width: 576px) { 
    .call-to-action p {
        padding-right: 25px;
    }
}

@media (min-width: 768px) { 
    .call-to-action p {
        padding-right: 60px;
    }
}

@media (min-width: 992px) { 
    .call-to-action p {
        padding-right: 0;
    }
}

@media (min-width: 1200px) { 
    .call-to-action p {
        padding-right: 50px;
    }
}


/** SECTION */
.section {
    margin: 30px auto;
}

.section .headline {
    padding-right: 100px;
    position: relative;
    min-height: 43px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}

.section .headline h4 {
    display: inline-block;
    margin: 0;
    padding: 14px 30px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 3px solid #e20613;
}

.section .headline .arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
    border-left: 1px solid #ebebeb;
}

.section .headline .btn-icon {
    display: inline-block;
    padding: 15px 17px;
    color: #2e2d2c;
}

.section .headline .btn-icon:hover {
    background-color: #ededed;
}

.section .headline .arrows .fas {
    width: 9px;
    text-align: center;
}


/** MAIN SLIDER */
.smart-slider {
    background-color: #f5f5f5;
    overflow: hidden;
}

.smart-slider > .container > .row {
    -ms-flex-align: center;
        align-items: center;
}

.smart-slider .slides-count {
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: 20;
}

.smart-slider .pimcore_tag_link {
    position: absolute;
    left: 90px;
    top: 12px;
    z-index: 20;
}

.smart-slider .pimcore_tag_link .x-btn {
    top: -2px !important;
}

.smart-slider .pimcore_tag_link_text a {
    display: none !important;
}

.smart-slider .pimcore_tag_image_empty {
    min-height: 266px;
}

.smart-slider .pimcore_tag_wysiwyg {
    position: absolute;
    top: 0;
    right: 0;
    width: 33.5%;
}

.smart-slider .item {
    position: relative;
}

#main-slider {
    overflow: hidden;
    height: 266px;
    background-color: #ffffff;
    box-shadow: 0 50px 0 #ffffff, 0 -50px 0 #ffffff;
}

#main-slider.slick-slider {
    height: auto;
}

#main-slider .item .wrapper {
    position: relative;
    display: block;
}

#main-slider.slick-dotted {
    margin-bottom: 0;
}

#main-slider .slick-dots {
    padding: 0 20px;
    right: 0;
    bottom: 0;
    width: auto;
    background-color: rgba(0,0,0,.5);
}

#main-slider .slick-dots li {
    margin: 10px 0 8px;
}

#main-slider .slick-dots li button {
    padding: 0;
}

#main-slider .slick-dots li button:before {
    font-size: 12px;
    color: #ffffff;
}

@media (min-width: 992px) { 
    #main-slider {
        margin-right: -15px;
    }
}


/** PT-HOME */
.pt-home {
    padding: 25px 30px 10px;
    height: 100%;
    min-height: 265px;
    background-color: #ffffff;
}

.pt-home .product {
    overflow: hidden;
    min-height: 140px;
}

.pt-home .product .image {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 120px;
    z-index: 0;
}

.pt-home .product .details {
    position: relative;
    z-index: 1;
    width: 60%;
}

.pt-home .product h6 {
    position: relative;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    background-color: rgba(255,255,255,0.6);
}

.pt-home .product .price {
    margin: 10px 0;
    font-weight: 700;
    font-size: 24px;
    color: #e20613;
    white-space: nowrap;
}

.pt-home .contact {
    margin-top: 10px;
}

.pt-home .contact .btn {
    margin-bottom: 10px;
    width: 100%;
}

.pt-home .call {
    font-size: 16px;
    color: #4a4a49;
}

.pt-home .call:hover {
    color: #7a7a7a;
}

.pt-home .call img {
    margin-right: 5px;
    height: 28px;
    width: auto;
}

@media (min-width: 992px) {
    .pt-home {
        margin-left: -15px;
        box-shadow: 0 250px 0 #ffffff, 0 -250px 0 #ffffff;
    }
}


/** OM-HOME */
.om-home {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 165px;
}

.om-home .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding: 25px 30px;
    background-color: #4586c8;
}

.om-home .text::before {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #4586c8;
}

.om-home .text h3 {
    margin: 0;
    width: 100%;
    line-height: 25px;
    font-weight: 300;
    color: #ffffff;
}

.om-home .text h3 a {
    color: #ffffff;
}

.om-home .text h3 p {
    margin: 0;
}

#pimcore_editable_om-headline_textarea {
    min-height: auto !important;
}

#om-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
} 

#om-slider.slick-slider {
    height: 100%;
}

#om-slider.slick-dotted {
    margin-bottom: 0;
}

#om-slider .item {
    display: none;
    text-align: center;
}

#om-slider.slick-slider .item {
    display: block;
}

#om-slider .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

#om-slider .item a {
    display: block;
}

#om-slider .item h6 {
    margin-bottom: 0;
    padding: 10px 20px 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

#om-slider .item .image {
    display: inline-block;
    width: 70px;
}

#om-slider .slick-dots {
    line-height: 1;
    right: 0;
    bottom: 0;
    width: 100%;
}

#om-slider .slick-dots li {
    margin: 0;
}

#om-slider .slick-dots li button {
    padding: 0;
}

#om-slider .slick-dots li button:before {
    font-size: 12px;
    color: rgba(0,0,0,.15);
    opacity: 1;
}

#om-slider .slick-dots li button:hover:before {
    color: rgba(0,0,0,.30);
}

#om-slider .slick-dots .slick-active button:before {
    color: #4585c8;
}

#om-slider .slick-dots .slick-active button:hover:before {
    color: #4585c8;
}

#pimcore_editable_om-slider {
    width: 66.6666666667%;
}


@media (min-width: 576px) {
    .om-home {
        height: 100%;
    }

    .om-home .text {
        padding: 35px 40px 40px;
        width: 33.3333333333%;
    }
    
    .om-home .text::before {
        display: block;
    }

    .om-home .text h3 {
        line-height: 30px;
    }

    #om-slider {
        width: 66.6666666667%;
    }
}

@media (min-width: 992px) {
    .om-home  {
        margin-right: -15px;
    }
}


/** COUNTDOWN */
.countdown {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
    padding: 15px 30px 5px;
    height: 100%;
    min-height: 165px;
    background: #00ebbb url('../img/countdown-bg.png') no-repeat;
}

.countdown::before {
    content: "";
    position: absolute;
    top: 0;
    right: 45px;
    margin-top: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #00ebbb;
}

.countdown::after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    right: 32px;
    width: 70px;
    height: 70px;
    background: url('../img/countdown.png') no-repeat;
    background-size: contain;
}

.countdown .bottom {
    margin-top: 10px;
    width: 100%;
}

.countdown h3 {
    margin: 0 40px 0 0;
    width: 100%;
    line-height: 26px;
}

.countdown h3 a {
    color: #fff;
}

.countdown p {
    font-weight: 400;
    margin-bottom: 5px;
    color: #fff;
}

.countdown h3 p {
    margin: 0;
}

#pimcore_editable_pt-headline_textarea {
    min-height: auto !important;
}

#pimcore_editable_pt-subheadline {
    color: #ffffff;
}

#counter {
    text-align: center;
    margin: 0 -5px;
    min-height: 61px;
}

#counter div {
    display: inline-block;
    width: 23%;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 1%;
}

#counter div span {
    display: block;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    background-color: #fff;
    color: #444;
    border-radius: 3px;
    padding: 4px 0;
    margin: 0 5px 2px;
}


@media (min-width: 992px) { 
    .countdown {
        margin-left: -15px;
    }
}



/** WEBINAR */
.webinar {
    margin: 35px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.webinar .text {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 30px;
    min-height: 160px;
    width: 50%;
    background-size: cover;
}

#pimcore_editable_webinar-bg {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
}

.webinar .text h5 {
    margin: 0;
    font-weight: 100;
    color: #ffffff;
    width: 100%
}

.webinar .text h5 p {
    margin: 0
}

#pimcore_editable_webinar-headline_textarea {
    min-height: auto !important;
}

.webinar .logo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    width: 50%;
    text-align: center;
}

.webinar .logo img {
    max-width: 204px;
} 

.webinar .logo::after {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #0a234b;
}

.webinar .slider {
    position: relative;
    padding: 25px 60px;
    min-height: 160px;
    width: 100%;
    text-align: center;
    background-color: #0a234b;
    overflow: hidden;
}

.webinar .slider .prev,
.webinar .slider .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    margin-top: -28px;
    padding: 16px;
    color: #888;
    font-weight: 700;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: all 150ms;
}

.webinar .slider .next {
    left: auto;
    right: 0;
}

.webinar .slider .prev:hover,
.webinar .slider .next:hover {
    color: #f3c3c7;
}

.webinar .slider .wysiwyg * {
    color: #ffffff !important;
}

#webinar-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 160px;
}

#webinar-slider.slick-slider {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#webinar-slider .slick-track {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

#webinar-slider .item {
    position: relative;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

#webinar-slider .item a {
    display: block;
    margin: 0 auto;
    padding: 0 2px;
    color: #ffffff;
}

#webinar-slider .item p {
    line-height: 20px;
}

#webinar-slider .item .big {
    font-size: 16px;
}

#webinar-slider .item .small {
    font-size: 75%;
    font-weight: 100;
}

@media (max-width: 575px) {
    .webinar .text h5 {
        font-size: 15px;
    }
}

@media (min-width: 576px) {
    .webinar .logo {
        padding: 0 30px;
    }
}

@media (min-width: 768px) { 
    .webinar .text {
        width: 25%;
    }

    .webinar .logo {
        width: 25.4%;
    }

    .webinar .logo::after {
        display: block;
    }

    .webinar .slider {
        width: 49.6%;
    }
}


/** FEATURED */
.featured {
    margin: 30px auto;
}

.featured h2 {
    margin: 0;
    line-height: 27px;
    font-weight: 900;
    color: #d1d0d0;
}

#featured-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-top: 1px solid #f5f5f5;
    background-color: #f5f5f5;
}

#featured-slider .item {
    width: 238px;
}

#featured-slider .item .image {
    padding: 10px 0;
    line-height: 1;
    text-align: center;
    background-color: #ffffff;
}

#featured-slider .item .image a {
    display: inline-block;
}

#featured-slider .item .image img {
    width: 100px;
}

#featured-slider .item .details {
    padding: 0 18px 36px;
    overflow: hidden;
}

#featured-slider .item h6 {
    margin: 15px 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
}

#featured-slider .item .btn-arrow {
    position: absolute;
    bottom: 15px;
}

@media (min-width: 768px) { 
    .featured-section h2 {
        line-height: 22px;
        font-size: 30px;
    }
}

@media (min-width: 992px) { 
    .featured-section h2 {
        font-size: 35px;
        line-height: 27px;
    }
}


/** ACADEMY SLIDER */
#academy-slider {
    overflow: hidden;
    max-height: 254px;
}

#academy-slider.slick-slider {
    max-height: none;
    margin:0 -10px;
}

#academy-slider .slick-slide {
    margin: 0 10px;
}


/** KALEJDOSKOP */
#picture-slider {
    position: relative;
    margin: 0 auto;
    height: 219px;
    max-width: 535px;
    overflow: hidden;
}

#picture-slider.slick-slider {
    height: auto;
}

#picture-slider .item {
    display: inline-block;
}

#picture-slider img {
    margin: 10px 0;
    width: 140px;
    background-color: #ffffff;
}

#picture-slider .slick-slide {
    margin: 0 -16px;
    position: relative;
    transform: scale(0.8);
    transition: all 300ms;
    z-index: 1;
}

#picture-slider .slick-new,
#picture-slider .slick-active {
    transform: scale(0.9);
    z-index: 2;
}

#picture-slider .slick-big,
#picture-slider .slick-center {
    z-index: 30;
    transform: scale(1);
}

#picture-slider .slick-slide img {
    transition: all 300ms;
    box-shadow: 15px 0 5px -10px rgba(0,0,0,0.2),
                -15px 0 5px -10px rgba(0,0,0,0.2);
}

#picture-slider .slick-slide img:hover {
    transform: scale(1.1);
}

#text-slider {
    height: 110px;
    text-align: center;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    overflow: hidden;
}

#text-slider.slick-slider {
    height: auto;
}

#text-slider .title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
}

#text-slider .description {
    font-size: 14px;
    padding: 6px;
}


/** SUBHEADER */
.subheader {
    padding: 20px 0;
    background-color: #f5f5f5;
    overflow: hidden;
}

.subheader .title {
    margin: 0;
    font-size: 24px;
    line-height: 27px;
    font-weight: 700;
    color: #494947;
    letter-spacing: 1px;
}

.subheader .title-paged {
    margin-left: 10px;
    line-height: 1;
    font-size: 50%;
    color: #7a7a7a;
}

.subheader .breadcrumbs {
    margin: 0;
    padding: 4px 0 0;
    font-size: 0;
    color: #777777;
    list-style: none;
}

.subheader .breadcrumbs li {
    display: inline;
    font-size: 14px;
}

.subheader .breadcrumbs li::after {
    display: inline;
    margin: 0 10px;
    width: 7px;
    opacity: .4;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
}

.subheader .breadcrumbs li:last-child::after {
    display: none;
}

.subheader .breadcrumbs a {
    color: #777777
}

.subheader .breadcrumbs a:hover {
    color: #000000;
}

@media (min-width: 576px) {
    .subheader .title {
        font-size: 30px;
        line-height: 34px;
    }
}

@media (min-width: 768px) {
    .subheader .title {
        font-size: 34px;
        line-height: 38px;
    }
}

@media (min-width: 992px) {
    .subheader .title {
        line-height: 45px;
        font-size: 40px;
    }
}


/** CONTENT */
#content {
    padding-top: 30px;
}

#content .panel {
    margin-bottom: 30px;
    font-family: "Open Sans", Arial, Tahoma, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #1d1d1b;
}

#content .panel .title {
    position: relative;
    padding: 15px 50px 15px 20px;
    background-color: #e20613;
}

#content .panel .toggle {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
    color: #ffffff;
}

#content .panel .toggle .fas {
    position: absolute;
    top: 16px;
    right: 20px;
}

#content .panel h3 {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
    color: #ffffff;
}

#content .panel .wrapper {
    margin-top: 20px;
    -webkit-font-smoothing: auto;
}

#content ul.brands {
    padding: 0;
    margin: 5px 0 40px;
    list-style: none;
}

#content ul.brands li {
    margin-bottom: 4px;
}

#content ul.brands a {
    color: #e20613;
}

#content ul.brands a:hover {
    color: #f3c3c7;
}

#content .map-cnt {
    position: relative;
}

#content .map-cnt #svg text {
    text-shadow: 0 0 5px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#content .map-cnt .fa-spin {
    position: absolute;
    top: 10px;
    right: -60px;
    font-size: 30px;
    color: #cccccc;
}

@media (min-width: 576px) {
    #content .panel h3 {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (min-width: 768px) {
    #content .panel {
        margin-bottom: 40px;
    }

    #content .panel .title { 
        padding: 15px 20px;
    }

    #content .panel .title::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 10px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #e20613;
        pointer-events: none;
    }

    #content .panel .toggle {
        display: none;
    }

    #content .panel .wrapper {
        display: block !important;
    }

    #content .panel h3 {
        font-size: 17px;
        line-height: 20px;
    }
}

@media (min-width: 992px) {
    #content .panel {
        font-size: 14px;
    }

    #content .panel h3 {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1200px) {
    #content .max-five .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


/** BOXEX */
.catalog-box {
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0;
    text-align: center;
}

.catalog-box a {
    display: block;
}

.catalog-box .image {
    position: relative;
    top: 0;
    margin-bottom: 25px;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}

.catalog-box .title {
    margin-bottom: 10px;
    font-weight: 700;
}

.catalog-box .flag-icon {
    width: 20px;
    margin-right: 5px;
    border: 1px solid #dfdfdf;
}

.catalog-box .title:before {
    content: "";
    display: block;
    width: 0;
    margin: 0 auto;
    height: 2px;
    top: -10px;
    position: relative;
    background-color: #e20613;
    transition: all .3s ease-in-out;
}

.catalog-box a:hover .title:before {
    width: 100px;
}

.catalog-box a:hover .image {
    top: -5px;
}

.category-box {
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0;
    text-align: center;
}

.category-box a {
    display: block;
}

.category-box .image {
    position: relative;
    top: 0;
    margin-bottom: 25px;
    transition: all .3s ease-in-out;
}

.category-box .title:before {
    content: "";
    display: block;
    width: 0;
    margin: 0 auto;
    height: 2px;
    top: -10px;
    position: relative;
    background-color: #e20613;
    transition: all .3s ease-in-out;
}

.category-box a:hover .title:before {
    width: 100px;
}

.category-box a:hover .image {
    top: -5px;
}

@media (min-width: 992px) {
    .catalog-box .title {
        font-size: 20px;
    }
}


/** FILTERS */
.filters {
    margin-bottom: 30px;
    position: relative;
}

.filters h4.no-title {
    display: none;
    margin-bottom: 20px;
}

.view-options {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.view-options select {
    font-size: 13px;
    border-radius: 0;
    padding: 2px 4px;
    border: 1px solid #aaaaaa;
}

.view-type {
    margin-top: 2px;
    margin-left: 10px;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
}

.view-type .item {
    margin-left: 10px;
    filter: grayscale(1);
    opacity: 0.7;
}

.view-type .item:hover {
    opacity: 0.5;
}

.view-type .item.active {
    filter: grayscale(0);
    opacity: 1;
    cursor: default;
}

.view-type .item img {
    height: 20px;
}

.filters #filter-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px 15px 15px 30px;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,.1);
}

.filters .filter-group {
    max-height: 240px;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all 1s;
}

.filters .filter-group .height {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.filters .filter-group:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 1000px;
    max-height: 85px;
    height: 100%;
    bottom: 0;
    box-shadow: inset -50px -45px 20px -10px #ffffff;
    transition: all 1s;
}

.filters .active .filter-group:after {
    max-height: 0px;
}

.filters .options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.filters .options .toggle {
    margin: 8px 0;
    cursor: pointer;
    font-weight: bold;
}

.filters .options .toggle .text {
    margin: 0 10px;
}

.filters .options .toggle:hover {
    color: #777777;
}

.filters .options .toggle .fas {
    color: #e20613;
}

.filters .active .toggle .fas {
    transform: rotate(180deg);
}

.select2-container {
    z-index: 1;
}

#filter-form .form-group {
    padding-right: 15px;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}

#filter-form .form-group.disabled {
    pointer-events: none;
}

#filter-form .form-group.disabled .select2-selection {
    background: #eeeeee;
}

#filter-form label {
    display: block;
    margin: 0;
    padding: 5px 0 10px;
    line-height: 1.4em;
    font-size: 0.8em;
    font-weight: 500;
}

#filter-form select.select2 {
    display: block;
    height: 39px;
    border: 1px solid #aaaaaa;
}

#filter-form select.select2 option {
    display: none;
}

#filter-form .select2-search__field {
    min-height: 26px;
}

#filter-form .select2 {
    width: 100% !important;
}

#filter-form .select2-container {
    display: block;

}

#filter-form .select2-selection--multiple {
    min-height: 39px;
    border-radius: 0;
    margin-bottom: 1px;
}

#filter-form .select2-selection__choice {
    margin-top: 9px;
    max-width: 88%;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    background-color: inherit;
}

#filter-form .select2-selection__choice__remove {
    border: none;
}

#filter-form .select2-selection__choice__remove:hover,
#filter-form .select2-selection__choice__remove:focus {
    background-color: inherit;
}

#filter-form .select2-selection__choice__display {
    font-weight: 700;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    font-weight: 400;
    background-color: #e20613;
}

.filters #filter-form .btn-group {
    display: block;
    margin-top: auto;
    margin-bottom: 1rem;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 15px;
}

#filter-form .clear {
    display: inline-block;
    margin-left: 6px;
    padding: 8px 16px;
    font-weight: 500;
    background-color: #666666;
    color: #ffffff;
    vertical-align: bottom;
    transition: all 150ms;
    font-size: 14px;
    line-height: 25px;
}

#filter-form .clear:hover {
    background-color: #777777;
}

@media (min-width: 576px) {
    #filter-form .form-group {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .filters .headline {
        padding-right: 270px;
    }

    .filters h4.no-title {
        display: block;
    }

    .view-options {
        position: absolute;
        top: 0;
        right: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    #filter-form {
        padding: 20px 50px;
    }

    #filter-form .form-group {
        width: 33.3333333333%;
    }

    #filter-form .select2-selection__choice {
        margin-top: 5px;
    }

    .view-options {
        top: 4px;
    }
}


/** SIDE-MENU */
.side-menu {
    margin-bottom: 0;
    padding: 0 10px 0 30px;
    list-style-type: square;
    color: #cccccc;
}

.side-menu li {
    position: relative;
    padding: 8px 0 10px;
}

.side-menu > li:first-child {
    padding-top: 0;
}

.side-menu li a {
    display: block;
}

.side-menu .current > a:not(.active-trail) {
    color: #e20613;
}

.side-menu .current > *:not(.active-trail) {
    color: #cccccc;
}

.side-menu .current {
    color: #e20613;
}

.side-menu li::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 70px;
    border-bottom: 1px solid #cccccc;
}

.side-menu .sub-menu,
.side-menu ul {
    list-style-type: square;
    padding: 2px 10px 0 20px;
}

.side-menu .sub-menu li:last-child,
.side-menu ul li:last-child {
    padding-bottom: 0;
}

.side-menu .sub-menu li:last-child::after,
.side-menu ul li:last-child::after {
    display: none;
}

.side-menu li a.active {
    font-weight: bold;
}

@media (min-width: 768px) {
    .side-menu li {
        padding: 6px 0 8px;
    }

    .side-menu li a {
        display: inline;
    }
}


/** CATEGORY LIST */
.category-list {
    margin-bottom: 25px;
}

.category-list .item {
    margin: 0 -15px;
    height: 100%;
    text-align: center;
}

.category-list .item a {
    display: block;
    padding: 20px 26px;
    height: 100%;
    border: 1px solid #ffffff;
}

.category-list .item a:hover {
    border-color: #dddddd;
}

.category-list .title {
    margin: 0;
    padding: .9em 0 0;
    display: inline-block;
    line-height: 1.4em;
    font-size: 1em;
    font-weight: 400;
}

.category-list .title .count {
    padding: 0;
    background-color: transparent;
    color: #8c8d8c;
    white-space: nowrap;
}

.category-list .title .count::after {
    display: inline-block;
    content: "\f054 \f054";
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    font-weight: 900;
    color: #e20613;
}

.category-description a,
.custom-description a {
    color: #e20613;
}

.category-description a:hover,
.custom-description a:hover {
    color: #f3c3c7;
}

.custom-description {
    margin-bottom: 50px;
}

.custom-description .image {
    margin-top: 10px;
    margin-bottom: 25px;
    width: auto;
}

.custom-description .vertical {
    height: 150px;
}

.custom-description .horizontal {
    height: 80px;
}

.custom-description .contact {
    margin-top: 30px;
}

.custom-description .contact td {
    padding-top: 5px;
    padding-right: 25px;
    font-weight: normal;
}

.custom-description .contact a {
    text-decoration: underline !important;
}



/** PRODUCT LIST */
.product-list {
    margin-bottom: 30px;
}

.product-list .item {
    margin: 0 -15px;
    height: 100%;
    text-align: center;
}

.product-list .item .inside {
    display: block;
    padding: 20px 26px;
    height: 100%;
    border: 1px solid #ffffff;
}

.product-list .item .inside:hover {
    border-color: #dddddd;
}

.product-list .item .inside::after {
    display: inline-block;
    content: "Szczegóły";
    padding: 3px 20px;
    font-size: 14px;
    background: linear-gradient(#0064a2, #004687);
    color: #ffffff;
    border-radius: 50px;
}

.product-list h2.title {
    margin: 0;
    padding: .9em 0;
    line-height: 1.5em;
    font-size: 1em;
}

.promotion-item .inside {
    padding: 15px 20px !important;
}

.promotion-item .inside::after {
    display: none !important;
}

.promotion-item img {
    width: 90%;
}

.promotion-item h2.title {
    font-weight: 400;
    font-size: 13px !important;
}

.promotion-item .details {
    line-height: 1.4;
}

.promotion-item .details span {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.badges {
    position: absolute;
    left: 12px;
    top: 15px;
    display: flex;
    pointer-events: none;
}

.badges span {
    margin: 0 3px;
    width: 45px;
    height: 45px;
    background-image: url("../img/percent.svg");
    background-size: 25px 21px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 200px;
}

.category-list .badges {
    left: 0;
    top: 18%;
    width: 100%;
    height: 100%;
    justify-content: center;
    opacity: 0.7;
}

.category-list .badges span {
    height: 110px;
    width: 110px;
    background-size: 66px 58px;
}

.intro-bar {
    position: relative;
    margin-bottom: 25px;
    padding-left: 55px;
    font-size: 16px;
    color: #ffffff;
}

.intro-bar .percent {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 45px;
    background-image: url("../img/percent.svg");
    background-size: 25px 21px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 200px;
}

.intro-bar .info {
    padding: 10px 15px;
    font-weight: 400;
}

.list-view h2.title {
    padding-top: 0;
}

.list-view .col-12 {
    margin-bottom: -1px;
}

.list-view .col-12:first-child .item a {
    border-top-color: #ffffff !important;
}

.list-view .col-12:first-child .item a:hover {
    border-top-color: #dddddd !important;
}

.list-view .item .inside {
    padding: 26px;
    display: flex;
    border-top: 1px solid #dddddd !important;
}

.list-view .item .inside::after {
    display: none
}

.list-view .item .image {
    padding-right: 50px;
    width: 30%;
}

.list-view .item .details {
    text-align: left;
    width: 70%;
}

.list-view .item .details::after {
    margin-top: 1em;
    display: inline-block;
    content: "Szczegóły";
    padding: 3px 20px;
    font-size: 14px;
    background: linear-gradient(#0064a2, #004687);
    color: #ffffff;
    border-radius: 50px;
}

.list-view .item .parameters {
    position: relative;
    font-size: 90%;
    overflow: hidden;
    width: 100%;
    min-height: 110px;
}

.list-view .item .parameters:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 1000px;
    height: 20px;
    bottom: 0;
    box-shadow: inset -50px -30px 20px -10px #ffffff;
    pointer-events: none;
}

.list-view .basic {
    margin-bottom: 10px;
    font-weight: 400;
}

.list-view .basic p {
    margin-bottom: 0;
}

.list-view .basic span {
    font-weight: 300;
}

.list-view .parameters table {
    width: 100%;
}

.list-view .parameters td {
    padding: 3px 0;
    width: 50%;
    color: #777777;
    border-bottom: 1px solid #eeeeee;
}

.list-view .parameters td:first-child {
    width: 50%;
    font-weight: 400;
    color: #1d1d1b;
}

.list-view .parameters tr:last-child td {
    border-bottom: none;
}

.list-view #manufacturerBtn {
    color: #e20613;
    transition: all 150ms;
}

.list-view #manufacturerBtn:hover {
    color: #f3c3c7;
}



/** PAGINATION */
.pagination {
    display: block;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 30px;
    width: 100%;
}
    
.pagination .total {
    margin-bottom: 15px;
    width: 100%;
}

.pagination .pages {
    display: inline-block;
    padding: 4px 3px;
    background: #f8f8f8 url("../img/stripes.png");
    border-radius: 5px;
}

.pagination .number {
    display: inline-block;
    margin: 0 1px;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ffffff;
    color: #777777;
    border-radius: 5px;
}

.pagination a.number:hover,
.pagination .current {
    background-color: white;
    color: black;
    border: 1px solid #e20613;
}

.pagination .prev,
.pagination .next {
    color: #a8a8a8;
}

@media (min-width: 576px) {
    .pagination .number {
        width: 35px;
    }
}

@media (min-width: 992px) {
    .pagination {
        display: -ms-flexbox;
        display: flex;
    }
    
    .pagination .total {
        margin-bottom: 0;
        width: auto;
    }
}


/** PRODUCT */
.product .gallery {
    margin-bottom: 2.5em;
}

.product .gallery .no-photo {
    border: 1px solid #ebebeb;
}

#product-gallery {
    position: relative;
    margin-bottom: 15px;
}

#product-gallery .badges {
    z-index: 2;
}

#product-gallery .zoom {
    position: absolute;
    z-index: 2;
    top: .5em;
    right: .5em;
    line-height: 36px;
    width: 36px;
    text-align: center;
    font-size: 18px;
    background-color: #ffffff;
    border-radius: 100px;
    pointer-events: none;
}

#product-gallery .item {
    display: none;
}

#product-gallery .active {
    display: block;
}

.product .thumbnails {
    margin: 0 -5px;
    font-size: 0;
}

.product .thumbnails .item {
    display: inline-block;
    width: 33.33%;
    padding: 0 5px 10px;
}

.product .thumbnails .inner {
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ebebeb;
}

.product .thumbnails .active .inner {
    border-color: #e20613;
}

.product h1.title {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    line-height: 40px;
    font-size: 35px;
}

.product h1.title::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 20%;
    height: 0;
    border-bottom: 1px solid #ebebeb;
}

.product .flags {
    margin: 10px 0;
}

.product .flag {
    display: inline-block;
    position: relative;
    padding: 8px 12px 9px 35px;
    margin-bottom: 10px;
    margin-right: 5px;
    font-weight: 700;
    font-size: .7rem;
    line-height: 1;
    border-radius: 100px;
    color: #fff;
    white-space: nowrap;
}

.product .flags .fa-percent {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    background: #ffffff;
    font-size: 18px;
    padding: 5px 6px 0;
    border-radius: 0 100px 100px 0;
}

.product .flags .btn-arrow {
    font-size: 12px;
    font-weight: 600;
}

.product .flags .btn-arrow span {
    color: #e20613;
}

.product .meta {
    margin-bottom: 10px;
}

.question-box {
    margin-top: 15px;
    padding-top: 30px;
    margin-bottom: 2em;
    text-align: center;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,.1);
}

.question-box h3 {
    margin-bottom: 30px;
    font-size: 19px;
}

.question-box .btn {
    padding: 7px 25px 6px 15px;
    width: 100%;
    font-size: 1.4em;
    font-weight: 300;
    color: #ffffff;
    text-transform: uppercase;
}

.question-box .fas {
    font-size: 25px;
    vertical-align: -2px;
    margin-right: 15px;
}

.question-box .far {
    font-size: 30px;
    vertical-align: -4px;
    margin-right: 15px;
}

.product .parameters {
    margin-bottom: 2.5em;
}

.product .parameters .wrapper {
    overflow: hidden;
    margin-bottom: 0;
    transition: all 1s;
    max-height: 374.5px;
}

.product .parameters .toggle {
    position: relative;
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    transition: all 200ms;
}

.product .parameters .toggle .text {
    margin: 0 10px;
}

.product .parameters .toggle:hover {
    color: #777777;
}

.product .parameters .toggle:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 25px;
    left: -15px;
    right: -15px;
    box-shadow: 0 -15px 20px 10px #ffffff;
}

.product .parameters.active .toggle {
    padding-top: 5px;
}

.product .parameters.active .toggle:before {
    box-shadow: 0 0 0 0 #ffffff;
}

.product .parameters .toggle .fas {
    color: #e20613;
}

.product .parameters.active .toggle .fas {
    transform: rotate(180deg);
}

.product .parameters a {
    color: #e20613;
}

.product .parameters a:hover {
    color: #f3c3c7;
}

.product .parameters table {
    width: 100%;
}

.product .parameters td {
    padding: 4px 0;
    width: 60%;
    color: #777777;
    border-bottom: 1px solid #eeeeee;
}

.product .parameters td:first-child {
    width: 40%;
    font-weight: 400;
    color: #1d1d1b;
}

.product .parameters tr:last-child td {
    border-bottom: none;
}

.product .tabs {
    margin-bottom: 3em;
}

.product .nav-tabs {
    margin: 0 0 1.618em;
    border-bottom: 1px solid #b2b2b2;
}

.product .nav-tabs .nav-link {
    padding: .5rem 2rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
    border: none;
}

.product .nav-tabs .nav-item.show .nav-link,
.product .nav-tabs .nav-link.active {
    background-color: #b2b2b2;
    color: #ffffff;
    border-color: #b2b2b2;
}

.product .tab-content a {
    color: #e20613;
}

.product .tab-content a:hover {
    color: #f3c3c7;
}

.product #files p {
    margin-bottom: 0.5em;
}

.generate-pdf {
    display: inline-block;
    line-height: 1.4;
    padding-right: 20px;
    padding-left: 35px;
    font-size: 15px;
    font-weight: 700;
    color: #1d1d1b !important;
    background-image: url("../img/btn-arrow.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: right 4px;
    cursor: pointer;
    transition: all 150ms;
    position: relative;
    margin: 15px 0 20px;
}

.generate-pdf::before {
    display: inline-block;
    height: 25px;
    width: 24px;
    content: "";
    background-image: url(../img/pdf.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: -3px;
}

.generate-pdf:hover {
    opacity: 0.6;
}

@media (min-width: 768px) {
    #product-gallery {
        display: inline-block;
        margin-bottom: 0;
        width: 50%;
        vertical-align: top;
    }

    .product .thumbnails {
        display: inline-block;
        padding-left: 10px;
        width: 50%;
        vertical-align: top;
    }

    .question-box {
        text-align: left;
        padding: 20px 45px 20px;
    }

    .question-box h3 {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .question-box .btn {
        margin-right: 10px;
        margin-bottom: 10px;
        width: auto;
    }
}

@media (min-width: 992px) {
    .product-gallery {
        margin-bottom: 4em;
    }

    #product-gallery {
        display: block;
        margin-bottom: 15px;
        width: 100%;
    }

    .product .thumbnails {
        display: block;
        padding-left: 0;
        width: auto;
    }
    
    .product .thumbnails .item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .product .thumbnails .item {
        width: 33.3333333333%;
    }
}


/** RELATION SLIDER */
.relations .headline {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

.relations .headline .btn-arrow {
    text-transform: uppercase;
}

.relations .headline .paging {
    font-weight: normal;
    color: #777777;
    line-height: 1;
}

.relations .group {
    margin-bottom: 20px;
}

.relations .group:last-of-type {
    margin-bottom: 0;
}

.relation-slider {
    position: relative;
    overflow: hidden;
}

.relation-slider .slick-arrow {
    top: calc(50% - 40px) !important;
    bottom: 0;
    height: 35px;
    width: 35px;
    background: #b2b2b2;
    transform: none;
    transition: all 150ms;
    z-index: 2;
    opacity: 1;
}

.relation-slider .slick-arrow:hover {
    background: #9e9e9e;
}

.relation-slider .slick-arrow::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    opacity: 1;
}

.relation-slider .slick-prev::before {
    content: "\f053";
}

.relation-slider .slick-next::before {
    content: "\f054";
}

.relation-slider .slick-prev {
    left: 0;
}

.relation-slider .slick-next {
    right: 0;
}

.relation-slider .slick-track {
    margin: 0;
}

.relation-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.relation-slider .item {
    display: inline-block;
    padding: 0 15px;
    margin: 0 -15px;
    text-align: center;
}

.relation-slider .item .inside {
    position: relative;
    display: block;
    padding: 20px 26px;
    height: 100%;
    border: 1px solid #ffffff;
}

.relation-slider .item a:hover {
    border-color: #dddddd;
}

.relation-slider .item .inside::after {
    display: inline-block;
    content: "Szczegóły";
    padding: 3px 20px;
    font-size: 14px;
    background: linear-gradient(#0064a2, #004687);
    color: #ffffff;
    border-radius: 50px;
}

.relation-slider .item img {
    max-width: 200px;
    margin: 0 auto;
    width: 75%;
}

.relation-slider .item h2.title {
    margin: 0;
    padding: .9em 0;
    line-height: 1.5em;
    font-size: 1em;
}

.relation-slider .inside.current h2.title {
    font-weight: bold;
}

.relation-slider .more .item {
    width: 100%;
    padding: 0 35px;
}

.relation-slider .more .percent {
    display: block;
    margin: 35% auto 15px;
    width: 115px;
    height: 115px;
    background-image: url("../img/percent.svg");
    background-size: 68px 59px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 200px;
}

.relation-slider .more a {
    display: inline-block;
    font-size: 13px;
    line-height: 1.5;
    color: #000000;
    transition: opacity 200ms;
}

.relation-slider .more a:hover {
    color: #000000;
    opacity: 0.7;
}

.relation-slider .more .arrow {
    display: inline-block;
    margin-left: 4px;
    max-width: 14px;
}

.recommend-products {
    margin-bottom: 20px;
}

.recommend-products .relation-slider {
    margin-top: 15px;
}

/** STATIC */
#content .static {
    margin-top: 1em;
}

#content .static a {
    color: #e20613;
}

#content .static a:hover {
    color: #f3c3c7;
}

#content .advanced-table {
    font-size: 13px;
}
#c
#content .advanced-table th {
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
}

#content .advanced-table th:before,
#content .advanced-table th:after {
    top: 50%;
    margin-top: -14px;
}

#content .myfilter .dataTables_filter {
    text-align: left;
}

#content .static .dataTables_info {
    display: none;
}

@media (min-width: 768px) {
    #content .static {
        margin-top: 0;
    }
}


/** ABOUT US */
.about-us {
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.about-us .inner {
    margin: 0;
    padding: 40px 25px;
    text-align: left;
    border: 3px solid #ededed;
}

.about-us h2 {
    margin-bottom: 25px;
    font-size: 3.4em;
    line-height: 0.8em;
    font-weight: 800;
    color: #ededed;
}

.about-us .categories {
    margin: 15px 0 0;
    padding: 5px 0 5px 30px;
    list-style: square;
    color: #cccccc;
}

.about-us .categories li {
    position: relative;
}

.about-us .categories li:after {
    position: absolute;
    left: -30px;
    bottom: 0;
    content: "";
    display: block;
    width: 70px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #cccccc
}

.about-us .categories a {
    display: block;
    padding: 10px 0 10px 3px;
    line-height: 26px;
    font-size: 15px;
    color: #1d1d1b;
}

.about-us .categories a:hover {
    opacity: 0.6;
}

.about-us h1.inline {
    display: inline;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
}

@media (min-width: 576px) {
    .about-us h2 {
        font-size: 4.5em;
    }
}

@media (min-width: 768px) {
    .about-us .inner {
        padding: 40px;
    }

    .about-us h2 {
        font-size: 5.5em;
    }

    .about-us .btn-primary {
        float: right;
        margin-right: 100px;
    }
}


/** PROMO */
.promo h2.title span {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 200;
}

.promo .nav-tabs {
    margin: 20px -10px 20px;
    border-bottom: none;
}

.promo .nav-item {
    width: 50%;
    padding: 0 10px;
}

.promo .nav-link {
    margin-bottom: 25px;
    padding: 0;
    border: none;
    text-align: center;
}

.promo .nav-link .border {
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #dee2e6;
    border-radius: 10px 10px 0 0;
    transition: all 150ms;
}

.promo .nav-tabs .nav-item.show .nav-link .border,
.promo .nav-tabs .nav-link.active .border {
    box-shadow: 0px -2px 20px rgb(0 0 0 / 30%);
}

.promo .nav-link .photo {
    margin: 20px 0;
    width: 90px;
}

.promo .nav-link .name {
    display: block;
    padding: 10px 5px;
    margin: 0 -1px -1px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.promo .nav-link .btn-primary {
    text-transform: none !important;
    border-radius: 20px;
}

.rules {
    padding-bottom: 10px;
    line-height: 1.3;
    font-size: 85%;
}

.rules h3{
    font-size: 1em;
    margin-bottom: 0px;
}

.produkt-tygodnia-background {background-color: #00ebbb;}
.okazja-miesiaca-background {background-color: #0073ae;}
.oferta-specjalna-background {background-color: #83509a;}
.wyprzedaz-magazynu-background {background-color: #ff7101;}

.produkt-tygodnia-color {color: #00ebbb;}
.okazja-miesiaca-color {color: #0073ae;}
.oferta-specjalna-color {color: #83509a;}
.wyprzedaz-magazynu-color {color: #ff7101;}

.wyprzedaz-magazynu-color.active {
    color: #ffffff !important;
    background-color: #ff7101 !important;
}

@media (min-width: 992px) {
    .promo .nav-item {
        width: 25%;
    }
}
@media (min-width: 1200px) {
    .promo .nav-link .name {
        font-size: 20px;
    }
}


/** PT-PROMO */
.pt-promo {
    margin-bottom: 40px;
}

.pt-promo .product {
    position: relative;
    padding: 25px;
    width: 100%;
    border: 1px solid #dadada;
    border-bottom: none;
}

.pt-promo .product .image {
    width: 200px;
    margin: 0 auto 25px;
}

.pt-promo .product h2.title {
    position: relative;
    margin-bottom: 15px;
    padding: 10px 0 10px 55px;
    background: url('../img/countdown-black.png') no-repeat;
    background-size: 46px;
    background-position: center left;
    z-index: 1;
}

.pt-promo .product h6 {
    position: relative;
    line-height: 20px;
    font-size: 1.2em;
    font-weight: 100;
    background-color: rgba(255,255,255,0.6);
}

.pt-promo .product .price {
    margin: 10px 0;
    font-weight: 700;
    font-size: 24px;
    color: #e20613;
}

.pt-promo .contact {
    margin-top: 20px;
}

.pt-promo .contact .btn {
    padding: 14px;
    font-weight: 700;
    width: 100%;
}

.pt-promo .contact a {
    display: inline-block;
    vertical-align: bottom;
}

.pt-promo .contact .phone {
    margin-top: 15px;
}

.pt-promo .contact .phone img {
    height: 46px;
    width: auto;
}

.pt-promo .contact .phone strong {
    font-size: 18px;
    font-weight: 700;
    margin-left: 10px;
    color: #808181;
    vertical-align: middle;
}

.pt-promo .timer {
    width: 100%;
    color: #ffffff;
}

.pt-promo .timer h3 {
    line-height: 30px;
    font-size: 19px;
    margin-bottom: 0;
    color: #ffffff;
}

.pt-promo .timer .top {
    padding: 15px 25px;
    width: 100%;
    background-color: #00EBBB;
}

.pt-promo .timer .code {
    font-weight: 300;
}

.pt-promo .timer .big {
    font-size: 13px;
    line-height: 23px;
    font-weight: 300;
}

.pt-promo .timer .bottom {
    position: relative;
    padding: 10px 25px;
}

.pt-promo .timer .bottom .bg {
    background-color: #00EBBB;
}

.pt-promo .timer .subheadline {
    font-weight: 400;
    margin-bottom: 5px;
}

.pt-promo .timer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.pt-promo .timer .prefix {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0 7px;
}

#pimcore_editable_pt-timer_textarea  {
    min-height: auto !important;
}

@media (min-width: 576px) {
    .pt-promo .product {
        position: relative;
        padding: 25px 25px 70px;
    }

    .pt-promo .contact {
        position: absolute;
        bottom: 0;
        left: 25px;
        margin-top: 0;
    }

    .pt-promo .contact .btn {
        width: auto;
    }

    .pt-promo .contact .phone {
        margin-top: 0;
        margin-left: 20px;
    }
}

@media (min-width: 768px) {
    .pt-promo {
        display: -ms-flexbox;
        display: flex;
    }
    
    .pt-promo .product {
        width: 60%;
        border-right: none;
        border-bottom: 1px solid #dadada;
    }

    .pt-promo .product h2.title {
        padding: 10px 0 10px 80px;
        background-size: 60px;
    }

    .pt-promo .product .image {
        position: absolute;
        top: 150px;
        right: 50px;
        margin: 0;
        width: 150px;
        z-index: 0;
    }

    .pt-promo .details {
        max-width: 60%;
    }

    .pt-promo .timer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 40%;
    }

    .pt-promo .timer h3 { 
        font-size: 24px;
    }

    .pt-promo .timer .big {
        margin: 4px 0;
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 992px) {
    .pt-promo .product {
        width: 66.6666666667%;
    }

    .pt-promo .product .image {
        top: 80px;
        right: 40px;
        width: 180px;
    }

    .pt-promo .contact .btn {
        padding: 12px 22px;
    }
    
    .pt-promo .timer {
        width: 33.333333%;
    }
}

@media (min-width: 1200px) {
    .pt-promo .product .image {
        top: 50px;
        right: 90px;
        width: 190px;
    }
}


/** SIDE-FILTERS */
.side-filters {
    margin-bottom: 40px;
}

.side-filters #filter-form {
    padding: 20px;
    background-color: #f6f6f6;
    text-align: center;
}

.side-filters #filter-form .form-group {
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
    text-align: left;
}

.side-filters #filter-form .form-group:last-of-type {
    margin-bottom: 5px;
}

.side-filters #filter-form .select2 {
    width: 100% !important;
}

.side-filters #filter-form .clear {
    margin: 20px 0 5px;
}

.side-filters .form-group h4 {
    line-height: 1.4em;
    font-size: 1rem;
    font-weight: 700;
}

.side-filters #filter-form .categories {
    margin-bottom: -10px;
    padding: 0;
    list-style: none;
}

.side-filters #filter-form .categories label {
    position: relative;
    color: #a2a2a2;
    font-size: .8rem;
    font-weight: 600;
    padding-left: 25px;
    padding-right: 30px;
}

.side-filters #filter-form .categories span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
}

.side-filters #filter-form .categories input {
    position: absolute;
    top: 7px;
    left: 0;
}

@media (min-width: 768px) {
    .side-filters {
        margin-bottom: 30px;
    }
}


/** ARTICLE LIST */
.article-list .item {
    margin-bottom: 30px;
}

.article-list .image {
    max-height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
}

.article-list .date {
    display: inline-block;
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 12px;
    color: #a8a8a8;
}

.article-list .date .far {
    margin-right: 5px;
}

.article-list .description h3 {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
}

.article-list .description .post {
    margin-bottom: 15px;
}

.article .text img {
    margin-bottom: 1rem;
}

.article .author {
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0 40px;
    padding: 0 20px;
}

.article .author .photo {
    margin-right: 30px;
}

.article .author .photo img {
    width: 130px;
    border-radius: 500px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}

.article .author .description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    align-content: center;
}

.article .author h2 {
    margin: 0;
    width: 100%;
}

.article .author p {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

.article .relations {
    margin-top: 60px;
}

.article .relations h3 {
    margin-bottom: 15px;
}

.article .relations .section:first-child h3 {
    margin-bottom: 8px;
}

.article .relations h4 {
    font-size: 18px;
}

.article .relations .vimeo h4 {
    margin-bottom: -4px;
}

.article .relations .video {
    margin-bottom: 20px;
}

.article .pimcore_tag_video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.article .pimcore_tag_video iframe,
.article .pimcore_tag_video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/** ACADEMY */
.academy h2.title {
    margin-bottom: 25px;
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
}

.academy .categories {
    margin-bottom: 10px;
}

.academy .categories .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.academy .categories .item {
    margin-bottom: 25px;
    padding: 0 10px;
    line-height: 1.3;
    width: 50%;
    font-weight: 400;
    text-align: center;
    -webkit-font-smoothing: auto;
}

.academy .categories .item img {
    margin: 0 auto 10px;
    max-height: 60px;
    max-width: 60px;
}

.academy .categories .current a {
    color: #e20613
}

.academy .categories .current img {
    -webkit-filter: invert(.5) sepia(1) saturate(128) hue-rotate(25deg);
    filter: invert(.5) sepia(1) saturate(128) hue-rotate(25deg);
}

.academy .article-box {
    margin-bottom: 45px;
    padding: 15px 20px 20px;
    background-color: #f5f5f5;
}

.academy .article-box h2 {
    margin-bottom: 15px;
    line-height: 1;
    font-size: 26px;
    text-transform: uppercase;
    color: #c3c4c5;
}

.academy .article-box .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
}

.academy .article-box .image {
    width: 100%;
}

.academy .article-box .details {
    width: 100%;
}

.academy .grouped .category {
    margin-bottom: 45px;
}

.academy .grouped h2.title {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #f5f5f5;
}

.academy .grouped h2.title img {
    margin-right: 20px;
    max-height: 60px;
    max-width: 60px;
}

@media (min-width: 450px) {
    .academy .categories .item {
        width: 33.33%;
    }
}

@media (min-width: 576px) {
    .academy h2.title {
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    .academy h2.title {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .academy h2.title {
        font-size: 30px;
    }

    .academy .categories .item {
        width: 25%;
    }

    .academy .article-box .image {
        margin: 0;
        padding-right: 20px;
        width: 45%;
    }
    
    .academy .article-box .details {
        width: 55%;
    }
    
    .academy .grouped h2.title {
        padding: 10px 20px;
    }
}

@media (min-width: 1200px) { 
    .academy .categories .item {
        width: 20%;
    }
}

@media (min-width: 1220px) { 
    .academy .categories .item {
        width: 170px;
    }
}


#renderlet-navigation .x-panel-body-default {
    background-color: #ffffff;
}

#renderlet-navigation .x-panel-body {
    min-height: 80px !important;
}


/** EVENT LIST */
.event-list .item {
    margin-bottom: 30px;
    height: 100%;
    color: #ffffff;
}

.event-list .budma {
    color: #000000;
}

.event-list .logo {
    padding: 20px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #eaeaea;
}

.event-list .logo img {
    max-width: 200px;
}

.event-list .details {
    position: relative;
    width: 100%;
    padding: 20px;
    background-color: #e20613;
}

.event-list .item p {
    line-height: 20px;
    margin-bottom: 0.8rem;
}

.event-list .item hr {
    margin-bottom: 0.8rem;
    border-color: rgba(255, 255, 255, 0.3);
}

.event-list .item .location {
    margin: -4px 0;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.4em;
    color: #ffffff;
}

.event-list .item .location td:last-of-type{
    text-align: right;
}

.event-list .budma .location {
    color: #000000;
}

.event-list .item .date {
    line-height: 1;
    font-size: 1.8em;
    font-weight: 700;
}

.event-list .item .place {
    line-height: 22px;
    font-weight: 700;
}

.event-list .item .city {
    margin-bottom: 0;
    padding-right: 80px;
}

.event-list .item .btn-arrow {
    position: absolute;
    right: 20px;
    bottom: 18px;
}

.event .logo {
    padding: 20px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #eaeaea;
}

.event .logo img {
    max-width: 200px;
}

.event .details {
    margin-bottom: 30px;
    padding: 20px;
    width: 100%;
    color: #ffffff;
}

.event .budma .details {
    color: #000000;
}

.event .details p {
    line-height: 20px;
    margin-bottom: 0.8rem;
}

.event .details hr {
    margin-bottom: 0.8rem;
    border-color: rgba(255, 255, 255, 0.3);
}

.event .details .location {
    margin: -4px 0;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.4em;
}

.event .details .date {
    line-height: 1;
    font-size: 1.8em;
    font-weight: 700;
}

.event .details .place {
    line-height: 22px;
    font-weight: 700;
}

.event .details .city {
    margin-bottom: 0;
    padding-right: 80px;
}

.event-description {
    margin-bottom: 25px;
}

.related-categories h6 {
    font-size: 1.1em;
    font-weight: 700;
}

.related-categories ul {
    padding-left: 20px;
}

.related-categories ul a {
    color: #e20613;
}

.related-categories ul a:hover {
    opacity: 0.6;
}


@media (min-width: 576px) {
    .event-list .item {
        display: -ms-flexbox;
        display: flex;
    }

    .event-list .logo {
        margin-right: 5px;
        width: 40%;
    }

    .event-list .details {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .event-list .item {
        display: block;
    }

    .event-list .logo {
        margin-right: 0;
        width: 100%;
    }

    .event-list .details {
        width: 100%;
    }
}

@media (min-width: 1200px) { 
    .event-list .item {
        display: -ms-flexbox;
        display: flex;
    }

    .event-list .logo {
        margin-right: 5px;
        padding: 40px 10px;
        width: 40%;
    }

    .event-list .details {
        width: 60%;
    }
}


/** COURSE LIST */
.stacjonarne::before,
.stacjonarne .inner::before,
.stacjonarne .buttons .url {
    background-color: #fc0;
}

.prestizowe::before,
.prestizowe .inner::before,
.prestizowe .buttons .url {
    background-color: #e60000;
}

.on-line::before,
.on-line .inner::before,
.on-line .buttons .url {
    background-color: #31b457;
}

.wideoszkolenia::before,
.wideoszkolenia .inner::before,
.wideoszkolenia .buttons .url {
    background-color: #3c7fc5;
}

.stacjonarne .day {
    color: #fc0;
}

.prestizowe .day {
    color: #e60000;
}

.on-line .day {
    color: #31b457;
}

.wideoszkolenia .day {
    color: #3c7fc5;
}

.course-intro {
    margin: 0 0 30px;
    padding: 0 15px;
    border: 3px solid #ededed;
}

.course-intro h4 {
    margin-bottom: 15px;
    font-size: 1.2rem;
    font-weight: 700;
}

.course-intro p {
    margin-bottom: 0;
}

.course-intro .item {
    padding-top: 25px;
    padding-bottom: 30px;
}

.course-intro .item::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    width: 100px;
    height: 6px;
    border-radius: 0 0 5px 5px;
    margin-top: -3px;
}

.course-list .item {
    margin-bottom: 30px;
}

.course-list h2 {
    margin-bottom: 30px;
}

.course-list .item .inner {
    position: relative;
    padding: 30px 25px 15px;
    border: 3px solid #ededed;
}

.course-list .item .inner::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 25px;
    width: 100px;
    height: 6px;
    border-radius: 0 0 5px 5px;
    margin-top: -3px;
}

.course-list .item .logo {
    margin-bottom: 15px;
}

.course-list.side .item .logo {
    width: 100%;
}

.course-list .item .logo img { 
    max-width: 150px;
}

.course-list .item h4 {
    margin-bottom: 15px;
    font-size: 1rem;
    line-height: 1.3rem;
}

.course-list.side .item .title h4 {
    font-size: 1.1rem;
    line-height: 1.4rem;
}

.course-list .item .top {
    margin-bottom: 25px;
}

.course-list .item .day {
    line-height: 31px;
    font-size: 21px;
    font-weight: 700;
}

.course-list.side .item .day {
    font-size: 19px;
}

.course-list .item .hour .far {
    color: #a2a2a2;
}

.course-list.side .item .date {
    width: 100%;
}

.course-list .item .bottom {
    position: relative;
    padding-top: 20px;
    padding-right: 25px;
    width: 100%;
    color: #2e2d2c;
}

.course-list .item .bottom::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 1px;
    background-color: #dadada;
}

.course-list.side .item .bottom {
    margin-top: 20px;
    padding-top: 10px;
}

.course-list.side .item .bottom h4 {
    font-size: 1rem;
    line-height: 1.3rem;
    margin-bottom: 8px;
}

.course-list .item .price {
    font-weight: 700;
}

.course-list .item .button {
    position: absolute;
    right: 0;
    top: 23px;
    font-size: 25px;
    color: #cccccc;
}

.course-list .item .button:hover {
    color: #a0a0a0;
}

.course-list.side .item .button {
    top: 8px;
}

.course::before {
    display: block;
    content: "";
    margin: 0 0 30px;
    height: 2px;
    background-color: #e20613;
} 

.course .inner {
    margin-bottom: 30px;
    position: relative;
    padding: 30px 25px 20px;
    border: 3px solid #ededed;
}

.course .inner::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 25px;
    width: 100px;
    height: 6px;
    border-radius: 0 0 5px 5px;
    margin-top: -3px;
}

.course .inner .logo {
    margin-bottom: 20px;
    padding-top: 5px;
}

.course .inner .logo img { 
    max-width: 150px;
}

.course .inner .date {
    margin-bottom: 10px;
}

.course .inner .day {
    line-height: 31px;
    font-size: 21px;
    font-weight: 700;
}

.course .inner .hour .far {
    color: #a2a2a2;
}

.course .inner .title {
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.course .inner .price {
    font-weight: 700;
}

.course .buttons {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 0;
}

.course .buttons a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #e20613;
}

.course .buttons a:hover {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.course .headline {
    margin-bottom: 40px;
    padding: 20px 25px;
    background-color: #f6f6f6;
}

.course .headline::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 45px;
    margin-bottom: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f6f6f6;
}

.course .content {
    margin-bottom: 40px;
}

.course .content .header {
    display: inline-block;
    margin-bottom: -1px;
    line-height: 1;
    padding: 14px 30px;
    font-size: 13px;
    font-weight: 700;
    color: #2e2d2c;
    border-bottom: 2px solid #2e2d2c;
}

.course .content .wrapper {
    padding: 35px 30px 0;
    border-top: 1px solid #f6f6f6;
}

.course .content .image {
    margin-top: 5px;
    max-width: 250px;
}

.course .content h4.bold {
    margin-bottom: 15px;
    font-weight: 700;
}

.course .content h4.bold::after {
    content: '';
    width: 130px;
    height: 1px;
    background-color: #eaeaea;
    display: block;
    margin: 10px 0 0 -30px;
}

.course .author {
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
}

.course .author .photo {
    margin-right: 30px;
}

.course .author .photo img {
    width: 100px;
    border-radius: 500px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}

.course .author .description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    align-content: center;
}

.course .author h2 {
    margin: 0;
    width: 100%;
}

.course .author p {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .course-list .item .top {
        display: -ms-flexbox;
        display: flex;
    }

    .course-list .item .logo {
        margin-bottom: 0;
        padding-top: 5px;
        padding-right: 30px;
        width: 50%;
    }

    .course-list .item .date {
        width: 50%;
    }

    .course::before { 
        display: none;
    }
}

@media (min-width: 992px) {
    .course-list .item h4 {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    
    .course .inner .title {
        margin-bottom: 5px;
    }
}


/** KNOWLEDGE */
#knowledge .zone {
    margin: 30px 0;
}

#knowledge .zone h3 {
    line-height: 1;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#knowledge .zone .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -10px;
}

#knowledge .zone .item {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 100%;
}

#knowledge .zone .image {
    position: relative;
    margin-right: 15px;
    width: 110px;
}

#knowledge .zone .image img {
    width: 110px;
}

#knowledge .zone.video .image::after {
    position: absolute;
    top: calc(50% - 15px);
    left: 34px;
    content: "";
    height: 30px;
    width: 42px;
    background-image: url("../img/play.svg");
    background-size: cover;
    pointer-events: none;
}

#knowledge .zone .description h4 {
    margin: 0 0 5px;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: bold;
}

#knowledge .zone .description a {
    color: #000000;
}

#knowledge .zone .description .btn-arrow {
    font-weight: normal;
}

@media (min-width: 768px) {
    #knowledge .zone .item {
        width: 50%;
    }

    #knowledge .zone .description {
        padding-right: 15px;
    }
}


/** FOOTER */
.newStyles #footer .categories {
    margin-bottom: 35px;
    max-width: 1810px;
}

.newStyles #footer .categories ul {
    margin: 0 auto;
    padding: 0;
    line-height: 1.2;
    list-style: none;
    text-align: center;
    font-weight: 400;
    overflow: hidden;
}

.newStyles #footer .categories li {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 0 10px;
    min-height: 60px;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #e20613;
}

.newStyles #footer .categories li:last-child {
    border-bottom: none;
}

.newStyles #footer .newsletter {
    margin: 30px 0;
    padding: 17px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    background-color: #e20613;
}

.newStyles #footer .newsletter a { 
    color: #ffffff;
}

.newStyles #footer .newsletter a:hover {
    opacity: 0.8;
}

.newStyles #footer .navigation {
    margin-top: 0;
}

#footer .navigation {
    margin-top: 50px;
    margin-bottom: 10px;
    text-align: center;
}

#footer .navigation h4 {
    margin-bottom: 15px;
    font-size: 200%;
    font-weight: 700;
    color: #1d1d1b;
}

#footer .navigation ul {
    margin-bottom: 0;
    padding: 5px 10px;
    list-style: none;
    color: #7a7a7a;
}

#footer .navigation ul a {
    display: block;
    padding: 5px 0;
    font-weight: 400;
    color: #7a7a7a;
}

#footer .navigation ul a:hover {
    color: #d6d6d6;
}

#footer .navigation ul .current a {
    color: #e20613;
} 

#footer .navigation .btn {
    margin-top: 5px;
    margin-bottom: 30px;
}

#footer .copyright {
    text-align: center;
    border-top: 1px solid #e1e1e1;
}

#footer .copyright .container {
    margin-bottom: 30px;
    padding-top: 30px;
}

@media (min-width: 576px) {
    .newStyles #footer .categories li {
        width: 50%;
    }

    #footer .navigation {
        text-align: left;
    }

    #footer .navigation ul {
        list-style: square;
        padding: 5px 10px 5px 18px;
    }

    #footer .navigation ul a {
        display: inline-block;
        margin: 5px 0 5px 3px;
        padding: 0;
    }
}

@media (min-width: 768px) {
    #footer .navigation {
        margin-top: 40px;
    }
}

@media (min-width: 992px) {
    .newStyles #footer .categories li {
        width: 33.3333333333%;
    }

    .newStyles #footer .newsletter {
        padding: 20px 10px;
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .newStyles #footer .categories ul {
        max-width: none;
        font-size: 15px;
    }

    .newStyles #footer .categories li {
        width: 14.28%;
        padding: 0 20px;
        border-bottom: none;
        border-right: 1px solid #e20613;
    }

    .newStyles #footer .categories li:last-child {
        border-right: none;
    }
}


/** CONTACT FORM */
.contact-form {
    min-height: 170px;
}
.contact-form.white-popup-block {
    border-radius: 3px;
}

.contact-form h2 {
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #656565;
}

.contact-form .form-body {
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 0.5s linear;
}

.contact-form .form-body.hide {
    max-height: 0;
}

.contact-form .form-control,
.form-builder-wrapper .form-control {
    padding: .72em .9em .65em;
    height: auto;
    line-height: 1.4em;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    background-color: #fafafa;
    border: 1px solid #d6d8d9;
    border-radius: 2px;
}

.contact-form .form-control:focus,
.form-builder-wrapper .form-control:focus {
    box-shadow: none !important;
    background-color: #ffffff;
}

.form-builder-wrapper textarea.form-control {
    min-height: 128px;
}

.contact-form .input-group {
    margin-bottom: 1rem;
}

.contact-form .form-check {
    margin-bottom: 0.8rem;
}

.contact-form .form-text {
    line-height: 1.5em;
    font-size: 0.9em !important;
    font-weight: 300;
}

.contact-form select.form-control,
.form-builder-wrapper select.form-control {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.contact-form .form-check-input {
    background-color: #fafafa;
    border: 1px solid #cbcecf;
    border-radius: 2px;
}

.contact-form .form-check-label,
.form-builder-wrapper .custom-control-label {
    line-height: 1.7em;
    font-weight: normal;
    font-size: 90%;
    color: #666666;
    cursor: pointer;
}

.contact-form .form-check-label a,
.form-builder-wrapper .custom-control-label a {
    color: #e20613;
    font-weight: 700;
}

.form-builder-wrapper .custom-control-label::before,
.form-builder-wrapper .custom-control-label::after {
    top: 0.2rem;
}

.form-builder-wrapper .dynamic-multi-file {
    padding: 0;
    background: none;
    border: 0;
}

.form-builder-wrapper .qq-upload-button {
    border: none;
    box-shadow: none;
    background: #e20613;
    font-weight: 600;
}

.contact-form .btn {
    position: relative;
    margin: 10px 0 -20px;
    width: 100%;
    font-size: 1em;
}

.formbuilder .invalid-feedback {
    font-size: 90%;
    display: inline-block !important;
    width: auto;
    margin: 0 0 0 5px;
}

.formbuilder.ajax-form .invalid-feedback {
    display: block !important;
    margin: .25rem 0 0;
}

.formbuilder .checkbox-custom .invalid-feedback {
    display: none !important;
}

.form-builder-wrapper {
    margin-bottom: 2rem;
}

.form-builder-wrapper .custom-control {
    margin-bottom: 1rem;
}

.form-builder-wrapper .custom-control + .text-muted {
    display: block;
    margin-top: -0.8rem;
    margin-bottom: 1rem;
    padding-left: 25px;
}

.form-builder-wrapper .text-muted + .d-block {
    display: none !important;
}

.form-builder-wrapper .form-group label {
    display: block;
    line-height: 1;
    font-weight: 600;
}

.form-builder-wrapper .form-group label.required::after {
    content: "*";
    color: #e20613;
    margin-left: 5px;
}

.form-builder-wrapper .placeholder-form .form-group label {
    display: none !important;
}

.form-builder-wrapper .placeholder-form .validation {
    display: none !important;
}

.form-builder-wrapper .placeholder-form .form-group label.form-builder-html-tag-element {
    display: block !important;
    font-weight: normal;
    line-height: 1.5em;
}

.form-builder-wrapper .placeholder-form .form-group label.form-builder-html-tag-element p {
    margin-bottom: 6px;
}

.form-builder-wrapper .text-muted {
    line-height: 1.5em;
    font-size: 0.9em !important;
    font-weight: 300;
}

.form-builder-wrapper .btn {
    font-weight: 600;
    padding: 8px 16px;
    margin-top: 10px;
    border-radius: 50px;
}

.contact-form .text-muted {
    display: block;
    margin-top: 5px;
    line-height: 1.5em;
}

@media (min-width: 576px) {
    .contact-form h2 {
        font-size: 23px;
    }
}


/** SOCIAL BOX */
.social-box {
    display: none;
    position: fixed;
    z-index: 1040;
    bottom: 0;
    right: 0;
    padding: 20px 0 80px;
    background-color: #959595;
    border-radius: 30px 0 0 0;
}

.social-box a {
    display: block;
    margin: 15px 8px;
    height: 32px;
    width: 32px;
    border-radius: 100px;
    text-indent: -999999px;
}

.social-box a:hover {
    opacity: 0.6;
}

.social-box .facebook {
    background-image: url("../img/facebook.svg");
}

.social-box .instagram {
    background-image: url("../img/instagram.svg");
}

.social-box .linkedin {
    background-image: url("../img/linkedin.svg");
}

.social-box .youtube {
    background-image: url("../img/youtube.svg");
}

@media (min-width: 992px) {
    .social-box {
        display: block;
    }
}


/** SCROLL UP */
#scrollUp {
    bottom: 20px;
    right: 15px;
	width: 40px;
    height: 40px;
    text-align: center;
    background-color: #f5f5f5;
    z-index: 1001 !important;
    transition: background-color 150ms;
}

#scrollUp:hover {
    background-color: #eeeeee;
}

#scrollUp .icon {
    display: inline-block;
    margin-top: 10px;
    height: 15px;
    width: 18px;
    background-image: url("../img/scroll-up.svg");
    background-size: cover;
}

@media (min-width: 768px) {
    #scrollUp {
        right: 100px;
    }
}


/** COOKIE POLICY */
.cookie-policy {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1041;
    display: block;
    margin: 0 auto;
    padding: 13px 10px;
    width: 100%;
    font-size: 12pt;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    box-shadow: 0px 5px 50px rgba(0,0,0,0.5);
    transition: all 150ms;
}

.cookie-policy.closed {
    bottom: -150px;
}

.cookie-policy .button {
    display: inline-block;
    margin: 5px;
    line-height: 1;
    font-weight: 550;
    color: rgb(68, 68, 68);
    transition: all 150ms;
}

.cookie-policy .accept {
    padding: 10px 16px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background-color: #000000;
}

.cookie-policy .button:hover {
    opacity: 0.8;
}