/* #=ID / .=class */
/* kolory:
kolor niebieski-logo: #007dfd
kolor szary:
kolor gradient: #337ab7 - #222
*/
html {
    height: 100%;
    font-weight:300;
 }

body {
    width: 100%;
    height: 100%;
}
h1{
    font-family: 'LatoLatinWeb', 'Segoe UI', 'Helvetica';
}
h2 {
    font-family: 'LatoLatinWeb',  'Segoe UI', 'Helvetica';
}
h3 {
    font-family: 'LatoLatinWeb', 'Segoe UI',  'Helvetica';
}
h4 {
    font-family: 'LatoLatinWeb',  'Segoe UI','Helvetica';
}

p {
    font-family: 'LatoLatinWeb', 'Segoe UI', 'Helvetica';
}
span {
    font-size: 15px;
    font-family: 'LatoLatinWeb', 'Segoe UI', 'Helvetica';
}


.navbar-collapse a:hover {
    color: red;
}
.first-section {
/*    height: 100%;*/
    height: 100%;
    text-align: left;
    padding: 4%;
    color: white;

/*    box-shadow: 0 25px 50px #a5a5a5;*/
    background: linear-gradient(270deg, #337ab7, #222) 0% 0% / 400% 400%;
    -webkit-animation: IntroAnimation 15s ease infinite;
    -moz-animation: IntroAnimation 15s ease infinite;
    -o-animation: IntroAnimation 15s ease infinite;
    animation: IntroAnimation 15s ease infinite;
}
/*@media(min-width:767px){*/
#intro_svg {
    align-content: center;
    width: 100%;
/*    height: 100%;*/
/*    position: absolute;*/
/*   max-width: 1500px;*/
/*    max-width: 65%;*/
    stroke-width:2;
    stroke-miterlimit:4;
    stroke-opacity:1;
    stroke:white;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.svg_thumb {
    stroke-miterlimit:4;
    stroke-opacity:1;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
}
#svg_PD {
    margin-top: 15%;
    margin-bottom: 5%;
    stroke-width:1px;
    max-width: 350px;

}
#svg_SH {
/*    margin-top: 15%;*/
    margin-bottom: 5%;
    stroke-width:4;
    margin-left: 0%;
    display:block;
    min-width: 350;
}
#svg_WF {
    margin-top: 25%;
    margin-bottom: 5%;
    stroke-width:2;
}
#svg_LAS {
    margin-bottom: 5%;
    stroke-width:6;
}
#svg_CO {
    margin-left: auto;
    margin-right: auto;
    stroke-width:8;
}
    .col-sm-8 {
        margin-bottom: 15%
    }
   .col-sm-7 {
        margin-bottom: 15%
    }

/*}*/
/*
@media(max-width:767px){
*/
/*
#svg_PD {
    margin-top: 15%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    stroke-width:1px;
}
*/
/*#svg_SH {

    margin-left: auto;
    margin-right: auto;
    max-width: 220px;
    stroke-width:4;
}
#svg_WF {


    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    stroke-width:2;
}*/
/*#svg_LAS {

    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    stroke-width:6;
}*/
/*
#svg_CO {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    stroke-width:8;
}

*/



}
.col-sm-12{

}
.first-section h1{
    margin-top: 5%
}
.section-sec {
/*    box-shadow: 0 0 50px 5px #a5a5a5;*/
    width: 100%;
    max-width: 1200px;
    align-self: center;
}
@-webkit-keyframes IntroAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes IntroAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes IntroAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes IntroAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.kontakt {
    margin-top:50px;
    margin-bottom: 50px;
}
.panel-heading {
    background: #a5a5a5;
    border-radius: 0px;
}
#logo path{
    fill: none;
    stroke: #007dfd;
    stroke-width:20;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:4;
    stroke-dasharray:none;
    stroke-opacity:1;
}
#logo {
    fill: none;
    stroke: #007dfd;
    stroke-width:20;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:4;
    stroke-dasharray:none;
    stroke-opacity:1;
}
.przyciski {
    position: absolute;
    float: right;
    top: 97%;
    font-family: 'LatoLatinWebLight', 'Segoe UI Light', 'Helvetica';
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    line-height: 1.2;
/*    margin: 0px;*/
/*    background-color: green;*/
/*    border-radius: 7px;*/
/*    border-width: 7px;*/
}
.przyciski a {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
/*    box-shadow: inset 0 0 0 1px white;*/
    padding: 2px 8px 2px 8px;
    border-color: white;    
    color: white;
    z-index: 3;
}

