.cc-pc-hide, .cc-mobile-hide, .cc-table-hide { display: none  !important; } .cc-pc-show { display: block  !important; } .cc__container.ll__video_hero { margin-top: 4rem; padding-bottom: 12rem; position: relative; overflow: hidden; } .ll__video_hero .cc__section { flex-direction: column; } .ll_video_section { position: relative; z-index: 2; } .ll_video_mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, .6); } .ll__video_hero .cc__title { margin: 6.5rem 0 0; line-height: 1; font-size: 3rem; font-weight: 700; text-align: center; color: #fff; font: normal normal bold 3rem/2.2rem Montserrat, Lato; } .ll__video_hero .cc__summary { margin: 1.25rem 0 0; line-height: 2.25rem; font: normal normal normal 1.75rem/2.2rem Lato; letter-spacing: 0; color: #fff; color: #fff; text-align: center; } .ll__video_hero .cc__description { color: #fff; text-align: center; font: normal normal normal 1.125rem/1.375rem Lato; width: 100%; margin: .625rem auto; line-height: 1.5rem; } .cc__cta { width: 12.19rem; height: 3rem; margin: 1.5rem auto; } .cc__cta_wrap { background: #000; border: 1px solid #fff; color: #fff; border-radius: .25rem; width: 100%; height: 100%; cursor: pointer; position: relative; } .cc__cta_wrap:hover { background: #fff; color: #000; border-color: #000; } .cc__cta_wrap .normal_icon { display: block; } .cc__cta_wrap .hover_icon { display: none; } .cc__cta_wrap:hover .normal_icon { display: none; } .cc__cta_wrap:hover .hover_icon { display: block; } .ll__video_hero .cc__cta_image img { width: 3.0625rem; height: 3.0625rem; position: absolute; top: .53rem; left: .5rem; } .ll__video_hero .cc__cta_text { width: 100%; height: 100%; font-size: 1rem; padding-left: 3rem; line-height: 3rem; box-sizing: border-box; } .cc__cta_anchor.text { margin-top: 6.5rem; font: normal normal 1rem/1.375rem Lato; text-align: center; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: .005rem; } .cc__cta_anchor.image { margin: .625rem auto; width: 3rem; height: 3rem; text-align: center; transition: margin .2s ease-in-out; } .cc__cta_anchor.image:hover { margin-top: 1.25rem; margin-bottom: 0; } .cc__video_hero #hero_video_trigger { text-decoration: underline; cursor: pointer; } .cc__video_player { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .cc__video_player.active { position: fixed; z-index: 99; } .cc_video_player_madal { background: rgba(0, 0, 0, .3); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none; } .cc__video_player.active .cc_video_wrap { width: 50%; margin: 0 auto; position: absolute; height: 70%; left: 50%; margin-left: -25%; bottom: 10%; border: .9375rem solid #fff; background-color: #fff; border-radius: .625rem; z-index: 300; } .cc__video_player.active .cc_video_player_madal { display: block; } .cc__video_player video { width: 100%; position: absolute; top: 0; left: 0; object-fit: scale-down; } .cc__video_player.active video { position: absolute; width: 100%; height: 100%; object-fit: cover; } .close-win-button { cursor: pointer; position: absolute; width: 2rem; height: 2rem; right: -2rem; background-color: #000; border-radius: 50%; top: -4rem; } .close-win-button::before { transform: rotate(45deg); content: ""; height: 1.5rem; width: .125rem; position: absolute; left: 50%; top: 50%; background-color: #fff; margin-top: -0.75rem; margin-left: -0.0625rem; } .close-win-button::after { transform: rotate(-45deg); content: ""; height: 1.5rem; width: .125rem; position: absolute; left: 50%; top: 50%; background-color: #fff; margin-top: -12px; margin-left: -1px; } @media screen and (min-width: 750px) { .ll__video_hero .cc__description { width: 70%; } }