/* *** CSS RESET *** */

:focus {outline: 0}
a {outline: none; text-decoration: none;}
a, img {border: 0;}
button {cursor: pointer;}

/* *** GLOBAL *** */

@media (min-width: 1228px) {
   body .container {
      min-width: 1230px;
   }
}

.bx-wrapper {
    z-index: 1;
}

iframe {
    border: none;
}

body h1, body h2, body h3, body h4, body h5, body h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    margin-top: 0;
}

body p {
    margin-bottom: 25px;
    margin-top: 0;    
}

body h2 {
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 0;
}

body ul {
    margin-bottom: 25px;
    padding-left: 16px;
    margin-top: 0;
}

body ol {
    padding-left: 20px;
    margin-bottom: 25px;
    margin-top: 0;
}

body .bx-wrapper {
    padding: 0;
    border: none;
}

body {
    overflow-x: hidden;
}

figure {
    margin: 0;
}

body a:hover {
    text-decoration: none;
}

input, textarea, button {
    font-family: 'Open Sans', sans-serif;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000000;
    background: #EDE5D9;
    line-height: 1.3;
    min-width: 302px;
}

img {
    max-width: 100%;
    max-height: 100%;
}

a, a:hover, a:focus, a:active {
    outline: none !important;
    text-decoration: none;
}

.hamburger, .hamburger:focus, .hamburger:active {
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body .hamburger-inner, body .hamburger-inner::before, body .hamburger-inner::after {
    height: 2px;
}

body .bx-wrapper .bx-controls-auto, body .bx-wrapper .bx-pager {
    position: relative;
    bottom: auto;
    width: auto;
}

.clearer {
    clear: both;
    height: 0;
}

.chosen-container-single .chosen-single div b {
    background: none;
}

.logo, img, a, button {
    -webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}

.bx-caption {
    display: none;
}

.bx-wrapper {
    box-shadow: none;
    border: 0;
    margin: 0;
    background:transparent;    
}

.content-box {
    float: left;
    width: 100%;
}

/* *** HEADER *** */

header {
    z-index: 10;
    top: 0;
    left: 0;
    padding: 40px 0;
    width: 100%;
}

.header-box .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .logo img {
   display: block;
}

.main-menu ul {
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    margin: 0;
}

.main-menu ul li {
   margin: 0 17px;
}

.main-menu > ul > li > a {
    color: #91836C;
    display: block;
    padding: 13px 0;
    font-size: 15px;
    text-align: center;
    position: relative;
}

.main-menu > ul > .current > a {
    color: #BC1620;
    font-weight: bold;
}

.main-menu > ul > .current > a:after {
   opacity: 1;
}

.main-menu > ul > li:hover > a {
    color: #BC1620;
}

.main-menu ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
    list-style: none; 
    width: 305px;
    background: #cacaca;  
    display: none;     
}

.main-menu ul ul li {
    position: relative;
    float: left;
    width: 100%;
}

.main-menu ul ul li a {
    position: relative;
    color: #1c2f59;
    text-align: left;
    display: block;
    padding: 11px 15px;
    float: left;
    width: 100%; 
    font-size: 14px;
}

.main-menu ul ul li:hover > a {
    background: red;
    color: #fff;
}

.main-menu ul ul ul {
    left: 100%;
    top: 0;
}

.main-menu .hoverIn {
    display: block;
}

.main-menu .hoverOut {
    display: none;
}

header .float-right {
   display: flex;
   align-items: center;
}

.h-boxes {
    display: flex;
    font-size: 15px;
    align-items: center;
    justify-content: flex-end;
}

.h-box {
    margin-left: 22px;
}

.h-boxes .h-box:first-child {
   margin-left: 0;
}

.h-box-1 strong {
    color: #E94B0E;
}

.btn-basket {
    width: 26px;
    position: relative;
    height: 22px;
    background: url('../../img/frontend/icons/01.png');
    display: block;
}

.btn-basket:hover {
   opacity: 0.9;
}

.btn-basket span {
    color: #E94B0E;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    height: 17px;
    border-radius: 50%;
    width: 17px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -10px;
    margin-right: -12px;
    font-size: 12px;
    display: block;
}

.btn-logout {
    width: 22px;
    height: 26px;
    background: url('../../img/frontend/icons/02.png');
    display: block;
}

.btn-logout:hover {
   opacity: 0.9;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

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

.user-image figure {
   border: 1px solid #D5CDC3;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #fff;
   width: 56px;
   height: 56px;
   overflow: hidden;
   cursor: pointer;
}

.user-image {
   padding-right: 20px;
   background: url('../../img/frontend/icons/img02.png') center right no-repeat;
}

.user-image img {
   cursor: pointer;
}

.user-image img:hover {
   opacity: 0.9;
}

.dropdown-item {
   padding-top: 6px !important;
   font-size: 14px;
   color: #67797C;
}

.dropdown-item:hover {
   background: #BC1620 !important;
   color: #fff !important;
}

.h-box .dropdown-menu {
   right: 0 !important;
   left: auto !important;
   border: 1px solid #d5e0e2;
}

/* *** BANNER *** */

.banner-box {
    width: 100%;
}

.banner-box img {
    display: block;
}

.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
}

.banner ul li {
   position: relative;
   text-align: center;
   width: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.banner .bx-controls-direction {
   display: none;
}

.banner .bx-controls {
    display: block;
}

.banner .description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: red;
    padding: 20px 10px;
    color: #fff;
}

.banner a {
    color: #fff;
}

.banner h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.banner a:hover {
    color: blue;
}

.banner .prev-box, .banner .next-box {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 22px;
    height: 44px;
    z-index: 1000;
}

.banner .prev-box {
    left: 15px;    
}

.banner .next-box {
    right: 14px;    
}

.banner .bx-prev, .banner .bx-next {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    text-indent: -9999999px;
}

.banner .bx-prev {
    background: green url('../../img/frontend/sprite.png') -35px 0 no-repeat;   
}

.banner .bx-next {
    background: green url('../../img/frontend/sprite.png') -62px 0 no-repeat;  
}

.banner .prev-box:hover, .banner .next-box:hover {
    opacity: 0.90;
    filter: alpha(opacity = 90);
}

.banner .bx-controls {
    width: auto;
    position: absolute;
    z-index: 100;
    bottom: 10px;
    right: 10px;
}

.banner .bx-pager {
    float: left;
    padding: 0;
}

.banner .bx-pager .bx-pager-item {
    float: left;
    margin-right: 10px;
}

.banner .bx-pager .bx-pager-item a {
    float: left;
    text-indent: -99999px;    
    display: block;
    width: 15px;
    height: 15px;
    background: blue;
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;  
    border-radius: 50%;      
}

.banner .bx-pager .bx-pager-item .active, .banner .bx-pager .bx-pager-item a:hover{
    background: green !important;    
}

body, html {
    height: 100%;
}

.banner-full-screen {
    width: 100%;
    height: 100%;
}

.banner-full-screen .banner, .banner-full-screen .bx-wrapper, .banner-full-screen .bx-viewport, .banner-full-screen ul, .banner-full-screen li {
    height: 100% !important;
}

.banner-full-screen {
    height: 100%;
}

/* *** HOME *** */

.main-content {
   min-height: calc(100vh - 322px);
}

.subpage .main-content {
   min-height: calc(100vh - 482px);
}


.content-box-1 {
   min-height: 585px;
}

.content-box-1-1 {
   height: 511px;
   position: relative;
   z-index: 1;
   display: flex;
   width: 100%;
   align-items: flex-end; 
}

.content-box-1-1 figure img {
   display: block;
}

.content-box-1-1-1 {
   width: 100%;
}

.content-box-1-1 figure {
   position: absolute;
   z-index: 100;
   bottom: 0;
   left: 0;
}

.row>* {
   padding-left: 15px;
   padding-right: 15px;
}

.row {
   margin-left: -15px;
   margin-right: -15px;
}

.title h2 {
   color: #91836C;
   font-size: 12px;
   margin: 0;
   text-transform: uppercase;
   font-weight: bold;
}

.title {
   margin-top: 25px;
   margin-bottom: 12px;
}

.content-box-1 .button-box {
   margin-bottom: -4px;
}

.box-1 {
   border-radius: 8px;
   color: #fff;
   height: 174px;
   text-align: center;
   padding: 15px;
   background: #FFC400;
}

.box-1 .txt-1 {
   padding-top: 22px;   
   font-size: 71px;
   font-weight: bold;
}