.przyciski a:hover {
/*    box-shadow: inset 0 0 0 1px #007dfd;*/
    background-color: darkgreen;
/*    color:#007dfd;*/
    text-decoration: none;
    border:2px;
/*    border-color: #007dfd;*/
}
.divider {
    height:50px;
}
.jumbotron{
    background: none;
    height: 100%;
    margin-left: 10%;
}
.jumbotron h1{
    margin-top:33%;
    align-content: center;
    border: 0px;

}
.navbar-fixed-top {
    border-width: 0 0 0px;
    background: none;
}
.nav>li>a {
    color: white;
    padding: 10px 20px;
    text-align: center;
    background-color: black;
}
.nav>li>a:hover {
    padding: 10px 10px;
    color: white;
    background-color: black;
}
.nav-coll {
    background-color: rgb(51, 122, 183);
    color: white;
}
#nav-coll a:hover {
   background-color: red;
}
.navbar-collapse {
     backface-visibility: hidden;
}
.navbar-nav>li>a:hover{
    background-color: red;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
   background-color: red;
}
.navbar-inverse>li>a:hover {
    color: rgb(49, 184, 255);
    text-align: right;
    background-color: black;
}
.collapse {
    border: white;
}
.icon-up-circled2 {
    font-size: 5em;
    bottom: 0px;
}
.icon-down-circled2 {
    font-size: 5em;
}
#footer {
    color: gray;
    min-height: 60px;
    background-color:black;
/*    margin-top:0px;*/
/*    padding-top:10px;*/
/*    padding-bottom:30px;*/
    top:50%;
    bottom:50%;
}
#footer a {
    color: #007dfd;
    font-size: 2em;
}
#footer a:hover {
    color: darkgray;
    font-size: 2em;
}
.btn-primary.outline.disabled {
    border-color: white;
    background-color: black;
    color: #337ab7;
    border: 4px solid gray;
}
.btn-primary.outline {
    border-color: white;
    background-color: black;
    color: #337ab7;
    border: 3px solid #337ab7;
}
.btn.outline {
    background: none;
    padding: 12px 22px;
}
.btn-primary.outline {
    color: gray;
}
.bloc-head {
    color: #5aa8c5;
    padding: 30px;
}
.bloc {
    color: #f9f9f9;
    padding: 1px 0 30px;
    clear: both;
}
.mid-section {
/*    padding: 50px;*/
/*    height: auto;*/
/*    min-height: 50%;*/
/*    background: white;*/
}
.end-section {
/*    padding-top: 50px;*/
    height: auto;
}
#container {
    min-width: 100%;
    min-height: 100%;
    text-align: left;
    align-self: center;
}
.container-fluid {

}
.overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:450px; /* your iframe height */
   top:450px;  /* your iframe height */
   margin-top:-450px;  /* your iframe height */
}
h2 {
    font-size: 30px;
}
.row {
    margin:auto;
}
.btn-jumbo {
    background-color: #007dfd;
    border-radius: 0px;

}
#svg_PD {
    margin-top: 15%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    stroke-width:1;
    stroke-miterlimit:4;
    stroke-opacity:1;
    stroke:#007dfd;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#svg_SH {
    margin-top: 15%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 220px;
    stroke-width:4;
    stroke-miterlimit:3;
    stroke-opacity:1;
    stroke:#007dfd;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#svg_WF {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    stroke-width:2;
    stroke-miterlimit:4;
    stroke-opacity:1;
    stroke:#007dfd;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#svg_LAS {

    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    stroke-width:6;
    stroke-miterlimit:4;
    stroke-opacity:1;
    stroke:#007dfd;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#svg_CO {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    stroke-width:8;
    stroke-miterlimit:4;
    stroke-opacity:1;
    stroke:#007dfd;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}


.modal li{
    font-size: 17px;
}
.modal li>p{
    text-align: left;
    font-size: 15px;
    font-style: oblique;
}
.modal-content {
    border-radius: 0px;
}
.mini-jumbo h1{
    margin-top:5%;
    font-size: 33px;

}
.mini-jumbo h2{
    font-size: 23px;

    margin-top: 10px;
    margin-bottom: 10;

}
.mini-jumbo p{
    font-size: 15px;

}
.mini-jumbo {
/*    margin-top: 5%;*/
 }