@charset "utf-8"; /* CSS Document */ /*Row*/ .dpr_row_wrapper { position: relative; margin-left: 0; margin-right: 0; } .dpr_row_wrapper .container-inner { margin: 0 -15px; } .dpr_row_wrapper .wpb_content_element { margin-bottom: 0; } .dpr_row_wrapper.dpr-row-full-height { min-height: 100vh; } .dpr_row_wrapper.dpr-row-full-height .vc_column-inner { min-height: 100vh; } .dpr_row_wrapper.dpr-row-full-height > .fp-tableCell { height: auto !important; } .dpr_row_wrapper.dpr-row-full-height.full_width_content > .fp-tableCell { height: auto !important; } .dpr_row_wrapper.dpr-row-full-height.full_width_content > .fp-tableCell > .fp-scrollable > .fp-scroller > .row, .dpr_row_wrapper.dpr-row-full-height.full_width_content > .fp-tableCell > .fp-scrollable > .row, .dpr_row_wrapper.dpr-row-full-height.full_width_content > .fp-tableCell > .row, .dpr_row_wrapper.dpr-row-full-height.full_width_content > .row { min-width: 100%; } .dpr_row_wrapper.vc_row-flex > .container > .container-inner { box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dpr_row_wrapper.vc_row-flex>.container > .container-inner>.vc_column_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } .dpr_row_wrapper.vc_row-flex>.container > .container-inner>.vc_column_container>.vc_column-inner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1; } .dpr_row_wrapper.vc_row-o-content-top>.container > .container-inner>.vc_column_container>.vc_column-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .dpr_row_wrapper.vc_row-o-content-top:not(.vc_row-o-equal-height)>.container > .container-inner>.vc_column_container { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .dpr_row_wrapper.vc_row-o-content-bottom>.container > .container-inner>.vc_column_container>.vc_column-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .dpr_row_wrapper.vc_row-o-content-bottom:not(.vc_row-o-equal-height)>.container > .container-inner>.vc_column_container { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .dpr_row_wrapper.vc_row-o-content-middle>.container > .container-inner>.vc_column_container>.vc_column-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .dpr_row_wrapper.vc_row-o-content-middle:not(.vc_row-o-equal-height)>.container > .container-inner>.vc_column_container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .dpr_row_wrapper .dpr_row_bg_container { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dpr_row_wrapper .dpr_row_bg_container_inner.dpr_row_bg_image { height: 100%; background-size: cover; } .dpr_row_wrapper .dpr_row_bg_container_inner.dpr-video-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 100%; width: 100%; } .dpr_row_wrapper .dpr_row_bg_container_inner.dpr-video-bg .video-js { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; overflow: hidden; } .dpr_row_wrapper .dpr_row_bg_container_inner.dpr-video-bg .video-iframe-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .dpr_row_wrapper .dpr_row_bg_container_inner.dpr-video-bg .video-iframe-wrapper .dpr-bg-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dpr_row_wrapper .dpr_row_bg_container_inner.dpr-video-bg .video-js .vjs-controls { display: none; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container{ display: flex; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container .dpr_row_bg_container_inner { position: relative; display: flex; width: 100%; height: 100%; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container.halign-center .dpr_row_bg_container_inner { justify-content: center; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container.halign-right .dpr_row_bg_container_inner { justify-content: flex-end; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container.valign-middle { align-items: center; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container.valign-bottom { align-items: flex-end; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container_inner.dpr_row_bg_text h1 { margin: 0; font-size: 230px; line-height: 1em; color: #f5f6ff; } .dpr_row_wrapper.has-bg-text.bg-text-animation .dpr_row_bg_container_inner.with-animation { visibility: hidden; } .dpr_row_wrapper.has-bg-text.bg-text-animation .dpr_row_bg_container_inner.with-animation.animated { visibility: visible; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container .dpr-single-char { display: inline-block; vertical-align: middle; overflow: hidden; } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container .dpr-single-char>span { display: inline-block; opacity:0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all .5s cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition: all .5s cubic-bezier(0.47, 0, 0.745, 0.715); transition: all .5s cubic-bezier(0.47, 0, 0.745, 0.715); transition: all .5s cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform .5s cubic-bezier(0.47, 0, 0.745, 0.715); } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container.halign-right .dpr-single-char>span { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .dpr_row_wrapper.has-bg-text .dpr_row_bg_container .dpr-single-char>span.dpr-show { opacity:1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dpr_row_wrapper.has-text-marque .dpr_row_bg_container .dpr_row_bg_container_inner { position: relative; display: flex; width: 100%; height: 100%; } .dpr_row_wrapper.has-text-marque .dpr_row_bg_container.valign-middle .dpr_row_bg_container_inner { align-items: center; } .dpr_row_wrapper.has-text-marque .dpr_row_bg_container.valign-bottom .dpr_row_bg_container_inner { align-items: flex-end; } .dpr_row_wrapper.has-text-marque .dpr_row_bg_container_inner.dpr_row_text_marque .marque-wrapper { width: 100%; } .dpr_row_wrapper.has-text-marque .dpr_row_bg_container_inner.dpr_row_text_marque h1 { margin: 0; font-size: 320px; line-height: 1em; color: #f5f6ff; width: 100%; } .simply-scroll-container { /* Container DIV - automatically generated */ position: relative; height: 100%; } .simply-scroll-clip { /* Clip DIV - automatically generated */ position: relative; overflow: hidden; } .simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */ overflow: hidden; margin: 0; padding: 0; list-style: none; } .simply-scroll-list li { padding: 0; margin: 0; list-style: none; float: left; } .simply-scroll-list li img { border: none; display: block; } .dpr_row_wrapper .dpr-row-bg-overlay { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-repeat: repeat; } .dpr_row_wrapper .dpr-row-bg-overlay-inner { display: block; width: 100%; height: 100%; background-repeat: repeat; } .has-hover-css, .has-hover-css .vc_column-inner { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /* Frontend Unsuported */ .dpr_unsuported_frontend { width: 100%; display: flex; height: 70px; background: #f8f8f8; border: 1px solid #dedede; flex-direction: row; justify-content: center; align-items: center; } .dpr_unsuported_frontend .icon-wrap { font-size: 30px; color: #d5d5d5; padding-right: 10px; } /* Pagination dots */ .vc_pagination.vc_pagination-shape-bar .vc_pagination-trigger { width: 24px; height: 6px; border-radius: 3px; } .vc_pagination.vc_pagination-style-outline .vc_pagination-trigger, .vc_pagination.vc_pagination-style-bar .vc_pagination-trigger { border: 1px solid #f82528; } .vc_pagination-style-flat .vc_pagination-trigger, .vc_pagination-style-outline .vc_active .vc_pagination-trigger, .vc_pagination-style-bar .vc_active .vc_pagination-trigger, .vc_pagination-style-outline .vc_pagination-trigger:hover, .vc_pagination-style-bar .vc_pagination-trigger:hover { background-color: #f82528 !important; } /* TTA */ .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { padding: 14px 0 !important } .wpb-js-composer .vc_tta.vc_general.vertical-tabs .vc_tta-panel-body { padding: 0 20px !important } /* Default Colors */ .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-heading:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-tabs-container, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-tabs-list { overflow: visible !important; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list { overflow: visible !important; } .wpb-js-composer .vc_tta.vc_tta-controls-align-rights .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-controls-align-rights .vc_tta-tabs-container { text-align: right; } .wpb-js-composer .vc_tta-style-style_1 .vc_tta-tab .vc-tta-tab-link { background-color: #edf1f9 !important; font-weight: 600; overflow: hidden; } .wpb-js-composer .vc_tta-style-style_1 .vc_tta-tab .vc-tta-tab-link { border: 1px solid #e2e8f5 !important; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab .vc-tta-tab-link { background-color: transparent; font-weight: 600; overflow: hidden; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab .vc-tta-tab-link { border: 1px solid #dae1f3 !important; } .wpb-js-composer .vc_tta-style-style_3 .vc_tta-tab .vc-tta-tab-link { background-color: transparent; color: #666; font-weight: 600; overflow: hidden; } .wpb-js-composer .vc_tta-style-style_3 .vc_tta-tab .vc-tta-tab-link { border-bottom: 1px solid #dee5f4; } .wpb-js-composer .vc_tta-style-style_1 .vc_tta-tab .vc-tta-tab-link:focus, .wpb-js-composer .vc_tta-style-style_1 .vc_tta-tab .vc-tta-tab-link:hover { background-color: #dee5f4 !important; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab .vc-tta-tab-link:focus, .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab .vc-tta-tab-link:hover, .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab.vc_active { color: #f82528 !important; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab .vc-tta-tab-link:hover, .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab.vc_active .vc-tta-tab-link, .wpb-js-composer .vc_tta-style-style_3 .vc_tta-tab .vc-tta-tab-link:hover, .wpb-js-composer .vc_tta-style-style_3 .vc_tta-tab.vc_active .vc-tta-tab-link { border-color: #f82528 !important; } .wpb-js-composer .vc_tta-style-style_1 .vc_tta-panel .vc_tta-panel-heading { border-color: #dae1f3 !important; background-color: #fbfcff; border-width: 1px !important; } .wpb-js-composer .vc_tta-style-style_1 .vc_tta-panel .vc_tta-panel-heading:focus, .wpb-js-composer .vc_tta-style-style_1 .vc_tta-panel .vc_tta-panel-heading:hover { background-color: #fbfcff; border-color: #dae1f3 !important; } .wpb-js-composer .vc_tta-style-style_1 .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #dae1f3 !important; background-color: #fbfcff; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel .vc_tta-panel-heading { border-color: #0A30A9 !important; background-color: transparent; border-width: 1px !important; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel .vc_tta-panel-heading h4 { color: #000538; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel .vc_tta-panel-heading:focus, .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel .vc_tta-panel-heading:hover { background-color: transparent; border-color: #f82528 !important; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel .vc_tta-panel-heading:focus h4, .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel .vc_tta-panel-heading:hover h4 { color: #f82528 !important; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #f82528 !important; background-color: transparent; } .wpb-js-composer .vc_tta-style-style_2 .vc_tta-panel.vc_active .vc_tta-panel-heading h4 { color: #f82528 !important } .wpb-js-composer .vc_tta-style-style_3 .vc_tta-panel .vc_tta-panel-heading { border-color: #dae1f3 !important; background-color: transparent; border-width: 1px !important; border-radius: 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .wpb-js-composer .vc_tta-style-style_3 .vc_tta-panel.vc_active .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-style_3 .vc_tta-panel:hover .vc_tta-panel-heading { border-color: #f82528 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .wpb-js-composer .vc_tta-panel .vc_tta-panel-heading h4 { font-size: 18px; } .wpb-js-composer .vc_tta-style-style_3 .vc_tta-panel .vc_tta-panel-heading h4 a { padding-left: 0; padding-right: 0; } .wpb-js-composer .vc_tta-panel .vc_tta-panel-heading { border-radius: 5px; } .wpb-js-composer .vc_tta-panel .vc_tta-panel-heading h4 i { color: #f82528; } /* Style 1 */ .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-tabs-list { padding-left: 1px; padding-top: 1px; } .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-panel.vc_active .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading { margin-bottom: -1px; } .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-tab>a { border-width: 1px; } .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading { margin-top: -1px; } .wpb-js-composer .vc_tta.vc_tta-style-style_1 .vc_tta-tab { margin-left: -1px; margin-top: -1px; } .vc_non_responsive .wpb-js-composer .vc_tta.vc_tta-style-style_1.vc_tta-tabs .vc_tta-panels, .vc_tta-o-non-responsive .wpb-js-composer .vc_tta.vc_tta-style-style_1.vc_tta-tabs .vc_tta-panels { border: 1px solid transparent; } .vc_non_responsive .wpb-js-composer .vc_tta.vc_tta-style-style_1.vc_tta-tabs .vc_tta-panel, .vc_tta-o-non-responsive .wpb-js-composer .vc_tta.vc_tta-style-style_1.vc_tta-tabs .vc_tta-panel { margin: -1px; } /* Style 2 Tabs */ .wpb-js-composer .vc_tta-style-style_2 .vc_tta-tab .vc-tta-tab-link { border-radius: 30px !important; } /* Style 4 Tabs */ .wpb-js-composer .vc_tta-tabs-container { overflow: visible !important; } .wpb-js-composer .vc_tta-style-style_4 .vc_tta-tab .vc-tta-tab-link span { display: none; } .wpb-js-composer .vc_tta-style-style_4 .vc_tta-tab .vc-tta-tab-link { border-radius: 50% !important; background-color: #edf1f9; padding: 0 !important; width: 50px; height: 50px; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative; } .wpb-js-composer .vc_tta-style-style_4 .vc_tta-tab .vc-tta-tab-link:hover { background-color: #dee5f4; } .wpb-js-composer .vc_tta-style-style_4 .vc_tta-tab.vc_active .vc-tta-tab-link { background-color: #f82528; border-width: 0; } .wpb-js-composer .vc_tta-style-style_4 .vc_tta-tab.vc_active .vc-tta-tab-link i { color: #fff; position: relative; } @media (min-width:768px) { .wpb-js-composer .vc_tta.vc_tta-style-style_1.vc_tta-tabs .vc_tta-panels { border: 1px solid transparent; } .wpb-js-composer .vc_tta.vc_tta-style-style_1.vc_tta-tabs .vc_tta-panel { margin: -1px; } } /* DPR Image Stack */ .dpr-image-stack-wrap { position: relative; line-height: 0; max-width: 100%; } .dpr-image-stack-wrap.items-center { margin: 0 auto; } .dpr-image-stack-wrap.items-right { margin-left: auto; margin-right: 0; } .dpr-image-stack-wrap .dpr-stack-container { position: relative; line-height: 0; display: block; width: inherit; max-width: 100%; } .dpr-image-stack-wrap .dpr-stack-container .dpr-item-centered { position: relative; display: inline-block; width: inherit; max-width: 100%; height: inherit; line-height: inherit; } .dpr-image-stack-wrap .dpr-stack-container:not(:first-child) { position: absolute; top: 0; left: 0; } .dpr-image-stack-wrap .dpr-stack-container .dpr-stack-item { -webkit-transition: all .5s cubic-bezier(.3, 0.95, .3, 0.95); -moz-transition: all .5s cubic-bezier(.3, 0.95, .3, 0.95); transition: all .5s cubic-bezier(.3, 0.95, .3, 0.95); height: inherit; line-height: inherit; } .dpr-image-stack-wrap .dpr-stack-container .dpr-stack-item img { position: relative; display: block; margin: 0 auto; } /* DPR Featured Box */ .dpr-featured-box { position: relative; -webkit-transition: border-radius .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease; -moz-transition: border-radius .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease; transition: border-radius .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease; } .dpr-featured-box .head-wrap + .container-info { padding-top: 7px; } .dpr-featured-box .icon-wrapper { padding-bottom: 20px; line-height: .5; } .dpr-featured-box .icon-wrapper .module-icon, .dpr-featured-box .icon-wrapper .module-icon i { position: relative; display: inline-block; text-align: center; -webkit-transition: border-radius .3s ease, background .3s ease, color .3s ease; -moz-transition: border-radius .3s ease, background .3s ease, color .3s ease; transition: border-radius .3s ease, background .3s ease, color .3s ease; } .dpr-featured-box .icon-wrapper .module-icon:before { -webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; transition: border-color .3s ease; } .dpr-featured-box .icon-wrapper .featured-icon { font-size: 40px; line-height: inherit; } .dpr-featured-box .icon-wrapper .icon-container { overflow: hidden; position: relative; line-height: inherit; color: inherit; } .dpr-featured-box .icon-wrapper .icon-container img { display: block; } .dpr-featured-box .icon-wrapper .icon-box-icon-text { position: absolute; bottom: 0; right: 0; margin-right: -10px; width: 35px; height: 35px; line-height: 35px; color: #fff; background: #0A30A9; -webkit-box-shadow: 0px 10px 35px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 10px 35px 0px rgba(50, 50, 50, 0.3); text-align: center; border-radius: 50%; z-index: 1; } .dpr-featured-box.with-big-number .icon-wrapper .icon-box-icon-text { margin-right: 0; width: 50px; height: 50px; line-height: 50px; font-size: 20px; font-weight: 600; } .dpr-featured-box .title-wrap .icon-box-title { color: #000538; font-size: 27px; line-height: 27px; font-weight: 700; margin-top: 0; } .dpr-featured-box .title-wrap .icon-box-subtitle { color: #33529b; font-size: 17px; line-height: 1em; font-eight: 500; } .dpr-featured-box .dfd-module-read-more-wrap.read-more-1, .dpr-featured-box .dfd-module-read-more-wrap.read-more-2 { padding-bottom: 40px; } .dpr-featured-box.show-readmore.read-more-1, .dpr-featured-box.show-readmore.read-more-2 { margin-bottom: -40px; } .dpr-featured-box.show-readmore.content-only-hover { padding-bottom: 0; margin-bottom: 0; } .dpr-featured-box.show-readmore.content-only-hover .dfd-module-read-more-wrap { padding-bottom: 40px; } .dpr-featured-box.more-hover.text-left { padding-left: 25px; margin-left: -25px; } .dpr-featured-box.more-hover.text-left .dfd-module-read-more-wrap.read-more-1, .dpr-featured-box.more-hover.text-left .dfd-module-read-more-wrap.read-more-2 { padding-left: 25px; margin-left: -25px; } .dpr-featured-box.more-hover.text-right { padding-right: 25px; margin-right: -25px; } .dpr-featured-box.more-hover.text-right .dfd-module-read-more-wrap.read-more-1, .dpr-featured-box.more-hover.text-right .dfd-module-read-more-wrap.read-more-2 { padding-right: 25px; margin-right: -25px; } .dpr-featured-box .covering-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .dpr-featured-box.content-only-hover:not(.show-readmore) { overflow: visible; } .dpr-featured-box.content-only-hover .container-info { overflow: hidden; } .dpr-featured-box.content-only-hover .head-wrap { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease; } .dpr-featured-box.content-only-hover .container-info .content-cell { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease; } .dpr-featured-box.content-only-hover:hover .head-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .dpr-featured-box.content-only-hover:hover .container-info .content-cell { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .dpr-featured-box.style-badge .icon-wrapper .module-icon, .dpr-featured-box.style-outlined .icon-wrapper .module-icon, .dpr-featured-box.style-framed .icon-wrapper .module-icon { width: 100px; height: 100px; line-height: 100px; border-radius: 50%; } .dpr-featured-box.style-badge .icon-wrapper .module-icon img, .dpr-featured-box.style-outlined .icon-wrapper .module-icon img, .dpr-featured-box.style-framed .icon-wrapper .module-icon img, .dpr-featured-box.style-badge .icon-wrapper .module-icon .dpr-animated-svg, .dpr-featured-box.style-outlined .icon-wrapper .module-icon .dpr-animated-svg, .dpr-featured-box.style-framed .icon-wrapper .module-icon .dpr-animated-svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: initial; } .dpr-featured-box.style-badge .icon-wrapper .module-icon .icon-container, .dpr-featured-box.style-outlined .icon-wrapper .module-icon .icon-container, .dpr-featured-box.style-framed .icon-wrapper .module-icon .icon-container { width: inherit; height: inherit; border-radius: inherit; z-index: 1; } .dpr-featured-box.style-classic .icon-wrapper .module-icon { line-height: 1; } .dpr-featured-box.style-classic .icon-wrapper .featured-icon { font-size: 50px; color: #f82528; } .dpr-featured-box.style-badge .icon-wrapper .module-icon { background: #f82528; color: #fff; } .dpr-featured-box.style-badge .icon-wrapper .module-icon .icon-box-icon-text { background: #0A30A9; } .dpr-featured-box.style-badge.text-right.with-number .module-icon { margin-right: 10px; } .dpr-featured-box.style-outlined .icon-wrapper .module-icon { color: #f82528; } .dpr-featured-box.style-outlined .icon-wrapper .module-icon:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; border: 1px solid #f82528; } .dpr-featured-box.style-outlined .icon-wrapper .module-icon .featured-icon { color: inherit; } .dpr-featured-box.style-outlined.text-right.with-number .module-icon { margin-right: 10px; } .dpr-featured-box.style-framed .icon-wrapper .module-icon { color: #ffffff; } .dpr-featured-box.style-framed .icon-wrapper .module-icon:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 5px; border-radius: inherit; background: #f82528; -webkit-transition: background .3s ease; -moz-transition: background .3s ease; transition: background .3s ease; } .dpr-featured-box.style-framed .icon-wrapper .module-icon:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; border: 1px solid #f82528; } .dpr-featured-box.style-framed.text-right.with-number .module-icon { margin-right: 10px; } .dpr-featured-box.style-bgicon { text-align: center !important; padding-top: 80px; min-height: 200px; } .dpr-featured-box.style-bgicon .icon-wrapper { position: absolute; top: 0; width: 100%; padding: 0; } .dpr-featured-box.style-bgicon .icon-wrapper .featured-icon { line-height: 1; font-size: 200px; color: #e7edfe; } .dpr-featured-box.style-bgicon .title-wrap, .dpr-featured-box.style-bgicon .description { position: relative; } .dpr-featured-box.style-bgicon .title-wrap + .container-info { padding-top: 12px; } .dpr-featured-box.style-bgicon .dpr-text-icon-wrap { line-height: 1; } .dpr-featured-box.style-bgicon.content-only-hover .title-wrap { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease; } .dpr-featured-box.style-bgicon.content-only-hover:hover .title-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .dpr-featured-box.icon-pos-2 .flex-container { display: flex; } .dpr-featured-box.icon-pos-2.text-right .flex-container { flex-direction: row-reverse; } .dpr-featured-box.icon-pos-2.text-left .icon-wrapper { padding-right: 20px; } .dpr-featured-box.icon-pos-2.text-right .icon-wrapper { padding-left: 20px; } .dpr-featured-box.icon-pos-2 .icon-wrapper { flex-shrink: 0; } .dpr-featured-box.icon-pos-3 .icon-wrapper, .dpr-featured-box.icon-pos-3 .title-wrap { display: table-cell; vertical-align: middle; padding: 0; line-height: .5; } .dpr-featured-box.icon-pos-3 .title-wrap { width: 100%; } .dpr-featured-box.icon-pos-3.text-left .title-wrap { padding-left: 20px; } .dpr-featured-box.icon-pos-3.text-right .title-wrap { padding-right: 20px; } .dpr-featured-box .dpr-read-more-wrap { padding-top: 20px; } .dpr-featured-box.text-left .dpr-read-more-wrap { padding-right: 15px; } .dpr-featured-box .icon-box-title, .dpr-featured-box .icon-box-subtitle, .dpr-featured-box .description { -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; } /* DPR Button */ .dpr-button-wrapper { position: relative; } .dpr-button-wrapper .button-text, .dpr-button-wrapper .button-icon-wrapper { vertical-align: middle; } .btn-icon-left .button-icon-wrapper { padding-right: 10px; } .btn-icon-right .button-icon-wrapper { padding-left: 10px; } .btn-icon-animated { position: relative; } .button-icon-wrapper, .button-text { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .btn-icon-left.btn-icon-animated .button-icon-wrapper { display: inline-block; width: 0; padding: 0; overflow: hidden; opacity: 0; margin-left: -40px; } .btn-icon-left.btn-icon-animated .button-text { margin-left: 40px; } .btn-icon-left.btn-icon-animated:hover .button-icon-wrapper { width: auto; padding-right: 10px; opacity: 1; margin-left: 0; } .btn-icon-left.btn-icon-animated:hover .button-text { margin-left: 0; } .btn-icon-right.btn-icon-animated .button-icon-wrapper { display: inline-block; width: 0; padding: 0; overflow: hidden; opacity: 0; margin-right: 0; } .btn-icon-right.btn-icon-animated .button-text { margin-right: 0; float: left; } .btn-icon-right.btn-icon-animated:hover .button-icon-wrapper { width: auto; padding-left: 10px; opacity: 1; margin-left: 0; float: right; } .btn-icon-right.btn-icon-animated:hover .button-text { margin-right: 0px; } .btn-icon-top.btn-icon-animated .button-icon-wrapper, .btn-icon-top.btn-icon-animated .button-text { display: block; width: 100%; } .btn-icon-top.btn-icon-animated .button-icon-wrapper { position: absolute; left: 0; margin-top: -20px; opacity: 0; } .btn-icon-top.btn-icon-animated:hover .button-text { opacity: 0; } .btn-icon-top.btn-icon-animated:hover .button-icon-wrapper { margin-top: 0; opacity: 1; } /* DPR Heading */ .dpr-heading-wrapper:before, .dpr-heading-wrapper:after { content: " "; display: table; } .dpr-heading-wrapper:after { clear: both; } .dpr-heading-wrapper * { max-width: 100%; } .dpr-heading-wrapper .dpr-heading { } .dpr-heading-inner-wrapper { display: block; } .dpr-heading-wrapper .dpr-headline { margin: 0; } .dpr-heading-wrapper .dpr-heading-subtitle { display: block; font-size: 16px; font-style: normal; font-weight: 400; text-transform: none; line-height: 1.6; letter-spacing: 0px; color: #1b0759; padding-bottom:8px; } .dpr-heading-wrapper .dpr-heading-separator .heading-line { display: block; width: 60px; border-bottom: 1px solid #f82528; margin: 10px 0 10px 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .dpr-heading-wrapper.type-07 .dpr-heading .dpr-headline, .dpr-heading-wrapper.type-08 .dpr-heading .dpr-headline, .dpr-heading-wrapper.type-09 .dpr-heading .dpr-headline { display: inline-block; } .dpr-heading-wrapper.type-07 .dpr-heading .dpr-heading-separator .heading-line, .dpr-heading-wrapper.type-08 .dpr-heading .dpr-heading-separator .heading-line, .dpr-heading-wrapper.type-09 .dpr-heading .dpr-heading-separator .heading-line { width: 35px; margin: 0; display: inline-block; } .dpr-heading-wrapper.type-07 .headline-wrap, .dpr-heading-wrapper.type-08 .headline-wrap, .dpr-heading-wrapper.type-09 .headline-wrap, .dpr-heading-wrapper.type-10 .headline-wrap, .dpr-heading-wrapper.type-11 .headline-wrap { position: relative; display: inline-block; } .dpr-heading-wrapper.type-07 .headline-wrap .dpr-heading-separator, .dpr-heading-wrapper.type-08 .headline-wrap .dpr-heading-separator, .dpr-heading-wrapper.type-09 .headline-wrap .dpr-heading-separator, .dpr-heading-wrapper.type-10 .headline-wrap .dpr-heading-separator, .dpr-heading-wrapper.type-11 .headline-wrap .dpr-heading-separator, .dpr-heading-wrapper.type-12 .headline-wrap .dpr-heading-separator { display: inline-block; } .dpr-heading-wrapper.type-07 .dpr-heading .dpr-heading-separator { margin-right: 10px; } .dpr-heading-wrapper.type-08 .dpr-heading .dpr-heading-separator:first-child .heading-line { margin-right: 10px; } .dpr-heading-wrapper.type-08 .dpr-heading .dpr-heading-separator:last-child .heading-line { margin-left: 10px; } .dpr-heading-wrapper.type-09 .dpr-heading .dpr-heading-separator { margin-left: 10px; } .dpr-heading-wrapper.type-10 .inline-block, .dpr-heading-wrapper.type-11 .inline-block { width: 100%; } .dpr-heading-wrapper.type-10 .dpr-headline, .dpr-heading-wrapper.type-11 .dpr-headline { font-size: 60px; line-height: 1; color: #e7edfe; } .dpr-heading-wrapper.type-10 .dpr-heading-subtitle, .dpr-heading-wrapper.type-11 .dpr-heading-subtitle { color: #000538; font-size: 17px; } .dpr-heading-wrapper.type-10 .dpr-heading, .dpr-heading-wrapper.type-11 .dpr-heading { width: 100%; } .dpr-heading-wrapper.type-10 .dpr-heading .headline-cover, .dpr-heading-wrapper.type-11 .dpr-heading .headline-cover { position: relative; } .dpr-heading-wrapper.type-10 .dpr-heading .headline-cover .dpr-headline, .dpr-heading-wrapper.type-11 .dpr-heading .headline-cover .dpr-headline { z-index: 1; } .dpr-heading-wrapper.type-10 .dpr-heading .headline-cover .dpr-heading-subtitle, .dpr-heading-wrapper.type-11 .dpr-heading .headline-cover .dpr-heading-subtitle { position: absolute; bottom: 0; left: 0; display: block; width: 100%; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-heading-wrapper .dpr-heading-separator { display: inline-block; } .dpr-heading-wrapper.text-center .dpr-heading-separator { margin-left: auto; margin-right: auto; } .dpr-heading-wrapper.text-right .dpr-heading-separator { margin-left: auto; margin-right: 0; } /* DPR Video Player */ /* Button style */ .dpr-video-player .button-wrap { position: relative; display: inline-block; } .dpr-video-player.full-width .button-wrap { width: 100%; } .dpr-video-player .button-wrap-inner { border: 1px solid #e1e4e9; border-radius: 60px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; box-sizing: border-box; } .dpr-video-player .dpr-video-button { position: relative; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; border-radius: 50%; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; } .dpr-video-player .dpr-video-button i { display: block; position: relative; height: inherit; line-height: inherit; width: inherit; border-radius: inherit; } .dpr-video-player .dpr-video-button i:before { position: relative; left: 2px; } .dpr-video-player .icon-inner-wrap { position: absolute; top: 0; left: 0; background: #f82528; width: inherit; height: inherit; border-radius: inherit; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .dpr-video-player .title-wrap { position: relative; text-align: left; padding-left: 20px; padding-right: 45px; } .dpr-video-player .title-wrap .dpr-video-title { font-size: 15px; font-weight: 700; line-height: 22px; margin: 0; } .dpr-video-player .title-wrap .dpr-video-subtitle { font-size: 13px; line-height: 20px; color: #1b0759; } .dpr-video-player .dpr-video-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .dpr-video-player.popup .button-wrap .button-wrap-inner { display: flex; } .dpr-video-player.popup .button-wrap .button-wrap-inner .dpr-video-button, .dpr-video-player.popup .button-wrap .button-wrap-inner .title-wrap { display: flex; justify-content: center; -webkit-flex-direction: column; flex-direction: column; } .dpr-video-player.popup .button-wrap .button-wrap-inner i:before { z-index: 2; } .dpr-video-player.popup .button-wrap .button-wrap-inner i .icon-inner-wrap { z-index: 1; } .dpr-video-player.popup .button-wrap:hover .icon-inner-wrap { background: #0A30A9; } .dpr-video-player.popup-minimal .button-wrap i:before { z-index: 2; } .dpr-video-player.popup-minimal .button-wrap i .icon-inner-wrap { z-index: 1; border: 0px solid #f82528; } .dpr-video-player.popup-minimal .button-wrap:hover .icon-inner-wrap { background: #0A30A9; } .dpr-video-player .icon-pulse-wrap { position: absolute; top: 0; left: 0; width: inherit; height: inherit; border-radius: inherit; border: 2px solid #f82528; animation: dpr_zoom 1.5s linear .5s infinite; visibility: hidden; } .dpr-video-player.pulse-permanent .icon-pulse-wrap { visibility: visible; } .dpr-video-player.pulse-onhover .button-wrap:hover .icon-pulse-wrap { visibility: visible; } @keyframes dpr_zoom { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.5); opacity: 0; } } /* Inline Player */ .dpr-video-player.inline .dpr-video-box { position: relative; } .dpr-video-player.inline.with-thumb .dpr-video-cover { opacity: 1; visibility: visible; -webkit-transition: opacity 1s ease, visibility 1s ease; -moz-transition: opacity 1s ease, visibility 1s ease; transition: opacity 1s ease, visibility 1s ease; border-radius: inherit; overflow: hidden; } .dpr-video-player.inline.with-thumb .dpr_video_wrapper { opacity: 0; visibility: hidden; -webkit-transition: opacity 1s ease, visibility 1s ease; -moz-transition: opacity 1s ease, visibility 1s ease; transition: opacity 1s ease, visibility 1s ease; } .dpr-video-player.inline.with-thumb .dpr-video-box.active .dpr-video-cover { opacity: 0; visibility: hidden; } .dpr-video-player.inline.with-thumb .dpr-video-box.active .dpr_video_wrapper { opacity: 1; visibility: visible; } .dpr-video-player.inline .dpr-video-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .dpr-video-player.inline .dpr-video-cover i { position: relative; display: block; font-size: 32px; line-height: inherit; text-align: center; z-index: 1; color: #fff; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; } .dpr-video-player.inline .dpr-video-cover i:before { position: relative; left: 3px; } .dpr-video-player.inline .dpr-video-cover img { position: absolute; left: 50%; top: 50%; display: block; min-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dpr-video-player.inline .button-play { position: absolute; width: 80px; height: 80px; line-height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; border-radius: 50%; z-index: 1; } .dpr-video-player.inline .icon-inner-wrap { background: rgba(0, 0, 0, 0.6); border: 0px solid rgba(0, 0, 0, 0.6); } .dpr-video-player.inline .button-play:hover .icon-inner-wrap { -webkit-transform: scale(1.1); transform: scale(1.1); background: #f82528; } /* DPR Separator */ .dpr-separator-wrap { display: flex; flex-direction: row; justify-content: center; text-align: center; align-items: center; } .dpr-separator-line-left, .dpr-separator-line-right { flex-grow: 1; height: 0; border-bottom: 1px solid #dae1f3; } .dpr-separator-line-left { margin-right: 25px; } .dpr-separator-line-right { margin-left: 25px; } .dpr-separator-wrap .text-container h4 { font-size: 14px; color: #7d8daa; } .dpr-separator-wrap .icon-wrapper .module-icon, .dpr-separator-wrap .icon-wrapper .module-icon i { position: relative; display: inline-block; text-align: center; -webkit-transition: border-radius .3s ease, background .3s ease, color .3s ease; -moz-transition: border-radius .3s ease, background .3s ease, color .3s ease; transition: border-radius .3s ease, background .3s ease, color .3s ease; } .dpr-separator-wrap .icon-wrapper .module-icon:before { -webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; transition: border-color .3s ease; } .dpr-separator-wrap .separator-icon { font-size: 18px; color: #f82528; } .dpr-separator-wrap .icon-container { overflow: hidden; position: relative; color: inherit; } .dpr-separator-wrap.with-badge .module-icon { width: 35px; height: 35px; line-height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #f82528; border: 0px solid #f82528; } .dpr-separator-wrap.with-badge .separator-icon { color: #fff; font-size: 15px; } .dpr-separator-wrap.separator-style-image img { width: 40px; } .dpr-separator-wrap.separator-style-simple .dpr-separator-line-right { display: none; } .dpr-separator-wrap.separator-style-simple .dpr-separator-line-left { margin-right: 0; } /* DPR List */ .dpr-list-wrap { position: relative; } .dpr-list-wrap .dpr-list { margin: 0; list-style-type: none; } .dpr-list-wrap .dpr-list li { position: relative; padding: 4px 0; } .dpr-list-wrap .dpr-list li:first-child { padding-top: 0 !important; } .dpr-list-wrap .dpr-list li:last-child .separator { display: none; } .dpr-list-wrap .dpr-list li.with-link .item-container { opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .dpr-list-wrap .dpr-list li.with-link:hover .item-container { opacity: .7; } .dpr-list-wrap .dpr-list .item-container { display: table; } .dpr-list-wrap .dpr-list .item-container.not-icon { display: block; } .dpr-list-wrap .dpr-list .item-container.not-icon .content-wrap { display: block; } .dpr-list-wrap .dpr-list .icon-wrap { position: relative; font-size: 16px; width: 2em; height: 2em; line-height: 2em; text-align: left; color: #c3cad4; } .dpr-list-wrap .dpr-list .icon-wrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-color: transparent; border-radius: 50%; } .dpr-list-wrap .dpr-list .icon-wrap i { position: relative; display: block; height: inherit; line-height: inherit; } .dpr-list-wrap.icon-with-badge .dpr-list .with-icon .icon-wrap:before { background-color: #f82528; border: 0px solid transparent; } .dpr-list-wrap.icon-with-badge .dpr-list .with-icon .icon-wrap { display: flex; align-items: center; justify-content: center; margin-right: 10px; } .dpr-list-wrap.icon-with-badge.icon-right .dpr-list .with-icon .icon-wrap { margin-right: 0; margin-left: 10px; } .dpr-list-wrap.icon-with-badge .dpr-list .with-icon .icon-wrap i { color: #fff; } .dpr-list-wrap .dpr-list .icon-wrap .dot { position: absolute; display: block; width: 8px; height: 8px; top: 50%; left: 0; margin-top: -5px; background: #c3cad4; border-radius: 50%; } .dpr-list-wrap .dpr-list .icon-wrap .vc_pixel_icon { background-position: 0 50%; } .dpr-list-wrap .dpr-list .content-wrap { line-height: 1.6; display: table-cell; vertical-align: middle; } .dpr-list-wrap .dpr-list .content-wrap > * { line-height: 1.6; } .dpr-list-wrap .dpr-list .content-wrap .content-wrap-inner { line-height: 1.6; } .dpr-list-wrap .dpr-list .separator { border-bottom: 1px solid #e1e4e9; padding-top: 4px; } .dpr-list-wrap .dpr-list .list-item-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .dpr-list-wrap.icon-right .dpr-list { text-align: right; } .dpr-list-wrap.icon-right .dpr-list .icon-wrap { text-align: right; } .dpr-list-wrap.icon-right .dpr-list .icon-wrap .dot { left: auto; right: 0; } .dpr-list-wrap.icon-right .dpr-list .content-wrap { width: 100%; } .dpr-list-wrap.icon-right .dpr-list .separator { margin-right: 0; margin-left: auto; } .dpr-list-wrap.icon-justify .separator, .dpr-list-wrap.icon-justify .item-container { margin: 0 auto; } .dpr-list-wrap.icon-center .item-container.not-icon { text-align: center; } .dpr-list-wrap.separator-long li, .dpr-list-wrap.separator-small li { padding-bottom: 0; } .dpr-list-wrap.separator-small li .separator { width: 33.33%; } /* DP Progress Bar */ .dpr-progress-bar.text-top .title-wrap { margin-bottom: 10px; } .dpr-progress-bar.text-bottom .title-wrap { margin-top: 8px; } .dpr-progress-bar.percents-near-title .progressbar-title { float: left; } .dpr-progress-bar.percents-near-title .progressbar-number { float: left; padding-left: 10px; } .dpr-progress-bar.no-animation .indicator { -webkit-transition: width 0s ease 0s; -moz-transition: width 0s ease 0s; transition: width 0s ease 0s; } .dpr-progress-bar.slanting-lines .indicator:before { content: ""; position: absolute; background: rgba(244, 244, 244, 0.1); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 20%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 70%, transparent 75%, transparent); -webkit-background-size: 14px 14px; background-size: 14px 14px; top: 0; left: 0; bottom: 0; right: 0; display: block; } .dpr-progress-bar.slanting-lines-animated .indicator:before { -webkit-animation: progress-bar-stripes .5s linear infinite; -o-animation: progress-bar-stripes .5s linear infinite; animation: progress-bar-stripes .5s linear infinite; } .dpr-progress-bar.with-icon .progressbar-title { padding-left: 25px; } .dpr-progress-bar.width-icon.compact .title-wrap .progressbar-title { padding-left: 45px; } .dpr-progress-bar.with-icon.compact .title-wrap .progressbar-title .featured-icon { left: 15px; color: #fff; } .dpr-progress-bar .title-wrap { display: table; width: 100%; } .dpr-progress-bar .title-wrap p { margin: 0; } .dpr-progress-bar .progressbar-title { font-size: 17px; position: relative; color: #000538; font-weight: 600; line-height: 1.8; } .dpr-progress-bar .progressbar-title .featured-icon { position: absolute; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; line-height: inherit; font-size: 17px; line-height: 1.8; color: #000538; } .dpr-progress-bar .progressbar-number { display: table-cell; text-align: right; font-size: 17px; color: #000538; font-weight: 600; line-height: 1.8, } .dpr-progress-bar .progress-bar-line-wrap { padding: 0; border: 1px solid transparent; } .dpr-progress-bar .progress-bar-line { clear: both; position: relative; } .dpr-progress-bar .progress-bar-line .indicator-bg { border-width: 1px; border-color: #e1e4e9; border-radius: inherit; } .dpr-progress-bar .progress-bar-line .indicator { border-radius: inherit; } .dpr-progress-bar .indicator { position: absolute; background: #f82528; left: 0; top: 0; bottom: 0; width: 0; z-index: 1; -webkit-transition: width 1s linear; -moz-transition: width 1s linear; transition: width 1s linear; } .dpr-progress-bar.simple .progress-bar-line { height: 9px; border-radius: 5px; } .dpr-progress-bar.simple .progress-bar-line .indicator-bg { height: inherit; background: #dae1f3; } .dpr-progress-bar.compact { position: relative; height: 33px; line-height: 33px; } .dpr-progress-bar.compact .title-wrap { position: absolute; margin: 0; color: #fff; height: inherit; line-height: inherit; z-index: 2; } .dpr-progress-bar.compact .title-wrap .featured-icon { left: 15px; } .dpr-progress-bar.compact .title-wrap .progressbar-title, .dpr-progress-bar.compact .title-wrap .progressbar-number { height: inherit; line-height: inherit; } .dpr-progress-bar.compact .title-wrap .progressbar-title { color: inherit; padding-left: 40px; } .dpr-progress-bar.compact .title-wrap .progressbar-number { padding-right: 15px; padding-left: 10px; } .dpr-progress-bar.compact .progress-bar-line { height: inherit; line-height: inherit; border-radius: 18px; } .dpr-progress-bar.compact .progress-bar-line .indicator-bg { height: inherit; background: #e1e4e9; } .dpr-progress-bar.compact.position-1:not(.no-animation) .title-wrap, .dpr-progress-bar.compact.position-2:not(.no-animation) .title-wrap { visibility: hidden; opacity: 0; -webkit-transition: opacity .3s ease, visibility .3s ease; -moz-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease; } .dpr-progress-bar.compact.position-1:not(.no-animation) .title-wrap.active, .dpr-progress-bar.compact.position-2:not(.no-animation) .title-wrap.active { visibility: visible; opacity: 1; } .dpr-progress-bar.compact.position-1 .progressbar-number { position: absolute; color: #fff; top: 0; } .dpr-progress-bar.compact.position-2 .progressbar-title, .dpr-progress-bar.compact.position-2 .progressbar-number { float: left; color: #fff; } /* DPR Social Icons */ .dpr-social-icons .dpr-blobie-social-block { float: none; } .dpr-social-icons .dpr-blobie-social-block .social-menu-inner { height: auto; } .dpr-social-icons .dpr-blobie-social-block .social-menu-inner.text-center { justify-content: center; } .dpr-social-icons .dpr-blobie-social-block .social-menu-inner.text-right { justify-content: flex-end; } .dpr-social-icons .dpr-blobie-social-block ul li a { font-size: 16px; margin-bottom: 10px; margin-right: 1px; margin-left: 1px; } .dpr-social-icons .dpr-blobie-social-block .minimal-social ul li a { font-size: 20px; } /* DPR Share */ .dpr-share-block .dpr-share-title { font-size: 16px; } .dpr-share-block ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; } .dpr-share-block ul li { line-height: 57px; display: flex; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease, ; position: relative; } .dpr-share-block.vertical ul a { margin-bottom: 5px; } dpr-share-block.horizontal ul { flex-direction: row; } .dpr-share-block.vertical ul { flex-direction: column; } .dpr-share-block.text-center ul { justify-content: center; } .dpr-share-block.text-right ul { justify-content: flex-end; } .dpr-share-block.force-full-width ul a { flex-grow: 1; } .dpr-share-block ul li { position: relative; color: inherit; font-size: 14px; overflow: hidden; align-item: center; } .dpr-share-block.horizontal ul a { margin-right: 5px; } .dpr-share-block.horizontal ul a:last-child { margin-right: 0; } .dpr-share-block .dpr-share-text { font-weight: 700; line-height: inherit; font-size: 16px; padding: 0 40px 0 60px; } .dpr-share-block .dpr-share-icon { font-size: 18px; padding: 0; line-height: inherit; position: absolute; left: 20px; } .dpr-share-block.animate-on-hover li:hover { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3x); } /* Small Buttons sizing */ .dpr-share-block.small-buttons ul li { line-height: 30px; } .dpr-share-block.small-buttons.minimal .dpr-share-text { font-weight: 500; font-size: 13px; padding: 0 15px 0 15px; } .dpr-share-block.small-buttons.flat .dpr-share-text { font-weight: 500; font-size: 13px; padding: 0 15px 0 35px; } .dpr-share-block .dpr-share-icon { font-size: 15px; left: 30px; } .dpr-share-block.small-buttons.rounded ul li { width: 42px; height: 42px; line-height: 42px; } .dpr-share-block.medium-buttons.rounded ul li { width: 56px; height: 56px; line-height: 56px; } .dpr-share-block.small-buttons.expandable ul li { height: 42px; border-radius: 21px; line-height: 42px; } .dpr-share-block.small-buttons.expandable .dpr-share-icon { width: 42px; } .dpr-share-block.small-buttons.expandable .dpr-share-text { font-weight: 500; font-size: 13px; } .dpr-share-block.small-buttons.expandable li:hover .dpr-share-text { padding-right: 21px; } /* Medium Buttons sizing */ .dpr-share-block.medium-buttons ul li { line-height: 43px; } .dpr-share-block.medium-buttons.minimal .dpr-share-text { font-weight: 600; font-size: 14px; padding: 0 15px 0 15px; } .dpr-share-block.medium-buttons.flat .dpr-share-text { font-weight: 600; font-size: 14px; padding: 0 15px 0 40px; } .dpr-share-block.medium-buttons .dpr-share-icon { font-size: 17px; left: 15px; } .dpr-share-block.medium-buttons.expandable ul li { height: 56px; border-radius: 28px; line-height: 56px; } .dpr-share-block.medium-buttons.expandable .dpr-share-icon { width: 56px; } .dpr-share-block.medium-buttons.expandable .dpr-share-text { font-weight: 600; font-size: 14px; } .dpr-share-block.medium-buttons.expandable li:hover .dpr-share-text { padding-right: 28px; } /* Style minimal */ .dpr-share-block.minimal ul li { border: 1px solid #dae1f3; } .dpr-share-block.minimal .dpr-share-icon { left: 0; color: #000538; display: block; width: 100%; -webkit-transform: translateY(-80px); -moz-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; transition: transform .5s ease, ; text-align: center } .dpr-share-block.minimal li:hover .dpr-share-icon { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .dpr-share-block.minimal .dpr-share-text { padding: 0 40px 0 40px; width: 100%; -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; transition: transform .5s ease, ; text-align: center; color: #000538; } .dpr-share-block.minimal li:hover .dpr-share-text { -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); } .dpr-share-block.minimal li.facebook-share .dpr-share-icon { color: #3c599f; } .dpr-share-block.minimal li.twitter-share .dpr-share-icon { color: #32ccfe; } .dpr-share-block.minimal li.google-share .dpr-share-icon { color: #dd4c39; } .dpr-share-block.minimal li.pinterest-share .dpr-share-icon { color: #e1003a; } .dpr-share-block.minimal li.linkedin-share .dpr-share-icon { color: #0085ae; } /* Style flat */ .dpr-share-block.flat .dpr-share-text { width: 100%; } .dpr-share-block.flat.vertical .dpr-share-text { padding: 0 40px; } .dpr-share-block.flat .dpr-share-text, .dpr-share-block.flat .dpr-share-icon { color: #fff; } .dpr-share-block.flat li.facebook-share { background-color: #3c599f; } .dpr-share-block.flat li.facebook-share:hover { background-color: #2e447a; } .dpr-share-block.flat li.twitter-share { background-color: #32ccfe; } .dpr-share-block.flat li.twitter-share:hover { background-color: #01abe2; } .dpr-share-block.flat li.google-share { background-color: #dd4c39; } .dpr-share-block.flat li.google-share:hover { background-color: #c23421; } .dpr-share-block.flat li.pinterest-share { background-color: #e1003a; } .dpr-share-block.flat li.pinterest-share:hover { background-color: #ae002d; } .dpr-share-block.flat li.linkedin-share { background-color: #0085ae; } .dpr-share-block.flat li.linkedin-share:hover { background-color: #005e7b; } /* Style rounded */ .dpr-share-block.rounded ul li { width: 70px; height: 70px; border: 1px solid #dae1f3; border-radius: 50%; line-height: 70px; justify-content: center; } .dpr-share-block.rounded .dpr-share-text { display: none; } .dpr-share-block.rounded .dpr-share-icon { position: relative; left: 0; color: #000538; } .dpr-share-block.rounded li:hover .dpr-share-icon, .dpr-share-block.rounded.rounded-filed .dpr-share-icon { color: #fff; } .dpr-share-block.rounded li.facebook-share:hover, .dpr-share-block.rounded.rounded-filed li.facebook-share { background-color: #3c599f; border-color: #3c599f !important; } .dpr-share-block.rounded li.twitter-share:hover, .dpr-share-block.rounded.rounded-filed li.twitter-share { background-color: #32ccfe; border-color: #32ccfe !important; } .dpr-share-block.rounded li.google-share:hover, .dpr-share-block.rounded.rounded-filed li.google-share { background-color: #dd4c39; border-color: #dd4c39 !important; } .dpr-share-block.rounded li.pinterest-share:hover, .dpr-share-block.rounded.rounded-filed li.pinterest-share { background-color: #e1003a; border-color: #e1003a !important; } .dpr-share-block.rounded li.linkedin-share:hover, .dpr-share-block.rounded.rounded-filed li.linkedin-share { background-color: #0085ae; border-color: #0085ae !important; } .dpr-share-block.rounded.rounded-filed li.facebook-share:hover { background-color: #2e447a; border-color: #2e447a !important; } .dpr-share-block.rounded.rounded-filed li.twitter-share:hover { background-color: #01abe2; border-color: #01abe2 !important; } .dpr-share-block.rounded.rounded-filed li.google-share:hover { background-color: #c23421; border-color: #c23421 !important; } .dpr-share-block.rounded.rounded-filed li.pinterest-share:hover { background-color: #ae002d; border-color: #ae002d !important; } .dpr-share-block.rounded.rounded-filed li.linkedin-share:hover { background-color: #005e7b; border-color: #005e7b !important; } .dpr-share-block.rounded.vertical.text-center ul li { margin-left: auto; margin-right: auto; } .dpr-share-block.rounded.vertical.text-right ul li { margin-left: auto; margin-right: 0; } /* Style expendable */ .dpr-share-block.expandable ul li { height: 70px; border-radius: 35px; line-height: 70px; justify-content: center; } .dpr-share-block.expandable .dpr-share-text { width: 0; padding: 0; color: #fff; opacity: 0; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; } .dpr-share-block.expandable li:hover .dpr-share-text { display: block; width: auto; opacity: 1; padding-right: 35px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .dpr-share-block.expandable .dpr-share-icon { position: relative; width: 70px; text-align: center; left: 0; color: #fff; } .dpr-share-block.expandable li.facebook-share { background-color: #3c599f; } .dpr-share-block.expandable li.twitter-share { background-color: #32ccfe; } .dpr-share-block.expandable li.google-share { background-color: #dd4c39; } .dpr-share-block.expandable li.pinterest-share { background-color: #e1003a; } .dpr-share-block.expandable li.linkedin-share { background-color: #0085ae; } .dpr-share-block.expandable.vertical ul li { margin-right: auto; } .dpr-share-block.expandable.vertical.text-center ul li { margin-left: auto; margin-right: auto; } .dpr-share-block.expandable.vertical.text-right ul li { margin-left: auto; margin-right: 0; } .dpr-share-block.expandable.vertical ul li { width: 70px; } .dpr-share-block.expandable.vertical ul li:hover { width: 100%; max-width: 200px; } /* DPR Carousel */ .dpr-slider-controls { position: absolute; opacity: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .arrows-enabled .dpr-slider-controls.prev, .arrows-enabled .dpr-slider-controls.next { opacity: 0; } .arrows-enabled:hover .dpr-slider-controls.prev, .arrows-enabled:hover .dpr-slider-controls.next { opacity: 1; } .arrows-enabled.arrows-allways .dpr-slider-controls.prev, .arrows-enabled.arrows-allways .dpr-slider-controls.next { opacity: 1; } .dpr-slider-controls i { font-size: 30px; display: block; position: absolute; } .dpr-slider-controls .counter { position: relative; font-size: 15px; font-family: "Open Sans", "Open Sans", "PT Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0px; color: #28262b; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; position: absolute; left: 50%; bottom: 100%; line-height: 1.2; margin-bottom: 15px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dpr-slider-controls .counter:hover { color: #34db83; } .dpr-slider-controls .counter:hover { color: #28262b; } .dpr-slider-controls { display: block; width: 50px; height: 50px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; width: inherit; height: inherit; line-height: inherit; text-align: inherit; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; } .dpr-carousel-wrap-inner.arrows-enabled.show-numbers.arrows-top-center a.dpr-slider-controls { top: 19px; } .dpr-carousel-wrap-inner.arrows-enabled.hide-numbers.arrows-top-center a.dpr-slider-controls { top: 19px; } .dpr-carousel-wrap-inner.arrows-enabled.hide-numbers.arrows-bottom-center a.dpr-slider-controls { bottom: 27px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside .dpr-slider-controls, .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside-outside .dpr-slider-controls { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside .dpr-slider-controls.prev, .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside-outside .dpr-slider-controls.prev { left: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside .dpr-slider-controls.next, .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside-outside .dpr-slider-controls.next { right: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside .dpr-slider-controls.prev { margin-left: 30px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside .dpr-slider-controls.next { margin-right: 30px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside-outside .dpr-slider-controls.prev { margin-left: -38px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-aside-outside .dpr-slider-controls.next { margin-right: -38px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-left { padding-top: 60px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-left .dpr-slider-controls { top: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-left .dpr-slider-controls.prev { left: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-left .dpr-slider-controls.next { left: 80px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-center { padding-top: 60px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-center .dpr-slider-controls { top: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-center .dpr-slider-controls.prev { right: 50%; margin-right: 5px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-center .dpr-slider-controls.next { left: 50%; margin-left: 5px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-right { padding-top: 60px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-right .dpr-slider-controls { top: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-right .dpr-slider-controls.prev { right: 80px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-top-right .dpr-slider-controls.next { right: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-left { padding-bottom: 60px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-left .dpr-slider-controls { bottom: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-left .dpr-slider-controls.prev { left: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-left .dpr-slider-controls.next { left: 80px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-center { padding-bottom: 60px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-center .dpr-slider-controls { bottom: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-center .dpr-slider-controls.prev { right: 50%; margin-right: 5px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-center .dpr-slider-controls.next { left: 50%; margin-left: 5px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-right { padding-bottom: 60px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-right .dpr-slider-controls { bottom: 0; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-right .dpr-slider-controls.prev { right: 80px; } .dpr-carousel-wrap-inner.arrows-enabled.arrows-bottom-right .dpr-slider-controls.next { right: 0; } .dpr-carousel-wrap-inner.arrows-enabled.dfd-arrows-uploaded .dpr-slider-controls.prev, .dpr-carousel-wrap-inner.arrows-enabled.dfd-arrows-uploaded .dpr-slider-controls.next { display: block; width: 50px; height: 50px; } .dpr-carousel-wrap-inner.arrows-enabled.dfd-arrows-uploaded .dpr-slider-controls.prev > i, .dpr-carousel-wrap-inner.arrows-enabled.dfd-arrows-uploaded .dpr-slider-controls.next > i { display: none; } .dpr-carousel-wrap { position: relative; } .dpr-carousel-wrap .dfd-carousel-vertical .slick-list { padding: 0 !important; } .dpr-carousel-wrap .dpr-carousel-wrap-inner.dfd-dots-enabled { position: relative; } .dpr-carousel-wrap .dpr-carousel-wrap-inner.arrows-bottom-center.dfd-dots-enabled { padding-bottom: 70px; } .dpr-carousel-wrap .dpr-carousel-wrap-inner.arrows-bottom-center.arrows-enabled { padding-bottom: 70px; } .dpr-carousel-wrap .dpr-carousel-wrap-inner.dfd-carousel-vertical .dfd-item-wrap { height: auto; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dfd-carousel { cursor: move; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slick-dots { left: 50%; list-style: none; margin-bottom: 0; z-index: 2; margin-top: 15px; } .dpr-carousel-wrap.pagination-center .dpr-carousel-wrap-inner .dpr-slick-dots { text-align: center; } .dpr-carousel-wrap.pagination-right .dpr-carousel-wrap-inner .dpr-slick-dots { text-align: right; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slick-dots li { position: relative; display: inline-block; line-height: 1; margin: 0 7px; -webkit-box-shadow: none; box-shadow: none; opacity: 1; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slick-dots li span { display: block; cursor: pointer; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls { width: 30px; height: 30px; border-radius: 50%; -webkit-transition: box-shadow .3s ease, border-color .3s ease, background-color .3s ease; -moz-transition: box-shadow .3s ease, border-color .3s ease, background-color .3s ease; transition: box-shadow .3s ease, border-color .3s ease, background-color .3s ease; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.prev img, .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.next img { display: block; position: absolute; top: 50%; left: 50%; max-width: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.prev i, .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.next i { line-height: 0; left: 50%; top: 50%; width: auto; height: auto; font-size: 18px; color: #000538; -webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease; -moz-transition: color .3s ease, border-color .3s ease, background-color .3s ease; transition: color .3s ease, border-color .3s ease, background-color .3s ease; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.prev i:hover, .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.next i:hover { color: #f82528; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.prev:hover i, .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.next:hover i { color: #f82528; } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.prev i { -webkit-transform: translateX(-58%) translateY(-50%); -moz-transform: translateX(-58%) translateY(-50%); -o-transform: translateX(-58%) translateY(-50%); transform: translateX(-58%) translateY(-50%); } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls.next i { -webkit-transform: translateX(-44%) translateY(-50%); -moz-transform: translateX(-44%) translateY(-50%); -o-transform: translateX(-44%) translateY(-50%); transform: translateX(-44%) translateY(-50%); } .dpr-carousel-wrap .dpr-carousel-wrap-inner .dpr-slider-controls .counter { margin-top: -2px; top: -28px; font-size: 12px; letter-spacing: 1.4px; position: absolute; font-family: "Montserrat", "Open Sans", "PT Sans", sans-serif; color: #666; min-width: 26px; text-align: right; } .slick-slider img { display: block; } .slick-slider .dpr-slick-dots { margin: 0; z-index: 2; } .slick-slider .dpr-slick-dots li { cursor: pointer; } .dpr-dots-outline-square .slick-slider .dpr-slick-dots li, .dpr-dots-outline-round .slick-slider .dpr-slick-dots li, .dpr-dots-outline-bar .slick-slider .dpr-slick-dots li { width: 8px; height: 8px; border: 1px solid #f82528; -webkit-transition: background .2s ease-in-out, border .2s ease-in-out; -moz-transition: background .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, border .2s ease-in-out; } .dpr-dots-outline-square .slick-slider .dpr-slick-dots li:hover, .dpr-dots-outline-square .slick-slider .dpr-slick-dots li.slick-active, .dpr-dots-outline-round .slick-slider .dpr-slick-dots li:hover, .dpr-dots-outline-round .slick-slider .dpr-slick-dots li.slick-active, .dpr-dots-outline-bar .slick-slider .dpr-slick-dots li:hover, .dpr-dots-outline-bar .slick-slider .dpr-slick-dots li.slick-active { background: #f82528; } .dpr-dots-outline-round .slick-slider .dpr-slick-dots li { width: 10px; height: 10px; border-radius: 50%; } .dpr-dots-outline-bar .slick-slider .dpr-slick-dots li, .dpr-dots-flat-bar .slick-slider .dpr-slick-dots li { width: 20px; height: 5px; border-radius: 4px; } .dpr-dots-flat-round .slick-slider .dpr-slick-dots li, .dpr-dots-flat-square .slick-slider .dpr-slick-dots li, .dpr-dots-flat-rounded .slick-slider .dpr-slick-dots li, .dpr-dots-flat-bar .slick-slider .dpr-slick-dots li { background: #f82528; -webkit-transition: background .2s ease-in-out, border .2s ease-in-out; -moz-transition: background .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, border .2s ease-in-out; } .dpr-dots-flat-round .slick-slider .dpr-slick-dots li:hover, .dpr-dots-flat-round .slick-slider .dpr-slick-dots li.slick-active, .dpr-dots-flat-square .slick-slider .dpr-slick-dots li:hover, .dpr-dots-flat-square .slick-slider .dpr-slick-dots li.slick-active, .dpr-dots-flat-rounded .slick-slider .dpr-slick-dots li:hover, .dpr-dots-flat-rounded .slick-slider .dpr-slick-dots li.slick-active .dpr-dots-flat-bar .slick-slider .dpr-slick-dots li:hover, .dpr-dots-flat-bar .slick-slider .dpr-slick-dots li.slick-active { background: #0A30A9; } .dpr-dots-flat-round .slick-slider .dpr-slick-dots li { width: 6px; height: 6px; border-radius: 50%; } .dpr-dots-flat-square .slick-slider .dpr-slick-dots li { width: 8px; height: 8px; } .dpr-dots-flat-rounded .slick-slider .dpr-slick-dots li { width: 10px; height: 10px; border-radius: 3px; } .dpr-carousel-wrap .slick-list.draggable { cursor: move; } /*DP Image Carousel */ .dpr-image-carousel-wrap .dpr-image-carousel-item .img-wrap { border-radius: inherit; position: relative; } .dpr-image-carousel-wrap .dpr-image-carousel-item .img-wrap img { position: relative; display: block; margin: 0 auto; border-radius: inherit; } .dpr-image-carousel-wrap .dpr-image-carousel-item .img-wrap img.hover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; opacity: 0; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; transition: opacity .25s ease; } .dpr-image-carousel-wrap .dpr-image-carousel-item .img-wrap:hover img.hover-image { opacity: 1; } .dpr-image-carousel-wrap .dpr-image-carousel-item .covering-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; } .dpr-image-carousel-wrap.style-opacity .dpr-image-carousel-item .img-wrap { opacity: 0.5; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .dpr-image-carousel-wrap.style-opacity .dpr-image-carousel-item:hover .img-wrap, .dpr-image-carousel-wrap.style-opacity .dpr-image-carousel-item.slick-center .img-wrap { opacity: 1; } .dpr-image-carousel-wrap .dpr-image-carousel-item.slick-center .img-wrap { transform: scale(1.15); z-index: 100; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out; } .dpr-image-carousel-wrap.style-grayscale .dpr-image-carousel-item .img-wrap img { -webkit-filter: contrast(70%) sepia(100%) hue-rotate(192deg) brightness(1.2) saturate(0.7); -moz-filter: contrast(70%) sepia(100%) hue-rotate(192deg) brightness(1.2) saturate(0.7); -ms-filter: contrast(70%) sepia(100%) hue-rotate(192deg) brightness(1.2) saturate(0.7); -o-filter: contrast(70%) sepia(100%) hue-rotate(192deg) brightness(1.2) saturate(0.7); filter: contrast(70%) sepia(100%) hue-rotate(192deg) brightness(1.2) saturate(0.7); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .dpr-image-carousel-wrap.style-grayscale .dpr-image-carousel-item:hover .img-wrap img, .dpr-image-carousel-wrap.style-grayscale .dpr-image-carousel-item.slick-center .img-wrap img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item { margin-top: 1.3% !important; margin-bottom: 1.3% !important; } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap { -webkit-perspective: 1000px; perspective: 1000px; border-radius: inherit; } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-front, .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-back { z-index: 1; border-radius: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: inherit; perspective: inherit; -webkit-transition: transform .8s cubic-bezier(0.5, 0.2, 0.2, 0.8); -moz-transition: transform .8s cubic-bezier(0.5, 0.2, 0.2, 0.8); transition: transform .8s cubic-bezier(0.5, 0.2, 0.2, 0.8); } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-front { height: inherit; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-front img { border-radius: inherit; display: block; } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-back { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #f82528; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-back .content-wrap { height: 100%; -webkit-transform: translateZ(70px) scale(.86); -moz-transform: translateZ(70px) scale(.86); -o-transform: translateZ(70px) scale(.86); transform: translateZ(70px) scale(.86); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-back .content-wrap .back-text { position: absolute; display: block; text-align: center; left: 0; top: 50%; width: 100%; border: solid 50px transparent; z-index: 2; overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: inherit; perspective: inherit; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item .img-wrap .img-wrap-back .content-wrap .back-text .back-text-inner { color: #fff; } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item:hover .img-wrap-front, .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item:hover .img-wrap-back { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1); -moz-transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1); transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1); } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item:hover .img-wrap-front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .dpr-image-carousel-wrap.style-flip .dpr-image-carousel-item:hover .img-wrap-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .dpr-image-carousel-wrap .center-mode-enabled .slick-list { padding-top: 30px !important; padding-bottom: 30px !important; } /* DP Image grid */ .grid-mode .dpr-image-carousel-item { display: block; float: left; } .dpr-image-carousel-item.columns-1 { width: 100%; } .dpr-image-carousel-item.columns-2 { width: 50%; } .dpr-image-carousel-item.columns-3 { width: 33.333%; } .dpr-image-carousel-item.columns-4 { width: 25%; } .dpr-image-carousel-item.columns-5 { width: 20%; } .dpr-image-carousel-item.columns-6 { width: 16.6666%; } @media only screen and (max-width:767px) { .grid-mode .dpr-image-carousel-item { float: none; } .dpr-image-carousel-item.columns-2, .dpr-image-carousel-item.columns-3, .dpr-image-carousel-item.columns-4, .dpr-image-carousel-item.columns-5, .dpr-image-carousel-item.columns-5, .dpr-image-carousel-item.columns-6 { width: 100% } .grid-mode.with-borders .dpr-image-carousel-item { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } } .dpr-image-carousel-wrap.style-flip.grid-mode .dpr-image-carousel-item { margin-top: 0 !important; margin-bottom: 0 !important; position: relative; } .dpr-image-carousel-wrap.style-flip.grid-mode .dpr-image-carousel-item:hover { z-index: 10; } .grid-mode.with-borders .dpr-image-carousel-item { -webkit-box-shadow: -1px -1px 0px 0px #dae1f3; -moz-box-shadow: -1px -1px 0px 0px #dae1f3; box-shadow: -1px -1px 0px 0px #dae1f3; } .grid-mode.with-borders .dpr-image-carousel-item.no-top-border { -webkit-box-shadow: -1px 0px 0px 0px #dae1f3; -moz-box-shadow: -1px 0px 0px 0px #dae1f3; box-shadow: -1px 0px 0px 0px #dae1f3; } .grid-mode.with-borders .dpr-image-carousel-item.no-left-border { -webkit-box-shadow: 0px -1px 0px 0px #dae1f3; -moz-box-shadow: 0px -1px 0px 0px #dae1f3; box-shadow: 0px -1px 0px 0px #dae1f3; } .grid-mode.with-borders .dpr-image-carousel-item.no-left-border.no-top-border { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .dpr-image-carousel-wrap.style-overlay .covering-link.overlay { background-color: rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .dpr-image-carousel-wrap.style-overlay .img-wrap:hover .covering-link.overlay { opacity: 1; } /* DP Price Box */ .dpr-price-box { position: relative; text-align: center; border-radius: 10px; margin: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease, -o-box-shadow .3s ease, box-shadow .3s ease, transform .3s ease, border-color .3s ease, border-radius .3s ease, border-style .3s ease; -moz-transition: -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease, -o-box-shadow .3s ease, box-shadow .3s ease, transform .3s ease, border-color .3s ease, border-radius .3s ease, border-style .3s ease; transition: -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease, -o-box-shadow .3s ease, box-shadow .3s ease, transform .3s ease, border-color .3s ease, border-radius .3s ease, border-style .3s ease; } .dpr-price-box:hover { -webkit-transition: -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease, -o-box-shadow .3s ease, box-shadow .3s ease, transform .3s ease, border-color .3s ease, border-radius .3s ease, border-style .3s ease; -moz-transition: -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease, -o-box-shadow .3s ease, box-shadow .3s ease, transform .3s ease, border-color .3s ease, border-radius .3s ease, border-style .3s ease; transition: -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease, -o-box-shadow .3s ease, box-shadow .3s ease, transform .3s ease, border-color .3s ease, border-radius .3s ease, border-style .3s ease; } .dpr-price-box .box-top { position: relative; padding: 0 35px; padding-top: 30px; border-top-left-radius: inherit; border-top-right-radius: inherit; z-index: 1; } .dpr-price-box .box-top .price-box-badge { position: absolute; top: 10px; right: 10px; color: #fff; background: #fa6047; padding: 10px 15px 8px; border-radius: 4px; font-size: 10px; line-height: 10px; letter-spacing: .6px; font-weight: 700; } .dpr-price-box .box-top .icon-wrap { padding-top: 25px; } .dpr-price-box .box-top .icon-wrap img { display: block; margin: 0 auto; } .dpr-price-box .box-top .icon-wrap span { line-height: 1; } .dpr-price-box .box-top .icon-wrap i { font-size: 34px; } .dpr-price-box .box-top .box-title .title { padding-top: 25px; font-size: 27px; line-height: 27px; margin: 0; } .dpr-price-box .box-top .box-subtitle .title { font-size: 17px; line-height: 23px; margin: 0; } .dpr-price-box .box-top .box-title p, .dpr-price-box .box-top .box-subtitle p { margin: 0; } .dpr-price-box .box-top .box-subtitle { padding-top: 10px; } .dpr-price-box .box-top .price-wrap { padding-top: 25px; line-height: 1; letter-spacing: -1px; color: #000538; } .dpr-price-box .box-top .price-wrap .currency-symbol, .dpr-price-box .box-top .price-wrap .recuring-time { font-size: 25px; } .dpr-price-box .box-top .price-wrap .price-amount { font-size: 60px; line-height: 60px; font-weight: 800; letter-spacing: -.4px; } .dpr-price-box .box-top .price-wrap .currency-symbol { position: relative; vertical-align: top; top: 5px; margin-right: 10px; } .dpr-price-box .box-top .content-desc { line-height: 25px; font-size: 16px; padding-top: 25px; padding-bottom: 35px; } .dpr-price-box .box-bottom { position: relative; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; padding: 0 20px; padding-bottom: 30px; z-index: 1; } .dpr-price-box .box-bottom .options-list { padding: 15px 0; margin: 0 15px; list-style: none; list-style-type: none; } .dpr-price-box .box-bottom .options-list .option { position: relative; border-bottom: 1px solid; line-height: 1; padding: 19px 0; } .dpr-price-box .box-bottom .options-list .option:last-child { border-bottom-width: 0; } .dpr-price-box .box-bottom .options-list .option .option-icon { display: inline-block; } .dpr-price-box .box-bottom .options-list .option i { padding: 0 5px; display: inline-block; vertical-align: middle; } .dpr-price-box .box-bottom .price-box-dots { display: block; min-height: 10px; padding: 3px 0; } .dpr-price-box .box-bottom .feature-badge { color: #fff; display: inline-block; background: #fa6047; padding: 6px 10px 5px; border-radius: 3px; font-size: 9px; line-height: 9px; letter-spacing: .6px; font-weight: 700; margin: 0 3px; transform: translateY(-1.3em); } .dpr-price-box .box-bottom .price-box-dot { display: block; width: 9px; height: 9px; margin: 0 auto; background: #eaf4fe; border-radius: 50%; } .dpr-price-box .box-bottom .feature-text { display: inline-block; padding: 0 5px; line-height: 1; } .dpr-price-box.full-width-button .box-bottom .pricing-button { width: 100%; } .dpr-price-box.shadow-on-hover { -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0); box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .dpr-price-box.style-minimal { border: 1px solid #dae1f3; } .dpr-price-box.style-minimal .box-top { background: #fff; border-bottom: 1px solid #dae1f3; } .dpr-price-box.style-minimal .box-bottom { background: #fff; } .dpr-price-box.style-minimal .options-list .option { border-color: #dae1f3; } .dpr-price-box.style-minimal .icon-wrap { color: #e1e4e9; } .dpr-price-box.shadow-on-hover.style-minimal:hover { border-color: transparent; } .dpr-price-box.style-classic .box-top { background: #eaf4fe; border-bottom: 1px solid #eaf4fe; } .dpr-price-box.style-classic .down-indicator path { fill: #dae1f3; stroke: #dae1f3; stroke-width: 2; } .dpr-price-box.style-classic.with-arrow-delimiter .box-top { border-bottom: none !important; } .dpr-price-box.style-classic .box-bottom { background: #fff; border: 1px solid #dae1f3; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-width: 0 !important; -webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; transition: border-color .3s ease; } .dpr-price-box.style-classic .box-bottom .options-list .option { border-color: #e1e4e9; } .dpr-price-box.style-classic .icon-wrap { color: #f82528; } .dpr-price-box.shadow-on-hover.style-classic:hover .box-bottom { border-color: transparent; } .dpr-price-box.style-color .box-top { background: #f82528; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .dpr-price-box.style-color .box-top .price-wrap, .dpr-price-box.style-color .box-top .title { color: #fff; } .dpr-price-box.style-color .box-top .content-desc, .dpr-price-box.style-color .box-top .subtitle { color: rgba(255, 255, 255, 0.4); } .dpr-price-box.style-color .box-bottom { background: #f82528; } .dpr-price-box.style-color .box-bottom .pricing-button { background-color: #0A30A9; border-color: #0A30A9; } .dpr-price-box.style-color .box-bottom .pricing-button:hover { background-color: #000538; border-color: #000538; } .dpr-price-box.style-color .box-bottom .options-list .option { border-color: rgba(255, 255, 255, 0.2); color: #fff; } .dpr-price-box.style-color .box-bottom .options-list .option .feature-text { color: inherit; } .dpr-price-box.style-color .box-bottom .price-box-dot { background: rgba(255, 255, 255, 0.4); } .dpr-price-box.style-color .icon-wrap { color: #fff; } .dpr-price-box.shadow-on-hover:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .dpr-price-box.style-flip .box-top { background: transparent; border-bottom-width: 0px; } .dpr-price-box.style-flip .box-top { border-radius: inherit; } .dpr-price-box.style-flip .box-top .price-wrap, .dpr-price-box.style-flip .box-top .title { color: #fff; } .dpr-price-box.style-flip .box-top .content-desc, .dpr-price-box.style-flip .box-top .subtitle { color: rgba(255, 255, 255, 0.4); } .dpr-price-box.style-flip .box-bottom { background: transparent; width: 100%; } .dpr-price-box.style-flip .box-bottom .pricing-button { background-color: #fff; border-color: #fff; color: #333; } .dpr-price-box.style-flip .box-bottom .pricing-button:hover { background-color: #000538; border-color: #000538; color: #fff; } .dpr-price-box.style-flip .box-bottom .options-list .option { border-color: rgba(255, 255, 255, 0.2); color: #fff; } .dpr-price-box.style-flip .box-bottom .options-list .option .feature-text { color: inherit; } .dpr-price-box.style-flip .box-bottom .price-box-dot { background: rgba(255, 255, 255, 0.4); } .dpr-price-box.style-flip .icon-wrap { color: #fff; } .dpr-price-box.style-flip .box-top { background-color: tranparent; } .dpr-price-box.style-flip .flip-wrap-front { background-color: #f82528; } .dpr-price-box.style-flip .flip-wrap .flip-wrap-back { background-color: #0A30A9; } .dpr-price-box.shadow-on-hover:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } /* Flip Uniwersal Element */ .dpr-flip-item .flip-wrap { -webkit-perspective: 1000px; perspective: 1000px; border-radius: inherit; } .dpr-flip-item .flip-wrap .flip-wrap-front, .dpr-flip-item .flip-wrap .flip-wrap-back { z-index: 1; border-radius: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: inherit; perspective: inherit; -webkit-transition: transform .8s cubic-bezier(0.5, 0.2, 0.2, 0.8); -moz-transition: transform .8s cubic-bezier(0.5, 0.2, 0.2, 0.8); transition: transform .8s cubic-bezier(0.5, 0.2, 0.2, 0.8); } .dpr-flip-item .flip-wrap .flip-wrap-front { height: inherit; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); display: flex; justify-content: center; align-items: center; } .dpr-flip-item.flip-left .flip-wrap .flip-wrap-front, .dpr-flip-item.flip-right .flip-wrap .flip-wrap-front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .dpr-flip-item.flip-top .flip-wrap .flip-wrap-front, .dpr-flip-item.flip-bottom .flip-wrap .flip-wrap-front { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .dpr-flip-item .flip-wrap .flip-wrap-front .content-wrap { height: 100%; -webkit-transform: translateZ(70px) scale(.86); -moz-transform: translateZ(70px) scale(.86); -o-transform: translateZ(70px) scale(.86); transform: translateZ(70px) scale(.86); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dpr-flip-item .flip-wrap .flip-wrap-back { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #f82528; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); display: flex; justify-content: center; align-items: center; } .dpr-flip-item.flip-left .flip-wrap .flip-wrap-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .dpr-flip-item.flip-top .flip-wrap .flip-wrap-back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); } .dpr-flip-item.flip-bottom .flip-wrap .flip-wrap-back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .dpr-flip-item .flip-wrap .flip-wrap-back .content-wrap { height: 100%; width: 100%; -webkit-transform: translateZ(70px) scale(.86); -moz-transform: translateZ(70px) scale(.86); -o-transform: translateZ(70px) scale(.86); transform: translateZ(70px) scale(.86); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dpr-flip-item:hover .flip-wrap-front, .dpr-flip-item:hover .flip-wrap-back { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1); -moz-transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1); transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1); } .dpr-flip-item:hover .flip-wrap-front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .dpr-flip-item.flip-left:hover .flip-wrap-front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .dpr-flip-item.flip-right:hover .flip-wrap-front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .dpr-flip-item.flip-top:hover .flip-wrap-front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .dpr-flip-item.flip-bottom:hover .flip-wrap-front { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); } .dpr-flip-item:hover .flip-wrap-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .dpr-flip-item.flip-left:hover .flip-wrap-back, .dpr-flip-item.flip-right:hover .flip-wrap-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .dpr-flip-item.flip-top:hover .flip-wrap-back, .dpr-flip-item.flip-bottom:hover .flip-wrap-back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } /* DP Flip Box Element */ .dpr-flip-box .flip-wrap { border-radius: 10px; position: relative; } .dpr-flip-box .flip-wrap-front, .dpr-flip-box .flip-wrap-back { min-height: 350px; } .dpr-flip-box .flip-wrap-front { background-color: #000538; } .dpr-flip-box .flip-wrap-back { background-color: #f82528; } .dpr-flip-box .content-wrap { padding: 50px; width: 100%; } .dpr-flip-box .flip-wrap .flip-wrap-back .content-wrap { display: flex; justify-content: center; align-items: center; color: #fff; } .dpr-flip-box .box-title .title { font-size: 27px; line-height: 27px; margin: 0; color: #fff; } .dpr-flip-box .box-subtitle .title { font-size: 17px; line-height: 22px; padding-top: 10px; color: rgba(255, 255, 255, 0.8); font-weight: 500; } .dpr-flip-box .label-wrap { position: absolute; display: block; z-index: 2; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: #0A30A9; text-align: center; } .dpr-flip-box .label-wrap.type-text { font-size: 22px; font-weight: 700; color: #fff; } .dpr-flip-box .label-wrap.top-left { top: 0; left: 0; transform: translateY(-50%); } .dpr-flip-box .label-wrap.top-center { top: 0; left: 50%; transform: translate(-50%, -50%); } .dpr-flip-box .label-wrap.top-right { top: 0; right: 0; transform: translateY(-50%); } .dpr-flip-box .label-wrap.bottom-left { bottom: 0; left: 0; transform: translateY(50%); } .dpr-flip-box .label-wrap.bottom-center { bottom: 0; left: 50%; transform: translate(-50%, 50%); } .dpr-flip-box .label-wrap.bottom-right { bottom: 0; right: 0; transform: translateY(50%); } .dpr-flip-box .label-wrap .featured-icon { line-height: inherit; color: #fff; } .dpr-flip-box .dpr-cover-link { z-index: 3; } /* DP Google map */ .dpr-google-map .tooltip-inner { padding: 0 0 10px 15px; overflow: hidden; max-width: 280px; } .dpr-google-map h6.map-tooltip-title { font-size: 16px; } .dpr-google-map .map-tooltip-content { font-size: 14px; line-height: 20px; } .dpr-tooltip-content-div { display: none; } /* DP Price List */ .dpr-price-list .dpr-price-list-item { display: flex; margin-top: 15px; } .dpr-price-list .dpr-price-list-item:first-child { margin-top: 0 !important; } .dpr-price-list .dpr-price-list-item .img-wrap, .dpr-price-list .dpr-price-list-item .text-wrap { display: inline-block; } .dpr-price-list .dpr-price-list-item .img-wrap { flex-shrink: 0; width: max-content; } .dpr-price-list .dpr-price-list-item .img-wrap { margin-right: 20px; } .dpr-price-list .dpr-price-list-item .text-wrap { flex-grow: 1; } .dpr-price-list .dpr-price-list-item .text-wrap .text-title-box { display: flex; flex-flow: row; } .dpr-price-list .dpr-price-list-item .text-wrap .text-title-box h5.title, .dpr-price-list .dpr-price-list-item .text-wrap .text-title-box h5.price-wrap { margin: 0; font-size: 18px; } .dpr-price-list .dpr-price-list-item .text-wrap .text-title-box div.price-line { margin: 0 10px; flex-grow: 1; border-bottom: 0px solid #dae1f3; transform: translateY(-5px); } .dpr-price-list .dpr-price-list-item .text-desc-box { margin-top: 5px; color: #808080; } /* DP Team Box */ .dpr-team-box .image-wrap { position: relative; overflow: hidden; } .dpr-team-box .overlay-idle, .dpr-team-box .overlay-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: background .3s ease, opacity .3s ease; -moz-transition: background .3s ease, opacity .3s ease; transition: background .3s ease, opacity .3s ease; } .dpr-team-box .overlay-hover:hover { background-color: rgba(0, 0, 0, 0.6); } .dpr-team-box:hover .overlay-hover { background-color: rgba(0, 0, 0, 0.6); } .dpr-team-box .overlay-idle { background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); } .dpr-team-box .box-title { position: relative; } .dpr-team-box .box-title .title { font-size: 27px; line-height: 1.3em; margin: 0; } .dpr-team-box .box-title .subtitle { font-size: 17px; line-height: 1.5em; color: #33529b; padding-top: 2px; } .dpr-team-box .box-content { padding-top: 10px; } .dpr-team-box .dpr-blobie-social-block { float: none; display: inline-block; margin-top: 20px; } .dpr-team-box .dpr-blobie-social-block .social-menu-inner { height: auto; } .dpr-team-box .dpr-blobie-social-block ul li a { font-size: 19px; } /* Style 1 */ .dpr-team-box.style-1 .box-title { margin-top: 15px; } /* Style 2 */ .dpr-team-box.style-2 .box-title { margin-bottom: 15px; } .dpr-team-box.style-2 .box-content { padding-top: 20px; } /* Style 3 */ .dpr-team-box.style-3 .box-title { width: 100%; position: absolute; bottom: 30px; } .dpr-team-box.style-3 .box-title .title, .dpr-team-box.style-3 .box-title .subtitle { color: #fff; } .dpr-team-box.style-3 .box-content { padding-top: 20px; } /* Style 4 */ .dpr-team-box.style-4, .dpr-team-box.style-5 { display: flex; } .dpr-team-box.style-4 .box-content-wrap, .dpr-team-box.style-5 .box-content-wrap { max-width: 50%; } .dpr-team-box.style-4 .box-content-wrap { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; text-align: left; } /* Style 5 */ .dpr-team-box.style-5 .box-content-wrap { padding-right: 30px; display: flex; flex-direction: column; justify-content: center; text-align: right; align-items: flex-end; } /* Style 6 and 7 */ .dpr-team-box.style-6 .box-title, .dpr-team-box.style-7 .box-title { width: 100%; position: absolute; padding: 0 30px; bottom: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .dpr-team-box.style-6 .box-title .title, .dpr-team-box.style-6 .box-title .subtitle, .dpr-team-box.style-7 .box-title .title, .dpr-team-box.style-7 .box-title .subtitle { color: #fff; } .dpr-team-box.style-6 .box-content-wrap, .dpr-team-box.style-7 .box-content-wrap { width: 100%; position: absolute; top: 50%; padding: 0 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; transform: translateY(100px); opacity: 0; } .dpr-team-box.style-6:hover .box-content-wrap, .dpr-team-box.style-7:hover .box-content-wrap { opacity: 1; transform: translateY(0); } .dpr-team-box.style-6 .box-content-wrap, .dpr-team-box.style-6 .dpr-blobie-social-block ul li a:not(:hover), .dpr-team-box.style-7 .box-content-wrap, .dpr-team-box.style-7 .dpr-blobie-social-block ul li a:not(:hover) { color: #fff; } .dpr-team-box.style-6:hover .overlay-idle { opacity: 0; } .dpr-team-box.style-6 .box-title.second, .dpr-team-box.style-7 .box-title.second { top: 50%; bottom: auto; transform: translateY(-100px); opacity: 0; } .dpr-team-box.style-6:hover .box-title.second, .dpr-team-box.style-7:hover .box-title.second { top: 50%; transform: translateY(-100%); opacity: 1; } .dpr-team-box.style-6:hover .box-title, .dpr-team-box.style-7:hover .box-title { opacity: 0; transform: translateY(100px); } /* Style 9 */ .dpr-team-box.style-8 .box-title.second, .dpr-team-box.style-9 .box-title.second { width: 100%; position: absolute; bottom: 90px; } .dpr-team-box.style-8 .box-title .title, .dpr-team-box.style-8 .box-title .subtitle, .dpr-team-box.style-9 .box-title .title, .dpr-team-box.style-9 .box-title .subtitle, .dpr-team-box.style-8 .box-content-wrap, .dpr-team-box.style-8 .dpr-blobie-social-block ul li a:not(:hover), .dpr-team-box.style-9 .box-content-wrap, .dpr-team-box.style-9 .dpr-blobie-social-block ul li a:not(:hover) { color: #fff; } .dpr-team-box.style-8 .flip-wrap-back .content-wrap, .dpr-team-box.style-9 .flip-wrap-back .content-wrap { padding: 25% 30px 30px 30px; } /* DP Image Banner */ .dpr-image-banner { position: relative; } .dpr-image-banner .image-wrap { position: relative; } .dpr-image-banner .image-wrap-inner { overflow: hidden; border-radius: inherit; } .dpr-image-banner .gradient-overlay, .dpr-image-banner .overlay-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; border-radius: inherit; } .dpr-image-banner .cover-wrap { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .dpr-image-banner .overlay-hover { opacity: 0; } .dpr-image-banner:hover .overlay-hover { opacity: 1; } .dpr-image-banner .gradient-overlay { background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); opacity: 0; } .dpr-image-banner .gradient-overlay.allways, .dpr-image-banner .gradient-overlay.idle { opacity: 1 } .dpr-image-banner:hover .gradient-overlay.onhover { opacity: 1 } .dpr-image-banner:hover .gradient-overlay.idle { opacity: 0; } .dpr-image-banner .box-title { position: relative; } .dpr-image-banner .box-title .title { font-size: 27px; line-height: 1.2em; margin: 0; } .dpr-image-banner .box-title .subtitle { font-size: 17px; line-height: 1.2em; color: #000538; padding-top: 2px; } .dpr-image-banner .box-content { padding-top: 10px; } /* Style 1 */ .dpr-image-banner.style-1 .box-title { margin-top: 20px; } .dpr-image-banner.style-1 .box-content-wrap { padding-bottom: 15px; } .dpr-image-banner.style-1 .button-wrap { width: 100%; position: absolute; bottom: 30px; padding: 0 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; opacity: 0; transform: translateY(100%); } .dpr-image-banner.style-1:hover .button-wrap { opacity: 1; transform: translateY(0); } /* Style 2 */ .dpr-image-banner.style-2 .box-title { margin-top: 20px; } .dpr-image-banner.style-2 .button-wrap { width: 100%; position: absolute; bottom: 30px; padding: 0 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; opacity: 0; transform: translateY(100%); } .dpr-image-banner.style-2:hover .button-wrap { opacity: 1; transform: translateY(0); } .dpr-image-banner.style-2 .box-content-wrap { padding: 0 30px 20px; background: #fbfcff; border: 1px solid #dae1f3; } /* Style 3 */ .dpr-image-banner.style-3 .box-title { margin-top: 20px; } .dpr-image-banner.style-3 .button-wrap { padding: 0 30px 15px 30px; } .dpr-image-banner.style-3 .box-content-wrap { padding: 10px 30px 15px; } .dpr-image-banner.style-3 .box-title { width: 100%; position: absolute; bottom: 30px; margin: 0; padding: 0 30px; } .dpr-image-banner.style-3 .box-title .title, .dpr-image-banner.style-3 .box-title .subtitle { color: #fff; } /* Style 4 */ .dpr-image-banner.style-4 .image-wrap { display: flex; align-items: center; justify-content: center; } .dpr-image-banner .cover-wrap { position: absolute; padding: 30px; display: flex; flex-direction: column; } .dpr-image-banner.style-4 .box-title .title, .dpr-image-banner.style-4 .box-title .subtitle, .dpr-image-banner.style-4 .box-content { color: #fff; } .dpr-image-banner.style-4 .box-content { padding-bottom: 10px; } /* Style 5 */ .dpr-image-banner.style-5 .image-wrap { display: flex; align-items: center; justify-content: center; } .dpr-image-banner.style-5 .box-title .title, .dpr-image-banner.style-5 .box-title .subtitle, .dpr-image-banner.style-5 .box-content { color: #fff; } .dpr-image-banner.style-5 .box-content { padding-bottom: 10px; } .dpr-image-banner.style-5 .cover-wrap { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; transform: translateY(30px) } .dpr-image-banner.style-5:hover .cover-wrap { opacity: 1; transform: translateY(0); } /* Style 6 */ .dpr-image-banner.style-6 .image-wrap { display: flex; align-items: center; justify-content: center; } .dpr-image-banner.style-6 .box-title .title, .dpr-image-banner.style-6 .box-title .subtitle, .dpr-image-banner.style-6 .box-content { color: #fff; } .dpr-image-banner.style-6 .box-content { padding-bottom: 10px; } .dpr-image-banner.style-6 .cover-wrap { opacity: 0; -webkit-transition: all .3s ease .3s; -moz-transition: all .3s ease .3s; transition: all .3s ease .3s; transform: translateY(-80px) } .dpr-image-banner.style-6:hover .cover-wrap { opacity: 1; transform: translateY(0); } .dpr-image-banner.style-6 .box-title.secondary { position: absolute; width: 100%; padding: 0 30px; bottom: 50px; transform: translateY(0); -webkit-transition: all .15s ease .3s; -moz-transition: all .15s ease .3s; transition: all .15s ease .3s; } .dpr-image-banner.style-6:hover .box-title.secondary { position: absolute; width: 100%; padding: 0 30px; bottom: 50px; transition-duration: 0.3s; transition-delay: 0; transform: translateY(50px); opacity: 0; } /* Style 7 */ .dpr-image-banner.style-7 .box-title { margin-top: 20px; } .dpr-image-banner.style-7 .box-content-wrap { padding: 0 30px 15px; } .dpr-image-banner.style-7 .button-wrap { padding: 0 30px; } .dpr-image-banner.style-7 .box-content { padding-top: 43px; } .dpr-image-banner.style-7 .moved-wrap { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .dpr-image-banner.style-7:hover .moved-wrap { transform: translateY(-90px); } .dpr-image-banner.style-7:hover .box-title .title, .dpr-image-banner.style-7:hover .box-title .subtitle { color: #fff; } .dpr-image-banner.style-7 .box-content, .dpr-image-banner.style-7 .button-wrap { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0; } .dpr-image-banner.style-7:hover .box-content, .dpr-image-banner.style-7:hover .button-wrap { opacity: 1; } /* Style 8 & 9 */ .dpr-image-banner.style-8 .image-wrap, .dpr-image-banner.style-9 .image-wrap { } .dpr-image-banner.style-8 .button-wrap, .dpr-image-banner.style-9 .button-wrap { padding-top: 15px; } .dpr-image-banner.style-8 .box-content-wrap, .dpr-image-banner.style-9 .box-content-wrap { max-width: 45%; } .dpr-image-banner.style-8 .box-content-wrap { padding-right: 25px; } .dpr-image-banner.style-9 .box-content-wrap { padding-left: 25px; } /* Label */ .dpr-image-banner .label-wrap { position: absolute; display: block; z-index: 2; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: #f82528; text-align: center; } .dpr-image-banner .label-wrap.type-text { font-size: 22px; font-weight: 700; color: #fff; } .dpr-image-banner .label-wrap.top-left { top: 0; left: 0; transform: translateY(-50%); } .dpr-image-banner .label-wrap.top-center { top: 0; left: 50%; transform: translate(-50%, -50%); } .dpr-image-banner .label-wrap.top-right { top: 0; right: 0; transform: translateY(-50%); } .dpr-image-banner .label-wrap.bottom-left { bottom: 0; left: 0; transform: translateY(50%); } .dpr-image-banner .label-wrap.bottom-center { bottom: 0; left: 50%; transform: translate(-50%, 50%); } .dpr-image-banner .label-wrap.bottom-right { bottom: 0; right: 0; transform: translateY(50%); } .dpr-image-banner .label-wrap .featured-icon { line-height: inherit; color: #fff; } /* Image hover animations */ .image-hover-effect .image-wrap-inner img { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .image-hover-effect.image-grow:hover .image-wrap-inner img { transform: scale(1.1); } .image-hover-effect.image-shrink .image-wrap-inner img { transform: scale(1.1); } .image-hover-effect.image-shrink:hover .image-wrap-inner img { transform: scale(1); } .image-hover-effect.image-rotate:hover .image-wrap-inner img { transform: scale(1.15) rotate(-3deg); } .image-hover-effect.image-fade_in .image-wrap-inner img { -webkit-filter: opacity(0.8); filter: opacity(0.8); } .image-hover-effect.image-fade_in:hover .image-wrap-inner img { -webkit-filter: opacity(1); filter: opacity(1); } .image-hover-effect.image-fade_out .image-wrap-inner img { -webkit-filter: opacity(1); filter: opacity(1); } .image-hover-effect.image-fade_out:hover .image-wrap-inner img { -webkit-filter: opacity(0.8); filter: opacity(0.8); } .image-hover-effect.image-blur:hover .image-wrap-inner img { -webkit-filter: blur(3px) grayscale(20%); filter: blur(3px) grayscale(20%); } .image-hover-effect.image-move_top .image-wrap { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .image-hover-effect.image-move_top:hover .image-wrap { transform: translateY(-5px); } /* DP Testimonial */ .dpr-testimonial .box-content-wrap { position: relative; } .dpr-testimonial .box-content { font-size: 16px; margin: 10px 0; } .dpr-testimonial .box-title .title { font-size: 21px; line-height: 1.5em; margin: 0; } .dpr-testimonial .box-title .subtitle { font-size: 16px; color: #33529b; } .dpr-testimonial.one-line-title .box-title { display: flex; } .dpr-testimonial.one-line-title .box-title.text-center { justify-content: center; } .dpr-testimonial.one-line-title.text-right .box-title { justify-content: flex-end; } .dpr-testimonial.one-line-title .box-title .subtitle:before { content: "/"; padding: 0 3px; } .dpr-testimonial .image-wrap .inner { margin: 20px 0 20px; } .dpr-testimonial.bubble-with-bg .box-content { padding: 25px; } /* Style 5 & 6 table layout */ .dpr-testimonial.style-5, .dpr-testimonial.style-6 { display: flex; } .dpr-testimonial.style-5 .image-wrap, .dpr-testimonial.style-6 .image-wrap { flex: 0 0 auto; } .dpr-testimonial.style-5 .image-wrap .inner { margin: 15px 0 0 30px; } .dpr-testimonial.style-6 .image-wrap .inner { margin: 15px 30px 0 0; } /* Arrow styles */ .dpr-testimonial.style-1.bubble-with-arrow .box-content-wrap, .dpr-testimonial.style-4.bubble-with-arrow .box-content-wrap, .dpr-testimonial.style-7.bubble-with-arrow .box-content-wrap, .dpr-testimonial.style-8.bubble-with-arrow .box-content-wrap { margin-bottom: 30px; } .dpr-testimonial.style-1.bubble-with-arrow .box-content-wrap:after, .dpr-testimonial.style-4.bubble-with-arrow .box-content-wrap:after, .dpr-testimonial.style-7.bubble-with-arrow .box-content-wrap:after, .dpr-testimonial.style-8.bubble-with-arrow .box-content-wrap:after { content: ''; position: absolute; border-style: solid; border-width: 12px 12px 0; border-color: #666 transparent; display: block; width: 0; z-index: 1; margin-left: -12px; bottom: -12px; left: 50%; } .dpr-testimonial.style-2.bubble-with-arrow .box-content-wrap { margin-top: 20px; } .dpr-testimonial.style-3.bubble-with-arrow .box-content-wrap, .dpr-testimonial.style-9.bubble-with-arrow .box-content-wrap, .dpr-testimonial.style-10.bubble-with-arrow .box-content-wrap { margin-top: 30px; } .dpr-testimonial.style-2.bubble-with-arrow .box-content-wrap:after, .dpr-testimonial.style-3.bubble-with-arrow .box-content-wrap:after, .dpr-testimonial.style-9.bubble-with-arrow .box-content-wrap:after, .dpr-testimonial.style-10.bubble-with-arrow .box-content-wrap:after { content: ''; position: absolute; border-style: solid; border-width: 0 12px 12px; border-color: #666 transparent; display: block; width: 0; z-index: 1; margin-left: -12px; top: -12px; left: 50%; } .dpr-testimonial.style-5.bubble-with-arrow .box-content-wrap:after { content: ''; position: absolute; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent #666; display: block; width: 0; z-index: 1; margin-top: -12px; right: -12px; top: 50%; } .dpr-testimonial.style-6.bubble-with-arrow .box-content-wrap:after { content: ''; position: absolute; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #666; display: block; width: 0; z-index: 1; margin-top: -12px; left: -12px; top: 50%; } /* DP Testimonial Carousel */ .dpr-testimonial-carousel .dpr-testimonial .image-wrap .inner { display: flex; } .dpr-testimonial-carousel .dpr-testimonial.text-center .image-wrap .inner { justify-content: center; } .dpr-testimonial-carousel .dpr-testimonial.text-right .image-wrap .inner { justify-content: flex-end; } .dpr-testimonial-carousel.layout-3 .slick-slide { -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 0.3; } .dpr-testimonial-carousel.layout-3 .slick-slide.slick-center { opacity: 1; } .dpr-carousel-nav { width: 300px; margin: 0 auto; } .dpr-carousel-nav .image-wrap .inner img { width: 90px; height: 90px; border-radius: 50%; } .dpr-carousel-nav .slick-slide:not(.slick-center) { cursor: pointer; } .dpr-carousel-nav .inner img { opacity: 0.6; transform: scale(0.8); -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .dpr-carousel-nav .image-wrap:hover .inner img, .dpr-carousel-nav .image-wrap.slick-center .inner img { opacity: 1; } .dpr-carousel-nav .slick-center .inner img { transform: scale(1); z-index: 100; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out; } /* ========================================================================== Vertical Split Slider ========================================================================== */ .dpr-split-slider { opacity: 0; position: relative; margin: 0px -17px; overflow: hidden; } .dpr-split-slider-responsive { margin: 0px -17px; } .dpr-split-slider .ms-left { height: 100%; left: 0; position: absolute; top: 0; width: 50%; } .dpr-split-slider .ms-left .ms-section { background-position: 100% center !important; background-size: cover; } .dpr-split-slider .ms-right { height: 100%; position: absolute; right: 0px; top: 10000px; width: 50%; } .dpr-split-slider .ms-right .ms-section { background-position: 0 center !important; background-size: cover; } .ms-section .ms-table { display: table; width: 100%; table-layout: fixed; } .ms-section .ms-tableCell { display: table-cell; vertical-align: middle; width: 50vw; height: 100%; box-sizing: border-box; } .ms-section .ms-easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .dpr-split-slider-responsive { display: none; } #multiscroll-nav { position: fixed; z-index: 1000; margin-top: -32px; top: 50%; opacity: 1; transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; } #multiscroll-nav.right { right: 43px; } #multiscroll-nav.left { left: 17px; } #multiscroll-nav ul { margin: 0; padding: 0; } #multiscroll-nav ul li { display: block; width: 14px; height: 14px; margin: 19px 7px; position: relative; } #multiscroll-nav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #multiscroll-nav ul li span { top: 0px; left: 0px; width: 14px; height: 14px; background-color: rgba(40, 40, 40, 0.5); border-radius: 50%; position: absolute; z-index: 1; } #multiscroll-nav ul li .active span { background-color: #282828; } .overlapping-style-light #multiscroll-nav ul li span { background-color: rgba(255, 255, 255, 0.3); } .overlapping-style-light #multiscroll-nav li .active span { background-color: rgba(255, 255, 255, 0.9); } #multiscroll-nav.mkd-dark span { border-color: #000; } #multiscroll-nav.mkd-dark li .active span { background-color: #000; } @media only screen and (max-width:1024px) { .dpr-split-slider-initialized, body .dpr-split-slider-initialized { overflow-y: visible !important; height: auto !important; } .dpr-split-slider, #multiscroll-nav { display: none; } .dpr-split-slider-responsive { display: block; } .ms-section { background-position: center center; } } /* Full Page slider */ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller { overflow: hidden; } .iScrollIndicator { border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav { position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 !important; right: 0; margin: 0 auto !important; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } .dpr-fp-slider { margin: 0 -15px; } .dpr-fps-section > .vc_row { height: inherit; } .dpr-fp-slider .dpr-fps-wrapper { visibility: hidden; } .overlapping-style-dark #fp-nav ul li a span, .overlapping-style-dark .fp-slidesNav ul li a span { background-color: #000538; } .overlapping-style-light #fp-nav ul li a span, .overlapping-style-light .fp-slidesNav ul li a span { background-color: #fff; } /* Section Animations */ .dpr-fp-slider.animation-style-scale .dpr-fps-section { -webkit-transition: -webkit-transform .3s cubic-bezier(.31, .24, .29, .97); -moz-transition: -moz-transform .3s cubic-bezier(.31, .24, .29, .97); transition: transform .3s cubic-bezier(.31, .24, .29, .97); box-sizing: border-box; } .dpr-fp-slider.animation-style-scale .dpr-fps-section.active { transform: scale(0.95); } .dpr-fp-slider.animation-style-scale .dpr-fps-section.active.fp-completely { transform: scale(1); } .dpr-fp-slider.animation-style-scale .dpr-fps-section.fp-completely:not(.active) { transform: scale(0.95); } /* DP Countdown */ .dpr-countdown { line-height: .5; } .dpr-countdown .dpr-countdown-wrap { display: inline-block; margin: -5px 0; opacity: 0; } .dpr-countdown .number-wrap { position: relative; display: inline-block; text-align: center; min-width: 90px; min-height: 90px; margin: 5px; padding: 0 10px; } .dpr-countdown .number-wrap .number { position: relative; display: block; line-height: 1; font-weight: 600; } .dpr-countdown .unit { position: relative; display: block; font-size: 13px; line-height: 2; color: #808080; text-transform: uppercase; } .dpr-countdown.layout-1 .number-wrap { min-height: initial; } .dpr-countdown.layout-1 .number { font-size: 45px; color: #000538; } .dpr-countdown.layout-2 .number-wrap { min-width: auto; min-height: auto; padding: 0; } .dpr-countdown.layout-2 .number-container { display: block; position: relative; } .dpr-countdown.layout-2 .number-container:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #f82528; background-color: #f82528; border-radius: 6px; } .dpr-countdown.layout-2 .number { display: block; min-width: 70px; height: 70px; line-height: 70px; font-size: 35px; padding: 0 10px; color: #fff; } .dpr-countdown.layout-2 .unit { font-size: 13px; line-height: 2.2; } .dpr-countdown.layout-3 .number-wrap:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #f82528; background-color: #f82528; border-radius: 10px; } .dpr-countdown.layout-3 .number { font-size: 35px; padding-top: 15px; color: #fff; } .dpr-countdown.layout-3 .unit { font-size: 13px; color: #fff; } /* DP Step Box */ .dpr-featured-box.dpr-step-box .icon-wrapper .conector { content: ""; position: absolute; display: block; border-bottom: 1px dashed #dae1f3; width: 227px; height: 0px; left: 100px; top: 50%; } .dpr-featured-box.dpr-step-box.last-item .icon-wrapper .conector, .dpr-featured-box.dpr-step-box.content-only-hover:hover .icon-wrapper .conector { display: none; } /* DP Time Line */ .dpr-timeline { min-height: 300px; position: relative; } .dpr-timeline .central-line { height: 100%; position: absolute; top: 0; left: 50%; width: 0px; box-sizing: border-box; border-right: 2px solid #dae1f3; transform: translateX(-50%); } .dpr-timeline-item { width: 100%; padding: 20px 0 20px 0; } .dpr-timeline-item .inner { position: relative; } .dpr-timeline-item .timeline-node { position: absolute; left: 50%; top: 35px; width: 20px; height: 20px; transform: translateX(-50%) translateY(-50%); } .dpr-timeline-item .timeline-node .node-inner { width: inherit; height: inherit; position: relative; box-sizing: border-box; background-color: #fff; border: 2px solid #dae1f3; border-radius: 50%; } .dpr-timeline-item .timeline-node.style-2 .node-dot { width: 12px; height: 12px; border-radius: 50%; background: #dae1f3; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .dpr-timeline-item .timeline-node.style-3 .node-inner { border-radius: 3px; transform: rotate(45deg); } .dpr-timeline-item .item-content, .dpr-timeline-item .item-date { width: 50%; display: block; box-sizing: border-box; } .dpr-timeline-item.left .item-content { padding-right: 35px; float: left; text-align: right; } .dpr-timeline-item.left .item-date { padding-left: 25px; float: right; text-align: left; } .dpr-timeline-item.right .item-content { padding-left: 35px; float: right; text-align: left; } .dpr-timeline-item.right .item-date { padding-right: 25px; float: left; text-align: right; } .dpr-timeline-item .item-content .inner { position: relative; background-color: #fbfcff; border: 1px solid #f1f4ff; border-radius: 5px; padding: 20px 0; } .dpr-timeline-item .item-content .inner:after, .dpr-timeline-item .item-content .inner:before { left: 100%; top: 35px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dpr-timeline-item.left .item-content .inner:after { border-color: rgba(0, 0, 0, 0); border-left-color: #fbfcff; border-width: 15px; margin-top: -15px; } .dpr-timeline-item.left .item-content .inner:before { border-color: rgba(0, 0, 0, 0); border-left-color: #f1f4ff; border-width: 16px; margin-top: -16px; } .dpr-timeline-item.right .item-content .inner:after, .dpr-timeline-item.right .item-content .inner:before { right: 100%; left: auto; top: 35px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dpr-timeline-item.right .item-content .inner:after { border-color: rgba(0, 0, 0, 0); border-right-color: #fbfcff; border-width: 15px; margin-top: -15px; } .dpr-timeline-item.right .item-content .inner:before { border-color: rgba(0, 0, 0, 0); border-right-color: #f1f4ff; border-width: 16px; margin-top: -16px; } .dpr-timeline-item.center .item-content { float: none; margin: 15px auto; text-align: center; } .dpr-timeline-item .date-label, .dpr-timeline-sep .date-label { display: inline-block; width: auto; background: #f82528; border: 1px solid #f82528; padding: 1em 1.5em; color: #fff; font-weight: 400; margin-top: 35px; transform: translateY(-50%); border-radius: 5px; vertical-align: bottom; line-height: 13px; font-size: 13px; } .dpr-timeline-item.center .date-label { margin-top: 20px; } .dpr-timeline-sep { text-align: center; } @media only screen and (max-width:768px) { .dpr-timeline-item .item-content, .dpr-timeline-item .item-date { width: 100%; padding: 0; } .dpr-timeline-item .item-date, .dpr-timeline-item .item-content { padding: 0 !important; } .dpr-timeline-item .item-content .inner:before, .dpr-timeline-item .item-content .inner:after { display: none; } .dpr-timeline-item .item-date { text-align: center !important; } } /* DP Workflow */ .dpr-workflow { position: relative; } .dpr-workflow .axe-line { height: 100%; position: absolute; top: 0; left: 50%; width: 0px; box-sizing: border-box; border-right: 2px solid #dae1f3; transform: translateX(-50%); } .dpr-workflow-item { width: 100%; padding-bottom: 35px; } .dpr-workflow-item .inner { position: relative; } .dpr-workflow-item .workflow-node { position: absolute; left: 50%; top: 0; width: 20px; height: 20px; transform: translateX(-50%); } .dpr-workflow-item .workflow-node .node-inner { width: inherit; height: inherit; position: relative; box-sizing: border-box; background-color: #fff; border: 2px solid #dae1f3; border-radius: 50%; } .dpr-workflow-item .workflow-node.style-2 .node-dot { width: 12px; height: 12px; border-radius: 50%; background: #dae1f3; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .dpr-workflow-item .workflow-node.style-3 .node-inner { border-radius: 3px; transform: rotate(45deg); } .dpr-workflow-item .item-content, .dpr-workflow-item .item-image { width: 50%; display: inline-block; box-sizing: border-box; } .dpr-workflow-item.left .item-content, .dpr-workflow-item.right .item-image { padding-left: 60px; text-align: left; float: right; } .dpr-workflow-item.left .item-image, .dpr-workflow-item.right .item-content { padding-right: 60px; text-align: right; float: left; } .dpr-workflow-item .title-wrap .title { color: #000538; font-size: 26px; line-height: 26px; font-weight: 800; margin: 0 0 10px; } .dpr-workflow-item .title-wrap .subtitle { color: #1b0759; font-size: 14px; line-height: 22px; } .dpr-workflow-item .title-wrap { padding-bottom: 15px; } .dpr-workflow-item .dpr-read-more-wrap { padding-top: 30px; } /*DP Subscribe */ .dpr-subscribe { position: relative; } .dpr-subscribe .burner-error { padding: 10px 0; } .dpr-subscribe .form-container { position: relative; } .dpr-subscribe .divTable { border-width: 0; background: transparent; margin: 0; border-collapse: collapse; } .dpr-subscribe .divTableCell { padding: 0; } .dpr-subscribe .submit-wrap { position: absolute; top: 0; right: 0; white-space: nowrap; } .dpr-subscribe input[type="text"] { position: relative; color: #28262b; height: 45px; line-height: 41px; margin-bottom: 0px; padding-left: 20px; padding-top: 0; padding-bottom: 0; border-radius: 4px; } .dpr-subscribe .submit { border-radius: 4px; background: #f82528; border-color: #f82528; border-style: solid !important; color: #fff; font-weight: 700; font-size: 12px; letter-spacing: 1.5px; padding: 0 35px; line-height: 43px; border-width: 1px; -webkit-box-shadow: inset 0px 0px 0px 30px transparent; box-shadow: inset 0px 0px 0px 30px transparent; -webkit-transition: box-shadow .3s ease, color .3s ease, background .3s ease, width .3s ease, border-color .3s ease; -moz-transition: box-shadow .3s ease, color .3s ease, background .3s ease, width .3s ease, border-color .3s ease; transition: box-shadow .3s ease, color .3s ease, background .3s ease, width .3s ease, border-color .3s ease; } .dpr-subscribe .submit:hover { background: #000538; border-color: #000538; } .dpr-subscribe.style-1 input[type="text"], .dpr-subscribe.style-1 .submit { height: 45px; } .dpr-subscribe.style-1 .submit-wrap, .dpr-subscribe.style-1 .submit { height: 100%; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .dpr-subscribe.style-2 input[type="text"] { height: 51px; line-height: 49px; border-radius: 30px; } .dpr-subscribe.style-2 .submit-wrap { right: 4px; top: 4px; bottom: 4px; border-radius: 30px; } .dpr-subscribe.style-2 .submit-wrap .submit { height: 100%; line-height: 33px; border-radius: inherit; } .dpr-subscribe.style-3 .submit-wrap, .dpr-subscribe.style-3 .submit { height: 100%; border-radius: 4px; } .dpr-subscribe.style-3 .email-wrap { width: 100%; border-radius: 4px; } .dpr-subscribe.style-3 .email-wrap .text { border-radius: inherit; float: left; } .dpr-subscribe.style-3 .submit-wrap { position: relative; float: right; margin-left: 10px; } .dpr-subscribe.style-4 .email-wrap { width: 100%; } .dpr-subscribe.style-4 .email-wrap input[type="text"] { border-top-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; border-radius: 0 !important; background: transparent; float: left; padding-left: 5px; } .dpr-subscribe.style-4 .email-wrap input[type="text"]:focus, .dpr-subscribe.style-4 .email-wrap input[type="text"]:hover { background: transparent; -webkit-box-shadow: none; box-shadow: none; border-color: #e7e7e7; } .dpr-subscribe.style-4 .submit-wrap { position: relative; float: right; margin-left: 5px; } .dpr-subscribe.style-4 .submit-wrap .submit { border-radius: 22px; } .dpr-subscribe.style-5 input[type="text"] { visibility: hidden; width: 20%; opacity: 0; -webkit-transition: visibility .3s ease, width .3s ease, opacity .3s ease; -moz-transition: visibility .3s ease, width .3s ease, opacity .3s ease; transition: visibility .3s ease, width .3s ease, opacity .3s ease; } .dpr-subscribe.style-5 input[type="text"]:focus, .dpr-subscribe.style-5 input[type="text"]:hover { -webkit-box-shadow: none; box-shadow: none; } .dpr-subscribe.style-5 .active input[type="text"] { visibility: visible; opacity: 1; width: 100%; } .dpr-subscribe.style-5 .active.submit-wrap { min-width: 0; right: 0; margin-right: 0; } .dpr-subscribe.style-5 .submit-wrap { display: block; min-width: 50%; position: absolute; right: 50%; text-align: center; margin-right: -25%; -webkit-transition: min-width .3s ease, width .3s ease, right .3s ease, margin-right .3s ease, color .3s ease, background .3s ease, border-color .3s ease; -moz-transition: min-width .3s ease, width .3s ease, right .3s ease, margin-right .3s ease, color .3s ease, background .3s ease, border-color .3s ease; transition: min-width .3s ease, width .3s ease, right .3s ease, margin-right .3s ease, color .3s ease, background .3s ease, border-color .3s ease; } .dpr-subscribe.style-5:hover input[type="text"] { visibility: visible; opacity: 1; width: 100%; } .dpr-subscribe.style-5:hover .submit-wrap { width: auto; min-width: 0; right: 0; margin-right: 0; } .dpr-subscribe.right-align.style-5:hover .submit-wrap, .dpr-subscribe.right-align.style-5:hover .submit, .dpr-subscribe.center-align.style-5:hover .submit-wrap, .dpr-subscribe.center-align.style-5:hover .submit { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .dpr-subscribe.left-align.style-5:hover .submit-wrap, .dpr-subscribe.left-align.style-5:hover .submit { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .dpr-subscribe.style-5.center-align input[type="text"] { margin: 0 auto; } .dpr-subscribe.style-5.left-align .submit-wrap { right: auto; left: 0; text-align: left; margin-right: 0; } .dpr-subscribe.style-5.left-align .email-wrap { text-align: left; } .dpr-subscribe.style-5.left-align input[type="text"] { display: inline-block; text-align: right; } .dpr-subscribe.style-5.left-align::-webkit-input-placeholder { text-align: right; } .dpr-subscribe.style-5.left-align:-moz-placeholder { text-align: right; } .dpr-subscribe.style-5.left-align::-moz-placeholder { text-align: right; } .dpr-subscribe.style-5.left-align:-ms-input-placeholder { text-align: right; } .dpr-subscribe.style-5.right-align .submit-wrap { right: 0; text-align: right; margin-right: 0; } .dpr-subscribe.style-5.right-align .email-wrap { text-align: right; } .dpr-subscribe.style-5.right-align input[type="text"] { display: inline-block; } .dpr-subscribe::-webkit-input-placeholder { line-height: 41px; top: 0; color: #999; } .dpr-subscribe:-moz-placeholder { line-height: 41px; color: #999; } .dpr-subscribe::-moz-placeholder { line-height: 41px; color: #999; } .dpr-subscribe:-ms-input-placeholder { line-height: 41px; color: #999; } .dpr-subscribe:focus::-webkit-input-placeholder { color: transparent !important; } .dpr-subscribe:focus:-moz-placeholder { color: transparent !important; } .dpr-subscribe ​:focus::-moz-placeholder { color: transparent !important; } .dpr-subscribe ​:focus:-ms-input-placeholder { color: transparent !important; } /* DP Split Section */ .dpr-split-section .inner { display: flex; } .dpr-split-section .item-image, .dpr-split-section .item-content { padding: 0; width: 50%; } .dpr-split-section .item-content { padding: 0 8%; display: flex; flex-direction: column; justify-content: center; } .dpr-split-section.right .item-content { text-align: right; } .dpr-split-section .description { padding: 10px 0 20px 0; } @media only screen and (max-width:1024px) { .dpr-split-section .item-image, .dpr-split-section .item-content { padding-top: 35px; width: 100% !important; } .dpr-split-section .inner { display: block; } } /* DP Animated Title */ .dpr-animated-title .dpr-headline { color: #fff; overflow: hidden; } .dpr-animated-title .dpr-heading-subtitle { color: #fff; display: inline-block; overflow: hidden; } .dpr-animated-title.subtitle-top .dpr-heading-subtitle { vertical-align: bottom; } .dpr-animated-title.equalized-width .dpr-heading-subtitle { display: block; } .dpr-animated-title .animation-wrapper, .dpr-animated-title .movable-element { position: relative; display: block; } .dpr-animated-title .animation-wrapper { overflow: hidden; } .dpr-animated-title .movable-element { padding: 10px 12px; line-height: 1.3; } .dpr-animated-title .title-wrapper.animation-wrapper { background: #f82528; } .dpr-animated-title .title-wrapper.animation-wrapper, .dpr-animated-title .title-wrapper .movable-element { -webkit-transition: -webkit-transform 1s cubic-bezier(.5, 0, .7, .3); -moz-transition: -moz-transform 1s cubic-bezier(.5, 0, .7, .3); transition: transform 1s cubic-bezier(.5, 0, .7, .3); } .dpr-animated-title.subtitle-top .title-wrapper.animation-wrapper, .dpr-animated-title.subtitle-top .title-wrapper .movable-element { -webkit-transition: -webkit-transform 1s cubic-bezier(.5, 0, .7, .3) 1s; -moz-transition: -moz-transform 1s cubic-bezier(.5, 0, .7, .3) 1s; transition: transform 1s cubic-bezier(.5, 0, .7, .3) 1s; } .dpr-animated-title .subtitle-wrapper.animation-wrapper { background: #0A30A9; } .dpr-animated-title .subtitle-wrapper.animation-wrapper, .dpr-animated-title .subtitle-wrapper .movable-element { -webkit-transition: -webkit-transform 1s cubic-bezier(.5, 0, .7, .3) 1s; -moz-transition: -moz-transform 1s cubic-bezier(.5, 0, .7, .3) 1s; transition: transform 1s cubic-bezier(.5, 0, .7, .3) 1s; } .dpr-animated-title.subtitle-top .subtitle-wrapper.animation-wrapper, .dpr-animated-title.subtitle-top .subtitle-wrapper .movable-element { -webkit-transition: -webkit-transform 1s cubic-bezier(.5, 0, .7, .3); -moz-transition: -moz-transform 1s cubic-bezier(.5, 0, .7, .3); transition: transform 1s cubic-bezier(.5, 0, .7, .3); } .dpr-animated-title.animate-from-left .animation-wrapper { -webkit-transform: translateX(-101%); -moz-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } .dpr-animated-title.animate-from-left .movable-element { -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%); } .dpr-animated-title.animate-from-right .animation-wrapper { -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%); } .dpr-animated-title.animate-from-right .movable-element { -webkit-transform: translateX(-101%); -moz-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } .dpr-animated-title.animate-from-top .animation-wrapper { -webkit-transform: translateY(-101%); -moz-transform: translateY(-101%); -o-transform: translateY(-101%); transform: translateY(-101%); } .dpr-animated-title.animate-from-top .movable-element { -webkit-transform: translateY(101%); -moz-transform: translateY(101%); -o-transform: translateY(101%); transform: translateY(101%); } .dpr-animated-title.animate-from-bottom .animation-wrapper { -webkit-transform: translateY(101%); -moz-transform: translateY(101%); -o-transform: translateY(101%); transform: translateY(101%); } .dpr-animated-title.animate-from-bottom .movable-element { -webkit-transform: translateY(-101%); -moz-transform: translateY(-101%); -o-transform: translateY(-101%); transform: translateY(-101%); } .dpr-animated-title.animated .animation-wrapper, .dpr-animated-title.animated .movable-element { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /* DP Animated Text */ .dpr-animated-text .dpr-animated-text-wrapper > * { padding-right: 5px; } .dpr-animated-text .dpr-animated-text-wrapper > *:last-child { padding-right: 0; } .dpr-animated-text .dpr-animated-text-wrapper .dpr-animated-block > span { padding-right: 5px; } .dpr-animated-text .dpr-animated-text-wrapper .dpr-animated-block > span:last-child { padding-right: 0; } .dpr-animated-text .dpr-animated-text-wrapper .typed-cursor { padding-right: 2.5px; } .dpr-animated-text .dpr-animated-text-wrapper span { font-style: normal; font-weight: 700; font-size: 36px; font-family: "Montserrat", "Open Sans", "PT Sans", sans-serif; line-height: 1.866; text-transform: none; color: #000538; } .dpr-animated-text .dpr-animated-text-wrapper .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } .morphist > * { display: none; } .morphist > .animated { display: inline-block; } .dpr-typing-content { display: none; } .typed-cursor { font-weight: 300 !important; } /* DP Portfolio Carousel */ .portfolio-carousel-centered .slick-list { padding-top: 30px !important; padding-bottom: 30px !important; } .portfolio-carousel-centered .slide-wrapper { transform: scale(0.9); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; opacity: 0.5; } .portfolio-carousel-centered .slide-wrapper .portfolio-item .overlay { display: none; } .portfolio-carousel-centered .slide-wrapper.slick-center .portfolio-item .overlay { display: block; } .portfolio-carousel-centered .slide-wrapper.slick-center { transform: scale(1.1); z-index: 100; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out; opacity: 1; } /* DP Portfolio Metro Grid */ .dpr-portfolio-metro-grid.portfolio-items:not(.scat-grid) .portfolio-item { padding: 0; } .portfolio-items.col-6 .item-size-default, .portfolio-items.col-6 .item-size-tall { width: 16.6666%; } .portfolio-items.col-6 .item-size-large, .portfolio-items.col-6 .item-size-wide { width: 33.33333%; } .portfolio-items.col-5 .item-size-default, .portfolio-items.col-5 .item-size-tall { width: 20%; } .portfolio-items.col-5 .item-size-large, .portfolio-items.col-5 .item-size-wide { width: 40%; } .portfolio-items.col-4 .item-size-default, .portfolio-items.col-4 .item-size-tall { width: 25%; } .portfolio-items.col-4 .item-size-large, .portfolio-items.col-4 .item-size-wide { width: 50%; } .portfolio-items.col-3 .item-size-default, .portfolio-items.col-3 .item-size-tall { width: 33.3333%; } .portfolio-items.col-3 .item-size-large, .portfolio-items.col-3 .item-size-wide { width: 66.6666%; } .portfolio-items.col-2 .item-size-default, .portfolio-items.col-2 .item-size-tall { width: 50%; } .portfolio-items.col-2 .item-size-large, .portfolio-items.col-2 .item-size-wide { width: 100%; } .portfolio-items.col-1 .item-size-default, .portfolio-items.col-1 .item-size-tall { width: 100%; } .portfolio-items.col-1 .item-size-large, .portfolio-items.col-1 .item-size-wide { width: 100%; } /* DP Portfolio Scattered Grid */ .scat-grid .dpr-image-tilt { overflow: visible !important; } .scat-grid .dpr-item-tilt { transform-style: preserve-3d; } .scat-grid .dpr-item-tilt .portfolio-item-thumbnail{ transform: translateZ(20px); } /* DP Blog Grid */ .dpr-blog-grid .blog-item-inner { width: 100%; position: relative; } .dpr-blog-grid .thumbnail { overflow: hidden; } .dpr-blog-grid .blog-item.no-title .meta { margin-top: 20px; } .dpr-blog-grid .category-badge { position: absolute; z-index: 10; background-color: #f82528; border-radius: 4px; right: 10px; top: 10px; } .dpr-blog-grid .category-badge a { color: #fff; padding: 2px 10px; line-height: 22px; font-size: 13px; } .with-category-badge .mejs-container.mejs-audio { padding-top: 80px !important; } .dpr-blog-grid .text-center .meta { display: flex; justify-content: center; } .dpr-blog-grid .text-right .meta { display: flex; justify-content: flex-end; } .dpr-blog-grid.grid-style-thumb .entry-style-tiled .blog-item-inner { padding-bottom: 0 !important; border-width: 0px; overflow: hidden; } .dpr-blog-grid.grid-style-thumb .blog-item-inner .content-wrap { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; opacity: 0; transform: translateY(-80px); } .dpr-blog-grid.grid-style-thumb .blog-item-inner:hover .content-wrap { opacity: 1; transform: translateY(0); } .dpr-blog-grid.grid-style-thumb .blog-item-inner .secondary-title-wrap { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; transform: translateY(0); } .dpr-blog-grid.grid-style-thumb .blog-item-inner:hover .secondary-title-wrap { transform: translateY(80px); opacity: 0; } .dpr-blog-grid.grid-style-thumb .blog-item-title.entry-title, .dpr-blog-grid.grid-style-thumb .blog-item-title.entry-title a, .dpr-blog-grid.grid-style-thumb .content-wrap, .dpr-blog-grid.grid-style-thumb ul.meta, .dpr-blog-grid.grid-style-thumb ul.meta a, .dpr-blog-grid.grid-style-thumb ul.meta i { color: #fff; } .dpr-blog-grid.grid-style-thumb .blog-item-title.entry-title:hover, .dpr-blog-grid.grid-style-thumb .blog-item-title.entry-title a:hover, .dpr-blog-grid.grid-style-thumb ul.meta a:hover { color: #ccc; } .dpr-blog-grid.grid-style-thumb .blog-item.post .thumbnail .overlay { background-color: rgba(0, 0, 0, 0.2); opacity: 1; } .dpr-blog-grid.grid-style-thumb .blog-item.post:hover .thumbnail .overlay { background-color: rgba(0, 0, 0, 0.5); opacity: 1; } .dpr-blog-grid.grid-style-minimal-post .thumbnail { width: 90px; float: left; margin-right: 20px; } .dpr-blog-grid.grid-style-minimal-post .entry-content { display: flex; margin-left: 100px; flex-direction: column; } .dpr-blog-grid.grid-style-minimal-post .blog-item-header { margin-top: 0; } .dpr-blog-grid.grid-style-minimal-post .blog-item.post .blog-item-header .entry-title { font-size: 21px; line-height: 21px; } .dpr-blog-grid.grid-style-minimal-post .text-right .thumbnail { width: 90px; float: right; margin-right: 0; margin-left: 20px; } .dpr-blog-grid.grid-style-minimal-post .text-right .entry-content { margin-left: 0; margin-right: 100px; } .dpr-blog-grid.grid-style-list .blog-item-header { margin-top: 0; } .dpr-blog-grid.grid-style-list .blog-item.post .blog-item-header .entry-title { font-size: 21px; line-height: 21px; } /* Woo shortcodes */ /* Woo single products */ .dpr-woo-single-product .product-inner { margin: 0; padding: 0; position: relative; } .dpr-woo-single-product .product-inner .title-wrap { position: absolute; padding: 20px; z-index: 2; } .dpr-woo-single-product.content-lt .product-inner .title-wrap { top: 0; left: 0; } .dpr-woo-single-product.content-lc .product-inner .title-wrap { top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-woo-single-product.content-lb .product-inner .title-wrap { bottom: 0; left: 0; } .dpr-woo-single-product.content-rt .product-inner .title-wrap { top: 0; right: 0; } .dpr-woo-single-product.content-rc .product-inner .title-wrap { top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-woo-single-product.content-rb .product-inner .title-wrap { bottom: 0; right: 0; } .dpr-woo-single-product.content-ct .product-inner .title-wrap { top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dpr-woo-single-product.content-cc .product-inner .title-wrap { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dpr-woo-single-product.content-cb .product-inner .title-wrap { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dpr-woo-single-product.content-cb .product-inner .title-wrap, .dpr-woo-single-product.content-ct .product-inner .title-wrap, .dpr-woo-single-product.content-cc .product-inner .title-wrap { text-align: center; } .dpr-woo-single-product.content-cb .product-inner .title-wrap .star-rating, .dpr-woo-single-product.content-ct .product-inner .title-wrap .star-rating, .dpr-woo-single-product.content-cc .product-inner .title-wrap .star-rating { margin: 0 auto; } .dpr-woo-single-product.content-rb .product-inner .title-wrap, .dpr-woo-single-product.content-rt .product-inner .title-wrap, .dpr-woo-single-product.content-rc .product-inner .title-wrap { text-align: right; } .dpr-woo-single-product.content-rb .product-inner .title-wrap .star-rating, .dpr-woo-single-product.content-rt .product-inner .title-wrap .star-rating, .dpr-woo-single-product.content-rc .product-inner .title-wrap .star-rating { margin: 0 0 0 auto; } .dpr-woo-single-product.content-center .product-inner .content-wrap, .dpr-woo-single-product.content-center .product-inner .content-wrap, .dpr-woo-single-product.content-center .product-inner .content-wrap { text-align: center; } .dpr-woo-single-product.content-center .product-inner .content-wrap .star-rating, .dpr-woo-single-product.content-center .product-inner .content-wrap .star-rating, .dpr-woo-single-product.content-center .product-inner .content-wrap .star-rating { margin: 0 auto; } .dpr-woo-single-product.content-right .product-inner .content-wrap, .dpr-woo-single-product.content-right .product-inner .content-wrap, .dpr-woo-single-product.content-right .product-inner .content-wrap { text-align: right; } .dpr-woo-single-product.content-right .product-inner .content-wrap .star-rating, .dpr-woo-single-product.content-right .product-inner .content-wrap .star-rating, .dpr-woo-single-product.content-right .product-inner .content-wrap .star-rating { margin: 0 0 0 auto; } .dpr-woo-single-product .product-inner .title-wrap .product-title { font-size: 24px; line-height: 35px; font-weight: 700; margin: 0; } .dpr-woo-single-product .product-inner .title-wrap .product-title a { color: inherit; } .dpr-woo-single-product .product-inner .rating-wrap { margin-bottom: 15px; } .dpr-woo-single-product .add_to_cart_button { border-radius: 5px !important; } .dpr-woo-single-product .product-inner .image-wrap { overflow: hidden; } .dpr-woo-single-product .product-inner .image-wrap img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .8s ease; -moz-transition: -moz-transform .8s ease; transition: transform .8s ease; } .dpr-woo-single-product .product-inner:hover .image-wrap img { -webkit-transform: scale(1.05); transform: scale(1.05); } .dpr-woo-single-product .tinvwl-loop-button-wrapper { top: 20px !important; right: 20px !important; } .dpr-woo-single-product.compact.content-rt .tinvwl-loop-button-wrapper, .dpr-woo-single-product.overlay.content-rt .tinvwl-loop-button-wrapper { top: auto !important; right: 20px !important; bottom: 20px !important; } .dpr-woo-single-product.compact.content-lt span.onsale, .dpr-woo-single-product.overlay.content-lt span.onsale { top: auto; bottom: 20px; } .dpr-woo-single-product .dpr-quick-view { left: 50%; top: 50%; right: auto; bottom: auto; width: auto; height: auto; padding: 6px 12px 5px 12px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; line-height: 1.7; border-radius: 5px; } .dpr-woo-single-product .product-inner:hover .dpr-quick-view { visibility: visible; opacity: 1; } .dpr-woo-single-product.compact.content-cc .dpr-quick-view, .dpr-woo-single-product.overlay.content-cc .dpr-quick-view { top: 80% } /* Default Style */ .dpr-woo-single-product.default .title-wrap { display: none; } .dpr-woo-single-product .product-inner .content-wrap .product-title { font-size: 16px; line-height: 1.5; font-weight: 700; margin: 15px 0 0 0; } /* Compact Style */ .dpr-woo-single-product.compact .content-wrap, .dpr-woo-single-product.overlay .content-wrap { display: none; } .dpr-woo-single-product.compact .product-inner .button-wrap { display: block; width: 100%; overflow: hidden; z-index: 2; } .dpr-woo-single-product.compact .product-inner .button-wrap > a { -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); -webkit-transition: -webkit-transform .3s ease .2s; -moz-transition: -moz-transform .3s ease .2s; transition: transform .3s ease .2s; } .dpr-woo-single-product.compact .product-inner:hover .button-wrap > a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .dpr-woo-single-product.compact .product-inner .price-wrap .price span, .dpr-woo-single-product.compact .product-inner .price-wrap .price .amount { color: #000538; } /* Hovered style */ .dpr-woo-single-product.overlay .product-inner .image-wrap > a:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 1; will-change: opacity, visibility; -webkit-transition: opacity .3s ease .3s, visibility .3s ease .3s; -moz-transition: opacity .3s ease .3s, visibility .3s ease .3s; transition: opacity .3s ease .3s, visibility .3s ease .3s; } .dpr-woo-single-product.overlay .product-inner:hover .image-wrap > a:before { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .dpr-woo-single-product.overlay .product-inner .price-wrap .price span, .dpr-woo-single-product.overlay .product-inner .price-wrap .price .amount { color: #fff; } .dpr-woo-single-product.overlay h4.product-title { color: #fff; } .dpr-woo-single-product.overlay .product-inner .title-wrap { opacity: 0; visibility: hidden; z-index: 2; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } .dpr-woo-single-product.overlay .product-inner:hover .title-wrap { opacity: 1; visibility: visible; } .dpr-woo-single-product.overlay .button.tinvwl_add_to_wishlist_button { background-color: rgba(255, 255, 255, .7) !important; z-index: 100; } .dpr-woo-single-product.overlay .button.tinvwl_add_to_wishlist_button:hover { background-color: rgba(255, 255, 255, 0.9) !important; } /* Woo shortcodes */ /* Woo Category */ .dpr-woo-category .category-inner { margin: 0; padding: 0; position: relative; } .dpr-woo-category .category-inner .content-wrap { position: absolute; padding: 20px; z-index: 2; } .dpr-woo-category.content-lt .category-inner .content-wrap { top: 0; left: 0; } .dpr-woo-category.content-lc .category-inner .content-wrap { top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-woo-category.content-lb .category-inner .content-wrap { bottom: 0; left: 0; } .dpr-woo-category.content-rt .category-inner .content-wrap { top: 0; right: 0; } .dpr-woo-category.content-rc .category-inner .content-wrap { top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-woo-category.content-rb .category-inner .content-wrap { bottom: 0; right: 0; } .dpr-woo-category.content-ct .category-inner .content-wrap { top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dpr-woo-category.content-cc .category-inner .content-wrap { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dpr-woo-category.content-cb .category-inner .content-wrap { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dpr-woo-category.content-cb .category-inner .content-wrap, .dpr-woo-category.content-ct .category-inner .content-wrap, .dpr-woo-category.content-cc .category-inner .content-wrap { text-align: center; } .dpr-woo-category.content-rb .category-inner .content-wrap, .dpr-woo-category.content-rt .category-inner .content-wrap, .dpr-woo-category.content-rc .category-inner .content-wrap { text-align: right; } .dpr-woo-category .category-inner .content-wrap .category-title { font-size: 26px; line-height: 32px; font-weight: 800; color: #000538; margin: 0; } .dpr-woo-category .category-inner .content-wrap .category-title a { color: inherit; } .dpr-woo-category .category-inner:hover .content-wrap .category-title { color: #fff; } .dpr-woo-category .category-inner .content-wrap .category-subtitle { font-size: 15px; line-height: 32px; color: rgba(0, 0, 0, 0.8); margin: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .dpr-woo-category .category-inner:hover .content-wrap .category-subtitle { color: rgba(255, 255, 255, 0.8); } .dpr-woo-category .category-name { display: inline-block; width: auto; font-size: 11px; line-height: 11px; text-transform: uppercase; padding: 10px; border-radius: 3px; background-color: #0A30A9; color: #fff; font-weight: 500; letter-spacing: 0.5px; margin-top: 15px; } .dpr-woo-category .category-inner .image-wrap { overflow: hidden; } .dpr-woo-category .category-inner .image-wrap img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .8s ease; -moz-transition: -moz-transform .8s ease; transition: transform .8s ease; } .dpr-woo-category .category-inner:hover .image-wrap img { -webkit-transform: scale(1.05); transform: scale(1.05); } .dpr-woo-category .category-inner .image-wrap > a:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 1; will-change: opacity, visibility; -webkit-transition: opacity .3s ease .3s, visibility .3s ease .3s; -moz-transition: opacity .3s ease .3s, visibility .3s ease .3s; transition: opacity .3s ease .3s, visibility .3s ease .3s; } .dpr-woo-category .category-inner:hover .image-wrap > a:before { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } /* DP Ads Banner */ .dpr-ads-banner .banner-inner { margin: 0; padding: 0; position: relative; } .dpr-ads-banner .banner-inner .content-wrap { position: absolute; padding: 20px; z-index: 2; pointer-events: none; } .dpr-ads-banner.content-lt .banner-inner .content-wrap { top: 0; left: 0; } .dpr-ads-banner.content-lc .banner-inner .content-wrap { top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-ads-banner.content-lb .banner-inner .content-wrap { bottom: 0; left: 0; } .dpr-ads-banner.content-rt .banner-inner .content-wrap { top: 0; right: 0; } .dpr-ads-banner.content-rc .banner-inner .content-wrap { top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dpr-ads-banner.content-rb .banner-inner .content-wrap { bottom: 0; right: 0; } .dpr-ads-banner.content-ct .banner-inner .content-wrap { top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dpr-ads-banner.content-cc .banner-inner .content-wrap { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dpr-ads-banner.content-cb .banner-inner .content-wrap { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .dpr-ads-banner.content-cb .banner-inner .content-wrap, .dpr-ads-banner.content-ct .banner-inner .content-wrap, .dpr-ads-banner.content-cc .banner-inner .content-wrap { text-align: center; } .dpr-ads-banner.content-rb .banner-inner .content-wrap, .dpr-ads-banner.content-rt .banner-inner .content-wrap, .dpr-ads-banner.content-rc .banner-inner .content-wrap { text-align: right; } .dpr-ads-banner .banner-inner .content-wrap .banner-title { font-size: 26px; line-height: 32px; font-weight: 800; margin: 0; } .dpr-ads-banner .banner-inner .content-wrap .banner-title a { color: inherit; } .dpr-ads-banner.mask-enabled .banner-inner:hover .content-wrap .banner-title { color: #fff; } .dpr-ads-banner .banner-inner .content-wrap .banner-subtitle { font-size: 15px; line-height: 32px; color: rgba(0, 0, 0, 0.8); margin: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .dpr-ads-banner.mask-enabled .banner-inner:hover .content-wrap .banner-subtitle { color: rgba(255, 255, 255, 0.8); } .dpr-ads-banner .info { display: inline-block; width: auto; font-size: 11px; line-height: 11px; text-transform: uppercase; padding: 10px; border-radius: 3px; background-color: #0A30A9; color: #fff; font-weight: 500; letter-spacing: 0.5px; margin-top: 15px; } .dpr-ads-banner .banner-inner .image-wrap { overflow: hidden; } .dpr-ads-banner.image-animated .banner-inner .image-wrap img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .8s ease; -moz-transition: -moz-transform .8s ease; transition: transform .8s ease; } .dpr-ads-banner.image-animated .banner-inner:hover .image-wrap img { -webkit-transform: scale(1.05); transform: scale(1.05); } .dpr-ads-banner.mask-enabled .banner-inner .image-wrap > a:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 1; will-change: opacity, visibility; -webkit-transition: opacity .3s ease .3s, visibility .3s ease .3s; -moz-transition: opacity .3s ease .3s, visibility .3s ease .3s; transition: opacity .3s ease .3s, visibility .3s ease .3s; } .dpr-ads-banner.mask-enabled .banner-inner:hover .image-wrap > a:before { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } /* DP Contact Form */ .dpr-contact-form { overflow: hidden; } .dpr-contact-form form { text-align: inherit; } .dpr-contact-form form label:last-of-type { padding-right: 0 !important; } .dpr-contact-form textarea { min-height: 50px; line-height: 1.5em !important; display: block; } .dpr-contact-form span.wpcf7-not-valid-tip { margin-top: 10px; color: #db0d0d; } .dpr-contact-form label { width: 100%; position: relative; display: inline-block; } .dpr-contact-form label .wpcf7-form-control-wrap { position: relative; } .dpr-contact-form label .wpcf7-not-valid-tip { color: #db0d0d; width: 30px; height: 25px; margin-top: 0px; text-align: center; position: absolute; top: -2px; right: 10px; font-size: 0px; z-index: 2; } .dpr-contact-form label .wpcf7-not-valid-tip:after { content: '\f06a'; font-family: "dpr-icomoon"; position: absolute; top: 0; right: 5px; font-size: 16px; } .dpr-contact-form p > label { padding-right: 0px !important; } .dpr-contact-form .wpcf7-response-output { border: none; padding: 0; margin: 15px 0px; } .dpr-contact-form .wpcf7-response-output.wpcf7-validation-errors { color: #db0d0d; } .dpr-contact-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #39b628; } @media screen and (max-width:768px) { .dpr-contact-form .btn { width: 100%; } .dpr-contact-form .btn.btn-link { width: auto; } } .dpr-contact-form label { padding: 10px 0; } .dpr-contact-form.style-flat input:not([type="submit"]),.dpr-contact-form.style-flat select,.dpr-contact-form.style-flat textarea { background-color: #f5f5f5; border-color: transparent; } .dpr-contact-form.style-flat input:not([type="submit"]):focus,.dpr-contact-form.style-flat select:focus,.dpr-contact-form.style-flat textarea:focus { border-color: #e3e3e3; } .dpr-contact-form.style-flat label { padding: 10px 0; } .dpr-contact-form.style-flat .input-group label { padding: 10px 10px 0 0; } .dpr-contact-form.style-flat .input-group label:first-of-type { padding-left: 0; } .dpr-contact-form.style-flat .input-group label:last-of-type { padding-right: 0px; } @media screen and (max-width:768px) { .dpr-contact-form.style-flat .input-group label { padding-left: 0; padding-right: 0; } } .dpr-contact-form.style-minimal input:not([type="submit"]),.dpr-contact-form.style-minimal select,.dpr-contact-form.style-minimal textarea { background: transparent; border-top: none; border-left: none; border-right: none; padding-left: 0; padding-right: 0; text-indent: 0; border-radius: 0; } .dpr-contact-form.style-minimal input:not([type="submit"]).placeholder, .dpr-contact-form.style-minimal input:not([type="submit"])::-webkit-input-placeholder,.dpr-contact-form.style-minimal select.placeholder,.dpr-contact-form.style-minimal select::-webkit-input-placeholder,.dpr-contact-form.style-minimal textarea.placeholder,.dpr-contact-form.style-minimal textarea::-webkit-input-placeholder { line-height: 16px; } .dpr-contact-form.style-minimal input:not([type="submit"]).placeholder, .dpr-contact-form.style-minimal input:not([type="submit"])::-moz-placeholder,.dpr-contact-form.style-minimal select.placeholder,.dpr-contact-form.style-minimal select::-moz-placeholder,.dpr-contact-form.style-minimal textarea.placeholder,.dpr-contact-form.style-minimal textarea::-moz-placeholder { line-height: 16px; } .dpr-contact-form.style-minimal input:not([type="submit"]).placeholder, .dpr-contact-form.style-minimal input:not([type="submit"]):-ms-input-placeholder,.dpr-contact-form.style-minimal select.placeholder,.dpr-contact-form.style-minimal select:-ms-input-placeholder,.dpr-contact-form.style-minimal textarea.placeholder,.dpr-contact-form.style-minimal textarea:-ms-input-placeholder { line-height: 16px; } .dpr-contact-form.style-minimal input:not([type="submit"]).placeholder, .dpr-contact-form.style-minimal input:not([type="submit"])::-ms-input-placeholder,.dpr-contact-form.style-minimal select.placeholder,.dpr-contact-form.style-minimal select::-ms-input-placeholder,.dpr-contact-form.style-minimal textarea.placeholder,.dpr-contact-form.style-minimal textarea::-ms-input-placeholder { line-height: 16px; } .dpr-contact-form.style-minimal input:not([type="submit"]).placeholder, .dpr-contact-form.style-minimal input:not([type="submit"])::placeholder,.dpr-contact-form.style-minimal select.placeholder,.dpr-contact-form.style-minimal select::placeholder,.dpr-contact-form.style-minimal textarea.placeholder,.dpr-contact-form.style-minimal textarea::placeholder { line-height: 16px; } @media screen and (max-width:768px) { .dpr-contact-form.style-minimal .input-group label { padding-left: 0; padding-right: 0; } } .dpr-contact-form.style-minimal .input-group label:first-of-type { padding-left: 0; } .dpr-contact-form.style-minimal .input-group label:last-of-type { padding-right: 0px; } .dpr-contact-form.style-minimal .input-group label input { border-bottom-width: 1px; } .dpr-contact-form.style-minimal .input-group label:last-of-type input:not([type="submit"]) { border-bottom-width: 1px; } .dpr-contact-form.style-minimal .wpcf7-not-valid-tip { right: -5px; } .input-group:after { content: ''; clear: both; display: table; } .input-group > br { display: none; } .input-group label { float: left; } .input-group label.col-2 { width: 50%; } .input-group label.col-3 { width: 33.33334%; } .input-group label.col-4 { width: 25%; } .input-group label.col-6 { width: 16.6665%; } .input-group label.col-5 { width: 20%; } .input-group label[class^="col-"] button.btn { margin-top: 0; } .input-group label { padding-right: 10px; } @media screen and (max-width:768px) { .input-group label input { border-right-width: 1px; } .input-group label.col-6, .input-group label.col-4, .input-group label.col-3, .input-group label.col-2, .input-group label.col-5 { width: 100%; padding-right: 0 !important; padding-left: 0 !important; } } .input-group label.offset input, .input-group label.offset:last-of-type input:not([type="submit"]) { border-width: 1px; } .dpr-contact-form .loader { width: 0px; height: 20px; display: inline-block; -webkit-transition: .21s ease-in-out; -o-transition: .21s ease-in-out; transition: .21s ease-in-out; -webkit-transition-property: width, margin; -o-transition-property: width, margin; transition-property: width, margin; overflow: hidden; margin-top: -8px; margin-bottom: -5px; } .dpr-contact-form .loader:before { content: ''; background: url("../img/loader.png") no-repeat center; display: block; width: 20px; height: 20px; margin: 0; visibility: visible; opacity: 1; -webkit-animation: rotate 1s infinite linear; animation: rotate 1s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Header Builders Elements */ .dpr-builder-logo #dpr-logo, .dpr-builder-menu-horizontal #dpr-navigation-wrapper { float: none; } .dpr-builder-menu-horizontal.full_screen-header .search-toggle-li, .dpr-builder-menu-horizontal.full_screen-header .woo-menu-icon { display: none; } .dpr-builder-menu-vertical { width: 300px; max-width: 100%; height: 100%; border-bottom: none; z-index: 3000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .dpr-builder-menu-vertical #dpr-header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; padding: 50px; overflow: hidden } .dpr-builder-menu-vertical #dpr-header-inner>:not(#dpr-navigation-wrapper) { padding: 0 } .dpr-builder-menu-vertical .has-social #dpr-navigation-wrapper { right: auto } .dpr-builder-menu-vertical #dpr-navigation-wrapper { float: none; right: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu li { display: block; float: none; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.05) } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu li:last-child { border-bottom: none } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu li>a { position: relative; line-height: 1; padding: 17px 0px; background: transparent !important } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu li>a .dropdown-toggle { position: absolute; right: 0; top: 0; width: 50px; height: 100%; line-height: 1; cursor: pointer; text-align: center } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu li>a .dropdown-toggle:before { content: '+'; font-size: 20px; position: absolute; top: 50%; left: 50%; line-height: 1; margin-top: -10px; margin-left: -10px } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu li>a .dropdown-toggle:after { display: none !important } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu li.active>a>.dropdown-toggle:before { content: '-' } .dpr-builder-menu-vertical #dpr-navigation-wrapper .dropdown-menu .sub-menu { display: none; position: relative; top: 100%; left: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dpr-builder-menu-vertical #dpr-navigation-wrapper .nav-arrow, .dpr-builder-menu-vertical #dpr-navigation-wrapper .sidebar-box { display: none } .dpr-builder-menu-vertical #vertical-searchform { margin-top: 30px } .dpr-builder-menu-vertical #vertical-searchform form { position: relative } .dpr-builder-menu-vertical #vertical-searchform form.search-filled label { -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -ms-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms } .dpr-builder-menu-vertical #vertical-searchform form input { position: relative; font-size: 14px; border-width: 0 0 2px; background-color: transparent !important; border-color: rgba(0, 0, 0, 0.04); padding: 10px 12px; z-index: 2 } .dpr-builder-menu-vertical #vertical-searchform form button, .dpr-builder-menu-vertical #vertical-searchform form label { position: absolute; top: 50%; margin: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%) } .dpr-builder-menu-vertical #vertical-searchform form label { left: 12px; cursor: text; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; z-index: 1 } .dpr-builder-menu-vertical #vertical-searchform form button { right: 0; width: 30px; height: 100%; line-height: 1; padding: 0; background-color: transparent; color: #777; border: none; z-index: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease } .dpr-builder-menu-vertical #vertical-searchform form button:hover { color: #333 } .dpr-builder-menu-vertical #vertical-searchform form .search-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.03) } .dpr-builder-menu-vertical .dpr-blobie-social-menu { float: none; display: block; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 30px } .dpr-builder-menu-vertical .dpr-blobie-social-menu.minimal-social { right: auto } .dpr-builder-menu-vertical .dpr-blobie-social-menu .social-menu-inner { display: block; height: auto } .dpr-builder-menu-vertical .custom-header-nav #dpr-navigation-wrapper #dpr-navigation { display: block } .dpr-builder-menu-vertical .custom-header-nav #dpr-navigation-wrapper #dpr-navigation .dropdown-menu>li>a { padding-left: 0; padding-right: 0 } /* BMI Calculator */ .dpr-bmi-calculator .first-column { padding-right: 30px !important; } .dpr-bmi-calculator .dpr-bmi-calc-desc { margin-bottom: 20px; } .dpr-bmi-radio { margin-bottom: 10px; } .dpr-bmi-radio .pure-radiobutton { display: inline-block; margin-right: 20px; } .dpr-bmi-calculator .dpr-bmi-error, .dpr-bmi-calculator .dpr-bmi-result { margin-top: 20px; font-size: 14px; line-height: 18px; margin-bottom: 15px; position: relative; padding: 13px 40px 13px 18px; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); display: none; } .dpr-bmi-calculator .dpr-bmi-error { background-color: #ffe9e9; color: #de5959; border: 1px solid #fbc4c4; } .dpr-bmi-calculator .dpr-bmi-result { background-color: #f1f4fe; display: flex; align-items: center; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; } .dpr-bmi-calculator .dpr-bmi-result .dpr-bmi-icon { font-size: 80px; color: #f82528; margin-right: 20px; } .dpr-bmi-calculator .dpr-bmi-error p { margin: 0; line-height: 24px; } .dpr-bmi-calculator .dpr-bmi-result p { margin: 0; display: inline-block; font-size: 18px; } .dpr-bmi-calculator .dpr-bmi-result p .dpr-bmi-val, .dpr-bmi-calculator .dpr-bmi-result p .dpr-bmi-status { font-weight: 700; } .dpr-bmi-calculator .dpr-bmi-error .close, .dpr-bmi-calculator .dpr-bmi-result .close { position: absolute; right: 8px; top: 8px; display: block; cursor: pointer; color: inherit !important; } .dpr-bmi-calculator .dpr-bmi-error .close:before, .dpr-bmi-calculator .dpr-bmi-result .close:before { content: '\f00d'; font-family: "dpr-icomoon"; font-size: 16px; } @font-face { font-family: 'bmi'; src: url('../../fonts/bmi.eot?itwjqw'); src: url('../../fonts/bmi.eot?itwjqw#iefix') format('embedded-opentype'), url('../../fonts/bmi.ttf?itwjqw') format('truetype'), url('../../fonts/bmi.woff?itwjqw') format('woff'), url('../../fonts/bmi.svg?itwjqw#bmi') format('svg'); font-weight: normal; font-style: normal; } [class^="bmi-icon-"], [class*=" bmi-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'bmi' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bmi-icon-extremely-obese:before { content: "\e900"; } .bmi-icon-normal:before { content: "\e901"; } .bmi-icon-obese:before { content: "\e902"; } .bmi-icon-overweight:before { content: "\e903"; } .bmi-icon-underweight:before { content: "\e904"; } .dpr-bmi-calculator .bmi-chart { overflow: hidden; margin-top: 18px; } .dpr-bmi-calculator .bmi-chart tr td, .dpr-bmi-calculator .bmi-chart tr th { padding: 10px 20px !important; border-bottom-color: transparent; } .dpr-bmi-calculator .bmi-chart tr:last-child td { border-bottom: none; } .dpr-bmi-calculator .bmi-chart th { background-color: #e7edfe; font-weight: 700; } .dpr-bmi-calculator .bmi-chart tr:nth-child(even) td { background: #f1f4fe; } .dpr-bmi-calculator .bmi-chart tr:nth-child(odd) td { background: #fbfcff; } /* Parallax stack */ .dpr-parallax-stack { position: relative; } .dp-parallax-stack-layer { position: absolute; height: 100%; width: 100%; } /* Animated SVG */ .dpr-animated-svg-wraper.text-right { display: flex; justify-content: flex-end; } .dpr-animated-svg-wraper.text-left { display: flex; justify-content: flex-start; } .dpr-animated-svg-wraper.text-center { display: flex; justify-content: center; } .dpr-animated-svg { visibility: hidden; } /* Animated box */ /* Content hover effects */ .box-hover-effect { position: relative; display: block; width: 100%; } .box-hover-grow { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .box-hover-grow:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .box-hover-push { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .box-hover-push:hover { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(.8); transform: scale(.8) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes hvr-push { 50% { -webkit-transform: scale(.8); transform: scale(.8) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .box-hover-bounce-in { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .box-hover-bounce-in:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .box-hover-float { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .box-hover-float:hover { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); } .box-hover-wobble-horizontal { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .box-hover-wobble-horizontal:hover { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-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; } @-webkit-keyframes hvr-wobble-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 hvr-wobble-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) } } .box-hover-wobble-vertical { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .box-hover-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -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; } @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px) } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px) } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .box-effect-floating { animation-name: box-effect-floating; -webkit-animation-name: box-effect-floating; animation-duration: 2.2s; -webkit-animation-duration: 2.2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes box-effect-floating { 0% { transform: translateY(0%); } 50% { transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes box-effect-floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } .box-effect-tossing { animation-name: box-effect-tossing; -webkit-animation-name: box-effect-tossing; animation-duration: 2.2s; -webkit-animation-duration: 2.2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes box-effect-tossing { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } } @-webkit-keyframes box-effect-tossing { 0% { -webkit-transform: rotate(-1deg); } 50% { -webkit-transform: rotate(1deg); } 100% { -webkit-transform: rotate(-1deg); } } .box-effect-pulse { animation-name: box-effect-pulse; -webkit-animation-name: box-effect-pulse; animation-duration: 2.2s; -webkit-animation-duration: 2.2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes box-effect-pulse { 0% { transform: scale(0.97); opacity: 1; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.97); opacity: 1; } } @-webkit-keyframes box-effect-pulse { 0% { -webkit-transform: scale(0.97); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.97); opacity: 0.7; } } .block-revealer__element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; pointer-events: none; opacity: 0; } .dpr-animation-box { position: relative; -webkit-transition: border-radius .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease; -moz-transition: border-radius .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease; transition: border-radius .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease; } /** DPR Shape Dividers **/ .dpr-shape-divider { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; } .top-divider { top: -1px } .bottom-divider { bottom: -1px } /** DPR Hover Animated Layers **/ .dpr-hover-animated-stack { position: relative; display: flex; } .hover-animated-layer { position: absolute; width: 100%; height: 100%; overflow: hidden; display: flex; } .hover-animated-layer .layer-inner-wrap { display: block; } .hover-animated-layer.horizontal-align-left { justify-content: flex-start; } .hover-animated-layer.horizontal-align-center { justify-content: center; } .hover-animated-layer.horizontal-align-right { justify-content: flex-end; } .hover-animated-layer.vertical-align-top { align-items: flex-start; } .hover-animated-layer.vertical-align-middle { align-items: center; } .hover-animated-layer.vertical-align-bottom { align-items: flex-end; } .layer-inner-wrap { display: inline-block; } .hover-animated-layer.layer-type-svg svg { width: 100%; height: auto; } /** Additional CSS **/ .small-lead { font-size: 17px; font-weight: 500; } /* Interactice Links */ .dpr-ilinks-wrapper, .dpr-ilinks-wrapper .dpr-ilinks-image-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle } .dpr-ilinks-wrapper:not(.style-satelite-image) { height: 100vh } .admin-bar .dpr-ilinks-wrapper:not(.style-satelite-image) { height: calc(100vh - 32px) } .dpr-ilinks-wrapper .dpr-ilinks-image-wrapper { height: 100%; overflow: hidden } .dpr-ilinks-wrapper .dpr-ilinks-item-image { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; } .dpr-ilinks-wrapper:not(.reveal-effect) .dpr-ilinks-item-image { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .5s; -moz-transition: .5s; transition: .5s } .dpr-ilinks-wrapper .dpr-ilinks-item-image.dpr-active { z-index: 10; opacity: 1; } .dpr-ilinks-wrapper:not(.reveal-effect) .dpr-ilinks-item-image.dpr-active { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .7s .2s linear, transform .6s linear; -moz-transition: opacity .7s .2s linear, transform .6s linear; transition: opacity .7s .2s linear, transform .6s linear } .dpr-ilinks-wrapper .dpr-ilinks-item-image img { display: none } .dpr-ilinks-wrapper .dpr-ilinks-content-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 100 } .dpr-ilinks-wrapper .dpr-ilinks-content-inner { position: relative; height: 100%; width: 100%; display: flex; align-items: center; } .dpr-ilinks-wrapper .dpr-ilinks-item-content { position: relative; height: auto; width: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 0 16%; } .dpr-ilinks-wrapper .dpr-ilinks-item-link-wrapper { padding: 25px 0; display: flex; } .dpr-ilinks-wrapper .dpr-ilinks-item-link { position: relative; display: flex; font-size: 100px; font-family: Montserrat, sans-serif; font-weight: 700; line-height: 1.2em; text-align: right; cursor: default; box-sizing: border-box } .dpr-ilinks-wrapper .dpr-ilinks-item-link h1, .dpr-ilinks-wrapper .dpr-ilinks-item-link h5 { color: rgba(255, 255, 255, 0.7); transition: color 0.2s ease; } .dpr-ilinks-wrapper .dpr-ilinks-item-link:hover h1, .dpr-ilinks-wrapper .dpr-ilinks-item-link.dpr-active h1, .dpr-ilinks-wrapper .dpr-ilinks-item-link:hover h5, .dpr-ilinks-wrapper .dpr-ilinks-item-link.dpr-active h5 { color: #fff; } .dpr-ilinks-wrapper .dpr-ilinks-item-link { flex-direction: column; } .dpr-ilinks-wrapper .dpr-ilinks-item-link { flex-direction: column; } .dpr-ilinks-wrapper .dpr-ilinks-item-title { position: relative; display: inline-flex; vertical-align: top; cursor: pointer; z-index: 2; box-sizing: border-box; margin: 0; padding: 0; line-height: 1.2em; text-transform: uppercase; } .dpr-ilinks-wrapper .dpr-ilinks-item-subtitle { position: relative; display: inline-flex; vertical-align: top; font-size: 14px; font-weight: 400; cursor: pointer; z-index: 2; box-sizing: border-box; margin: 0; padding: 0; line-height: 1.2em; text-transform: uppercase; } .dpr-ilinks-wrapper.links-vertical-left .dpr-ilinks-item-content, .dpr-ilinks-wrapper.links-vertical-center .dpr-ilinks-item-content, .dpr-ilinks-wrapper.links-vertical-right .dpr-ilinks-item-content { max-height: 85%; overflow: hidden; overflow-y: scroll; } .dpr-ilinks-wrapper.links-vertical-right .dpr-ilinks-item-link-wrapper, .dpr-ilinks-wrapper.links-vertical-right .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-vertical-right .dpr-ilinks-item-title, .dpr-ilinks-wrapper.links-horizontal-bottom.right-aligned .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-horizontal-bottom.right-aligned .dpr-ilinks-item-title, .dpr-ilinks-wrapper.links-horizontal-center.right-aligned .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-horizontal-center.right-aligned .dpr-ilinks-item-title { justify-content: flex-end; } .dpr-ilinks-wrapper.links-vertical-left .dpr-ilinks-item-link-wrapper, .dpr-ilinks-wrapper.links-vertical-left .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-vertical-left .dpr-ilinks-item-title, .dpr-ilinks-wrapper.links-horizontal-bottom.left-aligned .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-horizontal-bottom.left-aligned .dpr-ilinks-item-title, .dpr-ilinks-wrapper.links-horizontal-center.left-aligned .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-horizontal-center.left-aligned .dpr-ilinks-item-title { justify-content: flex-start; } .dpr-ilinks-wrapper.links-vertical-center .dpr-ilinks-item-link-wrapper, .dpr-ilinks-wrapper.links-vertical-center .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-vertical-center .dpr-ilinks-item-title, .dpr-ilinks-wrapper.links-horizontal-bottom.center-aligned .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-horizontal-bottom.center-aligned .dpr-ilinks-item-title, .dpr-ilinks-wrapper.links-horizontal-center.center-aligned .dpr-ilinks-item-subtitle, .dpr-ilinks-wrapper.links-horizontal-center.center-aligned .dpr-ilinks-item-title { justify-content: center; } .dpr-ilinks-wrapper.links-horizontal-center .dpr-ilinks-item-content, .dpr-ilinks-wrapper.links-horizontal-bottom .dpr-ilinks-item-content { flex-direction: row; justify-content: center; flex-wrap: wrap; } .dpr-ilinks-wrapper.links-horizontal-center.left-aligned .dpr-ilinks-item-content, .dpr-ilinks-wrapper.links-horizontal-bottom.left-aligned .dpr-ilinks-item-content { justify-content: flex-start; } .dpr-ilinks-wrapper.links-horizontal-center.right-aligned .dpr-ilinks-item-content, .dpr-ilinks-wrapper.links-horizontal-bottom.right-aligned .dpr-ilinks-item-content { justify-content: flex-end; } .dpr-ilinks-wrapper.links-horizontal-bottom .dpr-ilinks-content-inner { align-items: flex-end; } .dpr-ilinks-wrapper.links-horizontal-center .dpr-ilinks-item-content, .dpr-ilinks-wrapper.links-horizontal-bottom .dpr-ilinks-item-content { padding: 2% 5%; } .dpr-ilinks-wrapper.links-horizontal-center .dpr-ilinks-item-link-wrapper, .dpr-ilinks-wrapper.links-horizontal-bottom .dpr-ilinks-item-link-wrapper { padding: 0.7vw 2vw; } .dpr-ilinks-wrapper.links-horizontal-vertical .dpr-ilinks-content-inner { align-items:flex-end; } .dpr-ilinks-wrapper.links-horizontal-vertical .dpr-ilinks-item-content { flex-direction: row; padding:3vw 3vw 1vw 3vw; } .dpr-ilinks-wrapper.links-horizontal-vertical .dpr-ilinks-item-link-wrapper { writing-mode: tb-rl; transform: rotate(-180deg); padding-right:0.5vw; } .dpr-ilinks-wrapper.links-horizontal-vertical.animated-subtitle .dpr-ilinks-item-subtitle { transform : translateY(-100%); opacity:0; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); } .dpr-ilinks-wrapper.links-horizontal-vertical.animated-subtitle .dpr-ilinks-item-link-wrapper a:hover .dpr-ilinks-item-subtitle { transform : translateY(0); opacity:1; } @media only screen and (max-width:1440px) { .dpr-ilinks-wrapper .dpr-ilinks-item-link { font-size: 100px } .dpr-ilinks-wrapper .dpr-ilinks-item-link-wrapper { padding: 18px 0 } } @media only screen and (max-width:1366px) { .dpr-ilinks-wrapper .dpr-ilinks-item-link { font-size: 70px } } @media only screen and (max-width:1024px) { .dpr-ilinks-wrapper { height: calc(100vh - 70px) } .dpr-ilinks-wrapper .dpr-ilinks-item-link { font-size: 54px } } @media only screen and (max-width:680px) { .dpr-ilinks-wrapper .dpr-ilinks-item-link { font-size: 40px } } /* Aside image style */ .dpr-ilinks-wrapper.style-aside-image .dpr-ilinks-image-wrapper { max-height: 60%; max-width: 58%; float: right; margin-top: 20vh; } .dpr-ilinks-wrapper.style-aside-image.links-vertical-right .dpr-ilinks-image-wrapper { float: left; } .dpr-ilinks-wrapper .dpr-ilinks-image-wrapper .dpr-ilinks-image-overlay { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #f82528; z-index: 100; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.33, .02, 0, .93); -moz-transition: -moz-transform .5s cubic-bezier(.33, .02, 0, .93); transition: transform .5s cubic-bezier(.33, .02, 0, .93); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50% } .dpr-ilinks-wrapper .dpr-ilinks-image-wrapper .dpr-ilinks-image-overlay { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #f82528; z-index: 100; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.25, .05, .35, .75); -moz-transition: -moz-transform .5s cubic-bezier(.25, .05, .35, .75); transition: transform .5s cubic-bezier(.25, .05, .35, .75); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50% } .dpr-ilinks-wrapper .dpr-ilinks-image-wrapper .dpr-ilinks-image-overlay.dpr-animate { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50% } /* Interactive Links Satelite image style */ .dpr-ilinks-wrapper.style-satelite-image .dpr-ilinks-content-wrapper { position: relative; } /* Interactive Showcase */ .dpr-ishowcase-wrapper, .dpr-ishowcase-wrapper .dpr-ishowcase-image-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .dpr-ishowcase-wrapper { height: 100vh; } .admin-bar .dpr-ishowcase-wrapper { height: calc(100vh - 32px) } .dpr-ishowcase-wrapper .dpr-ishowcase-image-wrapper { height: 100%; overflow: hidden; } .dpr-ishowcase-wrapper:not(.image-center) .dpr-ishowcase-image-wrapper { background-color: #333; } .dpr-ishowcase-wrapper.splited-image-right .dpr-ishowcase-image-wrapper { left: auto; width: 63%; right: 0; position: absolute; } .dpr-ishowcase-wrapper.splited-image-left .dpr-ishowcase-image-wrapper { width: 64%; left: 0; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-image { display: block; width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; } .dpr-ishowcase-wrapper.image-center .dpr-ishowcase-item-image { transform: translate3d(0px, 0px, 0px) scale(0.6, 0.6); } .dpr-ishowcase-wrapper .dpr-ishowcase-description-wrapper { position: absolute; display: block; width: 33%; height: 100%; bottom: 0; left: 0; z-index: 50; overflow: hidden; } .dpr-ishowcase-wrapper.splited-image-left .dpr-ishowcase-description-wrapper { left: auto; right: 0; } .dpr-ishowcase-wrapper.image-center .dpr-ishowcase-description-wrapper { left: 50%; transform: translateX(-50%); text-align: center !important; } .dpr-ishowcase-description-inner { position: relative; width: 100%; height: 100%; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-description { position: absolute; bottom: 0; left: 0; color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 1px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; text-shadow: 1px 1px 2px #000; padding: 0 50px 50px; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-description.unvisible { visibility: hidden; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-description h6 { color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 1px; text-shadow: 1px 1px 2px #000; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-description.dpr-active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .9s .2s linear, transform .6s linear; -moz-transition: opacity .9s .2s linear, transform .6s linear; transition: opacity .9s .2s linear, transform .6s linear } .dpr-ishowcase-wrapper .dpr-ishowcase-content-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 100 } .dpr-ishowcase-wrapper .dpr-ishowcase-content-inner { position: relative; height: 100%; width: 100%; display: flex; align-items: center; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-content { height: auto; width: 100%; box-sizing: border-box; padding: 0 3%; } .dpr-ishowcase-item-link-wrapper { display: block; display: flex; align-items: center; } .dpr-ishowcase-wrapper.links-bottom .dpr-ishowcase-content-inner { align-items: flex-end; padding-bottom: 5vh; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-title { position: relative; display: block; vertical-align: top; line-height: inherit; cursor: pointer; z-index: 2; box-sizing: border-box; margin: 0; padding: 0; line-height: 1.2em; text-transform: uppercase; text-align: center; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-subtitle { position: relative; display: block; vertical-align: top; font-size: 14px; font-weight: 400; cursor: pointer; z-index: 2; box-sizing: border-box; margin: 0; padding: 0; line-height: 1.2em; text-transform: uppercase; text-align: center; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-link h1, .dpr-ishowcase-wrapper .dpr-ishowcase-item-link h5 { color: rgba(255, 255, 255, 0.7); transition: color 0.2s; } .dpr-ishowcase-wrapper .dpr-ishowcase-item-link:hover h1, .dpr-ishowcase-wrapper .dpr-ishowcase-item-link:hover h5, .dpr-ishowcase-wrapper .slick-current h1, .dpr-ishowcase-wrapper .slick-current h5 { color: #fff; } .slick-track, .slick-slide { cursor: grab; } @media only screen and (max-width:960px) { .dpr-ishowcase-wrapper .dpr-ishowcase-description-wrapper { display: none; } } /* Fancy Links */ .dpr-fancy-links { position: relative; overflow: hidden; z-index: 2; display: flex; width: 100%; min-height: 30vh; } .dpr-fancy-links.links-vertical-left { flex-direction: column; justify-content: center; align-items: flex-start; } .dpr-fancy-links.links-vertical-center { flex-direction: column; justify-content: center; align-items: center; } .dpr-fancy-links.links-vertical-right { flex-direction: column; justify-content: center; align-items: flex-end; } .dpr-fancy-links .dpr-fancylinks-content-wrapper { position: relative; z-index: 3; } .dpr-fancy-links .dpr-fancylinks-item-link { display: flex; margin: 1.2rem 30px; flex-direction: column; align-items: center; text-decoration: none; } .dpr-fancy-links.links-vertical-left .dpr-fancylinks-item-link { align-items: flex-start; } .dpr-fancy-links.links-vertical-right .dpr-fancylinks-item-link { align-items: flex-end; } .dpr-fancy-links.links-horizontal-center { justify-content: center; align-items: center; } .dpr-fancy-links.links-horizontal-bottom { justify-content: center; align-items: flex-end; padding-bottom: 5vh; } .dpr-fancy-links.links-horizontal-center .dpr-fancylinks-content-wrapper, .dpr-fancy-links.links-horizontal-bottom .dpr-fancylinks-content-wrapper { display: block; width: 100%; text-align: center; } .dpr-fancy-links.links-horizontal-center .dpr-fancylinks-item-link, .dpr-fancy-links.links-horizontal-bottom .dpr-fancylinks-item-link { display: inline-block; } .dpr-fancy-links.links-horizontal-center.left-aligned .dpr-fancylinks-item-link, .dpr-fancy-links.links-horizontal-bottom.left-aligned .dpr-fancylinks-item-link { text-align: left; } .dpr-fancy-links.links-horizontal-center.right-aligned .dpr-fancylinks-item-link, .dpr-fancy-links.links-horizontal-bottom.right-aligned .dpr-fancylinks-item-link { text-align: right; } .dpr-fancy-links .dpr-fancylinks-item-title { vertical-align: top; box-sizing: border-box; margin: 0; padding: 0; line-height: 1.1em; text-transform: uppercase; } .dpr-fancy-links .dpr-fancylinks-item-subtitle { vertical-align: top; font-size: 14px; font-weight: 400; box-sizing: border-box; margin: 0; padding: 0; line-height: 1.2em; text-transform: uppercase; } canvas { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; pointer-events: none; } .dpr-fancy-links .dpr-fancylinks-item-link img { display: none; } .dpr-fancy-links .dpr-fancylinks-item-link h5 { padding: 0 3px; } .dpr-fancy-links .dpr-fancylinks-item-link h1, .dpr-ilinks-item-link h5 { color: #000538; } .dpr-fancy-links .dpr-fancylinks-item-link:hover h1, .dpr-fancy-links .dpr-fancylinks-item-link:hover h5 { color: #f82528; } .dpr-fancy-links.links-vertical-center, .dpr-fancy-links.links-vertical-left, .dpr-fancy-links.links-vertical-right { height: auto; } /* Vertical Showcase */ .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-item-content { padding: 0; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-content-inner { width: 1230px; padding: 0; margin: 0 auto; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-item-link { width: auto; display: inline-block; } .dpr-ishowcase-wrapper.vertical-showcase.links-left .dpr-ishowcase-item-title, .dpr-ishowcase-wrapper.vertical-showcase.links-left .dpr-ishowcase-item-subtitle { text-align: left; } .dpr-ishowcase-wrapper.vertical-showcase.links-center .dpr-ishowcase-item-title, .dpr-ishowcase-wrapper.vertical-showcase.links-center .dpr-ishowcase-item-subtitle, .dpr-ishowcase-wrapper.vertical-showcase.links-center .dpr-ishowcase-item-link-wrapper { text-align: center; } .dpr-ishowcase-wrapper.vertical-showcase.links-right .dpr-ishowcase-item-title, .dpr-ishowcase-wrapper.vertical-showcase.links-right .dpr-ishowcase-item-subtitle, .dpr-ishowcase-wrapper.vertical-showcase.links-right .dpr-ishowcase-item-link-wrapper { text-align: right; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-description-wrapper { width: 100%; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-description-inner { width: 1230px; padding: 0; margin: 0 auto; display: flex; align-items: flex-end; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-description-inner-wrapper { width: 50%; position: relative; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-item-description { padding: 0 0 50px; } .dpr-ishowcase-wrapper.vertical-showcase.links-center .dpr-ishowcase-item-description { text-align: center; } .dpr-ishowcase-wrapper.vertical-showcase.links-center .dpr-ishowcase-description-inner { justify-content: center; } .dpr-ishowcase-wrapper.vertical-showcase.links-right .dpr-ishowcase-item-description { text-align: right; } .dpr-ishowcase-wrapper.vertical-showcase.links-right .dpr-ishowcase-description-inner { justify-content: flex-end; } .dpr-ishowcase-wrapper.vertical-showcase .slick-track, .slick-slide { cursor: auto; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-content-inner, .dpr-ishowcase-wrapper.vertical-showcase .slick-track, .dpr-ishowcase-wrapper.vertical-showcase .slick-slide { cursor: url('../img/scroll-handle.png'), auto; } .dpr-ishowcase-wrapper.vertical-showcase .dpr-ishowcase-image-wrapper { background-color: transparent; } /* Image Trail */ body.have-imagetrail { overflow:hidden !important; } .dpr-imagetrail-wrapper { overflow: hidden; position:relative; } .dpr-imagetrail-wrapper.style-6 .content-wrap { height: 100%; } .dpr-imagetrail-wrapper .trail-img { position: absolute; top: 0; left: 0; opacity: 0; will-change: transform; } .dpr-imagetrail-wrapper.style-1 .trail-img, .dpr-imagetrail-wrapper.style-2 .trail-img, .dpr-imagetrail-wrapper.style-3 .trail-img, .dpr-imagetrail-wrapper.style-4 .trail-img, .dpr-imagetrail-wrapper.style-5 .trail-img { max-width: 250px; } .dpr-imagetrail-wrapper .trail-img-full { width: 100%; height: 100%; background-size: cover; } .dpr-imagetrail-wrapper.style-6 .content-wrap { position: absolute; height: 100%; width: 100%; z-index: 1000; } /* Swaping Images */ .dpr-swaping-images { position: relative; } .swap-images-container { visibility: hidden; } .dpr-swaping-images .swap-image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: 50% 50%; } .dpr-swaping-images.style-fade .swap-image-wrap { display: none; } .dpr-swaping-images[data-mode="onclick"] { cursor: pointer; } /*Shuffled Images */ .dpr-shuffled-images img { box-shadow: 0 0 4.85px .15px rgba(0, 0, 0, .09) } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item:not(:last-of-type), .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item:not(:last-of-type) { cursor: pointer } .dpr-shuffled-images, .dpr-shuffled-images .dpr-si-inner { display: inline-block; position: relative; vertical-align: middle } .dpr-shuffled-images { width: 100%; padding: 10px 0 } .dpr-shuffled-images .dpr-si-inner { width: 100% } .dpr-shuffled-images img { position: relative; display: block } .dpr-shuffled-images .dpr-si-fake-item { position: relative; display: block; opacity: 0; visibility: hidden; pointer-events: none } .dpr-shuffled-images .dpr-si-item { position: absolute; box-sizing: border-box; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease } .dpr-shuffled-images .dpr-si-item img { box-shadow: 3px 5px 19px 1px rgba(0, 0, 0, .1) } .dpr-shuffled-images .dpr-si-item.dpr-animating { -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1); -moz-transition: all 1s cubic-bezier(.19, 1, .22, 1); transition: all 1s cubic-bezier(.19, 1, .22, 1); pointer-events: none } .dpr-shuffled-images .dpr-si-item.dpr-animating-siblings { -webkit-transition: all .6s cubic-bezier(0, 0, 0, 1); -moz-transition: all .6s cubic-bezier(0, 0, 0, 1); transition: all .6s cubic-bezier(0, 0, 0, 1); pointer-events: none } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item { left: 0; will-change: transform } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item.dpr-out { -webkit-transition: all .6s cubic-bezier(0, 0, 0, 1); -moz-transition: all .6s cubic-bezier(0, 0, 0, 1); transition: all .6s cubic-bezier(0, 0, 0, 1); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%) } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item:nth-last-child(6) { -webkit-transform: scale(.5) translateX(80%); -moz-transform: scale(.5) translateX(80%); transform: scale(.5) translateX(80%) } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item:nth-last-child(5) { -webkit-transform: scale(.6) translateX(54%); -moz-transform: scale(.6) translateX(54%); transform: scale(.6) translateX(54%) } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item:nth-last-child(4) { -webkit-transform: scale(.7) translateX(35%); -moz-transform: scale(.7) translateX(35%); transform: scale(.7) translateX(35%) } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item:nth-last-child(3) { -webkit-transform: scale(.8) translateX(21%); -moz-transform: scale(.8) translateX(21%); transform: scale(.8) translateX(21%) } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item:nth-last-child(2) { -webkit-transform: scale(.9) translateX(9.2%); -moz-transform: scale(.9) translateX(9.2%); transform: scale(.9) translateX(9.2%) } .dpr-shuffled-images.dpr-items-shuffled-left .dpr-si-item:not(:last-of-type):not(.active):hover { margin-left: 10px !important } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item { right: 0; will-change: transform } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item.dpr-out { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%) } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item:nth-last-child(6) { -webkit-transform: scale(.5) translateX(-80%); -moz-transform: scale(.5) translateX(-80%); transform: scale(.5) translateX(-80%) } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item:nth-last-child(5) { -webkit-transform: scale(.6) translateX(-54%); -moz-transform: scale(.6) translateX(-54%); transform: scale(.6) translateX(-54%) } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item:nth-last-child(4) { -webkit-transform: scale(.7) translateX(-35%); -moz-transform: scale(.7) translateX(-35%); transform: scale(.7) translateX(-35%) } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item:nth-last-child(3) { -webkit-transform: scale(.8) translateX(-21%); -moz-transform: scale(.8) translateX(-21%); transform: scale(.8) translateX(-21%) } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item:nth-last-child(2) { -webkit-transform: scale(.9) translateX(-9.2%); -moz-transform: scale(.9) translateX(-9.2%); transform: scale(.9) translateX(-9.2%) } .dpr-shuffled-images.dpr-items-shuffled-right .dpr-si-item:not(:last-of-type):not(.active):hover { margin-right: 10px !important } .dpr-shuffled-images.dpr-appear-animation img { visibility: hidden } @-webkit-keyframes dprItemAppearFromRight { 0% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible } 30% { opacity: 1; visibility: visible } 100% { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes dprItemAppearFromRight { 0% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible } 30% { opacity: 1; visibility: visible } 100% { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared img { -webkit-animation: dprItemAppearFromRight 1s cubic-bezier(.19, 1, .22, 1) forwards; -moz-animation: dprItemAppearFromRight 1s cubic-bezier(.19, 1, .22, 1) forwards; animation: dprItemAppearFromRight 1s cubic-bezier(.19, 1, .22, 1) forwards } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(1) img:not(.dpr-animation-done) { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(2) img:not(.dpr-animation-done) { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(3) img:not(.dpr-animation-done) { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(4) img:not(.dpr-animation-done) { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(5) img:not(.dpr-animation-done) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(6) img:not(.dpr-animation-done) { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(7) img:not(.dpr-animation-done) { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; animation-delay: 1.4s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-right.dpr-appeared .dpr-si-item:nth-child(8) img:not(.dpr-animation-done) { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s } @-webkit-keyframes dprItemAppearFromLeft { 0% { visibility: visible; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 30% { visibility: visible; opacity: 1 } 100% { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes dprItemAppearFromLeft { 0% { visibility: visible; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 30% { visibility: visible; opacity: 1 } 100% { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared img { -webkit-animation: dprItemAppearFromLeft 1s cubic-bezier(.19, 1, .22, 1) forwards; -moz-animation: dprItemAppearFromLeft 1s cubic-bezier(.19, 1, .22, 1) forwards; animation: dprItemAppearFromLeft 1s cubic-bezier(.19, 1, .22, 1) forwards } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(1) img:not(.dpr-animation-done) { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(2) img:not(.dpr-animation-done) { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(3) img:not(.dpr-animation-done) { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(4) img:not(.dpr-animation-done) { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(5) img:not(.dpr-animation-done) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(6) img:not(.dpr-animation-done) { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(7) img:not(.dpr-animation-done) { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; animation-delay: 1.4s } .dpr-shuffled-images.dpr-appear-animation.dpr-items-shuffled-left.dpr-appeared .dpr-si-item:nth-child(8) img:not(.dpr-animation-done) { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s } /* SERVICE BOXES */ .dpr-service-box { position: relative; overflow: hidden; } } .dpr-service-box .fake-bg-image { visibility: hidden; } .dpr-service-box .hover-bg-container { position: absolute; width: 100%; height: 100%; display: block; overflow: hidden; top: 0; left: 0; z-index: 1; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; transition: opacity .3s ease-out; opacity: 0; } .dpr-service-box:hover .hover-bg-container { opacity: 1; } /*Number container */ .dpr-service-box .number-container { position: absolute; width: 100%; height: 100%; display: flex !important; overflow: hidden; top: 0; left: 0; z-index: 2; padding: 60px 50px 60px 50px; } .dpr-service-box .number-container .module-icon { overflow: hidden; display: inline-flex; } .dpr-service-box.number-position-lt .number-container { align-items: flex-start; justify-content: flex-start; } .dpr-service-box.number-position-lt .number-container .dpr-text-icon-wrap { margin-top: -23px; margin-left: -4px; } .dpr-service-box.number-position-ct .number-container { align-items: flex-start; justify-content: center; } .dpr-service-box.number-position-ct .number-container .dpr-text-icon-wrap { margin-top: -23px; } .dpr-service-box.number-position-rt .number-container { align-items: flex-start; justify-content: flex-end; } .dpr-service-box.number-position-rt .number-container .dpr-text-icon-wrap { margin-top: -23px; margin-right: -4px; margin-bottom: -13px; } .dpr-service-box.number-position-lb .number-container { align-items: flex-end; justify-content: flex-start; } .dpr-service-box.number-position-lb .number-container .dpr-text-icon-wrap { margin-top: -23px; margin-bottom: -13px; margin-left: -4px; } .dpr-service-box.number-position-cb .number-container { align-items: flex-end; justify-content: center; } .dpr-service-box.number-position-cb .number-container .dpr-text-icon-wrap { margin-bottom: -13px; } .dpr-service-box.number-position-rb .number-container { align-items: flex-end; justify-content: flex-end; } .dpr-service-box.number-position-rb .number-container .dpr-text-icon-wrap { margin-bottom: -13px; margin-right: -4px; } .dpr-service-box:hover .number-container .icon-container { overflow: hidden; } .dpr-service-box.animated-number .module-icon { display: inline-block; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .dpr-service-box.animated-number:hover .module-icon { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } .dpr-service-box.animated-number.vertical-number .module-icon { display: inline-block; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: rotate(-90deg) scale(1, 1); -moz-transform: rotate(-90deg) scale(1, 1); transform: rotate(-90deg) scale(1, 1); } .dpr-service-box.animated-number.vertical-number:hover .module-icon { -webkit-transform: rotate(-90deg) scale(1.5, 1.5); -moz-transform: rotate(-90deg) scale(1.5, 1.5); transform: rotate(-90deg) scale(1.5, 1.5); } .dpr-service-box.number-position-lt .module-icon { transform-origin: 0% 0%; } .dpr-service-box.number-position-lt.vertical-number .module-icon { -webkit-transform: rotate(-90deg) scale(1, 1) translateX(-100%); -moz-transform: rotate(-90deg) scale(1, 1) translateX(-100%); transform: rotate(-90deg) scale(1, 1) translateX(-100%); } .dpr-service-box.number-position-lt.animated-number.vertical-number:hover .module-icon { -webkit-transform: rotate(-90deg) scale(1.5, 1.5) translateX(-100%); -moz-transform: rotate(-90deg) scale(1.5, 1.5) translateX(-100%); transform: rotate(-90deg) scale(1.5, 1.5) translateX(-100%); } .dpr-service-box.number-position-ct .module-icon { transform-origin: 50% 0%; } .dpr-service-box.number-position-ct.vertical-number .module-icon { -webkit-transform: rotate(-90deg) scale(1, 1) translate(-50%, -50%); -moz-transform: rotate(-90deg) scale(1, 1) translate(-50%, -50%); transform: rotate(-90deg) scale(1, 1) translate(-50%, -50%); } .dpr-service-box.number-position-ct.animated-number.vertical-number:hover .module-icon { -webkit-transform: rotate(-90deg) scale(1.5, 1.5) translate(-50%, -50%); -moz-transform: rotate(-90deg) scale(1.5, 1.5) translate(-50%, -50%); transform: rotate(-90deg) scale(1.5, 1.5) translate(-50%), -50%; } .dpr-service-box.number-position-rt .module-icon { transform-origin: 100% 0%; } .dpr-service-box.number-position-rt.vertical-number .module-icon { -webkit-transform: rotate(-90deg) scale(1, 1) translateY(-100%); -moz-transform: rotate(-90deg) scale(1, 1) translateY(-100%); transform: rotate(-90deg) scale(1, 1) translateY(-100%); } .dpr-service-box.number-position-rt.animated-number.vertical-number:hover .module-icon { -webkit-transform: rotate(-90deg) scale(1.5, 1.5) translateY(-100%); -moz-transform: rotate(-90deg) scale(1.5, 1.5) translateY(-100%); transform: rotate(-90deg) scale(1.5, 1.5) translateY(-100%); } .dpr-service-box.number-position-lb .module-icon { transform-origin: 0% 100%; } .dpr-service-box.number-position-lb.vertical-number .module-icon { -webkit-transform: rotate(-90deg) scale(1, 1) translateY(100%); -moz-transform: rotate(-90deg) scale(1, 1) translateY(100%); transform: rotate(-90deg) scale(1, 1) translateY(100%); } .dpr-service-box.number-position-lb.animated-number.vertical-number:hover .module-icon { -webkit-transform: rotate(-90deg) scale(1.5, 1.5) translateY(100%); -moz-transform: rotate(-90deg) scale(1.5, 1.5) translateY(100%); transform: rotate(-90deg) scale(1.5, 1.5) translateY(100%); } .dpr-service-box.number-position-cb .module-icon { transform-origin: 50% 100%; } .dpr-service-box.number-position-cb.vertical-number .module-icon { -webkit-transform: rotate(-90deg) scale(1, 1) translate(50%, 50%); -moz-transform: rotate(-90deg) scale(1, 1) translate(50%, 50%); transform: rotate(-90deg) scale(1, 1) translate(50%, 50%); } .dpr-service-box.number-position-cb.animated-number.vertical-number:hover .module-icon { -webkit-transform: rotate(-90deg) scale(1.5, 1.5) translate(50%, 50%); -moz-transform: rotate(-90deg) scale(1.5, 1.5) translate(50%, 50%); transform: rotate(-90deg) scale(1.5, 1.5) translate(50%), 50%; } .dpr-service-box.number-position-rb .module-icon { transform-origin: 100% 100%; } .dpr-service-box.number-position-rb.vertical-number .module-icon { -webkit-transform: rotate(-90deg) scale(1, 1) translateX(100%); -moz-transform: rotate(-90deg) scale(1, 1) translateX(100%); transform: rotate(-90deg) scale(1, 1) translateX(100%); } .dpr-service-box.number-position-rb.animated-number.vertical-number:hover .module-icon { -webkit-transform: rotate(-90deg) scale(1.5, 1.5) translateX(100%); -moz-transform: rotate(-90deg) scale(1.5, 1.5) translateX(100%); transform: rotate(-90deg) scale(1.5, 1.5) translateX(100%); } .dpr-service-box .number-container .dpr-text-icon-wrap { -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; transition: color .3s ease-out; display: block; font-size: 150px; line-height: 1; height: auto; vertical-align: baseline; font-weight: 900; color: #eaecff; } .dpr-service-box .number-container i { font-size: 150px; color: #eaecff; } .dpr-service-box .content-container { position: absolute; width: 100%; height: 100%; display: flex !important; overflow: hidden; top: 0; left: 0; z-index: 3; padding: 60px 50px 60px 50px; } .dpr-service-box .content-container-inner { display: block !important; } .dpr-service-box.content-position-lt .content-container { align-items: flex-start; justify-content: flex-start; } .dpr-service-box.content-position-lc .content-container { align-items: center; justify-content: flex-start; } .dpr-service-box.content-position-lb .content-container { align-items: flex-end; justify-content: flex-start; } .dpr-service-box.content-position-ct .content-container { align-items: flex-start; justify-content: center; text-align: center; } .dpr-service-box.content-position-cc .content-container { align-items: center; justify-content: center; text-align: center; } .dpr-service-box.content-position-cb .content-container { align-items: flex-end; justify-content: center; text-align: center; } .dpr-service-box.content-position-rt .content-container { align-items: flex-start; justify-content: flex-end; text-align: right; } .dpr-service-box.content-position-rc .content-container { align-items: center; justify-content: flex-end; text-align: right; } .dpr-service-box.content-position-rb .content-container { align-items: flex-end; justify-content: flex-end; text-align: right; } .medium-lead { font-size:18px; font-weight:500; } /* Box decorations */ .dpr-box-decoration-1,.dpr-box-decoration-2,.dpr-box-decoration-3{ position:relative; z-index:0 } .dpr-box-decoration-1::before,.dpr-box-decoration-2::before,.dpr-box-decoration-3::before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; pointer-events:none } .dpr-box-decoration-1::before{ transform:translate(-40px,40px); background-color:transparent } .dpr-box-decoration-1::before{ border-image-source:url(../img/box-deco/box-decoration-1-dark.png); border-image-slice:60 fill; border-image-width:60px; border-image-repeat:round } .dpr-box-decoration-1.medium::before{ border-image-source:url(../img/box-deco/box-decoration-1-medium.png) } .dpr-box-decoration-1.light::before{ border-image-source:url(../img/box-deco/box-decoration-1-light.png) } .dpr-box-decoration-2::before{ transform:translate(0,0); background-color:transparent } .dpr-box-decoration-2::before{ top:-40px; bottom:-40px; left:-40px; right:-40px; border-image-source:url(../img/box-deco/box-decoration-2-dark.png); border-image-slice:120 fill; border-image-width:120px; border-image-repeat:round } .dpr-box-decoration-2.medium::before{ border-image-source:url(../img/box-deco/box-decoration-2-medium.png) } .dpr-box-decoration-2.light::before{ border-image-source:url(../img/box-deco/box-decoration-2-light.png) } .dpr-box-decoration-3::before{ transform:translate(40px,-40px); background-color:transparent } .dpr-box-decoration-3::before{ border-image-source:url(../img/box-deco/box-decoration-3-dark.png); border-image-slice:60 fill; border-image-width:60px; border-image-repeat:round } .dpr-box-decoration-3.medium::before{ border-image-source:url(../img/box-deco/box-decoration-3-medium.png) } .dpr-box-decoration-3.light::before{ border-image-source:url(../img/box-deco/box-decoration-3-light.png) }