.nectar-video-box .play_button_mouse_follow { transition: opacity 0.3s ease; } .nectar-video-box .play_button_mouse_follow:not(.visible) { opacity: 0; } .nectar-video-box .play_button_mouse_follow:before { border-width: 2px; } .nectar-video-box .play_button_mouse_follow svg { width: 12px; } .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox { width: 94px; height: 94px; left: 0; top: 0; margin-top: -47px; margin-left: -47px; pointer-events: none; } .nectar-video-box[data-mouse-style="see_through_contrast"] .play_button_mouse_follow { mix-blend-mode: difference; } .nectar-video-box[data-mouse-style="see_through_contrast"], .nectar-video-box[data-mouse-style="see_through_contrast"] > .inner-wrap { background-color: #fff; } @media only screen and (max-width: 690px) { .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .nectar-video-box .play_button_mouse_follow.nectar_video_lightbox svg { width: 10px; } } .nectar-video-box[data-mouse-style="solid_color"] .play_button_mouse_follow:before { border: none; } @-webkit-keyframes pulse-1{ 0%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1); opacity:1 } 100%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } @keyframes pulse-1{ 0%{ transform:translate3d(-50%,-50%,0)scale(1); opacity:1 } 100%{ transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } @-webkit-keyframes pulse-2{ 0%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1); opacity:0.5 } 100%{ -webkit-transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } @keyframes pulse-2{ 0%{ transform:translate3d(-50%,-50%,0)scale(1); opacity:0.5 } 100%{ transform:translate3d(-50%,-50%,0)scale(1.7); opacity:0 } } .nectar_video_lightbox.play_button{ position:relative; width:90px; height:90px; margin:0; display:inline-block } .centered-text .nectar_video_lightbox.play_button{ margin:0 30px } .nectar_video_lightbox.play_button_with_text .play{ height:52px; width:52px; position:relative; vertical-align:middle; display:inline-block } .nectar_video_lightbox.play_button_with_text .play >.inner-wrap{ height:100%; width:100%; display:block } .nectar_video_lightbox.play_button_with_text .play >.inner-wrap:before { border-radius:200px; backface-visibility: hidden; height:100%; width:100%; display:block; content:''; transition:all 0.45s cubic-bezier(.15,0.2,.1,1) 0s; -webkit-transition:all 0.45s cubic-bezier(.15,0.2,.1,1) 0s } .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play >.inner-wrap:before { background-color:#000; } .nectar_video_lightbox.play_button_with_text:hover .play >.inner-wrap:before{ -webkit-transform:scale(1.15); transform:scale(1.15) } .nectar_video_lightbox.play_button_with_text .link-text >*{ margin-bottom:0 } body .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before{ width:50px; height:50px; left:50%; top:50%; z-index:-1 } .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:before,  .nectar_video_lightbox.play_button_with_text:not([data-style="small"]) .play:after{ position:absolute; top:50%; left:50%; display:block; content:''; border:1px solid rgba(255,255,255,.5); border-radius:50%; -webkit-transform:scale(.35) translateY(-50%) translateX(-50%); -ms-transform:scale(.35) translateY(-50%) translateX(-50%); transform:scale(.35) translateY(-50%) translateX(-50%); opacity:0; -webkit-animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite; animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite } .nectar_video_lightbox.play_button_with_text .play:after{ width:50px; height:50px; z-index:-1; border-color:rgba(255,255,255,.4); -webkit-animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite; animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite } .span_12.dark .nectar_video_lightbox.play_button_with_text .play:before,  .span_12.dark .nectar_video_lightbox.play_button_with_text .play:after{ -webkit-animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite; animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite } .span_12.dark .nectar_video_lightbox.play_button_with_text .play:after{ -webkit-animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite; animation:pulse-2 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite } .nectar_video_lightbox.play_button_with_text svg{ width:14px; height:14px; z-index:100 } .span_12.light .nectar_video_lightbox.play_button_with_text .link-text{ color:#fff } .nectar_video_lightbox.play_button_with_text .link-text{ display:inline-block; margin-left:25px; color:#000; vertical-align:middle } .play_button_with_text .link-text[data-font="nectar-btn-jumbo"] { font-size: 18px; } .play_button_with_text .link-text[data-font="nectar-btn-large"] { font-size: 14px; } .play_button_with_text .link-text[data-font="nectar-btn-medium"] { font-size: 12px; } .nectar_video_lightbox.play_button_with_text .play:before{ display:block; position:absolute; content:' '; top:0; left:0; width:100%; height:100%; z-index:10; border-radius:200px; box-sizing:border-box; -webkit-box-sizing:border-box } .nectar_video_lightbox .play{ display:block; height:100%; width:100%; transition:all 0.4s cubic-bezier(0.19,1,0.22,1) 0s; -webkit-transition:all 0.4s cubic-bezier(0.19,1,0.22,1) 0s } .nectar_video_lightbox path,  .span_12.dark .nectar_video_lightbox.play_button_with_text path{ fill:#fff } .span_12.dark .nectar_video_lightbox path{ fill:#000 } .span_12.dark .nectar_video_lightbox.play_button:before{ border:5px solid #000 } .nectar_video_lightbox:hover:before{ transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.4 } .nectar_video_lightbox:not(.play_button_with_text):hover .play{ transform:scale(1.3); -webkit-transform:scale(1.3) } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play:before,  .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play:after { display: none; } .nectar_video_lightbox.play_button_with_text[data-style="small"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="small"] .button-bg { height: 30px; width: 30px; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .button-bg { width: 70px; height: 70px;  } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h2"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h2"] .button-bg, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h1"] span.play, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"][data-font-style="h1"] .button-bg { width: 90px; height: 90px;  } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] { text-align: center; display: inline-block; } .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .link-text { display: block; margin-left: 0; margin-top: 28px; } .main-content .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"]:not([data-style="small"]) .play >.inner-wrap:before { background-color: transparent!important; } .play_button_with_text[data-style="small"][data-font-style="h3"] span.play, .play_button_with_text[data-style="small"][data-font-style="h3"] .button-bg, .play_button_with_text[data-style="small"][data-font-style="h2"] span.play, .play_button_with_text[data-style="small"][data-font-style="h2"] .button-bg, .play_button_with_text[data-style="small"][data-font-style="h1"] span.play, .play_button_with_text[data-style="small"][data-font-style="h1"] .button-bg { height: 40px; width: 40px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .button-bg-wrap, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .button-bg-wrap { margin-top: -20px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] svg, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] svg { height: 10px; width: 10px; } .nectar_video_lightbox.play_button_with_text { display: inline-block; padding: 20px 0; } .nectar_video_lightbox.play_button_with_text > span { display: block; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .link-text { margin-left: 15px; } .play_button_with_text[data-style="small"][data-font-style="h1"] .link-text, .play_button_with_text[data-style="small"][data-font-style="h2"] .link-text, .play_button_with_text[data-style="small"][data-font-style="h3"] .link-text  { margin-left: 20px; } .nectar_video_lightbox.play_button_with_text[data-style="small"] .play >.inner-wrap:before, .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play >.inner-wrap:before { border-width: 2px; border-style: solid; box-sizing: border-box; border-color: #000; } .span_12.dark .nectar_video_lightbox.play_button_with_text[data-style="small"] path, .span_12.dark .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] path { fill: #000; } .light .nectar_video_lightbox.play_button_with_text[data-style="small"] .play >.inner-wrap:before, .light .nectar_video_lightbox.play_button_with_text[data-style="bordered_top"] .play >.inner-wrap:before {  border-color: #fff; } .span_12.dark .nectar_video_lightbox.nectar-button[data-color*="transparent"]{ border:2px solid #000; color:#000 } .nectar_video_lightbox.nectar-button[data-color*="transparent"] { background-color:transparent; border:2px solid #fff; opacity:1; transition:all 0.2s ease; -webkit-transition:all 0.2s ease } .nectar_video_lightbox.nectar-button[data-color*="transparent"]:hover{ color:#fff; border-color:transparent } .nectar-video-box{ line-height:0; position:relative; margin-bottom:35px } .nectar-video-box img{ transition:all .7s cubic-bezier(.2,1,.22,1); -webkit-transition:all .7s cubic-bezier(.2,1,.22,1); margin-bottom:0!important; transform:translateZ(0) scale(1.05); -webkit-transform:translateZ(0) scale(1.05); backface-visibility:hidden; -webkit-backface-visibility:hidden; max-width:none!important; width:100%!important } .nectar-video-box img.nectar-lazy { opacity: 0; } .nectar-video-box img.nectar-lazy.loaded { opacity: 1; } .nectar-video-box[data-hover="zoom_button"] img, .nectar-video-box[data-hover="zoom_button"]:hover img{ transition:none; -webkit-transition:none; -webkit-transform:none; transform:none } .nectar-video-box .nectar_video_lightbox{ position:absolute; left:50%; top:50%; z-index:10; width:70px; height:70px; margin-top:-35px; margin-left:-35px; color:#fff; display:inline-block; border-radius:200px; -webkit-transform:translateZ(0); transform:translateZ(0) } body .nectar-video-box[data-hover="zoom_button"] .nectar_video_lightbox:after{ background-color:#000; position:absolute; content:' '; display:block; left:0; top:0; width:100%; border-radius:200px; height:100%; z-index:1; transition:all .7s cubic-bezier(.2,1,.22,1); -webkit-transition:all .7s cubic-bezier(.2,1,.22,1) } .nectar-video-box:hover .nectar_video_lightbox:after{ -webkit-transform:scale(1.14); transform:scale(1.14) } .nectar-video-box[data-hover="zoom_button"] .play{ position:relative; z-index:10 } .nectar-video-box .inner-wrap >a.full-link{ position:absolute; display:block; top:0; left:0; height:100%; width:100%; z-index:100 } .nectar-video-box:hover img{ transform:scale(1.14); -webkit-transform:scale(1.14) } .nectar-video-box .nectar_video_lightbox path{ fill:#fff!important } body .nectar-video-box[data-hover="zoom_button"] .nectar_video_lightbox{ background-color:transparent!important } .nectar-video-box .inner-wrap { overflow: hidden; } .nectar-video-box[data-border-radius*="px"] > .inner-wrap { transform: translateZ(0); } .nectar-video-box[data-border-radius="3px"] .inner-wrap { border-radius: 3px; } .nectar-video-box[data-border-radius="5px"] .inner-wrap { border-radius: 5px; } .nectar-video-box[data-border-radius="10px"] .inner-wrap { border-radius: 10px; } .nectar-video-box[data-border-radius="15px"] .inner-wrap { border-radius: 15px; } .nectar-video-box[data-border-radius="20px"] .inner-wrap { border-radius: 20px; } .nectar-video-box[data-shadow*="depth"]:before { position: absolute; width: 98%; height: 98%; top: 1%; left: 1%; display: block; content: ''; z-index: -1; } .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox { height: 110px; width: 110px; margin-left: -55px; margin-top: -55px; } @media only screen and (max-width : 690px) { .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox { width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; } }