/*reset css*/
body h1, body h2, body h3, body h4, body h5, body a, body p, body span, body strong {
  margin: 0;
  padding: 0;
}
body h1, body h2, body h3, body h4, body h5 {
  font-weight: normal;
}
a, img {
  text-decoration: none;
  outline: none;
}
a:focus {
  outline: none;
  outline: 0;
  outline-offset: -2px;
}
 /*reset css*/
body {
  margin: 0;
  padding: 0;
  font-family: "HPSimplifiedLight",'HP Simplified Light','Helvetica Neue',Helvetica,Arial,sans-serif;
  color: #1d1d1d;
  font-size: 16px;
  line-height: 22px;
   	font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(18px + (22 - 18) * ((100vw - 300px)/(1920 - 300))); 
    background: #fff;
}
@font-face {
  font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: normal;
  src: url("http://www8.hp.com/us/en/images/fonts/v2-0/hps-euro-w01-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/us/en/images/fonts/v2-0/hps-euro-w01-regular-woff.woff") format("woff"), url("http://www8.hp.com/us/en/images/fonts/v2-0/hps-euro-w01-regular-ttf.ttf") format("truetype");
}
@font-face {
  font-family: "HPSimplifiedLight",'HP Simplified Light','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: normal;
  src: url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-woff.woff") format("-woff.woff"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-ttf.ttf") format("truetype");
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
    url('../fonts/Gotham-Bold.woff') format('woff'),
    url('../fonts/Gotham-Bold.ttf') format('truetype'),
    url('../fonts/    Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('../fonts/Gotham-Ultra.woff2') format('woff2'),
    url('../fonts/Gotham-Ultra.woff') format('woff'),
    url('../fonts/Gotham-Ultra.ttf') format('truetype'),
    url('../fonts/Gotham-Ultra.svg#Gotham-Ultra') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Black';
    src: url('../fonts/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham-Black.ttf') format('truetype'),
        url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham HTF';
    src: url('../fonts/GothamHTF-Black.woff2') format('woff2'),
        url('../fonts/GothamHTF-Black.woff') format('woff'),
        url('../fonts/GothamHTF-Black.ttf') format('truetype'),
        url('../fonts/GothamHTF-Black.svg#GothamHTF-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

h1{
	font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(35px + (60 - 35) * ((100vw - 300px)/(1920 - 300)));
}

h2{
	font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: calc(24px + (40 - 24) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(30px + (40 - 30) * ((100vw - 300px)/(1920 - 300)));
}


h3{
	font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: calc(22px + (36 - 22) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(26px + (36 - 26) * ((100vw - 300px)/(1920 - 300)));
}

h4{
	font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: calc(20px + (23 - 20) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(24px + (30 - 24) * ((100vw - 300px)/(1920 - 300)));
}

h5{
	font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(26px + (26 - 26) * ((100vw - 300px)/(1920 - 300)));
}
.pd_none{padding: 0px;}

/*Header CSS Start*/
.top_header{float: left; width: 100%; background: #0000;  margin: 15px 0px;}
/*Header CSS End*/


/*Hero Slider*/
.hero_slider{float: left; width: 100%;}
.top_slider .slick-dots {padding: 0px; margin-top: -35px;}
.hero_slider .laptop{position: absolute; right: 2%; bottom: 4%;  width: 14.5%;height: 13%;}
.hero_slider .desktop{position: absolute; right:2%; bottom: 4%;  width:13.1%;height: 13%;}
.hero_slider .cta1{position: absolute; right:15.2%; bottom: 4%;  width:13.1%;height: 13%;}
.hero_slider .cta2{position: absolute; right:2%; bottom: 4%;  width:13.1%;height: 13%;}
.top_slider .slides{position: relative;}
/*Hero Slider*/


/*Videos Section*/
.videos_section {width: 100%; float: left; margin: 15px 0px; background: url("../img/right_d.png") no-repeat right top ; padding-top: 94px; position: relative;}
.videos_section:before{content:""; position: absolute; left: 0; top:25px; max-width: 178px; width: 100%; background: url("../img/small_diamond-bg.png") no-repeat left top; height: 137px;}
.videos_section .container{max-width: 1033px; padding: 0px; width:88%}
.video_main{float: left; width:44.2%;}
.video_main img{width: 100%;}
.video_main .info{padding: 0px 8%; text-align: center; color: #000;}
.video_main .info h4{padding: 24px 0px 16px 0px }
/*Videos Section*/


/*OMEN 15 Laptop*/
.section3{ float: left; width: 100%; background: url("../img/diamond.png") no-repeat right center ; margin-top: 50px;}
.section3 h1{font-family: 'Gotham Ultra'; font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1920 - 300))); line-height: calc(35px + (70 - 35) * ((100vw - 300px)/(1920 - 300)));}
.section3 h1 span{font-size: 24px; display: block; width: 100%; line-height: 40px;}
.section3 h5 {font-family: 'Gotham'; font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300))); line-height: calc(30px + (45 - 30) * ((100vw - 300px)/(1920 - 300))); padding-bottom:71px;}
.section3 > div{font-size: 14px;}
.section3 .col-md-4 img{margin-top: 13px;}
.section3 .col-md-4 a{position: absolute;  width: 143px; height: 52px; background: #000; font-size: 14px; line-height: 52px; color: #fff; font-family: 'Gotham Black'; border-radius: 3px; text-align: center; bottom: 50px; left: 50%;
margin-left: -71px;}
.section3 .col-md-8{margin-left: -55px;}
.section3 .col-md-5{text-align: justify;}
.section3 ul{padding: 0px; margin: 0px 0px 0px 30px; list-style-type: none;}
.section3 ul li{padding-bottom:12px;  font-family: "HPSimplified"; position: relative;}
.section3 ul li:before{content:"•"; color: #1b1b1b; position: absolute; left: -10px; }
/*OMEN 15 Laptop*/

/*Section 4*/
.section4{width: 100%; background: url("../img/diamond1.png") no-repeat left bottom ; margin-top: 50px; display: table; padding: 50px 0px 75px 0px;}
.section4 h2{font-family: 'Gotham Ultra'; font-size: calc(26px + (36 - 26) * ((100vw - 300px) / (1920 - 300))); line-height: calc(30px + (40 - 30) * ((100vw - 300px)/(1920 - 300))); text-transform: uppercase; padding-bottom: 23px;}
.section4 img{width: 100%;}
.section4 .info{width: 38%; display: table-cell; vertical-align: middle; padding: 0 5% 0 5% }
.section4 .image{width:55%; display: table-cell; vertical-align: middle; }
/*Section 4*/


/*Section 5*/
.section5{width: 100%; background: #000 ; float: left; color: #fff}
.section5 h2{font-family: 'Gotham HTF'; font-size: calc(26px + (36 - 26) * ((100vw - 300px) / (1920 - 300))); line-height: calc(30px + (50 - 30) * ((100vw - 300px)/(1920 - 300))); text-transform: uppercase; padding:43px 0px 10px 20px;}
.section5 p{font-size: 24px;font-family: 'Gotham HTF'; font-weight: bold; padding-left: 20px;}
.section5 .col-md-5 img{width: 100%;}
.section5 .col-md-5.col-sm-5 img{ margin-top: -128px; position: relative}
.section5 p:last-child{padding-top:8%;}
.section5 p a{position: absolute; right: 0; }
/*Section 5*/

/*Section 6*/
.section6{float: left; width: 100%; background: url("../img/right_d.png") no-repeat right center ; padding-bottom: 77px; }
.section6 .videos_section { background: url("../img/bg.jpg") no-repeat 55% center ; padding-top: 86px; padding-bottom: 80px;}
.section6 .video_main .info{text-align: left; padding: 0px;}
.section6 h2{font-family: 'Gotham Ultra'; font-size: calc(22px + (36 - 22) * ((100vw - 300px) / (1920 - 300))); line-height: calc(30px + (42 - 30) * ((100vw - 300px)/(1920 - 300))); text-transform: uppercase; padding: 0px 0px 20px 0px;    }
.section6 h1{font-family: 'Gotham Ultra'; font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1920 - 300))); line-height: calc(35px + (60 - 35) * ((100vw - 300px)/(1920 - 300)));}
.section6 .section3{margin: 0px; background-position: 98% 60%}
.section6 .pdt_pdb{padding: 20px 0px 30px 0px;}
/*Section 6*/

