/*
Theme Name: Ostnica Theme Child
Theme URI: https://ostnica.codeholic.in
Description: Demo child theme for Ostnica Theme containing demo-site customizations, analytics, tracking scripts, and marketing-specific functionality.
Author: Codeholic IT Services pvt ltd.
Author URI: https://codeholic.in
Template: ostnica-theme
Version: 1.0.0
Text Domain: ostnica-theme-child
*/

/* Demo button */
.cd-demo-warper-01         { position: absolute; width: 300px; left: 0; top: 0; display: none; }
.cd-demo-text-02           { position: absolute !important; right: 400px; top: 0; background-color: #fff; width: 120px; padding: 10px; border-radius: 5px; text-align: center; }
.cd-demo-warper-content-01 { position: absolute; width: 405px; margin: 0 auto; right: 0; height: 480px; overflow-y: scroll; background-color: #fff; display: none; top: 0; padding: 10px 10px 50px; overflow-x: hidden; z-index: 999; }
.cd-demo-header-section-01 { height: 30px; }
.cd-demo-close-icon-01     { position: absolute; right: 10px; top: 10px; font-size: 20px; text-decoration: none; color: #000; font-weight: 700; background-color: #fff; }
.cd-demo-image-style-01    { background-size: cover; height: 172px; background-repeat: no-repeat; background-position: center; margin-bottom: 15px; }
.cd-demo-page-name-01      { font-size: 15px; text-align: center; font-weight: 600; text-transform: capitalize; }
.cd-demo-image-style-01:hover { transform: scale(1.02); transition: 0.2s; }
.cd-demo-text-01           { text-align: center; text-decoration: none; color: #2f3c42; position: relative; font-size: 15px; }
.cd-demo-text-01:hover     { color: #000; transition: 0.3s; }
.cd-demo-btn-holder { position: fixed; top: 25%; right: 0; z-index: 102; background-color: #fff; padding: 12px; border-radius: 10px 0 0 10px; box-shadow: 0 0 2px #bababa;}


/* Spinning icons */
.cd-demo-image-01 { animation: rotation 10s linear infinite; display: block; width: 35px; height: auto; margin: 0 auto 6px; }

.cd-solar-image-animation-01 img { animation: rotation-01 10s linear infinite; display: block; }
@keyframes rotation-01 { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }

.cd-bulb-animation-01 img { animation: rotation-02 5s linear infinite; display: block; }
@keyframes rotation-02 { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }

@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }

/* Linear marquee */
.cd-linerar-animition-class { position: absolute; right: 0; width: 100px; height: 100px; animation: mymove 20s infinite; }
.cd-linerar-animition-class .elementor-heading-title { display: -webkit-inline-box; }
.cd-linerar-animition-class .elementor-heading-title h2 { font-size: 2.5em; }
@keyframes mymove { 50% { right: 500px; } }