html, body {
position: relative;
height: 100%;
padding: 0;
margin: 0;
font-family: 'Open Sans', sans-serif;
line-height: 1.7;
font-size: 18px;
background: #fff;
}

.about-card {
	margin: 0 auto 100px;
	max-width: 863px;
	text-align: left;
}

.news {
	position: fixed;
	right: -15px;
	bottom: -15px;
	background: #FFC127;
	width: 400px;
	text-align: center;
	box-shadow: 0 0 5px;
	font-weight: lighter;
	text-shadow: 0 0 1px #666;
	border-radius: 15px;
	height: 90px;
}

.news .info {
	margin-top: 7px;
}

.news .info-image {
	background-image: url(/img/info.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	background-size: 100%;
	position: absolute;
	left: 5px;
	top: 5px;
}

/*.title span,
.title-small,
.head1 span {
	word-spacing: -20px;
}*/ 

/*.slogan-bg {
	word-spacing: -15px;
}*/ 

.button-submit {
	background-size: 100%;
	width: 182px;
	height: 100px;
	border: none;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	background-position: 0 50%;
	margin-right: 50px;
}

.card-text {
	width: 360px;display: inline-block; vertical-align: top; padding-top: 32px; text-align: left; font-size: 24px; line-height: 1.4;
}

.payment-method-txt {
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
}

.txt-center {
	text-align: center;
}

.pageOrder a {
	color: inherit;
}

.pageOrder {
	font-size: 18px;
} 

.pay-link {
	text-decoration: none;
}

.payment-option {
	text-align: center;
}

.payment-option.przelewy24 {
	margin-bottom: 40px;
}

.payment-option img {
	height: 38px;
}

.payment-option .paypal {
	margin-right: 20px;
}


.platform-info {
	margin-left: calc(50% - 678px)
}

.platform-info .item img {
	max-height: 50px;
}

.payment-option .description {
	margin-top: 10px;
}

.payment-option .description p {
	line-height: 1.4em;
	margin: 0;	
}

.payment-option .description .min {
	font-size: 15px;
	font-weight: lighter;
}

.platform-info .item {
	float: left;
	margin-right: 50px;
}
.platform-info .img-info {
	float: left;
	position: relative;
	top: -19px;
	left: -15px;
}


.platform-info .txt {
	float: left;
	position: relative;
	top:10px;
	margin-right: 10px;
}


.page4 .content{
	padding-left: unset;
	padding-right: unset;
}

.promo-video {
	position: relative;
	margin-top: 25px;
}

.menu-wrapper {
	position: fixed;
	background: #fff;
	height: 85px;
	width: 100%;
	z-index: 10;
	box-shadow: 0 0 3px #982203;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce310a+0,982203+100 */
	background: #ce310a; /* Old browsers */
	background: -moz-linear-gradient(top, #ce310a 0%, #982203 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ce310a 0%,#982203 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ce310a 0%,#982203 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce310a', endColorstr='#982203',GradientType=0 ); /* IE6-9 */
	
}



.promo-button {
	width: 456px;
	text-align: center;
    //position: absolute;
    //left: calc(50% + 101px);
    //top: 27%;
    text-shadow: 0 0 1px;
    cursor: pointer;
    float: left;
    margin-top: 96px;
    margin-left: 5%;
}

.gift-card {
	border: 4px solid #FFCC4F;
	width: 332px;
	float: left;
	border-radius: 5px;
	margin-right: 60px;
	box-shadow: 0 0 5px #FFCC4F;
	background: #fff;
}

.gift-card .price {
	font-weight: lighter;
	font-size: 18px;
}

.gift-card.gold-plan {
	margin-right: 0px;
}

.tlt {
	text-decoration: line-through;
}

.gift-card .plan-title {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc127+0,ffcc4f+100 */
	background: #ffc127; /* Old browsers */
	background: -moz-linear-gradient(top, #ffc127 0%, #ffcc4f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffc127 0%,#ffcc4f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffc127 0%,#ffcc4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc127', endColorstr='#ffcc4f',GradientType=0 ); /* IE6-9 */
	font-size: 30px;
	font-weight: lighter;
	text-shadow: 0 0 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bold;
}


.gift-card.silver-plan .plan-title {
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#596a72+0,cedce7+98 */
background: #596a72; /* Old browsers */
background: -moz-linear-gradient(top, #959595 0%, #C0C0C0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #959595 0%,#C0C0C0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #959595 0%,#C0C0C0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#C0C0C0',GradientType=0 ); /* IE6-9 */
	
}


.gift-card input[type=submit] {
	background-color: #FFC127;
	width: 250px;
	height: 66px;
	font-size: 26px;
	margin: 0 auto;
	border-radius: 5px;
	display: block;
	font-weight: lighter;
	text-shadow: 0 0 1px;
	cursor: pointer;
	color: #000;
	box-shadow: 0 0 5px #FFCC4F;
	padding-left: 37px;
	background-image: url(/img/gift-icon.png);
	background-repeat: no-repeat;
	background-position: 23px 6px;
	border: 3px solid #FFCC4F;
	box-sizing: border-box;
}


.gift-card.silver-plan input[type=submit] {
	background-color: #959595;
	border-color: #C0C0C0;
	box-shadow: 0 0 5px #c0c0c0;
}

.gift-card.silver-plan {
	border-color: #959595;
	box-shadow: 0 0 5px #C0C0C0;
}


.page4 form {
	margin-left: calc(50% - 377px);
	//margin-top: 50px;
}

.gift-card .plan-title p {
	margin: 0;
}

.gift-card .info {
	padding: 20px;
	text-align: left;
	color: #666;
	font-weight: lighter;
	text-shadow: 0 0 1px;
	padding-left: 40px;
}

.gift-card .buy {
	padding: 20px;
	padding-top:0px;
	position: relative;
}

.gift-card .buy img {
	position: absolute;
	top: 12px;
	left: 23px;
}





.gift-card .plan-title {
	text-align: center;
}

.promo-button .animated-arrow {
	margin-top: -30px;
}

.flt-l {
	float: left;
}
.flt-r {
	float: right;
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.footer {
	width: 100%;
	background: #444444;
	height: 100px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.footer .info {
	padding-top: 40px;
		text-shadow: 0 0 40px;
}

.footer .info a {
	color: inherit;
}

.page1 .flt-l {
	width: 50%;
}

.page1 .flt-r {
	width: 50%;
}

.page1-wrapper {
	margin-top: 10%;
}

.menu {
	padding: 0 10%;
	margin: 0 auto;
}

.menu ul {
	list-style-type: none;
	float: right;
	margin-top: 23px;
	padding-left: 0px;
}

.menu ul li {
	float: left;
	margin-left: 40px;
	text-transform: uppercase;
}

.menu ul li a {
	font-weight: bold;
	color: #fff;
	font-size: 26px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	text-shadow: 0 0 2px #000;
}

.menu ul li a:hover {
	text-shadow: 0 0 1px #fff;
	transition: all 0.2s ease-in-out;
}

.buy-button {
	border: 2px solid #fff;
	padding-left: 50px;
	padding-right: 50px;
	box-shadow: 0 0 2px #000;
	padding-top: 5px;
	padding-bottom: 5px;
}


.buy-button:hover {
	background: #fff;
	border-color: #000;
	color: #000;
}

.menu .logo {
	background: url(/img/logo.png) no-repeat;
	width: 240px;
	height: 88px;
	float: left;
	margin-left: -17px;
	cursor: pointer;
	background-size: 100%;
}


h1 {
    font-family: 'Raleway', sans-serif;
    color: #60646a;
    font-weight: 400;
    font-size: 52px;
    text-align: center;
    text-shadow: 0 0 1px;
}
.page {
height: 100%;
position: relative;
overflow: hidden;
}
.sr {
font-weight: bold;
}
.page-resize {
height: 100%;
position: relative;
}
.page-rel-max {
height: 100%;
position: relative;
}
.page1 {
background: url(/img/home-layer-logo.jpg) no-repeat 0 0 #444;
background-attachment: fixed;
background-size: cover;

}
.page1:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 104px 104px 0 104px;
border-color: #ffc227 transparent transparent transparent;
position: absolute;
right: 10%;
top: 85px;
}
.page1 .bottom-arrow {
position: absolute;
bottom: 0;
right: 10%;
}
.page1 .bottom-arrow:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 104px 0 0 104px;
border-color: transparent transparent transparent #ffc227;
position: absolute;
bottom: 0;
right: 104px;
}
.page1 .bottom-arrow:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 104px 104px;
border-color: transparent transparent #ffc227 transparent;
position: absolute;
bottom: 0;
right: 0;
}
.page2 {
background-attachment: fixed;
background-size: cover;
}
.page3 {
background: url(/img/logo-szyld-bl.jpg) no-repeat 0 0 #444;
background-attachment: fixed;
background-size: cover;
}
.page5 {
//background: url(/img-landing/logo-szyld-3-szary.jpg) no-repeat 0 0 #444;
//background-attachment: fixed;
//background-size: cover;
}
.page7 {
background: url(/img-landing/szyld-kadr-plane.jpg) no-repeat 0 0 #444;
background-attachment: fixed;
background-size: cover;
}
.fl1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/img-landing/hand.png) no-repeat 0 0 transparent;
}
.page-container {
width: 100%;
//font-size: 50px;
font-family: 'Raleway', sans-serif;
color: #fff;
}

.page-container .title-small, .promo-button {
	font-size: 50px;
}

.page-container iframe {	
	float: left;
}

.page-content {
padding: 0 10%;
}
.title span {
font-size: 80px;
background: #ffc127;
font-weight: 400;
padding: 0 10px;
color: #000;
text-shadow: 0 0 1px;
}
.title-small span {
background: #ffc127;
padding: 0 10px;
color: #000;
text-shadow: 0 0 1px;
}
.content {
padding-top: 40px;
padding-left: 10%;
padding-right: 10%;
}
h2 {
font-size: 50px;
font-family: 'Raleway', sans-serif;
font-weight: 400;
text-align: center;
text-shadow: 0 0 1px;
}
.r {
text-align: justify;
}
.c2 {
display: inline-block;
width: 44%;
vertical-align: top;
}
.content {
font-size: 18px;
}
.form-contact {
margin: 0 auto;
max-width: 400px;
}

.form-contact .error {
	position: relative;
	top:-9px;
}

.form-contact .error p {
	color: red;
	font-size: 14px;
	margin: 0;
}

.form-contact input {
width: 100%;
box-sizing: border-box;
border: 3px solid #ffc127;
padding: 15px;
font-size: 21px;
font-family: Segoe UI,Arial,sans-serif;
margin-bottom: 10px;
background: #fff;
}
.text-line {
display: inline-block;
}
.form-contact .btn-submit {
border: 0;
background: #ffc127;
color: #000;
font-size: 30px;
width: 100%;
padding: 10px 0;
text-align: center;
cursor: pointer;
}
.small {
font-size: 14px;
font-weight: 200;
}
.slogan {
font-size: 30px;
margin: 0;
color: #bbb;
}
.slogan-bg {
font-size: 20px;
margin: 0;
color: #bbb;
margin: 30px 0;
}
.slogan-bg span {
background: #ffc127;
color: #000;
padding: 10px;
}
.ov-box-info {
color: #ddd; line-height: 1.2; margin-bottom: 20px; font-size: 20px; overflow: hidden;
}
.ov-box {
/*padding: 10px;
background: #61686d;
border: 1px solid #848a8e;*/
margin-bottom: 50px;
}
.ov-box-l {
float: left;
width: 38%;
color: #ffc127;
text-align: right;
position: relative;
padding-bottom: 1px;
text-shadow: 0 0 7px rgba(0,0,0,0.4);
}
.ov-box-r {
float: left;
width: 62%;
perspective: 1000px;    
}
.ov-box-r .ios-info {
	margin-left: 5px;
	font-size: 16px;
	margin-top: 3px;
	text-align: left;
}
.ov-box-lid {
font-size: 40px;
font-weight: bold;
display: block;
margin-right: 5px;
line-height: 1;
}
.ov-box-header {
font-weight: bold;
font-size: 88px;
display: block;
margin-right: 5px;
line-height: 1;
}
.ov-line {
background: #ffc127;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.ov-box-l-over {
overflow: hidden;
padding-bottom: 5px;
position: relative;
}
.ov-box-l-stat {
position: relative;
top: 0;
left: 0;
width: 205px;
}
.ov-box-text {
margin-left: 5px;
font-size: 28px;
background: #ffc127;
color: #000;
padding: 10px;
text-align: left;
}
.r-box-sm {
text-align: justify;
}
.box-sm {
max-width: 594px;
display: inline-block;
vertical-align: top;
margin-bottom: 50px;
}
.box-sm-just {
width: 100%;
display: inline-block;
}
.invert-color {
color: #fff;
}
.head1 {
font-size: 80px;
}
.head1 span {
border: 3px solid #ffc127;
color: #000;
background: #ffc127;
padding: 10px;
}
.text-center {
text-align: center;
}
.content-bottom {
padding-bottom: 100px;
}
.box-form {
margin: 0 auto;
max-width: 700px;
}
.page4 {
background: url(/img/api-cda-contact.jpg) no-repeat center bottom;
background-attachment: fixed;
background-size: cover;
}

.clear {
	clear: both;
}

/*.bg-page4 {
background: url(/img-landing/api-cda-contact-white.png) no-repeat center bottom transparent;
background-size: cover;
}*/
.box-center {
//max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.header-box span {
background: #ffc127;
color: #000;
padding: 10px;
}
.box-md {
margin: 0 auto;
max-width: 942px;
padding: 0px 0 36px;
background: #fff;
padding: 50px;
}                                   
.box-md2 {
margin: 0 auto;
max-width: 970px;
background: #fff;
padding: 1px 0 40px;
}
.box-md3 {
margin: 0 auto;
max-width: 970px;
padding: 70px 0 61px 0;
border-bottom: 4px solid #444;
/*height: 100%;*/
background: rgba(255,255,255,0.97);
}

.btn {
border: 0;
background: #ffc127;
color: #000;
font-size: 20px;
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.btn-mrg {
margin: 5px;
width: 270px;
}
.text-right {
text-align: right;
}
.cont {
padding: 1px 70px;
}
.logo-cw-media {
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0 30px 40px;
}
.logo-dom-maklerski {
text-align: center;
display: inline-block;
vertical-align: top;
margin: 0 30px 40px;
}
.logo-doradca {
text-align: center;
display: inline-block;
vertical-align: top;
margin: 0 30px 40px;
}
.logo-cw-media img,
.logo-dom-maklerski img,
.logo-doradca img {
width: 137px;
display: block;
margin: 0 auto;
}
.logo-doradca img {
width: 170px;
margin-top: 15px;
}
.fixpage {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.formstyled input {
width: 100%;
margin: 5px auto;
display: block;
box-sizing: border-box;
border: 3px solid #ffc127;
padding: 10px;
font-size: 19px;
font-family: Segoe UI,Arial,sans-serif;
margin-bottom: 10px;
background: #fff;
}
.formstyled p {
max-width:500px;
margin-left: auto;
margin-right: auto;
}
.formstyled p.tresc {
max-width: none;
}
.formstyled input[type='checkbox'] {
display: inline;
width: auto;
}
.formstyled .przycisk {
border: 0;
background: #ffc127;
color: #000;
font-size: 30px;
width: 100%;
padding: 10px 0;
text-align: center;
cursor: pointer;
}
.font-x-small {
font-size: 14px;
margin-top: 20px;
font-style: italic;
}
.text-md {
font-size: 16px;
}

.page5 {
	height: unset;
	margin-bottom: 50px;
}


ul.faq {
	padding-left:0px;
	list-style: none;
	margin-left: 16px;	
}

ul.faq li.q {
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	line-height: 1.6em;
	position: relative;
	margin-bottom: 7px;
	margin-top:7px;
}

ul.faq li.q img {
	margin-right: 8px;
	width: 10px;
	position: absolute;
	top: 15px;
	left: -18px;
	transition: all 0.3s ease-in-out;
}

ul.faq li.q img.rotate {
	transform: rotate(180deg);
	transition: all 0.3s ease-in-out;
}

ul.faq li.a {
	display: none;
	padding-left: 20px;
	font-weight: lighter;
}

ul.faq li.a p {
	line-height: 1.6em;
	margin: 0;
}

ul.faq li.a p a {
	text-decoration: underline;
	color: inherit;
}

.pageOrder form {
	margin-left: 0px;
	margin: 0 auto;
}

.pageOrder {
	padding-top: 30px;
}

.pageOrder .choice-txt {
	text-align: left;
	margin-bottom: 0px;
	font-size: 22px;
}

.pageOrder {

}
.itemslogo .item {
display: inline;
margin-bottom: 25px;
}
@media (max-width: 1500px) {
  .itemslogo .item {
  display: inline-block;
  }  
}
.itemslogo .item img {
vertical-align: middle;
margin-right: 30px;
margin-left: 10px;
display: none;
}
.itemslogo .item span {
vertical-align: middle;
margin-right: 30px;
margin-left: 10px;
}
.itemslogo .item .txt {
margin-right: 0;
}
.itemslogo .txt {
vertical-align: middle;
}
.line-together {
white-space: nowrap;
}
.img-ogladaj {
background: url(/img/ogladaj-sm.png) no-repeat 0 0 transparent;
display: inline-block;
width: 183px;
height: 92px;
}
.img-devices {
background: url(/img/sm/devices.png) no-repeat 0 0 transparent;
width: 277px;
height: 52px;
display: inline-block;
}
.img-android {
background: url(/img/sm/android.png) no-repeat 0 0 transparent;
width: 188px;
height: 56px;
display: inline-block;
}
.img-androidtv {
background: url(/img/sm/logo-android-tv.png) no-repeat 0 0 transparent;
width: 149px;
height: 26px;
display: inline-block;
background-size: 100%;
}  
.img-chromecast {
background: url(/img/sm/chromecast.png) no-repeat 0 0 transparent;
width: 167px;
height: 35px;
display: inline-block;
} 
.img-ios {
background: url(/img/sm/ios.png) no-repeat 0 0 transparent;
width: 79px;
height: 38px;
display: inline-block;
}

.img-jvc {
background: url(/img/sm/logo-jvc.png) no-repeat 0 0 transparent;
width: 75px;
height: 29px;
display: inline-block;
}

.img-lg {
background: url(/img/sm/logo-lg.png) no-repeat 0 0 transparent;
width: 80px;
height: 35px;
display: inline-block;
}

.img-philips {
background: url(/img/sm/logo-philips.png) no-repeat 0 0 transparent;
width: 130px;
height: 24px;
display: inline-block;
}

.img-toshiba {
background: url(/img/sm/logo-toshiba.png) no-repeat 0 0 transparent;
width: 150px;
height: 23px;
display: inline-block;
}

.img-xbox-one {
background: url(/img/sm/logo-xbox-one.png) no-repeat 0 0 transparent;
width: 148px;
height: 29px;
display: inline-block;
}

.breaker-20 {
	height: 20px;
}

.half img {
width: 430px;
max-width: 100%;
}
@media (max-width: 1000px) {
.img-devices {
background-image: url(/img/devices.png);
background-size: 277px 52px;
width: 277px;
height: 52px;
}
.img-android {
background-image: url(/img/android.png);
background-size: 188px 56px;
width: 188px;
height: 56px;
display: inline-block;
} 
.img-chromecast {
background-image: url(/img/chromecast.png);
background-size: 167px 35px;
width: 167px;
height: 35px;
display: inline-block;
} 
.img-ios {
background-image: url(/img/ios.png);
background-size: 79px 38px;
width: 79px;
height: 38px;
display: inline-block;
}
}
.half {
display: inline-block; width: 50%;vertical-align: top;
}
@media(max-width: 1000px) {
.half {
display: block;
width: auto;
}
.half img {
width: 100%;
max-width: 400px;
}
.slogan-bg span {
padding: 7px 0;
box-shadow: 7px 0 0px 0px #ffc127, -7px 0 0px 0px #ffc127;
}
.title span,
.title-small span,
.head1 span {
padding-left: 0;
padding-right: 0;
box-shadow: 7px 0 0px 0px #ffc127, -7px 0 0px 0px #ffc127;
}
}
.c4 {
width: 25%;
display: inline-block;
vertical-align: top;
}
.c8 {
width: 70%;
display: inline-block;
}
.c4 img {width: 100%;}