@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900');
* {
  font-family: 'Nunito', sans-serif !important;
}
.toLow {
  text-transform: lowercase!important;
}






.btn4 {	
    -webkit-border-radius: 30;
    -moz-border-radius: 30;
    border-radius: 30px;
    font-family: 'Nunito', sans-serif;
    color: #fff;
    font-size: 18px;
    background: none;
    padding: 10px 50px 10px 50px;
    border: solid #fff 1px;
    text-decoration: none;
    
    width:300px;
  }
  
  .btn4:hover {
  
    text-decoration: none;
    background: #fff;
    border: solid #fff 1px;
    color: #000;
  }














body {
	font-family: 'Lato', sans-serif;
	color: #000;
	overflow-x: hidden;
	position: relative;
	min-height: 100vh;
	background: #fff;
}
body.white {
	background: #fff;
}
html {overflow-x: hidden; }
a {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #378ce2;
	outline: 0;
	text-decoration: underline;
}
a:hover, a:focus, a:active {color: #000;}

.navbar-brand-lenovo {
	height: auto;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999999999999999999;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
#top-lenovo {
	background-color: #333c46;
	background-image: url(../images/tlo.jpg);
	background-repeat:  no-repeat;
	background-position:  top right;
	background-size: 100%;
	position: relative;
	height: 750px;
	max-height: 100vh;
}
#top-lenovo::after {
	content: "";
	width: 100%;
	left: 0;
	height: 220px;
	bottom: 0;
	background-color: #378ce2;
	z-index: 1;
	position: absolute;
}
#x_logo {
	position: absolute;
	top: 50px;
	left: 120px;
	z-index: 2;
}
#thinkpad_logo {
	position: absolute;
	top: 50px;
	right: 120px;
	z-index: 2;
}
#top-lenovo-header {
	position: absolute;
	top: 150px;
	left: 120px;
	text-align: left;
	z-index: 3;
}
#top-lenovo-header h1 {
	font-size: 60px;
	margin: 0 0 20px 0;
	font-weight: 300;
	color: #fff;
	
}
#top-lenovo-header h3 {
	font-size: 30px;
	font-weight: 500;
	margin: 0;
	color: #fff;
}
#top-lenovo-header h3 strong {
	font-weight: 500;
}
#top-lenovo-header .fill-form,
.lenovo-btn {
	margin-top: 20px;
	 -webkit-border-radius: 30;
    -moz-border-radius: 30;
    border-radius: 30px;
    font-family: 'Nunito', sans-serif;
    color: #fff;
    font-size: 18px;
    background: none;
    padding: 10px 30px 10px 30px;
    border: solid #fff 1px;
    text-decoration: none;
    
    width:300px;
}
#top-lenovo-header .fill-form:hover,
#top-lenovo-header .fill-form:focus,
.lenovo-btn:hover,
.lenovo-btn:focus {
	color:  #378ce2;
	text-decoration: none;
	background-color: #fff;
}
#intelLogo {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 2;
}
#packshotlenovo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8%;
	z-index: 2;
}
#stepslenovo {
	background: #dfdfdf;
	position: relative;
	padding: 100px 0;
	z-index: 9;
}

#stepslenovo h2 {
	text-align: center;
	color: #000;
	margin: 0;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: 75px;
	padding: 0 15px;
}
#stepslenovo article header img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 2;
}
#stepslenovo article figcaption {
	color: #000;
	font-size: 20px;
	display: block;
	margin: 40px auto 20px;
	position: relative;
	font-weight: 300;
	height: 250px;
	width: 280px;
	max-width: 100%;
	text-align: center;
}
#stepslenovo article figcaption a {
    font-size: 20px;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    bottom: 5px;
    color: #378ce2;
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
    text-align: center;
    font-weight: 400;
}
#stepslenovo article figcaption a:hover {
	color: #000;
}
.extra-que {margin-top: 100px; font-size: 20px; text-align: center;}
.extra-que a {
	color: #378ce2;
	text-decoration: none;
}
.extra-que a:hover {
	text-decoration: underline;
}