/*Section 7*/
.section7{float: left; width: 100%;  padding-top: 62px }
.section7 .top_head{width:100%; float:left;background: #000000; font-size: 18px; text-align: center; font-size: 18px; color: #fff;  padding:30px 0 15px 0;  font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif !important; position: relative;}
.section7 .top_head span{padding: 0px 15px;}
.section7 .heading{position: relative; float: left; width: 100%; margin-bottom: -3px; }

.section7 .gr_bg{float: left; width: 100%; padding-bottom: 50px;
background: rgba(255,54,231,1);
background: -moz-linear-gradient(left, rgba(255,54,231,1) 0%, rgba(255,0,0,1) 51%, rgba(255,178,0,1) 95%, rgba(255,178,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,54,231,1)), color-stop(51%, rgba(255,0,0,1)), color-stop(95%, rgba(255,178,0,1)), color-stop(100%, rgba(255,178,0,1)));
background: -webkit-linear-gradient(left, rgba(255,54,231,1) 0%, rgba(255,0,0,1) 51%, rgba(255,178,0,1) 95%, rgba(255,178,0,1) 100%);
background: -o-linear-gradient(left, rgba(255,54,231,1) 0%, rgba(255,0,0,1) 51%, rgba(255,178,0,1) 95%, rgba(255,178,0,1) 100%);
background: -ms-linear-gradient(left, rgba(255,54,231,1) 0%, rgba(255,0,0,1) 51%, rgba(255,178,0,1) 95%, rgba(255,178,0,1) 100%);
background: linear-gradient(to right, rgba(255,54,231,1) 0%, rgba(255,0,0,1) 51%, rgba(255,178,0,1) 95%, rgba(255,178,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff36e7', endColorstr='#ffb200', GradientType=1 );
}
.section7 .gr_bg .col-md-4{padding-top: 38px; text-align: center; color:#fff;}
.section7 .gr_bg .col-md-4 h4{font-family: 'Gotham Ultra'; font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300))); line-height: calc(30px + (35 - 30) * ((100vw - 300px)/(1920 - 300))); padding:42px 0px 10px 0px}
.section7 a{width: 143px; height: 52px; background: #000; font-size: 14px; line-height: 52px; color: #fff; font-family: 'Gotham Black'; border-radius: 3px; text-align: center; display: inline-block; margin-top: 36px;}
.section7 .gr_bg .col-md-4 img{max-width: 289px; width: 100%;}
/*Section 7*/

/*Section 8*/
.section8{float: left; width: 100%; margin-top: 27px;  padding: 100px 0px 73px 0px;background: url("../img/diamond2.png") no-repeat 10% top ;}
/*Section 8*/

.scrollToTop{width:161px; height:60px; text-align:center; bottom:15px; right:40px; display:none; position:fixed; }
.mobile_img{display: none;}
.mobile_div{display: none !important;}
@media screen and (max-width:1110px) and (min-width:768px) {
    .section5 .col-md-5.col-sm-5 img{margin-top: -78px;}
    .section7 .gr_bg .col-md-4 h4{font-size: 23px;}
}

@media screen and (max-width:991px) and (min-width:768px) {
    .section5 h2{}
    .section4 .info{width: 40%;}
    .section4 .image{width: 45%;}
    .section4 .info{padding-right: 0px;}
    .section3 ul{margin-left:10px }
    .section4{padding-bottom: 115px;}
    .section5 h2{padding: 20px 0 0 0}
    .section5 p{padding-left: 0px;}
    .videos_section::before {height: 117px ; background-size: 100%; max-width: 138px; }
}
@media ( max-width:768px){
    .section3 h5{padding-bottom: 30px;}
    .section5 h2 br,.section6 h1 br{ display: none;}
    .section5 .col-md-5.col-sm-5 img{margin: 0px;}
    .section5 .col-md-7 span {display: block;  width: 100%; padding: 20px 0px;}
    .section5 p a{position: inherit;}
    
}
@media screen and (max-width:1024px) and (min-width:768px) {
    .close{right: 0px;} 

}

@media screen and (max-width:767px) and (min-width:320px) {
    .mobile_img{display: block;}
    .desktop_img{display: none;}
    .mobile_div{display: block !important;}
    .desktop_div{display: none !important;}
    .close{top: -40px; width: 30px; height: 30px; right: 0;}
    .close img{width: 60%;}
    
    .videos_section{background-position: right bottom;}
    .video_main{width: 100%; padding-bottom: 30px; }
    .video_main .info{padding: 0 3%;}
    .section3 h1 br{display: none;}
    .section3 ul{margin: 20px 0 0 10px;}
    .section3 .col-md-8{margin:20px 0 0 0;}
    .section3 h5{padding-bottom: 10px;}
    
    
    .section4{display: inherit; float: left; padding: 0px 0px 175px 0px;}
    .section4 .info{display: inherit; width: 100%; padding: 0px;}
    .section4 h2 {padding-top: 30px;}
    .section4 h2 br{display: none;}
    .section4 .image{width: 100%}
    .section5 h2 br,.section6 h2 br{display: none}
    .section5 .col-md-5.col-sm-5 img{margin-top: 0px;}
    
    .videos_section .container{width: 78%;}
    .section6 .videos_section{padding-top: 66px; padding-bottom: 0px;}
    .videos_section::before{height: 107px; max-width: 118px; background-size: 100%;}
    .videos_section {padding-top: 74px;}
    
    .section5 .col-md-7 span{display: block; width: 100%; padding: 20px 0px;}
    .section5 p a{position: inherit;}
    
    .section5 p,.section5 h2{padding-left: 0px;}
    .section6{padding-bottom: 0px;}
    
}
.fix-font,.fix-font>li {
	font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}