/** Landing Page ********************************************************************************************************/
body.node--type-landing-page {
	padding-top: 120px;
	overflow-x: hidden;
}
@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page {
	padding-top: 75px;
	overflow-x: hidden;
}	
}
@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page div#page {
	padding-top: 0px;
}	
}
body.node--type-landing-page #main.container {
    max-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -15px;
    margin-right: 0px;
}
body.node--type-landing-page #main.container .main-content {
	margin-right: 0px;
	padding-right: 0px;
}
body.node--type-landing-page .paragraph__column {
	padding-right: 0px;
}
body.node--type-landing-page .paragraph--view-mode--default .paragraph__column {
	max-width: 1668px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none!important;
}

body.node--type-landing-page .header {
    height: 120px;
	background-color: rgba(255,255,255,100);
	/*-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.19);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.19);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.19);*/
	position: absolute;
	z-index: 600;
	width: 100%;
	top:  0;
	
	/*
	transition: all 0.5s ease-in-out;
	webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
	*/
}
body.node--type-landing-page .header.shrink {
	position: fixed;
	z-index: 650!important;
	width: 100%;
    height: 120px;
	background-color: rgba(255,255,255,100);
	top: 0;
}

body.node--type-landing-page .header .container {
	max-width: 80%;
	width: 100%;
	/*
	padding-left: 3em;
	padding-right: 3em;
	*/
	padding-left: 0px;
	padding-right: 0px;
}
body.node--type-landing-page .navbar {
    padding-top: 3em!important;
    padding-bottom: ;
    margin-top: 0;
}
body.node--type-landing-page .header.shrink .navbar {
	padding-top: 3em!important;	
}


/** Header po zalogowaniu do panelu *********************************/
body.toolbar-tray-open.toolbar-horizontal.toolbar-fixed.user-logged-in.node--type-landing-page .header {
	top:  79px;
}	


@media screen and (min-width: 320px) and (max-width: 1199px) {
body.node--type-landing-page .header {
	max-width: 100%;
	width: 100%;
	height: 75px;
	z-index: 650;
	background-color: rgba(255,255,255,100);
}
body.node--type-landing-page .header .container,
body.node--type-landing-page #navbar-main .container {
	max-width: 100%!important;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
body.node--type-landing-page .header.shrink {
	width: 100%;
	height: 75px;
}
body.node--type-landing-page .navbar {
    padding-top: 0em!important;
}
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
body.node--type-landing-page .navbar {
	padding-top: 1em !important;
}	
}
@media screen and (min-width: 1200px) and (max-width: 1680px) {
body.node--type-landing-page .navbar {
	padding-top: 1.2em !important;
}		
}



/** logotyp **/
body.node--type-landing-page #navbar-top a.navbar-brand {
	display: none;
}
body.node--type-landing-page #navbar-main a.navbar-brand {
	position: absolute;
	left: 0;
	top: -10px;
}
body.node--type-landing-page #block-logolenovo {
	padding-left: 180px;
	margin-top: -4px;
}
@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page #block-logolenovo {
	padding-left: 120px;
	margin-top: 17px;
}	
body.node--type-landing-page .header.shrink #block-logolenovo {
	padding-left: 120px;
	margin-top: -26px;
}
}
body.node--type-landing-page header.header #navbar-main a.navbar-brand img {
	filter:  brightness(1) invert(0);
}

@media screen and (min-width: 320px) and (max-width: 1199px) {
body.node--type-landing-page #navbar-top a.navbar-brand {
	display: inherit;
	position: absolute;
	left: 15px;
	top: 19px;
	z-index: 400;
}
body.node--type-landing-page #navbar-top a.navbar-brand img {
	max-width: 90px;
	width: 100%;
	height: auto;
}
body.node--type-landing-page #navbar-main a.navbar-brand {
	display: none;
}	
}



/** Menu główne **/
body.node--type-landing-page .navigation.menu--main {
	position: absolute;
	right: 80px;
	top: 0px;
}
body.node--type-landing-page .navigation.menu--main ul.navbar-nav li a.nav-link {
	color: #000;
}
body.node--type-landing-page header.shrink .navigation.menu--main ul.navbar-nav li a.nav-link.active {
	color: #ff5a00!important;
}
body.node--type-landing-page header.shrink .navigation.menu--main ul.navbar-nav li a:hover,
body.node--type-landing-page .navigation.menu--main ul.navbar-nav li a.nav-link:hover {
	color: #ff5a00!important;
}
@media screen and (min-width: 320px) and (max-width: 1199px) {
body.node--type-landing-page .navigation.menu--main {
    position: relative;
    right: 0px;
    top: -33px;
}
}



