/*
        Arcana 2.0 by HTML5 UP
        html5up.net | @n33co
        Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/



/* Wrappers */

#main-wrapper
{
    background: #fff;
    padding: 0 0 4em;
    margin: 20px;
}
/*#main-wrapper.home_page{margin-top: -67px;}*/
#header-wrapper{
    height: 95px;
    position: relative;
display: block;
}

#footer-wrapper
{
    padding: 2em 0;
    background-color: #24303B;
}

#skip-links
{
    position: absolute;
    top: 0;
	background-color: black;
}

.skip-links a:hover, 
.skip-links a:focus, 
.skip-links a:active { background: #231f20; color: #fff; left: 0; position: absolute; top: 0; }
.skip-links a { 
 display: inline; 
 left: -9000em; 
 padding: 7px 10px; 
 position: absolute; 
 text-align: center; 
 text-decoration: underline; 
 width: 150px; 
 z-index: 200; 
}



.list-unstyled
    {
    padding-left: 0;
    list-style: none;
    }

/* Site Header */

#site-header{
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Logo */
#logo{
    position: relative;    
    float: left;
}

#logo h1{
   /* display:none;*/
}
#logo a{ 
    display: inline-block;
    position: absolute;
    z-index: 1;
    height: 141px;
    width: 226px;
}

/* Site Nav */
.navigation-wrapper{
position:relative;
left:20%;
color: #000; 
max-width: 950px; 
float: none;
    padding-top: 50px;
 margin-top: 35px;
margin-bottom:20px;
font-size:95%
}
#nav{
    font-family: 'EncodeSansCompressed-Regular', sans-serif;
text-decoration: none;
}

#nav ul{
    list-style: none;
    overflow: hidden;
    position: relative;
}
#nav ul li{
    display: block;
    float: left;
    text-decoration: none;
    font-size: 1em;
    margin: 0 0 0 15px;
    text-transform: uppercase;
}

#nav ul li a
{
    color: #333;
    text-decoration: none;
    outline: 0;
}
#nav ul li.menu-logout{width: 150px; text-align: right;}
#nav ul li.menu-login a, #nav ul li.menu-register a, #nav ul li.menu-logout a{font-family: "EncodeSansCompressed-Bold";}
#nav ul li.menu-register a{color: #BF1F31;}
#nav ul li.menu-register{margin-left: 5px; }

#nav ul li a:hover
{
    color: #0c3cf7;
    font-weight:bold;
    text-decoration:underline;
}

#nav ul li a:focus {
  outline: 2px solid #000000; /* Widoczny fokus */
  outline-offset: 2px; /* Odstęp między fokusem a linkiem */
}

#nav ul li.active a
{
    color: #8a6319;
    border-top:dashed;
    border-bottom:dotted;
}

/* Banner */

#banner
{
    margin: 0 0 3em 0;
}
#main-wrapper.home_page #home-wrapper{width: 100%; margin-bottom: 60px; background-color: #f3f0f3;}
#home-wrapper .container{background-color: #f3f0f3; background-image: url(../thumbnails/sg.jpg);
          background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
  background-size: contain;
  width: 100% !important; 
  height: 600px;
  margin-left: -50px;
}
#home-wrapper .wrapper-content{ margin: 0 auto; padding: 20px 20px 20px 0; 
    color: #2c323d; float: right; width: 610px;}
#home-wrapper .caption{
    color: #22303C;
    /*text-align: center;*/
    margin-top: 190px;    
}
#home-wrapper .caption h2{    
    color: #2c323d;
