[data-cz-style] { opacity: 0 } .disable-hover { pointer-events: none; } .wpcf7 p br { display: none } .page_content i:before { margin: 0; width: auto; line-height: inherit } .codevz-color-white, .codevz-color-white a, .codevz-color-white a:hover { color: #fff } .codevz-color-black, .codevz-color-black a, .codevz-color-black a:hover { color: #000 } .codevz-color-white a:hover, .codevz-color-black a:hover { opacity: .9 } .wpb_animate_when_almost_visible { position: relative; transition: none !important; z-index: 1 } .codevz-page-content-element { position: relative; z-index: 1 } /* WPBakery */ .cz_sticky_row.vc_row { position: fixed !important; width: 101% !important; bottom: 0 !important; left: 0 !important; right: auto; z-index: 999 } .cz_five_columns > .wpb_column, .cz_five_columns > .vc_vc_column { width: calc( 100% / 5 ) } .cz_five_columns > .wpb_column:last-child, .cz_five_columns > .vc_vc_column:last-child { display: none } .fixed_bg, .fixed_bg .vc_parallax-inner, .cz_fixed_bg, .cz_fixed_bg .vc_parallax-inner { background-attachment: fixed } .vc_row { position: relative; z-index: auto } div.vc_row[data-vc-full-width], footer div.vc_row[data-vc-full-width] { overflow: visible } div.vc_parallax, div.vc_parallax[data-vc-full-width] { overflow: hidden } div.vc_col-has-fill > .vc_column-inner, div.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, div.vc_row-has-fill + .vc_row>.vc_column_container > .vc_column-inner, div.vc_row-has-fill > .vc_column_container > .vc_column-inner, div.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, div.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, div.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, div.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0 } .no_padding .vc_column_container > .vc_column-inner, .nopadding .vc_column_container > .vc_column-inner { padding: 0 } .vc_message_box { padding: 1em 2em 1em 5.5em } .vc_message_box-icon { border-right: 1px dotted; box-shadow: 5px 0 1px rgba(50, 50, 93, .04) } .cz_gradient_white_down { background: linear-gradient(to top, #fff, transparent) } .cz_gradient_white_up { background: linear-gradient(to top, transparent, #fff) } .vc_cz_contact_form_7 { min-height: 40px } /* Lazyload */ img[data-src], .cz_dloader { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNhN2E3YTciPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMyIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+DQogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtDQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSINCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIg0KICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE4IDE4Ig0KICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4Ig0KICAgICAgICAgICAgICAgICAgICBkdXI9IjFzIg0KICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KICAgICAgICAgICAgPC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); background-repeat: no-repeat; background-position: center; background-size: 30px } .cz_dloader { background-size: 40px; width: 100px; height: 100px; margin: 20px auto } img[data-src] { transition: all .1s ease-in-out; opacity: .6 } img.lazyDone { width: auto; background-color: transparent; background-image: none !important; opacity: 1 } img[src*=".jpg"], img[data-src*=".jpg"] { background-color: rgba(167, 167, 167, .2) } img[src*=".jpg"].xtra-remove-bg-color, img[data-src*=".jpg"].xtra-remove-bg-color { background-color: initial } /* FX */ [class*='fx_'], [class*='fx_'] > div { transition: all 220ms ease-in-out, color 1ms } .fx_opacity > div, .fx_opacity_hover > div:hover, .column-fx_opacity > div, .column-fx_opacity_hover > div:hover { opacity: .5 } .fx_full_opacity:hover, .column-fx_full_opacity:hover { opacity: 1 } .fx_zoom_0, .column-fx_zoom_0 { z-index: 99; transform: scale(1.05) } .fx_zoom_0_hover:hover, .column-fx_zoom_0_hover:hover { z-index: 100; transform: scale(1.05) } .fx_zoom_1, .column-fx_zoom_1 { z-index: 99; transform: scale(1.1) } .fx_zoom_1_hover:hover, .column-fx_zoom_1_hover:hover { z-index: 100; transform: scale(1.1) } .fx_zoom_2, .column-fx_zoom_2 { z-index: 99; transform: scale(1.2) } .fx_zoom_2_hover:hover, .column-fx_zoom_2_hover:hover { z-index: 100; transform: scale(1.2) } .fx_inner_line .cz_box_front_inner > div:before, .fx_inner_line_hover .cz_box_front_inner > div:before, .column-fx_inner_line > .elementor-element-populated:before, .column-fx_inner_line_hover > .elementor-element-populated:before { content: ''; position: absolute; border: 4px solid rgba(167, 167, 167, .2); visibility: visible; z-index: 0; left: 10px; top: 10px; width: calc(100% - 30px); height: calc(100% - 30px); opacity: 0; transform: scale(1.1, 1.1); border-radius: inherit; transition: all 220ms ease-in-out } .column-fx_inner_line > .elementor-element-populated:before, .column-fx_inner_line_hover > .elementor-element-populated:before { z-index: 1; width: calc(100% - 20px); height: calc(100% - 20px) } .fx_inner_line .cz_box_front_inner > div:before, .fx_inner_line_hover .cz_box_front_inner > div:hover:before, .column-fx_inner_line > .elementor-element-populated:before, .column-fx_inner_line_hover > .elementor-element-populated:hover:before { opacity: 1; transform: scale(1, 1) } .fx_up, .fx_up_hover:hover, .column-fx_up, .column-fx_up_hover:hover { transform: translateY(-30px) } .fx_down, .fx_down_hover:hover, .column-fx_down, .column-fx_down_hover:hover { transform: translateY(30px) } .fx_right, .fx_right_hover:hover, .column-fx_right, .column-fx_right_hover:hover { transform: translateX(30px) } .fx_left, .fx_left_hover:hover, .column-fx_left, .column-fx_left_hover:hover { transform: translateX(-30px) } .fx_z_hover > div, .column-fx_z_hover > div { transition: all .6s cubic-bezier(.77, 0, .175, 1) } .fx_z_hover:hover > div, .column-fx_z_hover:hover > div { transform: rotateZ(360deg) } .fx_bounce_hover:hover, .column-fx_bounce_hover:hover { animation: fx_bounce .8s forwards } @keyframes fx_bounce { 0%, 20%, 60%, 100% {transform: translateY(0)} 40% {transform: translateY(-20px)} 80% {transform: translateY(-10px)} } .fx_skew_left, .fx_skew_left_hover:hover, .column-fx_skew_left, .column-fx_skew_left_hover:hover { transform: skew(10deg) } .fx_skew_right, .fx_skew_right_hover:hover, .column-fx_skew_right, .column-fx_skew_right_hover:hover { transform: skew(-10deg) } .fx_flash_hover:hover *, .column-fx_flash_hover:hover * { z-index: 99; animation: fx_flash 1s forwards } @keyframes fx_flash { 0% {opacity: .4} 25% {opacity: .1} 50% {opacity: .8} 75% {opacity: .2} 100% {opacity: 1} } .fx_shine_hover, .column-fx_shine_hover { position: relative; overflow: hidden } .fx_shine_hover:before, .column-fx_shine_hover:before { position: absolute; top: 0; left: -120%; z-index: 2; display: block; visibility: visible; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); transform: skewX(-25deg) } .fx_shine_hover:hover:before, .column-fx_shine_hover:hover:before { z-index: 99; animation: fx_shine 1s forwards } @keyframes fx_shine { 0% {left: -90%} 100% {left: 130%} } .fx_grayscale > div, .fx_grayscale_hover > div:hover, .column-fx_grayscale > div, .column-fx_grayscale_hover > div:hover { filter: grayscale(100%) } .fx_remove_grayscale_hover:hover, .column-fx_remove_grayscale_hover:hover { filter: grayscale(0%) } .fx_grow_rotate_right, .fx_grow_rotate_right_hover:hover, .column-fx_grow_rotate_right, .column-fx_grow_rotate_right_hover:hover { z-index: 99; transform: scale(1.06) rotate(3deg); } .fx_grow_rotate_left, .fx_grow_rotate_left_hover:hover, .column-fx_grow_rotate_left, .column-fx_grow_rotate_left_hover:hover { z-index: 99; transform: scale(1.06) rotate(-3deg); } .fx_bob, .fx_bob_hover:hover, .cz_hotspot_bob, .column-fx_bob > div, .column-fx_bob_hover > div:hover { z-index: 99; animation-name: hvr-bob-float, hvr-bob; animation-duration: .3s, 1s; animation-delay: 0s, .3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: none, forwards; animation-direction: normal, alternate; box-shadow: 0 35px 35px rgba(50, 50, 93, .1) } @keyframes hvr-bob { 0% {transform: translateY(-8px)} 50% {transform: translateY(-4px)} 100% {transform: translateY(-8px)} } @keyframes hvr-bob-float { 100% {transform: translateY(-8px)} } .fx_wobble_skew_hover:hover, .column-fx_wobble_skew_hover:hover { z-index: 9; animation: hvr-wobble-skew 1s forwards ease-in-out } @keyframes hvr-wobble-skew { 16.65% {transform: skew(-12deg)} 33.3% {transform: skew(10deg)} 49.95% {transform: skew(-6deg)} 66.6% {transform: skew(4deg)} 83.25% {transform: skew(-2deg)} 100% {transform: skew(0)} } /* Block reveal FX */ [class*='cz_brfx_'], [data-animation^='cz_grid_brfx_'] > div { position: relative; overflow: hidden !important } [class*='cz_brfx_'] > *, [data-animation^='cz_grid_brfx_'] > div > div > * { opacity: 0 } [data-animation^='cz_grid_brfx_'] > div { opacity: 1 !important } [data-animation^='cz_grid_brfx_'] > div > div { overflow: hidden } [class*='cz_brfx_']:before, [data-animation^='cz_grid_brfx_'] > div > div:before { content: ''; position: absolute; left: -1px; top: 0; width: 101%; height: 100%; background: #111; z-index: 99; visibility: visible; animation-delay: inherit !important } [class*='cz_brfx_'].wpb_start_animation > *, [data-animation^='cz_grid_brfx_'] > [class*='cz_grid_brfx_'] > div > * { animation-delay: inherit !important; animation: czItfxDone 1.3s forwards } @keyframes czItfxDone { 50% {opacity: 0} 54% {opacity: 1} 100% {opacity: 1} } [data-animation='cz_grid_brfx_right'] > div > div:before { transform: translateX(-100%) } .cz_brfx_right.wpb_start_animation:before, [data-animation='cz_grid_brfx_right'] > .cz_grid_brfx_right > div:before { transform: translateX(-100%); animation: czItfxRight 1.3s cubic-bezier(.77, 0, .175, 1) forwards } @keyframes czItfxRight { 0% {transform: translateX(-100%)} 50% {transform: translateX(0)} 100% {transform: translateX(100%)} } [data-animation='cz_grid_brfx_left'] > div > div:before { transform: translateX(100%) } .cz_brfx_left.wpb_start_animation:before, [data-animation='cz_grid_brfx_left'] > .cz_grid_brfx_left > div:before { transform: translateX(100%); animation: czItfxLeft 1.3s cubic-bezier(.77, 0, .175, 1) forwards } @keyframes czItfxLeft { 0% {transform: translateX(100%)} 50% {transform: translateX(0)} 100% {transform: translateX(-100%)} } [data-animation='cz_grid_brfx_up'] > div > div:before { transform: translateY(100%) } .cz_brfx_up.wpb_start_animation:before, [data-animation='cz_grid_brfx_up'] > .cz_grid_brfx_up > div:before { transform: translateY(100%); animation: czItfxUp 1.3s cubic-bezier(.77, 0, .175, 1) forwards } @keyframes czItfxUp { 0% {transform: translateY(100%);opacity: 1;} 50% {transform: translateY(0);opacity: 1;} 100% {transform: translateY(-100%);opacity: 1;} } [data-animation='cz_grid_brfx_down'] > div > div:before { transform: translateY(-100%) } .cz_brfx_down.wpb_start_animation:before, [data-animation='cz_grid_brfx_down'] > .cz_grid_brfx_down > div:before { transform: translateY(-100%); animation: czItfxDown 1.3s cubic-bezier(.77, 0, .175, 1) forwards } @keyframes czItfxDown { 0% {transform: translateY(-100%)} 50% {transform: translateY(0)} 100% {transform: translateY(100%)} } /* Social Iocns */ .cz_social { position: relative } .rtl .cz_social.tal { text-align: right !important } .rtl .cz_social.tar { text-align: left !important } .header_1 .cz_social { z-index: 99999 } #xtra-social-popup { text-align: center } .xtra-social-dropdown { position: absolute; display: none; z-index: 2; top: 100%; left: 50%; padding: 8px; width: max-content; background: #fff; border-radius: 2px; color: initial; margin-top: 18px; text-align: center; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%); box-shadow: 1px 6px 20px rgba(17, 17, 17, .1) } footer .xtra-social-dropdown { top: auto; bottom: 100%; margin-bottom: 18px; margin-top: 0 } .xtra-social-dropdown:before { content: no-close-quote; width: 15px; height: 15px; position: absolute; top: 1px; left: 50%; background: inherit; background-image: none; z-index: -1; transform: rotate(45deg) translateX(-50%) } footer .xtra-social-dropdown:before { top: auto; bottom: -10px } .xtra-social-icon-trigger { cursor: pointer; width: 2em; height: 2em; font-size: 22px; line-height: 2em; border-radius: 2px; text-align: center; vertical-align: middle; transition: all .2s ease-in-out; border: 1px solid transparent } .cz_social a { position: relative; display: inline-block; text-align: center; font-size: 20px; width: 2em; height: 2em; line-height: 2em } .cz_vertical_elm .cz_social a, .xtra-social-columnar a { display: block; margin-left: 0 !important; margin-right: 0 !important } .cz_social_inline_title a { width: auto; padding: 0 20px } .cz_social_inline_title i { margin-right: 10px; display: inline-block } .rtl .cz_social_inline_title i { margin-right: 0; margin-left: 10px } .cz_social span { display: none } .cz_social_inline_title span { font-size: .8em; display: inline-block } .cz_social i { line-height: inherit } [class*="cz_tooltip_"] [data-title] { position: relative } [class*="cz_tooltip_"] [data-title]:after { position: absolute; content: attr(data-title); font-family: "Open Sans", Arial, Helvetica; font-size: 12px; font-weight: 500; line-height: 1; z-index: 9; color: #fff; background: #111; padding: 8px 12px; border-radius: 2px; opacity: 0; visibility: hidden; white-space: nowrap; transition: all .2s ease-in-out } [class*="cz_tooltip_"] [data-title]:hover:after { opacity: 1; visibility: visible; } .cz_tooltip_up [data-title]:after {top:-7px;left:50%;transform:translate(-50%, -100%) scale(.8)} .cz_tooltip_up [data-title]:hover:after {transform:translate(-50%, -100%) scale(1)} .cz_tooltip_down [data-title]:after {bottom:-7px;left:50%;transform:translate(-50%, 100%) scale(.8)} .cz_tooltip_down [data-title]:hover:after {transform:translate(-50%, 100%) scale(1)} .cz_tooltip_right [data-title]:after {right:-7px;top:50%;transform:translate(100%, -50%) scale(.8)} .cz_tooltip_right [data-title]:hover:after {transform:translate(100%, -50%) scale(1)} .cz_tooltip_left [data-title]:after {left:-7px;top:50%;transform:translate(-100%, -50%) scale(.8)} .cz_tooltip_left [data-title]:hover:after {transform:translate(-100%, -50%) scale(1)} .cz_social_icons a, .cz_social_icons a i:before { box-sizing: content-box } .cz_social_icons a:not([href]) { pointer-events: none } .cz_social_colored i, .cz_social_colored_hover a:hover i {color: #666} .cz_social_colored .cz-twitter i, .cz_social_colored_hover .cz-twitter:hover i {color: #00aced !important} .cz_social_colored .cz-facebook i, .cz_social_colored_hover .cz-facebook:hover i, .cz_social_colored .cz-facebook-f i, .cz_social_colored_hover .cz-facebook-f:hover i {color: #3b5998 !important} .cz_social_colored .cz-google i, .cz_social_colored_hover .cz-google:hover i {color: #dd4b39 !important} .cz_social_colored .cz-pinterest i, .cz_social_colored_hover .cz-pinterest:hover i, .cz_social_colored .cz-pinterest-p i, .cz_social_colored_hover .cz-pinterest-p:hover i {color: #cb2027 !important} .cz_social_colored .cz-linkedin i, .cz_social_colored_hover .cz-linkedin:hover i, .cz_social_colored .cz-linkedin-in i, .cz_social_colored_hover .cz-linkedin-in:hover i {color: #007bb6 !important} .cz_social_colored .cz-youtube i, .cz_social_colored_hover .cz-youtube:hover i, .cz_social_colored .cz-youtube-play i, .cz_social_colored_hover .cz-youtube-play:hover i {color: #bb0000 !important} .cz_social_colored .cz-vimeo i, .cz_social_colored_hover .cz-vimeo:hover i {color: #1ab7ea !important} .cz_social_colored .cz-delicious i, .cz_social_colored_hover .cz-delicious:hover i {color: #0078f0 !important} .cz_social_colored .cz-tumblr i, .cz_social_colored_hover .cz-tumblr:hover i {color: #32506d !important} .cz_social_colored .cz-instagram i, .cz_social_colored_hover .cz-instagram:hover i {color: #bc2a8d !important} .cz_social_colored .cz-flickr i, .cz_social_colored_hover .cz-flickr:hover i {color: #ff0084 !important} .cz_social_colored .cz-dribbble i, .cz_social_colored_hover .cz-dribbble:hover i {color: #ea4c89 !important} .cz_social_colored .cz-quora i, .cz_social_colored_hover .cz-quora:hover i {color: #a82400 !important} .cz_social_colored .cz-foursquare i, .cz_social_colored_hover .cz-foursquare:hover i {color: #0072b1 !important} .cz_social_colored .cz-forrst i, .cz_social_colored_hover .cz-forrst:hover i {color: #5B9A68 !important} .cz_social_colored .cz-vk i, .cz_social_colored_hover .cz-vk:hover i {color: #45668e !important} .cz_social_colored .cz-wordpress i, .cz_social_colored_hover .cz-wordpress:hover i {color: #21759b !important} .cz_social_colored .cz-stumbleupon i, .cz_social_colored_hover .cz-stumbleupon:hover i {color: #EB4823 !important} .cz_social_colored .cz-yahoo i, .cz_social_colored_hover .cz-yahoo:hover i {color: #7B0099 !important} .cz_social_colored .cz-soundcloud i, .cz_social_colored_hover .cz-soundcloud:hover i {color: #ff3a00 !important} .cz_social_colored .cz-mixcloud i, .cz_social_colored_hover .cz-mixcloud:hover i {color: #273a4b !important} .cz_social_colored .cz-skype i, .cz_social_colored_hover .cz-skype:hover i {color: #00AFF0 !important} .cz_social_colored .cz-reddit i, .cz_social_colored_hover .cz-reddit:hover i {color: #FF5700 !important} .cz_social_colored .cz-whatsapp i, .cz_social_colored_hover .cz-whatsapp:hover i, .cz_social_colored .cz-013-whatsapp-logo i, .cz_social_colored_hover .cz-013-whatsapp-logo:hover i {color: #25D366 !important} .cz_social_colored .cz-behance i, .cz_social_colored_hover .cz-behance:hover i {color: #131418 !important} .cz_social_colored .cz-telegram i, .cz_social_colored_hover .cz-telegram:hover i, .cz_social_colored .cz-telegram-plane i, .cz_social_colored_hover .cz-telegram-plane:hover i, .cz_social_colored .cz-paper-plane i, .cz_social_colored_hover .cz-paper-plane:hover i, .cz_social_colored .cz-paper-plane-o i, .cz_social_colored_hover .cz-paper-plane-o:hover i {color: #0088cc !important} .cz_social_colored .cz-aparat i, .cz_social_colored_hover .cz-aparat:hover i {color: #ed0b58 !important} .cz_social_colored_bg a, .cz_social_colored_bg_hover a:hover {background: #aaa} .cz_social_colored_bg .cz-twitter, .cz_social_colored_bg_hover .cz-twitter:hover {background-color: #00aced !important} .cz_social_colored_bg .cz-facebook, .cz_social_colored_bg_hover .cz-facebook:hover, .cz_social_colored_bg .cz-facebook-f, .cz_social_colored_bg_hover .cz-facebook-f:hover {background-color: #3b5998 !important} .cz_social_colored_bg .cz-google, .cz_social_colored_bg_hover .cz-google:hover {background-color: #dd4b39 !important} .cz_social_colored_bg .cz-pinterest, .cz_social_colored_bg_hover .cz-pinterest:hover, .cz_social_colored_bg .cz-pinterest-p, .cz_social_colored_bg_hover .cz-pinterest-p:hover {background-color: #cb2027 !important} .cz_social_colored_bg .cz-linkedin, .cz_social_colored_bg_hover .cz-linkedin:hover, .cz_social_colored_bg .cz-linkedin-in, .cz_social_colored_bg_hover .cz-linkedin-in:hover {background-color: #007bb6 !important} .cz_social_colored_bg .cz-youtube, .cz_social_colored_bg_hover .cz-youtube:hover, .cz_social_colored_bg .cz-youtube-play, .cz_social_colored_bg_hover .cz-youtube-play:hover {background-color: #bb0000 !important} .cz_social_colored_bg .cz-vimeo, .cz_social_colored_bg_hover .cz-vimeo:hover {background-color: #1ab7ea !important} .cz_social_colored_bg .cz-delicious, .cz_social_colored_bg_hover .cz-delicious:hover {background-color: #0078f0 !important} .cz_social_colored_bg .cz-tumblr, .cz_social_colored_bg_hover .cz-tumblr:hover {background-color: #32506d !important} .cz_social_colored_bg .cz-instagram, .cz_social_colored_bg_hover .cz-instagram:hover {background-color: #a17357 !important;background: radial-gradient(circle farthest-corner at 35% 100%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 10% 140%,#feda7e,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e42e66 50%,#fa5332 70%,#ffdc80 100%) !important} .cz_social_colored_bg .cz-flickr, .cz_social_colored_bg_hover .cz-flickr:hover {background-color: #ff0084 !important} .cz_social_colored_bg .cz-dribbble, .cz_social_colored_bg_hover .cz-dribbble:hover {background-color: #ea4c89 !important} .cz_social_colored_bg .cz-quora, .cz_social_colored_bg_hover .cz-quora:hover {background-color: #a82400 !important} .cz_social_colored_bg .cz-foursquare, .cz_social_colored_bg_hover .cz-foursquare:hover {background-color: #0072b1 !important} .cz_social_colored_bg .cz-forrst, .cz_social_colored_bg_hover .cz-forrst:hover {background-color: #5B9A68 !important} .cz_social_colored_bg .cz-vk, .cz_social_colored_bg_hover .cz-vk:hover {background-color: #45668e !important} .cz_social_colored_bg .cz-wordpress, .cz_social_colored_bg_hover .cz-wordpress:hover {background-color: #21759b !important} .cz_social_colored_bg .cz-stumbleupon, .cz_social_colored_bg_hover .cz-stumbleupon:hover {background-color: #EB4823 !important} .cz_social_colored_bg .cz-yahoo, .cz_social_colored_bg_hover .cz-yahoo:hover {background-color: #7B0099 !important} .cz_social_colored_bg .cz-soundcloud, .cz_social_colored_bg_hover .cz-soundcloud:hover {background-color: #ff3a00 !important} .cz_social_colored_bg .cz-mixcloud, .cz_social_colored_bg_hover .cz-mixcloud:hover {background-color: #273a4b !important} .cz_social_colored_bg .cz-skype, .cz_social_colored_bg_hover .cz-skype:hover {background-color: #00AFF0 !important} .cz_social_colored_bg .cz-reddit, .cz_social_colored_bg_hover .cz-reddit:hover {background-color: #FF5700 !important} .cz_social_colored_bg .cz-whatsapp, .cz_social_colored_bg_hover .cz-whatsapp:hover, .cz_social_colored_bg .cz-013-whatsapp-logo, .cz_social_colored_bg_hover .cz-013-whatsapp-logo:hover {background-color: #25D366 !important} .cz_social_colored_bg .cz-behance, .cz_social_colored_bg_hover .cz-behance:hover {background-color: #131418 !important} .cz_social_colored_bg .cz-telegram, .cz_social_colored_bg_hover .cz-telegram:hover, .cz_social_colored_bg .cz-telegram-plane, .cz_social_colored_bg_hover .cz-telegram-plane:hover, .cz_social_colored_bg .cz-paper-plane, .cz_social_colored_bg_hover .cz-paper-plane:hover, .cz_social_colored_bg .cz-paper-plane-o, .cz_social_colored_bg_hover .cz-paper-plane-o:hover {background-color: #0088cc !important} .cz_social_colored_bg .cz-aparat, .cz_social_colored_bg_hover .cz-aparat:hover {background-color: #ed0b58 !important} .cz_social_colored_bg a, .cz_social_colored_bg_hover a:hover {color: #fff} .cz_social_fx_0 a:hover i { animation: socialZoomOut .4s forwards } @keyframes socialZoomOut { from {opacity: .5;transform: scale(0, 0)} to {opacity: 1;transform: scale(1, 1)} } .cz_social_fx_1 a:hover i { animation: socialZoomIn .3s forwards } @keyframes socialZoomIn { 49% {transform: scale(1, 1)} 50% {opacity: 0;transform: scale(0, 0)} 51% {opacity: 1;transform: scale(2, 2)} } .cz_social_fx_2 a:hover i { animation: socialFxB .3s forwards } @keyframes socialFxB { 49% {transform: translateY(-100%)} 50% {opacity: 0;transform: translateY(100%)} 51% {opacity: 1} } .cz_social_fx_3 a:hover i { animation: socialFxC .3s forwards } @keyframes socialFxC { 49% {transform: translateY(100%)} 50% {opacity: 0;transform: translateY(-100%)} 51% {opacity: 1} } .cz_social_fx_4 a:hover i { animation: socialFxD .3s forwards } @keyframes socialFxD { 49% {transform: translateX(100%)} 50% {opacity: 0;transform: translateX(-100%)} 51% {opacity: 1} } .cz_social_fx_5 a:hover i { animation: socialFxE .3s forwards } @keyframes socialFxE { 49% {transform: translateX(-100%)} 50% {opacity: 0;transform: translateX(100%)} 51% {opacity: 1} } .cz_social_fx_6 a:hover i { animation: socialFxF .4s forwards } @keyframes socialFxF { from {transform: rotate(0deg)} to {transform: rotate(360deg)} } .cz_social_fx_7 a:hover i { animation: wobble .5s 10 forwards } @keyframes wobble {0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}} .cz_social_fx_8 a:hover i { animation: flash .5s 10 forwards } @keyframes flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}} .cz_social_fx_9 a:hover { animation: bounceFX .6s forwards } @keyframes bounceFX { 0%, 10%, 20%, 50%, 80% {transform: translateY(0)} 40% {transform: translateY(-6px)} 60% {transform: translateY(-6px)} } .cz_social_fx_10 a i, .cz_social_fx_11 a i {transition:all .4s ease} .cz_social_fx_10 a:hover i {transform:rotateY(360deg)} .cz_social_fx_11 a:hover i {transform:rotateX(360deg)} /* Animations */ .cz_infinite_anim_1 { animation: InfiniteAnimA 4s ease-in-out infinite } @keyframes InfiniteAnimA { 0% {transform: translate(0, 0)} 50% {transform: translate(30px, 0)} 100% {transform: translate(0, 0)} } .cz_infinite_anim_2 { animation: InfiniteAnimB 4s ease-in-out infinite } @keyframes InfiniteAnimB { 0% {transform: translate(0, 0)} 50% {transform: translate(0, 30px)} 100% {transform: translate(0, 0)} } .cz_infinite_anim_3 { animation: InfiniteAnimC 4s ease-in-out infinite } @keyframes InfiniteAnimC { 0% {transform: translate(0, 0)} 50% {transform: translate(30px, 30px)} 100% {transform: translate(0, 0)} } .cz_infinite_anim_4 { animation: InfiniteAnimD 4s ease-in-out infinite } @keyframes InfiniteAnimD { 0% {transform: translate(0, 0)} 50% {transform: translate(-30px, 30px)} 100% {transform: translate(0, 0)} } .cz_infinite_anim_5 { animation: InfiniteAnimE 4s linear infinite } @keyframes InfiniteAnimE { 0% {transform: translate(0, 0)} 25% {transform: translate(10px, 10px)} 50% {transform: translate(20px, 0)} 75% {transform: translate(10px, -10px)} 100% {transform: translate(0, 0)} } .cz_loop_spinner { display: inline-block; animation-duration: 2.5s !important; animation: czSpinner linear infinite } .cz_loop_spinner_normal { display: inline-block; animation-duration: 10s !important; animation: czSpinner linear infinite } .cz_loop_spinner_slow { display: inline-block; animation-duration: 20s !important; animation: czSpinner linear infinite } @keyframes czSpinner { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } .cz_loop_pulse { animation: czPulse 2s infinite } @keyframes czPulse { 0% {transform: scale3d(1,1,1)} 50% {transform: scale3d(1.05,1.05,1.05)} 100% {transform: scale3d(1,1,1)} } .cz_loop_tada { animation: czTada 1s infinite } @keyframes czTada { 0% {transform: scale3d(1,1,1)} 10%,20% {transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} 100% {transform: scale3d(1,1,1)} } .cz_loop_flash { animation: czFlash 2.5s infinite } @keyframes czFlash { 0%,50%,100% {opacity: 1} 25%,75% {opacity: 0} } .cz_loop_swing { animation: czSwing 1.5s infinite } @keyframes czSwing { 20% {transform: rotate3d(0,0,1,15deg)} 40% {transform: rotate3d(0,0,1,-10deg)} 60% {transform: rotate3d(0,0,1,5deg)} 80% {transform: rotate3d(0,0,1,-5deg)} 100% {transform: rotate3d(0,0,1,0deg)} } .cz_loop_jello { animation: czJello 1s infinite } @keyframes czJello { 11.1% {transform: none} 22.2% {transform: skewX(-12.5deg) skewY(-12.5deg)} 33.3% {transform: skewX(6.25deg) skewY(6.25deg)} 44.4% {transform: skewX(-3.125deg) skewY(-3.125deg)} 55.5% {transform: skewX(1.5625deg) skewY(1.5625deg)} 66.6% {transform: skewX(-0.78125deg) skewY(-0.78125deg)} 77.7% {transform: skewX(.390625deg) skewY(.390625deg)} 88.8% {transform: skewX(-0.1953125deg) skewY(-0.1953125deg)} 100% {transform: none} } /* SVG BG */ .cz_svg_bg { position: relative; overflow: visible !important; max-width: 100% } .cz_svg_bg:before { content: ''; left: -40px; top: 40px; width: 100%; height: 100%; display: block; position: absolute; visibility: visible; z-index: 0 } /* Image */ .cz_image { position: relative; width: 100% } div.cz_image > div { display: block } .cz_image img { width: inherit } .cz_main_image, .cz_image_in { position: relative; z-index: 1; overflow: hidden; transition: all .2s ease-in-out } .cz_image .cz_hover_image { position: absolute !important; top: 50%; left: 50%; z-index: 2; opacity: 0; width: 100%; overflow: hidden; transform: translate(-50%, -50%); transition: all .3s ease-in-out } .cz_main_image, .cz_hover_image, .cz_image .cz_image_in img { border-radius: inherit } .cz_image:not(.cz_image_no_fx) .cz_image_in:hover .cz_main_image { opacity: 0 } .cz_image .cz_op_0 img{opacity:0} .cz_image .cz_op_100 img{opacity:1} .cz_image .cz_op_1 img{opacity:.1} .cz_image .cz_op_2 img{opacity:.2} .cz_image .cz_op_3 img{opacity:.3} .cz_image .cz_op_4 img{opacity:.4} .cz_image .cz_op_5 img{opacity:.5} .cz_image .cz_op_6 img{opacity:.6} .cz_image .cz_op_7 img{opacity:.7} .cz_image .cz_op_8 img{opacity:.8} .cz_image .cz_op_9 img{opacity:.9} .cz_image_in:hover .cz_hover_image { opacity: 1 } .cz_image_no_fx .cz_hover_image { opacity: 0 !important } .cz_image_caption { position: relative; z-index: 9; transition: all .2s ease-in-out } .cz_image_caption_sticky .cz_image_caption { position: absolute !important; display: none; left: auto; top: auto; right: auto !important; bottom: auto !important; transition: none } /* Image FX */ .cz_image_flip_h .cz_image_in, .cz_image_flip_v .cz_image_in{ perspective: 2500px; overflow: visible } .cz_image_flip_h .cz_image_in .cz_main_image, .cz_image_flip_v .cz_image_in .cz_main_image { z-index:9; transform: rotateY(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .7s cubic-bezier(.175, .885, .32, 1.275) } .cz_image_flip_h:hover .cz_image_in .cz_main_image, .cz_image_flip_v:hover .cz_image_in .cz_main_image { z-index: 9; transform: rotateY(180deg); } .cz_image_flip_h .cz_image_in .cz_hover_image, .cz_image_flip_v .cz_image_in .cz_hover_image { opacity: 1; z-index: 8; transform: translate(-50%, -50%) rotateY(-180deg); transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .7s cubic-bezier(.175, .885, .32, 1.275) } .cz_image_flip_h:hover .cz_image_in .cz_hover_image, .cz_image_flip_v:hover .cz_image_in .cz_hover_image { z-index:10; transform: translate(-50%, -50%) rotateY(0deg) } .cz_image_flip_v .cz_image_in .cz_main_image {transform: rotateX(0deg)} .cz_image_flip_v:hover .cz_image_in .cz_main_image {transform: rotateX(180deg)} .cz_image_flip_v .cz_image_in .cz_hover_image {transform: translate(-50%, -50%) rotateX(-180deg)} .cz_image_flip_v:hover .cz_image_in .cz_hover_image {transform: translate(-50%, -50%) rotateY(0deg)} .cz_image_fade_to_top .cz_main_image, .cz_image_fade_to_top .cz_hover_image, .cz_image_fade_to_bottom .cz_main_image, .cz_image_fade_to_bottom .cz_hover_image, .cz_image_fade_to_left .cz_main_image, .cz_image_fade_to_left .cz_hover_image, .cz_image_fade_to_right .cz_main_image, .cz_image_fade_to_right .cz_hover_image, .cz_image_zoom_in .cz_main_image, .cz_image_zoom_in .cz_hover_image, .cz_image_zoom_out .cz_main_image, .cz_image_zoom_out .cz_hover_image, .cz_image_blurred .cz_main_image, .cz_image_blurred .cz_hover_image { transition: all .7s cubic-bezier(.175, .885, .32, 1.275) } .cz_image_fade_to_top:hover .cz_main_image {transform: translateY(-40px);opacity: 0} .cz_image_fade_to_top .cz_hover_image {transform: translate(-50%, -40%)} .cz_image_fade_to_top:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1} .cz_image_fade_to_bottom:hover .cz_main_image {transform: translateY(40px);opacity: 0} .cz_image_fade_to_bottom .cz_hover_image {transform: translate(-50%, -60%)} .cz_image_fade_to_bottom:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1} .cz_image_fade_to_left:hover .cz_main_image {transform: translateX(-40px);opacity: 0} .cz_image_fade_to_left .cz_hover_image {transform: translate(-40%, -50%)} .cz_image_fade_to_left:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1} .cz_image_fade_to_right:hover .cz_main_image {transform: translateX(40px);opacity: 0} .cz_image_fade_to_right .cz_hover_image {transform: translate(-60%, -50%)} .cz_image_fade_to_right:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1} .cz_image_zoom_in:hover .cz_main_image {transform: scale(.9);opacity: 0} .cz_image_zoom_in .cz_hover_image {transform: translate(-50%, -50%) scale(.9)} .cz_image_zoom_in:hover .cz_hover_image {transform: translate(-50%, -50%) scale(1);opacity: 1} .cz_image_zoom_out:hover .cz_main_image {transform: scale(1.1);opacity: 0} .cz_image_zoom_out .cz_hover_image {transform: translate(-50%, -50%) scale(1.1)} .cz_image_zoom_out:hover .cz_hover_image {transform: translate(-50%, -50%) scale(1);opacity: 1} .cz_image_blurred .cz_main_image {filter: blur(0)} .cz_image_blurred:hover .cz_main_image {filter: blur(10px);opacity: 0} .cz_image_blurred .cz_hover_image {filter: blur(10px)} .cz_image_blurred:hover .cz_hover_image {filter: blur(0);opacity: 1} .cz_image_no_effect .cz_main_image, .cz_image_no_effect .cz_hover_image { transition: none } .cz_image_slow_fade .cz_main_image, .cz_image_slow_fade .cz_hover_image { transition: all .6s ease-in-out } .xtra-image-full-width img { width: 100% } /* Slanted */ .cz_slanted_tr,.cz_slanted_tr_a > a,.cz_slanted_tr_div > div{ clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 100%) } .cz_slanted_tl,.cz_slanted_tl_a > a,.cz_slanted_tl_div > div{ clip-path: polygon(0 25%, 101% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 25%, 101% 0, 100% 100%, 0 100%) } .cz_slanted_br,.cz_slanted_br_a > a,.cz_slanted_br_div > div{ clip-path: polygon(0 0, 101% 0, 100% 75%, 0 100%); -webkit-clip-path: polygon(0 0, 101% 0, 100% 75%, 0 100%) } .cz_slanted_bl,.cz_slanted_bl_a > a,.cz_slanted_bl_div > div{ clip-path: polygon(0 0, 101% 0, 100% 100%, 0 75%); -webkit-clip-path: polygon(0 0, 101% 0, 100% 100%, 0 75%) } .cz_slanted_trbl,.cz_slanted_trbl_a > a,.cz_slanted_trbl_div > div{ clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 75%); -webkit-clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 75%) } .cz_slanted_tlbr,.cz_slanted_tlbr_a > a,.cz_slanted_tlbr_div > div{ clip-path: polygon(0 25%, 101% 0, 100% 75%, 0 100%); -webkit-clip-path: polygon(0 25%, 101% 0, 100% 75%, 0 100%) } /* Others */ .cz_rel{position: relative} .z_1{z-index:-1} .z0{z-index:0} .z1{z-index:1} .z2{z-index:2} .z3{z-index:3} .z4{z-index:4} .z5{z-index:5} .z9,.z9:hover{z-index:9 !important} .z99{z-index:99 !important} .z999{z-index:999} .z9999{z-index:9999} /* VC elements */ .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner { z-index: auto !important } .vc_gitem_row .vc_gitem-col { padding: 30px 30px 10px !important } .vc_gitem-post-data-source-post_excerpt > div { line-height: 2 !important } .vc_gitem-post-data-source-post_title > div { font-weight: 500 !important } .vc_gitem-animate-slideBottom .vc_gitem-zone-b, .vc_gitem-animate-slideInLeft .vc_gitem-zone-b { transition: all .4s ease-in-out !important } h2.widgettitle { font-size: 26px; margin-bottom: 26px } .select2-results, .chosen-container { color: #222 } .cz_language_switcher img { width: auto } .dialog-type-lightbox { z-index: 99999 } /* Fix responsive */ @media screen and (min-width: 768px) { .hide_on_desktop, .show_on_tablet, .show_on_mobile { display: none !important } .show_on_desktop, .show_only_desktop { display: block !important } } @media (max-width:768px) and (min-width:480px) { .hide_on_tablet, .show_only_desktop, .show_only_mobile { display: none !important } .show_on_tablet, .show_only_tablet { display: block !important } } @media screen and (max-width: 480px) { .hide_on_mobile, .show_on_tablet.show_only_tablet { display: none !important } .show_on_tablet:not(.hide_on_mobile,.show_only_tablet), .show_on_mobile, .show_only_mobile { display: block !important } }