#giftlenovo,
#thinkpad,
#productslenovo {
	background: #fff;
	position: relative;
	padding: 125px 0 0;
	color: #000;
}


#giftlenovo h2,
#thinkpad h2,
#productslenovo h2 {
	text-align: center;
	color: #000;
	margin: 0 0 75px;
	font-size: 50px;
	font-weight: 300;
	padding: 0 15px;
}

#giftlenovo .row {
	display: flex;
	align-items: stretch;
}

#giftlenovo-desc {
	background: #333c46;
	color: #fff;
	align-items: center;
	display: flex;
}
#productslenovo-2 article img {margin: 0 auto;}
#giftlenovo-desc-content {
	padding: 15px 100px;
}

#giftlenovo-desc-content p {
	font-size: 20px;
	margin: 0;
	font-weight: 300;
}

#giftlenovo-desc-content h3 {
font-size: 30px;
margin: 30px 0;
font-weight: 300;
}

#giftlenovo-desc-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#giftlenovo-desc-content ul li {
	font-size: 20px;
	font-weight: 300;
}
.lenovoToShow {
	display: none;
}
.lenovoHalfContent {
	position: relative;
	float: left;
	width: 100%;
}
.lenovoHalfContent > div {
	float: left;
}
.lenovoHalf {
	width: 50%;
}
.lenovoIMG img {
	width: 100%;
}
.lenovoIMGBG {
	background-size: cover;
}
.lenovoText {
	position: absolute;
	height: 100%;
}
.lenovoTextWrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 15px 100px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.lenovoRight {
	margin-left: 50%;
}
.lenovoFullBG {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	height: 700px;
	float: left;
	width: 100%;
	position: relative;
}
.lenovoFullBG .lenovoHalf {
	max-width: 750px;
}

.lenovoSectionMark {
	position: absolute;
	top: 30px;
	right: 30px;
}
.lenovoTextSection {
	padding: 80px;
	float: left;
	width: 100%;
}

.lenovoListing {
	list-style: none;
}
.lenovoListing2 {
	float: left;
	width: 50%;
}
.lenovoListing li {
	display: block;
	float: left;
	margin-bottom: 50px;
	width: 100%;
}
.lenovoListing li:last-of-type {
	margin-bottom: 0;
}
.lenovoListing2:first-of-type {
	padding: 0 50px 0 0;
}
.lenovoListing2:last-of-type {
	padding: 0 0 0 50px;
}
.lenovoListing3 li {
	width: 33.3333%;
}
.lenovoListing3 li:nth-of-type(3n+1) {
	clear: left;
}
.lenovoListing3 li:nth-last-child(-n+3) {
	margin-bottom: 0;
}
 .lenovoListing li img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 20px;
}
 .lenovoListing li .lenovoListItemDesc {
	float: left;
	width: calc(100% - 70px);
}
 .lenovoListing3 li .lenovoListItemDesc {
	max-width: 400px;
	width: calc(100% - 70px);
	color: #fff;
}
.lenovoListing li .lenovoListItemDesc h3 {
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 20px;
}
.lenovoListing li .lenovoListItemDesc p {
	font-size: 20px;
	font-weight: 300;
}

 .lenovoFeature {
	float: left;
	position: relative;
	overflow: hidden; 
}
.lenovoFeature3 {
	width: 33.333%;
	background-color: #000;
}
.lenovoFeature .lenovoFeatureDesc {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
}
.lenovoFeature .lenovoFeatureDesc .lenovoFeatureDescContent {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 10%,rgba(0,0,0,.5) 20%,rgba(0,0,0,0.9) 100%); 
	background: -webkit-linear-gradient(top, rgba(0,0,0) 0%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.5) 20%,rgba(0,0,0,0.9) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.5) 20%,rgba(0,0,0,0.9) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 70px;
}
.lenovoFeature img {
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.lenovoFeatureIMGWrapper {
	overflow: hidden;
}
.lenovoFeature:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.lenovoFeature:hover .lenovoFeatureDesc .lenovoFeatureDescContent {
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	-o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}
.lenovoFeature .lenovoFeatureDesc p {
	opacity: 0;
	-webkit-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
	font-size: 18px;
	line-height: 1.67;
	font-weight: 300;
}
.lenovoFeature:hover .lenovoFeatureDesc p {
	opacity: 1;
}
#thinkpad .lenovoFeature .lenovoFeatureDesc h2 {
	font-size: 40px;
	margin-bottom: 20px;
	line-height: 50px;
	color: #fff;
}
.lenovoFeature .lenovoFeatureDesc h4 {
	color: #69c346;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 4px solid #69c346;
}

