@charset "utf-8";
@font-face {
	font-family: 'Euclid Circular A Regular';
	font-style: normal;
	font-weight: 400;
	src: url('https://brief.answear.com/font/Euclid Circular A Regular.woff') format('woff')
}
@font-face {
	font-family: 'Euclid Circular A Bold';
	font-style: normal;
	font-weight: 400;
	src: url('https://brief.answear.com/font/Euclid Circular A Bold.woff') format('woff')
}
@font-face {
	font-family: 'Euclid Circular A SemiBold';
	font-style: normal;
	font-weight: 400;
	src: url('https://brief.answear.com/font/Euclid Circular A SemiBold.woff') format('woff')
}
@font-face {
	font-family: 'Euclid Circular A Light';
	font-style: normal;
	font-weight: 400;
	src: url('https://brief.answear.com/font/Euclid Circular A Light.woff') format('woff')
}
@font-face {
	font-family: 'Euclid Circular A Medium';
	font-style: normal;
	font-weight: 400;
	src: url('https://brief.answear.com/font/Euclid Circular A Medium.woff') format('woff')
}
body {
	background-color: #fbfbfb;
	padding: 0;
	margin: 0
}
.desktop {
	display: inherit;	
}
.mobile {
	display: none;	
}
#wrapper {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	max-width: 1920px;
	overflow: hidden;
	background-color: #fbfbfb
}
.width1920 {
width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  float: left;
  background-image: url(images/bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #afaa86;
}
.top {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: inline-block;
}

.odstep90 {
	margin-top: 90px !important;
}

.top img {
	width: 100%;
	max-width: 1000px;
	height: auto
}
.box {
width: calc(100% - 288px);
  max-width: 712px;
  margin: 0 auto 80px;
  display: inline-block;
  background-color: #fff;
  padding: 70px 144px 100px;
}
.box h1 {
	font-family: Euclid Circular A Bold, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 48.7px;
	line-height: normal;
	color: #232323;
	width: 100%;
	margin: 0 auto 0;
	text-align: left;
}
.box h1 strong {
	font-family: Euclid Circular A Bold, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 48.7px;
	line-height: normal;
	color: #de6f1f;
}
.whitebox {
width: calc(100% - 70px);
  max-width: 642px;
  margin: 70px auto 70px;
  display: inline-block;
  background-color: #eeeee5;
  padding: 35px;	
}
.whitebox p {
	font-family: Euclid Circular A Regular, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: normal;
	color: #232323;
	width: 100%;
	margin: 0 auto 0;
	text-align: left;
}

.formularz {
	font-family: Euclid Circular A Regular, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 33px;
	color: #232323;
	width: 100%;
	margin: 0 auto 0;
	text-align: left;
}
.form-group {
  margin: 0 auto 50px;
}
.formularz h2 {
font-family: Euclid Circular A Bold, sans-serif;
  font-size: 34px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
}
.formularz h3 {
font-size: 18px;
  color: #de6f1f;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  margin: 0 auto 65px;
}
.form-brandname > label {
	font-family: Euclid Circular A Bold, sans-serif;
  font-size: 34px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
}
#brandname {
  font-family: Euclid Circular A Regular, sans-serif;
  font-size: 32px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  border: none;
  border-bottom: 1px solid #9f9f99;
  padding: 0 10px 0;
  margin: 0 auto 0 40px;
  width: auto;	
}
#OtherInterests {
  font-family: Euclid Circular A Regular, sans-serif;
  font-size: 18px;
  line-height: 33px;
  font-weight: 400;
  font-style: normal;
  border: none;
border-bottom: 1px solid #9f9f99;
  padding: 0 10px 0;
  margin: 0 auto 0 1px;
  width: calc(100% - 106px);
}
.formularz {
  font-family: Euclid Circular A Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 33px;
  color: #232323;
  text-align: left;
}
input[type="text"]:focus {
    outline: 1px solid #9f9f99; /* Wybierz dowolny kolor obramowania */
}
.form-group p {
color: #8d8d88;
  line-height: normal;
}
.form-group > label > strong {
font-family: Euclid Circular A Bold, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;	
}
.orange {
  color: #de6f1f;	
}
.spacer {
 margin-bottom: 25px;	
}
select {
font-family: Euclid Circular A Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 33px;
  color: #9f9f99;
  text-align: left;
  width: 185px;
  background-color: #fff;
  border: 1px solid #9f9f99;
  padding: 0 12px;
  height: 33px;
}
select > option {
  color: #232323;
}
select > option:nth-child(1) {
  color: #9f9f99;
}
#specific_date {
font-family: Euclid Circular A Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 33px;
  color: #9f9f99;
  text-align: left;
  width: 160px;
  background-color: #fff;
  border: 1px solid #9f9f99;
  padding: 0 12px;
  height: 33px;
}
textarea {
font-family: Euclid Circular A Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 33px;
  color: #9f9f99;
  text-align: left;
  width: 450px;
  background-color: #fff;
  border: 1px solid #9f9f99;
  padding: 0 12px;
  height: 158px;
}
textarea:focus {
    outline: 1px solid #9f9f99; /* Wybierz dowolny kolor obramowania */
}

