OwlCyberSecurity - MANAGER
Edit File: RW_VS_Slider_Video-Carousel.css.php
<style type="text/css"> .center_content<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:absolute; overflow:visible; top:50%; left:50%; width:100%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%) translateX(-50%); } #RW_Load_VCCP_Navigation<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:relative; margin:20px auto !important; background-color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_BgC); ?> !important; z-index:2; width:100%; padding-bottom:30%; max-width:100% !important; } <?php if($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "small") { ?> .RW_Loader_Frame_Navigation<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width:45px !important; height:45px !important; } .loader_Navigation1<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top: 3px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T1_C); ?> !important; border-bottom: 3px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T1_C); ?> !important; } .loader_Navigation2<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top: 3px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T2_C); ?> !important; border-bottom: 3px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T2_C); ?> !important; } .loader_Navigation3<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top:12px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; border-bottom:12px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; border-right:12px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; width:50% !important; height:50% !important; } <?php } elseif($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "middle") { ?> .RW_Loader_Frame_Navigation<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width:60px !important; height:60px !important; } .loader_Navigation1<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top: 4px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T1_C); ?> !important; border-bottom: 4px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T1_C); ?> !important; } .loader_Navigation2<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top: 4px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T2_C); ?> !important; border-bottom: 4px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T2_C); ?> !important; } .loader_Navigation3<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top:17px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; border-bottom:17px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; border-right:17px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; width:55% !important; height:55% !important; } <?php } else { ?> .RW_Loader_Frame_Navigation<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width:80px !important; height:80px !important; } .loader_Navigation1<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top: 5px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T1_C); ?> !important; border-bottom: 5px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T1_C); ?> !important; } .loader_Navigation2<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top: 5px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T2_C); ?> !important; border-bottom: 5px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T2_C); ?> !important; } .loader_Navigation3<?php echo esc_html($Rich_Web_VSlider_ID); ?> { border-top:25px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; border-bottom:25px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; border-right:25px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_T3_C); ?> !important; width:60% !important; height:60% !important; } <?php } ?> .RW_Loader_Frame_Navigation { position:relative; left:50%; width:80px; height:80px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } .RW_Loader_Text_Navigation<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:relative; text-align:center; margin-top:10px; font-size: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FS); ?>px !important; font-family:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FF); ?> !important; color: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; } .loader_Navigation1,.loader_Navigation2,.loader_Navigation3,.loader_Navigation4 { position:absolute; border:5px solid transparent; border-radius:50%; } .loader_Navigation1<?php echo esc_html($Rich_Web_VSlider_ID); ?> { box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; } .loader_Navigation2<?php echo esc_html($Rich_Web_VSlider_ID); ?> { -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%) translateX(-50%); } .loader_Navigation3<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width:60%; height:60%; top:50%; left:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%) translateX(-50%); animation:clockLoadingmin 1s linear 500; -webkit-animation:clockLoadingmin 1s linear 500; -ms-animation:clockLoadingmin 1s linear 500; -moz-animation:clockLoadingmin 1s linear 500; -o-animation:clockLoadingmin 1s linear 500; } .loader_Navigation1 { width:100%; height:100%; animation:clockLoading 1s linear 500; -webkit-animation:clockLoading 1s linear 500; -ms-animation:clockLoading 1s linear 500; -moz-animation:clockLoading 1s linear 500; -o-animation:clockLoading 1s linear 500; } .loader_Navigation2 { width:80%; height:80%; animation:anticlockLoading 1s linear 500; -webkit-animation:anticlockLoading 1s linear 500; -ms-animation:anticlockLoading 1s linear 500; -moz-animation:anticlockLoading 1s linear 500; -o-animation:anticlockLoading 1s linear 500; } @keyframes clockLoading { from{transform:rotate(0deg);-webkit-transform:-webkit-rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);} to{transform:rotate(360deg);-webkit-transform:-webkit-rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);} } @keyframes anticlockLoading { from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);} to{transform:translateY(-50%) translateX(-50%) rotate(-360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(-360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(-360deg);} } @keyframes clockLoadingmin { from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);} to{transform:translateY(-50%) translateX(-50%) rotate(360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(360deg);} } /*Second Loader*/ .overlay-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { display: block; margin: auto; width: 97px; height: 60px; position: relative; top: 0; left: 0; right: 0; bottom: 0; } <?php if($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "small") { ?> .overlay-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { height: 40px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 49px !important; height: 49px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(2) { width: 3px !important; height: 3px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(3) { width: 9px !important; height: 9px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(4) { width: 14px !important; height: 14px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(5) { width: 19px !important; height: 19px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(6) { width: 24px !important; height: 24px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(7) { width: 28px !important; height: 28px !important; } <?php } elseif($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "middle") { ?> .overlay-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { height: 50px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 67px !important; height: 67px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(2) { width: 8px !important; height: 8px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(3) { width: 14px !important; height: 14px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(4) { width: 20px !important; height: 20px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(5) { width: 26px !important; height: 26px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(6) { width: 32px !important; height: 32px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(7) { width: 38px !important; height: 38px !important; } <?php } else { ?> .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 97px !important; height: 97px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(2) { width: 12px !important; height: 12px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(3) { width: 18px !important; height: 18px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(4) { width: 23px !important; height: 23px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(5) { width: 31px !important; height: 31px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(6) { width: 39px !important; height: 39px !important; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(7) { width: 49px !important; height: 49px !important; } <?php } ?> .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 97px; height: 97px; animation-name: rotateAnim; -o-animation-name: rotateAnim; -ms-animation-name: rotateAnim; -webkit-animation-name: rotateAnim; -moz-animation-name: rotateAnim; animation-duration: 0.4s; -o-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div { width: 8px; height: 8px; border-radius: 50%; border: 1px solid <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_C); ?>; position: absolute; top: 2px; left: 0; right: 0; bottom: 0; margin: auto; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(odd) { border-top: none; border-left: none; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(even) { border-bottom: none; border-right: none; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(2) { border-width: 2px; left: 0px; top: -4px; width: 12px; height: 12px; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(3) { border-width: 2px; left: -1px; top: 3px; width: 18px; height: 18px; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(4) { border-width: 3px; left: -1px; top: -4px; width: 23px; height: 23px; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(5) { border-width: 3px; left: -1px; top: 4px; width: 31px; height: 31px; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(6) { border-width: 4px; left: 0px; top: -4px; width: 39px; height: 39px; } .loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> div:nth-child(7) { border-width: 4px; left: 0px; top: 6px; width: 49px; height: 49px; } @keyframes rotateAnim { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @-o-keyframes rotateAnim { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } } @-ms-keyframes rotateAnim { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } } @-webkit-keyframes rotateAnim { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } } @-moz-keyframes rotateAnim { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } } /*Third Loader*/ <?php if($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "small") { ?> .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 45px !important; height:45px !important; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> .wBall { width: 42px !important; height: 42px !important; } <?php } elseif($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "middle") { ?> .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 60px !important; height:60px !important; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> .wBall { width: 56px !important; height: 56px !important; } <?php } else { ?> .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 78px !important; height:78px !important; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> .wBall { width: 74px !important; height: 74px !important; } <?php } ?> .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position: relative; width: 78px; height:78px; margin:auto; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> .wBall { position: absolute; width: 74px; height: 74px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 6.96s infinite; -o-animation: orbit 6.96s infinite; -ms-animation: orbit 6.96s infinite; -webkit-animation: orbit 6.96s infinite; -moz-animation: orbit 6.96s infinite; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> .wBall .wInnerBall { position: absolute; width: 10px; height: 10px; background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_C); ?>; left:0px; top:0px; border-radius: 10px; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> #wBall_1 { animation-delay: 1.52s; -o-animation-delay: 1.52s; -ms-animation-delay: 1.52s; -webkit-animation-delay: 1.52s; -moz-animation-delay: 1.52s; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> #wBall_2 { animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> #wBall_3 { animation-delay: 0.61s; -o-animation-delay: 0.61s; -ms-animation-delay: 0.61s; -webkit-animation-delay: 0.61s; -moz-animation-delay: 0.61s; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> #wBall_4 { animation-delay: 0.91s; -o-animation-delay: 0.91s; -ms-animation-delay: 0.91s; -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s; } .windows8<?php echo esc_html($Rich_Web_VSlider_ID); ?> #wBall_5 { animation-delay: 1.22s; -o-animation-delay: 1.22s; -ms-animation-delay: 1.22s; -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; } @keyframes orbit { 0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; transform-origin:0%; } 30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; transform-origin:7%; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; transform-origin:30%; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; transform-origin:39%; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; transform-origin:70%; } 76% { opacity: 0; transform: rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-transform-origin:0%; } 30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-transform-origin:7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-transform-origin:30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-transform-origin:39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-transform-origin:70%; } 76% { opacity: 0; -o-transform: rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-transform-origin:0%; } 30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-transform-origin:7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-transform-origin:30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:70%; } 76% { opacity: 0; -ms-transform: rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:0%; } 30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin:7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:70%; } 76% { opacity: 0; -webkit-transform: rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-moz-keyframes orbit { 0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-transform-origin:0%; } 30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-transform-origin:7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-transform-origin:30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:70%; } 76% { opacity: 0; -moz-transform: rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } /*Fourth loader*/ <?php if($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "small") { ?> .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 30px !important; height: 30px !important; } <?php } elseif($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_S == "middle") { ?> .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 40px !important; height: 40px !important; } <?php } else { ?> .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 50px !important; height: 50px !important; } <?php } ?> .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 50px; height: 50px; margin: 20px auto; position: relative; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-cube { position: relative; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_L_C); ?>; animation: cssload-fold-thecube 2.76s infinite linear both; -o-animation: cssload-fold-thecube 2.76s infinite linear both; -ms-animation: cssload-fold-thecube 2.76s infinite linear both; -webkit-animation: cssload-fold-thecube 2.76s infinite linear both; -moz-animation: cssload-fold-thecube 2.76s infinite linear both; transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-c2 { transform: scale(1.1) rotateZ(90deg); -o-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotateZ(90deg); -webkit-transform: scale(1.1) rotateZ(90deg); -moz-transform: scale(1.1) rotateZ(90deg); } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-c3 { transform: scale(1.1) rotateZ(180deg); -o-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotateZ(180deg); -webkit-transform: scale(1.1) rotateZ(180deg); -moz-transform: scale(1.1) rotateZ(180deg); } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-c4 { transform: scale(1.1) rotateZ(270deg); -o-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotateZ(270deg); -webkit-transform: scale(1.1) rotateZ(270deg); -moz-transform: scale(1.1) rotateZ(270deg); } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-c2:before { animation-delay: 0.35s; -o-animation-delay: 0.35s; -ms-animation-delay: 0.35s; -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-c3:before { animation-delay: 0.69s; -o-animation-delay: 0.69s; -ms-animation-delay: 0.69s; -webkit-animation-delay: 0.69s; -moz-animation-delay: 0.69s; } .cssload-thecube<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-c4:before { animation-delay: 1.04s; -o-animation-delay: 1.04s; -ms-animation-delay: 1.04s; -webkit-animation-delay: 1.04s; -moz-animation-delay: 1.04s; } @keyframes cssload-fold-thecube { 0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-o-keyframes cssload-fold-thecube { 0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-ms-keyframes cssload-fold-thecube { 0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-webkit-keyframes cssload-fold-thecube { 0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; } } @-moz-keyframes cssload-fold-thecube { 0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; } 25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; } 90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; } } /*First Text*/ .cssload-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width: 244px; height: 49px; line-height: 49px; text-align: center; position: relative; left: 50%; transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); font-family: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FF); ?> !important; text-transform: none !important; font-weight: 900; font-size:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FS); ?>px !important; color: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; letter-spacing: 0.2em; margin-top:10px; } .cssload-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?>::before, .cssload-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?>::after { content: ""; display: block; width: 15px; height: 15px; background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T2_BC); ?> !important; position: absolute; animation: cssload-load 0.81s infinite alternate ease-in-out; -o-animation: cssload-load 0.81s infinite alternate ease-in-out; -ms-animation: cssload-load 0.81s infinite alternate ease-in-out; -webkit-animation: cssload-load 0.81s infinite alternate ease-in-out; -moz-animation: cssload-load 0.81s infinite alternate ease-in-out; } .cssload-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?>::before { top: 0; } .cssload-loader<?php echo esc_html($Rich_Web_VSlider_ID); ?>::after { bottom: 0; } @keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } } @-o-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } } @-ms-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } } @-moz-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } } @-webkit-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } } /*Second*/ #inTurnFadingTextG<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width:100%; margin:auto; text-align:center; } .inTurnFadingTextG<?php echo esc_html($Rich_Web_VSlider_ID); ?> { font-size: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FS); ?>px !important; font-family:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FF); ?> !important; color: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; text-decoration:none; font-weight:normal; font-style:normal; display:inline-block; animation-name:bounce_inTurnFadingTextG; -o-animation-name:bounce_inTurnFadingTextG; -ms-animation-name:bounce_inTurnFadingTextG; -webkit-animation-name:bounce_inTurnFadingTextG; -moz-animation-name:bounce_inTurnFadingTextG; animation-duration:2.09s; -o-animation-duration:2.09s; -ms-animation-duration:2.09s; -webkit-animation-duration:2.09s; -moz-animation-duration:2.09s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } <?php foreach($text_array as $key=>$v) { ?> #inTurnFadingTextG<?php echo esc_html($Rich_Web_VSlider_ID); ?>_<?php echo esc_attr($key + 1); ?> { animation-delay:<?php echo esc_attr($anim_sum); ?>s !important; -o-animation-delay:<?php echo esc_attr($anim_sum); ?>s !important; -ms-animation-delay:<?php echo esc_attr($anim_sum); ?>s !important; -webkit-animation-delay:<?php echo esc_attr($anim_sum); ?>s !important; -moz-animation-delay:<?php echo esc_attr($anim_sum); ?>s !important; } <?php $anim_sum=$anim_sum+0.15; ?> <?php } ?> @keyframes bounce_inTurnFadingTextG { 0% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T2_AnC); ?>; } 100% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; } } @-o-keyframes bounce_inTurnFadingTextG { 0% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T2_AnC); ?>; } 100% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; } } @-ms-keyframes bounce_inTurnFadingTextG { 0% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T2_AnC); ?>; } 100% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; } } @-webkit-keyframes bounce_inTurnFadingTextG { 0% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T2_AnC); ?>; } 100% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; } } @-moz-keyframes bounce_inTurnFadingTextG { 0% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T2_AnC); ?>; } 100% { color:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; } } /*Third text*/ .cssload-preloader<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; } .cssload-preloader<?php echo esc_html($Rich_Web_VSlider_ID); ?> > .cssload-preloader<?php echo esc_html($Rich_Web_VSlider_ID); ?>-box { position: relative; display:inline-block; margin-left:10px; margin-top:20px; height: 29px; left:50%; transform:translateX(-50%) !important; -webkit-transform:translateX(-50%) !important; -ms-transform:translateX(-50%) !important; -moz-transform:translateX(-50%) !important; -o-transform:translateX(-50%) !important; perspective: 195px; -o-perspective: 195px; -ms-perspective: 195px; -webkit-perspective: 195px; -moz-perspective: 195px; } .cssload-preloader<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-preloader<?php echo esc_html($Rich_Web_VSlider_ID); ?>-box > div { position: relative; width: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FS*2); ?>px; height: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FS*2); ?>px; background: rgb(204,204,204); float: left; text-align: center; line-height: 2; font-size: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FS); ?>px !important; font-family:<?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FF); ?> !important; color: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_C); ?> !important; } <?php foreach($text_array as $key=>$v) { ?> .cssload-preloader<?php echo esc_html($Rich_Web_VSlider_ID); ?> .cssload-preloader<?php echo esc_html($Rich_Web_VSlider_ID); ?>-box > div:nth-child(<?php echo esc_attr($key + 1); ?>) { background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?> !important; margin-right: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_FS); ?>px !important; animation: cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> 690ms ease <?php echo esc_attr($str_sum); ?>ms infinite alternate; -o-animation: cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> 690ms ease <?php echo esc_attr($str_sum); ?>ms infinite alternate; -ms-animation: cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> 690ms ease <?php echo esc_attr($str_sum); ?>ms infinite alternate; -webkit-animation: cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> 690ms ease <?php echo esc_attr($str_sum); ?>ms infinite alternate; -moz-animation: cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> 690ms ease <?php echo esc_attr($str_sum); ?>ms infinite alternate; } <?php $str_sum=$str_sum+86.25; ?> <?php } ?> @keyframes cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> { from { transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); } to { transform: scale(1.5) translateY(-24px) rotateX(45deg); box-shadow: 0 24px 39px <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?>; background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?> !important; } } @-o-keyframes cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> { from { -o-transform: scale(1.0) translateY(0px) rotateX(0deg); -o-box-shadow: 0 0 0 rgba(0,0,0,0); } to { -o-transform: scale(1.5) translateY(-24px) rotateX(45deg); -o-box-shadow: 0 24px 39px <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?>; background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?> !important; } } @-ms-keyframes cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> { from { -ms-transform: scale(1.0) translateY(0px) rotateX(0deg); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); } to { -ms-transform: scale(1.5) translateY(-24px) rotateX(45deg); -ms-box-shadow: 0 24px 39px <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?>; background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?> !important; } } @-webkit-keyframes cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> { from { -webkit-transform: scale(1.0) translateY(0px) rotateX(0deg); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); } to { -webkit-transform: scale(1.5) translateY(-24px) rotateX(45deg); -webkit-box-shadow: 0 24px 39px <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?>; background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?> !important; } } @-moz-keyframes cssload-movement<?php echo esc_html($Rich_Web_VSlider_ID); ?> { from { -moz-transform: scale(1.0) translateY(0px) rotateX(0deg); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); } to { -moz-transform: scale(1.5) translateY(-24px) rotateX(45deg); -moz-box-shadow: 0 24px 39px <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?>; background: <?php echo esc_attr($Rich_Web_VSlider_Eff_Loader[0]->Rich_Web_VCCP_LT_T3_BgC); ?> !important; } } .carousel<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:relative; min-height: 20px; height:auto !important; background:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Bg_Color);?> center center no-repeat; border:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Border_Width);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Border_Style);?> <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Border_Color);?>; box-shadow:0px 0px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Box_Shadow);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Shadow_Color);?>; -moz-box-shadow:0px 0px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Box_Shadow);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Shadow_Color);?>; -webkit-box-shadow:0px 0px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Box_Shadow);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Shadow_Color);?>; } .wrap<?php echo esc_html($Rich_Web_VSlider_ID); ?> { padding-left: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_PBImgs);?>px; /*padding-right: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_PBImgs);?>px;*/ width:100% !important; height:100%; box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; } .carousel<?php echo esc_html($Rich_Web_VSlider_ID); ?> .next<?php echo esc_html($Rich_Web_VSlider_ID); ?>,.carousel<?php echo esc_html($Rich_Web_VSlider_ID); ?> .prev<?php echo esc_html($Rich_Web_VSlider_ID); ?> { display:none; width:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Icons_Size);?>px; height:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Icons_Size);?>px; position:absolute; bottom:0px; z-index:2; cursor:pointer; border:none; box-shadow:none !important; } .carousel<?php echo esc_html($Rich_Web_VSlider_ID); ?> .prev<?php echo esc_html($Rich_Web_VSlider_ID); ?> { background:url(<?php echo esc_url(plugin_dir_url(__DIR__).'Images/icons/icon-'. $Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Icons_Type .'.png');?>) 0 0 no-repeat; background-size:100% 100%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); left:<?php echo -$Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Icons_Size/2;?>px; } .carousel<?php echo esc_html($Rich_Web_VSlider_ID); ?> .next<?php echo esc_html($Rich_Web_VSlider_ID); ?> { background:url(<?php echo esc_url(plugin_dir_url(__DIR__).'Images/icons/icon-'. $Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Icons_Type .'-'. $Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Icons_Type .'.png');?>) 0 0 no-repeat; background-size:100% 100%; right:<?php echo -$Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Icons_Size/2;?>px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .carousel<?php echo esc_html($Rich_Web_VSlider_ID); ?> li { display:none; padding:0px !important; background:none !important; margin:0px !important; } .carousel<?php echo esc_html($Rich_Web_VSlider_ID); ?> li img { width:100%; height:100%; max-width:none !important;} .paging { position:absolute; z-index:9998; } .paging > a { display:block; cursor:pointer; width:40px; height:40px; float:left; background:url(<?php echo esc_url(plugin_dir_url(__DIR__).'Images/dots.png');?>) 0px -40px no-repeat; } .paging > a:hover, .paging > a.current { background:url(<?php echo esc_url(plugin_dir_url(__DIR__).'Images/dots.png');?>) 0px 0px no-repeat; } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .popF1<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:fixed; background:red; left:0px; width:100%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); height:0%; z-index:3; -webkit-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -moz-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -o-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); } .popF1<?php echo esc_html($Rich_Web_VSlider_ID); ?>_1 { height:100% !important; -webkit-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -moz-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -o-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); } .popVideo1<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:fixed; background:#fff; width:0%; border-radius:50%; height:0%; z-index:99999999; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%) translateX(-50%); box-shadow:0px 0px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Popup_Box_Shadow);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Popup_Shadow_Color);?>; -moz-box-shadow:0px 0px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Popup_Box_Shadow);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Popup_Shadow_Color);?>; -webkit-box-shadow:0px 0px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Popup_Box_Shadow);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Popup_Shadow_Color);?>; -webkit-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -moz-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -o-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); } .popVideo1<?php echo esc_html($Rich_Web_VSlider_ID); ?>_1 { height:500px; width:1000px; max-width:90%; border-radius:0%; -webkit-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -moz-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -o-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); } .popVideo1<?php echo esc_html($Rich_Web_VSlider_ID); ?>_2 { height:420px; width:560px; max-width:90%; border-radius:0%; -webkit-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -moz-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); -o-transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); transition: all 400ms cubic-bezier(0.950, 0.050, 0.795, 0.035); } .popVideo1<?php echo esc_html($Rich_Web_VSlider_ID); ?>_rel { position:relative; overflow:hidden; width:100%; height:100%; } .vid { position:relative; width:50%; height:60%; float:left; margin:2%; } .videoo<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:absolute; border:none !important; top:-150%; left:0px; width:100%; height:100%; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; } .videoo<?php echo esc_html($Rich_Web_VSlider_ID); ?>_anim { top:0% !important; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:relative; width:40%; height:90%; float:right; margin:2%; overflow:hidden; } .descr<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position:absolute; margin:0px 10px 0px 10px !important; padding: 0px !important; line-height: 1 !important; } .descr<?php echo esc_html($Rich_Web_VSlider_ID); ?> p { margin:0px !important; padding: 0px !important; line-height: 1 !important; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?>_anim { position:absolute; width:100%; height:100%; left:100%; padding:0 5px; overflow-x:hidden; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?>_anim2 { left:0px !important; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?>3 { width:100% !important; height:28% !important; float:none !important; margin:0px !important; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?>3 h2 { text-align:center !important; } .popL<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position: absolute; right: 0px; font-size: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Font_Size);?>px; font-family: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Font_Family);?>; color: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Color);?> !important; background:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Bg_Color);?>; bottom: 0px; border-radius:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Border_Radius);?>px; transform:translateY(120%); -webkit-transform:translateY(120%); -moz-transform:translateY(120%); -ms-transform:translateY(120%); border: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Border_Width);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Border_Style);?> <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Border_Color);?>; border-width:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Border_Width);?>px !important; text-decoration: none !important; padding: 3px 10px; display:none; transition:all 0.4s linear; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear; z-index:9999; box-shadow:none !important; } .popL<?php echo esc_html($Rich_Web_VSlider_ID); ?>:hover { background:<?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Hov_Bg_Color);?>; color: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Hov_Color);?> !important; border: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Border_Width);?>px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Border_Style);?> <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Link_Hov_Border_Color);?>; text-decoration:none; } .minTit<?php echo esc_html($Rich_Web_VSlider_ID); ?> { position: absolute; left: 0px; font-size: 20px; bottom: 0px; transform:translateY(120%); -webkit-transform:translateY(120%); -moz-transform:translateY(120%); -ms-transform:translateY(120%); padding: 3px 10px; display:none; } .figurForImg<?php echo esc_html($Rich_Web_VSlider_ID); ?> { width:100%; height:100%; overflow:hidden; margin-left:0%; margin:0px; } .fImgH1 { width:100%; margin-left:0%; margin-top:0%; max-width:none !important; transition:all 0.4s linear !important; -webkit-transition:all 0.4s linear !important; -ms-transition:all 0.4s linear !important; -moz-transition:all 0.4s linear !important; -o-transition:all 0.4s linear !important; } .fImgH1:hover { width:150%; height:150%; margin-left:-25%; margin-top:-25%;max-width:none !important; } .fImgH2 { position:relative; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); width:100%; height:50px; margin-left:0%; margin-top:0%; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; } .fImgH2:hover { -moz-transform: scale(2.5) rotate(40deg); -webkit-transform: scale(2.5) rotate(40deg); -o-transform: scale(2.5) rotate(40deg); -ms-transform: scale(2.5) rotate(40deg); transform: scale(2.5) rotate(40deg); transition: 0.20s; -webkit-transition: 0.20s; -moz-transition: 0.20s; -ms-transition: 0.20s; -o-transition: 0.20s; } .fImgH3 { width:100%; height:100%; margin-left:0%; margin-top:0%; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; } .fImgH3:hover { width:150%; height:150%; } .fImgH4 { width:100%; height:100%; margin-left:0%; margin-top:0%; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; } .fImgH4:hover { width:150%; height:150%; margin-left:-50%; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?>_anim::-webkit-scrollbar { width: 5px; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?>_anim::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Desc_Bg_Color);?>; } .titleDescLink<?php echo esc_html($Rich_Web_VSlider_ID); ?>_anim::-webkit-scrollbar-thumb { background-color: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Title_Color);?>; outline: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Title_Color);?>; } .comment_content ul li:before, .entry-content ul li:before { display:none; } .tit<?php echo esc_html($Rich_Web_VSlider_ID); ?> { text-transform:none !important; letter-spacing: inherit !important; } .popDiv<?php echo esc_html($Rich_Web_VSlider_ID); ?>{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:7; } .popDiv<?php echo esc_html($Rich_Web_VSlider_ID); ?>_center{ display: -webkit-flex !important; display: flex !important; -webkit-justify-content: center; /* Safari 6.1+ */ justify-content: center; -webkit-align-items: center; align-items: center; } .forPopp<?php echo esc_html($Rich_Web_VSlider_ID); ?>{ height:100% !important; } .figurForImg<?php echo esc_html($Rich_Web_VSlider_ID); ?>{ display: flex; display: -webkit-flex; justify-content: center; align-items: center; } .figurForImg<?php echo esc_html($Rich_Web_VSlider_ID); ?> i{ display: block; position: absolute; color: <?php echo esc_attr($Rich_Web_VSlider_Eff[0]->Rich_Web_VC_Car_Bg_Color);?>; opacity: 0.5; z-index: 2; } .figurForImg<?php echo esc_html($Rich_Web_VSlider_ID); ?>:hover i{ opacity: 1; } @media (max-width: 767px){ .page-area{ transform: unset !important; } } </style>