.sitenav.menu-collapse>ul>li.sitenav-menu-item{color:black;}
.bcrumbs-container{display:none;}
.what_you_do .info.second p img {
    height: 25px;
}
/*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";
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
@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");
}
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(22px + (30 - 22) * ((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)));
}

/*Section 1 CSS Start*/
.hero_banner{width: 100%; float: left; position: relative; background:#000 url("../img/hero_banner.jpg") no-repeat 50% 50% / cover; height: 600px;}
.hero_banner .container > div{display: table; vertical-align: middle; height:600px; }
.hero_banner .container > div > div{display: table-cell; vertical-align: middle; float: none;}
.hero_banner h1{padding-bottom: 14px;}
.hero_banner h3{padding-bottom: 21px;}
.hero_banner a{font-size: 16px; text-transform: uppercase; border: 1px solid #ffffff; display:inline-block; height: 40px; line-height: 40px; padding: 0px 32px; color: #fff; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif; transition: 0.3s;}
.hero_banner a:hover{background: #fff; color: #000;}
.hero_banner p{padding-bottom: 43px;}
.hero_banner img{display: none;}
/*Section 1 CSS End*/


/* Section 2 CSS Start */
.what_you_do { float: left; width: 100%; background: #2c3038; padding-bottom: 80px;}
.what_you_do h2{text-align: center; padding: 55px 0 0 0;}
.what_you_do .col-md-4{margin-top: 49px;}
.what_you_do .info {position: relative; display: table; height:525px; cursor: pointer; }
.what_you_do .info .box {background-color: #fff; color: #000; text-align: center; padding: 40px 30px 147px; position: relative; display: table-cell; vertical-align: middle;border-radius:10px;}
.what_you_do .info .box h5{padding-bottom: 24px;}
.what_you_do .info .box .pd_b{padding-bottom: 48px;}
.what_you_do .info .box img{margin: 15px 5px 0 5px;}
.what_you_do .info .box .arrow{ width:100%; height: auto; position: absolute; left:0; bottom: 30px; z-index: 9; text-align: center;}
.what_you_do .info .box .arrow a{ width:39px; height: 39px; border-radius: 50%; background: rgba(255,255,255,0.1); position: relative; display: inline-block;}
.what_you_do .info .box .arrow a:after{content:"\f106"; font-size: 30px;font-family:'FontAwesome'; position: absolute; left:10px; color: #fff; top: 8px;}
/*.what_you_do .info:hover .box .arrow a:after{color: #000;}*/
.what_you_do .info .overlay_img1,.what_you_do .info .overlay_img2,.what_you_do .info .overlay_img3{ position: absolute; left: 0; top: 1px; width: 100%; height: 100%; z-index: 1;border-radius:10px;}
.what_you_do .info .overlay_img1 img,.what_you_do .info .overlay_img2 img,.what_you_do .info .overlay_img3 img{margin: 0px;}
.what_you_do .info .overlay_img1{background: url("../img/design.jpg") no-repeat 50% 50% / cover; }
.what_you_do .info .overlay_img2{background: url("../img/training.jpg") no-repeat 50% 50% / cover; }
.what_you_do .info .overlay_img3{background: url("../img/gaming.jpg") no-repeat 50% 50% / cover; }

.info.first.active .box a,.info.second.active .box a,.info.third.active .box a{background: rgba(0,0,0,0.5);}
.info.first .arrow:before{content:"Дизайн"; position: absolute; left:0px; top: -50px; 	font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(24px + (30 - 24) * ((100vw - 300px)/(1920 - 300))); color: #fff; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif; text-align: center; width: 100%;}
.info.second .arrow:before{content:"Обучение"; position: absolute; left:0px; top: -50px; 	font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(24px + (30 - 24) * ((100vw - 300px)/(1920 - 300))); color: #fff; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;text-align: center; width: 100%;}
.info.third .arrow:before{content:"Игры"; position: absolute; left:0px; top: -50px; 	font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1920 - 300))); 
	line-height: calc(24px + (30 - 24) * ((100vw - 300px)/(1920 - 300))); color: #fff; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;text-align: center; width: 100%;}
.info.first.active .arrow a:after,.info.second.active .arrow a:after,.info.third.active .arrow a:after{
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
    top: 12px;
}
/* Section 2 CSS END */


/* Design */
.videos_section {float: left; width: 100%; overflow: hidden; position: relative; background: url("../img/video_banner.jpg") no-repeat 50% 50% / cover; height: 600px;}
.videos_section .cta_section{width:100%;  position: absolute; left:0; top: 50%; margin-top: -50px; text-align: center; color: #fff; text-align: center;}
.videos_section .cta_section h2{padding-bottom: 15px;}
.videos_section .cta_section a {height: 70px; width: 70px; border: 3px solid #fff; display: inline-block; background: rgba(0, 0, 0, 0.3); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;  -webkit-transition: opacity .3s ease; transition: opacity .3s ease; color: #fff; line-height: 68px; font-size: 28px; opacity: 0.8;}
.videos_section .cta_section a i{margin-left: 3px;}
.videos_section .cta_section a:hover{background: rgba(0, 0, 0, 0.4); opacity: 1;}
/*Design*/


/*Visuals Sound*/
.visuals_sound{float: left; width: 100%; background: #000000; text-align: center; padding: 94px 0 80px 0 ;}
.visuals_sound h2{padding-bottom: 24px;}
.visuals_sound h3{padding-bottom: 19px;}
.visuals_sound p{color: #fff; }
.visuals_sound .col-md-4 p{ font-size: 16px; line-height: 20px;}
.visuals_sound .text-center img{display: inline-block;}
/*Visuals Sound*/

/*Headset*/
.headset{float: left; width: 100%; background: #000000; padding: 84px 0px 80px 0px ; border-top: 1px solid #333333; overflow:hidden;}
.headset h2{padding-bottom:70px;}
.headset .col-md-4{text-align: left; padding: 3% 0 0 10%;}

/*
.headset .slider_tab_main{width: 190px; float: left; padding-top: 40px;}
.headset .slider_tab_main .slider_tab_carousel {background: #fff; width: 190px !important; overflow: hidden;}
.headset .slider_tab_main .slider_tab_carousel .slick-slide {height:46px; background: #fff; font-size:20px; line-height:46px; color: #333333; float: left;  text-align: center; width:95px !important; cursor: pointer; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;    }
.headset .slider_tab_main .slider_tab_carousel .slick-slide > div{width: 85px;}
.headset .slider_tab_main .slider_tab_carousel .slick-slide.slick-current{ background: #0096d6; color: #fff;}
.headset .slider_tab_main .slider_tab_carousel .slick-track{width: 190px !important;}
*/


 
 .tabbed_slider_carousel_main{width: 190px; float: left; position:relative;}
.tabbed_slider_carousel {background: #fff; width: 190px !important; overflow: hidden;}
.tabbed_slider_carousel .slick-slide {height:46px; background: #fff; font-size:20px; line-height:46px; color: #333333; float: left;  text-align: center; width:95px !important; cursor: pointer; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;    }
.tabbed_slider_carousel .slick-slide > div{width: 85px;}
.tabbed_slider_carousel .slick-slide.slick-current{ background: #0096d6; color: #fff;}
.tabbed_slider_carousel .slick-track{width: 190px !important;}
 

.slider_tab_main .slider_tab_carousel .slick-slide,.slider_tab_carousel1 .slick-slide{width:32px !important; height:32px !important; background:#fff;  color:#000; line-height:32px; border-radius:50%; text-align:center; cursor:pointer; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif; }
.slider_tab_main .slider_tab_carousel .slick-slide:first-child{position: absolute; left:61%; top: -95px;}
.slider_tab_main .slider_tab_carousel .slick-slide:last-child{position: absolute; left:69%; top: -241px;}
.slider_tab_main .slider_tab_carousel .slick-slide.slick-current.slick-active,.slider_tab_carousel1 .slick-slide.slick-current.slick-active{background:#0171ad; color:#fff;}

.slider_tab_carousel1 .slick-slide:first-child{position: absolute; left: 42%; top: -270px;}
.slider_tab_carousel1 .slick-slide:last-child{position: absolute; left:6%; top: -181px;}

.slider_tab_main .slider_tab_carousel .slick-list,.slider_tab1 .slick-list,.tabbed_slider .slick-list {overflow:inherit;}
.slider_tab .slick-next,.slider_tab1 .slick-next{ border:0px; -webkit-transform: skew(0deg, 0deg) rotate(0deg); transform: rotate(0); width:41px; height:41px; background: url("../img/next_arrow1.png") no-repeat left top;}
.slider_tab .slick-prev,.slider_tab1 .slick-prev{ border:0px; -webkit-transform: skew(0deg, 0deg) rotate(0deg); transform: rotate(0); width:41px; height:41px; background: url("../img/prev_arrow1.png") no-repeat left top;}


.headset h5{padding:20px 0px 10px 0px;}
.headset p{padding-bottom: 20px;}
.hide_arrow .slider_tab .slick-prev,.hide_arrow .slider_tab .slick-next{display:none !important;}
.hide_arrow .slider_tab .slick-dots{display:none !important;}
.container_520{max-width:620px; margin:0 auto; position:relative; width:100%;}
.container_520 .slider_tab .slide_image,.container_520 .slider_tab1 .slide_image{padding:0px 8%;}
.container_520 .slider_tab .slick-dots,.container_520 .slider_tab1 .slick-dots{position:absolute; bottom:-50px;}
.container_520 .slider_tab .slick-dots li,.container_520 .slider_tab1 .slick-dots li{width:10px; height:10px;}
.container_520 .slider_tab .slick-dots li button::before,.container_520 .slider_tab1 .slick-dots li button::before{background:#fff;}
.container_520 .slider_tab .slick-dots li.slick-active button::before, .container_520 .slider_tab .slick-dots li:hover button::before,.container_520 .slider_tab1 .slick-dots li.slick-active button::before, .container_520 .slider_tab1 .slick-dots li:hover button::before{background:#fff;}

.col-md-12.col-sm-12.text-center.hide_arrow{max-width:620px; margin:0 auto; float:none; width:100%;}
.slider_tab1 img{max-width:624px; width:100%;}
/*Headset*/


/*More cameras Better tracking*/
.more_cameras_better_tracking{float: left; width: 100%; background: #2c3038; text-align: center; padding:60px 0 50px 0 ;}
.more_cameras_better_tracking h2{padding-bottom:10px;}
.more_cameras_better_tracking p{color: #fff; padding-bottom:40px;}
/*More cameras Better tracking*/


/*Compatible across the industry*/
.compatible_across_the_industry{float: left; width: 100%; background: #777777; text-align: center; padding: 94px 0 80px 0 ;}
.compatible_across_the_industry h2{padding-bottom:10px;}
.compatible_across_the_industry p{padding:0px 0 100px 0;}
.compatible_across_the_industry img{margin: 0px 50px;}
.compatible_across_the_industry p:last-child{padding-bottom:0px;}
/*Compatible across the industry*/


/*DataTable*/
.datatable{background:#2c3038; float:left; width:100%; padding:50px 0px 120px 0px;}
.datatable .col-md-12 {border-bottom:1px solid #fff; padding:35px 15px 35px 0px; font-size:16px; }
.datatable_slider_item .row{margin:0px;}
.datatable .col-md-10,.datatable .col-md-2 {padding:0px;}
.datatable strong{ font-size:16px;}
.datatable_slider_item .row:first-child strong{min-height:45px; display:inline-block;}
.height_1{min-height:111px;}
.height_2{min-height:171px;}
.height_3{min-height:131px;}
.height_4{min-height:auto; border-bottom:0px !important; padding-bottom:0px !important;}
.datatable_slider .slick-next{ border:0px; -webkit-transform: skew(0deg, 0deg) rotate(0deg); transform: rotate(0); width:41px; height:41px; background: url("../img/next_arrow.png") no-repeat left top;}
.datatable_slider .slick-prev{ border:0px; -webkit-transform: skew(0deg, 0deg) rotate(0deg); transform: rotate(0); width:41px; height:41px; background: url("../img/prev_arrow.png") no-repeat left top;}

.col-xs-4 .row,.col-xs-8 .row{margin:0px;}
/*DataTable*/


/*Highlighted Cta*/
.highlightedCta{background:#767676; float:left; width:100%;}
.highlightedCta a{width:146px; height:33px; line-height:33px; color:#fff; text-transform:uppercase; border:1px solid #fff; text-align:center; display:inline-block; border-radius:4px; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;   transition: 0.3s; background: transparent;}
.highlightedCta a:hover{background:#fff; color:#000; }
.highlightedCta p{padding:28px 0 32px 0;}
.highlightedCta .icon-wrapper {border-radius: 50%; align-items: center; justify-content: center; margin:-80px auto 0 auto; width: 160px; height: 160px; position:relative;}
.highlightedCta .icon_wrapper__bg {border-top-right-radius: 160px; border-top-left-radius: 160px; position: absolute;  top: 0; right: 0; width: 100%; height: 50%; background:#767676;	text-align:center;}
.highlightedCta .icon_wrapper__bg img{margin-top:50px;}

/*Highlighted Cta*/


/*We offer full-suit VR ready PCs*/
.product_section{float: left; width: 100%; background: #2c3038; text-align: center; padding:60px 0 10px 0 ;}
.product_section h2{padding-bottom: 24px; color: #fff;}
.product_slider .slick-slide{margin:30px 15px 50px 15px;}
.product_slider .slide-item {background: #ffffff; padding: 5px 5px 10px 5px; box-shadow: 0 2px 10px 0 rgba(0,0,0,.12); transition: box-shadow .15s ease; position: relative; text-align: left; min-height:540px;}
.product_slider .slide-item .img {position: relative; background-color: #e9e9e9; margin-bottom: 15px; text-align: center;}
 .product_slider .slide-item h3 {background: #fff; padding: 10px 8px 0px 15px; color: #000; pointer-events: none; z-index: 2; font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300))); line-height: 28px; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif; }
.product_slider .slide-item p{font-size: 16px; color: #000; padding: 10px 15px; line-height: 24px;}
.product_slider .slide-item a{ background: #2c3038; width: 100%; height: 40px; line-height: 40px; text-align: center;color: #fff; display: inline-block; font-family: "HPSimplified",'HP Simplified Regular','Helvetica Neue',Helvetica,Arial,sans-serif;  transition: 0.3s;}
.product_slider .slide-item a:hover{ background: #0073b2; color: #fff;}
.product_slider .slick-slide .slide-item p:last-child{position: absolute; bottom: 10px; left:0; width:100%; padding:10px;} 
/*We offer full-suit VR ready PCs*/


/* disclaimer */
.hp-footer.footer{float: left; width: 100%; color: #000;  font-size: 12px; padding: 30px 0px 15px 0px; background: #fff;}
.hp-footer.footer ol{padding: 0px; margin: 0px 0px 0px 13px;}
.hp-footer.footer ol li{padding-bottom: 8px;}
.panel-heading {padding:15px; border:0;}
.panel-default > .panel-heading{background:none; border: 0px; border-bottom: 1px solid #000;}
.panel-group .panel {border: 0px;  box-shadow: none;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border: 0px;}
.panel-title>a, .panel-title>a:active{display:block; color:#000; font-size:20px; word-spacing:3px; text-decoration:none;}
.panel-heading  a:before {content:"\f107"; font-size: 25px; font-family:'FontAwesome'; float: right; transition: all 0.5s;}
.panel-heading.active a:before {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);} 
/* disclaimer */
@media screen and (max-width:1286px) and (min-width:1024px) {
	.what_you_do .info{height: 685px !important;}
	.datatable .col-md-12{height:112px !important;}
}
@media screen and (max-width:1024px) and (min-width:768px) {
    .more_cameras_better_tracking p,.visuals_sound p,.compatible_across_the_industry p{font-size: 18px; line-height: 22px;}
    .close{right: 0px;}
}

@media screen and (max-width:1024px) {
    .what_you_do .info{height: 605px;}
	.datatable .col-md-12{height:112px;}
		.slider_tab_main .slider_tab_carousel .slick-slide:last-child{left:74%;}
	.slider_tab_main .slider_tab_carousel .slick-slide:first-child{left:65%;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
    .what_you_do .col-md-4{width: 100%; }
    .what_you_do .info{height:400px; width: 100%;}
}
@media screen and (max-width:768px) {
    .design{height: 416px;}
	.slider_tab_main .slider_tab_carousel .slick-slide:last-child{left: 82%;}
	.slider_tab_main .slider_tab_carousel .slick-slide:first-child{left: 71%;}
}
@media screen and (max-width:767px) and (min-width:320px) {
	
	.slider_tab_main .slider_tab_carousel .slick-slide, .slider_tab_carousel1 .slick-slide{width: 22px !important; height: 22px !important; font-size:14px; line-height:22px;}
	.slider_tab_main .slider_tab_carousel .slick-slide:last-child{left:86%;}
	
	
    .close{right: 0px; width: 30px; height: 30px;}
    .what_you_do .info{height:475px; }
    .visuals_sound .col-md-4.col-sm-4{padding-top: 20px;}
    .more_cameras_better_tracking p,.visuals_sound p,.compatible_across_the_industry p{font-size: 18px; line-height: 22px;}
    .more_cameras_better_tracking p br,.visuals_sound p br,.compatible_across_the_industry p br{display: none;}

    .videos_section .cta_section a {width: 50px; height: 50px; line-height: 47px; font-size: 18px;}
    .videos_section{height:350px;}

    .more_cameras_better_tracking img{margin-top:30px;}
    .hero_banner{background:#000; height: auto;}
    .hero_banner .container > div{height: auto;display: inherit;}
    .hero_banner .container > div > div{display: inherit; width: 100%; text-align: center; padding: 30px 0px;}
    .hero_banner img{display: block;}
}