.box h2 {
  font-family: Euclid Circular A Bold, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 33px;
  color: #232323;
  text-align: left;
}
.box p {
  font-family: Euclid Circular A Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: normal;
  color: #232323;
  text-align: left;
}
.box p strong {
  font-family: Euclid Circular A Bold, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
  color: #232323;
  text-align: left;
}
.download {
background-color: #de6f1f;
  float: left;
  width: 299px;
  height: 35px;
  font-family: Euclid Circular A Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: normal;
  color: #fff;
  text-align: left;
  text-decoration: none;
  padding: 10px 0px 0 21px;
  margin: 20px auto 0 0;
  background-image: url(images/button.png);
  background-repeat: no-repeat;
  background-position: 297px 15px;
}
input[type="submit"] {
background-color: #de6f1f;
  width: 320px;
  height: 45px;
  font-family: Euclid Circular A Bold, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px 0px 10px 0;
  margin: 110px auto 0 0;
  border: 0;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
    background-image: url(images/button.png);
  background-repeat: no-repeat;
  background-position: 297px 15px;
}
input[type="submit"]:hover {
background-color: #232323;
}
.logo {
margin: 15px auto 95px;
  display: block;
}

@media (max-width:1700px) {
.kampania .lewa h2 {
  font-family: NibPro-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  color: #ab8cff;
  width: 60%;
  max-width: 680px;
  line-height: normal;
  margin: -60px 0 0 14.1%;
}
.kampania .lewa h2 strong {
  font-family: NibPro-BoldItalic;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  color: #ab8cff;
  line-height: normal;
}	
}

@media (max-width:1600px) {
.width1522 {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto
}

}
@media (max-width:1500px) {
.kampania .lewa h2 {
  font-family: NibPro-Regular;
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  color: #ab8cff;
  width: 60%;
  max-width: 680px;
  line-height: normal;
  margin: -60px 0 0 14.1%;
}
.kampania .lewa h2 strong {
  font-family: NibPro-BoldItalic;
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  color: #ab8cff;
  line-height: normal;
}	
}

@media (max-width:1310px) {
.width1522 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto
}
}
@media (max-width:800px) {
	
.desktop {
	display: none;	
}
.mobile {
	display: inherit;	
}
.header .prm_top img {
	margin-left: auto;
	margin-top: auto
}
#wrapper {
width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    max-width: 420px;
    overflow: hidden;
}
.top {
  width: calc(100% - 20px);
  max-width: 1000px;
  margin: 0 auto;
  display: inline-block;
}
.logo {
margin: 15px auto 95px;
  display: block;
}
.header {
width: 100%;
    margin: 0 auto 0;
    text-align: center;
    max-width: 420px;
    height: auto;
}
.header .prm_top {
	width: 100%;
	max-width: 320px;
	text-align: center;
	margin: 0 auto;
	padding-top: 22px
}
.width1920 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  float: left;
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #afaa86;
  background-size: contain;
}
.box {
  width: calc(100% - 60px);
  max-width: 712px;
  margin: 0 auto 80px;
  display: inline-block;
  background-color: #fff;
  padding: 20px 20px 100px;
}
#brandname {
  font-family: Euclid Circular A Regular, sans-serif;
  font-size: 32px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 1px solid #9f9f99;
  padding: 0 10px 0;
  margin: 0 auto 0 auto;
  width: calc(100% - 20px);
}
textarea {
  font-family: Euclid Circular A Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 33px;
  color: #9f9f99;
  text-align: left;
  width: calc(100% - 30px);
  background-color: #fff;
  border: 1px solid #9f9f99;
  padding: 0 12px;
  height: 158px;
}
.box h1 {
  font-size: 28.7px;
}
.box h1 strong {
  font-size: 28.7px;
}
}