.box-1-1 {
   box-shadow: 0 3px 16px #D5C1A39D;
   background: #fff;
   color: #FFC400;
}

.box-1-2 {
   height: auto;
   padding: 0;
   box-shadow: 0 3px 16px #D5C1A39D;
   background: #fff;
   color: #FFC400;
   display: flex;
   overflow: hidden;
}

.box-1-2 .description {
   width: 54%;
   text-align: left;
   color: #91836C;
   min-height: 191px;
   font-size: 15px;
   padding: 12px 15px;
}

.box-1-2 .button-box {
   position: absolute;
   bottom: 0;
   right: 0;
   margin: 10px 15px;
}

.box-1-2 figure {
   width: 46%;
   flex-shrink: 0;
   position: relative;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}

.box-1-2 figure a {
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   opacity: 0;
}

.box-1-2 figure a:hover {
   opacity: 0.1;
}

.box-1-2 .txt-2 {
   height: 136px;
   overflow: hidden;
}

.slider-1 {
   position: relative;
   width: 568px;
   float: right;
   padding-left: 180px;
   background: url('../../img/frontend/img02.png');
   background-size: 100% 100%;
   border-radius: 10px;
}

.content-box-1 .btn-1 {
   width: 100%;
}

.btn-1 {
   display: inline-block;
   padding: 0 15px;
   border-radius: 8px;
   font-family: 'Open Sans', sans-serif;   
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   height: 47px;
   line-height: 49px;
   min-width: 180px;
   border: none;
   background: #BC1620;
}

.btn-1:hover {
   color: #fff;
   opacity: 0.9;
}

.btn-1-1 {
   box-shadow: 0 3px 16px #790910;
   background: #FFC400;
   color: #BC1620;
}

.slider-1 ul {
   padding: 0;
   list-style: none;
   margin: 0;
}

.slider-1 img {
   margin: 0 auto;
}

.slider-1 figure {
   text-align: center;
   overflow: hidden;
}

.slider-1 figure img {
   border-radius: 10px 10px 30px 30px;
}

.slider-1 .description {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-right: 20px;
   position: relative;
   height: 418px;
}

.slider-1 h2 {
   color: #FFC400;
   font-size: 22px;
   font-weight: bold;
   margin-bottom: 20px;
}

.slider-1 .button-box {
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 15px 20px;
}

.link-1 {
   color: #FFC400;
   padding-right: 22px;
   font-size: 12px;
   font-weight: bold;
   background: url('../../img/frontend/icons/img03.png') center right no-repeat;
   text-decoration: none;
}

.link-1:hover {
   color: #FFC400;
   opacity: 0.8;
   text-decoration: none;
}

.slider-1 .bx-controls {
   position: absolute;
   bottom: -32px;
   right: 0;
   width: 808px;
}

body .bx-wrapper .bx-pager.bx-default-pager a {
   border: 1px solid #D5CDC3;
   background-color: #fff !important;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background-position: center center !important;
   background-repeat: no-repeat !important;
}

body .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
   background-image: url('../../img/frontend/icons/img04.png') !important;
}

.slider-1 a:hover img {
   opacity: 0.9;
}

.link-2 {
   width: 27px;
   height: 27px;
   margin: 15px;
   position: absolute;
   bottom: 0;
   right: 0;
   display: block;
   z-index: 2;
   background: url('../../img/frontend/icons/06.png') center no-repeat;
}

.link-2:hover {
   opacity: 0.9;
}

.box-1 {
   position: relative;
}

.progress-content {
   position: absolute;
   bottom: 0;
   padding: 10px;
   left: 0;
   width:100%;
}

.progress-content-1 {
   padding: 18px;
}

.progress-box {
   width: 100%;
   border-radius: 11px;
   border: 1px solid #C6C6C6;
   padding: 2px;
   background: #fff;
   height: 14px;
}

.progress-box div {
   height: 8px;
   position: relative;
   border-radius: 10px;
   background: #FFC400;
}

.progress-content-1 .progress-box {
   background: #EDE5D9;
   border-radius: 11px;
   height: 22px;
   padding: 5px;
   border: none;
}

.progress-content-1 .progress-box div {
   height: 12px;
   background: #BC1620;
   border-radius: 11px;
}

.progress-box div span {
   position: absolute;
   bottom: 100%;
   margin-bottom: 5px;
   right: 0;
   color: #FFC400;
   margin-right: -10px;
   font-size: 12px;
   font-weight: bold;
}

/* *** BREADCRUMB *** */

.breadcrumb-box {
    float: left;
    width: 100%;
    color: #1c2f5a;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.breadcrumb-box ul {
    padding: 0 !important;
}

.breadcrumb-box li {
    float: left;
    margin-right: 20px;
    list-style: none;
}

.breadcrumb-box a {
    color: #1c2f5a;
}

.breadcrumb-box a:hover {
    color: #000;    
}

/* *** FOOTER *** */

.subpage footer {
   margin-top: -30px;
}

footer {
   margin-top: -190px;
   background: url('../../img/frontend/img03.png') center no-repeat;
}

footer .container {
   height: 376px;
   padding-top: 25px;
   padding-bottom: 25px;
   display: flex;
   align-items: flex-end;
   justify-content: center;
}

footer .row-box {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 -15px;
}

footer .row-box .col-box {
   padding: 0 15px;
   margin-bottom: 30px;
}

footer {
   font-size: 12px;
}

footer a {
   color: #67797C;
}

footer a:hover {
   color: #67797C;
}

.f-title {
   font-weight: bold;
   margin-bottom: 10px;
}

.f-boxes {
   display: flex;
   margin: 0 -15px;
   align-items: center;
}

.f-box {
   padding: 0 15px;
}

.f-box ul {
   padding: 0;
   font-size: 14px;
   margin: 0;
   list-style: none;
}

.f-box ul li {
   margin-bottom: 5px;
}

.f-box ul li:last-child {
   margin-bottom: 0;
}

.social-box a {
   display: block;
   width: 38px;
   height: 38px;
}

.fb {
   background: url('../../img/frontend/icons/03.png');
}

.linkedin {
   background: url('../../img/frontend/icons/04.png');
}

.yt {
   background: url('../../img/frontend/icons/05.png');
}

.social-box {
   display: flex;
}

.social-box a {
   margin-left: 6px;
}

footer a:hover {
   opacity: 0.9;
}

.social-box a:first-child {
   margin-left: 0;
}


/* *** CUSTOM SELECT *** */

.select {
    width: 100%;

}

.select .chosen-container {
    width: 100% !important;
}

.select ul {
    margin: 0 4px 4px 0 !important;
    padding: 0 0 0 4px !important;
}

.select .chosen-search {
    display: none;
}

.select .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0 0 0 10px;
    height: 29px;
    border: none;
    border-radius: 0;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: none;
    color: #000;
    font-size: 14px;  
    text-decoration: none;
    white-space: nowrap;
    line-height: 27px;
}

.select .chosen-drop ul li {
    background-image: none !important;
    height: auto !important;
}

.select .chosen-container-single .chosen-single div {
    width: 32px;
    /*background: url('../../img/frontend/select-arrow.png') center no-repeat;*/
}

.select .chosen-container .chosen-results li.active-result {
    background: #fff;
    color: #000;
}

.select .chosen-container .chosen-results li:hover {
    background: #ec008d;
    color: #fff;
}

/* *** MENU RSP *** */

.header-rsp {
    top: 0;
    left: 0;
    position: fixed;
    overflow: auto;
    z-index: 101;
    width: 100%;
    padding: 10px 15px;
    height: 70px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
    display: none;
}

.header-rsp .logo-rsp {
    margin-top: 10px;
}

.header-rsp .logo-rsp img {
    max-width: 100%;
    width: 150px;
    max-height: 100%;
}

.hamburger {
    position: absolute;
    top: 8px;
    right: 0;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background: #BC1620;
}

.data-rsp {
    position: absolute;
    top: 27px;
    right: 70px;
}

.data-rsp a {
    font-size: 11px;    
}

.menu-rsp {
    width: 100%;
    position: fixed;
    padding-top: 70px;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    float: right;
    height: 100%;
    display: none;      
}

.menu-rsp  .opacity-rsp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.4;
}

.menu-rsp nav {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.menu-rsp > nav > ul:first-child {
    box-shadow: 0 0 10px rgb(255 255 255 / 50%);
}

.menu-rsp nav ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 2;
    background: #EDE5D9;
    padding: 0;
}

