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: 1280px; width: 100%;font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif; color: #000000;}
img{ max-width: 100%; }
 
.first_section { display: flex; flex-direction: column;font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif; color: #000000;}
.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;}
 
.mockup-view{ position: relative;display: flex; flex-direction: column; background-color: #000000; }
.vid-play,.vid-pause,.vid-play_2,.vid-pause_2,.vid-play_1,.vid-pause_1  {height: 100%;width: 100%;  color: #fff;font-size: 28px;position: absolute;z-index: 9;cursor: pointer;}
.vid-pause,.vid-pause_2,.vid-pause_1  {cursor: pointer; z-index: 9; display: none;}
.vid-play i,.vid-pause i,.vid-play_2 i,.vid-pause_2 i,.vid-play_1 i,.vid-pause_1 i{opacity: 0;}
 
.menual_vid{background:#ffffff url(../images/vid_1.jpg) no-repeat center;background-size: cover;} 
.vidpp{width:49.6%;}
.vidpp video{ height: 313px;}

.vid_sec_1,.vid_sec_3{position: relative;display: flex; overflow: hidden; padding: 0 8px;align-items: flex-start;justify-content: space-between;}
.sec-01{width: 49.6%;height: 313px;background:#ffffff url(../images/sec-01.jpg) no-repeat center;background-size: cover;}
.sec-04{ background:#ffffff url(../images/sec-04.jpg) no-repeat center;background-size: cover;}

.menual_vid_1{background:#ffffff url(../images/menual_vid_01.jpg) no-repeat center;background-size: cover;} 
.vidpp_1{ width: 49.6%;}
.vidpp_1 video{ height: 313px;}
 
.menual_vid_2{background: #ffffff  url(../images/vid_3.jpg) no-repeat center;background-size: cover;} 
.vidpp_2 video{ height: 644px;}

@media only screen and (max-width: 1300px){
.container{  max-width: 1280px;  }
 /* .vidpp video {  height: 296px; } */
/* .vidpp_2 video{ height: 495px;}   */
}
  @media only screen and (max-width: 1190px){
/* .vidpp video {   height: 251px; } */
/* .vidpp_2 video{ height: 395px;} */
}