body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert.show-input input{display:block}.sweet-alert button{background-color:#AEDEF4;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}.san_wrapper { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #EFEFEF; z-index: 999999; text-align: center; } .san_wrapper .san_inner{ width: 50%; margin: auto; text-align: center; background-color: #FFF; padding: 10px; border-radius: 16px; margin-top: 20px; border: 2px solid #DCDCDC; } .san_wrapper h2 { color: #EA3D3D; font-size: 36px; padding: 10px 10px; margin: 10px 0; border-top: 4px solid; border-bottom: 4px solid; display: inline-block; } .san_wrapper p{ font-size: 14px; font-weight: 600; line-height: 1.8; margin: 10px 0; } /*How to whitelist*/ /*How to whitelist modal*/ .san_howtowhitelist_modal_wrapper{ display:none; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #5858583b; z-index: 999999; text-align: center; } .san_howtowhitelist_modal_wrapper div{ position: relative; width: 50%; margin: auto; text-align: center; background-color: #FFF; padding: 20px 40px; border-radius: 16px; margin-top: 10%; border: 2px solid #DCDCDC; animation: animationFrames ease-in-out 0.8s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: animationFrames ease-in-out 0.8s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames ease-in-out 0.8s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames ease-in-out 0.8s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames ease-in-out 0.8s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } .san_howtowhitelist_modal_wrapper div .close-popup { position: absolute; background-image: url(//www.socialworkslab.com/wp-content/plugins/simple-adblock-notice/image/close.png); right: 20px; top: 20px; width: 24px; height: 24px; background-repeat: no-repeat; cursor: pointer; } .san_howtowhitelist_modal_wrapper div h3:after { content: ''; display: block; background: #000; height: 2px; max-width: 80px; width: 100%; margin: auto; margin-top: 10px; } .san_howtowhitelist_modal_wrapper div ol{ text-align:left; list-style: none; padding: 0; margin-top: 20px; } .san_howtowhitelist_modal_wrapper div ol li{ counter-increment: item; margin-bottom: 12px; font-size: 16px; } /*.san_howtowhitelist_modal_wrapper div ol li:before { margin-right: 10px; content: counter(item); background: #d42e2e; color: #fff; font-weight: bold; border-radius: 100%; text-align: center; display: inline-block; height: 30px; width: 30px; padding: 3px; } */ .san_howtowhitelist_modal_wrapper div ol li span{ padding: 3px; background: #ea5050; display: inline-block; height: 35px; width: 35px; text-align: center; border-radius: 50%; color: #fff; margin-right: 10px; line-height: 1.6; } /*How to whitelist message*/ .san_howtowhitelist{ display: none; position: fixed; bottom: 12px; left: 0; right: 0; justify-content: center; padding: 5px; text-align: center; z-index: 99999; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .san_howtowhitelist a{ color: #e6e6e6; font-size: 14px; background: #353535; padding: 6px 9px; border-radius: 5px; border-bottom: 2px solid #505050; cursor: pointer; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .san_howtowhitelist :hover{ margin-top: -3px; } .san_howtowhitelist a:hover{ box-shadow: 1px 2px 6px #584747; } .san_howtowhitelist{ animation: animationFrames ease-in-out 0.8s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: animationFrames ease-in-out 0.8s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames ease-in-out 0.8s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames ease-in-out 0.8s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames ease-in-out 0.8s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes animationFrames{ 0% { opacity:0.1; transform: translate(0px,40px) ; } 100% { opacity:1; transform: translate(0px,0px) ; } } @-moz-keyframes animationFrames{ 0% { opacity:0.1; -moz-transform: translate(0px,40px) ; } 100% { opacity:1; -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes animationFrames { 0% { opacity:0.1; -webkit-transform: translate(0px,40px) ; } 100% { opacity:1; -webkit-transform: translate(0px,0px) ; } } @-o-keyframes animationFrames { 0% { opacity:0.1; -o-transform: translate(0px,40px) ; } 100% { opacity:1; -o-transform: translate(0px,0px) ; } } @-ms-keyframes animationFrames { 0% { opacity:0.1; -ms-transform: translate(0px,40px) ; } 100% { opacity:1; -ms-transform: translate(0px,0px) ; } } @media(max-width:767px){ .sa-icon{ display: none !important; } .sweet-alert h2{ font-size: 20px; } .sweet-alert p{ font-size: 12px; } } /* ====================================================================================================================================================== GENERIC ====================================================================================================================================================== */ p:empty, .entry-content-wrapper:empty{ display:none; } .avia-shadow{ box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); } /*fix webkit flickering bug*/ .webkit_fix{ -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } body .container_wrap .avia-builder-el-no-sibling{ margin-top:0; margin-bottom:0; } body .container_wrap .avia-builder-el-last{ margin-bottom:0; } body .container_wrap .avia-builder-el-first{ margin-top:0; } body .av-align-left{ text-align: left; } body .av-align-right{ text-align: right; } body .av-align-center{ text-align: center; } #top .av_inherit_color *{ color:inherit; } #top .av_inherit_color a{ text-decoration: underline; } #top .av_opacity_variation{ opacity: 0.7; } #top .av-shortcode-disabled-notice{ display:block; text-align: center; margin: 5px; padding: 20px; background-color: #FFFDF3; color: #C96D11; border:1px solid #E6BF4A; clear:both; } #top .av-shortcode-disabled-notice a{ color: inherit; text-decoration: underline; } /* ====================================================================================================================================================== SCREEN READER see https://webaim.org/techniques/css/invisiblecontent/#techniques ====================================================================================================================================================== */ .av-screen-reader-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* ===================================================================================== Loading icon e.g. masonry, portfolio (moved from portfolio.css) ========================================================================================== */ .avia_loading_icon{ background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; margin: 0; display: none; z-index: 10000; } #top .avia_loading_icon .av-siteloader{ border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; } /* ============================================================================================= Tooltip for social share buttons (moved from blog.css - breaks layout if blog disabled ) ================================================================================================= */ .avia-related-tooltip{ position: absolute; z-index: 9999999; padding: 0; width: 200px; border-radius: 2px; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1); border-width: 1px; border-style: solid; padding: 15px; margin-top: -10px; } .avia-related-tooltip .avia-arrow-wrap{ top: auto; bottom: 0; position: absolute; left: 50% } .avia-related-tooltip .avia-arrow-wrap .avia-arrow{ border-top: none; border-left: none; top: -4px; } /* ====================================================================================================================================================== TEXT BLOCK ====================================================================================================================================================== */ .avia_textblock{ clear: both; line-height: 1.65em; } .avia_textblock.av_multi_colums > p:first-child{ margin-top: 0; } .flex_column + .avia_textblock{ padding-top: 50px; } /* ====================================================================================================================================================== Columns ====================================================================================================================================================== */ body .column-top-margin{ margin-top:50px; } body .flex_column.avia-link-column{ cursor: pointer; } body .flex_column.avia-link-column.avia-link-column-hover:hover{ opacity: 0.8; } /* ====================================================================================================================================================== Icon ====================================================================================================================================================== */ .av-icon-display{ display: block; font-size: 30px; line-height: 58px; margin: 0 auto 20px auto; width: 60px; border-radius: 100px; border-style: solid; border-width: 1px; text-align: center; transition: all 0.3s ease-in-out; } .av-icon-display.avia-svg-icon svg:first-child, .av-icon-display.avia-svg-icon img[is-svg-img="true"]{ height: 1em; width: 1em; margin-bottom: -4px; } /* ====================================================================================================================================================== COLOR SECTION ====================================================================================================================================================== */ .avia-section{ clear:both; width:100%; float:left; min-height:100px; position: static; /*fixes a glitch with bg image not displaying below video slide*/ } .avia-section.avia-section-small{ min-height:0; } .js_active .av-minimum-height .container{ z-index: 1; /*required for transition*/ opacity: 0; transition: opacity 0.6s ease-in; } .js_active.av-preloader-enabled .av-minimum-height .container{ transition: opacity 1.2s ease-in; } .avia-section.av-minimum-height .container{ display: table; table-layout: fixed; } .avia-section.av-minimum-height .container .content{ display: table-cell; vertical-align: middle; height:100%; float:none !important; } .av-minimum-height-100 .container { height:1500px; /*will be overwritten by js*/ } .avia-full-stretch{ background-size: cover !important; } .avia-full-contain{ background-size: contain !important; } .avia_mobile .avia-full-stretch{ background-attachment: scroll !important; } #top #main .avia-section .template-page{ width:100%; border:none; margin-left: auto; padding-left: 0; margin-right: auto; } .avia-section .template-page .entry-content-wrapper{ padding-right:0; } .avia-section-small .content, .avia-section-small .sidebar { padding-top: 20px; padding-bottom: 20px; } .avia-section-large .content, .avia-section-large .sidebar { padding-top: 70px; padding-bottom: 70px; } .avia-section-huge .content, .avia-section-huge .sidebar { padding-top: 130px; padding-bottom: 130px; } .avia-section-no-padding .content, .avia-section-no-padding .sidebar, .avia-section-custom .content, .avia-section-custom .sidebar{ padding-top:0; padding-bottom:0; } .html_header_sticky_disabled .container_wrap:first-child, .avia-section.avia-full-stretch, .html_header_transparency .avia-section.avia-builder-el-0{ border-top:none; } #top #wrap_all #main .avia-no-border-styling{ border:none; } #top .scroll-down-link { height: 60px; width: 80px; margin: 0px 0 0 -40px; line-height: 60px; position: absolute; left: 49.85%; bottom: 0px; color: #FFF; text-align: center; font-size: 70px; z-index: 100; text-decoration: none; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); animation: avia_fade_move_down 2s ease-in-out infinite; } #top .scroll-down-link.avia-svg-icon svg:first-child{ height: 70px; width: auto; stroke: #FFF; fill: #FFF; } #top .scroll-down-link.avia-svg-icon img[is-svg-img="true"]{ height: 70px; width: auto; } /*video bg*/ #top .av-section-with-video-bg{ border-top:none; position: relative; } #top .av-section-video-bg{ position: absolute; top:0; left:0; right:0; bottom: 0; padding: 0; margin: 0; z-index: 1; } #top .av-section-video-bg .av-click-to-play-overlay{ display: none; } #top .av-section-video-bg .avia-slideshow-inner{ height:100% !important; } #top .av-section-with-video-bg .av-section-video-bg .av-video-service-vimeo iframe{ transform: scale(1.2); } /*handle video section on mobile*/ .avia_mobile #top .av-parallax-section{ z-index: 0; transform: translate3d(0,0,0); } .avia_mobile #top .av-parallax{ position: absolute; z-index: -10; } .avia_mobile #top .av-parallax .container{ z-index: 10; } .avia_mobile #top .av-section-mobile-video-disabled .av-section-video-bg{ display:none; } .avia_desktop #top .av-section-mobile-video-disabled {background-image: none !important; } .avia_desktop #top .av-section-mobile-video-disabled .av-parallax{ display: none; } @media only screen and (max-width: 1024px) { .touch-device #top .avia-section.avia-bg-style-fixed { background-attachment: scroll; } } /*parallax section*/ .av-parallax-section{ position: relative; border-top: none; overflow: hidden; } .av-parallax { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; height: calc((100vh * 0.3) + 100%); will-change: transform; } .av-parallax-inner{ position: absolute; width: 100%; height:100%; bottom:0; left:0; } /*prevent img pos flickering*/ .js_active .av-parallax, .js_active .av-parallax-object{ opacity: 0; } .js_active .av-parallax.enabled-parallax{ opacity: 1 } .js_active .av-parallax.active-parallax, .js_active .av-parallax-object.active-parallax{ opacity: 1; transition: opacity 0.3s ease-in-out; } /*special border top elements*/ .avia_transform .av-extra-border-element{ position: relative; width: 100%; overflow: visible; } .avia_transform .av-extra-border-element.border-extra-arrow-down{ position: relative; width: 50px; height: 25px; left: 50%; margin-left: -26px; margin-top: -1px; z-index: 25; margin-bottom: -25px; clear:both; } .avia_transform .av-extra-border-element .av-extra-border-outer{ overflow: hidden; height:100%; width:100%; position: absolute; } .avia_transform .av-extra-border-element.border-extra-arrow-down .av-extra-border-inner{ position: absolute; left: 50%; width: 50px; height: 50px; transform: translateX(-50%) rotate(45deg); top: -39px; } .av-section-color-overlay + .container + .border-extra-diagonal, .av-section-color-overlay + .scroll-down-link + .container + .border-extra-diagonal{ z-index: 1; } .avia_transform .av-extra-border-element.border-extra-diagonal{ height:250px; margin-top: -250px; } .avia_transform .av-extra-border-element.border-extra-diagonal .av-extra-border-inner{ top: 250px; right: 0; width: 110%; height: 100%; transform-origin: right top; transform: rotate(5deg); position: absolute; } .avia_transform .av-extra-border-element.border-extra-diagonal.border-extra-diagonal-inverse .av-extra-border-inner{ transform: rotate(-5deg); transform-origin: left top; right:auto; left:0; } .av-extra-border-element.diagonal-box-shadow .av-extra-border-inner{ box-shadow: 0 0 44px -8px rgba(0,0,0,0.2); } div .av-section-color-overlay-wrap{ position: relative; width:100%; } .html_header_sidebar .av-section-color-overlay-wrap{ float:left; } div .av-section-color-overlay{ position: absolute; top:0; left: 0; bottom: 0; width:100%; } div .av-arrow-down-section .av-section-color-overlay{ bottom: 24px; } div .av-section-color-overlay{ z-index: 1; } div .av-video-service-html5 .av-section-color-overlay{ z-index: 8; } .html_minimal_header #main > .avia-builder-el-0, .av_minimal_header + #main .container_wrap_first:first-child { border-top: none; } /* ====================================================================================================================================================== Dropcaps ====================================================================================================================================================== */ .av_dropcap1 { display: block; float: left; font-size: 38px; line-height: 32px; margin: 4px 8px 0 0; } .av_dropcap2{ display:block; float:left; font-size:18px; line-height:35px; width:35px; text-align: center; margin:4px 8px 0 0; border-radius: 100px; font-weight: bold; } /* ====================================================================================================================================================== Contact Form Defaults ====================================================================================================================================================== */ fieldset{ border:none; } #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{ -webkit-appearance: none; border-radius:0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; border-radius: 2px; } #top select[multiple], #top .avia_ajax_form .select[multiple]{ background-image:none; } #top select[multiple] { background-image:none; } /* ====================================================================================================================================================== Sidebar ====================================================================================================================================================== */ .avia-builder-widget-area{ position: relative; } .flex_column .widget:first-child, .content .widget:first-child{ padding-top: 0; border-top: none; } .flex_column .widget .widgettitle , .content .widget .widgettitle{ margin-top:0.85em; } /* ====================================================================================================================================================== AVIA PLAYER Defaults ====================================================================================================================================================== */ /*playlist shortcode*/ .avia_textblock .wp-playlist{ margin:0; } .wp-playlist-light .wp-playlist-item.wp-playlist-playing{ background: transparent; } .wp-playlist-current-item img{ border-radius: 3px; } .wp-playlist-current-item img[src$="media/audio.png"]{ border-radius: 0px; background: #fff; } .wp-playlist-item-meta.wp-playlist-item-title{ font-weight: bold; } .wp-playlist-tracks .wp-playlist-item{ padding: 4px 3px; } .wp-playlist-tracks .wp-playlist-item-length{ top: 4px; } div .mejs-controls .mejs-time-rail .mejs-time-loaded, div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{ background:#9c9c9c; } div .mejs-controls .mejs-time-rail > span, div .mejs-controls .mejs-time-rail a, div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height:7px; } div .mejs-controls div.mejs-time-rail{ padding-top: 7px; } div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ top:12px; } div .mejs-container, div .mejs-embed, div .mejs-embed body, div .mejs-container div .mejs-controls{ background:transparent; } div .mejs-container{ border-radius:2px; background:#313131 } div .wp-playlist-item-album{ font-style: normal; } div .mejs-controls .mejs-playpause-button, div .mejs-controls .mejs-volume-button{ height:30px; } #top .mejs-container .mejs-controls .mejs-time, #top .mejs-time-rail .mejs-time-float{ color:#fff; } #top .mejs-time-rail .mejs-time-float { border:none; } div .mejs-container .mejs-controls{ height: 30px; width: 100%; } #top .mejs-container{ height: 30px; } #top .mejs-container.mejs-audio{ max-height: 30px } div .mejs-button>button { margin: 6px 6px; } div .mejs-time{ padding: 12px 6px 0; height:18px; } div .mejs-time-rail, div .mejs-horizontal-volume-slider{ height:30px; } div .mejs-controls .mejs-time-rail .mejs-time-handle{ display:none; } div .mejs-time-buffering, div .mejs-time-current, div .mejs-time-float-corner, div .mejs-time-hovered, div .mejs-time-loaded, div .mejs-time-marker, div .mejs-time-total{ height:7px; outline:none; } div .mejs-controls{ padding:0; } /* ====================================================================================================================================================== Privacy toggles frontend ====================================================================================================================================================== */ #top .av-toggle-switch{ display: block; margin-bottom: 10px; margin-top:10px; opacity: 0; text-align: left; } #top .av-toggle-switch.active{ animation: avia-fadein 1s 1 ease-in; opacity: 1; } #top .av-toggle-switch input[type="checkbox"] { display:none } #top .av-toggle-switch label { cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #top .av-toggle-switch label .toggle-track { display:block; height:27px; width:54px; background:rgba(0, 0, 0, 0.08); border-radius:100px; position:relative; margin-right:15px; border:1px solid rgba(0, 0, 0, 0.15); clear:both; vertical-align: bottom; float: left; transition:all .1s ease-in; } #top .av-toggle-switch .toggle-track:before{ content:''; display:inline;height:25px;width:25px;background:#fff; border-radius:100px; position:absolute; top:0; right:0; transition:right .1s ease-in; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px; } #top .av-toggle-switch.av-cookie-sc-disabled .toggle-track{ opacity: 0.2; } #top .av-toggle-switch input[type="checkbox"]:checked + .toggle-track:before{ right:27px; } #top .av-toggle-switch input[type="checkbox"]:checked + .toggle-track{ background:#5dceba; } #top .av-toggle-switch .toggle-label-content{ color: inherit; font-weight: bold; display: block; overflow: hidden; font-size: inherit; } #top .avia-cookie-consent-modal-buttons-wrap{ text-align: center; } /* ====================================================================================================================================================== Tooltips ========================================================================================================================================================= */ .avia-tooltip{ position: absolute; z-index: 9999999; padding:12px; margin-top:-18px; margin-left: -4px; background: #000; background: rgba(0, 0, 0, 0.8); color:#fff; width:140px; border-radius: 2px; text-align: center; } .avia-tooltip .inner_tooltip{ font-size: 0.925em; line-height: 1.65em; } #top .avia-tooltip.transparent_dark, #top .avia-tooltip.transparent_dark .avia-arrow{ background: #000; background: rgba(0, 0, 0, 0.8); color:#fff; border:none; } #top .avia-tooltip.transparent_dark h1, #top .avia-tooltip.transparent_dark h2, #top .avia-tooltip.transparent_dark h3, #top .avia-tooltip.transparent_dark h4, #top .avia-tooltip.transparent_dark h5, #top .avia-tooltip.transparent_dark h6{ color:inherit; } .avia-tooltip.av-tooltip-shadow, .avia-tooltip.av-tooltip-shadow .avia-arrow{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .avia-tooltip ul, .avia-tooltip ol, .avia-tooltip blockquote{ text-align: left; list-style-position: inside; } .avia-tooltip .avia-arrow{ background: rgba(0, 0, 0, 0.8); border:none; } .avia-tooltip .avia-arrow-wrap{ width:20px; height:20px; position: absolute; bottom:-20px; left:50%; margin-left:-7px; overflow: hidden; } .avia-tooltip .inner_tooltip br:first-child{ display:none; } /*tooltip positions. mainly used for image hotspots but also for testimonials*/ .av-tt-hotspot .avia-arrow-wrap{ bottom:auto; bottom:-19px; } .transparent_dark.av-tt-hotspot .avia-arrow-wrap{ bottom:-20px; } /*below*/ .avia-tooltip.av-tt-pos-below{ margin-top: 18px; } .avia-tooltip.av-tt-pos-below .avia-arrow-wrap{ bottom:auto; top:-19px; } .avia-tooltip.av-tt-pos-below .avia-arrow{ bottom: -6px; top:auto; } /*to the left*/ .avia-tooltip.av-tt-pos-left{ margin-top: 0; margin-left: -18px; } .avia-tooltip.av-tt-pos-left .avia-arrow-wrap{ left: auto; margin-left: 0; right: -19px; top: 50%; margin-top: -10px; } .avia-tooltip.av-tt-pos-left .avia-arrow{ top: 5px; left: -5px; margin-left: 0; } /*to the right*/ .avia-tooltip.av-tt-pos-right{ margin-top: 0; margin-left: 18px; } .avia-tooltip.av-tt-pos-right .avia-arrow-wrap{ left: -19px; margin-left: 0; top: 50%; margin-top: -10px; } .avia-tooltip.av-tt-pos-right .avia-arrow{ top: 5px; left:auto; right: -5px; margin-left: 0; } /*arrow alignment for above and below tooltips*/ .av-tt-pos-above.av-tt-align-right.avia-tooltip, .av-tt-pos-below.av-tt-align-right.avia-tooltip{ margin-left:4px; } .av-tt-pos-above.av-tt-align-left .avia-arrow-wrap, .av-tt-pos-below.av-tt-align-left .avia-arrow-wrap{ left: 0; margin-left: 7px; } .av-tt-pos-above.av-tt-align-right .avia-arrow-wrap, .av-tt-pos-below.av-tt-align-right .avia-arrow-wrap{ left: auto; right:0; margin-left: auto; margin-right: 7px; } /*arrow alignment for left and right tooltips*/ .av-tt-pos-left.av-tt-align-top .avia-arrow-wrap, .av-tt-pos-right.av-tt-align-top .avia-arrow-wrap{ top: 0; margin-top: 2px; } .av-tt-pos-left.av-tt-align-bottom .avia-arrow-wrap, .av-tt-pos-right.av-tt-align-bottom .avia-arrow-wrap{ bottom: 0; margin-bottom: 4px; top: auto; } .av-tt-pos-above.av-tt-align-centered, .av-tt-pos-below.av-tt-align-centered{ text-align: center; } /* ====================================================================================================================================================== ANIMATIONS ====================================================================================================================================================== */ .avia_transform .av-animated-generic { opacity: 0; } .avia_transform.avia_mobile .avia-mobile-no-animations .av-animated-generic { opacity: 1; } .avia_transform .av-animated-when-visible, .avia_transform .av-animated-when-almost-visible, .avia_transform .av-animated-when-visible-95{ opacity: 0; } .avia_transform .shadow-animated.av-animated-when-visible, .avia_transform .shadow-animated.av-animated-when-almost-visible, .avia_transform .shadow-animated.av-animated-when-visible-95{ opacity: 1; } .avia-animate-admin-preview.fade-in, .avia_transform .avia_start_delayed_animation.fade-in { animation: avia-fadein 1.5s 1 ease-out; opacity: 1; } .avia-animate-admin-preview.pop-up, .avia_transform .avia_start_delayed_animation.pop-up { animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia-animate-admin-preview.top-to-bottom, .avia_transform .avia_start_delayed_animation.top-to-bottom { animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia-animate-admin-preview.bottom-to-top, .avia_transform .avia_start_delayed_animation.bottom-to-top { animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); opacity: 1; } .avia-animate-admin-preview.left-to-right, .avia_transform .avia_start_delayed_animation.left-to-right { animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia-animate-admin-preview.right-to-left, .avia_transform .avia_start_delayed_animation.right-to-left { animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia-animate-admin-preview.av-rotateIn, .avia_transform .avia_start_delayed_animation.av-rotateIn { animation: avia-rotateIn 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia-animate-admin-preview.av-rotateInUpLeft, .avia_transform .avia_start_delayed_animation.av-rotateInUpLeft { animation: avia-rotateInUpLeft 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia-animate-admin-preview.av-rotateInUpRight, .avia_transform .avia_start_delayed_animation.av-rotateInUpRight { animation: avia-rotateInUpRight 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia-animate-admin-preview.avia-curtain-reveal-overlay, .avia_transform.avia_desktop .avia-curtain-reveal-overlay, .avia_transform .avia-curtain-reveal-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: 100; } .avia-animate-admin-preview.curtain-reveal-ttb, .avia_transform .avia_start_delayed_animation.curtain-reveal-ttb{ animation: avia-curtain-reveal-ttb cubic-bezier(0.17,0.84,0.44,1) 1s 1; height: 0; top: 100%; } .avia-animate-admin-preview.curtain-reveal-btt, .avia_transform .avia_start_delayed_animation.curtain-reveal-btt{ animation: avia-curtain-reveal-btt cubic-bezier(0.17,0.84,0.44,1) 1s 1; height: 0; } .avia-animate-admin-preview.curtain-reveal-ltr, .avia_transform .avia_start_delayed_animation.curtain-reveal-ltr{ animation: avia-curtain-reveal-ltr cubic-bezier(0.17,0.84,0.44,1) 1s 1; width: 0; left: 100%; } .avia-animate-admin-preview.curtain-reveal-rtl, .avia_transform .avia_start_delayed_animation.curtain-reveal-rtl{ animation: avia-curtain-reveal-rtl cubic-bezier(0.17,0.84,0.44,1) 1s 1; /* IE 10+ */ width: 0; } /*pop up animation*/ @keyframes avia_appear { 0% { transform:scale(0.5); opacity: 0.1; } 100% { transform:scale(1); opacity: 1; } } @keyframes avia_image_appear { 0% { transform:scale(0.7); opacity: 0.1; } 100% { transform:scale(1); opacity: 1; } } @keyframes avia_hotspot_appear { 0% { transform:translate(0, 80px); opacity: 0.1; } 100% { transform:translate(0, 0px); opacity: 1; } } @keyframes avia_appear_short { 0% { transform:scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform:scale(1); opacity: 0; } } /*pop up animation*/ @keyframes avia_masonry_show { 0% { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; } 100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /*animated arrow animattion*/ @keyframes avia_fade_move_down { 0% { transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,20px); opacity: 0; } } /*slide down (height increase) animation*/ @keyframes avia_slide_down { 0% { height:0%; } 100% { height:100%; } } /*expand width animation*/ @keyframes avia_expand { 0% { width:0%; } 100% { width:100%; } } /*fade in animation*/ @keyframes avia-ltr { 0% { transform:translate(-10%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-rtl { 0% { transform:translate(10%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-btt { 0% { transform:translate(0,50%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-ttb { 0% { transform:translate(0, -10%); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes avia-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes avia-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /*rotate*/ @keyframes avia-rotateIn { 0% { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center; transform: none; opacity: 1; } } @keyframes avia-rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes avia-rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -22deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } /*background animation*/ @keyframes avia-bg-move { 0% { background-position: -31px 0; } 100% { background-position: 0 0; } } /*caption animation*/ @keyframes caption-right { 0% { transform:translate(2000px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes caption-left { 0% { transform:translate(-2000px,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes caption-top { 0% { transform:translate(0,-20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @keyframes caption-bottom { 0% { transform:translate(0,20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } /*image hotspot pulse*/ @keyframes av_pulsate { 0% {transform: scale(0.1); opacity: 0.0;} 50% {opacity: 0.7;} 100% {transform: scale(1); opacity: 0.0;} } /*sonar effect*/ @keyframes sonarEffect { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);} 100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;} } /* curtain reveals 1px miscalc on several screen sizes !!! */ @keyframes avia-curtain-reveal-ltr{ 0% { width: 101%; left: 0; } 100%{ width: 0; left: 100%; } } @keyframes avia-curtain-reveal-rtl{ 0% { width: 100%; } 100%{ width: 0; } } @keyframes avia-curtain-reveal-ttb{ 0% { height: 101%; top: 0; } 100%{ height: 0; top: 100%; } } @keyframes avia-curtain-reveal-btt{ 0% { height: 100%; } 100%{ height: 0; } } /* ================================================================== Advanced Animations based on https://github.com/animate-css ================================================================== */ .avia-animate-admin-preview.fade-in-left, .avia_transform .avia_start_delayed_animation.fade-in-left{ animation: avia-fade-in-left cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } .avia-animate-admin-preview.fade-in-right, .avia_transform .avia_start_delayed_animation.fade-in-right{ animation: avia-fade-in-right cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } .avia-animate-admin-preview.fade-in-down, .avia_transform .avia_start_delayed_animation.fade-in-down{ animation: avia-fade-in-down cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } .avia-animate-admin-preview.fade-in-up, .avia_transform .avia_start_delayed_animation.fade-in-up{ animation: avia-fade-in-up cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } .avia-animate-admin-preview.flip-in-x, .avia_transform .avia_start_delayed_animation.flip-in-x{ animation: avia-flip-in-x cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } .avia-animate-admin-preview.flip-in-y, .avia_transform .avia_start_delayed_animation.flip-in-y{ animation: avia-flip-in-y cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } .avia-animate-admin-preview.roll-in, .avia_transform .avia_start_delayed_animation.roll-in{ animation: avia-roll-in cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } .avia-animate-admin-preview.zoom-in, .avia_transform .avia_start_delayed_animation.zoom-in{ animation: avia-zoom-in cubic-bezier(0.17,0.84,0.44,1) 1s 1 forwards; } @keyframes avia-fade-in-left{ 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-fade-in-right{ 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-fade-in-down { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-fade-in-up { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-flip-in-x{ 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } /* 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }*/ 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); opacity: 1; } } @keyframes avia-flip-in-y{ 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } /* 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }*/ 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); opacity: 1; } } @keyframes avia-roll-in{ 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes avia-zoom-in{ 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } /* ============================= Shape SVG Dividers ============================= */ .avia-divider-svg{ overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; pointer-events: none; } .avia-divider-svg-top{ top: 0px; } /* fix a small gap on different screen sizes - rotate(180deg) seems not calculate correctly */ .avia-divider-svg-bottom{ bottom: -2px; } /* Temporary fixes for Chrome 85 issue. Can be removed in a future version of Chrome. */ .avia-divider-svg-top:not(.avia-svg-original) svg, .avia-divider-svg-bottom:not(.avia-svg-negative) svg{ z-index: -1; } .avia-divider-svg.avia-divider-svg-bottom.avia-svg-original, .avia-divider-svg.avia-divider-svg-top.avia-svg-negative{ transform: rotate(180deg); } .avia-divider-svg svg{ fill: #fff; display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } .avia-divider-svg path{ transform-origin: center; transform: rotateY(0deg); } .avia-divider-svg.avia-flipped-svg svg{ transform: translateX(-50%) rotateY(180deg); } .avia-divider-svg.avia-to-front{ z-index: 100; } /* special case for paralax with overlay hiding svg */ .av-parallax-section.av-section-color-overlay-active .avia-divider-svg{ z-index: 1; } .av-parallax-section.av-section-color-overlay-active .avia-divider-svg.avia-to-front{ z-index: 100; } /* Fold / Unfold basic stylings for various elements Created on : 21.03.2023, 15:59:05 Author : Guenter @since : 5.6 */ .avia-fold-unfold-section{ position: relative; display: block; float: left; width: 100%; } .avia-fold-unfold-section.avia-fold-init{ max-height: 80px; overflow: hidden; opacity: 0.3; } .avia-fold-textblock-wrap.avia-fold-init:not(.avia-fold-init-done) .avia_textblock, .avia-fold-section-wrap.avia-fold-init:not(.avia-fold-init-done) + .avia-section, .avia-fold-grid-row-wrap.avia-fold-init:not(.avia-fold-init-done) + .av-layout-grid-container{ display: none; } .avia-fold-unfold-section.avia-fold-init-done{ max-height: 500px; overflow: hidden; opacity: 1; transition: all 1.0s ease-in-out; } .avia-fold-unfold-section .av-fold-unfold-container{ position: relative; clear: both; overflow: hidden; max-height: 80px; /* set via js for transition, initialize in post css to avoid jumping, adjust to max content height to unfold */ transition: all 0.7s ease-in-out; } .avia-fold-unfold-section .av-fold-unfold-container::after{ opacity: 0; content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,1) ); z-index: -1; /* allow pointer events */ height: 100%; transition: all 0.7s ease-in-out; } .avia-fold-unfold-section .av-fold-unfold-container.folded::after{ z-index: 500; opacity: 1; } .av-fold-unfold-container .av-fold-unfold-inner{ display: block; position: relative; float: left; width: 100%; } .avia-fold-unfold-section .av-fold-button-wrapper{ position: relative; display: block; float: left; width: 100%; padding-left: 0; padding-right: 0; } .avia-fold-unfold-section.align-left .av-fold-button-wrapper.av-fold-btn-padding{ padding-left: 30px; } .avia-fold-unfold-section.align-right .av-fold-button-wrapper.av-fold-btn-padding{ padding-right: 30px; } .avia-fold-unfold-section .av-fold-button-container{ position: relative; display: inline-block; margin-top: 15px; margin-bottom: 15px; float: left; z-index: 20; transition: all 0.7s ease-in-out; } .avia-fold-unfold-section.align-right .av-fold-button-container{ float: right; } .avia-fold-unfold-section.align-center .av-fold-button-container{ left: 50%; transform: translateX(-50%); } .avia-fold-unfold-section.fold-button .av-fold-button-container{ padding: 0.5em 0.8em; border: 1px solid; border-radius: 7px; } #top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-container{ text-decoration: underline; } .avia-fold-unfold-section .av-fold-button-container:hover{ opacity: 0.6; cursor: pointer; } /* Element specific */ .avia-fold-unfold-section .av-fold-unfold-container .avia_textblock{ display: inline-block; }