@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';
.qodef-core-dashboard{max-width:initial!important}.qodef-core-dashboard .qodef-core-dashboard-inner{margin:0 -15px;display:inline-block;width:100%}.qodef-core-dashboard .qodef-cd-logo{display:inline-block;vertical-align:middle;padding-right:15px;width:62px}.qodef-core-dashboard .qodef-cd-title{display:inline-block;vertical-align:middle;font-size:41px;font-weight:400;margin:0}.qodef-core-dashboard .qodef-cd-title-holder{margin-bottom:30px}.qodef-core-dashboard .qodef-cd-subtitle{font-size:18px;line-height:25px;font-weight:400;color:#555d66;max-width:610px;margin:10px 0 30px}.qodef-core-dashboard .qodef-core-dashboard-column{float:left;width:100%;max-width:610px;padding:0 15px}@media only screen and (max-width:1600px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{max-width:initial;width:50%;box-sizing:border-box}}@media only screen and (max-width:768px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{width:100%}}.qodef-core-dashboard .qodef-core-dashboard-column.qodef-cd-smaller-column{max-width:380px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box{background-color:#fff}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-core-bottom-space{margin-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:28px 34px 23px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder p{margin:19px 0 0;padding:0;font-size:16px;line-height:22px;font-weight:400;color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-box-title-holder p{font-size:14px;line-height:20px;margin:17px 0 0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-label{font-weight:600;margin-bottom:15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h2{margin:0;padding:0;font-size:25px;font-weight:400;color:#32373c;text-align:left}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h3{margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-field-holder{padding-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-label{display:block;color:#555d66;font-size:14px;margin-bottom:7px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input{border:none;border-bottom:1px solid #c2c2c2;outline:0;width:50%;box-shadow:none;color:#555d66;font-size:14px;padding:4px 0;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus{outline:0;border-color:#c2c2c2}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:active,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:focus,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill{-webkit-text-fill-color:#666!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-field{border-bottom-color:#ee3535}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-message{display:block;color:#ee3535;font-size:12px;margin-top:5px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem{border:1px solid #e1e1e1;border-left:3px solid #ee3535;padding:15px;margin-bottom:25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem p{font-size:12px;line-height:18px;font-weight:600;margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box:last-child .qodef-cd-box-row:last-child{padding-bottom:10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button{padding:7px 35px;font-size:16px;line-height:1em;color:#fff;background-color:#3596ee;border:none;border-radius:5px;box-shadow:0 2px 0 0 #246eae;cursor:pointer}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-cd-button-disabled,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-import-demo-data-disabled{background-color:#6bb4f7}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button-wait{display:none;font-size:12px;color:#3596ee;margin-left:15px;font-weight:400}.qodef-core-dashboard .qodef-core-dashboard-column a.qodef-cd-button{text-decoration:none}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section{padding:0 35px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section h3{padding:0;margin:0 0 24px;color:#555d66;font-size:17px;line-height:20px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list{padding:10px 35px;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li{font-size:15px;margin:0 0 25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li a{color:#3675ae}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-row{display:table;padding:0 20px;border-bottom:1px solid #f1f1f1;width:100%;box-sizing:border-box;font-size:14px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-label,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{display:table-cell;width:50%;padding:17px 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{color:#3e87be}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value-false span{color:#ea3a27}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0 30px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section{padding:0 0 28px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns{display:flex;margin:0 -15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column{padding:0 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:first-child{width:75%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:last-child{width:25%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-cd-import-option,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-import-demo{width:100%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single{border-radius:0;border-color:#e1e1e1;height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-is-completed,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong{display:none;color:#3596ee;font-size:14px;font-weight:600}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong a{color:inherit}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-dependency,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-progress{display:none}#qodef-progress-bar[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:5px}#qodef-progress-bar[value]::-webkit-progress-bar{background-color:#fff;border:1px solid #e1e1e1;border-radius:0}#qodef-progress-bar{color:#3596ee}#qodef-progress-bar::-moz-progress-bar{background:#3596ee}#qodef-progress-bar::-webkit-progress-value{background:#3596ee}#qodef-progress-bar[aria-valuenow]:before{background:#3596ee}.qodef-cd-selection li.select2-results__option{padding:10px;margin:0}.qodef-cd-selection img{vertical-align:middle;padding-right:20px}.select2-container--default .qodef-cd-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-action-selection li.select2-results__option,.qodef-cd-single-page-selection li.select2-results__option{margin:0}.select2-container--default .qodef-cd-action-selection .select2-results__option[aria-selected=true],.select2-container--default .qodef-cd-single-page-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-action-selection .select2-results__option--highlighted,.select2-container--default .qodef-cd-single-page-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-import-single-page{width:100%}.qode-cd-switch{display:inline-block;border:1px solid #e1e1e1;border-radius:40px;overflow:hidden}.qode-cd-switch .qodef-cd-import-attachments{display:none}.qode-cd-switch .qode-cd-cb-disable,.qode-cd-switch .qode-cd-cb-enable{display:block;float:left;padding:0 10px}.qode-cd-switch .qode-cd-cb-disable.selected,.qode-cd-switch .qode-cd-cb-enable.selected{background-color:#3596ee;color:#fff}.qode-cd-switch .qode-cd-cb-disable span,.qode-cd-switch .qode-cd-cb-enable span{line-height:32px;font-size:13px;display:block;font-weight:700}.qodef-cd-demos-list{position:relative;display:inline-block;width:100%;vertical-align:middle;background:#fff;box-sizing:border-box;padding:45px 35px}.qodef-cd-demos-list article{position:relative;display:inline-block;width:100%;vertical-align:middle;box-sizing:border-box}.touchevents .qodef-cd-demos-list article{cursor:pointer}.qodef-cd-demos-list article .qodef-cd-demo-item-inner{position:relative;display:inline-block;width:100%;vertical-align:middle}.qodef-cd-demos-list article .qodef-cd-di-image{margin:0 0 22px;position:relative}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;background-color:#fff;transition:opacity .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner{display:flex;justify-content:center;flex-direction:column;text-align:center;height:100%}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-links-holder{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 5%}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link{padding:0 12px;margin:0 0 4px}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a{font-size:11px;text-transform:uppercase;color:#272727;font-weight:500;letter-spacing:1.3px;text-decoration:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:focus{outline:0;box-shadow:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a svg{transition:all .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:hover svg{animation:qode-arrow-move .7s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-description-holder p{font-size:13px;line-height:16px;color:#b5b5b5;margin:5px 0 0}.qodef-cd-demos-list article .qodef-cd-di-image:hover .qodef-cd-di-image-overlay{opacity:1}.qodef-cd-demos-list article .qodef-cd-di-image img{box-shadow:0 0 9px 4px rgba(0,0,0,.05)}.qodef-cd-demos-list article .qodef-cd-di-text{padding-bottom:10px}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-title{padding:0;margin:0;font-size:18px;line-height:25px;font-weight:400}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories{font-size:14px;font-weight:400;color:#555d66}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span{position:relative;display:inline-block;vertical-align:middle;padding:0;margin:0 7px 0 0}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:after{position:absolute;top:0;right:-4px;content:', ';color:inherit;line-height:inherit}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:last-child:after{display:none}.qodef-cd-demos-list.qodef-cd-no-space article{padding:0;margin:0}.qodef-cd-demos-list.qodef-cd-tiny-space article{padding:0 5px;margin:0 0 10px}.qodef-cd-demos-list.qodef-cd-small-space article{padding:0 10px;margin:0 0 20px}.qodef-cd-demos-list.qodef-cd-normal-space article{padding:0 15px;margin:0 0 30px}.qodef-cd-demos-list.qodef-cd-medium-space article{padding:0 25px;margin:0 0 50px}.qodef-cd-demos-list.qodef-cd-large-space article{padding:0 30px;margin:0 0 60px}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-demos-list-inner{opacity:0}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry article{width:100%}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-gutter{width:0}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:50%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:25%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article{width:20%}.qodef-cd-demos-list .qodef-cd-demos-filter-holder{padding:0 0 60px 25px}.qodef-cd-demos-list .qodef-cd-dlf-search{position:relative;width:250px;padding-right:30px;display:inline-block}.qodef-cd-demos-list .qodef-cd-dlf-search .qodef-cd-dlf-search-icon{position:absolute;left:0;top:50%;margin-top:-11px;color:#3594cd}.qodef-cd-demos-list .qodef-cd-dlf-search input{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #c2c2c2;box-shadow:none;padding-left:25px;outline:0;font-size:14px;line-height:26px;color:#555d66}.qodef-cd-demos-list .qodef-cd-dlf-filter{position:relative;display:inline-block;vertical-align:bottom}.qodef-cd-demos-list .qodef-cd-dfl-filter-list{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;list-style:none}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{position:relative;display:inline-block;vertical-align:middle;padding:0 10px;margin:0;float:left;cursor:pointer;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{position:relative;display:inline-block;vertical-align:middle;color:#555d66;font-size:16px;font-weight:600;line-height:20px;white-space:nowrap;border-bottom:1px solid transparent;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li.qodef-cd-demos-current span,.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li:hover span{border-bottom-color:#3596ee;color:#3596ee}#qodef-demo-import-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3)}#qodef-demo-import-popup .qodef-import-popup-close{position:absolute;right:25px;top:25px;text-decoration:none;color:#000}#qodef-demo-import-popup .qodef-core-dashboard{margin:0;padding:27px 40px 2px;background-color:#fff;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column{max-width:670px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:0;margin:0 0 33px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder{max-width:205px;margin-right:19px;display:inline-block;vertical-align:top}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder img{display:block;max-width:100%}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder{display:inline-block;vertical-align:top;max-width:calc(100% - 230px);border:1px solid #e1e1e1;border-left:3px solid #3596ee;box-sizing:border-box;padding:16px 17% 11px 18px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p{margin:0;font-size:12px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p.qode-demo-plugins-install-main-title{margin:0 0 7px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link{color:#4b9eef;text-decoration:none}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-installed{color:#6ab375}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link.qodef-disabled{pointer-events:none;opacity:.6}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link:focus{box-shadow:none;outline:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner{float:none;margin:0 0 0 4px;top:2px;width:15px;background-size:15px;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner.active{visibility:visible}@media only screen and (max-width:1440px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1400px){.qodef-cd-dlf-filter{display:block;padding-top:30px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{padding:5px 10px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{line-height:26px}}@media only screen and (max-width:1280px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1024px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}}@media only screen and (max-width:768px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:50%}}@media only screen and (max-width:600px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:100%}}ul.gallery-sm-img {
display: flex;
padding: 0;
margin: 0;
justify-content: left;
list-style: none;
margin-top: 14px;
}
ul.gallery-sm-img li {
margin: 0 3px;
}
.htmegavc_accordion_normal .htmegavc-panel-default {
margin-bottom: 11px;
}
.htmegavc_accordion_normal .htmegavc-panel-heading{
background-color: #f4f4f4;
border-color: #f4f4f4;
padding: 0;
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-heading h4 {
font-size: 14px;
margin-bottom: 0px;
font-weight: 600;
margin-top: 0;
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-heading h4 a {
display: block;
color: #18012c;
position: relative;
line-height: 53px;
padding: 5px 22px 5px 22px;
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-heading i{
display: inline-block;
width: 53px;
background: #fff;
height: 53px;
line-height: 53px;
text-align: center;
top: 50%;
font-style: normal;
transition: transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
color: #18012c;
position: absolute;
font-size: 15px;
transform: translateY(-50%);
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-heading a.htb-collapsed i.opened-accourdion{
display: none;
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-collapse {
background: #e9e9e9;
padding: 32px 30px;
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-collapse .htmegavc-panel-body {
color: #494849;
font-size: 14px;
line-height: 28px;
font-family: 'Poppins', sans-serif;
}
.htmegavc_accordion_normal a {
line-height: 53px;
padding: 5px 22px 5px 22px;
} .htmegavc_accordion_normal.icon_left .htmegavc-panel-heading i {
left: 5px;
right: auto;
}
.htmegavc_accordion_normal.icon_left .htmegavc-panel-default .htmegavc-panel-heading h4 a{
padding-left: 75px;
} .htmegavc_accordion_normal.icon_right .htmegavc-panel-heading i {
left: auto;
right: 5px;
} .htmegavc_accordion_normal.theme_2 .htmegavc-panel-heading {
background-color: #fff;
border-color: #fff;
} .htmegavc_accordion_normal.theme_3 .htmegavc-panel-heading {
background-color: #fff;
border-color: #fff;
border-radius: 30px;
}
.htmegavc_accordion_normal.theme_3 .htmegavc-panel-collapse {
background: transparent;
border-left: 1px dashed #0a0a0a !important;
margin-left: 31px;
}
.htmegavc_accordion_normal.theme_3 .htmegavc-panel-heading i{
background-color: #f4f4f4;
border-radius: 100%;
} .htmegavc_accordion_normal.theme_4 .htmegavc-panel-heading {
border: 1px solid #000;
background-color: transparent;
}
.htmegavc_accordion_normal.theme_4 .htmegavc-panel-collapse {
background: transparent;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
.htmegavc_accordion_normal.theme_4.icon_left .htmegavc-panel-heading i{
border-right: 1px solid #000;
left: 0;
}
.htmegavc_accordion_normal.theme_4 .htmegavc-panel-heading i{
height: 62px;
line-height: 62px;
width: 58px;
}
.htmegavc_accordion_normal.theme_4.icon_right .htmegavc-panel-heading i{
border-left: 1px solid #000;
border-right: 0;
right: 0;
} .htmegavc_accordion_normal.theme_5 .htmegavc-panel-heading{
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
background: #fff;
}
.htmegavc_accordion_normal.theme_5 .htmegavc-panel-default .htmegavc-panel-collapse {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
} .gallery-wrap {
display: flex;
flex-direction: row;
width: 100%;
height: 70vh;
}
.gallery-wrap .item {
flex: 1;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: none;
transition: flex 0.8s ease;
}
.gallery-wrap .item:hover {
flex: 7;
} ul.htmegavc-accordion--4 {
list-style: none;
padding: 0;
margin: 0;
display: flex;
text-align: center !important;
justify-content: center;
margin-top: 40px;
}
ul.htmegavc-accordion--4 li {
width: 115px;
height: 480px;
display: block;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
cursor: pointer;
-moz-box-shadow: 1px 3px 15px #555;
-webkit-box-shadow: 1px 3px 15px #555;
box-shadow: 1px 3px 15px #555;
}
ul.htmegavc-accordion--4 li.bleft {
border-left: 2px solid #fff;
}
ul.htmegavc-accordion--4 li .horizontal_accor_heading {
background-color: #fff;
padding: 10px;
margin-top: 60px;
text-transform: capitalize;
font-weight: 500;
font-size: 18px;
text-align: center;
color: #18012c;
}
ul.htmegavc-accordion--4 li .horizontal_accor_description {
position: absolute;
height: 175px;
bottom: 60px;
left: 0px;
display: none;
width: 100%;
}
ul.htmegavc-accordion--4 li .horizontal_accor_description h2 {
color: #18012c;
font-size: 30px;
margin-top: 0;
margin-bottom: 8px;
}
ul.htmegavc-accordion--4 li .horizontal_accor_description p {
margin: 10px 22px;
font-size: 14px;
line-height: 28px;
color: #18012c;
}
ul.htmegavc-accordion--4 li .horizontal_accor_description a {
position: absolute;
bottom: 5px;
left: 20px;
text-transform: uppercase;
font-style: normal;
font-size: 11px;
text-decoration: none;
color: #888;
}
ul.htmegavc-accordion--4 li .horizontal_accor_description a:hover {
color: #333;
text-decoration: underline;
}
ul.htmegavc-accordion--4 li .horizontal_accor_bgDescription {
background: transparent url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/accordion/images/bgDescription.png) repeat-x top left;
height: 340px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
display: none;
} .accor_wrapper {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background: #000;
}
.htmegavc-accordion--5 {
position: relative;
margin: 40px auto 0 auto;
}
.htmegavc-accordion--5 .single_accordion {
cursor: pointer;
position: absolute;
width: 100%;
left: 0px;
overflow: hidden;
text-align: center;
z-index: 2;
background-size: cover;
}
.htmegavc-accordion--5 .single_accordion::before {
position: absolute;
content: "";
background: #000000;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.4;
z-index: -1;
}
.htmegavc-accordion--5 .single_accordion .va-title {
text-transform: uppercase;
font-size: 40px;
margin-left: 20px;
color: #ffffff;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.htmegavc-accordion--5 .single_accordion .va-title p {
font-size: 22px;
font-style: italic;
font-family: Georgia, serif;
}
.htmegavc-accordion--5 .single_accordion .va-content {
display: none;
margin-left: 0;
padding: 0 23%;
margin-top: -36px;
}
.htmegavc-accordion--5 .single_accordion .va-content p {
color: #ffffff;
font-size: 14px;
line-height: 28px;
}
.accor_wrapper .bg-1 {
background-size: cover;
}
.accor_wrapper .bg-2 {
background-size: cover;
}
.accor_wrapper .bg-3 {
background-size: cover;
}
.accor_wrapper .bg-4 {
background-size: cover;
}
.accor_wrapper .bg-5 {
background-size: cover;
}
.accor_wrapper .bg-6 {
background-size: cover;
}
.accor_wrapper .bg-7 {
background-size: cover;
}  @media (max-width: 767px) {
.htmegavc_accordion_normal.icon_left .htmegavc-panel-default .htmegavc-panel-heading h4 a {
padding-right: 10px;
}
.htmegavc-accordion--5 .single_accordion .va-title {
margin-left: 0;
}
.htmegavc_accordion_normal.theme_4 .htmegavc-panel-default .htmegavc-panel-heading h4 a,
.htmegavc_accordion_normal.theme_4 .htmegavc-panel-default .htmegavc-panel-heading h4 a,
.htmegavc_accordion_norma.theme_3.icon_circle.icon_left h4 a{
line-height: initial; 
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-heading h4 {
padding-bottom: 20px;
padding-top: 20px;
}
.htmegavc_accordion_normal .htmegavc-panel-default .htmegavc-panel-heading h4 a{
line-height: initial;
}
.row_faq .vc_col-sm-6{
margin-bottom: 30px;
}
.row_faq .vc_col-sm-6:last-child{
margin-bottom: 0;
}
}.cd-title {
position: relative;
height: 160px;
line-height: 230px;
text-align: center;
}
.cd-title h1 {
font-size: 2.4rem;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.cd-title {
line-height: 250px;
}
}
@media only screen and (min-width: 1170px) {
.cd-title {
height: 200px;
line-height: 300px;
}
.cd-title h1 {
font-size: 3rem;
}
}
.cd-intro {
width: 90%;
max-width: 768px;
text-align: center;
}
.cd-intro {
margin: 4em auto;
}
@media only screen and (min-width: 768px) {
.cd-intro {
margin: 5em auto;
}
}
@media only screen and (min-width: 1170px) {
.cd-intro {
margin: 6em auto;
}
}
.cd-headline {
font-size: 3rem;
line-height: 1.2;
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
} .cd-headline.rotate-1 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: cd-rotate-1-in 1.2s;
-moz-animation: cd-rotate-1-in 1.2s;
animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: cd-rotate-1-out 1.2s;
-moz-animation: cd-rotate-1-out 1.2s;
animation: cd-rotate-1-out 1.2s;
}
@-webkit-keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@-moz-keyframes cd-rotate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@-moz-keyframes cd-rotate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1;
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
} .cd-headline.type .cd-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after { content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 2px;
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
-webkit-animation: cd-pulse 1s infinite;
-moz-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
color: #0d0d0d;
}
.cd-headline.type b {
visibility: hidden;
}
.cd-headline.type b.is-visible {
visibility: visible;
}
.cd-headline.type i {
position: absolute;
visibility: hidden;
}
.cd-headline.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-headline.rotate-2 b {
opacity: 0;
}
.cd-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
opacity: 1;
}
.cd-headline.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
-moz-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
-moz-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
} .cd-headline.loading-bar span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after { content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0096a7;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.cd-headline.loading-bar b {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
} .cd-headline.slide span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.slide b {
opacity: 0;
top: .2em;
}
.cd-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
} .cd-headline.clip span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after { content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #aebcb9;
}
.cd-headline.clip b {
opacity: 0;
}
.cd-headline.clip b.is-visible {
opacity: 1;
} .cd-headline.zoom .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.zoom b {
opacity: 0;
}
.cd-headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
} .cd-headline.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-3 b {
opacity: 0;
}
.cd-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
-moz-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
-moz-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
} .cd-headline.scale b {
opacity: 0;
}
.cd-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-visible .cd-headline.scale i {
opacity: 1;
}
.cd-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0;
}
60% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
} .cd-headline.push b {
opacity: 0;
}
.cd-headline.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
-moz-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
-webkit-animation: push-out 0.6s;
-moz-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
} .htmegavc-style-1 {
overflow: hidden;
height: 45px;
}
.htmegavc-style-1 h4.cd-headline {
overflow: hidden;
color: #515151;
font-size: 36px;
font-weight: 600;
margin: 0;
text-align: center;
line-height: 1;
}
.htmegavc-style-1 h4.cd-headline b {
float: left;
text-align: left;
color: #0056ff;
font-weight: 600;
} .htmegavc-style-2 h4.cd-headline {
padding: .25em 0 .325em;
display: block;
margin: 0 auto;
text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
font-size: 60px;
color: #515151; background: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/animated-heading/images/animated_text_fill.png) repeat;
background-size: inherit;
-webkit-background-clip: text;
background-clip: text; -webkit-text-fill-color: transparent;
-webkit-animation: bgimganimation 80s linear infinite; -webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
} .htmegavc-style-3 h4.cd-headline {
color: #515151;
font-size: 60px;
font-weight: 700;
margin: 0;
}
.htmegavc-style-3 h4.cd-headline b.is-visible {
color: #0056ff;
} .htmegavc-style-4 h4.cd-headline {
vertical-align: middle;
text-align: center;
font-size: 36px;
color: #4e4e4e;
font-weight: 400;
font-style: italic;
}
.htmegavc-style-4 h4.cd-headline .text--theme--2 {
padding-right: 16px;
}
.htmegavc-style-4 h4.cd-headline span b.is-visible {
color: #0056ff;
}
.htmegavc-style-4 h4.cd-headline.slide {
overflow: hidden;
}
.htmegavc-style-4 h4.cd-headline.slide span {
display: inline-block;
padding: 0;
padding-right: 11px;
}
.htmegavc-style-4 h4.cd-headline.slide .cd-words-wrapper {
overflow: visible;
} .htmegavc-style-5 h4.cd-headline.cd-headline {
font-size: 36px;
font-weight: 500;
text-transform: uppercase;
}
.htmegavc-style-5 h4.cd-headline .cd-words-wrapper b {
color: #0056ff;
}
.htmegavc-style-5 h4.cd-headline .cd-words-wrapper b i{
font-style: normal;
} .htmegavc-style-6 h4.cd-headline {
text-align: center;
font-size: 36px;
font-weight: 400;
margin: 0;
font-style: normal;
}
.htmegavc-style-6 h4.cd-headline span {
font-size: 48px;
color: #515151;
padding: 0;
}
.htmegavc-style-6 h4.cd-headline span b.is-visible {
font-style: italic;
color: #0056ff;
}
.htmegavc-style-6 h4.cd-headline.loading-bar .cd-words-wrapper::after {
background: #0056ff;
} .htmegavc-style-7 h4.cd-headline {
text-align: center;
font-size: 36px;
color: #515151;
font-weight: 400;
margin: 0;
}
.htmegavc-style-7 h4.cd-headline span b.is-visible {
color: #0056ff;
font-style: italic;
font-size: 48px;
} @media (max-width: 767px) {
.htmegavc-style-1 {
overflow: visible;
height: auto; 
}
.cd-headline .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
margin: 0 auto;
text-align: center;
}
.htmegavc-animated-heading h4.cd-headline b {
text-align: center;
width: 100%;
}
}.color-theme {
color: #18012c; }
.white {
color: #fff; } .button-color--theme {
background: #18012c; } .button-radious--5 {
border-radius: 5px; }
.button-radious--10 {
border-radius: 10px; }
.button-radious--15 {
border-radius: 15px; }
.button-radious--20 {
border-radius: 20px; }
.button-radious--25 {
border-radius: 25px; }
.button-radious--30 {
border-radius: 30px; }
.button-radious--35 {
border-radius: 35px; }
.button-radious--40 {
border-radius: 40px; }
.button-radious--45 {
border-radius: 45px; }
.button-radious--50 {
border-radius: 50px; }
.button-radious--55 {
border-radius: 55px; }
.button-radious--60 {
border-radius: 60px; }
.button-radious--65 {
border-radius: 65px; }
.button-radious--70 {
border-radius: 70px; }
.button-radious--75 {
border-radius: 75px; }
.button-radious--80 {
border-radius: 80px; }
.button-radious--85 {
border-radius: 85px; }
.button-radious--90 {
border-radius: 90px; }
.button-radious--95 {
border-radius: 95px; }
.button-radious--100 {
border-radius: 100px; }
.button-radious--105 {
border-radius: 105px; }
.button-radious--110 {
border-radius: 110px; }
.button-radious--115 {
border-radius: 115px; }
.button-radious--120 {
border-radius: 120px; }
.button-radious--125 {
border-radius: 125px; }
.button-radious--130 {
border-radius: 130px; }
.button-radious--135 {
border-radius: 135px; }
.button-radious--140 {
border-radius: 140px; }
.button-radious--145 {
border-radius: 145px; }
.button-radious--150 {
border-radius: 150px; }
.button-radious--155 {
border-radius: 155px; }
.button-radious--160 {
border-radius: 160px; }
.button-radious--165 {
border-radius: 165px; }
.button-radious--170 {
border-radius: 170px; }
.button-radious--175 {
border-radius: 175px; }
.button-radious--180 {
border-radius: 180px; }
.button-radious--185 {
border-radius: 185px; }
.button-radious--190 {
border-radius: 190px; }
.button-radious--195 {
border-radius: 195px; }
.button-radious--200 {
border-radius: 200px; }
.button-radious--205 {
border-radius: 205px; }
.button-radious--210 {
border-radius: 210px; }
.button-radious--215 {
border-radius: 215px; }
.button-radious--220 {
border-radius: 220px; }
.button-radious--225 {
border-radius: 225px; }
.button-radious--230 {
border-radius: 230px; }
.button-radious--235 {
border-radius: 235px; }
.button-radious--240 {
border-radius: 240px; }
.button-radious--245 {
border-radius: 245px; }
.button-radious--250 {
border-radius: 250px; } .border-1 {
border: 1px solid #18012c !important; }
.border-4 {
border: 4px solid #18012c !important; }
.border-8 {
border: 8px solid #18012c !important; } .bg_color--1 {
background: #18012c; }
.bg_color--2 {
background: #fff; }
.bg_color--3 {
background: #f4f4f4; }
.bg_color--4 {
background: #45b29d; }
.bg_color--5 {
background: #556270; }
.bg_color--6 {
background: #3c254a; }
.bg_color--7 {
background: #73665c; }
.bg_color--8 {
background: #e09d8b; }
.bg_color--9 {
background: #1a4f63; }
.bg_color--10 {
background: #a85265; }
.bg_color--11 {
background: #d82f4e; }
.bg_color--12 {
background: #ed9330; }
.bg_color--13 {
background: #c44b26; }
.bg_color--14 {
background: #751d45; }
.bg_color--15 {
background: #ff6b6b; }
.bg_color--16 {
background: #c44d58; }
.bg_color--17 {
background: #a85265; }
.bg_color--18 {
background: #7db7f1; }
.bg_color--19 {
background: #077e67; }
.bg_color--20 {
background: #84680a; }
.bg_color--21 {
background: #a04714; }
.bg-transparent {
background: transparent !important; } .bg_image--1 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--2 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--3 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--4 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--5 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--6 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--7 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--8 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--9 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--10 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--11 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--12 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--13 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--14 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--15 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--16 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--17 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--18 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--19 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.bg_image--20 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; } .text-italic {
font-style: italic; }
.text-normal {
font-style: normal; }
.text-underline {
font-style: underline; } .body-font {
font-family: "Poppins", sans-serif; }
.heading-font {
font-family: "Montserrat", sans-serif; } .fullscreen {
min-height: 100vh;
width: 100%; }
.w-100 {
width: 100%; }
.w-75 {
width: 75%; }
.w-50 {
width: 50%; }
.w-33 {
width: 33.33%; }
.w-25 {
width: 25%; }
.w-10 {
width: 10%; }
.h-100 {
height: 100%; }
.h-75 {
height: 75%; }
.h-50 {
height: 50%; }
.h-25 {
height: 25%; }
.h-33 {
height: 33.33%; }
.h-10 {
height: 10%; } .row--0 {
margin-left: -0px;
margin-right: -0px; }
.row--0 > [class*="col"] {
padding-left: 0px;
padding-right: 0px; }
.row--5 {
margin-left: -5px;
margin-right: -5px; }
.row--5 > [class*="col"] {
padding-left: 5px;
padding-right: 5px; }
.row--10 {
margin-left: -10px;
margin-right: -10px; }
.row--10 > [class*="col"] {
padding-left: 10px;
padding-right: 10px; }
.row--20 {
margin-left: -20px;
margin-right: -20px; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--20 {
margin-left: -15px;
margin-right: -15px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--20 {
margin-left: -15px;
margin-right: -15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--20 {
margin-left: -15px;
margin-right: -15px; } }
@media only screen and (max-width: 767px) {
.row--20 {
margin-left: -15px !important;
margin-right: -15px !important; } }
.row--20 > [class*="col"], .row--20 > [class*="col-"] {
padding-left: 20px;
padding-right: 20px; }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--20 > [class*="col"], .row--20 > [class*="col-"] {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--20 > [class*="col"], .row--20 > [class*="col-"] {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--20 > [class*="col"], .row--20 > [class*="col-"] {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media only screen and (max-width: 767px) {
.row--20 > [class*="col"], .row--20 > [class*="col-"] {
padding-left: 15px !important;
padding-right: 15px !important; } } input:-moz-placeholder, textarea:-moz-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } [data-overlay],
[data-black-overlay],
[data-white-overlay] {
position: relative; }
[data-overlay] > div,
[data-overlay] > *,
[data-black-overlay] > div,
[data-black-overlay] > *,
[data-white-overlay] > div,
[data-white-overlay] > * {
position: relative;
z-index: 2; }
[data-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 2; }
[data-overlay]:before {
background-color: #18012c; }
[data-black-overlay]:before {
background-color: #000000; }
[data-white-overlay]:before {
background-color: #ffffff; }
[data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-white-overlay="1"]:before {
opacity: 0.1; }
[data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-white-overlay="2"]:before {
opacity: 0.2; }
[data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-white-overlay="3"]:before {
opacity: 0.3; }
[data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-white-overlay="4"]:before {
opacity: 0.4; }
[data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-white-overlay="5"]:before {
opacity: 0.5; }
[data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-white-overlay="6"]:before {
opacity: 0.6; }
[data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-white-overlay="7"]:before {
opacity: 0.7; }
[data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-white-overlay="8"]:before {
opacity: 0.8; }
[data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before {
opacity: 0.9; }
[data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-white-overlay="10"]:before {
opacity: 1; }
.bg-theme, .bg-dark, .bg-dark-light, .bg-secondary {
color: #ffffff; }
.bg-theme h1, .bg-theme h2, .bg-theme h3, .bg-theme h4, .bg-theme h5, .bg-theme h6, .bg-theme p, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark p, .bg-dark-light h1, .bg-dark-light h2, .bg-dark-light h3, .bg-dark-light h4, .bg-dark-light h5, .bg-dark-light h6, .bg-dark-light p, .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-secondary p {
color: #ffffff; } .form-message {
margin-bottom: 0;
text-align: center; }
.form-message.error {
margin-top: 20px;
color: #f80707; }
.form-message.success {
margin-top: 20px;
color: #0d8d2d; }
.bk-parallax {
position: relative;
z-index: 0; }
.bk-parallax > .bk-parallax-img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; } .facebook {
background-color: #3B5998;
color: #fff; }
.facebook:hover {
background-color: #3B5998;
color: #fff; }
.twitter {
background-color: #00ACEE;
color: #fff; }
.twitter:hover {
background-color: #00ACEE;
color: #fff; }
.linkedin {
background-color: #0E76A8;
color: #fff; }
.linkedin:hover {
background-color: #0E76A8;
color: #fff; }
.pinterest {
background-color: #C8232C;
color: #fff; }
.pinterest:hover {
background-color: #C8232C;
color: #fff; }
.google-plus {
background-color: #DD4B39;
color: #fff; }
.google-plus:hover {
background-color: #DD4B39;
color: #fff; }
.flickr {
background-color: #FF0084;
color: #fff; }
.flickr:hover {
background-color: #FF0084;
color: #fff; }
.yahoo {
background-color: #720E9E;
color: #fff; }
.yahoo:hover {
background-color: #720E9E;
color: #fff; }
.behance {
background-color: #0057ff;
color: #fff; }
.behance:hover {
background-color: #0057ff;
color: #fff; }
.dribbble {
background-color: #EA4C89;
color: #fff; }
.dribbble:hover {
background-color: #EA4C89;
color: #fff; }
.google {
background-color: #DD4B39;
color: #fff; }
.google:hover {
background-color: #DD4B39;
color: #fff; }
.github {
background-color: #171515;
color: #fff; }
.github:hover {
background-color: #171515;
color: #fff; }
.instagram {
background-color: #D82E86;
color: #fff; }
.instagram:hover {
background-color: #D82E86;
color: #fff; }
.quora {
background-color: #A82400;
color: #fff; }
.quora:hover {
background-color: #A82400;
color: #fff; }
.reddit {
background-color: #C6C6C6;
color: #fff; }
.reddit:hover {
background-color: #C6C6C6;
color: #fff; }
.skype {
background-color: #00AFF0;
color: #fff; }
.skype:hover {
background-color: #00AFF0;
color: #fff; }
.slack {
background-color: #63C1A0;
color: #fff; }
.slack:hover {
background-color: #63C1A0;
color: #fff; }
.snapchat {
background-color: #FFFC00;
color: #fff; }
.snapchat:hover {
background-color: #FFFC00;
color: #fff; }
.tumblr {
background-color: #34526F;
color: #fff; }
.tumblr:hover {
background-color: #34526F;
color: #fff; }
.vimeo {
background-color: #86C9EF;
color: #fff; }
.vimeo:hover {
background-color: #86C9EF;
color: #fff; }
.youtube {
background-color: #C4302B;
color: #fff; }
.youtube:hover {
background-color: #C4302B;
color: #fff; }  .color-theme {
color: #18012c; }
.button-bg-image--1 {
border-style: none;
background-repeat: no-repeat; }
.button-bg-image--2 {
border-style: none;
background-repeat: no-repeat; }
.button-bg-image--3 {
border-style: none;
background-repeat: no-repeat; }
.button-bg-image--4 {
border-style: none;
background-repeat: no-repeat; }
.button-bg-image--5 {
border-style: none;
background-repeat: no-repeat; }
.button-group--horizonta {
display: flex;
flex-wrap: wrap; }
.htmegavc-btn {
background: #556270;
font-size: 13px;
display: inline-block;
text-transform: uppercase;
line-height: initial;
position: relative;
overflow: hidden;
z-index: 1;
color: #fff;
font-family: "Montserrat", sans-serif;
}
.htmegavc-btn:hover {
color: #fff; }
.htmegavc-btn.button-bg-image {
transition: 0.5s; }
.htmegavc-btn.button-bg-image:hover {
opacity: 0.8; }
.htmegavc-btn.button-shadow,
.htmegavc-btn.button-shadow.button-shadow-1 {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
overflow: visible; }
.htmegavc-btn.button-shadow:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.htmegavc-btn.button-shadow.button-shadow-2::before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity; }
.htmegavc-btn.button-shadow.button-shadow-2:hover::before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); }
.htmegavc-btn.button-shadow.button-shadow-3::before, .htmegavc-btn.button-shadow.button-shadow-3::after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity; }
.htmegavc-btn.button-shadow.button-shadow-3::before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
.htmegavc-btn.button-shadow.button-shadow-3::after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
.htmegavc-btn.button-shadow.button-shadow-3:hover::before, .htmegavc-btn.button-shadow.button-shadow-3:hover::after {
opacity: 1; }
.htmegavc-btn.button-shadow.button-shadow-4:hover {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); }
.htmegavc-btn.button-shadow.button-shadow-5:hover {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
.htmegavc-btn.button-shadow.button-shadow-6:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
.htmegavc-btn.bg_color--2 {
color: #18012c; }
.htmegavc-btn.button-color--theme {
background: #18012c; }
.htmegavc-btn.button-color--2 {
background: #18012c; }
.htmegavc-btn.button-transparent {
background: transparent;
color: #18012c; }
.htmegavc-btn.button-transparent:hover {
background: #18012c;
color: #ffffff; }
.htmegavc-btn.button-border--1 {
border: 1px solid #18012c; }
.htmegavc-btn.button--medium {
padding: 16px 43px; }
.htmegavc-btn.button--standard {
padding: 25px 32px; }
.htmegavc-btn.button--large {
padding: 30px 58px; }
.htmegavc-btn.button--extra-large {
padding: 36px 35px; }
.htmegavc-btn.button--small {
padding: 22px 37px; }
.htmegavc-btn.button--extra-small {
padding: 16px 16px; }
.htmegavc-btn.button-icon {
padding: 24px 50px; }
.htmegavc-btn.button-icon span {
padding-left: 12px; }
.htmegavc-btn.button-icon span i {
font-size: 20px;
color: #fff; }
.htmegavc-btn.background-type-gradient {
position: relative;
overflow: hidden;
box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
position: relative;
z-index: 100;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background-image: -webkit-linear-gradient(top, #000, #ce51da);
background-image: linear-gradient(0, #000, #ce51da);
background-size: 100%; }
.htmegavc-btn.background-type-gradient::before {
position: absolute;
z-index: -100;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
-webkit-transition: opacity 1s;
transition: opacity 1s;
opacity: 0;
background-image: -webkit-linear-gradient(top, #ce51da, #000000);
background-image: linear-gradient(0, #ce51da, #000000); }
.htmegavc-btn.background-type-gradient:hover::before {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; }
.htmegavc-btn.button-gradient--2 {
background-image: -webkit-linear-gradient(top, #ecbfa6, #6e2f17);
background-image: linear-gradient(0, #ecbfa6, #6e2f17); }
.htmegavc-btn.button-gradient--2::before {
background-image: -webkit-linear-gradient(top, #6e2f17, #ecbfa6);
background-image: linear-gradient(0, #6e2f17, #ecbfa6); }
.htmegavc-btn.button-gradient--3 {
background-image: -webkit-linear-gradient(top, #511f48, #de6b0e);
background-image: linear-gradient(0, #511f48, #de6b0e); }
.htmegavc-btn.button-gradient--3::before {
background-image: -webkit-linear-gradient(top, #de6b0e, #511f48);
background-image: linear-gradient(0, #de6b0e, #511f48); }
.htmegavc-btn.button-gradient--4 {
background-image: -webkit-linear-gradient(top, #000000, #0cd7f5);
background-image: linear-gradient(0, #000000, #0cd7f5); }
.htmegavc-btn.button-gradient--4::before {
background-image: -webkit-linear-gradient(top, #0cd7f5, #000000);
background-image: linear-gradient(0, #0cd7f5, #000000); }
.htmegavc-btn.button-gradient--5 {
background-image: -webkit-linear-gradient(top, #efb8ea, #f801e4);
background-image: linear-gradient(0, #efb8ea, #f801e4); }
.htmegavc-btn.button-gradient--5::before {
background-image: -webkit-linear-gradient(top, #f801e4, #efb8ea);
background-image: linear-gradient(0, #f801e4, #efb8ea); }
.htmegavc-btn.button-gradient--6 {
background-image: -webkit-linear-gradient(top, #bf0f19, #274f1b);
background-image: linear-gradient(0, #bf0f19, #274f1b); }
.htmegavc-btn.button-gradient--6::before {
background-image: -webkit-linear-gradient(top, #274f1b, #bf0f19);
background-image: linear-gradient(0, #274f1b, #bf0f19); }
.htmegavc-btn.button-effect--1 {
position: relative;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
z-index: 1; }
.htmegavc-btn.button-effect--1::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #623687;
z-index: -1;
opacity: 0;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
z-index: -1; }
.htmegavc-btn.button-effect--1:hover::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.htmegavc-btn.button-effect--2 {
z-index: 1;
overflow: hidden; }
.htmegavc-btn.button-effect--2::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 100%;
background: #623687;
z-index: -1;
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
z-index: -1; }
.htmegavc-btn.button-effect--2:hover::before {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.htmegavc-btn.button-effect--3 {
z-index: 1;
position: relative;
background: transparent;
color: #fff; }
.htmegavc-btn.button-effect--3::before, .htmegavc-btn.button-effect--3::after {
content: '';
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
z-index: -1; }
.htmegavc-btn.button-effect--3::before {
border: 2px solid #623687;
-webkit-transform: scale3d(0.7, 0.7, 1);
transform: scale3d(0.7, 0.7, 1); }
.htmegavc-btn.button-effect--3::after {
background: #18012c; }
.htmegavc-btn.button-effect--3:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.htmegavc-btn.button-effect--3:hover::after {
background-color: #623687;
-webkit-transform: scale3d(0.7, 0.7, 1);
transform: scale3d(0.7, 0.7, 1); }
.htmegavc-btn.htmegavc-button-style-outline {
z-index: 1;
position: relative;
color: #fff; }
.htmegavc-btn.htmegavc-button-style-outline::before, .htmegavc-btn.htmegavc-button-style-outline::after {
content: '';
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
z-index: -1; }
.htmegavc-btn.htmegavc-button-style-outline::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
border: 2px solid #ff6b6b;
border-radius: 30px; }
.htmegavc-btn.htmegavc-button-style-outline::after {
background-color: #ff6b6b;
-webkit-transform: scale3d(0.7, 0.7, 1);
transform: scale3d(0.7, 0.7, 1);
border-radius: 30px; }
.htmegavc-btn.button-effect--4::before {
content: '';
position: absolute;
top: -20px;
left: -20px;
bottom: -20px;
right: -20px;
background: inherit;
z-index: -1;
opacity: 0.4;
-webkit-transform: scale3d(0.8, 0.5, 1);
transform: scale3d(0.8, 0.5, 1); }
.htmegavc-btn.button-effect--4:hover::before {
-webkit-animation: np-btn--2 0.3s 0.3s forwards;
animation: np-btn--2 0.3s 0.3s forwards; }
.htmegavc-btn.button-effect--4:hover {
-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
color: #ECEFF1;
background-color: #623687;
-webkit-animation: np-btn--1 0.3s forwards;
animation: np-btn--1 0.3s forwards; }
.htmegavc-btn.button-effect--5::before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #623687;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }
.htmegavc-btn.button-effect--5:hover::before {
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1); }
.htmegavc-btn.button-effect--6::before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #623687;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
right: 100%; }
.htmegavc-btn.button-effect--6:hover::before {
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1); }
.htmegavc-btn.button-effect--7:hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg); }
.htmegavc-btn.button-effect--8 {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); }
.htmegavc-btn.button-effect--8:hover {
-webkit-animation-name: np-hvr-horizontal;
animation-name: np-hvr-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }
.htmegavc-btn.button-effect--9 {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); }
.htmegavc-btn.button-effect--9:hover {
-webkit-animation-name: hvr-to-bottom-right;
animation-name: hvr-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }
.htmegavc-btn.button-effect--10::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background: #e09d8b;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
color: #fff; }
.htmegavc-btn.button-effect--10:hover::before {
-webkit-transform: scaleX(0);
transform: scaleX(0); }
.htmegavc-btn.button-effect--11::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #45b29d;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.htmegavc-btn.button-effect--11:hover::before {
-webkit-transform: scaleY(0);
transform: scaleY(0); }
.htmegavc-btn.button-effect--12::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #18012c;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.htmegavc-btn.button-effect--12:hover::before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.htmegavc-btn.button-effect--13::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #18012c;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.htmegavc-btn.button-effect--13:hover::before {
-webkit-transform: scale(2);
transform: scale(2); }
.htmegavc-btn.button-effect--14::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #18012c;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.htmegavc-btn.button-effect--14:hover::before {
-webkit-transform: scale(1);
transform: scale(1); }
.htmegavc-btn.button-effect--15::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #d82f4e;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.htmegavc-btn.button-effect--15:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.htmegavc-btn.button-effect--16::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #18012c;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.htmegavc-btn.button-effect--16:hover::before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.htmegavc-btn.button-effect--17::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #18012c;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.htmegavc-btn.button-effect--17:hover::before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.button-holder {
flex-grow: 1;
flex-basis: 0;
margin-right: 30px;
margin-top: 30px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.button-holder {
flex-grow: inherit;
flex-basis: inherit; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.button-holder {
flex-grow: inherit;
flex-basis: inherit;
margin-right: 15px;
margin-top: 15px; } }
@media only screen and (max-width: 767px) {
.button-holder {
flex-grow: inherit;
flex-basis: inherit;
margin-right: 13px;
margin-top: 13px; } }
.button-holder:last-child {
margin-right: 0; }
.button-size .button-holder {
flex-grow: inherit;
flex-basis: inherit;
margin-right: 60px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.button-size .button-holder {
margin-right: 30px; } }
@media only screen and (max-width: 767px) {
.button-size .button-holder {
margin-right: 15px; } }
.button-size .button-holder:last-child {
margin-right: 0; }
.flex_grow-none .button-holder {
flex-grow: inherit;
flex-basis: inherit; }
.button-icon-group .button-holder {
margin-right: 27px; }
.button-icon-group .button-holder:last-child {
margin-right: 0; }
.htmegavc-btn--2 {
text-transform: uppercase;
position: relative;
overflow: hidden;
z-index: 1;
color: #fff;
font-size: 13px;
height: 60px;
line-height: 58px;
display: flex;
justify-content: space-between;
align-items: center;
font-family: "Montserrat", sans-serif;
}
.htmegavc-btn--2.button-shadow {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
overflow: visible; }
.htmegavc-btn--2.button-shadow:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.htmegavc-btn--2 span.button-with-icon {
padding: 0 25px;
color: #fff;
line-height: 1;
}
.htmegavc-btn--2 span.button-arrow {
background: #fff;
display: inline-block;
padding: 0 20px;
color: #18012c;
font-size: 20px;
margin-right: 1px;
}
.htmegavc-btn--2 span.button-arrow.button-radious {
width: 50px;
padding: 0;
height: 50px;
text-align: center;
line-height: 50px; }
.htmegavc-btn--2.button-icon-2 span.button-arrow {
color: #fff;
background: #18012c;
border-left: 1px solid #ffffff; }
.htmegavc-btn--2.button-icon-3 {
padding: 0 49px; }
.htmegavc-btn--2.button-icon-3 span.button-arrow {
background: transparent;
color: #fff;
padding: 0;
padding-left: 11px; }
.htmegavc-btn--2.button-icon-3 span.button-with-icon {
padding: 0; }
@-webkit-keyframes np-btn--1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1); }
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes np-btn--1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1); }
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-webkit-keyframes np-btn--2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes np-btn--2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } } @-webkit-keyframes np-hvr-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px); }
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px); }
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px); }
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px); }
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes np-hvr-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px); }
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px); }
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px); }
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px); }
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } } @-webkit-keyframes hvr-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px); }
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px); }
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px); }
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px); }
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes hvr-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px); }
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px); }
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px); }
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px); }
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.htvc-large-btn{
padding-left: 25px;
padding-right: 0px;
} @media (min-width: 768px) and (max-width: 991px) {
.htmvc-btn-row  .vc_col-sm-2,
.vc_responsive .five-columns.wpb_row .vc_col-sm-2{
width: 33.33333333% !important;
margin-bottom: 15px;
}
.row_shadow_example .wpb_column{
margin-bottom: 15px;
}
} @media (max-width: 767px) {
.vc_responsive .five-columns.wpb_row .vc_col-sm-2 {
float: none !important;
width: 100% !important;
padding: 0 !important;
}
.htvc-large-btn{
padding-left: 0;
}
.htmegavc-btn--2,
.htmegavc-btn.button-shadow,
.htmegavc-btn.button-shadow.button-shadow-1 {
margin-bottom: 10px;
}
}blockquote {
margin: 0;
}
blockquote cite {
font-family: "Montserrat", sans-serif;
}
.htmegavc-blockquote blockquote::before{
display: none;
}
.htmegavc-blockquote blockquote img,.htmegavc-blockquote blockquote .blockquote_icon{
position: absolute;
}
.htmegavc-blockquote blockquote p{
margin: 0;
}
.htmegavc-blockquote-position-lefttop blockquote img,.htmegavc-blockquote-position-lefttop blockquote .blockquote_icon{
left: 0;
top: 0;
}
.htmegavc-blockquote-position-leftcenter blockquote img,.htmegavc-blockquote-position-leftcenter blockquote .blockquote_icon{
left: 0;
top: 50%;
transform: translateY(-50%);
}
.htmegavc-blockquote-position-leftbottom blockquote img,.htmegavc-blockquote-position-leftbottom blockquote .blockquote_icon{
left: 0;
bottom: 0;
}
.htmegavc-blockquote-position-centertop blockquote img,.htmegavc-blockquote-position-centertop blockquote .blockquote_icon {
left: 50%;
top: 0;
transform: translateX(-50%);
}
.htmegavc-blockquote-position-center blockquote img,.htmegavc-blockquote-position-center blockquote .blockquote_icon {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.htmegavc-blockquote-position-centerbottom blockquote img,.htmegavc-blockquote-position-centerbottom blockquote .blockquote_icon {
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.htmegavc-blockquote-position-righttop blockquote img,.htmegavc-blockquote-position-righttop blockquote .blockquote_icon{
right: 0;
top: 0;
}
.htmegavc-blockquote-position-rightcenter blockquote img,.htmegavc-blockquote-position-rightcenter blockquote .blockquote_icon{
right: 0;
top: 50%;
transform: translateY(-50%);
}
.htmegavc-blockquote-position-rightbottom blockquote img,.htmegavc-blockquote-position-rightbottom blockquote .blockquote_icon{
right: 0;
bottom: 0;
} .htmegavc-blockquote blockquote {
background: #f4f4f4;
padding: 50px 62px 50px 56px;
position: relative;
font-size: 18px;
color: #5b5b5b;
}
.htmegavc-blockquote blockquote .blockquote_content {
line-height: 33px;
font-style: normal;
color: inherit;
font-weight: 600;
margin-bottom: 17px;
margin-bottom: 18px;
}
.htmegavc-blockquote blockquote .blockquote_content i{
color: inherit;
}
.htmegavc-blockquote blockquote cite {
color: #0056ff;
font-weight: 600;
font-style: normal;
margin: 0;
padding-left: 35px;
position: relative;
font-size: 18px;
}
.htmegavc-citeseparator-position-after blockquote cite{
padding-left: 0px;
padding-right: 35px;
}
.htmegavc-citeseparator-position-none blockquote cite{
padding-left: 0;
padding-right: 0;
}
.htmegavc-blockquote blockquote cite::before {
position: absolute;
background-color: #0056ff;
content: "";
height: 4px;
width: 20px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.htmegavc-citeseparator-position-after blockquote cite::before {
right: 0;
left: auto;
top: 50%;
}
.htmegavc-citeseparator-position-none blockquote cite::before {
display: none;
} @media (max-width: 767px) {
blockquote {
border-left: 0;
}
}.htmegavc-single-partner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 15px;
width: calc(100% * (1/4));
text-align: center;
}
ul.htmegavc-brand-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
ul.htmegavc-brand-list li {
position: relative;
text-align: center;
}
.htmegavc-brand-style-2 li {
border-right: 1px dashed #ffffff;
display: block;
float: left;
padding: 20px;
text-align: center;
width: 20%;
}
.htmegavc-brand-style-2 li:last-child {
border-right: 1px dashed transparent;
}
.htmegavc-brand-style-3 li {
flex-basis: 20%;
border-right: 1px solid #dcd9d9;
height: 125px;
line-height: 125px;
border-top: 1px solid #dcd9d9;
border-bottom: 1px solid #dcd9d9;
}
.htmegavc-brand-style-3 li:first-child {
border-left: 1px solid #dcd9d9;
}
.htmegavc-brand-style-5 {
height: 230px;
line-height: 230px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
.htmegavc-brand-style-7 {
text-align: center;
}
.htmegavc-brand-style-7{
background-color: #53c4c0;
} .htmegavc-brand-style-4 .htmegavc-client-wrapper{
height: auto;
min-height: 100%;
padding: 150px 140px;
right: 0;
top: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 2;
background-image: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/brands/css/img/bg/bg-image-4.jpg);
overflow: hidden;
}
.htmegavc-brand-style-4 .htmegavc-client-wrapper::before{
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
background-color: #000000;
opacity: 0.7;
}
.htmegavc-single-client {
border-bottom: 1px dashed #aaa;
border-right: 1px dashed #aaa;
float: left;
padding: 25px 15px;
text-align: center;
width: 33.33%;
}
.htmegavc-single-client:nth-child(1) {
border-bottom-color: #aaa;
border-right-color: #aaa;
}
.htmegavc-single-client:nth-child(6),
.htmegavc-single-client:last-child {
border-bottom-color: transparent;
border-right-color: transparent;
}
.htmegavc-single-client:nth-child(5) {
border-bottom-color: transparent;
border-right-color: #aaa;
}
.htmegavc-single-client:nth-child(4) {
border-bottom-color: transparent;
border-right-color: #aaa;
}
.htmegavc-single-client:nth-child(3) {
border-bottom-color: #aaa;
border-right-color: transparent;
} .htmegavc-brand-style-1  .htmegavc-single-partner{
margin-bottom: 50px;
} @media (min-width: 768px) and (max-width: 991px) {
.htmegavc-brand-style-3 li {
padding-left: 10px;
padding-right: 10px;
}
.htmegavc-brand-style-4 .htmegavc-client-wrapper {
padding: 0;
}
.vc_row.htmegavc-brands-6 {
padding-right: 0 !important;
padding-left: 0 !important;
}
} @media (max-width: 767px) {
.htmegavc-single-partner {
width: auto;
}
ul.htmegavc-brand-list {
display: block;
}
.htmegavc-brand-style-2 li {
border-right: 0;
width: 100%;
}
.htmegavc-brand-style-4 .htmegavc-client-wrapper {
padding: 0;
}
.htmegavc-single-client {
width: 100%;
}
.vc_row.htmegavc-brands-6 {
padding-right: 0 !important;
padding-left: 0 !important;
}
}.business-hrs-1 {
background-image: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/business-hours/images/business-shape.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.htmegavc-business-hours.business-hrs-1 {
padding: 80px 65px;
margin-top: -15px;
}
.htmegavc-business-hours.business-hrs-1 .business-hrs-inner .single-hrs {
margin-top: 15px;
}
.htmegavc-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.time {
float: right;
font-weight: 600;
color: #000000;
font-size: 20px;
line-height: 24px;
font-family: 'Dosis', sans-serif;
}
.htmegavc-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.day {
color: #3b3b3b;
font-weight: 800;
font-size: 30px;
line-height: 24px;
font-family: 'Dosis', sans-serif;
}
.htmegavc-business-hours.business-hrs-1 .business-hrs-inner .single-hrs.closed-day span.time {
color: #fa2d2d;
}
.htmegavc-business-hours.business-hrs-1 .business-hrs-inner .single-hrs.closed-day span.day {
color: #fa2d2d;
}
.htmegavc-business-hours.business-hrs-2 {
padding: 0 50px;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs {
padding: 16px 0;
border-top: 1px solid #f4f4f4;
position: relative;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs:first-child {
border-top: 1px solid transparent;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/business-hours/images/business-shape-line.png);
width: 2px;
height: 42px;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.day {
color: #fafafa;
font-weight: 400;
font-size: 18px;
font-family: "Montserrat", sans-serif;
padding-left: 40px;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.time {
float: right;
font-weight: 400;
color: #ffffff;
font-size: 16px;
font-family: "Montserrat", sans-serif;
padding-right: 40px;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs:nth-child(odd) {
background: #ff6f5e;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs:nth-child(even) {
background: #fe5743;
}
.htmegavc-business-hours.business-hrs-3 {
padding: 0 50px;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner {
padding: 20px 30px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner .single-hrs {
padding: 10px 22px;
margin: 4px 0;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner .single-hrs span {
font-family: 'Lobster Two', cursive;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner .single-hrs span.day {
color: #565656;
font-weight: 400;
font-size: 20px;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner .single-hrs span.time {
float: right;
font-weight: 400;
color: #565656;
font-size: 16px;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner .single-hrs.closed-day {
background: #0056ff;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner .single-hrs.closed-day span.time {
color: #ffffff;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner .single-hrs.closed-day span.day {
color: #ffffff;
}
.htmegavc-business-hours.business-hrs-4 {
padding: 0 50px;
background-image: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/business-hours/images/bg-image-40.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner {
padding: 30px 0px;
}
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner .single-hrs {
padding: 17px 0;
position: relative;
}
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner .single-hrs:before {
position: absolute;
content: "";
background: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/business-hours/images/business-shape-line-2.png);
width: 100%;
height: 1px;
bottom: 0;
}
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner .single-hrs:last-child:before {
display: none;
}
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner .single-hrs span {
font-family: "Montserrat", sans-serif;
}
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner .single-hrs span.day {
color: #ffffff;
font-weight: 500;
font-size: 16px;
}
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner .single-hrs span.time {
float: right;
font-weight: 300;
color: #ffffff;
font-size: 14px;
}
.htmegavc-business-hours.business-hrs-5 {
padding: 0 50px;
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner {
padding: 30px 50px;
position: relative;
z-index: 2;
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: 2;
right: 0;
background-image: linear-gradient(#d80d5f, #2f46dc);
background-image: -webkit-gradient(#d80d5f, #2f46dc);
background-image: -webkit-linear-gradient(#d80d5f, #2f46dc);
background-image: -o-linear-gradient(#d80d5f, #2f46dc);
z-index: -1;
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner .single-hrs {
padding: 17px 0;
position: relative;
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner .single-hrs:before {
position: absolute;
content: "";
background: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/business-hours/images/business-shape-line-3.png);
width: 60px;
height: 2px;
left: 45%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner .single-hrs span {
font-family: "Montserrat", sans-serif;
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner .single-hrs span.day {
color: #ffffff;
font-weight: 500;
font-size: 16px;
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner .single-hrs span.time {
float: right;
font-weight: 300;
color: #ffffff;
font-size: 14px;
} @media (max-width: 767px) {
.htmegavc-bh-1 .vc_column-inner,
.row-bg-image-example .vc_column-inner{
padding-left: 0 !important;
padding-right: 0 !important;
}
.htmegavc-business-hours.business-hrs-1 {
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
padding-bottom: 0;
background-image: unset !important;
}
.htmegavc-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.day {
font-size: 20px;
}
.htmegavc-business-hours.business-hrs-2 {
padding: 0;
}
.htmegavc-business-hours.business-hrs-2,
.htmegavc-business-hours.business-hrs-3,
.htmegavc-business-hours.business-hrs-4 .business-hrs-inner,
.htmegavc-business-hours.business-hrs-5 {
padding: 0;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.day {
padding-left: 10px;
}
.htmegavc-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.time {
font-size: 12px;
padding-right: 10px;
line-height: 30px;
}
.htmegavc-business-hours.business-hrs-3 .business-hrs-inner {
padding: 20px 0;
}
.htmegavc-business-hours.business-hrs-4,
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner {
padding: 10px;
}
.htmegavc-business-hours.business-hrs-5 .business-hrs-inner .single-hrs:before {
display: none;
}
}.htmegavc-call-to-action{
text-align: center;
}
.htmegavc-call-to-action .htmegavc-callto-action-description {
color: #ffffff;
font-size: 16px;
margin: 0;
}
.htmegavc-call-to-action .htmegavc-callto-action-title {
color: #f7ca18;
font-size: 80px;
font-weight: 600;
margin-bottom: 27px;
font-family: "Poppins", sans-serif;
margin-top: 0;
}
.htmegavc-call-to-action a.htmegavc_call_btn {
background: #f7ca18;
height: 47px;
padding: 0 38px;
display: inline-block;
line-height: 47px;
border-radius: 25px;
color: #000000;
font-size: 14px;
transition: 0.4s ease-in-out;
text-decoration: none;
}
.htmegavc-call-to-action a.htmegavc_call_btn:hover {
background: #ffffff;
color: #18012c;
} .callto-action-style-2 .htmegavc-content .htmegavc-callto-action-title {
color: #ffffff;
font-family: "Poppins", sans-serif;
font-size: 38px;
font-weight: 600;
margin-bottom: 6px;
margin-top: 0;
}
.callto-action-style-2 .htmegavc-content .htmegavc-callto-action-description {
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 18px;
margin: 0;
}
.callto-action-style-2 a.htmegavc_call_btn {
height: 48px !important;
display: inline-block;
border: 2px solid #ffffff;
color: #ffff;
border-radius: 25px;
padding: 0 46px;
line-height: 43px !important;
font-size: 14px;
font-weight: 600;
transition: 0.4s ease-in-out;
background-color: transparent;
}
.callto-action-style-2 a.htmegavc_call_btn:hover {
background: #ffffff;
color: #18012c;
border: 2px solid #ffffff;
} .callto-action-style-3{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 70px 98px;
}
.callto-action-style-3 .htmegavc-content{
display: flex;
align-items: center;
justify-content: space-around;
}
.callto-action-style-3 {
position: relative;
}
.callto-action-style-3::before {
position: absolute;
content: "";
background: #999999;
height: 50px;
width: 2px;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.callto-action-style-3 .htmegavc-content .htmegavc-callto-action-description {
color: #000000;
font-size: 14px;
line-height: 25px;
margin-bottom: 5px;
}
.callto-action-style-3 .htmegavc-content .htmegavc-callto-action-title {
color: #000000;
font-weight: 500;
font-size: 24px;
margin: 0;
}
.callto-action-style-3 a.htmegavc_call_btn {
height: 50px !important;
display: inline-block;
border: 2px solid #000000;
color: #000000;
border-radius: 25px;
padding: 0 60px;
line-height: 46px;
font-size: 14px;
font-weight: 600;
transition: 0.4s ease-in-out;
background-color: transparent;
}
.callto-action-style-3 a.htmegavc_call_btn:hover {
background: #000000;
color: #ffffff;
border: 2px solid #000000;
} .callto-action-style-4 .htmegavc-content .htmegavc-callto-action-title {
color: #ffffff;
font-weight: 400;
font-size: 36px;
margin-bottom: 21px;
margin-top: 0;
}
.callto-action-style-4 .htmegavc-content .htmegavc-callto-action-description {
color: #ffffff;
font-size: 18px;
line-height: 35px;
padding: 0 17%;
margin-bottom: 34px;
}
.callto-action-style-4 a.htmegavc_call_btn {
background: #ffffff;
height: 50px;
display: inline-block;
padding: 0 40px;
line-height: 50px;
border-radius: 25px;
color: #0056ff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
transition: 0.4s ease-in-out;
}
.callto-action-style-4 a.htmegavc_call_btn:hover {
background: #18012c;
color: #ffffff;
} .callto-action-style-5 .htmegavc-content .htmegavc-callto-action-title {
color: #ffffff;
font-size: 40px;
line-height: 60px;
font-weight: 500;
padding: 0 19%;
margin-top: 0;
}
.callto-action-style-5 .htmegavc-content .htmegavc-callto-action-description {
color: #ffffff;
font-size: 18px;
margin-bottom: 44px;
font-family: 'Rubik', sans-serif;
}
.callto-action-style-5 a.htmegavc_call_btn {
border: 2px solid #ffffff;
height: 50px !important;
display: inline-block;
padding: 0 46px;
line-height: 48px;
color: #ffffff;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
border-radius: 4px;
transition: 0.4s ease-in-out;
font-family: 'Rubik', sans-serif;
background-color: transparent;
}
.callto-action-style-5 a.htmegavc_call_btn:hover {
background: #ffffff;
color: #18012c;
} .callto-action-style-6 .htmegavc-content .htmegavc-callto-action-title {
color: #494949;
font-size: 40px;
line-height: 58px;
font-weight: 500;
margin-top: 0;
}
.callto-action-style-6 .htmegavc-content .htmegavc-callto-action-description {
color: #494949;
font-size: 18px;
margin-bottom: 32px;
line-height: 30px;
padding-right: 27%;
}
.callto-action-style-6 a.htmegavc_call_btn {
height: 50px !important;
display: inline-block;
padding: 0 37px;
line-height: 50px;
color: #ffffff;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
transition: 0.4s ease-in-out;
background: #e97730;
font-family: "Montserrat", sans-serif;
border-radius: 0;
}
.callto-action-style-6 a.htmegavc_call_btn:hover {
background: #18012c;
color: #ffffff;
} .callto-action-style-7 .call-to-action-inner {
display: inline-block;
padding: 100px 240px;
background: rgba(255, 255, 255, 0.6);
}
.callto-action-style-7 .htmegavc-content .htmegavc-callto-action-title, .callto-action-style-7 .htmegavc-content .htmegavc-callto-action-description {
color: #1e1e1e;
font-size: 42px;
line-height: 53px;
font-weight: 700;
font-family: 'Cormorant Garamond', serif;
margin-bottom: 29px;
margin-top: 0;
}
.callto-action-style-7 a.htmegavc_call_btn {
display: inline-block;
color: #2c2c2c;
font-weight: 600;
font-size: 24px;
transition: 0.4s ease-in-out;
font-family: 'Cormorant Garamond', serif;
border-bottom: 2px solid #4f4848;
background-color: transparent;
border-bottom: 2px solid #4f4848;
border-radius: 0;
height: auto;
padding: 0;
}
.callto-action-style-7 a.htmegavc_call_btn:hover {
color: #18012c;
border-bottom: 2px solid #4f4848;
background-color: transparent;
} @media (min-width: 768px) and (max-width: 991px) {
.callto-action-style-2 .text-right{
text-align: center !important;
}
.callto-action-style-2 .content{
margin-bottom: 15px;
}
.callto-action-style-3 {
padding: 0;
}
.callto-action-style-3 {
box-shadow: none;
padding: 0;
}
.callto-action-style-3 .htmegavc-content {
display: block;
}
.callto-action-style-3 .content {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.callto-action-style-3  .action-btn {
text-align: center;
margin-top: 17px;
}
.callto-action-style-3::before {
display: none;
}
.callto-action-style-7 .call-to-action-inner {
padding: 100px 190px;
}
} @media (max-width: 767px) {
.callto-action-style-1 .htmegavc-callto-action-title {
font-size: 50px;
}
.callto-action-style-2 .htmegavc-content .htmegavc-callto-action-title {
font-size: 32px;
line-height: 1.3;
}
.callto-action-style-2 .text-right{
text-align: left !important;
}
.callto-action-style-2 .content{
margin-bottom: 15px;
}
.callto-action-style-3 {
padding: 0;
}
.callto-action-style-3 {
box-shadow: none;
padding: 0;
}
.callto-action-style-3 .htmegavc-content {
display: block;
}
.callto-action-style-3 .content {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.callto-action-style-3  .action-btn {
text-align: center;
margin-top: 17px;
}
.callto-action-style-3::before {
display: none;
}
.callto-action-style-4 .htmegavc-content .htmegavc-callto-action-title {
font-size: 30px;
}
.callto-action-style-4 .htmegavc-content .htmegavc-callto-action-description {
padding: 0;
}
.callto-action-style-5 .htmegavc-content .htmegavc-callto-action-title {
font-size: 30px;
line-height: 1.3;
padding: 0 5%;
}
.callto-action-style-6 .htmegavc-content .htmegavc-callto-action-title {
font-size: 30px;
line-height: 1.3;
}
.callto-action-style-6 .htmegavc-content .htmegavc-callto-action-description {
padding-right: 0;
}
.callto-action-style-7 .call-to-action-inner {
padding: 50px 30px;
}
.callto-action-style-7 .htmegavc-content .htmegavc-callto-action-title,
.callto-action-style-7 .htmegavc-content .htmegavc-callto-action-description {
font-size: 30px;
line-height: 1.3;
margin-top: 0;
}
}.htmegavc-countdown-wrapper {
text-align: center;
}
.htmegavc-countdown-wrapper span.ht-count{
margin-bottom: 18px;
}
.htmegavc-countbox .ht-count {
display: inline-block;
position: relative;
margin: 0 22px;
}
.htmegavc-countbox .ht-count::before {
position: absolute;
content: ":";
right: -26px;
top: 50%;
transform: translateY(-50%);
color: #5e5b60;
font-size: 55px;
}
.htmegavc-countbox .ht-count:last-child{
margin-right: 0;
}
.htmegavc-countbox .ht-count:last-child::before {
display: none;
} .htmegavc-countdown-style-1 span.ht-count {
padding: 28px 0px;
border: 2px solid #18012c;
border-radius: 10px;
width: 139px;
text-align: center;
}
.htmegavc-countdown-style-1 span.ht-count:first-child{
margin-left: 0;
}
.htmegavc-countdown-style-1 span.time-count {
color: #242424;
font-size: 36px;
font-weight: 500;
line-height: 1;
display: block;
padding-bottom: 27px;
margin-bottom: 27px;
position: relative;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-1 span.time-count::before {
background-image: linear-gradient(to right, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
background-position: center center;
background-repeat: no-repeat;
background-size: 84% auto;
content: "";
height: 2px;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.htmegavc-countdown-style-1 span.count-inner p {
color: #242424;
font-size: 30px;
font-weight: 400;
line-height: 1;
margin: 0;
} .htmegavc-countdown-style-2 .ht-count {
width: 160px;
height: 160px;
border: 1px solid #18012c;
border-radius: 100%;
overflow: hidden;
}
.htmegavc-countdown-style-2 span.count-inner {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
overflow: hidden !important;
border-radius: 100%;
}
.htmegavc-countdown-style-2 span.count-inner .time-count {
height: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #242424;
font-size: 36px;
font-weight: 500;
padding-top: 10px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-2 span.count-inner p {
height: 50%;
margin: 0;
background: #18012c;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
font-size: 24px;
line-height: 1;
font-weight: 500;
padding-bottom: 10px;
} .htmegavc-countdown-style-3 span.ht-count {
height: 160px;
width: 190px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.htmegavc-countdown-style-3 span.count-inner {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.htmegavc-countdown-style-3 span.count-inner .time-count {
color: #18012c;
font-size: 60px;
line-height: 24px;
display: block;
font-weight: 800;
padding-bottom: 20px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-3 span.count-inner p {
margin: 0;
color: #18012c;
font-size: 30px;
font-weight: 400;
margin-top: 17px;
line-height: 24px;
} .htmegavc-countdown-style-4 .ht-count {
margin: 0 15px;
}
.htmegavc-countdown-style-4 .ht-count::before {
display: none;
}
.htmegavc-countdown-style-4 .count-inner .time-count {
display: inline-block;
color: #18012c;
font-size: 60px;
font-weight: 800;
padding-right: 9px;
line-height: 1;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-4 .count-inner p {
display: inline-block;
color: #18012c;
font-size: 24px;
line-height: 1;
margin: 0;
text-transform: uppercase;
font-weight: 500;
} .htmegavc-countdown-style-5 .htmegavc-countbox {
position: relative;
padding-top: 74px;
}
.htmegavc-countdown-style-5 .count-inner .time-count {
font-size: 60px;
color: #18012c;
font-weight: 800;
font-family: "Montserrat", sans-serif;
}
.htmegavc-countdown-style-5 .count-inner p {
color: #18012c;
font-size: 18px;
line-height: 1;
font-weight: 500;
margin: 0;
margin-top: 6px;
}
.htmegavc-countdown-style-5 .ht-count::before {
position: absolute;
content: ":";
right: -26px;
top: 21%;
transform: inherit;
color: #18012c;
font-size: 48px;
line-height: 1;
}
.htmegavc-countdown-style-5 .minutes::before {
display: none;
}
.htmegavc-countdown-style-5 .second {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.htmegavc-countdown-style-5 .second p {
display: none;
}
.htmegavc-countdown-style-5 .count-inner {
color: #18012c;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
font-weight: 500;
}
.htmegavc-countdown-style-5 .second .time-count {
font-size: 80px;
} .htmegavc-countdown-style-6 .ht-count,
.htmegavc-countdown-style-6 .ht-count .count-inner{
line-height: 24px;
}
.htmegavc-countdown-style-6 .ht-count::before {
right: -26px;
top: 23%;
font-size: 47px;
line-height: 1;
}
.htmegavc-countdown-style-6 .count-inner p {
display: none;
}
.htmegavc-countdown-style-6 .count-inner .time-count {
font-size: 72px;
font-weight: 600;
color: #18012c;
} .htmegavc-countdown-style-7 .ht-count {
background: #18012c;
color: #fff;
height: 160px;
width: 140px;
border-radius: 10px;
}
.htmegavc-countdown-style-7 .count-inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.htmegavc-countdown-style-7 .count-inner .time-count {
height: 110px;
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
line-height: 1;
font-weight: 500;
border-radius: 10px 10px 0 0;
position: relative;
z-index: 1;
}
.htmegavc-countdown-style-7 .count-inner .time-count::before {
background: linear-gradient(to right, #ff6600, #ff0a00);
content: "";
height: 100%;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
z-index: -1;
border-radius: 7px 7px 0 0;
}
.htmegavc-countdown-style-7 .count-inner p {
margin: 0;
height: 50px;
line-height: 50px;
font-size: 24px;
font-weight: 500;
} @media screen and (max-width: 767px){
.htmegavc-countdown-style-4 span.ht-count,
.htmegavc-countdown-style-6 span.ht-count{
width:100%;
}
}.htmegavc-counter-content {
line-height: 1;
}
.htmegavc-counter-icon span{
display: inline-block;
} .htmegavc-counter-style-1 {
text-align: center;
}
.htmegavc-counter-style-1 .htmegavc-counter-icon i {
font-size: 36px;
color: #ed552d;
}
.htmegavc-counter-style-1 .htmegavc-counter-content span {
color: #696969;
font-size: 36px;
font-weight: 700;
margin-top: 20px;
display: inline-block;
font-family: "Montserrat", sans-serif;
}
.htmegavc-counter-style-1 .htmegavc-counter-content h2 {
color: #898989;
font-weight: 400;
font-size: 17px;
margin: 0;
position: relative;
margin-top: 9px;
display: block;
padding-bottom: 15px;
}
.htmegavc-counter-style-1 .htmegavc-counter-content h2::before {
background: #d5d5d5;
width: 48px;
height: 1px;
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
} .htmegavc-counter-style-2 {
display: flex;
align-items: center;
justify-content: center;
}
.htmegavc-counter-style-2 .htmegavc-counter-icon,
.htmegavc-counter-style-2 .htmegavc-counter-img {
padding-right: 20px;
}
.htmegavc-counter-style-2 .htmegavc-counter-icon i {
font-size: 48px;
color: #383838;
}
.htmegavc-counter-style-2 .htmegavc-counter-content span {
color: #383838;
font-size: 24px;
font-weight: 600;
margin-top: 13px;
display: inline-block;
font-family: "Montserrat", sans-serif;
position: relative;
}
.htmegavc-counter-style-2 .htmegavc-counter-content h2 {
color: #383838;
font-weight: 400;
font-size: 20px;
margin: 0;
position: relative;
display: block;
} .htmegavc-counter-area{
position: relative;
}
.htmegavc-counter-area::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: transparent;
opacity: 0.8;
}
.htmegavc-counter-content {
position: relative;
z-index: 1;
}
.htmegavc-counter-style-3 .htmegavc-counter-img {
display: inline-block;
position: relative;
}
.htmegavc-counter-style-3 .htmegavc-counter-img::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #52b6bc;
opacity: 0.8;
border-radius: 100%;
}
.htmegavc-counter-style-3 .htmegavc-counter-content {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.htmegavc-counter-style-3 {
text-align: center;
}
.htmegavc-counter-style-3 .htmegavc-counter-content span {
font-size: 40px;
font-weight: 600;
margin-top: 13px;
display: inline-block;
font-family: 'Courgette', cursive;
}
.htmegavc-counter-style-3 .htmegavc-counter-content h2 {
font-weight: 400;
font-size: 20px;
margin: 0;
margin-top: 4px;
font-family: 'Courgette', cursive;
} .htmegavc-counter-style-4 {
display: flex;
align-items: center;
justify-content: center;
}
.htmegavc-counter-style-4 .htmegavc-counter-img {
padding-right: 25px;
}
.htmegavc-counter-style-4 .htmegavc-counter-content {
text-align: center;
}
.htmegavc-counter-style-4 .htmegavc-counter-content span {
color: #585858;
font-size: 24px;
font-weight: 600;
margin-top: 13px;
display: inline-block;
font-family: "Montserrat", sans-serif;
position: relative;
}
.htmegavc-counter-style-4 .htmegavc-counter-content h2 {
color: #585858;
font-weight: 600;
font-size: 24px;
margin: 0;
position: relative;
display: block;
padding-bottom: 14px;
}
.htmegavc-counter-style-4 .htmegavc-counter-content h2::before {
position: absolute;
content: "";
bottom: 0;
background: #ed552d;
width: 70px;
height: 2px;
left: 50%;
transform: translateX(-50%);
} .htmegavc-counter-style-5 {
text-align: center;
}
.htmegavc-counter-style-5 .htmegavc-counter-icon i {
font-size: 36px;
color: #ed552d;
}
.htmegavc-counter-style-5 .htmegavc-counter-content span {
color: #18012c;
font-size: 36px;
font-weight: 700;
margin-top: 20px;
display: inline-block;
font-family: 'Lobster Two', cursive;
}
.htmegavc-counter-style-5 .htmegavc-counter-content span.color-1 {
color: #b1c642;
}
.htmegavc-counter-style-5 .htmegavc-counter-content span.color-2 {
color: #ff5020;
}
.htmegavc-counter-style-5 .htmegavc-counter-content span.color-3 {
color: #ffc10d;
}
.htmegavc-counter-style-5 .htmegavc-counter-content span.color-4 {
color: #68b9d8;
}
.htmegavc-counter-style-5 .htmegavc-counter-content h2 {
color: #444444;
font-weight: 400;
font-size: 24px;
margin: 0;
margin-top: 9px;
display: block;
padding-bottom: 15px;
font-family: 'Lobster Two', cursive;
} .htmegavc-counter-style-6 {
text-align: center;
}
.htmegavc-counter-style-6 .htmegavc-counter-icon {
display: flex;
justify-content: center;
align-items: center;
}
.htmegavc-counter-style-6 .htmegavc-counter-icon span {
color: #363636;
font-size: 36px;
font-weight: 600;
display: inline-block;
font-family: "Montserrat", sans-serif;
padding-left: 15px;
}
.htmegavc-counter-style-6 .htmegavc-counter-content h2 {
color: #363636;
font-weight: 600;
font-size: 16px;
margin: 0;
display: block;
font-family: "Montserrat", sans-serif;
margin-top: 13px;
text-transform: uppercase;
} @media (min-width: 768px) and (max-width: 991px) {
.htmegavc-counter-style-2 {
display: block;
text-align: center;
margin-bottom: 40px;
}
.htmegavc-counter-style-4 {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
} @media (max-width: 767px) {
.htmegavc-counter-style-1,
.htmegavc-counter-style-2,
.htmegavc-counter-style-3,
.htmegavc-counter-style-4,
.htmegavc-counter-style-5,
.htmegavc-counter-style-6{
margin-bottom: 60px;
}
}.htmegavc-dropcaps-inner p {
color: #434343;
font-size: 14px;
line-height: 28px;
font-weight: 500;
margin: 0;
}
.htmegavc-dropcaps-inner p:first-of-type:first-letter,.htmegavc-dropcaps-inner:first-of-type:first-letter {
color: #d6d6d6;
float: left;
font-size: 60px;
margin-right: 20px;
margin-bottom: 5px;
border: 2px solid #d6d6d6;
padding: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: italic;
margin-top: 9px;
} .htmegavc-dropcaps-style-2 .htmegavc-dropcaps-inner p:first-of-type:first-letter,.htmegavc-dropcaps-style-2 .htmegavc-dropcaps-inner:first-of-type:first-letter {
color: #18012c;
float: left;
font-size: 60px;
margin-right: 15px;
margin-bottom: 8px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
margin-top: 17px;
border: none;
padding: 0;
font-style: normal;
} .htmegavc-dropcaps-style-3 .htmegavc-dropcaps-inner p:first-of-type:first-letter,.htmegavc-dropcaps-style-3 .htmegavc-dropcaps-inner:first-of-type:first-letter {
color: #ed552d;
float: left;
font-size: 90px;
margin-right: 15px;
margin-bottom: 13px;
font-family: "Poppins",sans-serif;
font-weight: 500;
margin-top: 20px;
text-decoration: line-through;
line-height: 28px;
border: 0;
padding: 0;
font-style: normal;
} .htmegavc-dropcaps-style-4 .htmegavc-dropcaps-inner p:first-of-type:first-letter,.htmegavc-dropcaps-style-4 .htmegavc-dropcaps-inner:first-of-type:first-letter {
color: #fff;
float: left;
font-size: 36px;
padding: 20px;
margin-top: 5px;
margin-left: 5px;
margin-right: 15px;
margin-bottom: 5px;
background: #ed552d;
border-radius: 50%;
font-size: normal;
border: none;
font-style: normal;
font-weight: 500;
} .htmegavc-dropcaps-style-5 .htmegavc-dropcaps-inner p:first-of-type:first-letter,.htmegavc-dropcaps-style-5 .htmegavc-dropcaps-inner:first-of-type:first-letter {
color: white;
float: left;
font-size: 75px;
line-height: 60px;
padding: 20px 28px;
margin-top: 5px;
margin-left: 5px;
margin-right: 20px;
margin-bottom: 10px;
background: black;
border-radius: 50%;
border: 1px solid white;
box-shadow: 0px 0px 0px 5px black;
font-style: normal;
font-weight: 500;
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/img/ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/fonts/slick.eot);src:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/fonts/slick.woff) format('woff'),url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/fonts/slick.ttf) format('truetype'),url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/fonts/slick.svg#slick) format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}.row--5 > [class*="htb-col"] {
padding-left: 5px;
padding-right: 5px;
}
.htmegavc-thumb-gallery ul.htmegavc-thumbgallery-for {
margin: 0;
padding: 0;
list-style: none;
}
.htmegavc-thumb-gallery ul.htmegavc-thumbgallery-for li{
position: relative;
}
.htmegavc-thumbgallery-for button {
position: absolute;
top: 50%;
left: 30px;
z-index: 2;
width: 50px;
height: 50px;
background: #000000;
color: #fff;
border: 0 none;
border-radius: 100%;
font-size: 30px;
text-align: center;
padding: 0;
margin: 0;
transition: 0.4s ease-in-out;
transform: translateY(-50%);
line-height: 1;
}
.htmegavc-thumbgallery-for button:hover {
background: #0056ff;
color: #fff;
}
.htmegavc-thumbgallery-nav{
text-align: center;
}
.htmegavc-thumbgallery-nav button {
border-radius: 100%;
display: inline-block;
height: 50px;
padding: 0;
width: 50px;
}
.htmegavc-thumbgallery-for button.htmegavc-carosul-next {
left: auto;
right: 30px;
}
.htmegavc-thumbgallery-for .slick-dots,.htmegavc-thumbgallery-nav .slick-dots {
bottom: 10px;
position: absolute;
}
.htmegavc-thumbgallery-for .slick-dots li button,.htmegavc-thumbgallery-nav .slick-dots li button{
background: #ddd;
}
.htmegavc-thumbgallery-for .slick-dots li.slick-active button,.htmegavc-thumbgallery-nav .slick-dots li.slick-active button{
background: #000;
}
.htmegavc-thumbgallery-for .slick-dots li button::before,.htmegavc-thumbgallery-nav .slick-dots li button::before{
display: none;
}
.htmegavc-thumbgallery-for.htmegavc-arrow-2 {
position: relative;
}
.htmegavc-thumbgallery-for.htmegavc-arrow-2 button {
position: absolute;
top: 50%;
left: 42px;
z-index: 2;
background: transparent;
color: #fff;
border: 0 none;
border-radius: 100%;
font-size: 48px;
text-align: center;
padding: 0;
margin: 0;
transition: 0.4s ease-in-out;
transform: translateY(-50%);
}
.htmegavc-thumbgallery-for.htmegavc-arrow-2 button:hover {
color: #0056ff;
}
.htmegavc-thumbgallery-for.htmegavc-arrow-2 button.htmegavc-carosul-next {
left: auto;
right: 42px;
}
.htmegavc-thumbgallery-nav .small-thumb {
cursor: pointer;
}
.htmegavc-thumbgallery-nav .small-thumb img {
width: 100%;
}
.htmegavc-thumbgallery-for .content {
position: absolute;
bottom: 40px;
left: 0;
}
.htmegavc-thumbgallery-for .content.right-bottom {
bottom: 40px;
left: auto;
right: 0;
}
.htmegavc-thumbgallery-for .content h2 {
margin: 0;
color: #ffffff;
font-size: 24px;
line-height: 46px;
font-weight: 500;
padding: 5px 38px;
background: rgba(0, 86, 255, 0.7);
}
.htmegavc-thumbgallery-nav .slick-slide.slick-current img {
border: 3px solid #0056ff;
}
.htmegavc-thumbgallery-nav .small-thumb img {
border: 3px solid #d7d7d7;
}
.htmegavc-thumbgallery-nav.htmegavc-thumbgallery-nav .slick-slide {
padding: 3px 0px;
}
.htmegavc-thumbgallery-nav.htmegavc-thumbgallery-nav .slick-slide > div{
display: flex;
}
.htmegavc-thumbgallery-nav.htmegavc-thumbgallery-nav {
margin: -3px 0;
}
.htmegavc-thumbnails-style-2 .htmegavc-thumbgallery-nav.htmegavc-thumbgallery-nav .slick-slide {
padding: 5px 3px;
}
.htmegavc-thumbnails-style-2 .htmegavc-thumbgallery-nav.htmegavc-thumbgallery-nav {
margin: 0 -3px;
}
.htmegavc-thumb-gallery .slick-slide img {
display: block;
width: 100%;
}
.htmegavc-thumbnails-style-4 .htmegavc-thumbgallery-nav .small-thumb img{
margin-bottom: 5px;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/colorbox/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/colorbox/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/colorbox/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/colorbox/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
position: absolute;
display: inline-block;
overflow: hidden; filter: "alpha(opacity=10)";
opacity: 0.1;
margin: 0;
padding: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
filter: "alpha(opacity=0)";
opacity: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption,
.justified-gallery > figure > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000000;
left: 0;
right: 0;
margin: 0;
color: white;
font-size: 12px;
font-weight: 300;
font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible,
.justified-gallery > figure > .caption.caption-visible {
display: initial;
filter: "alpha(opacity=70)";
opacity: 0.7;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}
.justified-gallery > .entry-visible {
filter: "alpha(opacity=100)";
opacity: 1;
background: none;
}
.justified-gallery > .entry-visible > img,
.justified-gallery > .entry-visible > a > img {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-filtered {
display: none;
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0 10px 0;
left: 50%;
filter: "alpha(opacity=100)";
opacity: 1;
overflow: initial;
}
.justified-gallery > .spinner > span {
display: inline-block;
filter: "alpha(opacity=0)";
opacity: 0;
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-radius: 6px;
}.htmegavc-justify-single-image .thumb a {
display: block;
}
.htmegavc-justify-single-image .thumb a img{
width: 100%;
}.beer-slider{display:inline-block;overflow:hidden;position:relative}.beer-slider *,.beer-slider:after,.beer-slider :after,.beer-slider:before,.beer-slider :before{box-sizing:border-box}.beer-slider img,.beer-slider svg{vertical-align:bottom}.beer-slider>*{height:100%}.beer-slider>img{height:auto;max-width:100%}.beer-reveal{left:0;opacity:0;overflow:hidden;position:absolute;right:50%;top:0;transition:opacity .35s;z-index:1}.beer-reveal>:first-child{height:100%;max-width:none;width:200%}.beer-reveal>img:first-child{height:auto}.beer-range{-moz-appearance:none;-ms-touch-action:auto;-webkit-appearance:slider-horizontal!important;bottom:0;cursor:pointer;height:100%;left:-1px;margin:0;opacity:0;position:absolute;top:0;touch-action:auto;width:calc(100% + 2px);z-index:2}.beer-range::-webkit-slider-thumb{-webkit-appearance:none;height:300vh}.beer-range::-moz-range-thumb{-webkit-appearance:none;height:300vh}.beer-range::-ms-tooltip{display:none}.beer-handle{background:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 0 6px transparent;color:#000;height:48px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:background .3s,box-shadow .3s,opacity .5s .25s;width:48px;z-index:2}.beer-handle:after,.beer-handle:before{border-left:2px solid;border-top:2px solid;content:"";height:10px;position:absolute;top:50%;transform-origin:0 0;width:10px}.beer-handle:before{left:10px;transform:rotate(-45deg)}.beer-handle:after{right:0;transform:rotate(135deg)}.beer-range:focus~.beer-handle{background:hsla(0,0%,100%,.85);box-shadow:0 0 3px rgba(0,0,0,.4)}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{background:hsla(0,0%,100%,.75);border-radius:.125rem;content:attr(data-beer-label);line-height:1;padding:.5rem;position:absolute;top:1.5rem}.beer-slider[data-beer-label]:after{right:1.5rem}.beer-reveal[data-beer-label]:after{left:1.5rem}.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal{opacity:1}.beer-slider {
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 1px;
margin-bottom: 1.5rem;
position: relative;
}
input.beer-range {
-moz-appearance: none;
-ms-touch-action: auto;
-webkit-appearance: slider-horizontal !important;
bottom: 0;
cursor: pointer;
height: 100%;
left: -1px;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
touch-action: auto;
width: calc(100% + 2px);
z-index: 2;
}
.beer-slider::before {
background: transparent;
content: "";
height: 100%;
opacity: 0.35;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.htmegavc-imagecomparison .beer-handle,
.htmegavc-imagecomparison .beer-range:focus ~ .beer-handle{
box-shadow: none;
}
.htmegavc-label-pos-center .beer-reveal[data-beer-label]::after,
.htmegavc-label-pos-center .beer-slider[data-beer-label]::after{
top: 50%;
}
.htmegavc-label-pos-bottom .beer-reveal[data-beer-label]::after,
.htmegavc-label-pos-bottom .beer-slider[data-beer-label]::after{
bottom: 1.5rem;
top: auto;
}
.beer-slider .beer-reveal{
border:0;
border-color: transparent;
}
.beer-slider.htmegavc-ber-slider-2::before {
position: absolute;
content: "";
background: #1a012a;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0.35; }
.htmegavc-ber-slider-2 .beer-handle {
background: #ed552d;
color: #fff; }
.htmegavc-ber-slider-2 .beer-range:focus ~ .beer-handle {
background: #18012c; } .htmegavc-ber-slider-3 .beer-reveal {
border-right: 3px solid #ed552d; }
.htmegavc-ber-slider-3 .beer-handle {
background: transparent;
color: #ed552d; }
.htmegavc-ber-slider-3 .beer-range:focus ~ .beer-handle {
background: transparent;
box-shadow: none; }
.htmegavc-ber-slider-3 .beer-reveal[data-beer-label]:after,
.beer-slider.htmegavc-ber-slider-3[data-beer-label]:after {
bottom: 1.5rem;
top: auto; }
.htmegavc-ber-slider-3 .beer-handle:before {
left: 3px; }
.htmegavc-ber-slider-3 .beer-handle:after {
right: -3px;
transform: rotate(137deg); } .htmegavc-ber-slider-4 .beer-reveal {
border-right: 3px solid #000000; }
.htmegavc-ber-slider-4 .beer-handle {
background: #fff;
color: #000;
border: 1px solid #000000; } .htmegavc-ber-slider-5 .beer-handle {
height: 70px;
width: 70px;
background: #fff; }
.htmegavc-ber-slider-5 .beer-reveal {
border-right: 5px solid #ffffff; }.htmegavc-image-gridstyle-4 .htb-row > [class*="htb-col"] {
padding-left: 10px;
padding-right: 10px;
} 
.htmegavc-singleimage-grid .thumb img {
width: 100%;
}
.htmegavc-singleimage-gridstyle-1 {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin-top: 30px;
overflow: hidden;
}
.htmegavc-singleimage-gridstyle-1 .thumb {
overflow: hidden;
}
.htmegavc-singleimage-gridstyle-1 .thumb a {
position: relative;
display: block;
z-index: 2;
}
.htmegavc-singleimage-gridstyle-1 .thumb a::before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
content: "";
z-index: 1;
}
.htmegavc-singleimage-gridstyle-1 .thumb a img {
display: block;
position: relative;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}
.htmegavc-singleimage-gridstyle-1:hover .thumb a::before {
opacity: 1;
}
.htmegavc-singleimage-gridstyle-1:hover .thumb a img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.htmegavc-singleimage-gridstyle-1 .image-grid-content h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: absolute;
font-size: 17px;
background: rgba(0, 0, 0, 0.6);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 10px;
width: 100%;
top: 0;
z-index: 3;
}
.htmegavc-singleimage-gridstyle-1 .image-grid-content a.read-btn {
text-decoration: none;
display: inline-block;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
background-color: transparent;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin: 50px 0 0;
padding: 7px 14px;
position: absolute;
top: 50%;
margin: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-70%);
transform: translateX(-50%) translateY(-70%);
}
.htmegavc-singleimage-gridstyle-1 .image-grid-content a.read-btn:hover {
-webkit-box-shadow: 0 0 5px #fff;
box-shadow: 0 0 5px #fff;
}
.htmegavc-singleimage-gridstyle-1:hover .image-grid-content {
opacity: 1;
filter: alpha(opacity=100);
}
.htmegavc-singleimage-gridstyle-1:hover .image-grid-content h2 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.htmegavc-singleimage-gridstyle-1:hover .image-grid-content a.read-btn {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition-delay: .2s;
transition-delay: .2s;
z-index: 4;
} @media (min-width: 1400px){
.custom-col-5 {
padding-left: 0px;
padding-right: 0px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.htmegavc-singleimage-gridstyle-2 {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.htmegavc-singleimage-gridstyle-2 .thumb {
overflow: hidden;
}
.htmegavc-singleimage-gridstyle-2 .thumb a {
position: relative;
display: block;
z-index: 2;
}
.htmegavc-singleimage-gridstyle-2 .thumb a::before {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
z-index: 1;
}
.htmegavc-singleimage-gridstyle-2 .thumb a img {
display: block;
position: relative;
-webkit-transition: all .4s linear;
transition: all .4s linear;
width: 100%;
}
.htmegavc-singleimage-gridstyle-2:hover .thumb a::before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.htmegavc-singleimage-gridstyle-2:hover .thumb a img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.htmegavc-singleimage-gridstyle-2 .image-grid-content h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: 0.4s ease-in-out;
margin-bottom: 0;
margin-top: 0;
}
.htmegavc-singleimage-gridstyle-2 .image-grid-content a.read-btn {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
background-color: transparent;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 4;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-80%);
transform: translateX(-50%) translateY(-80%);
opacity: 0;
}
.htmegavc-singleimage-gridstyle-2 .image-grid-content a.read-btn:hover {
-webkit-box-shadow: 0 0 5px #fff;
box-shadow: 0 0 5px #fff;
}
.htmegavc-singleimage-gridstyle-2:hover .image-grid-content {
opacity: 1;
filter: alpha(opacity=100);
}
.htmegavc-singleimage-gridstyle-2:hover .image-grid-content h2 {
position: absolute;
top: 20px;
z-index: 3;
opacity: 1;
margin-top: 0;
}
.htmegavc-singleimage-gridstyle-2:hover .image-grid-content a.read-btn {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 1;
} .htmegavc-image-gridstyle-3 .htb-row > [class*="htb-col"] {
padding-left: 0;
padding-right: 0;
}
.htmegavc-singleimage-gridstyle-3 .thumb {
overflow: hidden;
}
.htmegavc-singleimage-gridstyle-3 .thumb a img {
transition: 0.4s ease-in-out;
}
.htmegavc-singleimage-gridstyle-3:hover .thumb a img {
transform: scale(1.1) rotate(3deg);
} .htmegavc-singleimage-gridstyle-4 {
margin-top: 20px;
position: relative;
}
.htmegavc-singleimage-gridstyle-4 .thumb a img {
width: 100%;
}
.htmegavc-singleimage-gridstyle-4 .image-grid-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: 0.3s ease-out;
transition-property: opacity, transform, filter;
background: rgba(255, 255, 255, 0.8);
opacity: 0;
}
.htmegavc-singleimage-gridstyle-4 .image-grid-content .hover-action {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
padding: 0 80px;
}
.htmegavc-singleimage-gridstyle-4 .image-grid-content .hover-action h2{
margin-top: 0px;
margin-bottom: 15px;
margin-top: 0;
}
.htmegavc-singleimage-gridstyle-4 .image-grid-content .hover-action h2 a {
color: #18012c;
}
.htmegavc-singleimage-gridstyle-4 .image-grid-content .hover-action p {
font-size: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
margin: 0;
line-height: 28px;
}
.htmegavc-singleimage-gridstyle-4:hover .image-grid-content {
opacity: 1;
transform: translateX(0) translateY(0);
} .htmegavc-singleimage-gridstyle-5 {
margin-top: 50px;
position: relative;
}
.htmegavc-singleimage-gridstyle-5 .thumb a img {
width: 100%;
}
.htmegavc-singleimage-gridstyle-5 .image-grid-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: 0.3s ease-out;
transition-property: opacity, transform, filter;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
}
.htmegavc-singleimage-gridstyle-5 .image-grid-content .hover-action {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
padding: 0 20px;
}
.htmegavc-singleimage-gridstyle-5 .image-grid-content .hover-action h2 {
color: #ffffff;
margin-top: 0px;
margin-bottom: 5px;
font-size: 23px;
}
.htmegavc-singleimage-gridstyle-5 .image-grid-content .hover-action h2 a {
color: #ffffff;
}
.htmegavc-singleimage-gridstyle-5 .image-grid-content .hover-action p {
font-size: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
margin: 0;
line-height: 26px;
color: #ffffff;
}
.htmegavc-singleimage-gridstyle-5:hover .image-grid-content {
opacity: 1;
transform: translateX(0) translateY(0);
} @media (min-width: 768px) and (max-width: 991px) {
.htmegavc-singleimage-gridstyle-4 .image-grid-content .hover-action {
padding: 10px;
}
.htmegavc-singleimage-gridstyle-4 .image-grid-content h2 {
font-size: 20px;
margin-bottom: 10px;
}
.htmegavc-singleimage-gridstyle-5 .image-grid-content .hover-action h2 {
font-size: 20px;
}
.htmegavc-singleimage-gridstyle-5 .image-grid-content .hover-action {
padding: 0 10px;
}
.htmegavc-singleimage-gridstyle-1 .image-grid-content a.read-btn {
width: 135px;
}
}.htmegavc_magnifier-thumb-wrapper {
position: relative;
display: block;
top: 0;
left: 0
}
.magnifier-lens {
position: absolute;
border: solid 1px #ccc;
z-index: 1000;
top: 0;
left: 0;
overflow: hidden;
cursor: pointer;
}
.magnifier-loader {
position: absolute;
top: 0;
left: 0;
border: solid 1px #ccc;
color: #fff;
text-align: center;
background: transparent;
background: rgba(50, 50, 50, 0.5);
z-index: 1000;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)
}
.magnifier-loader-text {
font: 13px Arial;
margin-top: 10px
}
.magnifier-large {
position: absolute;
z-index: 100
}
.magnifier-preview {
padding: 0;
width: 100%;
height: 150px;
position: relative;
overflow: hidden
}
.magnifier-preview img {
position: absolute;
top: 0;
left: 0
}
.opaque {
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50)
}
.hidden {
display: none
}
.htmegavc_magnifier-thumb-wrapper img{
display: block;
margin: 0 auto;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }.htmegavc-lightbox {
position: relative;
margin-top: 30px;
}
.htmegavc-lightbox .htmegavc-lightboxthumb a img {
width: 100%;
}
.htmegavc-lightbox .htmegavc-lightbox-action {
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: 0.5s;
left: 0;
opacity: 0;
}
.htmegavc-lightbox.toggler-type-btn .htmegavc-lightbox-action{
position: unset;
opacity: 1;
display: inline-block;
}
.htmegavc-lightbox .htmegavc-lightbox-action::before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: rgba(0, 0, 0, 0.5);
content: "";
left: 0;
}
.htmegavc-lightbox .htmegavc-lightbox-action a {
position: absolute;
top: 50%;
transform:translate(-50%,-50%);
text-align: center;
border: 1px solid #fff;
display: inline-block;
border-radius: 100%;
left: 50%;
color: red;
}
.htmegavc-lightbox .htmegavc-lightbox-action a i {
width: 30px;
height: 30px;
display: inline-block;
line-height: 30px;
color: #fff;
font-size: 25px;
text-align: center;
}
.htmegavc-lightbox.lightbox-type-video .htmegavc-lightbox-action a{
border: 1px solid transparent;
}
.htmegavc-lightbox:hover .htmegavc-lightbox-action {
opacity: 1;
}
.mfp-no-margins img.mfp-img {
padding: 0;
}
.mfp-no-margins .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-no-margins .mfp-container {
padding: 0;
} @media (max-width: 767px) {
.htmegavc-lightbox.toggler-type-image .htmegavc-lightboxthumb img{
display: block;
margin: 0 auto;
}
}.htmegavc-popover h3{
margin-top: 0;
}
.htmegavc-popover span {
background: #0056ff;
border: 0 none;
color: #fff;
padding: 20px 40px;
border-radius: 7px;
font-weight: 600;
font-size: 16px;
transition: 0.5s;
font-family: "Montserrat", sans-serif;
display: inline-block;
cursor: pointer;
}
.htmegavc-popover span:hover {
background: #18012c;
}
.htmegavc-popover span a{
text-decoration: none;
color: #fff;
} .popover {
max-width: 330px;
border: 1px solid #e0e0e0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.popover .htb-popover-body {
padding: 22px 25px;
color: #262626;
font-size: 13px;
}
.popovers-content.text-center {
padding-top: 14px;
} .htbbs-popover-auto[x-placement^=top],
.htbbs-popover-top {
top: -12px !important;
}
.htbbs-popover-auto[x-placement^=bottom],
.htbbs-popover-bottom {
top: 12px !important;
}
.htbbs-popover-auto[x-placement^=right],
.htbbs-popover-right {
left: 12px !important;
}
.htbbs-popover-auto[x-placement^=left],
.htbbs-popover-left {
left: -12px !important;
}
.htmegavc-popover.text-center .htb-popover-header,
.htmegavc-popover.text-center .htb-popover-body{
text-align: center;
}
.htmegavc-popover .htb-popover-header{
background: transparent;
} @media (max-width: 767px) {
.row2_popovers .vc_col-sm-6:first-child{
margin-bottom: 100px;
}	
}.htmegavc-pricing-panel {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
margin-top: 30px;
}
.htmegavc-pricing-body ul {
list-style: none;
padding: 0;
margin: 0;
}
.htmegavc-pricing-panel .pricing_old {
margin-right: 15px;
}
.htmegavc-pricing-panel .htmegavc-pricing-heading .price h4 span.pricing_new,.htmegavc-pricing-panel .htmegavc-pricing-heading .price h4 span.pricing_old{
padding-left: 16px;
position: relative;
}
.htmegavc-features li i{
margin-right: 8px;
} .htmegavc-pricing-style-1 {
background: #365a73;
margin-top: 30px;
border-radius: 10px;
padding-bottom: 40px;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading {
padding-top: 65px;
padding-bottom: 75px;
background-repeat: no-repeat;
background-position: center center;
position: relative;
background-size: cover;
margin-bottom: 37px;
border-radius: 10px 10px 0 0;
background-image:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/pricing-table/images/pricing-1-bg.png);
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .title {
position: absolute;
left: -7px;
transform: rotate(-90deg);
top: 39px;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .title h2 {
margin: 0;
height: 50px;
line-height: 50px;
color: #ffffff;
font-size: 16px;
background-image: -webkit-linear-gradient(left, #446c83, #4eb8bf);
background-image: linear-gradient(left, #446c83, #4eb8bf);
border-radius: 10px;
font-family: 'Raleway', sans-serif;
width: 125px;
text-align: center;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .price {
display: inline-block;
padding-left: 35px;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .price h4 {
color: #ffffff;
display: inline-block;
margin: 0;
position: relative;
font-size: 40px;
font-weight: 600;
font-family: 'Raleway', sans-serif;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .price h4 span.pricing_new{
font-size: 40px;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .price h4 sub {
position: absolute;
left: 0;
top: 23px;
font-size: 20px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .price h4 span.pricing_old sub{
position: static;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .price h4 span {
font-size: 20px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-heading .price h4 span.separator {
margin-right: -10px;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-body {
margin-bottom: 37px;
}
.htmegavc-pricing-style-1 .htmegavc-pricing-body ul li {
color: #f1f1f1;
font-weight: 300;
font-size: 16px;
padding: 5px 0;
}
a.price_btn{
text-decoration: none;
}
.htmegavc-pricing-style-1 a.price_btn {
border: 1px solid #4fbfc5;
display: inline-block;
padding: 8px 40px;
border-radius: 10px;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
transition: 0.5s;
}
.htmegavc-pricing-style-1 a.price_btn:hover {
background: #4ebec4;
color: #ffffff;
border: 1px solid #4ebec4;
} .htmegavc-pricing-style-2 {
background: #ffffff;
border-radius: 10px;
padding: 55px 0;
}
.htmegavc-pricing-heighlight{
padding: 70px 0;
box-shadow: 0 0 30px rgba(82, 182, 188, 0.25);
position: relative;
z-index: 2;
}
.htmegavc-pricing-style-2.htmegavc-pricing-heighlight{
margin-top: 10px;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-heading {
margin-bottom: 10px;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-heading .icon {
margin-bottom: 20px;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-heading .title h2 {
margin-top: 0px;
margin-bottom: 28px;
font-size: 30px;
font-weight:  400;
line-height: 39px;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-heading .price h4 {
color: #52b6bc;
font-weight: 400;
position: relative;
font-size: 30px;
margin: 0;
font-family: 'Lora', serif;
display: inline-block;
line-height: 39px;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-heading .price h4 sub {
position: absolute;
left: 0;
top: 16px;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-body {
margin-bottom: 27px;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-body ul li {
color: #7b7b7b;
font-size: 14px;
font-weight: 300;
line-height:24px;
padding: 3px 0;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-footer a.price_btn {
border: 2px solid #52b6bc;
display: inline-block;
padding: 0 32px;
color: #52b6bc;
border-radius: 21px;
font-weight: 500;
font-size: 15px;
line-height: 40px;
transition: 0.5s;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-footer a.price_btn:hover {
background: #52b6bc;
color: #ffffff;
border: 2px solid #52b6bc;
} .htmegavc-pricing-style-3 {
background: #ef476f;
padding-bottom: 60px;
margin-top: 88px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price {
width: 125px;
height: 127px;
background: #ef476f;
border: 4px solid #fff;
border-radius: 100%;
text-align: center;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-top: -63px;
margin-bottom: 37px;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price h4 span.pricing_new,.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price h4{
color: #fff;
font-size: 40px;
margin: 0;
font-weight: 600;
position: relative;
font-family: "Poppins", sans-serif;
}
.htmegavc-pricing-panel.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price h4 span.pricing_new, .htmegavc-pricing-panel.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price h4 span.pricing_old{
padding: 0;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price h4 sub {
font-size: 20px;
position: relative;
top: -17px;
left: 0;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price h4 span {
font-size: 15px;
font-weight: 500;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-heading .price h4 span.separator {
margin-left: -9PX;
margin-right: -10px;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-heading .title {
margin-bottom: 41px;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-heading .title h2 {
font-size: 26px;
color: #ffffff;
font-weight: 600;
margin: 0;
font-family: "Montserrat", sans-serif;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-body ul li {
color: #ffffff;
font-size: 17px;
padding: 5px 0;
font-family: "Poppins", sans-serif;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-footer {
margin-top: 48px;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-footer a.price_btn {
height: 40px;
padding: 0 43px;
display: inline-block;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
color: #fff;
font-weight: 600;
line-height: 40px;
font-size: 15px;
transition: 0.5s;
font-family: "Montserrat", sans-serif;
}
.htmegavc-pricing-style-3 .htmegavc-pricing-footer a.price_btn:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
} .htmegavc-pricing-style-4 {
background: #ffffff;
padding: 90px 0;
}
.htmegavc-pricing-style-4.htmegavc-pricing-heighlight .htmegavc-pricing-footer {
height: auto;
}
.htmegavc-pricing-style-4.htmegavc-pricing-heighlight{
margin-top: 10px;
}
.htmegavc-pricing-ribon{
position: relative;
}
.htmegavc-pricing-ribon::before {
content: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/pricing-table/images/pricing-ribon.png);
left: 30px;
position: absolute;
top: -15px;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-heading .price h4 {
font-weight: 600;
color: #4d4d4d;
font-size: 48px;
position: relative;
display: inline-block;
margin: 0;
}
.htmegavc-pricing-panel .htmegavc-pricing-heading .price h4 span.pricing_new{
padding-left: 23px;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-heading .price h4 sub {
position: absolute;
left: 0;
top: 25px;
font-size: 31px;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-heading .title h2 {
font-size: 18px;
font-weight: 500;
color: #000101;
padding-bottom: 27px;
position: relative;
margin-top: 0px;
margin-bottom: 28px;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-heading .title h2::before {
position: absolute;
content: "";
width: 60px;
height: 2px;
background: #e1e1e1;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.htmegavc-pricing-style-4 .htmegavc-pricing-body {
position: relative;
padding-bottom: 23px;
margin-top: 36px;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-body::before {
position: absolute;
content: "";
background: #e1e1e1;
width: 60px;
height: 2px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.htmegavc-pricing-style-4 .htmegavc-pricing-body ul {
padding: 0 53px;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-body ul li {
font-size: 15px;
color: #000000;
line-height: 35px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-footer {
margin-top: 32px;
height: 0px;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-footer a.price_btn {
height: 46px;
border: 1px solid #ededed;
display: inline-block;
line-height: 44px;
padding: 0 40px;
color: #000000;
font-size: 14px;
border-radius: 30px;
font-family: "Montserrat", sans-serif;
transition: 0.5s;
}
.htmegavc-pricing-style-4 .htmegavc-pricing-footer a.price_btn:hover {
background: #0056ff;
color: #ffffff;
border: 1px solid #0056ff;
}
.htmegavc-pricing-style-4:hover .htmegavc-pricing-footer {
height: 46px;
}
.htmegavc-pricing-style-4.active .htmegavc-pricing-footer {
height: 46px !important;
} .htmegavc-pricing-style-5 {
background: #f6f6f6;
padding: 40px 0;
text-align: left;
padding-bottom: 50px;
margin-left: 30px;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-heading {
padding-left: 46px;
margin-bottom: 8px;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-heading .price h4 {
color: #0056ff;
font-weight: 600;
font-size: 40px;
margin-top: 0;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-heading .title h2 {
color: #000000;
font-size: 18px;
font-weight: 500;
letter-spacing: 3px;
margin-top: 0px;
margin-bottom: 3px;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body {
background: #e3ecff;
margin-right: 30px;
margin-left: -30px;
border-radius: 6px;
padding: 40px 56px 60px;
position: relative;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body ul {
margin-bottom: -37px;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body ul li {
color: #181818;
font-size: 14px;
padding: 10px 0;
}
.htmegavc-pricing-body ul li.off {
text-decoration: line-through;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body a.price_btn {
bottom: -72px;
background: transparent;
display: inline-block;
left: 50%;
border-radius: 25px;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
transform: translateX(-50%);
position: relative;
border: 1px solid transparent;
padding: 4px;
transition: 0.5;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body a.price_btn span {
padding: 0 30px;
background: #0056ff;
display: inline-block;
border-radius: 20px;
height: 40px;
line-height: 40px;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body a.price_btn:hover {
border: 1px solid #0056ff;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body a.price_btn.active {
border: 1px solid #0056ff;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body a.price_btn.active:hover {
border: 1px solid transparent;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-heading .price h4 span.pricing_new,
.htmegavc-pricing-style-5 .htmegavc-pricing-heading .price h4 span.pricing_old{
padding: 0;
}
.htmegavc-pricing-style-5 sub {
font-size: 40px;
position: static;
} .htmegavc-pricing-style-6 {
background: #fff;
box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
padding-bottom: 30px;
}
.htmegavc-pricing-style-6.htmegavc-pricing-heighlight{
padding-top: 0;
}
.htmegavc-pricing-style-6.htmegavc-pricing-heighlight .htmegavc-pricing-heading {
background: #2d3e50;
padding: 30px 0;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-heading h2{
color: #fff;
margin-top: 0;
margin-bottom: 15px;
font-family: Raleway, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 28.6px;
}
.htmegavc-pricing-style-6.htmegavc-pricing-heighlight .htmegavc-pricing-body {
padding: 55px 0;
}
.htmegavc-pricing-style-6.htmegavc-pricing-heighlight .htmegavc-pricing-body ul li {
padding: 7px 0;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-heading {
background: #2d3e50;
padding: 30px 0;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-heading .price h4{
font-family: Raleway, sans-serif;
font-size: 60px;
font-weight: 600;
line-height: 78px;
color: #fff;
margin-bottom: 0;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-heading .price h4 span.separator {
margin-left: -7px;
margin-right: -10px;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-heading .price h4 sub {
font-size: 18px;
position: relative;
top: -20px;
left: 0;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-body {
padding: 50px 0;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-body ul li {
color: #2d3e50;
font-size: 18px;
font-weight: 500;
padding: 5px 0;
font-family: 'Raleway', sans-serif;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-footer a.price_btn {
display: inline-block;
background: #2d3e50;
padding: 0 40px;
height: 40px;
line-height: 41px;
font-weight: 700;
border-radius: 15px;
font-size: 15px;
color: #ffffff;
font-family: 'Raleway', sans-serif;
transition: 0.5s;
}
.htmegavc-pricing-style-6 .htmegavc-pricing-footer a.price_btn:hover {
transform: translateY(-5px);
}
.htmegavc-pricing-style-6 .htmegavc-pricing-heading .price h4 span.period-txt,.htmegavc-pricing-style-6 .htmegavc-pricing-heading .price h4 span.separator {
color: #ecebeb;
font-size: 18px;
} .htmegavc-pricing-style-7 {
background: #ffffff;
padding-top: 48px;
padding-bottom: 60px;
box-shadow: 0 0 10px rgba(1, 26, 72, 0.1);
}
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .title h2 {
color: #f7ca18;
font-size: 26px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 32px;
font-family: "Poppins", sans-serif;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price {
background-image: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/pricing-table/images/pricing-7-bg.png);
background-position: center center;
background-size: cover;
margin-bottom: 23px;
padding: 12px 0;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price h4 {
font-size: 60px;
color: #011a48;
font-weight: 700;
font-family: "Poppins", sans-serif;
margin-top: 0;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price h4 span.period-txt,.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price h4 span.separator {
font-size: 26px;
font-weight: 600;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price h4 span.separator {
margin-left: 2px;
margin-right: -8px;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price h4 sub {
font-size: 26px;
left: 0px;
position: relative;
top: -3px;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-body {
padding: 0 28px;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-body ul li {
color: #798294;
font-size: 20px;
line-height: 32px;
padding: 13px 0;
border-top: 1px solid #f6f6f6;
font-family: 'Open Sans', sans-serif;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-body ul li:last-child {
border-bottom: 1px solid #f6f6f6;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-footer {
margin-top: 40px;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-footer a.price_btn {
height: 47px;
padding: 0 50px;
display: inline-block;
background: #011a48;
border-radius: 23px;
color: #fff;
font-size: 14px;
line-height: 47px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
font-family: "Poppins", sans-serif;
transition: 0.5s;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-footer a.price_btn:hover {
background: #f7ca18;
color: #000000;
} @media (min-width: 768px) and (max-width: 991px) {
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price h4 {
font-size: 30px;
}
.htmegavc-pricing-style-7 .htmegavc-pricing-heading .price h4 {
margin-bottom: 0;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-heading {
padding-left: 0;
text-align: center;
}
.htmegavc-pricing-style-5 .htmegavc-pricing-body {
padding: 40px 15px 60px;
}
.htmegavc-pricing-style-4 {
padding: 50px 0;
}
.htmegavc-pricing-style-2 .htmegavc-pricing-heading .title h2 {
margin-bottom: 24px;
}
.htmegavc-pricing.htmegavc-pricing-style-1 .htmegavc-pricing-heading .title {
left: -38px;
}
.htmegavc-pricing-style-1.htmegavc-pricing-panel .htmegavc-pricing-heading .price h4 span.pricing_new {
padding-left: 15px;
}
}.htmegavc-progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}  .htmegavc-single-skill .htmegavc-progress-bar-bg--1 {
background: #18012c; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--2 {
background: #e6e6e6; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--3 {
background: #e8e8e8; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--4 {
background: #f4f4f4; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--5 {
background: #acacac; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--6 {
background: #14b1bb; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--7 {
background: #f13f4b; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--8 {
background: #5bd0c7; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--9 {
background: #5b9fd0; }
.htmegavc-single-skill .htmegavc-progress-bar-bg--10 {
background: #5b65d0; } .htmegavc-progress-radious-0 {
border-radius: 0; }
.htmegavc-progress-radious-0 .htb-progress-bar {
border-radius: 0; }
.htmegavc-progress-radious-3 {
border-radius: 3px; }
.htmegavc-progress-radious-3 .htb-progress-bar {
border-radius: 3px; }
.htmegavc-progress-radious-5 {
border-radius: 5px; }
.htmegavc-progress-radious-5 .htb-progress-bar {
border-radius: 5px; } .htmegavc-progress-height-4 {
height: 4px; }
.htmegavc-progress-height-4 .htb-progress-bar {
height: 4px; }
.htmegavc-progress-height-5 {
height: 5px; }
.htmegavc-progress-height-5 .htb-progress-bar {
height: 5px; }
.htmegavc-progress-height-6 {
height: 6px; }
.htmegavc-progress-height-6 .htb-progress-bar {
height: 6px; }
.htmegavc-progress-height-8 {
height: 8px; }
.htmegavc-progress-height-8 .htb-progress-bar {
height: 8px; }
.htmegavc-progress-height-34 {
height: 34px; }
.htmegavc-progress-height-34 .htb-progress-bar {
height: 34px; }
.htmegavc-progress-height-77 {
height: 77px; }
.htmegavc-progress-height-77 .htb-progress-bar {
height: 77px; } .htmegavc-progress.progress-label-top span.htmegavc-percent-label {
position: absolute;
right: 0;
top: -39px; }
.htmegavc-progress.progress-label-bottom span.htmegavc-percent-label {
position: absolute;
right: 0;
bottom: -29px;
z-index: 3;
top: auto; }
.htmegavc-progress.progress-label-center-right span.htmegavc-percent-label {
position: absolute;
right: 50px; } .htmegavc-progress span.htmegavc-percent-label {
color: #000;
text-align: center;
}
.htmegavc-progress.font-medium span.htmegavc-percent-label {
color: #ffffff;
font-weight: 500;
font-family: "Montserrat", sans-serif;
font-size: 18px; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label {
width: 33px;
height: 19px;
margin: 0px 0px 0px -25px;
background-color: #18012c;
color: #fff;
font-size: 12px;
font-weight: 500;
font-family: "Poppins", sans-serif;
line-height: 19px; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label::after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #18012c;
position: absolute;
top: 100%;
margin-left: -3px;
left: 50%;
transform: skewX(36deg); }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-2 {
background-color: #5b9fd0; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-2::after {
border-top: 5px solid #5b9fd0; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-3 {
background-color: #ff3400; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-3::after {
border-top: 5px solid #ff3400; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-4 {
background-color: #ff7b06; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-4::after {
border-top: 5px solid #ff7b06; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-5 {
background-color: #f13f4b; }
.htmegavc-progress.progress-label-2 span.htmegavc-percent-label.label-color-5::after {
border-top: 5px solid #f13f4b; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label {
width: 40px;
height: 20px;
margin: 0px 0px 0px -25px;
background-color: #18012c;
color: #fff;
font-size: 12px;
font-weight: 500;
font-family: "Poppins", sans-serif;
line-height: 20px; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label::after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #18012c;
position: absolute;
top: 100%;
margin-left: -6px;
left: 50%; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-2 {
background-color: #5b9fd0; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-2::after {
border-top: 5px solid #5b9fd0; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-3 {
background-color: #ff3400; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-3::after {
border-top: 5px solid #ff3400; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-4 {
background-color: #ff7b06; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-4::after {
border-top: 5px solid #ff7b06; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-5 {
background-color: #f13f4b; }
.htmegavc-progress.progress-label-3 span.htmegavc-percent-label.label-color-5::after {
border-top: 5px solid #f13f4b; } .htmegavc-progress.progress-indicator-style_1 .htb-progress-bar {
position: relative; }
.htmegavc-progress.progress-indicator-style_1 .htb-progress-bar::after {
position: absolute;
content: "";
border: 4px solid #18012c;
width: 24px;
height: 24px;
right: -1px;
border-radius: 100%;
background: #fff;
top: -100%;
}
.htmegavc-progress.progress-indicator-style_1 .htb-progress-bar.htmegavc-progress-bar-bg--7::after {
border: 4px solid #f13f4b; }
.htmegavc-progress.progress-indicator-style_2 .htb-progress-bar {
position: relative; }
.htmegavc-progress.progress-indicator-style_2 .htb-progress-bar::after {
position: absolute;
content: "";
width: 14px;
height: 14px;
right: -1px;
border-radius: 100%; }
.htmegavc-progress.progress-indicator-style_2 .htb-progress-bar.htmegavc-progress-bar-bg--1::after {
background: #18012c; } .htmegavc-single-skill {
margin-top: 14px;
overflow: hidden;
padding-bottom: 23px; }
.htmegavc-single-skill:first-child{
margin-top: 0;
padding-top: 0;
}
.htmegavc-single-skill:last-child{
margin-bottom: 0;
}
.htmegavc-single-skill p {
font-family: "Montserrat", sans-serif;
color: #666666;
font-weight: 500;
font-size: 16px;
margin-bottom: 17px; }
.htmegavc-single-skill .htmegavc-progress {
overflow: visible; }
.htmegavc-single-skill .htmegavc-progress .htb-progress-bar {
position: relative;
display: flex;
align-items: center;
justify-content: center;
} .htmegavc-single-skill.htmegavc-progress-bar-vertical {
display: flex;
flex-direction: column;
overflow-y: hidden;
margin:0 15px
}
.htmegavc-single-skill.htmegavc-progress-bar-vertical{
overflow: inherit;
}
.htmegavc-progress-bar-vertical {
position: relative;
padding-top: 41px; }
.htmegavc-progress-bar-vertical .htmegavc-progress {
width: 100%;
padding-top: 0;
min-height: 390px;
display: flex;
align-items: flex-end;
background: transparent;
overflow: inherit; }
.htmegavc-progress-bar-vertical .htmegavc-progress .htb-progress-bar {
width: 100%;
height: 0;
-webkit-transition: height 0.6s ease;
-o-transition: height 0.6s ease;
transition: height 0.6s ease; }
.htmegavc-progress-bar-vertical p {
color: #666666;
font-size: 16px;
font-weight: 500;
margin-top: 13px;
margin-bottom: 0;
display: block; }
.htmegavc-progress-bar-vertical span {
position: absolute;
top: -36px;
color: #383838;
font-size: 25px;
line-height: 1.5;
font-weight: 600;
font-family: "Montserrat", sans-serif;
left: 50%;
transform: translateX(-50%); } .radial-progress-single {
text-align: center; }
.radial-progress-single .radial-progress,
.radial-progress-single .radial-progress-2,
.radial-progress-single .radial-progress-3 {
position: relative; }
.radial-progress-single .radial-progress span,
.radial-progress-single .radial-progress-2 span,
.radial-progress-single .radial-progress-3 span {
position: absolute;
top: 50%;
text-align: center;
display: block;
left: 50%;
transform: translateX(-50%) translateY(-50%);
color: #383838;
font-size: 30px;
font-weight: 500;
font-family: "Montserrat", sans-serif; }
.radial-progress-single h5.radial-progress-title {
color: #666666;
font-size: 16px;
font-weight: 500;
margin: 0;
margin-top: 11px;
font-family: "Montserrat", sans-serif; }
.radial-progress-single canvas {
vertical-align: middle;
position: relative; }
.radial-progress-single .radial-progress-3 span.lable-style-2 {
background: #fff;
width: 80px;
display: inline-block;
height: 80px;
line-height: 80px;
border-radius: 100%;
font-size: 18px;
color: #4d4d4d; }
.radial-progress {
position: relative;
display: inline-block; }
.radial-progress::before {
position: absolute;
background: transparent;
left: 0;
top: 0;
width: 92%;
height: 93%;
content: "";
border-radius: 100%;
opacity: 0.2;
right: 0;
margin: 0 auto;
bottom: 0; }
.radial-progress-2.circles-bg-2::before {
background: #f67345; }
.radial-progress-2.circles-bg-3::before {
background: #ffc354; }
.radial-progress-2.circles-bg-4::before {
background: #2191d0; }
.radial-progressbg {
display: inline-block;
border-radius: 100%;
padding: 8px;
margin: 0;
border: 1px solid #bd7db1; }
.radial-progressbg.radial-progressbg-1 {
border: 1px solid #fdc57a; }
.radial-progressbg.radial-progressbg-2 {
border: 1px solid #53c4c0; }
.radial-progressbg.radial-progressbg-3 {
border: 1px solid #bd7db1; }
.radial-progressbg.radial-progressbg-4 {
border: 1px solid #f47a6b; } .radial-progress-single.theme_3 .radial-progress{
display: inline-block;
border-radius: 100%;
padding: 8px;
margin: 0;
border: 1px solid #bd7db1;
} @media (min-width: 768px) and (max-width: 991px) {
.htmegavc-progress_wrapper .radial-progress-single{
margin-top: 25px;
}
} @media (max-width: 767px) {
.htmegavc-progress-bar-vertical .htmegavc-progress {
min-height: 200px;
}
.htmegavc-progress_wrapper .item_9 .htmegavc-progress-bar-vertical .htmegavc-progress,
.htmegavc-progress_wrapper .radial-progress-single{
margin-top: 25px;
}
}.poss_relative {
position: relative; } .text-italic {
font-style: italic; } .heading-1 {
color: #18012c;
font-size: 48px;
line-height: 1;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.heading-1 {
font-size: 42px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.heading-1 {
font-size: 38px; } }
@media only screen and (max-width: 767px) {
.heading-1 {
font-size: 32px; } }
@media only screen and (max-width: 575px) {
.heading-1 {
font-size: 23px; } }
.heading-style-7{
padding-left: 25px;
}
.heading-style-7{
padding-left: 25px;
}
.heading-style-7.heading-border-right{
padding-left: 0;
padding-right: 25px;
}
.heading-2 {
color: #18012c;
font-size: 36px;
line-height: 1;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin-bottom: 8px; }
.heading-style-4 .heading-2,
.heading-style-5 .heading-2{
margin-top: 5px;
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.heading-2 {
font-size: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.heading-2 {
font-size: 26px; } }
@media only screen and (max-width: 767px) {
.heading-2 {
font-size: 26px; } }
@media only screen and (max-width: 575px) {
.heading-2 {
font-size: 23px; } }
.heading-3 {
color: #18012c;
font-size: 36px;
line-height: 1;
font-family: "Montserrat", sans-serif;
font-weight: 700; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.heading-3 {
font-size: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.heading-3 {
font-size: 26px; } }
@media only screen and (max-width: 767px) {
.heading-3 {
font-size: 26px; } }
@media only screen and (max-width: 575px) {
.heading-3 {
font-size: 23px; } } .subtitle {
font-size: 16px;
color: #494849;
font-family: "Poppins", sans-serif;
margin: 5px 0;
line-height: 30px; }
@media only screen and (max-width: 767px) {
.subtitle {
font-size: 14px;
line-height: 25px; } }
.subtitle-2 {
color: #322242;
font-weight: 500; }
.subtitle-3 {
color: #494849;
font-weight: 500;
margin-bottom: 5px; } .htmegavc-heading {
z-index: 1; }
.htmegavc-heading.center-icon img,
.htmegavc-heading.center-icon i {
position: absolute;
top: 47%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: -1; }
.htmegavc-heading.left-icon img,
.htmegavc-heading.left-icon i {
position: absolute;
top: 47%;
left: 0%;
transform: translateX(-0%) translateY(-50%);
z-index: -1; }
.htmegavc-heading.right-icon img,
.htmegavc-heading.right-icon i {
position: absolute;
top: 47%;
left: auto;
right: 0%;
transform: translateX(-0%) translateY(-50%);
z-index: -1; }
.htmegavc-heading .heading-bg-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: -1;
color: #f1f1f1;
font-size: 80px;
font-weight: 800;
line-height: 28px;
margin: 0;
width: 100%;
text-align: center;
font-family: "Montserrat", sans-serif;
text-transform: uppercase; }
.htmegavc-heading.text-left .heading-bg-text{
text-align: left;
}
.htmegavc-heading.text-right .heading-bg-text{
text-align: right;
}
.htmegavc-heading .heading-bg-text.heading-bg--textleft {
text-align: left; }
.htmegavc-heading .heading-bg-text.heading-bg--textright {
text-align: right; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.htmegavc-heading .heading-bg-text {
font-size: 60px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.htmegavc-heading .heading-bg-text {
font-size: 50px; } }
@media only screen and (max-width: 767px) {
.htmegavc-heading .heading-bg-text {
font-size: 40px; } }
.htmegavc-heading .middle-align-border {
position: relative;
display: inline-block;
padding: 0 10.5%;
margin-top: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.htmegavc-heading .middle-align-border {
padding: 0 14.5%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.htmegavc-heading .middle-align-border {
padding: 0 17.5%; } }
@media only screen and (max-width: 767px) {
.htmegavc-heading .middle-align-border {
padding: 0 12.5%; } }
@media only screen and (max-width: 575px) {
.htmegavc-heading .middle-align-border {
padding: 0; } }
.htmegavc-heading .middle-align-border::before {
position: absolute;
content: "";
left: 0;
width: 100px;
height: 3px;
background: #412e51;
top: 50%; }
@media only screen and (max-width: 767px) {
.htmegavc-heading .middle-align-border::before {
width: 50px; } }
@media only screen and (max-width: 575px) {
.htmegavc-heading .middle-align-border::before {
display: none; } }
.htmegavc-heading .middle-align-border::after {
position: absolute;
content: "";
right: 0;
width: 100px;
height: 3px;
background: #412e51;
top: 50%; }
@media only screen and (max-width: 767px) {
.htmegavc-heading .middle-align-border::after {
width: 50px; } }
@media only screen and (max-width: 575px) {
.htmegavc-heading .middle-align-border::after {
display: none; } }
.htmegavc-heading .heading-bg-img {
margin-top: 0;
line-height: 57px;
margin-bottom: 3px;
background-image: url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/addons/section-title/images/heading-bg.jpg);
background-repeat:  repeat-y;
-webkit-background-clip: text;
background-clip: text; -webkit-text-fill-color: transparent;
-webkit-animation: heading-animation-1 80s linear infinite; -webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden; }
@media only screen and (max-width: 767px) {
.htmegavc-heading .heading-bg-img {
line-height: 1.2; } }
.htmegavc-heading p.heading-border-bottom {
position: relative;
padding-bottom: 8px;
margin-bottom: 0; }
.heading-style-7.heading-border-none p.heading-border-bottom{
margin-bottom: 8px;
}
.htmegavc-heading .heading-border-none{
margin-bottom: 0;
}
.htmegavc-heading p.heading-border-bottom::before {
position: absolute;
content: "";
bottom: 0;
width: 70px;
height: 2px;
background: #18012c;
left: 50%;
transform: translateX(-50%); }
.htmegavc-heading.text-left p.heading-border-bottom::before{
left: 0%;
transform: translateX(-0%);
}
.htmegavc-heading.text-right p.heading-border-bottom::before{
right: 0%;
left: auto;
transform: translateX(-0%);
}
.htmegavc-heading.heading-border-left {
position: relative; }
.htmegavc-heading.heading-border-center::before {
display: none;
}
.htmegavc-heading.heading-border-left::before {
position: absolute;
content: "";
left: 0;
height: 100%;
width: 5px;
background: #18012c;
top: 50%;
transform: translateY(-50%); }
@media only screen and (max-width: 575px) {
.htmegavc-heading.heading-border-left::before {
height: 50px; } }
.htmegavc-heading.heading-border-right {
position: relative; }
.htmegavc-heading.heading-border-right::before {
position: absolute;
content: "";
right: 0;
height: 100%;
width: 5px;
background: #18012c;
top: 50%;
transform: translateY(-50%); }
@media only screen and (max-width: 575px) {
.htmegavc-heading.heading-border-right::before {
height: 50px; } }
.htmegavc-heading.heading-style-5 p.subtitle {
font-weight: 500; } @-webkit-keyframes heading-animation-1 {
0% {
background-position: 0% 50%; }
100% {
background-position: 100% 50%; } }
@keyframes heading-animation-1 {
0% {
background-position: 0% 50%; }
100% {
background-position: 100% 50%; } }.htmegavc-testimonial-wrapper .col-lg-five{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
} .htmegavc-testimonial-style-1 .htmegavc-testimonal {
text-align: center;
}
.htmegavc-testimonial-style-1 .htmegavc-testimonal img {
margin-bottom: 34px;
text-align: center;
display: inline-block;
}
.htmegavc-testimonial-style-1 .htmegavc-testimonal .htmegavc-shape img {
margin: 0;
}
.htmegavc-testimonial-style-1 .htmegavc-testimonal .htmegavc-content {
margin-top: 30px;
}
.htmegavc-testimonial-style-1 .htmegavc-testimonal .htmegavc-content p {
color: #3e3e3e;
font-size: 18px;
line-height: 35px;
padding: 0 10%;
}
.htmegavc-testimonial-style-1 .htmegavc-testimonal .htmegavc-content h4 {
color: #3e3e3e;
font-size: 20px;
line-height: 37px;
margin: 0;
}
.htmegavc-testimonial-style-1 .htmegavc-testimonal .htmegavc-content span {
color: #3e3e3e;
font-size: 18px;
}
.htmegavc-testimonial-style-1 .slick-dots li{
list-style: none;
}
.htmegavc-testimonial-style-1 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #e3e3e3;
border-radius: 100%;
}
.htmegavc-testimonial-style-1 .slick-dots li.slick-active button {
background: #ff6600;
}
.htmegavc-testimonial-style-1 .slick-dots li button:before {
display: none;
}
.htmegavc-testimonial-style-1 .slick-dots {
bottom: -40px;
}
.htmegavc-testimonial-style-1 .slick-dots li {
margin: 0 7px;
width: 12px;
height: 12px;
} .htmegavc-testimonial-style-2 .slick-slide {
padding: 5px 15px;
}
.htmegavc-testimonial-style-2 .htmegavc-testimonal .htmegavc-testimonal-inner {
text-align: center;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative;
margin-top: 46px;
padding-bottom: 27px;
border-radius: 10px;
}
.htmegavc-testimonial-style-2 .htmegavc-testimonal img {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid #6e6e6e;
border-radius: 100%;
}
.htmegavc-testimonial-style-2 .htmegavc-testimonal .htmegavc-content {
padding-top: 69px;
}
.htmegavc-testimonial-style-2 .htmegavc-testimonal .htmegavc-content p {
color: #5b5b5b;
font-size: 14px;
line-height: 24px;
padding: 0 4%;
font-style: italic;
margin-bottom: 4px;
}
.htmegavc-testimonial-style-2 .htmegavc-testimonal .htmegavc-content h4 {
color: #5b5b5b;
font-size: 16px;
line-height: 37px;
margin: 0;
font-weight: 600;
}
.htmegavc-testimonial-style-2 .htmegavc-testimonal .htmegavc-content span {
color: #3e3e3e;
font-size: 18px;
}
.htmegavc-testimonial-style-2 .slick-center .htmegavc-testimonal img {
border: 1px solid #ff6600;
}
.htmegavc-testimonial-style-2 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #e3e3e3;
border-radius: 100%;
}
.htmegavc-testimonial-style-2 .slick-dots li.slick-active button {
background: #ff6600;
}
.htmegavc-testimonial-style-2 .slick-dots li button:before {
display: none;
}
.htmegavc-testimonial-style-2 .slick-dots {
bottom: -75px;
}
.htmegavc-testimonial-style-2 .slick-dots li {
margin: 0 7px;
width: 12px;
height: 12px;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.htmegavc-testimonial-style-2 .slick-arrow {
width: 36px;
height: 36px;
line-height: 36px;
color: #7d7d7d;
border: 0 none;
background: #fff;
border-radius: 100%;
font-size: 24px;
position: absolute;
left: 0;
top: 50%;
z-index: 999;
transition: 0.5s;
box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
padding: 0;
text-align: center;
}
.htmegavc-testimonial-style-2 .slick-arrow:hover {
background: #52b6bc;
color: #fff;
}
.htmegavc-testimonial-style-2 button.htmegavc-testimonial-arrow-next.slick-arrow {
position: absolute;
left: auto;
right: 0;
} .htmegavc-testimonial-style-3 .htmegavc-testimonal img {
float: left;
border: 1px solid #47DE9D;
border-radius: 100%;
}
.htmegavc-testimonial-style-3 .htmegavc-testimonal .htmegavc-content {
overflow: hidden;
padding-left: 20px;
}
.htmegavc-testimonial-style-3 .htmegavc-testimonal .htmegavc-content p {
color: #3e3e3e;
font-size: 16px;
margin-bottom: 20px;
line-height: 28px;
}
.htmegavc-testimonial-style-3 .htmegavc-testimonal .htmegavc-content .htmegavc-clint-info {
padding-left: 50px;
position: relative;
}
.htmegavc-testimonial-style-3 .htmegavc-testimonal .htmegavc-content .htmegavc-clint-info::before {
position: absolute;
content: "";
width: 30px;
height: 2px;
background: #383838;
left: 0;
top: 4px;
}
.htmegavc-testimonial-style-3 .htmegavc-testimonal .htmegavc-content .htmegavc-clint-info h4 {
font-weight: 600;
font-size: 16px;
color: #383838;
margin-bottom: 2px;
}
.htmegavc-testimonial-style-3 .htmegavc-testimonal .htmegavc-content .htmegavc-clint-info span {
color: #383838;
font-size: 14px;
} .htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-thumb {
float: left;
padding-right: 50px;
position: relative;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-thumb::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
background: #18012c;
right: 0;
top: 0;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-thumb::after {
position: absolute;
content: "";
background: #18012c;
height: 1px;
width: 30px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-content {
overflow: hidden;
padding-left: 30px;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-content p {
color: #3e3e3e;
font-size: 16px;
margin-bottom: 20px;
line-height: 28px;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-content h4 {
font-weight: 600;
font-size: 16px;
color: #383838;
margin-bottom: 2px;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-content span {
color: #383838;
font-size: 14px;
}
.testimonial-pagination ul.testi-pagination-dots li button::before {
content: "0";
}
ul.testi-pagination-dots {
padding: 0;
margin: 0;
list-style: none;
border: 0 none;
}
ul.testi-pagination-dots li button {
background: transparent;
border: 0 none;
color: #18012c;
font-weight: 600;
font-size: 16px;
position: relative;
}
.htmegavc-testimonial-style-4 {
position: relative;
padding-right: 24%;
}
.testimonial-pagination {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
ul.testi-pagination-dots li {
padding: 6px 0;
}
ul.testi-pagination-dots li.slick-active button {
position: relative;
}
ul.testi-pagination-dots li {
position: relative;
padding-left: 45px;
}
ul.testi-pagination-dots li::after {
position: absolute;
content: "";
background: #18012c;
width: 0;
height: 1px;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.5s;
}
ul.testi-pagination-dots li.slick-active::after {
width: 30px;
} .htmegavc-testimonial-for .htmegavc-testimonial-desc p {
color: #3e3e3e;
font-size: 18px;
line-height: 35px;
text-align: center;
padding: 0 15%;
}
.htmegavc-testimonal-img {
text-align: center;
}
.htmegavc-testimonal-img .htmegavc-content {
text-align: center;
margin-top: 22px;
}
.htmegavc-testimonal-img .htmegavc-content h4 {
color: #3e3e3e;
font-size: 20px;
margin-bottom: 3px;
}
.htmegavc-testimonal-img .htmegavc-content span {
color: #3e3e3e;
font-size: 18px;
line-height: 29px;
}
.htmegavc-testimonal-nav.slick-slider {
max-width: 35%;
width: 100%;
margin: 0 auto;
}
.htmegavc-testimonial-style-5 .slick-slide.slick-active .htmegavc-testimonal-img img {
display: inline-block;
border: 1px solid #404040;
border-radius: 100%;
}
.slick-slide.slick-active.slick-center .htmegavc-testimonal-img img {
transform: scale(1);
}
.slick-slide.slick-active .htmegavc-testimonal-img img {
transform: scale(0.8);
text-align: center;
display: inline-block;
}
.htmegavc-testimonial-style-5 .htmegavc-testimonal-nav .slick-track {
margin-top: 85px;
}
.htmegavc-testimonal-nav .slick-slide:not(.slick-center) .htmegavc-content {
display: none;
}
.htmegavc-testimonial-style-5 .htmegavc-testimonial-shape {
bottom: 56%;
left: 49.5%;
position: absolute;
transform: translateX(-50%);
}
.htmegavc-testimonial-style-5 .htmegavc-testimonal-nav .htmegavc-testimonal-img img{
display: inline-block;
border: 1px solid #666;
border-radius: 100%;
} .htmegavc-testimonial-style-6 .htmegavc-testimonal img {
display: inline-block;
}
.htmegavc-testimonial-style-6 .htmegavc-testimonal .htmegavc-content {
background: #fff;
text-align: center;
padding: 50px 9%;
position: relative;
box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
}
.htmegavc-testimonial-style-6 .htmegavc-testimonal .htmegavc-content p {
font-size: 16px;
line-height: 28px;
color: #3e3e3e;
}
.htmegavc-testimonial-style-6 .htmegavc-testimonal .htmegavc-content .htmegavc-triangle {
position: absolute;
top: 100%;
margin-top: -1px;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
border-top: 20px solid #fff;
border-bottom: 20px solid transparent;
left: 50%;
transform: translateX(-50%);
}
.htmegavc-testimonial-style-6 .htmegavc-testimonal .htmegavc-clint-info {
text-align: center;
margin-top: 40px;
}
.htmegavc-testimonial-style-6 .htmegavc-testimonal .htmegavc-clint-info h4 {
color: #5c5c5c;
font-size: 22px;
font-weight: 700;
margin-top: 22px;
margin-bottom: 4px;
}
.htmegavc-testimonial-style-6 .htmegavc-testimonal .htmegavc-clint-info span {
color: #5c5c5c;
font-weight: 600;
font-size: 15px;
}
.htmegavc-testimonial-style-6 .slick-arrow {
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
color: #7d7d7d;
border: 0 none;
background: #fff;
border-radius: 100%;
font-size: 24px;
position: absolute;
left: 0;
top: 20%;
z-index: 999;
transition: 0.5s;
box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
}
.htmegavc-testimonial-style-6 .slick-arrow:hover {
background: #52b6bc;
color: #fff;
}
.htmegavc-testimonial-style-6 button.htmegavc-testimonial-arrow-next.slick-arrow {
position: absolute;
left: auto;
right: 0;
}
.htmegavc-testimonial-style-6 {
position: relative;
padding: 0 200px;
}
.htmegavc-testimonial-style-6 .slick-dots li{
list-style: none;
}
.htmegavc-testimonial-style-6 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #e3e3e3;
border-radius: 100%;
}
.htmegavc-testimonial-style-6 .slick-dots li.slick-active button {
background: #ff6600;
}
.htmegavc-testimonial-style-6 .slick-dots li button:before {
display: none;
}
.htmegavc-testimonial-style-6 .slick-dots {
bottom: -40px;
bottom: -40px;
width: auto;
margin: 0 auto;
left: 0;
right: 0;
}
.htmegavc-testimonial-style-6 .slick-dots li {
margin: 0 7px;
width: 12px;
height: 12px;
} .htmegavc-testimonial-style-7 .htmegavc-testimonal {
text-align: center;
}
.htmegavc-testimonial-style-7 .htmegavc-testimonal p {
color: #414141;
font-size: 30px;
font-style: italic;
line-height: 48px;
margin-top: 26px;
font-family: "Montserrat", sans-serif;
margin-bottom: 0;
position: relative;
z-index: 2;
}
.htmegavc-testimonial-style-7 .htmegavc-testimonal p::before {
position: absolute;
content: "";
color: #ffebd1;
content: "\f10e";
font-family: Fontawesome;
font-size: 216px;
left: 50%;
top: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.htmegavc-testimonial-style-7 .htmegavc-testimonal h4 {
color: #3e3e3e;
font-weight: 600;
font-size: 20px;
margin-bottom: 9px;
}
.htmegavc-testimonial-style-7 .htmegavc-testimonal .htmegavc-clint-info {
margin-top: 29px;
}
.htmegavc-testimonial-style-7 .htmegavc-testimonal .htmegavc-clint-info span {
color: #3e3e3e;
font-size: 18px;
}
.htmegavc-testimonial-style-7 .htmegavc-testimonal img {
display: inline-block;
}
.htmegavc-testimonial-style-7 .slick-arrow {
position: absolute;
top: 9%;
left: 16%;
color: #aeaeae;
font-size: 48px;
background: transparent;
border: 0 none;
z-index: 2;
transition: 0.5s;
}
.htmegavc-testimonial-style-7 .slick-arrow:hover {
color: #f6ab4b;
}
.htmegavc-testimonial-style-7 button.htmegavc-testimonial-arrow-next.slick-arrow {
left: auto;
right: 16%;
}
.htmegavc-testimonial-style-7 .slick-dots li{
list-style: none;
}
.htmegavc-testimonial-style-7 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #e3e3e3;
border-radius: 100%;
}
.htmegavc-testimonial-style-7 .slick-dots li.slick-active button {
background: #ff6600;
}
.htmegavc-testimonial-style-7 .slick-dots li button:before {
display: none;
}
.htmegavc-testimonial-style-7 .slick-dots {
bottom: -40px;
bottom: -40px;
width: auto;
margin: 0 auto;
left: 0;
right: 0;
}
.htmegavc-testimonial-style-6 .slick-dots li {
margin: 0 7px;
width: 12px;
height: 12px;
} .htmegavc-testimonial-style-8 {
position: relative;
padding: 0 200px;
}
.htmegavc-testimonial-style-8 .htmegavc-content {
display: flex;
align-items: center;
}
.htmegavc-testimonial-style-8 .htmegavc-content .htmegavc-clint-info {
padding-left: 20px;
}
.htmegavc-testimonial-style-8 .htmegavc-content .htmegavc-clint-info h4 {
color: #3e3e3e;
font-size: 20px;
font-weight: 700;
margin-top: 0px;
margin-bottom: 7px;
}
.htmegavc-testimonial-style-8 .htmegavc-content .htmegavc-clint-info span {
color: #3e3e3e;
font-size: 18px;
}
.htmegavc-testimonial-style-8 p {
color: #3e3e3e;
font-size: 18px;
line-height: 35px;
margin: 0;
margin-top: 20px;
}
.htmegavc-testimonial-style-8 .slick-arrow {
position: absolute;
left: 0;
background: transparent;
color: #aeaeae;
font-size: 48px;
border: 0 none;
top: 43%;
transition: 0.5s;
}
.htmegavc-testimonial-style-8 .slick-arrow:hover {
color: #f6ab4b;
}
.htmegavc-testimonial-style-8 button.htmegavc-testimonial-arrow-next.slick-arrow {
left: auto;
right: 0;
} .htmegavc-testimonial-style-9 .htmegavc-testimonal {
background: #f7f8f9;
padding: 30px;
margin-top: 30px;
}
.htmegavc-testimonial-style-9 .htmegavc-testimonal .htmegavc-content {
display: flex;
align-items: center;
}
.htmegavc-testimonial-style-9 .htmegavc-testimonal .htmegavc-content .htmegavc-clint-info {
padding-left: 25px;
}
.htmegavc-testimonial-style-9 .htmegavc-testimonal .htmegavc-content .htmegavc-clint-info h4 {
font-size: 18px;
color: #383838;
margin: 0;
}
.htmegavc-testimonial-style-9 .htmegavc-testimonal .htmegavc-content .htmegavc-clint-info span {
color: #1834a6;
font-size: 13px;
}
.htmegavc-testimonial-style-9 .htmegavc-testimonal p {
color: #5b5b5b;
font-size: 14px;
line-height: 26px;
margin: 0;
margin-top: 22px;
}  @media (min-width: 768px) and (max-width: 991px) {
.htmegavc-testimonial-style-3 .col-sm-12 {
margin-bottom: 30px;
}
} @media (max-width: 767px) {
.htmegavc-testimonial-style-3 .col-sm-12 {
margin-bottom: 30px;
}
.htmegavc-testimonial-style-4 {
padding-right: 0;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-thumb {
padding-right: 0;
display: block;
width: 100%;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-thumb::before {
display: none;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-content {
padding-left: 0;
width: 100%;
margin-top: 20px;
float: left;
}
.row4-testimonial .testimonial-pagination {
top: auto;
transform: none;
margin: 0 auto;
display: block;
position: unset;
}
.row4-testimonial ul.testi-pagination-dots li {
padding-left: 0;
float: left;
}
.row4-testimonial ul.testi-pagination-dots li.slick-active::after {
display: none;
}
.row4-testimonial ul.testi-pagination-dots li:first-child button{
padding-left: 0;
}
.htmegavc-testimonial-style-4 .htmegavc-testimonal .htmegavc-thumb::after {
display: none;
}
.htmegavc-testimonial-style-5 .htmegavc-testimonial-for .htmegavc-testimonial-desc p {
font-size: 16px;
line-height: 29px;
padding: 0;
}
.htmegavc-testimonial-style-5 .htmegavc-testimonial-shape {
display: none;
}
.htmegavc-testimonial-style-5 .htmegavc-testimonal-nav .slick-track {
margin-top: 20px;
}
.htmegavc-testimonial-style-5 .htmegavc-testimonal-nav.slick-slider {
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.htmegavc-testimonial-style-6 {
padding: 0;
}
.htmegavc-testimonial-style-6 .htmegavc-testimonal .htmegavc-content {
padding: 20px 9%;
}
.htmegavc-testimonial-style-7 .htmegavc-testimonal,
.htmegavc-testimonial-style-8 .htmegavc-testimonal p {
font-size: 24px;
line-height: 1.3;
}
.htmegavc-testimonial-style-8 {
padding: 0;
}
.htmegavc-testimonial-style-8 .slick-arrow {
padding: 0;
z-index: 9;
}
}
.slick-initialized .slick-slide{
height: auto;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.htmegavc-team {
margin-top: 30px;
}
.htmegavc-team .htmegavc-thumb {
position: relative;
overflow: hidden;
}
.htmegavc-team .htmegavc-thumb img{
display: block;
margin: 0 auto;
}
.htmegavc-team {
position: relative;
}
.htmegavc-team .htmegavc-team-content {
text-align: center;
font-size: 16px;
font-weight: 500;
margin-bottom: 7px;
border: 1px solid #dcd9d9;
padding: 30px 20px;
}
.htmegavc-team .htmegavc-team-content h4 {
font-size: 16px;
font-weight: 500;
margin-top: 0px;
margin-bottom: 5px;
}
.htmegavc-team .htmegavc-team-content h4 {
color: #343434;
transition: 0.5s;
}
.htmegavc-team .htmegavc-team-content p {
margin: 0;
color: #343434;
font-size: 16px;
font-weight: 400;
}
.htmegavc-team-style-1 .htmegavc-team-hover-action {
position: absolute;
width: 100%;
text-align: center;
height: 100%;
top: -100px;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s;
}
.htmegavc-team .htmegavc-team-hover-action .htmegavc-team-hover {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.htmegavc-team .htmegavc-team-hover-action .htmegavc-team-hover p {
color: #ffffff;
font-size: 14px;
line-height: 28px;
padding: 0 23px;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s;
opacity: 0;
}
.htmegavc-team .htmegavc-team-hover-action .htmegavc-team-hover .htmegavc-social-network {
margin-bottom: 7px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s;
opacity: 0;
}
.htmegavc-team-style-1:hover .htmegavc-team-hover-action {
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bounceY 0.9s linear;
-moz-animation: bounceY 0.9s linear;
-ms-animation: bounceY 0.9s linear;
animation: bounceY 0.9s linear;
background: rgba(24, 1, 44, 0.6);
}
.htmegavc-team:hover .htmegavc-team-hover-action .htmegavc-team-hover p,
.htmegavc-team:hover .htmegavc-team-hover-action .htmegavc-team-hover .htmegavc-social-network {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
opacity: 1;
}
.htmegavc-team-style-1::before {
position: absolute;
content: "";
width: 0;
height: 1px;
background: #18012c;
bottom: 0;
left: 0;
transition: 0.5s;
}
.htmegavc-team-style-1:hover::before {
width: 100%;
} .htmegavc-team-style-2 .htmegavc-thumb img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.5s;
}
.htmegavc-team-style-2:hover .htmegavc-thumb img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.htmegavc-team-style-2 .htmegavc-team-hover-action {
position: absolute;
bottom: 30px;
width: 100%;
padding: 0 30px;
}
.htmegavc-team-style-2 .htmegavc-team-hover-action .htmegavc-hover-action {
text-align: center;
padding: 25px 0;
background-color: rgba(115, 146, 184, 0.7);
width: 100%;
opacity: 0;
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.htmegavc-team-style-2 .htmegavc-team-hover-action .htmegavc-hover-action h4 {
font-size: 18px;
font-weight: 500;
margin-top: 0px;
margin-bottom: 9px;
color: #ffffff;
}
.htmegavc-team-style-2 .htmegavc-team-hover-action .htmegavc-hover-action{
background-color: #18012c;
}
.htmegavc-team-style-2 .htmegavc-team-hover-action{
background-color: transparent !important;
}
.htmegavc-team-style-2:hover .htmegavc-team-hover-action .htmegavc-hover-action {
opacity: 1;
-webkit-transform: translate(0px, -10px) rotate(45deg);
-moz-transform: translate(0px, -10px) rotate(45deg);
-o-transform: translate(0px, -10px) rotate(45deg);
-ms-transform: translate(0px, -10px) rotate(45deg);
transform: translate(0px, -10px) rotate(0deg);
} .htmegavc-team-style-3 .htmegavc-thumb {
padding-bottom: 80px;
position: relative;
}
.htmegavc-team-style-3 .plus_click {
position: absolute;
left: 50%;
top: -14px;
transform: translateX(-50%);
}
.htmegavc-team-style-3 .plus_click::before {
content: "\f067";
display: block;
width: 25px;
height: 25px;
border: 1px solid #fff;
color: #fff;
background: #555555;
border-radius: 100%;
text-align: center;
font-size: 12px;
z-index: 2;
cursor: pointer;
transition: 0.5s;
line-height: 27px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.htmegavc-team-style-3 .plus_click.team-minus::before {
content: "\f068";
background: #18012c;
}
.htmegavc-team-style-3 .htmegavc-team-click-action {
background: #343434;
text-align: center;
border-radius: 50px 50px 0 0;
padding-top: 28px;
padding-bottom: 20px;
transition: 0.5s;
width: 100%;
position: absolute;
width: 100%;
bottom: 0;
margin-bottom: -58px;
}
.htmegavc-team-style-3 .htmegavc-team-click-action.visible {
margin-bottom: 0px;
background: #18012c;
}
.htmegavc-team-style-3 .htmegavc-team-click-action h4 {
font-size: 16px;
font-weight: 600;
margin-top: 2px;
margin-bottom: 2px;
}
.htmegavc-team-style-3 .htmegavc-team-click-action h4{
color: #ffffff;
}
.htmegavc-team-style-3 .htmegavc-team-click-action span {
display: block;
color: #ffffff;
font-size: 14px;
margin-bottom: 14px;
}
.htmegavc-team-style-3 .htmegavc-team-click-action .htmegavc-social-network {
margin-bottom: 9px;
} .htmegavc-team ul.htmegavc-social-network {
padding: 0 15px;
margin: 0;
list-style: none;
display: block;
text-align: center;
}
.htmegavc-social-network {
margin-bottom: 8px;
}
.htmegavc-social-network li {
margin: 0 10px;
display: inline-block;
}
.htmegavc-social-network li a {
color: #fff;
font-size: 14px;
display: block;
background: transparent;
line-height: 1;
}
.htmegavc-social-network li a:hover {
color: #3B5998;
background: transparent;
}
.htmegavc-team-style-3 .htmegavc-social-network li a {
height: 28px;
line-height: 26px;
text-align: center;
width: 28px;
} .htmegavc-team-style-4 { }
.htmegavc-team-style-4 .htmegavc-thumb {
overflow: visible;
display: inline-block;
}
.htmegavc-team-style-4 .htmegavc-thumb.htmegavc-team-image-hover-left img {
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.htmegavc-team-style-4 .htmegavc-thumb.htmegavc-team-image-hover-right img {
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.htmegavc-team-style-4 .htmegavc-thumb.htmegavc-team-image-hover-top img {
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.htmegavc-team-style-4 .htmegavc-thumb.htmegavc-team-image-hover-bottom img {
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.htmegavc-team-style-4 .htmegavc-team-hover-action {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100%;
text-align: center;
}
.htmegavc-team-style-4 .htmegavc-team-hover-action::before {
position: absolute;
content: "";
background: #18012c;
opacity: 1;
width: auto;
height: auto;
border-radius: 100%;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
}
.htmegavc-team-style-4 .htmegavc-team-image-hover-none .htmegavc-team-hover-action::before {
background: rgba(24, 1, 44, 0.5) none repeat scroll 0 0;
bottom: 10px;
content: "";
height: auto;
left: 10px;
opacity: 0;
position: absolute;
right: 10px;
top: 10px;
transition: all 0.4s ease-in-out 0s;
width: auto;
}
.htmegavc-thumb.htmegavc-team-image-hover-none {
overflow: hidden;
}
.htmegavc-team-style-4 .htmegavc-team-image-hover-none .htmegavc-team-hover-action .htmegavc-hover-action h4 {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.htmegavc-team-style-4 .htmegavc-team-image-hover-none ul.htmegavc-social-network{
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.htmegavc-team-style-4:hover .htmegavc-team-image-hover-none .htmegavc-team-hover-action .htmegavc-hover-action h4,.htmegavc-team-style-4:hover .htmegavc-team-image-hover-none ul.htmegavc-social-network {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.htmegavc-team-style-4:hover .htmegavc-team-image-hover-none .htmegavc-team-hover-action::before {
opacity: 1;
}
.htmegavc-team-style-4.htmegavc-team:hover .htmegavc-team-image-hover-none .htmegavc-team-hover-action {
background-color: transparent;
}
.htmegavc-team-style-4 .htmegavc-team-hover-action .htmegavc-hover-action {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
}
.htmegavc-team-style-4 .htmegavc-team-hover-action .htmegavc-hover-action h4 {
font-size: 16px;
margin-top: 0px;
margin-bottom: 13px;
font-weight: 500;
}
.htmegavc-team-style-4 .htmegavc-team-hover-action .htmegavc-hover-action h4 {
color: #ffffff;
}
.htmegavc-team-style-4:hover .htmegavc-thumb.htmegavc-team-image-hover-left img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.htmegavc-team-style-4:hover .htmegavc-thumb.htmegavc-team-image-hover-right img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
z-index: 12;
}
.htmegavc-team-style-4:hover .htmegavc-thumb.htmegavc-team-image-hover-top img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
}
.htmegavc-team-style-4:hover .htmegavc-thumb.htmegavc-team-image-hover-bottom img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
} .htmegavc-team-style-5 .htmegavc-thumb img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background-color: white;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity: 0;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0 20px;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action h4 {
font-size: 16px;
font-weight: 600;
margin-top: 0px;
margin-bottom: 9px;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action h4 a {
color: #343434;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action span {
font-size: 16px;
display: block;
color: #343434;
margin-bottom: 12px;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action p {
line-height: 26px;
color: #494849;
font-size: 14px;
margin-bottom: 16px;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action .htmegavc-social-network {
justify-content: flex-start;
text-align: left;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action .htmegavc-social-network li:first-child {
margin-left: 0;
}
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action h4,
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action span,
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action ul.htmegavc-social-network,
.htmegavc-team-style-5 .htmegavc-team-hover-action .htmegavc-hover-action p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity: 0;
}
.htmegavc-team-style-5:hover .htmegavc-team-hover-action {
opacity: 1;
background-color: white;
}
.htmegavc-team-style-5:hover .htmegavc-team-hover-action .htmegavc-hover-action h4,
.htmegavc-team-style-5:hover .htmegavc-team-hover-action .htmegavc-hover-action ul.htmegavc-social-network,
.htmegavc-team-style-5:hover .htmegavc-team-hover-action .htmegavc-hover-action p,
.htmegavc-team-style-5:hover .htmegavc-team-hover-action .htmegavc-hover-action span {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.htmegavc-team-style-5:hover .htmegavc-thumb img {
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
opacity: 0;
}
.htmegavc-team.htmegavc-team-style-5 ul.htmegavc-social-network{
padding: 0;
}
.htmegavc-team.htmegavc-team-style-5 ul.htmegavc-social-network i{
color: #18012c;
} .htmegavc-team-style-6 {
overflow: hidden;
}
.htmegavc-team-style-6 .htmegavc-thumb img {
transition: 0.5s;
}
.htmegavc-team-style-6:hover .htmegavc-thumb img {
transform: scale(1.2) rotate(10deg);
}
.htmegavc-team-style-6 .htmegavc-team-info {
background: #f4f4f4;
text-align: center;
}
.htmegavc-team-style-6 .htmegavc-team-info .htmegavc-team-content {
padding: 26px 18px;
}
.htmegavc-team-style-6 .htmegavc-team-info .htmegavc-team-content p {
font-size: 14px;
line-height: 28px;
color: #494849;
margin: 0;
}
.htmegavc-team-style-6 .htmegavc-team-info .htmegavc-team-content h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.htmegavc-team-style-6 .htmegavc-team-info .htmegavc-team-content h4 {
color: #343434;
}
.htmegavc-team-style-6 .htmegavc-team-info .htmegavc-team-content span {
color: #343434;
font-size: 14px;
font-weight: 400;
}
.htmegavc-team-style-6 .htmegavc-team-info .htmegavc-social-network {
padding: 14px 0;
border-top: 2px solid #ffffff;
}
.htmegavc-team-style-6 .htmegavc-team-info .htmegavc-social-network i{
color: #18012c;
}
.htmegavc-team.htmegavc-team-style-6 .htmegavc-team-content {
border:none;
} .htmegavc-team-style-7 {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.htmegavc-team-style-7 .htmegavc-thumb a img,
.htmegavc-team-style-7 .htmegavc-thumb img{
transition: 0.5s;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.htmegavc-team-style-7 .htmegavc-team-hover-action {
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
}
.htmegavc-team-style-7 .htmegavc-team-hover-action{
background-color: transparent !important;
}
.htmegavc-team-style-7 .htmegavc-team-hover-action .htmegavc-hover-action .htmegavc-social-network {
-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.htmegavc-team-style-7 .htmegavc-team-hover-action .htmegavc-hover-action .htmegavc-social-network li a {
-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transform: scale(0.1);
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: scale(0.1);
opacity: 0;
height: 28px;
width: 28px;
line-height: 28px;
background: #fff;
color: #404040;
border-radius: 100%;
}
.htmegavc-team-style-7:hover .htmegavc-team-hover-action .htmegavc-hover-action .htmegavc-social-network li a {
opacity: 1;
transform: scale(1);
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.htmegavc-team-style-7 .htmegavc-team-content {
background: #fff none repeat scroll 0 0;
border: 0 none;
margin: 0;
padding: 20px 10px;
text-align: center;
}
.htmegavc-team-style-7 .htmegavc-team-content h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 3px;
}
.htmegavc-team-style-7 .htmegavc-team-content h4 {
color: #343434;
}
.htmegavc-team-style-7 .htmegavc-team-content h4:hover {
color: #18012c;
}
.htmegavc-team-style-7 .htmegavc-team-content span {
color: #343434;
font-size: 14px;
margin: 0;
font-weight: 400;
}
.htmegavc-team-style-7:hover .htmegavc-thumb img {
transform: scale(1.2) rotate(10deg);
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.htmegavc-team-style-1 .htmegavc-thumb img,
.htmegavc-team-style-2 .htmegavc-thumb img,
.htmegavc-team-style-3 .htmegavc-thumb img,
.htmegavc-team-style-5 .htmegavc-thumb img{
display: block;
margin: 0 auto;
}
.htmegavc-team-style-4 {
text-align: center;
}
.htmegavc-team-style-6 .htmegavc-thumb img,
.htmegavc-team-style-7 .htmegavc-thumb img {
width: 100%;
}
}.htmegavc-tooltip span {
background: #0056ff none repeat scroll 0 0;
border: 0 none;
border-radius: 8px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 14px;
padding: 14px 16px;
text-align: center;
transition: 0.4s;
}
.htmegavc-tooltip span a{
color: #fff;
text-decoration: none;
} .tooltip-inner {
padding: 9px 15px;
background-color: #404040;
} .bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
border-left-color: #404040 !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
border-right-color: #404040 !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
border-top-color: #404040 !important;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
border-bottom-color: #404040 !important;
} .bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
top: -10px !important;
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
top: 10px !important;
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
left: 10px !important;
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
left: -10px !important;
} @media (max-width: 767px) {
.htmegavc-tooltip span {
margin-bottom: 30px;
}
}.htmegavc-verctimeline-wrapper {
position: relative;
margin-top: 30px;
}
.htmegavc-verctimeline-wrapper.htmegavc-verticletimeline-style-2::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 6px;
background: #18012c;
height: 100%;
margin-left: -1px;
border-radius: 20px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
padding: 30px 0;
position: relative;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 2px;
background: #d2d2d2;
height: 100%;
margin-left: -1px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline:last-child::before {
display: none;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .vertical-time {
width: 50%;
text-align: right;
padding: 0 30px;
position: relative;
-webkit-align-self: baseline;
-moz-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
position: relative;
top: -53px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .vertical-time::before {
position: absolute;
content: "";
right: -15px;
top: 50%;
margin-top: -15px;
height: 30px;
width: 30px;
border: 7px solid #e98250;
border-radius: 100%;
background: #fff;
transform: translateY(-50%);
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .vertical-time .vertical-date {
width: 100px;
border: 13px solid #f88a55;
text-align: center;
display: inline-block;
height: 100px;
border-radius: 100%;
background: #fff;
position: relative;
top: -12px;
margin-right: 11px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .vertical-time .vertical-date::before {
position: absolute;
content: "";
left: 115%;
top: 56%;
margin-top: -15px;
height: 10px;
width: 10px;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #f58854;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .vertical-time .vertical-date span {
display: block;
color: #fc8c56;
font-size: 18px;
font-weight: 500;
line-height: 28px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .vertical-time .vertical-date span.month {
margin-top: 7px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .timeline-content {
padding-left: 123px;
text-align: left;
width: 50%;
position: relative;
top: -30px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .timeline-content::before {
position: absolute;
content: "";
border-style: dashed;
left: 25px;
height: 1px;
width: 80px;
border-width: 0 0 2px;
top: 11px;
border-color: #f38753;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline .timeline-content p {
color: #494849;
font-size: 14px;
line-height: 28px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline.vertical-reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline.vertical-reverse .vertical-time {
text-align: left;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline.vertical-reverse .vertical-time::before {
right: auto;
left: -15px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline.vertical-reverse .vertical-time .vertical-date {
margin-right: 0;
margin-left: 11px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline.vertical-reverse .vertical-time .vertical-date::before {
right: 115%;
left: auto;
border-top: 10px solid transparent;
border-right: 15px solid #fc8c56;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline.vertical-reverse .timeline-content {
padding-left: 0;
padding-right: 123px;
text-align: right;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline.vertical-reverse .timeline-content::before {
left: auto;
right: 25px;
} .htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
padding: 40px 0 0;
position: relative;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2::before {
position: absolute;
content: "";
width: 6px;
height: 100%;
background: #cf2037;
left: 50%;
transform: translateX(-1px);
top: 0;
transition: 0.4s ease-in-out;
opacity: 0;
border-radius: 20px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2:hover::before {
opacity: 1;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 .vertical-time {
width: 50%;
text-align: right;
padding: 0 40px;
position: relative;
-webkit-align-self: baseline;
-moz-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
position: relative;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 .vertical-time::before {
position: absolute;
content: "";
right: -12px;
top: 50%;
margin-top: -15px;
height: 20px;
width: 20px;
border: 6px solid #18012c;
border-radius: 100%;
background: #fff;
transform: translateY(-50%);
transition: 0.4s ease-in-out;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 .vertical-time .vertical-date span {
display: block;
color: #18012c;
font-size: 18px;
font-weight: 700;
line-height: 28px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 .vertical-time .vertical-date span.month {
margin-top: 7px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2:hover .vertical-time::before {
border: 6px solid #cf2037;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 .timeline-content {
padding-left: 40px;
text-align: left;
width: 50%;
position: relative;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 .timeline-content h6 {
color: #18012c;
font-size: 18px;
font-weight: 700;
transition: 0.4s ease-in-out;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2 .timeline-content p {
color: #313131;
font-size: 15px;
line-height: 25px;
font-family: "Montserrat", sans-serif;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2:hover .timeline-content h6 {
color: #cf2037;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2.vertical-reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2.vertical-reverse .vertical-time {
text-align: left;
padding: 0 40px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2.vertical-reverse .vertical-time::before {
right: auto;
left: -9px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2.vertical-reverse .vertical-time .vertical-date {
margin-right: 0;
margin-left: 11px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--2.vertical-reverse .timeline-content {
padding-left: 0;
padding-right: 40px;
text-align: right;
} .htmegavc-verctimeline-wrapper.htmegavc-verticletimeline-style-3 {
padding-top: 100px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 3px;
background: #f4f4f4;
height: 100%;
margin-left: -2px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3:last-child::before {
display: none;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 .vertical-time {
width: 50%;
text-align: right;
padding: 0 40px;
position: relative;
-webkit-align-self: baseline;
-moz-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
position: relative;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 .vertical-time .vertical-date span {
display: block;
color: #18012c;
font-size: 30px;
font-weight: 700;
line-height: 28px;
font-family: "Montserrat", sans-serif;
position: absolute;
left: 94%;
width: 60px;
height: 60px;
background: #f4f4f4;
text-align: center;
line-height: 60px;
border-radius: 100%;
top: 0;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 .timeline-content {
padding-left: 67px;
text-align: left;
width: 50%;
position: relative;
top: -139px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 .timeline-content .content {
background: #ffffff;
box-shadow: 0 0 97px rgba(0, 0, 0, 0.1);
padding: 38px 30px;
position: relative;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 .timeline-content .content::before {
right: 100%;
left: auto;
border-top: 10px solid transparent;
border-right: 20px solid #ffffff;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
content: "";
top: 82%;
margin-top: -15px;
height: 10px;
width: 10px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 .timeline-content h6 {
color: #18012c;
font-size: 18px;
font-weight: 700;
transition: 0.4s ease-in-out;
margin-bottom: 8px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3 .timeline-content p {
color: #18012c;
font-size: 14px;
line-height: 28px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3.vertical-reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3.vertical-reverse .vertical-time {
text-align: left;
padding: 0 40px;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3.vertical-reverse .vertical-time .vertical-date span {
left: auto;
right: 94%;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3.vertical-reverse .timeline-content {
padding-right: 67px;
text-align: right;
padding-left: 0;
}
.htmegavc-verctimeline-wrapper .htmegavc-ver-timeline--3.vertical-reverse .timeline-content .content::before {
left: 100%;
right: auto;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #ffffff;
} @media (min-width: 768px) and (max-width: 991px) {
}
@font-face{font-family:ytpregular;src:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/ytplayer/font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'),url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/ytplayer/font/ytp-regular.ttf) format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{display:block;transform:translateZ(0) translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}.inlinePlayButton,.mb_YTPBar .ytpicon{font-family:ytpregular}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important;background-color:#000!important;padding:0!important}.inlinePlayButton{font-size:45px;color:#fff;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;width:80px;height:80px;line-height:80px;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer;opacity:.8;transition:all .4s;transform:scale(1.3)}.mb_YTPlayer:hover .inlinePlayButton{opacity:1;transform:scale(1)}.inlinePlayButton:hover{background-color:rgba(0,0,0,1);transform:scale(1.3)!important}.mbYTP_wrapper iframe{max-width:8000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{left:0;padding:5px;width:100%;box-sizing:border-box}.mb_YTPBar .ytpicon{font-size:20px}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;color:#fff;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px san-serif;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar span.mb_YTPUrl a{color:#fff}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlayPause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47) 1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/ytplayer/images/raster.png)}.YTPOverlay.raster.retina{background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/ytplayer/images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/ytplayer/images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(//www.agenziafunebrendemione.com/wp-content/plugins/ht-mega-for-wpbakery/libs/ytplayer/images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar.compact span.mb_OnlyYT{left:260px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%}.htmegavc-player-container .magnify-video-active.has_icon {
background: #fff none repeat scroll 0 0;
border: 0 none;
border-radius: 100%;
color: #18012c;
display: inline-block;
font-size: 40px;
text-align: center;
transition: all 0.5s ease-in-out 0s;
padding: 0;
text-decoration: none;
width: 90px;
height: 90px;
line-height: 90px;
padding: 0;
}
.htmegavc-player-container .magnify-video-active.has_icon:hover {
transform: scale(1.2);
background: #18012c;
color: #fff;
}
.magnify-video-active.has_icon i{
margin-left: 10px;
}
.htmegavc-player-container .magnify-video-active.has_text {
color: #000000;
font-weight: 500;
font-size: 14px;
background: #fafafa;
height: 47px;
display: inline-block;
padding: 0 33px;
line-height: 49px;
border-radius: 23px;
transition: 0.5s ease-in-out;
}
.htmegavc-player-container .magnify-video-active.has_text:hover {
border-radius: 0;
background: #18012c;
color: #ffffff;
}