body.node--type-landing-page .zdjecie-glowne-podstrony {
	max-width: 100%;
	width: 100%;
	background-color: #1e1e1e;
	max-height: 684px;
	overflow: hidden;
	position: relative;
}
body.node--type-landing-page .zdjecie-glowne-podstrony img {
	opacity: 100;
	filter: alpha(opacity=100);       /* IE8 i starsze */
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-title {
	position: absolute;
	left: 15%;
    top: 40%;
    transform: translate(-15%,-40%);
	color: #fff!important;
	opacity: 100%;
	z-index: 600;
	max-width: 700px;
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-title::after {
    left: 0;
    width: 0;
    height: 0;
    background-color: transparent;
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 1.1rem;
	line-height: 1.1rem;
	color: #fff;
	font-weight: 300;
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-title .field-content H1 {
	font-size: 3rem;
	line-height: 3rem;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: 0.7em;
}
.zdjecie-glowne-podstrony img {
	max-width: 100%;
    width: 100%;
    height: auto!important;
	margin-bottom: -6px;
}

@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page .zdjecie-glowne-podstrony {
	max-width: 100%;
	width: 100%;
	height: 250px;
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-field-zdjecie-glowne,
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-field-zdjecie-glowne .field-content {
	height: 250px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-field-zdjecie-glowne .field-content img {
	display: block;
	max-width:706px;
	max-height:250px;
	width: auto;
	height: auto;
	position: absolute;
	left: 60%;
    transform: translate(-60%);

}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-title {
	left: 15%;
    top: 50%;
    transform: translate(-15%,-50%);
	max-width: 80%;
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 0.7rem;
	line-height: 0.6rem;
}
body.node--type-landing-page .zdjecie-glowne-podstrony .views-field-title .field-content H1 {
	font-size: 1.3rem;
	line-height: 1.3rem;
}
}


@media screen and (min-width: 576px) and (max-width: 767.9px) {
.zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 2rem;
}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
.zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 2.5rem;
}
}

@media screen and (min-width: 993px) and (max-width: 1024px) {
.zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 3rem;
}
.zdjecie-glowne-podstrony {
	max-width: 100%;
	max-height: 350px;
	margin-top: 70px;
}
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
.zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 3rem;
}
.zdjecie-glowne-podstrony {
	max-width: 100%;
	max-height: 400px;
	margin-top: 70px;
}
}

@media screen and (min-width: 1200px) and (max-width: 1479px) {
.zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 3.5rem;
}	
}

@media screen and (min-width: 1480px) and (max-width: 1680px) {
.zdjecie-glowne-podstrony .views-field-title .field-content {
	font-size: 3.5rem;
}	
}


body.node--type-landing-page .field--name-bp-header  {
	font-size: 3.5rem;
	line-height: 3rem;
	color: #000;
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: 0.7em;
}
body.node--type-landing-page .paragraph--type--bp-simple .paragraph__column p {
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: 300;
}
@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page .field--name-bp-header  {
	font-size: 2rem;
	line-height: 2rem;
	padding-bottom: 0;
}	
}


a.button-zobacz-wiecej {
	border: solid 1px #9d9d9d;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	color: #000;
	margin-top: 2em;
	display: inline-block;
}


body.node--type-landing-page .sekcja-z-ikonami {
	max-width: 70%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
body.node--type-landing-page .sekcja-z-ikonami svg,
body.node--type-landing-page .sekcja-z-ikonami h3 {
	text-align: center;
}
body.node--type-landing-page .sekcja-z-ikonami h3 {
	font-size: 1rem;
	padding-top: 15px;
	font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page .sekcja-z-ikonami {
	max-width: 100%;
}
body.node--type-landing-page .sekcja-z-ikonami .col-xs-6.col-sm-4.col-md-2.col-lg-2 {
	width: 50%;
}
body.node--type-landing-page .sekcja-z-ikonami svg,
body.node--type-landing-page .sekcja-z-ikonami h3 {
	text-align: center;
}
body.node--type-landing-page .sekcja-z-ikonami h3 {
	font-size: 0.7rem;
}	
}


body.node--type-landing-page .paragraph--id--74 .paragraph--type--bp-simple .paragraph__column {
	padding-top: 15em;	
}
body.node--type-landing-page .paragraph--id--74 .paragraph--type--bp-simple .paragraph__column p {
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: 300;
}

@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page .paragraph--id--74 {
	max-width: 90%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2em;
}
body.node--type-landing-page .paragraph--id--74 .paragraph--type--bp-simple .paragraph__column {
	padding-top: 2em;	
}
body.node--type-landing-page .paragraph--id--74 .paragraph__column .sekcje-kontener .paragraph--style--50-50  > .paragraph__column  {
	display: flex;	
	flex-direction: column;
	width: 100%;
}
body.node--type-landing-page .paragraph--id--74 .paragraph__column .sekcje-kontener:nth-child(odd) .paragraph--style--50-50  > .paragraph__column  {
	flex-direction: column-reverse;
}
body.node--type-landing-page .paragraph--id--74 .paragraph__column .sekcje-kontener .paragraph--style--50-50  > .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1,
body.node--type-landing-page .paragraph--id--74 .paragraph__column .sekcje-kontener .paragraph--style--50-50  > .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}
body.node--type-landing-page .paragraph--id--74 .paragraph__column .sekcje-kontener .paragraph--style--50-50  > .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 img,
body.node--type-landing-page .paragraph--id--74 .paragraph__column .sekcje-kontener .paragraph--style--50-50  > .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 img {
	padding-bottom: 3em;
}
}


