@charset "utf-8";
/* CSS Document */

/* Reset */
* {
  margin: 0;
  padding: 0;
}
header,
footer,
aside,
section,
article,
nav {
  display: block;
}
iframe {
  border: none;
}
label {
  cursor: pointer;
}
button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  border: none;
  box-sizing: border-box;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  cursor: pointer;
  box-sizing: content-box;
}
button[disabled],
input[disabled] {
  cursor: default;
}
textarea {
  overflow: auto;
  resize: none;
}
:focus::-webkit-input-placeholder {
  color: transparent !important;
}
:focus::-moz-placeholder {
  color: transparent !important;
}
:focus:-moz-placeholder {
  color: transparent !important;
}
:focus:-ms-input-placeholder {
  color: transparent !important;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
[hidden] {
  display: none;
}
img {
  border: none;
  max-width: 100%;
}
:focus {
  outline: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
ul,
ol {
  list-style: none;
}
ol {
  counter-reset: cnt;
}
ol li:before {
  counter-increment: cnt;
  content: counter(cnt) ". ";
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
div, a {
	-moz-box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}
input, textarea {
	-moz-box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
	box-shadow: none!important;
	resize:none!important;
	margin:0px;
}
@media only screen and (max-device-width: 480px) {
	html,
	body{
		-webkit-text-size-adjust:none;
		text-size-adjust:none;
	}
}

/* Printer */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
  width: 230px;
  border-radius: 0;
  border: none;
  color: #818181;
  padding: 0 10px;
  height: 40px;
  transition: color ease 0.2s, border-color ease 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size:16px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
  border-color: #9dc009;
}
textarea {
  padding-top: 14px;
  height: 150px;
}
input::-webkit-input-placeholder {
  color: #818181;
}
input::-moz-placeholder {
  color: #818181d;
  opacity: 1;
}
input:-moz-placeholder {
  color: #818181;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #818181;
}
textarea::-webkit-input-placeholder {
  color: #818181;
}
textarea::-moz-placeholder {
  color: #818181;
  opacity: 1;
}
textarea:-moz-placeholder {
  color: #818181;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color: #818181;
}

/* Site */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
	color: #46a5e8;
	text-decoration:none;		
}
a:hover {
	text-decoration:underline;
	transition: 0.5s;	
}
body {
	background: #f3f3f4;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color: #231f20;
	min-width:980px;	
}
body.mini-forms {
	min-width:320px;
}
body.mini-forms .arcticmodal-overlay, body.mini-forms .arcticmodal-container {
	position:relative;
}
body.mini-forms .box-modal_close {
	border:none;
}
body.mini-forms .box-modal_close a {
	color: #fff;
}

html,
body {
  width: 100%;
  height: 100%;
}
main,
footer {
  width: 100%;
  vertical-align: bottom;
  max-width:1280px;
  margin:auto;
  background: #fff;
}
main {
	margin-top:-1px;
}

.clear {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	height:0;
}
.w1160 {
	width:100%;
	max-width:1160px;
	margin:auto;
	padding:0 10px 0 10px;
	min-width:980px;
}

/* Header */
header {
	background: #f3f3f4;
	padding:10px 0 10px 0;
	z-index:99;
	position:absolute;
	width:100%;			
}
.logo {
	float:left;
	margin-top: 6px;
}
i.logo-items {
	background:url(../img/build-promo.png) no-repeat;
	display:block;
	width:252px;
	height:77px;			
}
nav {
	float:right;
}
nav ul li {
	float:left;
	text-transform:uppercase;
	text-align:center;
	margin:0 0 0 80px;
}
nav ul li a {
	color: #1ab394;
	font-size:13px;
}
nav ul li a:hover {
	text-decoration:none;
}
nav ul li a:hover i {
	background-position:bottom;
}
nav ul li i {
	display:block;
	width:65px;
	height:65px;
	margin:0 0 5px 0;
}
.fixed-header {
	position: fixed;
	top:0;
	width: 100%; 
	transition: 0.5s;  
}
.fixed-header nav ul li a i {
	display:none;
}
.fixed-header .logo {
	margin-top: 0px;	
}
.fixed-header .logo i {
	background-size:130px;
	height:40px;
}
.fixed-header {
	padding:5px 0 5px 0;
}
.fixed-header nav {
	padding:10px 0 0 0;
}

i.akcii {
	background:url(../img/akcii.png) no-repeat;
}
i.kupony {
	background:url(../img/kupony.png) no-repeat;
}
i.login {
	background:url(../img/login.png) no-repeat;
}
i.vopros {
	background:url(../img/vopros.png) no-repeat;
}
i.logout {
	background:url(../img/log-out.png) no-repeat;
}

/* Content */
.slide-01 {
	min-height:793px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: transparent;
}
main {
	background:none;
}
.top-line {
	background:url(../img/pix.png) repeat;
	padding:15px 0 15px 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
}
a.prof-link {
	float:right;
	color: #fff;
	font-size:16px;
	text-decoration:underline;
}
a.prof-link:hover {
	text-decoration:none;
}
.profile {
	display:inline-block;
	vertical-align:middle;
	background:url(../img/profile.png) no-repeat;
	width:23px;
	height:22px;
	margin-right:10px;
}
main h1 {
	color: #fff;
	text-transform:uppercase;
	font-size:42px;
	padding:35px 0 30px 0;
}
main h2 {
	color: #fff;
	text-transform:uppercase;
	font-size:42px;
	padding:80px 0 80px 0;
}

.logo-promo {
	text-align:center;
	margin:0 0 30px;
	max-height:318px;
	overflow:hidden;
}
.logo-promo img {
	max-width:318px;
}
.priz-item {
	text-align:center;
}
.priz-item li {
	display:inline-block;
	vertical-align:top;
	margin:0 7% 0 7%;
}

.slide-02 {
	min-height:793px;
	background: #1ab394;
	background-image:url(../img/slide2-pattern.png);
	background-repeat:repeat;
}
.list-inf {
	text-align:center;
	color: #fff;
}
.list-inf li {
	display:inline-block;
	vertical-align:top;
	max-width:260px;
	margin:0 5% 0 5%;	
}
.list-inf li p {
	text-align:left;
	font-size:20px;
	line-height:26px;
	padding:40px 0 0 0;
}

.slide-03 {
	height:793px;
	overflow:hidden;
	color: #231f20;	
}
.slide-03 h2 {
	color: #231f20;	
}
.phone-img {
	float:right;
	padding:0 100px 0 0;
	margin-top:1px;
}
.slide-04 {
	min-height:793px;
	background: #deff00;
	background-image:url(../img/slide4-pattern.png);
	background-repeat:repeat;
}
.slide-04 h2 {
	color: #231f20;
}
.slide-04 .list-inf {
	text-align:center;
	color: #231f20;
}

.slide-05 {
	height:793px;
	overflow:hidden;
	color: #1ab394;	
}
.slide-05 h2 {
	color: #1ab394;
	padding-bottom:0px;
	padding-top:240px;	
}
.slide-05 strong {
	font-size:23px;
	text-transform:uppercase;
	font-weight:500;
}
.forms-item {
	padding:40px 0 0 0;
	width:285px;
}
.input {
	width:285px;
	height:50px;
	border:1px solid #1ab394;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:0px 0 0 15px;
	margin:0 0 15px 0;
}
.input.error {
	width:285px;
	height:50px;
	border:1px solid #d32427;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:0px 0 0 15px;
	margin:0 0 15px 0;
}
.input i {
	width:15px;
	height:20px;
	display:inline-block;
	vertical-align:top;
	margin:15px 0 0 0;
}
.ico-log {
	background:url(../img/form-log.png) no-repeat;
}
.ico-pas {
	background:url(../img/form-pas.png) no-repeat;
}
.input input {
	margin:4px 0 0 0;
}
.button {
	background: #1ab394;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:16px;
	color: #fff;
	padding:13px 25px 13px 25px;	
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.button:hover {
	text-decoration:none;
	background: #119c80;
}
.button2 {
	background: #9e9e9e;
}
.button2:hover {
	background: #888686;	
}
.slide-05-text {
	width:285px;
	font-size:20px;
	line-height:26px;
	color: #b0b0b0;
	padding:30px 0 0 0;
}

.slide-06 {
	min-height:793px;
	background: #bae500;
	background-image: url(../images/15.jpg);
	background-repeat:repeat;	
}
.slide-06:before {
	background-image:url(../img/ctk.png);
	background-repeat:repeat;
}
.slide-06 h2 {
	color: #231f20;
	padding-bottom:30px;
}
.forms-item2 {
	float:left;
	width:100%;
}
.form-items {
	float:left;
	min-width:310px;
}
.f-title {
	font-size:16px;
	padding:20px 0 10px 0;
}
.f-title span {
	color: #ff0101;
}
input.input-f2 {
	width:270px;
	border:2px solid #cdfe00;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height:50px;
	padding-left:20px;	
}
.textarea {
	width:520px;
	border:2px solid #cdfe00;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	height:252px;
	padding-left:20px;	
}
.button3 {
	background: #34211b;
	margin:20px 0 0 0;
}
.button3:hover {
	background: #637808;
}
.line {
	background:url(../img/line.png) repeat-x;
	height:20px;
	position:absolute;
	max-width:1280px;
	width:100%;
	margin:-20px 0 0 0;
}
.line2 {
	opacity:0.5;
}
.line3, .line4, .line5, .line6 {
	opacity:0.7;
}

/* Footer */
footer {
	background: #34211b;
	color: #fff;
	padding:10px 0 10px 0;
}
.ctk {
	background:url(../img/ctk.png) no-repeat;
	width:33px;
	height:33px;
	vertical-align:middle;
	display:inline-block;
	margin:0 15px 0 0;
}
footer a {
	color: #fff;
}
.hidden
{
	display: none;
}

footer .w1160 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
} 

@media only screen and (max-width: 1000px) {
	.desktop
	{
		display: none;
	}
}

@media only screen and (min-width: 1000px) {
	.mobile
	{
		display: none;
	}
}


/* Window */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.box-modal {
	position: relative;
	width: 320px;
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height:100px;
}
.box-modal_close {
	color: #fff;
	font-size:12px;
	border:1px solid #fff;
	float:right;
	padding:2px 7px 3px 7px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.box-modal_close:hover {
	opacity:0.7;
}
.fb-title {
	background: #23c6c8;
}
.reg-title {
	background: #1ab394;
	color: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding:15px;
}
.reg-title h2 {
	font-size:18px;
	font-weight:100;
	float: left;
}
.fb-form-item {
	padding:15px;
	color: #646464;
}
.fb-form-item-text {
	font-size:12px;
	color: #747474;
	padding:0 0 10px 0;
}
.fbf-title {
	font-size:14px;
	padding:0 0 7px 0;
}
.fbf-title span {
	color: #ff0000;
	margin:0 0 0 5px;
}
.fb-form-item input.fb-input {
	border:1px solid #bbbbbb;
	width:100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:0 0 10px 0;
	font-size:14px;	
}
.fb-form-item input.fb-input[type="text"]:focus,
.fb-form-item input.fb-input[type="email"]:focus,
.fb-form-item input.fb-input[type="password"]:focus,
.fb-form-item input.fb-input[type="search"]:focus,
.fb-form-item input.fb-input[type="tel"]:focus,
.fb-form-item input.fb-input[type="url"]:focus,
textarea:focus {
  border-color: #077d65;
}
.fb-form-item .button {
	width:100%;
	text-align:center;
}

#form_new_user .error,
#question .error
{
	border-color: #d32427;
}


@media only screen and (max-width: 1200px) {
	.priz-item li {
		margin:0 5% 0 5%;
	}
	.list-inf li {
		margin:0 5% 0 5%;	
		max-width:215px;
	}
	.list-inf li p {
		font-size:18px;
		line-height:24px;	
	}	
	.form-items {
		min-width:290px;
	}	
	input.input-f2 {
		width:250px;
	}
	.textarea {
		width:450px;
	}
}
@media only screen and (max-width: 1150px) {
	.textarea {
		width:370px;
	}
}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){
	i.akcii {
		background:url(../img/2x/akcii.png) no-repeat;
		background-size:65px;
	}
	i.kupony {
		background:url(../img/2x/kupony.png) no-repeat;
		background-size:65px;
	}
	i.login {
		background:url(../img/2x/login.png) no-repeat;
		background-size:65px;
	}
	i.vopros {
		background:url(../img/2x/vopros.png) no-repeat;
		background-size:65px;
	}
	i.logout {
		background:url(../img/2x/log-out.png) no-repeat;
		background-size:65px;		
	}
	i.logo-items {
		background:url(../img/2x/build-promo.png) no-repeat;
		background-size:252px;		
	}
	.ctk {
		background:url(../img/2x/ctk.png) no-repeat;
		background-size:33px;
	}
    
}