#thinkpad .lenovoTextWrapper {
	color: #fff;
}
#thinkpad .lenovoTextWrapper h3,
.lenovoToShow h3 {
	font-size: 50px;
	margin: 0 0 20px;
	font-weight: 300;
}
.lenovoToShow h3 {
	color: #fff;
	margin-bottom: 75px;
}
#thinkpad .lenovoTextWrapper p {
	font-size: 20px;
	font-weight: 300;
}
#thinkpad .lenovoTextWrapper small {
	font-size: 12px;
	font-weight: 300;
	margin: 100px 0 0;
	display: block;
}

#productslenovo-2 {
	background: #333c46;
	padding: 100px 0;
}
#productslenovo-2 h3 {
	font-size: 50px;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
}
#productslenovo-2 h4 {
	font-size: 40px;
	font-weight: 300;
	color: #fff;
}




.question {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #378ce2;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	position: absolute;
	top: 20px;
	left: 168px;
	font-size: 20px;
}
.question:hover,
.question:focus {
	text-decoration: none;
}
.answer {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	z-index: 9999;
	border: 10px solid #378ce2;
	width: 100%;
	background-color: #378ce2;
	box-shadow: 0 10px 15px rgba(0,0,0,0.3);
}
.answer.show {
	opacity: 1;
	visibility: visible;
}
.answer img {
	width: 100%;
	height: auto;
}
.answer::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	background-color: #378ce2;
	top: -18px;
	left: 50%;
}



#footerlenovo {
	margin-top: 0;
}

#copyrightlenovo,
#copyrightlenovo a {
    color: rgba(255, 255, 255, .3)
}

#copyrightlenovo {
    background-color: #333c46;
    padding: 40px 0;
	font-size: 12px;
	font-weight: 300;
}

#copyrightlenovo * {
    color: #fff;
}

#copyrightlenovo a:hover {
    color: #c4302b;
}


.lenovoBlackBG {
	background: #000;
}

