@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.top {
padding-bottom: 0px;
padding-top: 0px;	
	
}

.logo {
float: left;
font-weight: 600;
color: #3075a4;
font-size: 2.7em;
text-align:left;
margin-top: 0px;	
}


#panel, #flip {
	display: none;
    padding: 5px;
    text-align: center;
    background-color: #3276a6;
    border: solid 1px #c3c3c3;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
}

#panel {
    padding: 50px;
    display: none;
	
}

#panel a {
color: #fff;
	
}




.menu {
background: #15a2b7;
text-align: center;	
	
padding-top: 15px;
padding-bottom: 5px;
margin-right: -15px;
}


.menu li {
display: inline;	
	
}	

.menu li a {
padding-left: 20px;
padding-right: 20px;
color: #f4e603;
font-size: 1.4em;
font-weight: 600;
	
}

.mobile1 {
display: block;
	
	
}

.mobile2 {

display: none;	
	
}


.kol1 {
color: #f51807;	
}

.kol2 {
color: #054aa8;	
}

.kol3 {
color: #021643;	
}

.kol4 {
color: #044588;	
}

.kol5 {
color: #f51807;	
}

.top2 {
background: #15a2b7;	
	
}

.lewatop {
background: #15a2b7;
padding-top: 25px;
padding-bottom: 15px;
text-align: center;			
}


.tel120 {
width: 450px;
height: 70px;
margin-left: auto;
margin-right: auto;	
background: #fff200;	
text-align: center;	
}

.tel120 a {
font-size: 3.8em;
font-weight: 600;
color: #f51807	
	
	
}

.tel121 {
font-size: 4.8em;
font-weight: 600;
color: #fff200;	
	
}

.tel122 {
font-size: 1.7em;
font-weight: 600;
color: #fff;	
	
}

.fotamoja img {
width: 100%;
height: auto;
	
}

.koloroferta {
font-size: 1.9em;
font-weight: 600;
color: #15a2b7;		
padding-top: 30px;	
width: 30%;
margin-right: auto;
margin-left: auto;
text-align: left
}

.tel12duzy {
padding-bottom: 20px;
padding-top: 20px;
background: #15a2b7;	
text-align: center;	
}

.tel12duzy a {
font-size: 3.8em;
font-weight: 600;
color: #fff200	
	
	
}

.onas {
width: 70%;
margin-right: auto;
margin-left: auto;
padding-top:
30px;
padding-bottom: 60px;	
font-size: 1.2em;
font-weight: 600;
color: #000		
}

.onas h1 {
font-size: 1.9em;
font-weight: 600;
color: #15a2b7	
}


.kontakt {
background: #15a2b7;
padding-bottom: 80px;
padding-top: 50px;
text-align: center;	
font-size: 1.2em;
font-weight: 600;
color: #fff;	
}

.kontakt2 {
width: 70%;
margin-right: auto;
margin-left: auto;

}

.kontakt h1 {
font-size: 1.9em;
font-weight: 600;
color: #f7fa23	
}


.tel122duzy {
padding-bottom: 20px;
padding-top: 20px;
background: #1a498f;	
text-align: center;	
}

.tel122duzy a {
font-size: 3.8em;
font-weight: 600;
color: #fff	
	
	
}



@media (max-width: 1000px) {

.mobile1 {
display: none;
	
	
}

.mobile2 {
display: block;
	
	
}

#flip {
	
display: block;	
}

#flip {
	
    padding: 5px;
    text-align: center;
    background: none;
    border: solid 0px #c3c3c3;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
}

#flip img {
width: 50px;
height: auto;

}

#panel {
    padding: 5px;
    display: none;
    position: absolute;
    right: 0px;
    width: 300%;
	
}

#panel li {
margin-top: 15px;	

}

#panel a {
color: #fff;

}




.top {


height: 100px;
position: relative;

z-index: 2;
}

