[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 } .xtra-hide-cursor, .xtra-hide-cursor a, .xtra-hide-cursor a:hover { cursor:none }  .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 !important } 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 }  [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} } .cz_content_box_parent_fx .fx_shine_hover .cz_box_front_inner, .xtra-service-box .fx_shine_hover, .xtra-service-box-hover .fx_shine_hover, .column-fx_shine_hover { position:relative; overflow:hidden } .cz_content_box_parent_fx .fx_shine_hover .cz_box_front_inner:before, .xtra-service-box .fx_shine_hover:before, .xtra-service-box-hover .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) } .cz_content_box_parent_fx .fx_shine_hover .cz_box_front_inner:hover:before, .xtra-service-box .fx_shine_hover:hover:before, .xtra-service-box-hover .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)} }  [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%)} }  .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, #wp-admin-bar-query-monitor small { 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 } .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:#1DA1F2 !important} .cz_social_colored .cz-x-twitter i, .cz_social_colored_hover .cz-x-twitter:hover i {color:#000000 !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:#1DA1F2 !important} .cz_social_colored_bg .cz-x-twitter, .cz_social_colored_bg_hover .cz-x-twitter:hover {background-color:#000000 !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 cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1) forwards } @keyframes socialFxF { from {transform:rotate(0deg)} to {transform:rotate(360deg)} } .cz_social_fx_7 a:hover i { animation:wobble .5s 10 cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1) forwards } @keyframes flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}} .cz_social_fx_9 a:hover { animation:bounceFX .6s cubic-bezier(0.9, 0.05, 0.1, 1) 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 cubic-bezier(0.9, 0.05, 0.1, 1)} .cz_social_fx_10 a:hover i {transform:rotateY(360deg)} .cz_social_fx_11 a:hover i {transform:rotateX(360deg)}  .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} }  .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 }  .cz_image { position:relative; width:100% } div.cz_image > div { display:block } .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 } .cz_image_caption_sticky:hover { z-index:9 } .codevz-plus-image-info-box > div > i { cursor:pointer; position:absolute; top:20px; right:20px; z-index:3; font-size:22px; color:#fff; background:#333; width:1em; height:1em; line-height:1em; text-align:center; border-radius:100px; box-sizing:content-box; padding:10px } .codevz-plus-image-info-box[data-position="top-left"] > div > i { right:auto; left:20px } .codevz-plus-image-info-box[data-position="bottom-left"] > div > i { top:auto; right:auto; bottom:20px; left:20px } .codevz-plus-image-info-box[data-position="bottom-right"] > div > i { top:auto; bottom:20px } .codevz-plus-image-info-box .cz_image_caption { position:absolute; top:0; left:0; margin:0; z-index:2; width:100%; height:100%; padding:50px; overflow:hidden; background:#ffffffd9; box-sizing:border-box; clip-path:circle(0% at calc(100% - 30px) 40px); transition:all .7s ease-in-out } .codevz-plus-image-info-box[data-position="top-left"] .cz_image_caption { clip-path:circle(0% at calc(0% + 30px) calc(0% + 40px)) } .codevz-plus-image-info-box[data-position="bottom-left"] .cz_image_caption { clip-path:circle(0% at calc(0% + 30px) calc(100% - 40px)) } .codevz-plus-image-info-box[data-position="bottom-right"] .cz_image_caption { clip-path:circle(0% at calc(100% - 30px) calc(100% - 40px)) } .codevz-plus-image-info-box.codevz-plus-image-info-box-show .cz_image_caption { clip-path:circle(150%) }  [class*="codevz-plus-inverted-radius-"] { --r:30px;  --s:30px;  --x:40px;  --y:40px;  border-radius:var(--r); mask-repeat:no-repeat !important } .codevz-plus-inverted-radius-top-right { --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0); --_d:(var(--s) + var(--r)); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m),  100% calc(var(--_d) + var(--y)) var(--_m),  radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px))   calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),  var(--_g) calc(-1*var(--_d) - var(--x)) 0,  var(--_g) 0 calc(var(--_d) + var(--y)) } .codevz-plus-inverted-radius-top-left { --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g:conic-gradient(at var(--r) var(--r),#000 75%,#0000 0); --_d:(var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 0 var(--_m),  0 calc(var(--_d) + var(--y)) var(--_m),  radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px))   calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),  var(--_g) calc(var(--_d) + var(--x)) 0,  var(--_g) 0 calc(var(--_d) + var(--y)) } .codevz-plus-inverted-radius-bottom-left { --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)),#0000 25%,#000 0); --_d:(var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 100% var(--_m),  0 calc(100% - var(--_d) - var(--y)) var(--_m),  radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px))  calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),  var(--_g) calc(var(--_d) + var(--x)) 0,  var(--_g) 0 calc(-1*var(--_d) - var(--y)) } .codevz-plus-inverted-radius-bottom-right { --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0); --_d:(var(--s) + var(--r)); mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m),  100% calc(100% - var(--_d) - var(--y)) var(--_m),  radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px))  calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),  var(--_g) calc(-1*var(--_d) - var(--x)) 0,  var(--_g) 0 calc(-1*var(--_d) - var(--y)) }  .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% }  .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(0px -1px,101% -1px,101% 100%,0px 75%); -webkit-clip-path:polygon(0px -1px,101% -1px,101% 100%,0px 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%) }  .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_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 } .rtl .jet-carousel .slick-list { direction:rtl } .codevz-top-banner { display:none; position:relative; text-align:center; background:#232323; padding:20px; color:#fff } .codevz-top-banner-always { display:block } .codevz-top-banner > i { position:absolute; right:40px; top:50%; cursor:pointer; transition:all .2s ease-in-out; transform:translateY(-50%) } .codevz-plus-overlay-gradient:after { --overlay-gr:#fff; content:''; position:absolute; top:0; left:0; height:100%; width:100%; visibility:visible; pointer-events:none; background:linear-gradient(to right,  var(--overlay-gr, #fff) 0%,  var(--overlay-gr, #fff) 2%,  transparent,  transparent,  var(--overlay-gr, #fff) 98%,  var(--overlay-gr, #fff) 100%); z-index:1 }  @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, .codevz-top-banner {  display:none !important } .show_on_tablet, .show_only_tablet {  display:block !important }  .theiaStickySidebar, .theiaStickySidebar > div {  margin-top:0 !important } } @media screen and (max-width:480px) {  .hide_on_mobile, .show_on_tablet.show_only_tablet, .codevz-top-banner {  display:none !important } .show_on_tablet:not(.hide_on_mobile,.show_only_tablet), .show_on_mobile, .show_only_mobile {  display:block !important }  .theiaStickySidebar, .theiaStickySidebar > div {  margin-top:0 !important } .codevz-plus-image-info-box .cz_image_caption {  padding:30px } [class*="codevz-plus-inverted-radius-"] {  --r:10px;  --s:10px;  --x:20px;  --y:20px } }