font-size: 1.925em;    

    text-transform: uppercase;
    text-align: left;
    font-family: 'EncodeSansNarrow-Bold', sans-serif;
}
#home-wrapper .caption h3{
    color: #2c323d;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125em;
    font-weight: 500;
    text-align: left;
    width: 500px;
    line-height: 1.3;
    margin: 0 0 30px;
}
#home-wrapper .btns{text-align: left;}
#home-wrapper .btns a, .contact-details .btn_yellow, .login-form .btn_yellow, .register-form .btn_yellow{display: inline-block; color: #000;  margin-right: 30px; text-align: center; text-decoration: none; font-family: 'EncodeSansNarrow-Light', sans-serif; font-size: 1.125em; cursor: pointer;}
#home-wrapper .btns a.btn_red, .column .btn_red a{padding: 10px 45px; text-align: left; height: 34px;}
#home-wrapper .btns a.btn_red:hover{padding: 10px 45px; text-align: left; height: 34px;text-decoration:underline;}
#home-wrapper .btns a.btn_yellow{height: 31px; padding: 10px 45px; text-align: left;}
#home-wrapper .btns a.btn_yellow:hover{text-decoration:underline;}
article a.btn_yellow{color: #fff; text-decoration: none; height: 38px; padding: 6px 20px; text-align: left; width: 150px; font-family: 'EncodeSansNarrow-Light', sans-serif; display: inline-block; margin: 20px 10px;}
.contact-details .btn_yellow, .login-form .btn_yellow, .register-form .btn_yellow{border: none; height: 47px; padding: 5px 20px 10px 50px; text-align: left; width: 155px;}
.contact-details .btn_yellow:hover {text-decoration:underline;}
.login-form .btn_yellow:hover {text-decoration:underline;}
.register-form .btn_yellow:hover {text-decoration:underline;}
.login-form .btn_yellow{margin-top: 30px; padding-left: 40px;}
/* Site Footer */

#site-footer .logo{
    display: inline-block;
    padding: 5px 20px 0 0;
}
#site-footer .row{display: inline-block; border-left: 1px solid #515a6a; padding: 10px;}
#site-footer .logo a{
    display: table-cell;
    vertical-align: middle;
    height: 65px;
}
#site-footer a{color: #fff; text-decoration: none;}
#site-footer a:hover{
    text-decoration: underline;
}
#site-footer ul{margin-top: 5px;}
#site-footer ul li{
    float: left;
    padding: 0px 15px;
    border-right: 1px solid #c1c4cb;
    line-height: 1;
}
#site-footer ul li:first-child{padding-left: 0;}
#site-footer ul li:last-child{border-right: none;}
#site-footer .fb{color: #fff;
    display: block;
    float: right;
    margin-bottom: 30px;
    text-align: right;}
#site-footer .fb a{ display: inline-block;
    height: 40px;
    vertical-align: middle;}
/* Copyright */

#copyright{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

#copyright a
{
    color: #868686;
}

/* Subpage */

.subpage article
{
    padding: 0 1em 0 1em;
}

.subpage article.first
{
    padding: 0 1em 0 0;
}

.subpage article.last
{
    padding: 0 0 0 1em;
}

.subpage h2
{
    font-size: 2.2em;
}

.subpage p
{
    margin: 0 0 1.5em 0;
}

