body{
    font-family: 'Verdana', sans-serif;;
    height: 100vh;
} 

h1, h2, h3 {
    font-weight: 500 !important;
    font-size: 28px !important;
}

#sp-main-body{
    padding: 50px 0;
}

.sp-pre-loader {
    background-color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-image: url(/images/Images/logo.svg);
    background-size: 100px 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

div.sp-pre-loader > div{
   pointer-events: none;
   width: 170px;
   height: 170px;
   border: 0.2em solid transparent;
   border-color: #eee;
   border-top-color: #eb484d;
   border-bottom-color: #eb484d;
   border-radius: 50%;
   animation: loadingspin 2s linear infinite;
   z-index: -9999;
   display: flex;
   align-items: center;
   justify-content: center;
}

div.sp-pre-loader > div > div{
   pointer-events: none;
   width: 150px;
   height: 150px;
   border: 0.2em solid transparent;
   border-color: #eee;
   border-left-color: #eb484d;
   border-top-color: #eb484d;
   border-right-color: #eb484d;
   border-radius: 50%;
   animation: loadingspin 1s linear infinite;
   z-index: -9999;
   display: flex;
   align-items: center;
   justify-content: center;
}

div.sp-pre-loader > div > div > div{
   pointer-events: none;
   width: 130px;
   height: 130px;
   border: 0.2em solid transparent;
   border-color: #eee;
   border-left-color: #eb484d;
   border-right-color: #eb484d;
   border-radius: 50%;
   animation: loadingspin 1s linear infinite;
   z-index: -9999;
   display: flex;
   align-items: center;
   justify-content: center;
}

.sp-pre-loader > div:after {
   content: none;  
}

@keyframes loadingspin {
   100% {
           transform: rotate(360deg);
   }
}

@keyframes loadingspin_1 {
   0% {
           transform: rotate(180deg);
   } 
   100% {
           transform: rotate(360deg);
   }
}

.header {
background: none !important;
}

.header > .row {
background: #25487c !important;
}

.page-header{
display:none;
}

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top:5px; padding-bottom:5px;
}

.menu_glowne {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.menu {
  font-size:18px;
}

.menu li>a:hover{
    background:#e2eaf4;
    color: #25487c !important;
    padding-left:10px;
    padding-right:10px;
}

.menu li {
border-bottom: none !important;
}
.menu li>a {
  padding-left:10px !important;
  padding-right:10px !important;
}

.sp-menu-item a {
    padding-left:10px !important;
    padding-right:10px !important;
    line-height: 40px !important;
}

.sp-menu-item a:hover {
    background:#e2eaf4;
    color: #25487c !important;
}

.active a {
    background:#ffffff;
    color: #25487c !important;
}

.language {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100%;
}

#sp-footer, #sp-bottom, #sp-header > .row {
  padding: 10px;
  background-color: #25487c;
  border-radius: 0px;
  margin:0;
  color: #ffffff !important;
}

.copyright {
    color: #ffffff !important;
}

.row {
  padding: 10px;
  border-radius: 10px;
  margin-left:20px;
  margin-right:20px;
  color: #444444 !important;
}

.component, .prawa, .lewa {
   background: none !important;
   padding: 30px 10px 10px 10px;
   border-radius: 10px;
   color: #444444;
}
#sp-component, #sp-left {
    border-radius:10px;
    background: rgba(255,255,255, 0.8);
}
#sp-left {
    width: calc(25% - 15px);
    margin-right:15px;
}
.prawa {
   background: #25487c !important;
   padding: 30px 10px 10px 10px;
   #border: 2px solid white;
   border-radius: 10px;
   color: #ffffff;
}

.sp-module {
   border: none !important;
}
#sp-left .sp-module {
   padding: 0px !important;
}
.sp-module-title {
border-bottom: 2px solid #ffffff !important;
}

ul.lang-inline li a img {
height:20px;
}

#sp-footer .container-inner {
border: none !important;
padding:0px;
display:flex;
align-content:center;
justify-content:center;
}

#sp-footer .container-inner .row {
    width:100%
}

#sp-footer .container-inner .row div {
 display:flex;
 align-content:center;
 justify-content:center;
}

#sp-footer .container-inner .row span {
 display:flex;
 align-items: center;
}

#sp-footer {
    padding:0px;
}

#sponsor {
    display:flex;
    justify-content:center;
}

.stopka div.row {
background:none;
}

.burger-icon>span {
background:#ffffff;
}

.offcanvas-menu {
    background-color: rgba(255, 255, 255, 0.8);
    color: #444444;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a {
color:#444444 !important;
opacity: 1;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover {
color:#eb484d !important;
opacity: 1;
}

.sp-module ul>li>a {
color:#ffffff;
}

.sp-module ul>li> {
border-bottom:0;
}

.component div { 
    background:none !important;
    width:100% !important;
    margin: 0px !important;
}
.lewa {
    padding: 40px 10px 10px 10px;
    display: flex;
    justify-content: center;
  
}
 .foto {
     height: calc(100vh - 200px);
 }

  .foto div, .foto img {
     height: 100%;
 }
  .foto > .row {
     background: none;
 }

   
.sp-module ul>li>a:hover {
color:#eb484d;
} 

#sp-left .sp-module, #sp-right .sp-module{
    padding-top:10px;
}

.article-header h1, .article-header h2 {
    font-size: 28px !important;
} 



@media only screen and (max-width: 1024px) {
    h2 {
        font-size:1.5em !important;
    }
    
    div.sp-module {
        padding: 0px !important;
        margin: 0px;
    }
    
   .row, #sp-footer, #sp-bottom {
     padding: 2px;
     border-radius: 10px;
     margin-left: 5px;
     margin-right: 5px;
   }
   .component, .prawa, .lewa {
     padding: 10px 0px 10px 0px;
   }
   .component div {
     padding:0px;
   }
   #sp-main-body {
     padding: 100px 0px 10px 0px;
   }
   .logo-image {
     height: 110px !important;
     padding-top:20px;
   }
   #sp-header {
     margin-top:5px;
   }
   #offcanvas-toggler {
    margin:0px !important;
   }
   div.sp-module.slider{
       display: none;
   }
   #sp-header .sp-module {
       margin:0px;
   }
   #sp-left {
    diplay: none;
   }
   
}