.menu-rsp nav li {
    position: relative;
    list-style: none;
    float: left;
    border: none;
    width: 100%;
    height: auto;
    border-top: 1px solid transparent;
}

.menu-rsp nav > ul > li:first-child {
    border-top: none;
}

.menu-rsp nav a {
    line-height: normal;    
    height: auto;
    color: #67797C;
    font-size: 15px;
    font-weight: bold;
    float: left;  
    width: 100%;
    padding: 15px 15px 14px 15px;
}

.menu-rsp nav a:hover {
    background-color: #BC1620;
    color: #fff;
}

.menu-rsp nav ul .li-submenu > a {
    padding-right: 53px;
}

.btn-slide-down {
    width: 40px;
    height: 100%;
    background: #fff;
    border-left: 1px solid transparent;
    position: absolute;
    top: 0;
    font-size: 14px;
    text-align: center;
    color: #000;
    right: 0;
    z-index: 2;
    display: none !important;
    line-height: 52px;
    cursor: pointer;
}

.menu-rsp nav ul ul {
    display: none;
    color: #fff;
}

.btn-slide-down, .menu-rsp nav li {
    border-color: #fff;
}

.menu-rsp nav ul ul {
    background: #f4f4f4;
}

.menu-rsp nav ul ul ul ul {
    background: #fff;
}

.menu-rsp nav ul ul a {
    padding-left: 30px;
}

.menu-rsp nav ul ul ul a {
    padding-left: 45px;
}

/* *** STATUSY *** */

.main-wrapper {
   display: flex;
   width: 100%;
}

.sidebar {
   width: 420px;
   padding-right: 30px;
}

.main {
   width: calc(100% - 420px); 
}

.boxes-2 .row-box {
   display: flex;
   border-right: 1px solid #D5E0E2;
}

.boxes-2 .col-box {
   width: 25%;
   padding: 0 10px;
   border-left: 1px solid #D5E0E2;
}

.box-2 ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.box-2 ul li {
   padding: 5px 0;
   padding-left: 35px;
   font-size: 12px;
   min-height: 41px;
   background: url('../../img/frontend/icons/13.png') left top no-repeat;
   margin-bottom: 10px;
}

.box-2 ul li.active {
   font-weight: bold;
   background-image: url('../../img/frontend/icons/14.png');
}

.box-2 ul li:last-child {
   margin-bottom: 0;
}

.box-3 {
   padding: 10px 15px;
   text-align: center;
   box-shadow: 20px 13px 46px #C8D3D5;
   background: #fff;
   border-radius: 30px;
}

.box-3 .txt-1 {
   font-weight: bold;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 3px;
}

.box-3 .txt-2 {
   color: #E94B0E;
   font-weight: bold;
}

.box-3 .txt-2 span {
   line-height: 1;
   display: block;
   font-size: 70px;
}

.box-3 .txt-3 {
   color: #67797C;
   font-size: 12px;
   font-weight: bold;
}

.box-3 .txt-3-1 {
   line-height: 1;
   font-size: 37px;
}

.box-3 .txt-3-2 {
   font-size: 15px;
}

.chart-box {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
}

.progress-bar {
  position: relative;
  height: 170px;
  background: #fff;
  width: 170px;
}

.progress-bar div {
  position: absolute;
  height: 170px;
  width: 170px;
  border-radius: 50%;
}

.progress-bar div span {
  position: absolute;
  font-family: Arial;
  color: #000;
  font-weight: bold;
  font-size: 26px;
  line-height: 92px;
  height: 146px;
  width: 146px;
  left: 12px;
  top: 12px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}

.progress-bar .background { background-color: red; }

.progress-bar .rotate {
  clip: rect(0 85px 170px 0);
  background-color: red;
}

.progress-bar .left {
  clip: rect(0 85px 170px 0);
  opacity: 1;
  margin: -2px;
  background-color: red;
}

