body{margin:0;padding:0}
.lp {
	margin: 0 auto;
	padding: 0;
	width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size:16px;
    color:#727272;
    background: #fff;
}
.lp a{text-decoration: none;color:#727272;}
.lp a:hover{color:#000;}
.lp h1{font-family: 'Oswald', sans-serif;
    font-size:24px;
    color:#000;
    text-transform: uppercase;
    padding-top:0;
}
.lp h3{font-family: 'Oswald', sans-serif;
    font-size:20px;
    font-weight:400;
    color:#000;
    text-transform: uppercase;
    margin:20px 0;
}
.lp .text-box{margin:20px 0;}
.lp .grey{background-color:#fafafa;padding:20px;}
.lp .cta-kup{background-color: #a4cd39;color:#000;text-decoration: none;padding:10px 40px;text-transform:uppercase}
.lp .cta-kup:hover{color:#000;}
.lp p{margin:20px 0;}
.lp .row{padding:0;margin:10px 0}

.lp .button {
  background-color: #d30426;
  color: #fff;
  border: none;
  padding: 10px 40px;
  outline: none;
  text-transform:uppercase;
}
.lp .button:active {
  transform: translateY(1px);
}
.lp .message {
  opacity: 0;
  transition: 0.5s;
color:#c2c2c2;
}

.lp .message.active {
  opacity: 1;
}
.lp .kod{
display:block;
}
.lp .kod-small{display:none !important;}
.lp .kontakt{padding:10px;}
@media only screen and (max-width: 480px) {
    .lp .button {
        margin-top:10px;
    }
.lp .kod{
display:none!important;
}
.lp .kod-small{display:block !important;}
.lp .text{width:100%}
}
.lp .box{width: 100%;position: relative;margin:10px 0}

.lp .baner {position: relative;overflow: hidden;width: 100%;margin:10px 0;}
.lp .baner img {max-width: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.lp .baner:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.lp .title{top:50%;left:50%;transform: translate(-50%, -50%);padding:0;margin:0;color: #fff;font-size: 24px;z-index: 999999;position: absolute;text-transform: uppercase;font-weight:600}




@media all and (max-width: 768px){.lp .mobile{display: block; visibility:visible;}
.lp .desktop{display: none;visibility: hidden;}}
@media (min-width: 768px){.lp .mobile{display: none; visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}}
@media (min-width: 992px){.lp .mobile{display: none;visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}}
@media (min-width: 1200px){.lp .mobile{display: none;visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}}