/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body,
html {
    width: 100%;
    height: 100%;
    overflow: auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

#newsContent, #eventsContent,  #shightsContent{
    display: block;
    float: left;
    background: whitesmoke;
    margin: 0 10px 10px;
    border: gray solid 1px;
}


.tabONnews {

    padding: 0 0px;
    background: #006bb3;
    margin-left: 10px;
    border-radius: 0px 8px 0 0;
    display: block;
    float: left;
    border: gray 1px solid;
    margin-top: 0px;
    padding: 4px 20px 5px;
    border-bottom: none;
}

.tabOFFnews {

    padding: 0 0px;
    background: whitesmoke;
    margin-left: 10px;
    border-radius: 0px 8px 0 0;
    display: block;
    float: left;
    border: gray 1px solid;
    margin-top: 0px;
    padding: 4px 20px 5px;
    border-bottom: none;
}



.tabOFFevents {
    background: whitesmoke;
    margin: 0px;
    border-radius: 0px 8px 0 0;
    border: gray 1px solid;
    display: block;
    float: left;
    padding: 6px 20px 3px;
    border-bottom: none;
}


.tabONevents {
    background:  #006bb3;
    margin: 0px;
    border-radius: 0px 8px 0 0;
    border: gray 1px solid;
    display: block;
    float: left;
    padding: 6px 20px 3px;
    border-bottom: none;
}


.tabOFFshights {
    background: whitesmoke;
    margin: 0px;
    border-radius: 0px 8px 0 0;
    border: gray 1px solid;
    display: block;
    float: left;
    padding: 6px 20px 3px;
    border-bottom: none;
}


.tabONshights {
    background:  #006bb3;
    margin: 0px;
    border-radius: 0px 8px 0 0;
    border: gray 1px solid;
    display: block;
    float: left;
    padding: 6px 20px 3px;
    border-bottom: none;
}



.langEN {
    display: block;
    float: right;
    right: 0px;
}
.langPL {
    display: block;
    float: right;
    right: 0px;
}

.menu {

    float: right;
    margin: 0;

}

.itemNews a {
height: 193px;
position: relative;
width: 305px;
z-index: 999;
}


div.copyright {
    float: left;
}

#region-footer_2 P {
margin:0;
}

div.page-wrapper div.region-footer-2 {
    padding: 15px 25px 0 25px;
}
div.region-blockgroup-footer-right {
float: left;

background: #006bb3;

width: 100%;
z-index: 1000;
}
div.region-blockgroup-footer-right div#block-menu-menu-footer a {
color:white;
}

#region-blockgroup_footer_right {
    position: sticky;
    bottom: 0px;

}


div.region-blockgroup-footer-right div#block-menu-menu-footer > div.content > ul.menu > li {
    margin: 0 0 0 22px;
    padding: 0 22px 0 0;
    float: left;
    list-style: none;
    border-right: solid 1px #000;
}
div.copyright > div.content {
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 1em;
}


body {
    background-color: white;
    font-family: "Arial";
}
.header {
    padding-top: 20px;
    display:none;
}
.imgNews {
width:350px;
height:220px;
}

.newsBody {
    width: 350px;
}

.itemNews {
    display: block;
    position: relative;
    height: 450px;
    width: 400px;
    float: left;
    padding: 0 15px;
}

#topHeader{
background: url(../img/ekran-tlo-wide5.png) left no-repeat #006bb3;
background-size: contain;
border-color: #006bb3;
min-height: 110px;
position: sticky;
top: 0px;
z-index:1000;
}
#topHeader span {
    padding: 33px;
    position: absolute;
	font-size: 20px;
	color: #fff;
}
#terms-of-service, #privacy-policy
{
	font-size:10px;
}
#terms-of-service span, #privacy-policy span
{
	font-size:12px;
}

#termAgree{
-ms-transform: scale(1.3); 
 -moz-transform: scale(1.3); 
 -webkit-transform: scale(1.3); 
 -o-transform: scale(1.3); 
  padding: 10px;
}

.footer {
    background-color: #f5f5f5;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #c4c4c4;
}