.progress-bar .right {
  clip: rect(0 85px 170px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: red;
}
 @keyframes 
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

.progress-bar {
   margin: 30px 0;
}

.progress-bar span {
   text-indent: -9999px;
}

.prog-txt {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-top: 8px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   flex-direction: column;
   color: #67797C;
   font-size: 12px;
   font-weight: bold;
}

.chart-box {
   position: relative;
}

.prog-txt-3 {
   color: #1E9EC5;
   font-size: 15px;
}

.prog-txt-2 {
   color: #1E9EC5;
   line-height: 1.1;
   font-size: 37px;
}

.box-2 .txt-1 {
   display: none;
}

.banner-1 img {
   border-radius: 30px;
}

.banner-1 {
   margin-bottom: 30px;
}

.font16 {
   font-size: 16px;
}

.wrapper-1 {
   width: 810px;
   margin: 0 auto;
   max-width: 100%;
}

.color-blue {
   color: #1E9EC5;
}

.text h2 {
   font-weight: bold;
   margin-bottom: 25px;
   color: #BC1620;
   font-size: 26px;
}

.text h2:last-child {
   margin-bottom: 0;
}

.text p:last-child {
   margin-bottom: 0;
}

.margin-bottom-1 {
   margin-bottom: 25px;
}

.color-orange {
   color: #E94B0E;
}

.boxes-4 .col-box {
   margin-bottom: 30px;
   padding: 0 15px;
}

.boxes-4 .row-box {
   justify-content: center;
   display: flex;
   flex-wrap: wrap;
}

.box-4 {
   border-radius: 8px;
   background: #FFC400;
   padding: 0 15px;
   width: 180px;
   color: #BC1620;
   text-align: center;
   padding-bottom: 10px;
   height: 100%;
   font-weight: bold;
   font-size: 15px;
}

.box-4 figure {
   padding-top: 5px;
   height: 120px;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
}

.boxes-4-1 .box-4 {
   background: #BC1620;
   padding: 15px;
   height: 204px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   color: #fff;
   font-weight: bold;
   font-size: 15px;
}

/* *** WYZWANIA *** */

.wrapper-2 {
   width: 1020px;
   margin: 0 auto;
   max-width: 100%;
}

.box-5 {
   display: block;
   position: relative;
   border-radius: 10px;
   background: #fff;
   padding: 10px;
}

.box-5 figure {
   margin-bottom: 20px;
}

.box-5 figure img {
   border-radius: 10px;
}

.box-5 .txt-2 {
   color: #67797C;
   text-align: center;
   margin-bottom: 10px;
   min-height: 37px;
   display: flex;
   align-items: center;
   width: 100%;
   justify-content: center;
   font-size: 14px;
}

.box-5 .txt-2-1 span {
   font-size: 18px;
   font-weight: bold;
}

.box-5 .txt-1 {
   color: #1E9EC5;
   margin-top: 3px;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 10px;
}

.box-5 .link-2 {
   position: relative;
   margin: 0 auto;
}

.link-2-1 {
   background: url('../../img/frontend/icons/07.png');
}

.box-5-1 {
   color: #fff;
   background: url('../../img/frontend/01.png');
   background-size: cover;
}

.box-5-1 .txt-1 {
   color: #fff;
}

.box-5-1 .txt-2 {
   color: #fff;
}

.box-5 {
   margin-bottom: 30px;
}

.boxes-5 {
   margin-bottom: -30px;
}

.box-5-2 {
   background: #D6DCDD;
}

.box-5-2 .txt-1 {
   color: #fff;
}

.box-5-2 .txt-2 {
   font-weight: bold;
   color: #fff;
}

.box-5 figure {
   text-align: center;
   margin-bottom: 10px;
}

.box-5-2 figure {
   padding-top: 15px;
}

.box-5-2 figure img {
   border-radius: 0;
}

a.box-5:hover {
   opacity: 0.9;
}

/* *** WIEDZA *** */

.main-wrapper-1 {
   display: flex;
}

.main-1 {
   width: 945px;
   flex-shrink: 0;
   padding-right: 30px;
}

.sidebar-1 {
   width: calc(100% - 840px);
}

.content-box-3 {
   padding: 0 15px;
   background: #fff;
   border-radius: 10px;
   text-align: center;
}

.content-box-3 .txt {
   color: #67797C;
   font-size: 16px;
   padding: 15px 0;
}

/* *** NAGRODY *** */

.boxes-8 .row-box {
   display: flex;
   margin: 0 -15px;
   flex-wrap: wrap;
}

.boxes-8 .col-box {
   width: 33.33333%;
   width: 16.66666%;
   width: 33.33333%;
   width: 16.66666%;
   padding: 0 15px;
}

.box-8 figure {
   text-align: center;
}

.box-8 figure img {
   border-radius: 8px;
}

.box-8 a:hover img {
   opacity: 0.9;
}

.box-8 {
   background: #fff;
   color: #67797C;
   margin-bottom: 30px;
   font-size: 14px;
   border-radius: 8px;
}

.boxes-8 {
   margin-bottom: -30px;
}

.box-8 .description {
   padding: 10px;
}

.box-8 figure {
   position: relative;
}

.box-8 .date-1 {
   position: absolute;
   top: 10px;
   left: 10px;
   color: #BC1620;
   font-size: 10px;
   background: #fff;
   padding: 2px 5px;
   border-radius: 7px;
   font-weight: bold;
}

.boxes-8-8-2 .row-box .col-box {
   width: 33.3333%;
}

.box-8 .date, .boxes-8-8-2 .row-box .col-box .name {
   position: relative;
}

.box-8 .date-1 {
   position: absolute;
   top: 10px;
   left: 10px;
   color: #BC1620;
   font-size: 10px;
   background: #fff;
   padding: 2px 5px;
   border-radius: 7px;
   font-weight: bold;
}

.boxes-8-8-2 .row-box .col-box {
   width: 33.3333%;
}

.box-8 .date, .boxes-8-8-2 .row-box .col-box .name {
   margin-bottom: 6px;
   color: #BC1620;
   font-size: 12px;
   font-weight: bold;
}

.box-8 .txt {
   height: 60px;
   margin-bottom: 15px;
   color: #91836C;
   font-size: 15px;
   overflow: hidden;
}

.box-8 .button-box {
   display: flex;
   justify-content: flex-end;
}

/* *** KONTAKT *** */

.content-box-4 .txt-1 {
   font-size: 18px;
   margin-bottom: 8px;
   color: #67797C;
}

.content-box-4 .txt-2 {
   font-size: 41px;
   line-height: 1.2;
   font-weight: bold;
   color: #E94B0E;
   margin-bottom: 55px;
}

.content-box-4 .txt-2 a {
   color: #E94B0E;   
}

.label-box label {
   color: #fff;
   text-align: center;
   font-size: 12px;
   margin-bottom: 8px;
   display: block;
   font-weight: bold;
}

.input-box {
   margin-bottom: 20px;
}

.input-box input, .input-box textarea {
   color: #000000;
   font-size: 15px;
   width: 100%;
   height: 48px;
   display: block;
   text-align: left;
    font-family: 'Open Sans', sans-serif;
   border-radius: 8px;
   box-shadow: 0 3px 16px #790910;
   background: #fff;
   padding: 0 12px;
   padding-top: 1px;
   border: none;
}

.input-box textarea {
   border-radius: 11px;
   height: 143px;
   resize: none;
   padding: 10px 15px;
   overflow: auto;
}


.content-box-4 {
   display: flex;
   justify-content: space-between; 
}

.content-box-4 .col-box-1 {
   width: 495px;
}

.content-box-4 .col-box-2 {
   width: 390px;
}

.box-9 {
   color: #67797C;
   font-size: 12px;
   background: #fff;
   border-radius: 10px;
   padding: 14px 15px;
   margin-bottom: 10px;
}

.boxes-9 .box-9:last-child {
   margin-bottom: 0;
}

.box-9 h2 {
   margin-bottom: 10px;
   color: #1E9EC5;
   font-weight: bold;
   font-size: 12px;
}

.box-9 a {
   color: #67797C;
}

.box-9 a:hover {
   opacity: 0.9;
   color: #67797C;
}

.btn-1 {
   text-align: center;
}

.btn-1-blue {
   background: #1E9EC5;
}

.button-box-1 {
   text-align: center;
   padding-top: 50px;
}

.button-box-1 a {
   margin-bottom: 8px;
   width: 285px;
   max-width: 100%;
}

.button-box-1 a:last-child {
   margin-bottom: 0;
}

/* *** DODAJ FV *** */

.wrapper-3 {
   width: 810px;
   margin: 0 auto;
   max-width: 100%;
}

.content-box-5 {
   padding: 13px 13px;
   color: #fff;
   background: #BC1620;
   border-radius: 8px;
}

.content-box-5-1 {
   margin-top: 25px;
   color: #91836C;
}

.content-box-5 .button-box .btn-1 {
   width: 100%;
}

.content-box-5 .txt-1 {
   font-size: 15px;
   text-align: center;
   margin-bottom: 15px;
}

.input-box {
   position: relative;
}

.input-txt {
   position: absolute;
   top: 15px;
   right: 15px;
   color: #1E9EC5;
   font-size: 16px;
}

.input-txt sup {
   font-size: 10px;
}

body .input-date {
   padding-right: 40px;
   background: #fff url('../../img/frontend/icons/img14.png') calc(100% - 11px) center no-repeat;
}

.select select {
    color: #67797C;
    font-size: 16px;
    width: 100%;
    height: 48px;
    display: block;
    font-family: 'Albert Sans', sans-serif;
    border-radius: 24px;
    background: #fff;

    padding-top: 4px;
    border: none;
    text-align: center;
   -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;    
   background: #fff url('../../img/frontend/icons/34.png') calc(100% - 23px) center no-repeat;
}

.input-file {
   height: 77px;
   border: 1px solid #fff;
   border-radius: 8px;
   position: relative;
   margin-bottom: 20px;
   background: url('../../img/frontend/icons/img13.png') center no-repeat;
   cursor: pointer;
}

.input-file .btn-1 {
   width: 100%;
}

.input-file:hover .btn-1 {
   opacity: 0.9;
}

.btn-1 {
    -webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}

.input-file input {
   position: absolute;
   top: 0;
   opacity: 0;
   display: block;
   cursor: pointer;
   left: 0;
   width: 100%;
   height: 100%;
}

/* *** LOGOWANIE *** */

.body-login {
   background: url('../../img/frontend/img05.png') center top no-repeat;   
   padding-top: 355px;
}

.body-login .container {
   justify-content: center;
}

.form-log .label-box label {
   color: #91836C;
   font-size: 12px;
}

.form-log .input-box input {
   box-shadow: 0px 3px 16px rgba(213,193,163,0.62);
   height: 48px;
}

.login-content input {
   text-align: center;
}

.btn-1-2 {
   background: #FFC400;
   border-radius: 24px;
}

.login-content {
   padding-top: 10px;
}

.login-content .form-button-box {
   justify-content: center;
   padding-top: 15px;
}

.login-content {
   text-align: center;
   width: 390px;
   margin: 0 auto;
   max-width: 100%;
}

.log-button-box {
   padding-top: 50px;
}

.l-logo {
   padding-top: 23px;
   padding-bottom: 5px;
}

.body-login .main-content {
   min-height: 1px;
}

.link-3 {
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}

.link-3:hover {
   opacity: 0.9;
   color: #fff;
}

.search-content-box .text {
   text-align: center;
   padding-top: 5px;
   margin-bottom: 30px;
}

.search-box {
   position: relative;
   margin-bottom: 30px;
}

::placeholder {
  color: #000;
}

.search-box button {
   position: absolute;
   top: 0;
   left: 0;
   width: 42px;
   height: 42px;
   border: none;
   display: block;
   background: url('../../img/frontend/icons/img15.png') 12px 12px no-repeat;
}

.search-box button:hover {
   opacity: 0.9;
}

.search-box input {
   font-family: 'Open Sans', sans-serif;
   padding: 0 15px 0 50px;
   height: 42px;
   border-radius: 26px;
   background: #fff;
   width: 100%;
   border: none;
   display: block;
   box-shadow: 0px 3px 16px rgba(213,193,163,0.62);
}

/* *** MOJE KONTO *** */

.main-wrapper-2 {
   display: flex;
}

.title-2 {
   text-transform: uppercase;
   padding: 13px 0 11px 0;
   color: #91836C;
   font-size: 12px;
   font-weight: bold;
}

.sidebar-2 {
   width: 315px;
   padding-right: 30px;
}

.main-2 {
   width: calc(100% - 315px);
}

.menu-1 {
   display: flex;
   justify-content: center;
   margin-bottom: 25px;
}

.cont-box {
   display: none;
}

.menu-1 ul {
   overflow: hidden;
   background: #fff;
   padding: 0;
   margin: 0;
   display: flex;
   list-style: none;
   border-radius: 26px;   
}

.menu-1 a {
   width: 180px;
   border-radius: 26px;      
   height: 42px;
   display: flex;
   align-items: center;
   padding: 2px 10px 0 10px;
   justify-content: center;
   text-align: center;
   color: #91836C;
   font-weight: bold;
   font-size: 12px;
}

.menu-1 .current a {
   color: #fff;
   background: #BC1620;
}

.menu-1 li {
   margin-right: 30px;
}

.menu-1 ul li:last-child {
   margin-right: 0;
}

.menu-1 a:hover {
   color: #fff;
   background: #BC1620;
}

.content-box-7 {
   display: flex;
   margin: 0 -15px;
}

.content-box-7 .col-box {
   width: 50%;
   padding: 0 15px;
}

.box-11 {
   text-align: center;
}

.box-11 .txt {
   padding-top: 10px;
}

.content-box-7-1 {
   width: 600px;
   max-width: 100%;
   margin-left: 70px;
}

.content-box-7-1 .form-box {
   width: 100%;
}

.form-box-2 {
   background: #fff;
   padding: 17px;
   border-radius: 8px;
}

.height-1 {
   min-height: 367px;
}

.form-box-2 .label-box label {
   color: #91836C;
   font-size: 12px;
   text-align: left;
}

.form-box-2 .input-box input {
   border: 1px solid #E2D9CC;
   box-shadow: none;
   border-radius: 8px;
   height: 48px;
}

.form-box-2 .button-box {
   display: flex;
   justify-content: center;
   padding-top: 10px;
   padding-bottom: 13px;
}

body .input-edit {
   background: #fff url('../../img/frontend/icons/img17.png') calc(100% - 12px) center no-repeat;
   padding-right: 45px;
}

.content-box-7-1 .input-box input {
   text-align: left;
}

.content-box-7-2 {
   padding-top: 25px;
   margin-top: 30px;
   border-top: 1px solid #D5E0E2;
}

.table-1 table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0 5px;
}

