body{font-family: 'Lato', sans-serif; font: 16px/26px Lato; overflow-x:hidden;}

.container{width:94%; max-width:1800px; margin:0 auto;}
.container.slim{width: 80%; max-width:1300px;}
.container.wide{width: 98%; max-width:1880px;}

a{text-decoration:none;}
a.link{color:#3E8DDD; font-size:22px;}
a.btn{margin:0; padding:15px 25px; font: 16px/19px Lato; color:#fff; clear:both; display:inline-block; white-space:nowrap; border-radius: 3px;}
a.btn.btn-blue{background-color: #3e8ddd;}

img, video, iframe{max-width:100%;}

*{box-sizing: border-box;}
[class*="col-"]{float: left; padding: 15px;}
.col-1-2{width:50%;}
.col-1-3{width:33.33%;}
.row::after{content: ""; clear: both; display: table;}

:focus{outline: none;}

/* Type */
.sub-header{font: Bold 36px/48px Lato; letter-spacing: 0px; color: #FFFFFF; margin-top: 20px;}

/* Header */
.sticky-header{position: fixed; top: -68px; left: 0; right: 0; z-index: 999; background: #fff; transition: all 1s ease;}
.sticky-header.show{top: 0;}
.sticky-header .left{float: left; width: 100px;}
.sticky-header .right{float: right; width: 100px;}
.sticky-header .links{float: left; width: calc(100% - 200px); text-align: center; height: 68px;}
.sticky-header .links .link-item{display: inline-block; margin: 0 10px; line-height: 68px;}
.sticky-header .links .link-item a{height: 68px; display: flex; align-items: center; float: left; color: #6f7170;}
.sticky-header .links .link-item span{margin-left: 10px;}

.sticky-header .logo img{display: block; margin: 17px 0 0;}

.to-top{float: right; background: #d4d4d4; border-radius: 50%; text-align: center; margin: 19px 0; width: 30px; height: 30px; line-height: 28px; font-size: 16px; color: #fff;}

/* Sections */
#hero-carousel{height: 80vh; background-color: #000;}

.carousel-control-prev, .carousel-control-next{cursor: pointer;}

#smart-partners{background-color: #000; color: #fff; text-align: center;}
#smart-partners .slim p{max-width: 50em; margin: 0 auto;}
.lights-bg{background-size: cover; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 220px;}
h1{font: Bold 43px/51px Lato; margin: 0.67em 0; color: #fff;}
.logo-holder{display: flex; justify-content: center; flex-wrap: wrap; margin: 50px 0;}
.logo-holder .logo-holder-item{padding: 20px;}
.logo-holder .logo-holder-item img{height: 40px;}

.product-gradient-bg{background-image: url(https://static.lenovo.com/ww/campaigns/2020/think-brand/lenovo-think-homepage-feature-1-bottom-products-gradient-bkgd.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 600px;}
.product-gradient-bg img{display: block;}

.sub-brand-section{background-color: #404241; float: left; width: 100%; padding: 60px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#414242+0,6f7170+100 */
background: #414242; /* Old browsers */
background: -moz-linear-gradient(45deg,  #414242 0%, #6f7170 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #414242 0%,#6f7170 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #414242 0%,#6f7170 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414242', endColorstr='#6f7170',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sb-container{margin:50px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row-reverse; min-height: 37vw;}
.sb-content{background-color: #3c3d3d; color: #fff; width: 31%; padding: 60px 40px; flex: 0 0 31%; max-width: 31%; font: 16px/26px Lato;}
.sb-content h2{font: Bold 26px/32px Lato; letter-spacing: -0.26px; margin: 0.83em 0; color: #fff;}
.sb-content a.btn{margin-top: 40px;}
.sb-content a.btn:hover{color: #fff;}
.sb-carousel{width: 69%; flex: 0 0 69%; max-width: 69%;}
.sb-carousel .carousel-background{height: 100%; background-size: cover; background-position: 50% 50%;}

/* Responsive */
.nav-icon { 
  display: none;
  float: left;
  margin: 22px 50px 0 30px;
  width: 40px;
}

.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {
  background-color: #707070;
  content: '';
  display: block;
  height: 3px;
  transition: all .2s ease-in-out;
}
.nav-icon div {
	margin: 9px 0;
}

.nav-icon.open:before {
  transform: translateY(12px) rotate(135deg);
}

.nav-icon.open:after {
  transform: translateY(-12px) rotate(-135deg);
}

.nav-icon.open div {
  transform: scale(0);
}


/* Responsive Styles */
.mobile-only{display: none;}

.nav .main_Menu span{color: #fff;}
.main_Menu_icon .line{background: #fff;}

@media only screen and (min-width: 76.75em) {
	.masthead .pageWrapper{position: relative;}
}

@media only screen and (min-width: 1920px) {	
	.sb-container{min-height: 700px;}
}

@media only screen and (max-width: 1260px) {	
	
	.container.wide{width: 100%;}
	
	.nav-icon{display: block;}
	
	.logo-holder img{max-height: 30px;}
	
	.sticky-header .links{width: 100%; height: auto; position: absolute; top: 68px; left: 0; background: #fff; transition: all 1s ease; overflow: hidden; max-height: 0;}
	.sticky-header .links.open{max-height: calc(100vh - 70px); overflow: scroll;}
	.sticky-header .links .link-item{width: 100%; float: left; display: block; background: #fff; margin: 0; border-top: 1px solid #707070;}
	.sticky-header .links .link-item a{width: 100%; height: 46px; padding: 0 20px;}
	.sticky-header .links .link-item span{line-height: 46px;}	
	
	.to-top{margin-right: 30px;}
}
@media only screen and (max-width: 1024px) {

	.carousel-overlay img{max-width: 60%;}
	.sub-header{margin-top: 0;}
	
	.product-gradient-bg{height: 380px;}
	
	.logo-holder .logo-holder-item{flex: 0 0 33%;}
	
	#smart-partners .container.slim h1{width: 60%; margin: 0 auto;}
	
	.sb-container{display: block; min-height: 0;}
	.sb-container .sb-column{width: 100%; max-width: 100%;}
	.sb-carousel{height: 50vw;}
	.sb-content{clear: both; text-align: center;}
}

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

	.nav-icon{margin: 22px 20px 0 20px;}
	.to-top{margin-right: 20px;}
	
	.sub-header{font-size: 24px;}
	
	#hero-carousel{height: 70vh;}

	.lights-bg{height: 140px;}
	
	#smart-partners .container.slim h1{font-size: 28px; line-height: 44px; width: 100%;}
		
	.sb-carousel{height: 80vw;}

	.sb-content h2{font-size: 24px; line-height: 29px;}
	
	.product-gradient-bg{background: none; height: auto;}
	.product-gradient-bg img{width: 100%;}
}

@media only screen and (max-width: 480px) {
	
}

@media only screen and (max-width: 400px) {
	
}