html, body { height:100%;} 
body { background:#fff; color:#000; }
* {font-family: 'Lato', Arial, sans-serif;}
img {border:0px; padding:0px; margin:0px;}  
a{ text-decoration:none; color:#0E72B0;}
/*pomocnicze*/ 

.pageBar{width:100%; float:left;}
.clear{clear:both;}


body{
    
  background-image: url('images/bgxc60.jpg');
  background-color:#000;
  background-size: cover;
    color:#fff;
   /* padding-top: 12% !important;*/
    
}

.abs-content{
    /*position:absolute;*/
    /*z-index: 1;*/
    /*width: 100%;*/
    /*top:0;*/
    /*left:0;*/
    /*height: 100%;*/
}
.shadow{
 
}

.btn-check{
    
    background: #ed1c24 none repeat scroll 0 0;

color: #fff;
display: block;
font-size: 17px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
padding: 10px 15px;
text-transform: uppercase;
width: 223px;
        
}

.logo-section{
    
    min-height: 370px;
    padding-top:12%;
}
.logo-section-sub{
   padding-top:8%; 
   font-size:20px;
   font-weight:  bold;
   text-shadow: 1px 0 4px #000;
}
.logo-section-sub a{
    text-shadow:none;
}
.logo-section-sub b{
    color:#ed1c24;
    
}


.logo-section span{
    display:block;
    margin-top:10px;
}

.blackout {
 border: 6px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 0 300px #000 inset;
margin: 0;
padding: 0 10px 30px;
}

.blackout a img{
    
    
    padding:45px 0;
}
.heading-wrap{
    margin-top:5%;
    margin-bottom: 30px;
    text-align: center;
}

.heading-wrap h1{
    
  color: #333;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 #fff;
   
}
.heading-wrap p{
    font-size:20px;
    
    font-weight:400;
    
}

.wrapper{
    
    margin-left:auto; margin-right:auto;  
    width:1000px;
}

.right-gradient, .left-gradient{
    min-height: 290px;
    padding:40px 90px;
}

.right-gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */

    border-left:1px solid #c0c0c0;
    text-align: left;
}
.left-gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
text-align: right;
}


.left-pane{
    float:left;
    width:1000px;
}
.right-pane{
    float:left;
    width:280px;
    text-align: center;
    height: 455px;
    background: #fff;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.view {
  background: none repeat scroll 0 0 #fff;
border: 10px solid #fff;
border-radius: 20px;
box-shadow: 1px 3px 5px #a6a6a6;
cursor: default;
height: 243px;
margin: 10px auto;
overflow: hidden;
position: relative;
text-align: center;
width: 242px;
}
.view .mask,.view .content {
   width: 222px;
   height: 225px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   color: #fff;
font-size: 14px;
font-weight: 600;
padding: 10px 20px 20px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.view a.info {
  box-shadow: 1px 1px 1px #939393;
    color: #484848;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 38px;
    text-decoration: none;
    text-transform: uppercase;
   background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}
.view a.info:hover {
 background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

/*.footer{*/

/*    display: block;*/
/*    padding:20px;*/
/*    color:#444;*/
/*    text-align: center;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width:100%;*/
/*}*/

.top{
    padding: 15px 0;
}
.top li a{
    text-transform: uppercase;
}

.ulzero li a {
    color: #fff;
    margin: 0 12px;
}

.ulzero li a:hover {
    color: #0E72B0;

}

.parent{

    height: 80vh;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.c{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-70%);
    z-index: 1000;
}

@media only screen and (max-width : 767px) {
    .c {
        position: absolute;
        top: 68%;
        left: 0;
        right: 0;
        transform: translateY(-70%);
        z-index: 1000;
    }
}


.white{
    background: #fff;
    color: #000;
}

.info li{
    padding-left: 0px !important;
}



.ulzero{
    padding: 0px;
    margin: 0px;
}

.ulzero li{
    list-style: none;
    margin-bottom: 5px;
}


@media only screen and (max-width : 767px) {
    .top .ulzero li a {
        color: #fff;
        display: block;
        border: 1px solid #b7b7b7;
        padding: 5px 6px;
        margin: 2px 4px;
    }
}



.ulzero li a{
   color: #fff;
}

.ulinfo li{
    display: inline-block;
}

.carousel-inner {

    height: 80vh;
}
.paddingSite{
    padding: 36px 0;
}
footer{
    padding: 25px 0;

}
footer{
    text-align: center;
}
footer h4 {
    font-size: 18px;

    margin-bottom: 12px;
    text-align: center;
}
footer ul li a{
    color: #dedede !important;
}
footer ul li a:hover{
    color: #0E72B0!important;
}
.footer-social{
    margin-top: 20px;
}
.footer-social li{

    display: inline-block;
}


a.apklink{
    padding: 0px !important;
    margin: 0px!important;
}

.contact h1,.titleh1 h1{
    font-size: 28px;
    margin-bottom: 12px !important;
    text-transform: uppercase;
}

.contact h2{
    font-size: 15px;
    margin-bottom: 12px !important;

}