.table-1 table th span {
   font-weight: normal;
}

.table-1 table tr td:first-child {
   border-radius: 8px 0 0 8px;
}

.table-1 table tr td:last-child {
   border-radius: 0 8px 8px 0;
}

.table-1 {
   overflow: auto;
}

.table-1 table td {
   font-size: 15px;
   background: #fff;
   padding: 10px 15px 12px 15px;
   padding-top: 14px;
}

.table-1 table th {
   padding: 0 15px;   
   color: #91836C;
   font-size: 12px;
   font-weight: bold;
}

.btn-file {
   width: 26px;
   height: 32px;
   display: inline-block;
   vertical-align: middle;
   background: url('../../img/frontend/icons/img12.png');
}

.status-no-active {
   width: 34px;
   height: 34px;
   display: inline-block;
   vertical-align: middle;
   background: url('../../img/frontend/icons/img11.png');
}

.status-active {
   width: 34px;
   height: 34px;
   display: inline-block;
   vertical-align: middle;
   background: url('../../img/frontend/icons/img10.png');
}

.btn-file:hover {
   opacity: 0.9;
}

.table-1 .txt-1 {
   color: #FFC400;
}

.table-1 .txt-2 {
   color: #BC1620;
   font-weight: bold;
   font-size: 19px;
}

.font-12 {
   font-size: 12px;
}

.checkbox-box {
   display: flex;
   margin-bottom: 10px;
}

.checkbox-box label {
   font-size: 15px;
   padding: 7px 0 0 0;
   margin: 0;
}

.checkbox-box a {
   color: #000;
}

.checkbox-box a:hover {
   color: #BC1620;
}


.button-form-check {
   display: flex;
   text-align: center;
   padding-top: 50px;
   justify-content: center;
}

.button-form-check .btn-1 {
   width: 390px;
}

.note-box {
   color: #91836C;
   font-size: 12px;
   padding-top: 15px;
}

.padding-top-1 {
   padding-top: 20px;
}

.icheckbox, .iradio {
   background: #fff;
   width: 34px;
   height: 34px;
   flex-shrink: 0;
   margin-right: 14px;
   border: 1px solid #8F836F;
   border-radius: 6px;
}

.icheckbox.checked,.iradio.checked {
   background: #fff url('../../img/frontend/icons/img16.png') 8px 11px no-repeat;
}

.checkbox-content .checkbox-box:last-child {
   margin-bottom: 0;
}

.boxes-12 {
   display: flex;
   margin: 0 -15px;
}

.box-12 {
   text-align: center;
   color: #fff;
   font-weight: bold;
   padding: 15px 15px;
   margin: 0 5px;
   background: #FFC400;
   border-radius: 8px;
   width: 210px;
   flex-shrink: 0;   
   height: 323px;

}

.box-12-2 {
   width: 600px;
}

.box-12 .txt-1 {
   font-size: 12px;
   min-height: 32px;
   display: flex;
   margin-bottom: 25px;
   align-items: center;
   justify-content: center;
}

.box-12 .txt-2 {
   font-size: 78px;
   font-size: 78px;
   padding-top: 10px;
}

.txt-2-small {
   font-size: 48px!important;
}

.box-12-1 {
   background: #BC1620;
}

.box-12-2 {
   position: relative;
   background: #fff;
   box-shadow: 0px 3px 16px rgba(213,193,163,0.62);
}

.box-12-2 .txt-1-1 {
   font-size: 12px;
   color: #000;
   font-weight: normal;
}

.box-12 .txt-3 {
   color: #FFC400;
   font-size: 12px;
   min-height: 32px;
   font-weight: bold;
}

.box-12-2 .txt-2 {
   color: #FFC400;
}

.box-12-2 .row-box {
   display: flex;
   justify-content: space-between; 
}

.box-12 .txt-4 {
   color: #BC1620;
   font-size: 12px;
   padding-top: 30px;
}

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

.box-12-2 .col-box {
   width: 50%;
   padding: 0 15px;
}

/* *** 21.11 *** */

.status-new {
   width: 37px;
   height: 37px;
   display: inline-block;
   vertical-align: middle;
   background: url(../../img/frontend/icons/img18.png) center no-repeat;
}

.status-question {
   width: 35px;
   height: 35px;
   display: inline-block;
   vertical-align: middle;
   background: url(../../img/frontend/icons/img19.png) center no-repeat;
}

.tooltip-inner {
   padding-bottom: 8px;
}

/* *** SUPER AKCJA *** */

.x-wrapper-1 {
   width: 600px;
   margin: 0 auto;
   max-width: 100%;
}

.text h3 {
   color: #BC1620;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 25px;
}

.x-boxes-1 .row-box {
   display: flex;
   margin: 0 -15px;
   flex-wrap: wrap;
   justify-content: center;
}

.x-boxes-1 .col-box {
   padding: 0 15px;
   margin-bottom: 30px;
   width: 50%;
}

.x-box-1 {
   height: 100%;
   background: #FFC400;
   border-radius: 8px;
   padding: 25px 20px;
   text-align: center;
}

.x-box-1 figure {
   margin-top: 25px;
}

.x-content-box-1 {
   padding-top: 10px;
}

.btn-1-red {
   background: #BC1620;
   font-size: 14px;
}

.x-content-box-2 .btn-1 {
   width: 390px;
   max-width: 100%;
}

.x-content-box-2 .button-box {
   text-align: center;
}

.x-content-box-2 .txt {
   padding: 20px 0;
   text-align: center;
   color: #91836C;
}

.x-content-box-2 .txt a:hover {
   color: #BC1620;
}

.x-content-box-2 .txt a {
   color: #91836C;
   font-size: 15px;
   font-weight: bold;
}

.x-table-1 .txt-3 {
   color: #91836C;
}

.x-box-2 {
   margin-bottom: 10px;
}

.x-content-box-2 {
   padding-bottom: 15px;
}

.x-box-2 .name {
   margin-bottom: 20px;
    -webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
   height: 48px;
   font-size: 14px;
   text-align: center;
   justify-content: center;
   align-items: center;
   padding: 0 30px;
   display: flex;
   color: #fff;
   font-weight: bold;
   padding-top: 2px;
   background: #FFC400 url('../../img/frontend/icons/img20.png') calc(100% - 20px) 21px no-repeat;
   border-radius: 24px;
   cursor: pointer;
}

.x-box-2 .name:hover {
   opacity: 0.9;
}