@media (max-width: 1730px) {
	#packshotlenovo {width:800px; right: 11%;}
	#top-lenovo {height: 650px;}
	#top-lenovo::after {height: 160px;}
	#thinkpad .lenovoTextWrapper small { margin: 30px 0 0; }
	#top-lenovo-header h1 {font-size: 50px;}
}
@media (max-width: 1560px) {
	.lenovoFeature .lenovoFeatureDesc .lenovoFeatureDescContent { padding: 30px; }
	#intelLogo {width: 90px;}
	#packshotlenovo {width: 700px; }
	#top-lenovo::after {height: 190px;}
}
@media (max-width: 1440px) {
	.lenovoListing li .lenovoListItemDesc h3 {font-size: 22px;} */
	.lenovoFullBG {height: 600px;}
	.lenovoFeature .lenovoFeatureDesc .lenovoFeatureDescContent { padding: 30px; }
	#thinkpad_logo {left: 70px; top: 30px; height: 45px;}
	#top-lenovo-header {left: 80px; top: 100px;}
	#top-lenovo-header h1 {font-size: 45px;}
	#stepslenovo h2, #giftlenovo h2, #thinkpad h2, #productslenovo h2, #form h2 {margin-bottom: 50px;}
	#stepslenovo {padding: 75px 0; float: left;width: 100%;}
	#footerlenovo {float: left;width: 100%;}
	#giftlenovo, #thinkpad, #productslenovo, #form {padding: 75px 0 0; float: left;width: 100%;}
	#giftlenovo-desc-content { padding: 50px;}
	.lenovoTextWrapper { padding: 15px 50px;}
	#thinkpad .lenovoTextWrapper h3, .lenovoToShow h3 {font-size: 40px;}
	#top-lenovo{ height: 550px; }
	#top-lenovo::after { height: 150px; }
	.lenovoTextSection { padding: 50px; }
	.lenovoListing li .lenovoListItemDesc p { font-size: 15px; }
	#stepslenovo h2, #giftlenovo h2, #thinkpad h2, #productslenovo h2 {font-size: 40px;}
	#stepslenovo article figcaption {font-size: 16px; height: 200px;}
	#giftlenovo-desc-content p,#giftlenovo-desc-content ul li {font-size: 16px;}
	#thinkpad .lenovoTextWrapper p {font-size: 16px;}
	.lenovoFullBG {height: 600px;}
	.lenovoFeature .lenovoFeatureDesc p {font-size: 16px;}
	#productslenovo-2 h3 {font-size: 40px;}
	#productslenovo-2 h4 {font-size: 30px;}
	#top-lenovo-header .fill-form, .lenovo-btn {font-size: 16px; padding: 12px 40px;}
	#stepslenovo article figcaption a {font-size: 16px;}
	#productslenovo-2 {padding: 75px 0;}
}
@media (max-width: 1355px) {
	.lenovoListing li img {width: 40px;height: 40px;}
	.lenovoListing li .lenovoListItemDesc h3 {line-height: initial;}
	.lenovoFeature .lenovoFeatureDesc h4 {font-size: 20px; margin-bottom: 20px; padding-bottom: 20px; }
	#top-lenovo-header h1 { font-size: 40px; }
	#top-lenovo-header h3 {font-size: 25px;}
	#packshotlenovo { width: 600px; }
	#thinkpad_logo {height: 50px;}
	#thinkpad .lenovoFeature .lenovoFeatureDesc h2 {font-size: 30px; line-height: initial;}
	#top-lenovo {
		height: 510px;
	}
	.navbar-brand-lenovo {width: 60px;}
}

