body{font-family: 'Lato', Arial; font-weight: 400; font-size: 14px; color: #565656}
a,a:hover {color: inherit; text-decoration: none;}

.row{margin: 0px;}
a:focus, a:hover {color: #fed03d!important;}

.promocja {text-align: center; padding-bottom: 40px;}
.clicker {cursor: pointer;}
form {width: 350px; height: 50px; text-align: center; font-size: 20px; margin: 0 auto;}
.form-control {border-radius: 0; width:250px; height: 50px; text-align: center; font-size: 20px; float: left;}
.submit-btn {border-radius: 0; width:100px; height: 50px; text-align: center; font-size: 20px; background-color: #d93b13; color: #fff; border: 0; font-weight: bold; float: left;}

h4 {text-align: center; font-size: 40px; font-weight: 900; text-transform: uppercase; color: #d93b13;}

#header{background: url(../images/img-top-p.jpg) no-repeat center center; background-size: cover;}
#header .container {color: #fff; padding-top: 110px; padding-bottom: 110px;}
#header .container h1{color: #fff; text-align: center; font-weight: 900; text-transform: uppercase;}
#header .container p{color: #fff; text-align: center;}

.info-box h1{text-transform: uppercase; color: #000; dont-size: 2em; font-weight: 300; margin-bottom: 20px;}
.info-box li,
.info-box p{font-weight: 300; font-size: 1.2em}
.info-box li{margin-bottom: 10px;}
.info-box li i{color: #000; text-align: center; padding-right: 10px;}

.info-box{background: #f4f4f4}
.info-box.light{background: #fff}
.img-container img{ width: 100%}
.info{padding: 10% 20%;}

.modal-dialog{width: 65%;}
.modal-dialog img{width: 100%;}
.modal-content{border-radius: 2px;}

.next{display: inline-block; width: 60px; height: 60px; margin-bottom: 30px; background: #fed03d; color: #000; text-align: center; line-height: 60px; margin-top: 30px; vertical-align: top;}
.next:hover{color: #fff;}

.open-screen{margin: 0px; padding: 0px 20px; border: 0px;display: inline-block; margin-bottom: 30px; background: #000; color: #fff; text-align: center; line-height: 60px; margin-top: 30px; vertical-align: top; border-radius: 0px; }
.open-screen:hover{background: #292929; }
.open-screen:focus{background: #292929; }

.coll-us2 {text-align: left; font-weight: 400; font-size: 36px; margin-top: 20px; float: right;}
#header .container p.coll-us, #footer .container p.coll-us {font-size: 3em; color: #fed03d; font-weight: 400; font-size: 36px; margin-top: 40px}
#footer .container p.coll-us {font-size: 36px; margin: 0px}
#footer .container p.coll-us {font-weight: 300;}
#footer {background-color: #161616;}
#footer  .container p{color: #fff; text-align: center; }
#footer .container{color: #fff; padding-top: 110px; padding-bottom: 110px;}
/*#footer .container i.fa {font-size: 150px; line-height: 190px; border-radius: 100%; border: 2px solid #fed03d; display: inline-block; width: 190px; height: 180px; margin: 0 20px; }*/
#footer .container p.coll-us  a {cursor: default;}
#footer .container p span { white-space: nowrap;}

#header .coll-us a {cursor: default;}
#header .coll-us i.fa {border-radius: 100%; /*border: 2px solid #fed03d;*/ width: 55px; height: 55px; padding: 10px; margin-right: 16px; }

.container2 {padding-top: 20px; padding-bottom: 20px; text-align: center; color: #333; font-size: 30px; font-weight: bold;}

@media (max-width: 1199px) {
.coll-us2 {font-size: 24px;}
.modal-dialog{width: auto;}
}

@media (max-width: 900px) {
#footer .container{ max-width: 300px;}
.coll-us2 {font-size: 20px;}
.container p.coll-us  a{ font-size: 22px;}

@media (max-width: 600px) {
#header .container {color: #fff; padding-bottom: 50px; padding-top: 130px;}
.info{padding: 5% 5%;}
.info-box li{text-align: center; margin-bottom: 30px;}
.info-box li i{ text-align: center; padding-right: 10px; display: block; padding: 20px}
.modal-dialog{width: auto;}
.h1, h1 { font-size: 20px;}
}