.x-button-content-box {
   margin-bottom: -47px;
}

.x-box-1 figure {
   padding: 15px 0;
}

.btn-1-prev {
   background-repeat: no-repeat;
   background-image: url('../../img/frontend/icons/img21.png');
   background-position: 15px center;
}

.x-main-content {
   width: 810px;
   margin: 0 auto;
   max-width: 100%;
}

.x-content-box-3 {
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 30px;
   background: #fff;   
}

.x-content-box-3 .description {
   padding: 20px 20px;
   color: #91836C;
   font-size: 15px;
}

.x-main-content h2 {
   color: #BC1620;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 25px;
}

.x-main-content .date {
   color: #BC1620;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 10px;
}

@media (min-width: 992px) {
.boxes-8-1 .row-box .col-box {
   width: 25%;
}
}

@media (max-width: 1199px) {
   .x-button-content-box {
      margin-bottom: 20px;
      text-align: center;
   }
}

@media (max-width: 767px) {
   .x-boxes-1 .col-box {
      width: 100%;
   }
}

/* 02.12 */

.main-menu li:hover ul {
   display: block;
}

.main-menu ul ul {
   padding: 0;
   margin: 0;
   background: #91836C;
   overflow: hidden;
   width: 250px;
   border-radius: 5px;
}

.main-menu ul ul li {
   margin: 0;
}

.main-menu {
   position: relative;
   z-index: 2;
}

.main-menu ul ul li a {
   color: #fff;
   padding: 8px 10px 7px 10px;
   font-size: 14px;
}

.main-menu ul ul li a:hover {
   background: #BC1620;
}

.main-menu ul li {
   position: relative;
}

@media (max-width: 992px) {
   .btn-slide-down {
      display:block !important;
   }
}
/* *** 11.01 *** */

.z-wrapper-1 {
   width: 1020px;
   max-width: 100%;
   margin: 0 auto;
}

.z-banner {
   margin-bottom: 15px;
}

.z-content-box-1 h2 sup {
   font-size: 16px;
}

.z-content-box-2 {
   background: #FFC400;
   border-radius: 8px;
   padding: 15px;
}

.z-content-box-2 .name {
   color: #BC1620;
   padding: 0 0 7px 0;
   margin-bottom: 13px;
   border-bottom: 1px solid #BC1620; 
   font-weight: bold;
   display: flex;
   justify-content: space-between; 
}

.z-content-box-2 .description {
   font-weight: bold;
   background: url('../../img/frontend/akcje/img02.png') right center no-repeat;
   padding-right: 200px;
}

.z-content-box-2 ol {
   margin: 0;
   padding: 0 0 0 20px;
}

.z-content-box-2 ol li {
   margin-top: 7px;
}

.z-content-box-2 ol li:first-child{
   margin-top: 0;
}

.z-content-box-2 {
   margin-top: 50px;
}

.z-content-box-3 {
   margin-top: 20px;
   text-align: center;
}

.z-content-box-3 strong {
   color: #BC1620;
}

.z-content-box-4 {
   margin-top: 50px;
   margin-bottom: 50px;
}

.z-boxes-1 .row-box {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -30px;
}

.z-boxes-1 .row-box-center {
   justify-content: center;
}

.z-boxes-1 .row-box-center .col-box {
   width: 45%;
}

.z-boxes-1 .row-box-center .col-box-double {
   width: 35%;
}

.z-boxes-1 .col-box {
   padding: 0 30px;
   width: 50%;
   margin-top: 20px;
}

.z-box-1 {
   padding: 20px;
   width: 100%;
   text-align: center;
   background: #FFC400;
   border-radius: 8px;
}

.z-box-1 .txt-2 {
   font-weight: bold;
   background: url('../../img/frontend/akcje/img03.png') center no-repeat;
   padding-top: 23px;
   margin-top: 10px;
}

