body{background:#fff; font-family: 'Montserrat', sans-serif;}

.header--fixed{position:fixed;z-index:999999;right:0;left:0;top:0}
.headroom{transition:transform .25s ease-in-out; will-change:transform}
.headroom--pinned{transform:translateY(0)}
.headroom--unpinned{transform:translateY(0)}

.header{position:fixed; top:0; left:0; width:100%; height:220px; z-index:100; background:rgba(38,52,88,0); transition: all 0.3s ease;}

#s1{min-height:639px; background-image: url("../images/bg1.png"); background-size: cover;  background-position: center; background-attachment: fixed; position:relative;}

#s1 .content{z-index:90; margin: auto;  position: absolute;  top: 0; left: 0; bottom: 0; right: 0; color:#fff; height:140px; text-align:center; padding:0 15px;}
#s1 .content h1{font-size:60px; font-weight:900;}
#s1 .content h2{margin:0; font-size:35px; font-weight:300; line-height:45px;}

.header.headroom--not-top{background:rgba(38,52,88,1); height:150px;}
.header.headroom--not-top .navbar-brand{width:300px;}

.navbar-brand>img{width:100%; transition: all 0.3s ease;}
.navbar:after{clear:both; content:""; display:block;}
.navbar-default{background:none; border:0; width:83.33333333%; margin:0 auto;}

.navbar-brand{width:506px; padding:0; transition: all 0.3s ease;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin:40px 0 0 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0; position: absolute; right: 25px; top: 50px;}

.navbar-toggle{border:0; cursor:pointer;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none; border:0;}
.navbar-default .navbar-toggle .icon-bar{background:#fff;}

.navbar-default .navbar-nav>li{padding:8px 15px; border:2px solid transparent;}
.navbar-default .navbar-nav>li:last-child{margin:0;}
.navbar-default .navbar-nav>li>a{color:#fff; font-size:16px; padding:0;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff; text-decoration:none;}
.navbar-default .navbar-nav>li>a:focus::after, .navbar-default .navbar-nav>li>a:hover::after{position:absolute; bottom:-5px; left:0; width:100%; background:#fff; height:2px; content:"";}
.navbar-default .navbar-nav>li:last-child{border:2px solid #ffffff; padding:8px 15px;}
.navbar-default .navbar-nav>li:last-child>a:focus::after, .navbar-default .navbar-nav>li:last-child>a:hover::after{display:none;}

h2.title{font-size:50px; font-weight:300; margin:0 0 90px 0; position:relative; display:block; color:#424242;}
h2.title:before{position:absolute; bottom:-40px; left:0; width:75px; background:#f23e4d; height:2px; content:"";}
h2.title:after{clear:both; content:""; display:block;}

#s2{padding:50px 0 70px 0; position:relative; background:#fff;}
#s2 p{color:#616161; font-size:20px; font-weight:300; line-height:34px; padding:0; margin:0;}

#s3{padding:50px 0 70px 0; position:relative; background:#a1a1a1; color:#fff;}
#s3 p{color:#616161; font-size:20px; font-weight:300; line-height:34px; padding:0; margin:0;}

#s3 h2.title{color:#fff;}
#s3 h2.title:before{background:#fff;}
#s3 ul, #s4 ul{font-size:20px; font-weight:300; line-height:34px; padding:0 0 0 20px;}

#s4{padding:50px 0 70px 0; position:relative; background:#f5f5f5;}
#s4 p{color:#616161; font-size:20px; font-weight:300; line-height:34px; padding:0; margin:0 0 50px 0;}
#s4 .button{padding:10px 15px; color:#000; text-transform:uppercase; border:2px solid #f23e4d;  display:inline-block; font-size:16px; font-weight:700; background:##f5f5f5;}
#s4 .button:hover{text-decoration:none; background:#f23e4d; color:#fff; }

#s5{padding:50px 0 50px 0; position:relative; background:#fff;}
#s5 ul{margin:0; padding:0;}
#s5 ul li{list-style:none; text-align:center; margin:0 0 30px 0; cursor:pointer;}
#s5 .imageWrapper{}
#s5 .imageWrapper img{max-width:100%; height:auto;}
#s5 h3{color:#616161; font-size:20px;font-weight:700;}
#s5 h4{color:#616161; font-size:20px;font-weight:300;}

#s6{padding:50px 0 70px 0; position:relative; background:#2e3192;}
#s6 p{color:#fff; font-size:20px; font-weight:300; line-height:34px; padding:0; margin:0 0 30px 0;}
#s6 .button{padding:10px 35px; color:#fff; text-transform:uppercase; border:2px solid #fff;  display:inline-block; font-size:16px; font-weight:700; background:#2e3192;}
#s6 .button:hover{text-decoration:none; background:#fff; color:#2e3192; }

#s6 h2.title{color:#fff;}
#s6 h2.title:before{background:#fff;}
#s6 .lead p{font-size:16px;}

form{width:60%; font-size:16px; color:#fff;}
form .form-group{margin:0 0 30px 0;}
form .form-group .form-control{height:55px; border-radius:0; box-shadow:none;}
form .checkbox{}

#s7{padding:50px 0 70px 0; position:relative; background:#f5f5f5;}
#s7 h3{float:left; width:30%; margin:0 100px 0 0; font-size:16px; line-height:28px; font-weight:400;}
#s7 h4{float:left; width:30%; margin:0; font-size:16px; line-height:28px; font-weight:300;}

#s8{padding:50px 0 50px 0; position:relative; background:#fff; }
#s8 a{color:#fff; text-decoration:underline;}
#s8 .logos{margin:0; padding:0; text-align:center;}
#s8 .logos li{list-style:none; display:inline-block; margin:0 0 60px 0;}
#s8 .logos li a img{width:auto;  filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition-duration: .3s; opacity:.5; will-change:opacity; max-width:100%;}
#s8 .logos li a:hover img{ -webkit-filter: grayscale(0); filter: none; opacity:1}

#s8 .logos li.prezydent{text-align:center;}
#s8 .logos li.prezydent a{color:#000; text-decoration:none;}
#s8 .logos li.prezydent a h2{font-size:18px; margin:0; line-height:24px;}
#s8 .logos li.prezydent a img{ margin:0 0 10px 0;}

#s8 .logos li.ministerstwo img{margin-top:50px;}
#s8 .logos li.niepodlegla img{margin-top:30px;}

footer{text-align:center; color:#fff; background:#2e3192; padding:50px 15px; font-size:16px;}
footer a{color:#fff; text-decoration:underline;}

.modal-dialog{ margin:100px auto;}
.modal-content{border-radius:0; }
.modal-body{position:relative; padding:30px;}
.modal-body .imageWrapper{float:left; width:230px; margin:0 0 30px 0;}
.modal-body .textWrapper{float:right; text-align:center; width:calc(100% - 280px);}
.modal-body h2{color:#000000; font-size:40px; font-weight:700; margin:0 0 20px 0;}
.modal-body h3{color:#000000; font-size:20px; line-height:28px; font-weight:400; margin:0 0 20px 0;}
.modal-body p{color:#000000; font-size:20px; line-height:28px; font-weight:300;}
.modal-body:after{content:""; clear:both; display:block;}
.modal-dialog .close{position: absolute; right: -18px;    top: -16px; opacity: 1; width: 36px; height: 36px;}
.modal-dialog .close img{width:100%; height:auto;}

#sendMailForm label{font-weight: 400;}

@media (min-width: 768px){
.modal-dialog {
    width: 850px;
    
}}

@media (max-width: 1199px) {
	.navbar-default{width:100%;}
	.navbar-default .navbar-nav>li{padding:8px 10px;}
	
	
}

@media (max-width: 991px) {
	.navbar-default .navbar-nav>li{padding:8px 5px;}
	form{width:100%;}
	#s7 h3{width:50%;}
	

	.modal-body .imageWrapper ,.modal-body .textWrapper{float:none; width:100%; text-align:center;}
	
	.modal-dialog {
    width: 90%;
    
}
	
}

@media (max-width: 767px) {
body{margin-top:100px;}
.header{height:100px; background: rgba(242,62,77,1);}	
	
.navbar-brand>img, .navbar-brand{width:240px; height:auto;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin:15px 0 0 15px;}
#s1{min-height:350px;}
#s1 .content h1{font-size:40px; line-height:50px;}
#s1 .content h2{font-size:20px; line-height:30px;}

h2.title{font-size:35px; line-height:40px;}

#s5 ul li{margin:0 0 30px 0;}
#s5 ul li:last-child{margin:0;}

#s7 h3{float:none; width:100%; margin:0 0 30px 0;}
#s7 h4{width:100%; float:none;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{width:100%; right:inherit; background:rgba(242,62,77,1);}
.navbar-default .navbar-nav>li{ padding:8px 15px;}


.navbar-default .navbar-nav>li>a:focus::after, .navbar-default .navbar-nav>li>a:hover::after{display:none}
.headroom--unpinned{transform:translateY(0)}


#s8 .logos li.ministerstwo img{margin-top:0;}
#s8 .logos li.niepodlegla img{margin-top:0;}

#s8 .logos li{margin:0 0 30px 0;}


.modal-dialog {width: 90%;}

.navbar-default .navbar-nav>li:last-child {
    border: 2px solid #ffffff;
    padding: 8px 10px;
    margin-left: 5px;
    margin-right: 5px;
}


}