body { white-space: normal; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); line-height: 1.4;  margin: 0px;  padding: 0px;  font-weight: normal;  font-family:  forma-djr-micro,Arial,sans-serif;overflow-x: hidden; color: #191919;}
html{ scroll-behavior: smooth;}
@font-face {font-family: 'Forma DJR Display';src: url('FormaDJRDisplay-Regular.woff2') format('woff2'), url('FormaDJRDisplay-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Forma DJR Micro';src: url('FormaDJRMicro-Regular.woff2') format('woff2'), url('FormaDJRMicro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}

*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{padding: 0px; margin: 0px;}
a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}
a, img {text-decoration: none;outline: none;}
ul{margin:0;padding:0;list-style:none;}

.container{margin: auto; max-width: 1400px; width: 100%;font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif; color: #000000;}
img{ max-width: 100%; }
 
.middle_section { display: flex; flex-direction: column;font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif; color: #000000;}
 
.if_vid2{width: 100%; min-height: 554px; margin: -5px 0 -7px;}
.sublink_tab{width: 100%; display: inline-block;}
.sublink_tab .slider-nav {padding: 34px 20px 34px;background: #ffea6a;}
.sublink_tab .slider-nav .slick-slide{cursor: pointer; padding: 0 15px;}
.sublink_tab .slider-nav .slick-slide .slick-text{ background-color: #fff;color: #000000; text-align: center;padding: 9px 10px 6px;font-size: 20px;border-radius: 42px;  border: 1px solid #000; }
.sublink_tab .slider-nav .slick-slide.slick-current .slick-text{background-color: #000000; color: #fff;}


.mockup-view{ position: relative;display: flex; flex-direction: column; margin: -8px 0 0;background-color: #000000; }
.vid-play,.vid-pause,.vid-play_2,.vid-pause_2 {height: 100%;width: 100%;  color: #fff;font-size: 28px;position: absolute;z-index: 9;cursor: pointer;}
.vid-pause,.vid-pause_2 {cursor: pointer; z-index: 9; display: none;}
.vid-play i,.vid-pause i,.vid-play_2 i,.vid-pause_2 i{opacity: 0;}
.menual_vid{background: url(../images/HP_301_BelowTheFold_Ink_1464x600_Module_2_Desktop.jpg) no-repeat;background-size: cover;} 
.vidpp video{ height: 577px;}


.menual_vid_2{background: url(../images/HP_301_BelowTheFold_Ink_1464x600_Module_6_Desktop.jpg) no-repeat;background-size: cover;} 
.vidpp_2 video{ height: 555px;}

@media only screen and (max-width: 1600px){
.container{  max-width: 1200px;  }
.vidpp video {  height: 495px; }
.vidpp_2 video{ height: 495px;}
}
@media only screen and (max-width: 1190px){
.vidpp video {   height: 422px; }
.vidpp_2 video{ height: 395px;}
}