.subpage section, .subpage article
{
    margin: 0 0 2em 0;
}
.column{ width: 330px; float: left; margin: 0 60px 0 0;padding:5px;}
.column section{padding: 5px;}
.column h4{font-size: 1.9250em; text-transform: uppercase; margin: 20px 0 40px; font-family: 'EncodeSansNarrow-Bold';}
.column section > div:first-of-type{height: 330px;}
.column section .desc{font-family: 'Open Sans', sans-serif; font-size: 1.0125em; }
.column .btn_red a, .column .btn_yellow a, .column .btn_blue a{display: inline-block; color: #000; text-decoration: none; font-size: 1.0125em; font-family: 'EncodeSansNarrow-Light', sans-serif; padding: 10px 0; text-align: center; text-decoration: none;}
.column .btn_red a{width: 154px;}
.column .btn_yellow a{width: 164px; height: 31px;}
.column .btn_blue a{width: 172px; height: 29px;}
.btn_red a:hover {text-decoration:underline;}
.btn_blue a:hover{text-decoration:underline;}
.btn_yellow a:hover{text-decoration:underline;}
.partnerships{width: 100%; background-color: #F4F4F4; padding: 60px 0;}
.partnerships ul{width: 1200px; margin: 0 auto;}
.partnerships li{margin: 0 1% 0 0; float: left; width: 49%; text-align: center;}
.partnerships li:last-child{margin-right: 0;}
.partnerships .header{display: block; font-size: 0.925em; text-transform: uppercase; font-family: 'EncodeSansNarrow-Light'; margin-bottom: 20px;}
.partnerships li a{text-align: center; vertical-align: middle; width: 270px; height: 175px; }
.page-header{width: 100%; height: 240px;  margin-bottom: 80px;}
.page-header.grey-hand, .page-header.grey, .page-header.contact{background: #c7c7c7; position: relative;}
.page-header h2{color: #fff; text-align: center; font-size: 45px; text-transform: uppercase; font-weight: 700;line-height: initial; }
.page-header.contact h2{padding-top: 100px;color:black;}
.page-header.grey-hand h2{background: url('/frontend/images/hand1.png') no-repeat bottom center; display: block;color: black; height: 130px; margin: 0 auto; padding-top: 110px;}
.page-header.grey h2, .page-header.orange h2{height: 40px; margin: 0 auto; padding-top: 100px; width: 300px; color: black;}
.page-header.red-hand{background: #FD1A2B;position:relative;}
.page-header.grey h2{width: auto;}
.page-header.red-hand h2{background: url('/frontend/images/hand2.png') no-repeat top center; display: block; height: 130px; margin: 0 auto; padding-top: 110px;color: black; }
.page-header.orange-hand{background: #ff9933;position:relative;}
.page-header.orange-hand h2{background: url('/frontend/images/hand3.png') no-repeat top center;display: block;color: black;height: 215px;margin: 0 auto;padding-top: 110px;}
.page-header.orange{background:#ff9933;position:relative;}
.page-header.turquoise-hand{background: #3ab0a4;}
.page-header.turquoise-hand h2{background: url('/frontend/images/hand4.png') no-repeat top center; display: block;height:215px;  margin: 0 auto; padding-top: 110px;color: black}
.page-header.yellow-hand,.page-header.register{background: #F7B436;position:relative;}
.page-header.yellow-hand h2{background: url('/frontend/images/hand5.png') no-repeat top center; display: block; height: 230px;    margin: 0 auto; padding-top: 110px;color: black;}
.page-header.register .container{height: 170px;}
.page-header.register h2{padding-top: 110px; margin: 0;color: black;}
.page-header.register h3{margin-top: 20px; text-align: center; color: #fff; text-transform: uppercase; font-size: 1.125em;color:black;}
#main-wrapper article{width: 820px; margin: 20px auto; font-size: 1.05em; line-height: 1.2;}
#main-wrapper article strong{font-weight: 700;}
#main-wrapper article h3{font-size: 1.7125em; font-weight: 600;}
#main-wrapper article p{padding: 10px 0;}
#main-wrapper article p img{margin-right: 10px;}
#main-wrapper article ul{margin: 30px 0;}
#main-wrapper article ul li{list-style-type: none; position: relative; padding-left: 40px; margin-bottom: 10px;}
#main-wrapper article ul li:before{position: absolute; width: 25px; height: 20px; content:" "; margin-left: -35px; top: 5px; background-repeat: no-repeat;}
#main-wrapper article.grey-hand ul li:nth-child(4n+1):before{background-image: url('/frontend/images/sprite.png'); background-position: 0 0; }
#main-wrapper article.grey-hand ul li:nth-child(4n+2):before{background-image: url('/frontend/images/sprite.png'); background-position: -22px 0; }
#main-wrapper article.grey-hand ul li:nth-child(4n+3):before{background-image: url('/frontend/images/sprite.png'); background-position: 3px -18px; }
#main-wrapper article.grey-hand ul li:nth-child(4n+4):before{background-image: url('/frontend/images/sprite.png'); background-position: -22px -18px; }
#main-wrapper article.turquoise-hand ul li:nth-child(8n+1):before{background-image: url('/frontend/images/sprite.png'); background-position: -48px 0; }
#main-wrapper article.turquoise-hand ul li:nth-child(8n+2):before{background-image: url('/frontend/images/sprite.png'); background-position: -48px 0; }
#main-wrapper article.turquoise-hand ul li:nth-child(8n+3):before{background-image: url('/frontend/images/sprite.png'); background-position: -48px 0; }
#main-wrapper article.turquoise-hand ul li:nth-child(8n+4):before{background-image: url('/frontend/images/sprite.png'); background-position: -48px 0; }
#main-wrapper article.turquoise-hand ul li:nth-child(8n+5):before{background-image: url('/frontend/images/sprite.png'); background-position: -48px 0; }
#main-wrapper article.turquoise-hand ul li:nth-child(8n+6):before{background-image: url('/frontend/images/sprite.png'); background-position: -48px 0; }
#main-wrapper article.turquoise-hand ul li:nth-child(8n+7):before{background-image: url('/frontend/images/sprite.png'); background-position: -48px 0; }
#main-wrapper article.orange-hand, #main-wrapper article.turquoise-hand, #main-wrapper article.red-hand{width: 1200px;}
#main-wrapper article.orange-hand .img, #main-wrapper article.turquoise-hand .img,
#main-wrapper article.red-hand .img{float: right; margin-top: -40px; margin-left: 30px;}
#main-wrapper article.orange-hand .img{margin-top: -70px;}
#main-wrapper article.orange-hand a{font-weight: 700; color: #B90C19;}
#main-wrapper article a.statute{color: #FD1A2B;}
.contact-details .column:first-child{width: 25%; margin-right: 30px;}
.contact-details .column:last-child{width: 70%; margin: 0;}
.contact-details{margin-top: 20px;}
.contact-details .lead{width: 80%; margin: 20px 0; line-height: 1.2;}
.contact-details #contact_form ul li{width: 50%; float: left; margin-bottom: 10px;}
.contact-details #contact_form ul li.message, .contact-details #contact_form ul li.captcha,
.contact-details #contact_form ul li.btn{width: 100%;}
.contact-details #contact_form ul li.btn{margin-top: 20px;}
.contact-details #contact_form ul li.message textarea{width: 95%;}
.contact-details #contact_form fieldset label{float:both; }

#contact_form ul li.captcha input[type='text']{width: 150px; margin-top: 10px;}
.container.login-form{text-align: center; max-width: 30%;}
.container.login-form ul{width: 370px; margin: 0 auto;}
.container.login-form form input[type='text'], .container.login-form form input[type='password']{
    width: 100%; border: 1px solid #8a8a8a; height: 40px; margin-top: 10px; padding: 2px 10px; font-size: 1.0125em;}
.container.login-form form input[type='text']:focus, .container.login-form form input[type='password']:focus, .main-wrapper .form-group input[type='text']:focus, .main-wrapper .form-group .select-elem select:focus{
    border-bottom: 1px solid #e9af41;
}
.login-form .links{width: 382px; padding: 20px 0; }
.login-form .links a{display: inline-block; font-size: 1.125em;}
.login-form .links a:first-child{float: left; color: #2c323d;}
.login-form .links a:last-of-type{float: right;}
.login-form li:last-of-type{text-align: left;}
.main-wrapper{width: 1200px; margin: 0 auto;}
.main-wrapper .form-column-left{width: 300px; float: left; font-family: 'Open Sans'; font-size: 1.625em; font-weight: 500;}
.main-wrapper .form-column-right{width: 890px; float: left;}
.main-wrapper .form-group{float: left;}
.main-wrapper .form-group .col-lg-3{width: 800px; margin-bottom: 25px;}
.main-wrapper .form-group .col-lg-2{width: 265px; margin-right: 10px;}
.main-wrapper .form-group .col-lg-1{width: 145px; margin-right: 18px;}
.main-wrapper .form-group .col-lg-min{width: 120px; margin-right: 15px;}
.main-wrapper .form-group input[type='text'], .main-wrapper .form-group input[type='password'], .main-wrapper .form-group .select-elem{border: 1px solid #8a8a8a; height: 36px; margin-top: 10px; padding: 2px 10px; font-size: 0.925em; width: 93%;}
.main-wrapper .form-group .select-elem{overflow: hidden; background: url(images/arrow.png) no-repeat 98% center; padding: 2px 10px 2px 0; width: 99%;}
.main-wrapper .form-group .col-lg-2 .select-elem{width: 97%;}
.main-wrapper .form-group .select-elem select {
   background: transparent;
   border: none;
   font-size: 1.0125em;
   height: 40px;
   width: 119%;
   color: #8a8a8a;
   padding: 0 5px 5px;
}
.main-wrapper .form-label{font-weight: 600; font-family: "Open Sans"; font-size: 1em; letter-spacing: -1px; margin-top: 10px;}
.main-wrapper .form-group > .control-label{font-weight: 600; font-family: "Open Sans"; font-size: 1em;}
.main-wrapper .form-group .checkbox-label{font-size: 0.925em;}
.main-wrapper .form-group .col-lg-3 .checkbox-list{font-size: 0.925em; width: 45%; float: left;}
.main-wrapper .form-group .column-3 .col-lg-3{width: 30%; display: inline-block;}
.main-wrapper .form-group input[type='checkbox']{margin: 7px 10px 0 0;}
.main-wrapper .form-group input[type='checkbox'].hidden{display: none;}
.main-wrapper .form-group .agreements label{width: 96%; float: right; font-size: 0.925em; margin-bottom: 0;}
.left-column{width: 840px; float: left; padding-right: 20px;}
.right-column{width: 319px; float: left; padding-left: 20px; border-left: 1px solid #8B8B8B;}
#main-wrapper .left-column article{margin: 0; width: auto;}
.main-wrapper .form-group .text-danger{color: #fa1b35; font-size: 0.725em; line-height: 1.2; padding: 5px 0; clear: both;}
.center-lists{font-family: "Open Sans"; font-weight: 600;}
.center-lists .iterator{margin: 10px 0;}
.center-lists .list-header{font-size: 23px;}
.center-lists .iterator span{display: inline-block;}
.center-lists .iterator span:first-child{width: 110px; background: url('../images/iterator.png') no-repeat; height: 100px; text-align: center; font-size: 50px; color: #fff; line-height: 1.8;}
.center-lists .iterator span:last-child{width: 200px; text-align: left; font-size: 28px; color: #DA202E; line-height: 1; float: right; margin-top: 5px;}
.center-lists ul li{font-weight: 500; font-size: 0.950em; line-height: 1.2; margin: 30px 0; width: 300px; color: #595B60;}
.center-lists ul li .center-name{font-weight: 600; font-size: 1.15em; display: block; color: #2c323d; margin: 5px 0; line-height: 1.1;}
#centersTable > div{display: none;}
.main-wrapper .form-group .selectedDistricts .select-elem{width: 200px; display: inline-block; margin-bottom: -17px;}
#centersTable table{width: 95%; font-family: "Open Sans"; font-size: 0.925em; margin: 25px 0; text-align: center;}
#centersTable table tr>th{font-weight: 600; text-align: center; padding: 10px;}
#centersTable table tr>th:first-child, #centersTable table tr>td:first-child{text-align: left; padding: 5px 10px;}
#centersTable table tr>th:nth-child(2n+1){background-color: #fcb133;}
#centersTable table tr>th:nth-child(2n+2){background-color: #ffd57e;}
#centersTable table tr:nth-child(n+1) td{border-bottom: 1px solid #dcddde;}
#nav ul li .user-name a{text-transform: none; font-size: 1em; display: block; line-height: 1; font-family: "EncodeSansCompressed-Light";}
.volunteer-menu{width: 925px; margin: 0 auto; font-family: 'EncodeSansNarrow-Light'; font-size: 1.125em; margin-bottom: 20px;}
.volunteer-menu li{display: initial; margin-right: 10px; color:black;width: 230px; height: 50px; text-align: center; line-height: 40px;}
.volunteer-menu li.active{width: 180px;}
.volunteer-menu li a{color:black;}
.volunteer-menu li.active a{color:grey;}
ol.site_map, ol.site_map ol{list-style: decimal;}
ol.site_map ol{margin-left: 20px;}
.site_map li{padding: 5px 0;}
.site_map a{color: #2c323d;}
.site_map a:hover{text-decoration: underline;}
@media(max-width:1480px){
    #home-wrapper .wrapper-content{padding-right: 0; max-width: 470px; width: auto;}
    #home-wrapper .container{background-size: 65% auto; height: 530px;}
    /*#home-wrapper .caption{margin: 57px 10px;}*/
    #home-wrapper .caption h2{font-size: 1.925em;}
    #home-wrapper .caption h3{font-size: 1.215em;}
}
@media(max-width:1480px){
    /*#home-wrapper .container{height: 550px;}*/
}