%%[[if edit]]%% #%id% .vb-%id%{position:absolute;top:0;left:0;content:"";width:100%;height:100%}#%id% .ed-warning{position:relative;z-index:10;font-size:12px;text-align:center;width:29%;margin:0 auto;background:white;border-radius:0 0 6px 6px}%%[[endif]]%% %%[[if!edit]]%% #%parentId%>.s-pro>.shear-wrapper{position:relative;z-index:1}#%parentId%>.s-pro>.sections-layer{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#%parentId%>.s-pro>.sections-layer>.video-background{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:""}#%parentId%>.s-pro>.sections-layer.is-loaded>.video-background.hide-when-loaded{display:none}#%parentId%>.s-pro>.sections-layer:not(.is-loaded)>#vid-%id%{opacity:0!important}#%parentId%>.s-pro>.sections-layer>#vid-%id%.not-started.hide-when-played{display:none!important}#%parentId%>.s-pro>.sections-layer:not(.is-loaded)>#vid-%id%.hide-when-played{display:none!important}#vid-%id%{opacity:%[if %(%id=vidOpacity% == 100)%]%1.0%[else]%0.%id=vidOpacity%%[endif]%}#vid-%id%.pre-load{opacity:0}#play-%id%{-webkit-transform:scale(1);transform:scale(1);position:absolute;top:50%;left:50%;-webkit-transition:all linear 220ms;transition:all linear 220ms;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;border:3px solid %id=playCols[0]%;margin:-50px 0 0 -50px;text-indent:-2000px;border-radius:4px;background-color:%id=playCols[1]%;overflow:hidden;z-index:9999}#play-%id%.pl-rect{height:80px}#play-%id%.pl-square,#play-%id%.pl-circ{height:100px}#play-%id%.pl-circ{border-radius:50%}#play-%id%::before{content:'';position:absolute;top:52%;left:52%;margin:-20px 0 0 -12px;border-left:35px solid rgba(0,0,0,0.2);border-top:20px solid transparent;border-bottom:20px solid transparent}#play-%id%::after{content:'';position:absolute;top:50%;left:48%;margin:-20px 0 0 -12px;border-left:40px solid %id=playCols[0]%;border-top:20px solid transparent;border-bottom:20px solid transparent}#play-%id%:hover{border-color:%id=playCols[2]%;background-color:%id=playCols[3]%}#play-%id%:hover::after{border-left-color:%id=playCols[2]%}#play-%id%.not-started{display:block}#play-%id%.no-play-button{display:none!important}%[if %id=hideMuteToggleUnmuted%]% .%id=muteToggle%.mute-video{display:none!important}%[endif]% %[if %id=bodyVid%]% .bg-vid_%id%{position:fixed;top:0;bottom:0;left:0;right:0;min-height:100vh;min-width:100vw}%[endif]% %[if %("%id=hide%" == "hide-below")%]% @media screen and (max-width:%id=hideBP%px){.vb-%id%:not(.is-touch-device):not(.preserve-bg-touch){display:none}}%[endif]% %[if %("%id=hide%" == "hide-above")%]% @media screen and (min-width:%id=hideBP%px){.vb-%id%:not(.is-touch-device):not(.preserve-bg-touch){display:none}}%[endif]% %[if %("%id=hide%" == "hide-touch")%]% @media screen and (min-width:%id=hideVidBP%px){.vb-%id%.is-touch-device{display:none}}%[endif]% %[if %("%id=hide%" == "hide-non-touch")%]% @media screen and (min-width:%id=hideVidBP%px){.vb-%id%:not(.is-touch-device){display:none}}%[endif]% %[if %("%id=hideVid%" == "hide-below")%]% @media screen and (max-width:%id=hideVidBP%px){#vid-%id%{display:none}}%[endif]% %[if %("%id=hideVid%" == "hide-above")%]% @media screen and (min-width:%id=hideVidBP%px){#vid-%id%{display:none}}%[endif]% %[if %id=type[0]%]% %[if %id=addContent[0]%]% %[if %id=addContent[1]%]% #%parentId%>.s-pro>.sections-layer>.layer-content{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}%[endif]% %[endif]% %[endif]% %%[[endif]]%% #%parentId% .vb-%id%.bg-none{background:transparent}#%parentId% .vb-%id%.bg-color{background-color:%id=baseColor%}%[if %("%id=style%" == "bg-gradient")%]% #%parentId% .vb-%id%.bg-gradient.twotone{background:linear-gradient(%id=ieCustomBgAngle%deg,%id=baseColor% 0,%id=baseColor - 10% 45%,%id=baseColor+5% 50%,%id=baseColor+20% 50%,%id=baseColor+10% 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='%id=baseColor%', endColorStr='%id=baseColor + 10%',GradientType=0)"}#%parentId% .vb-%id%.bg-gradient.onecolor{background:linear-gradient(%id=ieCustomBgAngle%deg,%id=baseColor% 20%,%id=baseColor+40% 75%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='%id=baseColor%', endColorStr='%id=baseColor + 40%',GradientType=0)"}#%parentId% .vb-%id%.bg-gradient.twocolor{background:linear-gradient(%id=ieCustomBgAngle%deg,%id=baseColor% %id=topStop%%,%id=baseColorTop% %id=baseStop%%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='%id=baseColor%', endColorStr='%id=baseColorTop%',GradientType=0)"}
#%parentId% .vb-%id%.bg-gradient.radial{background:radial-gradient(ellipse at %id=radX%% %id=radY%%,%id=baseColor% %id=topStop%%,%id=baseColorTop% %id=baseStop%%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='%id=baseColorTop%', endColorStr='%id=baseColor%',GradientType=0)"}%[endif]% %[if %("%id=style%" == "bg-image")%]% #%parentId% .vb-%id%.bg-image{opacity:%[if %(%id=imgOpacity% == 100)%]%1.0%[else]%0.%id=imgOpacity%%[endif]%;background-repeat:%id=bgRepeat%;background-position:%id=bgPosition%;background-size:%id=bgSize%}#%parentId% .vb-%id%.bg-image.bg-fixed{background-attachment:fixed;width:100%}#%parentId% .vb-%id%.bg-image:not(.bg-warehouse){background-image:url(%id=bgImage%)}#%parentId% .vb-%id%.bg-image.bg-warehouse{background-image:url(%id=bgWarehouseImage -href%)}#%parentId% .vb-%id%.bg-image.bg-col-mob{background-color:transparent}@media only screen and (max-width:40.063em){#%parentId% .vb-%id%.bg-image.bg-col-mob{background-color:%id=baseColor%;background-image:none}}@media only screen and (max-device-width:1024px){#%parentId% .vb-%id%.bg-image.bg-fixed{background-attachment:scroll!important}}@media only screen and (min-width:40.063em){%[if %("%id=bgImageLarge%"!= "")%]% #%parentId% .vb-%id%.bg-image:not(.bg-warehouse){background-image:url(%id=bgImageLarge%);opacity:%[if %(%id=imgOpacityLarge% == 100)%]%1.0%[else]%0.%id=imgOpacityLarge%%[endif]%;background-repeat:%id=bgRepeatLarge%;background-position:%id=bgPositionLarge%;background-size:%id=bgSizeLarge%}#%parentId% .vb-%id%.bg-col-mob{background-color:transparent}%[endif]% #%parentId% .vb-%id%.bg-image.bg-warehouse{%[if %("%id=bgWarehouseImageLarge -href%"!= "")%]% background-image:url(%id=bgWarehouseImageLarge -href%);opacity:%[if %(%id=imgOpacityLarge% == 100)%]%1.0%[else]%0.%id=imgOpacityLarge%%[endif]%;background-repeat:%id=bgRepeatLarge%;background-position:%id=bgPositionLarge%;background-size:%id=bgSizeLarge%;%[endif]%}}%[endif]% %[if %("%id=style%" == "bg-cms-image")%]% #%parentId% .vb-%id%.bg-cms-image{background-image:url(%baseURL%cms-data/image/%id=bgCMSImage%.%id=ext%);opacity:%[if %(%id=imgOpacityCMS% == 100)%]%1.0%[else]%0.%id=imgOpacityCMS%%[endif]%;background-repeat:%id=bgRepeatCMS%;background-position:%id=bgPositionCMS%;background-size:%id=bgSizeCMS%}#%parentId% .vb-%id%.bg-cms-image.bg-fixed{background-attachment:fixed;width:100%}#%parentId% .vb-%id%.bg-cms-image.bg-cms-col-mob{background-color:transparent}@media only screen and (max-width:40.063em){#%parentId% .vb-%id%.bg-image.bg-col-mob{background-color:%id=baseColor%;background-image:none}}@media only screen and (max-device-width:1024px){#%parentId% .vb-%id%>.bg-cms-image.bg-fixed{background-attachment:scroll!important}}@media only screen and (min-width:40.063em){#%parentId% .vb-%id%>.bg-cms-image.bg-col-mob{background-color:transparent}%[if %("%id=bgCMSImageLarge%"!= "")%]% #%parentId% .vb-%id%>.bg-cms-image{opacity:%[if %(%id=imgOpacityCMSLarge% == 100)%]%1.0%[else]%0.%id=imgOpacityCMSLarge%%[endif]%;background-repeat:%id=bgRepeatCMSLarge%;background-position:%id=bgPositionCMSLarge%;background-size:%id=bgSizeCMSLarge%;background-image:url(%baseURL%cms-data/image/%id=bgCMSImageLarge%.%id=extLarge%)}#%parentId% .vb-%id%>.bg-cms-image.bg-cms-col-mob{background-color:transparent}%[endif]%}%[endif]%