.vertical-spacer{
    margin-top: 2em;
}
.vertical-spacer-4{
    margin-top: 4em;
}
.free-courtesy-text{
    text-align: center;
    width: auto;
    margin: 0 5px;
}
.field-separater{
    margin-bottom: 25px !important;
}
.free-courtesy-text span{
    font-family: "Arial";
    font-size: 14px;
    color: #575a5d;
    font-weight: normal;
}
.company-logo { 
    max-width: 800px;
    margin: auto;
}
.company-img {
    width: auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.btn-panal-sd{
    width: 300px;
    margin: auto;
    text-align: center;
}
.btn-panal-sd button {
    background-color: #0a4d8c;
    font-family: "Arial";
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 4px;
}
.tcpp, .help{
    width: 100%;
    margin: auto;
}
.tcpp span, .help span{
    text-align: center;
    font-family: "Arial";
    font-size: 14px;
    color: #575a5d;
    line-height: 1.5em;
    display: ;
}
.tcpp a, .help a {
    font-weight: bold;
    color: #0a4d8c;
    text-decoration: underline;
    cursor: pointer;
}

.modal-title{
    color: #575a5d;
    font-weight: normal;
}
.modal-body p{
    color: #575a5d;
    font-weight: normal;
}
.modal-body p label{
    font-weight: bold;
}
.modal-body p span{
    text-decoration: underline;
}
.close {
    font-size: 33px;
    font-weight: 400;
    color: #989798;
    opacity: 0.9;
}


@media (max-width: 500px){
ul {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -45px;
}

.imgNews {
width:100%;
}

.newsBody {
width:100%;
}

.itemNews {
    display: block;
    position: relative;
    float: left;
    padding: 0 15px;
    width: 100%;
    height: 110%;
    margin-bottom: 20px;
}


div.region-blockgroup-footer-right div#block-menu-menu-footer > div.content {
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 10px;
    color: white;
}


}

@media  screen and (min-width: 501px) and (max-width: 900px) { 
.menu-item {
    float: left;
    padding: 20px;
    text-decoration: none;
    list-style: none;
    top: 56px;
    position: relative;
}
ul {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -45px;
}

.imgNews {
width:100%;
max-height:200px;
}

.newsBody {
width:100%;
}

.itemNews {
    display: block;
    position: relative;
    float: left;
    padding: 0 15px;
    width: 50%;
    height:430px;
    margin-bottom: 20px;
}


.item0, .item2, .item4, .item6, .item8, .item10, .item12, .item14, .item16, .item18, .item20, .item22   {
border-right: dashed 1px gray;
}


div.region-blockgroup-footer-right div#block-menu-menu-footer > div.content {
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 1em;
    color: white;
}

}



@media only screen and  (min-width: 901px) and (max-width: 1240px) {
.menu-item {
    float: left;
    padding: 20px;
    text-decoration: none;
    list-style: none;
    top: 56px;
    position: relative;
}
ul {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -45px;
}

.imgNews {
width:100%;
max-height:200px;
}

.newsBody {
width:100%;
}

.itemNews {
    display: block;
    position: relative;
    float: left;
    padding: 0 15px;
    width: 33%;

    margin-bottom: 20px;
}


.item0, .item1, .item3, .item4, .item6, .item7, .item9, .item10, .item12, .item13, .item15, .item16, .item18, .item19, .item21, .item22  {
border-right: dashed 1px gray;
}


div.region-blockgroup-footer-right div#block-menu-menu-footer > div.content {
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 1em;
    color: white;
}


}

@media (min-width: 1241px) {
.menu-item {
    float: left;
    padding: 20px;
    text-decoration: none;
    list-style: none;
    top: 56px;
    position: relative;
}
ul {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: -40px;
}
.imgNews {
width:100%;
max-height:200px;
}

.newsBody {
width:100%;
}

.itemNews {
    display: block;
    position: relative;
    float: left;
    padding: 0 15px;
    width: 25%;

    margin-bottom: 20px;
}

.item0, .item1, .item2, .item4, .item5, .item6, .item8, .item9, .item10, .item12, .item13, .item14, .item16, .item17, .item18, .item20, .item21, .item22   {
border-right: dashed 1px gray;
}

div.region-blockgroup-footer-right div#block-menu-menu-footer > div.content {
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 1em;
    color: white;
}

}