.z-box-1 figure {
   width: 162px;
   margin-bottom: -16px;
   margin-top: -91px;
   text-align: center;
   align-items: center;
   width: 100%;
   height: 162px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.z-boxes-1-1 .col-box {
   width: 33.3333%;
}

.z-boxes-1-1 {
   padding-top: 20px;
}

.z-boxes-1-1 figure {
   margin-bottom: -30px;
}

.z-box-1 {
   height: 100%;
}

@media (max-width: 1199px) {
   .z-boxes-1 .row-box {
      margin: 0 -15px;
   }
   .z-boxes-1 .col-box {
      padding: 0 15px;
   }
}

@media (max-width: 767px) {
   .z-content-box-2 .name {
      display: block;
   }
   .z-content-box-2 .description {
      padding-right: 0;
      background: none;
   }
   .z-boxes-1 .col-box {
      width: 100%;
   }
   .z-boxes-1 .col-box {
      margin-bottom: 50px;
   }
   .z-boxes-1 {
      margin-bottom: -100px;
   }
}
/* *** 21.01 *** */

.s-content-box-1 {
   width: 810px;
   margin: 0 auto;
   max-width: 100%;
   text-align: center;
}

.s-content-box-1-1 {
   margin-top: 35px;
   background: #fff;
   overflow: hidden;
   box-shadow: 0px 3px 16px #D5C1A39D;
   border-radius: 8px;   
}

.s-content-box-1-1 .txt {
   font-weight: bold;
   color: #BC1620;
   padding: 20px 15px;
   font-size: 26px;
}

.s-content-box-1-1 .button-box {
   padding-top: 22px;
}

@media (max-width: 767px) {
   .s-content-box-1-1 .txt {
      font-size: 18px;
   }
}
/* *** 23.03 *** */

.s-content-box-1-1-2 {
   margin-top: 0;
   position: relative;
   margin-bottom: 35px;
}

.s-content-box-1-1-2 .txt {
   position: absolute;
   top: 0;
   padding: 5px 15px;
   left: 0;
   width: 100%;
}


.a-btn-1 {
   width: 180px;
   height: 36px;
   display: block;
   margin: 0 auto;
   background: #FFC400;
   box-shadow: 0px 3px 16px #A2A2A2;
   border-radius: 8px;
   color: #BC1620;
   font-size: 12px;
   text-align: center;
   font-weight: bold;
   line-height: 38px;
}

a.a-btn-1:hover {
   color: #BC1620;
   opacity: 0.9;
}

.s-content-box-1 .button-box {
   padding-top: 60px;
   padding-bottom: 45px;
}

.a-content-box-1 {
   max-width: 100%;
   width: 810px;
   margin: 0 auto;
}

.a-title-1 h2 {
   text-align: center;
   color: #BC1620;
   font-size: 26px;
   font-weight: bold;
   margin: 0;
}

.a-title-1 {
   margin-bottom: 20px;
}

.a-content-box-1 .text {
   margin-bottom: 30px;
}

.a-boxes-1 {
   background: #BC1620;
   border-radius: 8px;
   flex-wrap: wrap;
   display: flex;
}

.a-boxes-1 .col-box {
   width: 33.3333%;
   padding: 0 15px;
   text-align: center;
   color: #fff;
}

.a-box-1 {
   padding: 36px 0 36px 0;
   font-size: 12px;
   font-weight: 300;
}

.a-box-1 .txt-2 {
   font-size: 26px;
   padding-top: 2px;
   font-weight: bold;
}

.a-box-1 .txt-2 span {
   display: block;
   font-size: 14px;
}

.a-content-box-1 .button-box {
    padding-top: 60px;
    padding-bottom: 45px;
}

.a-content-box-2 {
   width: 820px;
   margin: 0 auto;
   max-width: 100%;
   display: flex;
}

.a-content-box-2 {
   padding-bottom: 15px;
}

.a-content-box-2 .col-left {
   width: 598px;
}

.a-content-box-2 .col-right {
   width: calc(100% - 598px);
   padding-left: 35px;
}

.a-title-1 {
   min-height: 52px;
}

.a-boxes-1-1 {
   display: block;
   padding: 15px 0;
}

.a-boxes-1-1 .col-box {
   width: 100%;
}

.a-boxes-1-1 .a-box-1 {
   padding: 15px;
}

.a-box-2 {
   position: relative;
   width: 110px;
   height: 110px;
   box-shadow: 0px 3px 6px #00000029;
   border-radius: 8px;
   cursor: pointer;
   background: url('../../img/frontend/memory/02.png') center no-repeat;
   background: url('../../img/frontend/memory/02.png') center no-repeat;
   margin-bottom: 12px;
}

.a-box-2 figure {
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 8px;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   width: 100%;
   height: 100%;
}

.a-boxes-2 .row-box {
   display: flex;
   margin: 0 -6px;
   flex-wrap: wrap;
}

.a-boxes-2 .col-box {
    margin: 0 6px;  
}

@media (max-width: 767px) {
   .a-boxes-1 .col-box {
      width: 100%;
   }
   .a-box-1 {
      padding: 15px;      
   }
}


.a-box-2.active:after {
   position: absolute;
   top: 0;
   left: 0;
   border: 2px solid #BC1620;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   display: block;
   content: "";
}

.a-box-2.active-1:after {
   position: absolute;
   top: 0;
   left: 0;
   border: 2px solid #FFC400;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   display: block;
   content: "";
}

@media (max-width: 992px) {
   .a-content-box-2 {
      display: block;
   }
   .a-content-box-2 .col-left {
      margin: 0 auto;
   }
   .a-content-box-2 .col-right {
      width: 100%;
      padding: 0;
      margin-top: 25px;
   }
   .a-content-box-2 .col-right .a-title-1 {
      display: none;
   }
   .a-content-box-2 .col-left {
      max-width: 100%;
   }
   .a-boxes-2 .row-box {
      justify-content: center;
   }
}

/* *** 23.06 *** */

.zz-content-box-1 {
   width: 810px;
   margin: 0 auto;
   max-width: 100%;
}

.zz-content-box-1 .text {
   text-align: center;
   font-size: 16px;
}

.zz-content-box-1 figure {
   margin-bottom: 25px;
}

.zz-content-box-1 .strong-color strong {
   color: #BC1620;
}

.zz-content-box-1 .text h2 {
   color: #000;
   font-size: 22px;
}

.zz-content-box-1 .button-box {
   padding-top: 60px;
   display: flex;
   justify-content: center;
   padding-bottom: 40px;
}

.zz-content-box-1 .btn-1 {
   height: 36px;
   line-height: 38px;
   box-shadow: 0px 3px 16px #A2A2A2;
   border-radius: 8px;
}

.zz-content-box-1 .btn-1:hover {
   color: #BC1620;
   opacity: 0.85;
}

.zz-boxes-1 {
   width: 600px;
   margin: 0 auto;
   max-width: 100%;
}

.zz-boxes-1 .row-box {
   display: flex;
   margin: 0 -15px;
}

.zz-box-1 {
   height: 100%;
   padding: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   text-align: center;
   border: 2px solid #BC1620;
   border-radius: 10px;
}

.zz-boxes-1 {
   padding: 30px 0;
}

.zz-boxes-1 .col-box {
   margin: 15px 0;
   padding: 0 15px;
   width: 33.333%;
}

@media (max-width: 767px) {
   .zz-boxes-1 .col-box {
      width: 100%;
   }
   .zz-boxes-1 .row-box {
      flex-wrap: wrap;
   }
}

/* *** 29.06 *** */

.w-menu-1 div {
   width: 180px;
   border-radius: 26px;
   height: 42px;
   display: flex;
   align-items: center;
   padding: 2px 10px 0 10px;
   justify-content: center;
   text-align: center;
   color: #fff;
   background: #BC1620;
   font-weight: 500;
   font-size: 12px;   
}

.w-color-red {
   color: #BC1620 !important;
}

.z-content-box-2-1 .description {
   min-height: 80px;
   background-size: auto 80px;
}

.w-boxes-1 .row-box {
   display: flex;
   justify-content: center;
}

.w-boxes-1 .col-box {
   width: 500px;
}

.w-info {
   width: 11px;
   height: 11px;
   background: url('../../img/frontend/akcje/info.png') center no-repeat;
   display: block;
   cursor: pointer;
}

.w-content-box-1 {
   display: flex;
   margin-top: -15px;
   justify-content: flex-end;
}

@media (max-width: 767px) {
   .w-content-box-1 {
      justify-content: center;
      margin-top: 25px;
   }
}

.tooltip-css .tooltip-inner {
   background: #fff;
   color: #000;
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.xx-content-box-1 {
   border-radius: 13px;
   align-items: center;
   background: #fff;
   min-height: 93px;
   display: flex;
   justify-content: space-between;
   padding: 15px 20px;
   margin-bottom: 20px;
}

.xx-content-box-1 .txt-1 {
   color: #000000;
   font-size: 16px;
   line-height: 1.2;
   font-weight: 600;
}

.xx-content-box-1 .txt-1 strong {
   display: block;
   margin-bottom: 8px;
   font-weight: 900;
   color: #BC1620;
   font-size: 27px; 
}

.xx-content-box-1 figure {
   height: 93px;
   margin: -15px 0;
   overflow: hidden;
   display: flex;
   align-items: center;
   margin-right: -30px;
}

.xx-content-box-1 figure img {
   max-width: none;
   max-height: none;
}

.xx-content-box-1 .button-box {
   display: flex;
   align-items: center;
}

.xx-content-box-1 .btn-1 {
   width: 330px;
   box-shadow: 0px 3px 6px #00000029;
}

.btn-green {
   background: #025940;
}

.xx-content-box-2 {
   display: flex;
}

.xx-content-box-2 .col-box-1 {
   width: 495px;
   margin-right: 30px;
   flex-shrink: 0;
}

.xx-content-box-2 .col-box-2 {
   width: 100%;
}

.xx-box-1 {
   width: 100%;
   height: 300px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
}

.xx-box-2 {
   background: #FFC400;
   border-radius: 8px;
   height: 300px;
   padding: 7px;
   display: flex;
}

.xx-boxes-3 {
   width: 309px;
   margin-right: 35px;
   flex-shrink: 0;
   height: 100%;
   background: #fff;
   padding: 0 14px;
}

.xx-box-3 {
   font-size: 12px;
   font-weight: 600;
   color: #000;
   padding: 22px 0;
   border-bottom: 1px solid #BC1620;
}

.xx-boxes-3 .xx-box-3:last-child {
   border-bottom: none;
}

.xx-box-3 .txt-2 {
   color: #BC1620;
   font-weight: 900;
   font-size: 27px;
}

.xx-box-4 {
   width: 100%;
}

.xx-box-4 .btn-1 {
   width: 100%;
   box-shadow: 0px 3px 20px #0000004D;
}

.xx-box-4 .button-box div {
   padding-top: 11px;
}

.xx-box-4 .button-box div a {
   font-size: 10px;
   color: #BC1620;
}

.xx-box-4 .button-box {
   text-align: center;
   width: 100%;
   padding-top: 16px;
   border-top: 1px solid #BC1620;
}

.xx-box-4-1 {
   display: flex;
   justify-content: space-between;
   height: 191px;
   align-items: center;
}

.xx-boxes-3-1 {
   width: 170px;
   padding-left: 0;
   margin-right: 0;
   padding-right: 0;
   background: none;
}

.xx-boxes-3-1 .xx-box-3 {
   border: none;
}

.xx-progress {
   margin-right: 22px;
   width: 148px;
   height: 148px;
   position: relative;
}

.xx-box-1 {
   padding: 20px;
}

.my-chart-value {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 28px;
   font-weight: 900;
   color: #BC1620;
}

.xx-content-box-1 .btn-1-red {
   color: #FFC400;
}

.btn-1-blue-1 {
   background: #76BDFB;
}

.xc-title {
   text-align: center;
   padding-top: 10px;
}

.xc-title h1 {
   font-size: 27px;
   font-weight: 900;
   color: #BC1620;
   margin-bottom: 20px;
}

@media (max-width: 1199px) {
   .xx-content-box-2 .col-box-1 {
      width: 30%;
   }
   .xx-content-box-2 .col-box-2 {
      width: calc(70% - 30px);
   }
   .xx-boxes-3 {
      width: 50%;
   }
   .xx-box-4 {
      width: 50%;
   }
   .xx-progress {
      width: 112px;
      height: 112px;
   }
}

@media (max-width: 992px) {
   .xx-content-box-2 .col-box-1 {
      width: 100%;
   }
   .xx-content-box-2 {
      flex-wrap: wrap;
   }
   .xx-content-box-2 .col-box-2 {
      width: 100%;
      margin-top: 20px;
   }
   .xx-content-box-1 .btn-green {
      width: 200px;
   }
}

@media (max-width: 767px) {
   .xx-content-box-1 {
      display: block;
   }
   .xx-content-box-1 .button-box {
      justify-content: center;
      align-items: center;
      width: 100%;
   }
   .xx-content-box-1 {
      text-align: center;
   }
   .xx-content-box-1 figure {
      margin: 0;
   }
   .xx-content-box-1 figure {
      width: 93px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .xx-content-box-1 figure img {
      margin-left: 20px;
   }
   .xx-content-box-1 .btn-1 {
      width: auto;
      min-width: 1px;
   }
   .xx-box-2 {
      display: block;
   }
   .xx-boxes-3 {
      width: 100%;
      margin: 0;
   }
   .xx-box-4 {
      width: 100%;
   }
   .xx-box-2 {
      height: auto;
   }
   .xx-box-4-1 {
      display: block;
   }
   .xx-box-4-1 {
      height: auto;
   }
   .xx-progress {
      margin: 0 auto;
      margin-bottom: 20px;
   }
   .xx-box-2 {
      text-align: center;
   }
   .xx-box-1 img {
      height: 40px;
   }
   .xx-box-1 {
      height: auto;
   }
   .xx-content-box-1 .btn-1 {
      line-height: normal;
      display: flex;
      width: 120px;
      align-items: center;
      justify-content: center;
      text-align: center;
   }
   .xx-content-box-1 figure {
      margin-right: 10px;
   }
   .boxes-8-8-2 .row-box .col-box {
      width: 100%;
   }
}

/* *** 29.06 *** */

.w-menu-1 div {
   width: 180px;
   border-radius: 26px;
   height: 42px;
   display: flex;
   align-items: center;
   padding: 2px 10px 0 10px;
   justify-content: center;
   text-align: center;
   color: #fff;
   background: #BC1620;
   font-weight: 500;
   font-size: 12px;   
}

.w-color-red {
   color: #BC1620 !important;
}

.z-content-box-2-1 .description {
   min-height: 80px;
   background-size: auto 80px;
}

.w-boxes-1 .row-box {
   display: flex;
   justify-content: center;
}

.w-boxes-1 .col-box {
   width: 500px;
}

.w-info {
   width: 11px;
   height: 11px;
   background: url('../../img/frontend/akcje/info.png') center no-repeat;
   display: block;
   cursor: pointer;
}

.w-content-box-1 {
   display: flex;
   margin-top: -15px;
   justify-content: flex-end;
}

@media (max-width: 767px) {
   .w-content-box-1 {
      justify-content: center;
      margin-top: 25px;
   }
}

.tooltip-css .tooltip-inner {
   background: #fff;
   color: #000;
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.xx-content-box-1 {
   border-radius: 13px;
   align-items: center;
   background: #fff;
   min-height: 93px;
   display: flex;
   justify-content: space-between;
   padding: 15px 20px;
   margin-bottom: 20px;
}

.xx-content-box-1 .txt-1 {
   color: #000000;
   font-size: 16px;
   line-height: 1.2;
   font-weight: 600;
}

.xx-content-box-1 .txt-1 strong {
   display: block;
   margin-bottom: 8px;
   font-weight: 900;
   color: #BC1620;
   font-size: 27px; 
}

.xx-content-box-1 figure {
   height: 93px;
   margin: -15px 0;
   overflow: hidden;
   display: flex;
   align-items: center;
   margin-right: -30px;
}

.xx-content-box-1 figure img {
   max-width: none;
   max-height: none;
}

.xx-content-box-1 .button-box {
   display: flex;
   align-items: center;
}

.xx-content-box-1 .btn-1 {
   width: 330px;
   box-shadow: 0px 3px 6px #00000029;
}

.btn-green {
   background: #025940;
}

.xx-content-box-2 {
   display: flex;
}

.xx-content-box-2 .col-box-1 {
   width: 495px;
   margin-right: 30px;
   flex-shrink: 0;
}

.xx-content-box-2 .col-box-2 {
   width: 100%;
}

.xx-box-1 {
   width: 100%;
   height: 300px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
}

.xx-box-2 {
   background: #FFC400;
   border-radius: 8px;
   height: 300px;
   padding: 7px;
   display: flex;
}

.xx-boxes-3 {
   width: 309px;
   margin-right: 35px;
   flex-shrink: 0;
   height: 100%;
   background: #fff;
   padding: 0 14px;
}

.xx-box-3 {
   font-size: 12px;
   font-weight: 600;
   color: #000;
   padding: 22px 0;
   border-bottom: 1px solid #BC1620;
}

.xx-boxes-3 .xx-box-3:last-child {
   border-bottom: none;
}

.xx-box-3 .txt-2 {
   color: #BC1620;
   font-weight: 900;
   font-size: 27px;
}

.xx-box-4 {
   width: 100%;
}

.xx-box-4 .btn-1 {
   width: 100%;
   box-shadow: 0px 3px 20px #0000004D;
}

.xx-box-4 .button-box div {
   padding-top: 11px;
}

.xx-box-4 .button-box div a {
   font-size: 10px;
   color: #BC1620;
}

.xx-box-4 .button-box {
   text-align: center;
   width: 100%;
   padding-top: 16px;
   border-top: 1px solid #BC1620;
}

.xx-box-4-1 {
   display: flex;
   justify-content: space-between;
   height: 191px;
   align-items: center;
}

.xx-boxes-3-1 {
   width: 170px;
   padding-left: 0;
   margin-right: 0;
   padding-right: 0;
   background: none;
}

.xx-boxes-3-1 .xx-box-3 {
   border: none;
}

.xx-progress {
   margin-right: 22px;
   width: 148px;
   height: 148px;
   position: relative;
}

.xx-box-1 {
   padding: 20px;
}

.my-chart-value {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 28px;
   font-weight: 900;
   color: #BC1620;
}

.xx-content-box-1 .btn-1-red {
   color: #FFC400;
}

.btn-1-blue-1 {
   background: #76BDFB;
}

.xc-title {
   text-align: center;
   padding-top: 10px;
}

.xc-title h1 {
   font-size: 27px;
   font-weight: 900;
   color: #BC1620;
   margin-bottom: 20px;
}

@media (max-width: 1199px) {
   .xx-content-box-2 .col-box-1 {
      width: 30%;
   }
   .xx-content-box-2 .col-box-2 {
      width: calc(70% - 30px);
   }
   .xx-boxes-3 {
      width: 50%;
   }
   .xx-box-4 {
      width: 50%;
   }
   .xx-progress {
      width: 112px;
      height: 112px;
   }
}

@media (max-width: 992px) {
   .xx-content-box-2 .col-box-1 {
      width: 100%;
   }
   .xx-content-box-2 {
      flex-wrap: wrap;
   }
   .xx-content-box-2 .col-box-2 {
      width: 100%;
      margin-top: 20px;
   }
   .xx-content-box-1 .btn-green {
      width: 200px;
   }
}

@media (max-width: 767px) {
   .xx-content-box-1 {
      display: block;
   }
   .xx-content-box-1 .button-box {
      justify-content: center;
      align-items: center;
      width: 100%;
   }
   .xx-content-box-1 {
      text-align: center;
   }
   .xx-content-box-1 figure {
      margin: 0;
   }
   .xx-content-box-1 figure {
      width: 93px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .xx-content-box-1 figure img {
      margin-left: 20px;
   }
   .xx-content-box-1 .btn-1 {
      width: auto;
      min-width: 1px;
   }
   .xx-box-2 {
      display: block;
   }
   .xx-boxes-3 {
      width: 100%;
      margin: 0;
   }
   .xx-box-4 {
      width: 100%;
   }
   .xx-box-2 {
      height: auto;
   }
   .xx-box-4-1 {
      display: block;
   }
   .xx-box-4-1 {
      height: auto;
   }
   .xx-progress {
      margin: 0 auto;
      margin-bottom: 20px;
   }
   .xx-box-2 {
      text-align: center;
   }
   .xx-box-1 img {
      height: 40px;
   }
   .xx-box-1 {
      height: auto;
   }
   .xx-content-box-1 .btn-1 {
      line-height: normal;
      display: flex;
      width: 120px;
      align-items: center;
      justify-content: center;
      text-align: center;
   }
   .xx-content-box-1 figure {
      margin-right: 10px;
   }
   .boxes-8-8-2 .row-box .col-box {
      width: 100%;
   }
}
   .action-raport-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 20px;
   }

   .action-raport-list li {
      margin-left: 2px;
      margin-right: 2px;
      margin-top: 1px;
   }