* {
	padding: 0;
	margin: 0;
}
input[type="submit"] {
	-webkit-appearance: none;
}
a {
	-ms-transition: color 0.5s;
	transition: color 0.5s;
	-o-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
}
body {
	font: 12px "Open Sans", Arial, Helvetica, "Calibri";
	color: #fff;
	background: #040407;
  padding:80px;
}
div.wrap {
	width:100%;
  margin:auto;
  min-height:750px;
	background: #040407 url(../images/background.jpg) no-repeat 0 0;
}
div.wrap .logo img{
  width:224px;
  height:auto;
  position:absolute;
  margin:10px;
}
div.wrap .title {
  height:auto;
  padding-left:8px;
  margin-top:140px;
  font-size:42px;
  position:absolute;
  font-weight:300;
}
div.wrap .title strong {
  font-weight:700;
}
div.wrap ul.list {
  height:auto;
  padding-left:8px;
  margin-top:300px;
  font-size:20px;
  position:absolute;
  font-weight:400;
  list-style-type:none;
}
div.wrap ul.list li {
  background: url(../images/icon-check.svg) no-repeat 0 center;
  line-height:40px;
  padding-left:45px;
}
div.wrap .logos {
  height:auto;
  margin-top:470px;
  position:absolute;
}
div.wrap .logos img {
  display:inline-block;
  float:left;
  margin:10px;
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}


div.wrap div.box {
  margin-left:905px;
  width:450px;
  font-size:20px;
  position:absolute;
  font-weight:400;
  margin-top:80px;
}
div.wrap div.box p.newsletter{
  text-align: center;
  padding-top:0px;
}

div.wrap div.box p.newsletter strong{
  font-size:30px;
}
div.wrap div.box input[type="text"], div.wrap div.box input[type="email"] {
  background:white;
  width:360px;
  border:0 none;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font: 18px "Open Sans", Arial, Helvetica, "Calibri";
  padding:25px 15px 10px 15px;
  margin-left:30px;
  margin-right:30px;
  margin-top:20px;
}
div.wrap div.box .firstname span, div.wrap div.box .email span {
  color:black;
  position:absolute;
  margin:27px 0 0 45px;
  font-size:11px;
}
div.wrap div.box p.zajem{
  text-align: center;
  padding-top:30px;
  padding-bottom:15px;
}
div.wrap div.zajem_box {
  margin:0 30px;
  text-align:center;
}
div.wrap div.box div.value {
  text-align: center;
  width:118px;
  height:40px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #4a4a4a;
  display:inline-block;
  float:left;
  font-size:14px;
  margin-right:16px;
  padding:10px 0;
  line-height:19px;
  cursor:pointer;
}
.center {text-align:center}
div.wrap div.box div.value#val_3 {
  line-height:36px;
  margin-right:0;
  float:right;
}
div.wrap div.box div.value#val_2 {
  margin-right:0;
}
div.wrap div.box div.value.active {
  width:116px;
  height:38px;
  border:2px solid #fff;
}
div.wrap div.box div.value:hover {
  border-color:#c70000;
}
div.wrap div.box div.value.active:hover {
  border-color:#fff;
}
div.wrap div.box input.submit {
  color:white;
  width:240px;
  border:0 none;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  font: 18px "Open Sans";
  padding:15px;
  margin:30px auto;
  display:inline-block;
  background: url(../images/submit.png) repeat-x 0 0;
}
div.wrap div.box p.smaller {
  color:#7c7c7c;
  font-size:10px;
  text-align:left;
  margin-top:0px;
  text-align:justify;
}
.clear {clear:both}

@media screen and (max-width: 1520px) {
  body {
    padding:40px 0 40px 80px;
  }
  div.wrap {
    background: #040407 url(../images/background.jpg) no-repeat right 0;
  }
  div.wrap div.box {
    margin-left:0;
    right:80px;
  }
}

@media screen and (max-width: 1180px) {
  body {
    padding:40px 0 40px 40px;
  }
  div.wrap {
    background: #050505 url(../images/background_mobile.jpg) no-repeat right 0;
  }
  div.wrap .logo img, div.wrap .title, div.wrap ul.list, div.wrap .logos {
    position:static;
    margin:0;
    padding:0;
  }
  div.wrap div.box {
    margin-left:0;
    right:0;
    position:static;
    float:none;
    width:auto;
    display:block;
    text-align:center;
  }
  div.wrap .logo img, div.wrap .title, div.wrap ul.list {
    margin-bottom:30px;
  }
  div.wrap .logos {
    clear:both;
    margin-top:50px;
  }
  div.wrap div.box p.newsletter strong{
    font-size:40px;
  }
  div.wrap div.box .firstname {
    margin:0 auto;
    display:inline-block;
    float:none;
  }
  div.wrap div.zajem_box {
    width:390px;
    display:inline-block;
  }
}



@media screen and (max-width: 600px) {
  body {
    padding:0px;
  }
  div.wrap .logo img, div.wrap .title, div.wrap ul.list {
    margin-bottom:15px;
  }
  div.wrap {
    padding:15px;
    width:auto;
    display:block;
  }
  div.wrap .title {
    font-size:28px;
  }
  div.wrap .logo img{
    margin-top:20px;
    margin-bottom:240px;
  }
  div.wrap ul.list {
    font-size:16px;
  }
  div.wrap ul.list li {
    line-height:28px;
    padding-left:40px;
    background: url(../images/icon-check.svg) no-repeat 0 2Px;
  }
  div.wrap .logos img {
    width:23%;
    height:auto;
    margin:1%;
  }
  div.wrap div.box {
    width:100%;
  }
  div.wrap div.zajem_box {
    width:100%;
    margin:20px 0 !important;
    padding:0;
  }
  div.wrap div.box input[type="text"], div.wrap div.box input[type="email"] {
    width:300px;
    margin-left:0;
    margin-right:0;
    display:inline-block;
  }
  div.wrap div.box .firstname span, div.wrap div.box .email span {
    margin-left:15px;
  }
  div.wrap div.box div.value, div.wrap div.box div.value.active {
    text-align: center;
    width:100px !important;
    height:40px !important;
    margin-right:10px !important;
    float:none !important;
    display:inline-block !important;
    overflow:hidden;
  }
  div.wrap div.box div.value.active {
    border:1px solid #fff;
  }
  div.wrap div.box {margin-top:30px}
}

@media screen and (max-width: 500px) {
  div.wrap {
    background: #050505 url(../images/bgr-mobil.jpg) no-repeat center 0;
  }
}
@media screen and (max-width: 420px) {
  div.wrap div.box input[type="text"], div.wrap div.box input[type="email"] {
    width:290px;
  }
  div.wrap div.box div.value, div.wrap div.box div.value.active {
    width:85px !important;
    font-size:12Px !important;
    margin-right:1px !important;
  }
}
@media screen and (max-width: 360px) {
  div.wrap div.box input[type="text"], div.wrap div.box input[type="email"] {
    width:220px !important;
  }
  div.wrap div.box div.value, div.wrap div.box div.value.active {
    width:73px !important;
    font-size:12Px !important;
  }
}
@media screen and (max-width:600px){.textrating {display:none !important}}