@media screen and (max-width: 1199px) {
	#top-lenovo {
		height: auto;
		padding: 30px 70px;
		max-height: unset;
	}
	#top-lenovo::after {
		height: 120px;
	}
	#intelLogo {
		position: absolute;
		bottom: 25px;
		right: 25px;
		top: auto;
		z-index: 9;
	}
	#packshotlenovo {
		position: relative;
		transform: none;
		width: auto;
		max-width: 100%;
		display: block;
		margin: 0 auto 30px;
		right: auto;
	}
	#top-lenovo-header {
		width: auto;
		position: relative;
		transform: none;
		top: auto;
		left: auto;
		margin-bottom: 50px;
		text-align: center;
	}
	.navbar-brand-lenovo {width: 52px;}
	#footerlenovo-social a {float:none;display:inline-block;margin-bottom: 20px;}
	#top-lenovo-header .fill-form {font-size: 16px;margin: 40px 0 0;}
	#top-lenovo-header h3 {font-size: 18px;}
	#thinkpad_logo {
		top: auto;
		left: auto;
		position: relative;
		margin-bottom: 30px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#stepslenovo article figcaption {
		font-size: 15px;
	}
	#stepslenovo article figcaption a, #stepslenovo article figcaption a:last-of-type {
		font-size: 14px; 
		width: 100%;
		left: 0;
		transform: translateX(0);
	}
	#produkty .desc h3 {font-size: 16px;}
	.ml-auto.footer-col span {margin-top: 20px;}
	#giftlenovo .row > div {align-items: center; display: flex;}

	.lenovoTextSection h1 {margin-bottom: 60px;}
	.lenovoTextWrapper {padding: 0 50px;}
	.lenovoFullBG {height: 450px; }
	.lenovoListing3 li {width: 50%;}
	.lenovoListing3 li:nth-of-type(3n+1) {clear: none;}
	.lenovoListing3 li:nth-of-type(2n+1) {clear: left;}
	.lenovoListing3 li:nth-last-child(-n+3) {margin-bottom: 30px;}
	.lenovoListing3 li:nth-last-child(-n+2) {margin-bottom: 0;}
	.lenovoListing3 li .lenovoListItemDesc {max-width: 350px;}
	.lenovoFeature .lenovoFeatureDesc p { font-size: 15px; opacity: 1;}
	.lenovoFeature .lenovoFeatureDesc .lenovoFeatureDescContent {-webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; }
	.lenovoTextSection {padding: 50px; }
	.lenovoListing li {margin-bottom: 30px; }
	.lenovoFeature .lenovoFeatureDesc .lenovoFeatureDescContent {padding: 15px; }
	.lenovoFeature .lenovoFeatureDesc h2 {font-size: 25px; line-height: 30px; }
	.lenovoTextWrapper { padding: 0 15px; }
	#thinkpad .lenovoTextWrapper h3, .lenovoToShow h3 { font-size: 30px; }
	#productslenovo-2 h3 { font-size: 30px; }
	#productslenovo-2 h4 { font-size: 20px; }
}
@media screen and (max-width: 991px) {

	#giftlenovo .row {display: block;}
	#stepslenovo article figcaption {height: 290px; }

	#stepslenovo article figcaption {
		height: 130px;
	}
	#stepslenovo article figcaption a, #stepslenovo article figcaption a:last-of-type {font-size: 13px; position: relative; padding: 0;}
	#stepslenovo .question {bottom: 0; }
	#stepslenovo .answer {top: 100%; }
	#produkty .row.prod4 article {width: 50%;}
	#produkty .row article.pro4, #produkty .row article.pro5 {margin-bottom:40px;}
	#produkty .row article.pro6 {margin-top: 90px;}
	#produkty article header {height: auto; }
	#produkty article header img {position: relative;}
	.lenovoTextWrapper {padding: 0 15px; }
	.lenovoHalf h1 {font-size: 25px; line-height: 30px; }
	.lenovoFullBG {height: 400px; }
	.lenovoFeature3 {background-color: transparent;}
	.lenovoFeature .lenovoFeatureDesc {position: relative;}
	.lenovoFeature .lenovoFeatureDesc .lenovoFeatureDescContent {position: relative; background-color: #fff; background: transparent;}
	.lenovoFeature .lenovoFeatureDesc {color: #000;}
	.lenovoHalfContent .lenovoHalf {width: 100%; }
	.lenovoHalfContent .lenovoRight {margin-left: 0;}
	.lenovoHalfContent .lenovoText {position: relative;}
	.lenovoHalfContent .lenovoTextWrapper {position: relative; top: auto; padding: 40px; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }
	#thinkpad .lenovoFeature .lenovoFeatureDesc h2 { color: #000;}
}
@media screen and (max-width: 767px) {
	#top-lenovo {
		padding: 30px;
	}
	#stepslenovo, #produkty, #form, #extras {padding: 70px 0;}
	.navbar-brand-lenovo {top: 0px; width: 50px; }
	#stepslenovo article header span {
		left: calc(50% - 140px);
		bottom: 0;
	}
	#stepslenovo article figcaption {margin: 40px auto 40px;height: auto;text-align: center;}
	#stepslenovo article figcaption a, #stepslenovo article figcaption a:last-of-type {
		width: auto;
		position: relative;
	}

	
	#intelLogo {
		bottom: 20px;
		right: 20px;
		width: 70px;
	}
	#prezent .row:first-of-type {
		margin-bottom: 0;
	}
	#prezent article,
	#extras article  {
		margin-bottom: 40px;
	}
	#stepslenovo h2, #form h2, #produkty h2, #extras h2, #prezent h2 {
		margin-bottom: 50px;
		font-size: 30px;
	}
	.lenovoHalf {width: 100%; }
	.lenovoRight {margin-left: 0;}
	.lenovoSectionMark img {height: 30px;}
	.lenovoListing3 li {width: 100%; }
	.lenovoVideoPoster .lenovoVideoPosterHeader {max-width: 100%; width: 100%;}
	.lenovoCarousel .lenovoOwlCarousel .lenovoCarouselItem img {width: 150px;}
	.lenovoCarousel .lenovoOwlCarousel .lenovoCarouselItem .lenovoCarouselItemDesc {width: calc(100% - 180px); }
	.lenovoListing2 {padding: 0 !important; width: 100%;}
	.lenovoListing li:last-of-type {margin-bottom: 30px;}
	.lenovoListing:last-of-type li:last-of-type {margin-bottom: 0;}
	#thinkpad .lenovoFeature .lenovoFeatureDesc h2 { font-size: 25px; }
	#productslenovo-2 article {margin-bottom: 30px;}
	#giftlenovo-desc-content {padding: 15px 0;}
	.lenovoTextSection {
		padding: 15px;
	}
	.lenovoListing3 li:nth-last-child(-n+2) {
		margin-bottom: 30px;
	}
	.lenovoListing { float: left;width: 100%;padding: 15px;}
	.lenovoToShow h3 {
		color: #fff;
		margin-bottom: 30px;
		text-align: left;
	}
} 
@media (max-width: 650px) {
	.lenovoFeature3 {width: 100%; }
}
@media screen and (max-width: 479px) {
	#stepslenovo, #produkty, #sklepy {padding: 60px 0;}
	#stepslenovo h2 {
		font-size: 40px;
		padding: 0 15px;
		font-size: 35px;
	}
	#thinkpad .lenovoTextWrapper {padding: 15px; position: relative;transform: none; top: auto; left: auto;}
	.lenovoText {position: relative;}
	.lenovoFullBG {height: auto;}
	.lenovoSectionMark {
		position: relative;
		top: auto;
		right: auto;
		margin: 15px;
	}
	#stepslenovo .container, #produkty .container {
		padding: 0 15px;
	}
	#stepslenovo article {width: 100%;}
	#stepslenovo .question {font-size: 16px; }
	#stepslenovo article figcaption a {font-size: 16px; }
	figcaption .question {
		left: 0 !important;
		right: 0 !important;
	}


	.question {
		top: 15px;
		right: 15px !important;
		left: auto !important;
	}
	.answer::before {
		left: auto !important;
		right: 20px !important;
	}




	.dropdown-toggle::after {top: 12px; }
	#sklepy a {
		display: block;
		height: 80px;
	}
}








@media (min-width: 1200px) {
	#stepslenovo .container, #produkty2 .container {
		width: 100%;
		padding: 0 100px;
	}
	#legion .container {
		width: 100%;
		padding: 0 0px;
		max-width: 1320px;
	}
	#sklepy .container {
		width: 100%;
		padding: 0 15px;
		max-width: 1420px;
	}
	.legion-white {
		margin-top: 88px;
	}
}

#info
{
	background: #FFF;
	font-family: Gotham, sans-serif;
	font-weight: 900;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	padding: 25px 0;
}

@media screen and (max-width: 768px) {
	.popup-box
	{
		border-radius: 10px !important;
		transform: translate(0%,-50%) !important;
		left: 10px !important;
		right: 10px !important;
	}
}

#produkty.paddbot {padding-bottom:80px;}
#sklepy h2 {color: #378ce2;text-align: center;margin: 20px 0 40px;font-size: 34px;}
.additionalInfo {
    font-size: 12px;
	color: #222;
	text-align: center;
}

p.padright {
	padding-right: 90px;
}