body.node--type-landing-page .paragraph--id--70 {
	background: rgb(86,26,124);
	background: linear-gradient(90deg, rgba(86,26,124,1) 1%, rgba(9,9,121,1) 35%, rgba(255,53,33,1) 100%);
	padding-top: 7em;
	padding-bottom: 7em;
	color: #fff!important;
}
body.node--type-landing-page .paragraph--id--70 .paragraph--type--bp-columns-two-uneven__2col-column1 .sekcje-kontener {
	max-width: 70%;
}
body.node--type-landing-page .paragraph--id--70 .field--name-bp-header {
	font-size: 2.5rem;
	color: #fff;
	font-weight: 800;
}
body.node--type-landing-page .paragraph--id--70 .paragraph--type--bp-simple .paragraph__column p {
	color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page .paragraph--id--70 {
	padding-top: 2em;
	padding-bottom: 2em;
}
body.node--type-landing-page .paragraph--id--70 .paragraph--type--bp-columns-two-uneven__2col-column1 .sekcje-kontener {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
body.node--type-landing-page .paragraph--id--70 .field--name-bp-header {
	font-size: 1.5rem;
}
body.node--type-landing-page .paragraph--id--70 .paragraph--type--bp-simple .paragraph__column p {
	color: #fff;
	font-size: 0.8rem;
}	
}


/** formularz kontaktowy **/
.webform-submission-landing-lenovo-formularz-kontakt-form {
	background-color: #fff;
	padding: 2em;
}
.webform-submission-landing-lenovo-formularz-kontakt-form fieldset label {
	color: #666;
	font-weight: 600;
}
.webform-submission-landing-lenovo-formularz-kontakt-form fieldset.form-type-tel label,
.webform-submission-landing-lenovo-formularz-kontakt-form fieldset.form-type-select label {
	display: block;
}
.webform-submission-landing-lenovo-formularz-kontakt-form .iti--allow-dropdown {
	width: 100%;	
}
.webform-submission-landing-lenovo-formularz-kontakt-form .form-select {
	width: 100%;
	border-radius: none;
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.webform-submission-landing-lenovo-formularz-kontakt-form .form-actions {
	margin-top: 3em;
}
.webform-submission-landing-lenovo-formularz-kontakt-form .btn {
 	background-color: #ff1c13;
	border-color: #ff1c13;
	color: #fff;
}
.webform-submission-landing-lenovo-formularz-kontakt-form .btn-outline-primary:hover {
  color: #fff;
  background-color: #101010;
  border-color: #101010;
}

body.node--type-landing-page .webform-confirmation__message {
	font-size: 1.2rem;
	color: #000;
	
}

@media screen and (min-width: 320px) and (max-width: 576px) {
.webform-submission-landing-lenovo-formularz-kontakt-form {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
}



body.node--type-landing-page .paragraph--id--72 {
	padding-top: 8em;
	text-align: center;
}
body.node--type-landing-page .paragraph--id--72 .sekcja-lenovo-dla-biznesu {
	padding-top: 4em;
}
body.node--type-landing-page .paragraph--id--72 .sekcja-lenovo-dla-biznesu .contener {
	border: solid 1px #d8d8d8;
	border-radius: 15px 15px 15px 15px;
	margin-bottom: 2.5em;
}
body.node--type-landing-page .paragraph--id--72 .sekcja-lenovo-dla-biznesu .contener h3 {
	padding-bottom: 2em;
}

@media screen and (min-width: 320px) and (max-width: 576px) {
body.node--type-landing-page .paragraph--id--72 {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
body.node--type-landing-page .paragraph--id--72 .sekcja-lenovo-dla-biznesu {
	padding-top: 4em;
}
body.node--type-landing-page .paragraph--id--72 .sekcja-lenovo-dla-biznesu .contener {
	border: solid 1px #d8d8d8;
	border-radius: 15px 15px 15px 15px;
	margin-bottom: 2.5em;
}
body.node--type-landing-page .paragraph--id--72 .sekcja-lenovo-dla-biznesu .contener h3 {
	padding-bottom: 2em;
}	
}