.ikonytop img {
float: left;
display: block;
width:55px;
height: auto;
margin-top: 8px;
margin-right: 5px;
	
}

.napislogo {
text-align: center;
font-size: 1.6em;
font-weight: 600;
color: #3e98cc;	
padding-top: 15px;	
}

.top2 {


position: relative;
margin-top: -20px;
z-index: 1;
	
}


.tel120 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;	
background: #fff200;	
text-align: center;	
}

.tel120 a {
font-size: 2.2em;
font-weight: 600;
color: #f51807	
	
	
}

.tel121 {
font-size: 2.8em;
font-weight: 600;
color: #fff200;	
	
}

.tel122 {
font-size: 1.2em;
font-weight: 600;
color: #fff;	
	
}

.okienkomobile {
font-size: 1.2em;
font-weight: 600;
color: #fff;
padding: 5px;


margin-top: 30px;
margin-bottom: 30px;
	
}

.lewatop {
background: #15a2b7;
padding-top: 25px;
padding-bottom: 15px;
text-align: center;			
}

.okienkomobile h1 {
font-size: 1.8em;
font-weight: 600;
color: #cdd406;
margin-bottom: 0px;
padding-bottom: 0px;
}


.telefonmobilemoje {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #fff;	
border-top: 1px solid #fff;	
background: #25b1cf;
text-align: center;

}

.telefonmobilemoje a {

color:#fff200 ;
font-size: 2.8em;
font-weight: 900;
	  
	
}

.oftytu1 {
background: #e5ec2b;
padding-bottom: 5px;
padding-top: 5px;	
text-align: center;
font-size: 2.5em;
color: #f72332;	
font-weight: 600;
}

.oftytu2 {
background: #2bd1ef;
padding-bottom: 5px;
padding-top: 5px;	
text-align: center;
font-size: 1.5em;
color: #000;
font-weight: 600;	
}

.oftytu3 {
background: #5ed026;
padding-bottom: 5px;
padding-top: 5px;	
text-align: center;
font-size: 1.5em;
color: #fff;	
font-weight: 600;
}

.ofetxt2 {
font-size: 1.8em;
color: #0b3038;
text-align: center;	
font-weight: 600;
padding-top: 15px;
padding-bottom: 15px;
}

.textmobileonas {
font-size: 1.2em;
color: #000;	
font-weight: 600;
padding-top: 15px;
padding-bottom: 15px;
}

.footermobile {
padding-top: 15px;
padding-bottom: 15px;
background: #25b1cf;
color: #fff;	
font-size: 1.2em;
font-weight: 600;	
}

.footermobile h1 {
color: #e5ec2b;	
font-size: 1.4em;	
font-weight: 900;
text-align:center;	
}

.telefonmobilemoje2 {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #fff;	
border-top: 1px solid #fff;	
background: #1a498f;
text-align: center;

}

.telefonmobilemoje2 a {

color:#fff ;
font-size: 2.8em;
font-weight: 900;
	  
	
}


}


@media (max-width: 600px) {

.top {

height: 120px;
position: relative;

z-index: 2;
}
	

.ikonytop {
width: 150%;

}

.ikonytop img {
float: left;
display: block;
width:55px;
height: auto;
margin-top: 8px;
margin-right: 5px;
	
}
	
	
	
}

@media (max-width: 400px) {
	
.top {

height: 180px;
position: relative;

z-index: 2;
}	

.top2 {
	

position: relative;
margin-top: -20px;
z-index: 1;
	
}

.okienkomobile {
font-size: 1.2em;
font-weight: 600;
color: #fff;
padding: 5px;

margin-top: 70px;
margin-bottom: 30px;
	
}

.okienkomobile h1 {
font-size: 1.32em;
font-weight: 600;
color: #cdd406;
margin-bottom: 0px;
padding-bottom: 0px;
}

.tel120 a {
font-size: 1.8em;
font-weight: 600;
color: #f51807	
	
	
}
	
}