@charset "UTF-8";
/*
Theme Name: Websima
Theme URI: https://websima.com
Author: Websima Creative Agency
Author URI: https://websima.com
Description: Websima Creative Agency
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: websima
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

/* Aos css */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateY(0)}[data-aos=fade-up]{transform:translate3d(0,20px,0)}[data-aos=fade-down]{transform:translate3d(0,-20px,0)}[data-aos=fade-right]{transform:translate3d(-10px,0,0)}[data-aos=fade-left]{transform:translate3d(10px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.8;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}



fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
a{
    transition:all 0.3s;
}
a:hover{
    color:var(--red-color)
}
:root {
    --main-color: #1da86a;
    --main-font: i-yekan , serif;
    --bold-font: b-yekan , serif;
    --form-bg: #f5f5f5;
    --red-color: #DF2424;
}


/* Define Fonts */
@font-face {
    font-family: 'GoogleSans-Regular';
    font-display: fallback;
    src: url('assets/fonts/GoogleSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/GoogleSans-Regulard41d.html?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('assets/fonts/GoogleSans-Regular.woff') format('woff'),
    url('assets/fonts/GoogleSans-Regular.woff2') format('woff2'),	   /* Pretty Modern Browsers */
    url('assets/fonts/GoogleSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('assets/fonts/GoogleSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'GoogleSans-bold';
    font-display: fallback;
    src: url('assets/fonts/GoogleSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/GoogleSans-Boldd41d.html?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('assets/fonts/GoogleSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('assets/fonts/GoogleSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('assets/fonts/GoogleSans-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: b-yekan;
    font-display: fallback;
    src: url('assets/fonts/bold/iranyekanwebbold.eot'),
	url('assets/fonts/bold/iranyekanwebbold.woff'),
	url('assets/fonts/bold/iranyekanwebbold.ttf');
}
@font-face {
    font-family: i-yekan;
    font-display: fallback;
    src: url('assets/fonts/regular/iranyekanwebregular.eot'),
	url('assets/fonts/regular/iranyekanwebregular.ttf'),
	url('assets/fonts/regular/iranyekanwebregular.woff');
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--bold-font);
}
button:focus,
input:focus,
textarea:focus{
    outline: none!important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size:12px;
}
::-moz-placeholder { /* Firefox 19+ */
    font-size:12px;
}
:-ms-input-placeholder { /* IE 10+ */
    font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */
    font-size:12px;
}

body {
    margin: 0;
    font-family:var(--main-font);
    font-size:14px;
    color:#000;
    text-align: right;
    overflow-x: hidden;
    counter-reset: section;
}
body.home{
    background:rgb(34,34,34);
}
@font-face {
    font-family: 'icomoon';
    src:  url('assets/fonts/icomoonbd11.eot?gw9wpp');
    src:  url('assets/fonts/icomoonbd11.eot?gw9wpp#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoonbd11.ttf?gw9wpp') format('truetype'),
    url('assets/fonts/icomoonbd11.woff?gw9wpp') format('woff'),
    url('assets/fonts/icomoonbd11.svg?gw9wpp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-bottom-arrow:before {
  content: "\e937";
}
.icon-download-p:before {
  content: "\e936";
}
.icon-arrow-left:before {
  content: "\e935";
  color: #df2424;
}
.icon-quote-down:before {
  content: "\e934";
  color: #df2424;
}

.icon-subscribe:before {
    content: "\e932";
}
.icon-login:before {
    content: "\e933";
}
.icon-timer:before {
    content: "\e900";
}
.icon-question:before {
    content: "\e901";
}
.icon-commodity:before {
    content: "\e902";
}
.icon-delivery:before {
    content: "\e903";
}
.icon-download:before {
    content: "\e904";
}
.icon-edit-profile:before {
    content: "\e905";
}
.icon-invoice:before {
    content: "\e906";
}
.icon-logout:before {
    content: "\e907";
}
.icon-new:before {
    content: "\e908";
}
.icon-receipt:before {
    content: "\e909";
}
.icon-request-list:before {
    content: "\e90a";
}
.icon-upload:before {
    content: "\e90b";
}
.icon-upload-request:before {
    content: "\e90c";
}
.icon-right:before {
    content: "\e90d";
}
.icon-phone:before {
    content: "\e90e";
    transform: rotateY(180deg);
}
.icon-loc:before {
    content: "\e90f";
}
.icon-share:before {
    content: "\e910";
}
.icon-facebook:before {
    content: "\e911";
}
.icon-instagram:before {
    content: "\e912";
}
.icon-linkedin:before {
    content: "\e913";
}
.icon-pinterest:before {
    content: "\e914";
}
.icon-telegram:before {
    content: "\e915";
}
.icon-twitter:before {
    content: "\e916";
}
.icon-search:before {
    content: "\e917";
}
.icon-whatsapp:before {
    content: "\e918";
}
.icon-youtube:before {
    content: "\e919";
}
.icon-icon-up:before {
    content: "\e91a";
}
.icon-user:before {
    content: "\e91b";
}
.icon-icon-down:before {
    content: "\e91c";
}
.icon-info:before {
    content: "\e91d";
}
.icon-aparat:before {
    content: "\e91e";
}
.icon-product:before {
    content: "\e91f";
}
.icon-mail:before {
    content: "\e920";
}
.icon-settings:before {
    content: "\e921";
}
.icon-left:before {
    content: "\e922";
}
.icon-close:before {
    content: "\e923";
}
.icon-shopping-list:before {
    content: "\e924";
}
.icon-phone-inner:before {
    content: "\e925";
}
.icon-pin:before {
    content: "\e926";
}
.icon-all:before {
    content: "\e927";
}
.icon-article:before {
    content: "\e928";
}
.icon-catalouge:before {
    content: "\e929";
}
.icon-date:before {
    content: "\e92a";
}
.icon-video:before {
    content: "\e92b";
}
.icon-table:before {
    content: "\e92c";
}
.icon-f-phone:before {
    content: "\e92d";
}
.icon-f-loc:before {
    content: "\e92e";
}
.icon-answer:before {
    content: "\e92f";
}
.icon-quote:before {
    content: "\e930";
}
.icon-reply:before {
    content: "\e931";
}







.container-fluid {
    width: 93%;
    padding-right: 10px;
    padding-left: 10px;
}
.main-content .form-field input, .main-content .form-field textarea, .main-content .form-field select, form textarea, .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered, form select, .form-control, input:not([type="submit"]) {
    height: 55px;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(227,227,227);
    padding: 4px 10px;
    font-size: 15px;
    margin-bottom: 15px;
    transition: all 0.3s;
    line-height: 25px;
    border-radius: 0;
}
.form-control:focus {
    background: transparent !important;
    border-color: var(--red-color) !important;
    box-shadow: none !important;
}
.bold{
    font-family: var(--bold-font)!important;
}
.bg-black{
    background:#000;
}

img{
    max-width:100%;
    height:auto;
    vertical-align: middle;
}
li {
    list-style: none;
}
a:hover{
    text-decoration:none
}

.mainhead{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 8;
}
a.logo-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top:5px;
}
.account_login a {
    color: #fff;
    display:inline-flex;
}
.detail-user a:hover{
    color:var(--red-color);
}
.account_login {
    color: #fff;
      height: 50px;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    display: flex;
    width: 50px;
    padding-top: 8px;
    float: right;
    margin-left: 14px;
    cursor:pointer;
}
/* .account_login .sign-in{
	display:none;
} */
.display_mobile {
    height: 100%;
}
.detail-user {
    position: absolute;
    top: 80%;
    width: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    text-transform: capitalize;
}

.detail-user a {
    display: block;
    font-size: 13px;
}

.account_login i {
    font-size: 22px;
}

.tooltip {
    top: 0;
    height: 50px;
    min-width: 25px;
    left: 0;
}
i.fesharsanj-icon {
    display: block;
    width: 32px;
    margin-top: -5px;
    height: 42px;
    position:relative;
}
.fesharsanj-icon svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.request-link .label {
    display: none;
    transition:all 0.3s;
}
.mainhead.another-page a.request-link:hover .label span {
    color: rgb(41,41,41);
}
.request-link:hover .label span {
    color: #fff;
}
.request-link:hover .label{
    color:var(--red-color)
}
.request-link .label span{
    color:#DF2424;
    transition:all 0.3s;
}
.call_action_wrap{
    padding: 0;
}
.mobile_right_menu{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-right: 15px;
}
a.request-link {
    margin-right: 10px;
    position:relative;
    color:#fff;
}
.tooltip.show {
    opacity: 1;
}
.tooltip-inner {
    font-size: 12px;
}

.default-btn{
    border:1ps solid #4fbe8d;
}

.for-wraper {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    transform: scale(0.5) translateY(-30%);
    overflow-Y: auto;
    background-color:rgba(19, 19, 19, 0.9);
}
.for-wraper .search-submit.closer {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 65px;
    cursor: pointer;
    transition: all 0.4s ease-out;
    color: #fff;
    transform-origin: center center;
}
.for-wraper .searchbar {
    text-align: center;
    margin-top: 7%;
}
.for-wraper #search_input {
    min-height: 50px;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
    box-shadow: 0 2px 0 0 rgba(255,255,255,.1);
    border: 0;
    font-size: 18px;
    outline: none;
    padding: 20px;
    text-align: right;
    transition: all .3s ease-out;
    width: 50%;
}
.for-wraper #search_input:focus {
    box-shadow: 0 2px 0 0 #fff;
}
#search_input:focus ~ .icon-search {
    left: 30px;
    color: #fff;
    transform: translate(45px, 0);
}
.searchbar i.icon-search {
	transition:all .3s;
    color: rgba(255,255,255,.2);
    font-size: 21px;
    transform: translate(35px, 0);
    display: inline-block;
}
.for-wraper .search_results_wrap {
    margin: 0 auto;
    margin-top: 50px;
}
.for-wraper.seen {
    transform: scale(1) translateY(0px);
    visibility: visible;
    opacity: 1;
}

#searchsubmit, .ptr-btn {
    min-width: 147px;
    display: inline-flex;
    color: #fff;
    border-radius: 26px;
    text-align: center;
    margin: 5px;
    min-height: 44px;
    align-items: center;
    padding: 5px 15px 9px;
    justify-content: center;
    transition: all 0.3s;
    background: var(--red-color);
    font-size: 14px;
}

.ptr-btn:hover {
    box-shadow: 0 1px 6px var(--red-color);
    text-shadow: 0 2px 5px #000;
    color:#fff;
}
.ptr-btn.have-input{

    padding: 0;

    min-width: 120px;

    height: 44px;
}
.ptr-btn input {
    color: #fff;
    width: 100%;
    background: transparent;
    border: none;
    height: 100%;
    transition:all 0.3s;
}
.ptr-btn:hover input {
    text-shadow: 0 2px 5px #000;
}
.input-holder.ptr-btn {
    padding: 0;
    overflow: hidden;
}

.download-cat{
    color:#fff;
    text-shadow:0 4px 8px #000;
    position:relative;
    padding-right: 13px;
}
a.download-cat:before {
    box-shadow: 0 1px 4px var(--red-color);
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--red-color);
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}
.cfooter {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9;
}
.section {
    background-color: rgb(34,34,34);
    transition: all 1s;
    position: relative;
    -webkit-transform: translateY(10%) scale(0.8);
    transform: translateY(10%) scale(0.8);
    text-align: center;
    opacity: 0;
}
.section.active {
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
    opacity: 1;
}
/* sections background */
.bg-all{
    background-repeat: no-repeat!important;
    position:absolute;
    z-index:-1
}
.service-bg{
    background-image: url(assets/images/bgm-service.png);
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: bottom;
}
.intro-bg{
    background-image: url(assets/images/bgm-intro.png);
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: contain;
    background-position: bottom;
	/* transform: rotateY(-180deg); */
}
.hero-content.customer-content {
    width: 85%;
}
.about-bg {
    background-image: url('assets/images/bgm-about.png');
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    background-size: auto;
    background-position: left bottom;
}
.news-bg {
    background-image:url('assets/images/blog.png');
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.request-bg {
    /* 	background-size: cover; */
    /* background-image:url('assets/images/request.png'); */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
#video-viewport {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}


.contact-bg {
    background-image: url('assets/images/bgm-contact.jpg');
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    background-position: bottom center;
}
/* intro section */
.hero-content.customer-content{
    text-align:right;
}
.customer-content,
.hero-content {
    z-index: 2;
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 15px;
    text-shadow: 0 4px 7px rgba(0, 0, 0, 0.7);
}

.hero-content h1 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 13px;
    text-transform: capitalize;
}
.hero-content span {
    color: #DF2424;
    font-size: 25px;
    line-height: 36px;
}
.hero-content p {
    color: #e3e3e3;
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 15px;
    text-shadow: 0 4px 7px rgba(0, 0, 0, 0.7);
}
/* About-section */
.about-content h2 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: right;
}
.brands-owl {
    margin-top: 25px;
}
.brands-owl .carousel-cell {
    display: flex;
    justify-content: end;
    height: 100%;
    align-items: flex-end;
}
.owl-carousel .owl-item img.brand-image {
    width: auto;
    filter: grayscale(100%) brightness(0.4);
    -webkit-filter: grayscale(100%) brightness(0.4);
    transition:all 0.3s;
}
.owl-carousel .owl-item .carousel-cell:hover img.brand-image {
    filter:none;
}
.about-content {
    text-align: center;
    position: absolute;
    padding-right: 20px;
    padding-left: 50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    top: 20%;
    text-shadow: 0 4px 7px rgba(0, 0, 0, 0.7);
}
.request-content {
    padding: 0 25px;
    position: relative;
    z-index: 4;
}
.about-content p {
    color: #e3e3e3;
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 15px;
}
.simple-btn i {
    font-size: 9px;
    margin-right: 7px;
    display:inline-block;
    transition:all 0.3s;
}
.simple-btn {
    color: var(--red-color);
    font-size: 13px;
}
.simple-btn:hover i {
    transform: translateX(-7px);
}

.simple-btn:hover {
    color: #fff;
}
/* request section */
.request-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 10px;
    word-spacing: 4px;
    text-shadow: 0 3px 4px #000;
    letter-spacing: 0.8px;
}
.request-content h2 span {
    color: var(--red-color);
}
.request-content p {
    color: #e3e3e3;
    margin-bottom: 18px;
    text-shadow: 0 4px 7px rgba(0, 0, 0, 0.7);
    font-size: 15px;
}
.request-content h1 {
    text-shadow: 0 4px 7px rgba(0, 0, 0, 0.7);
}
/* product section */
.product-content {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 85px;
    text-shadow: 0 4px 7px rgba(0, 0, 0, 0.7);
}
.product-content h2 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
}
.product-content p {
    color: #e3e3e3;
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 15px;
}
.cat-item {
    background: rgb(26,26,26);
    border-radius: 15px;
    position:relative;
    width:100%;
    padding-bottom: 32px;
}
.cat-item:hover p{
    opacity:1;
    visibility:visible;
}
.content-cat{
    height:0;
    transition:all 0.3s;
    overflow: hidden;
    padding: 0 15px;
}
.cat-item:hover .content-cat{
    height: 85px;
}
.cat-item h2 {
    min-height: 40px;
    line-height: 23px;
}
.cat-item:before {
    content: "";
    background: rgb(26,26,26);
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 14px;
    top: 0;
}
.cat-item:hover .image-cat {
    margin-top:0;
    padding-top: 20px;
}
.cat-item .image-cat {
    display: inline-block;
    margin-top: -64px;
    transition:all 0.3s;
}
.cat-item-wrap{
    min-height:340px;
    display: flex;
    align-items: flex-end;
    min-width: 300px
}
.cat-item h3 a {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.cat-item:hover span{
    opacity:1;
    visibility:visible;
}
.cat-item span{
    color:var(--red-color);
    opacity:0;
    visibility:hidden;
    transition:all 0.3s;
}
.cat-item p {
    color: rgb(138,138,138);
    opacity:0;
    transition:all 0.3s;
    visibility:hidden;
    font-size: 12px;
}
/* blog */
.blog-content{
    margin-bottom:50px;
}
.blog-item-content {
    padding-bottom: 22px;
    padding-left: 15px;
    padding-top: 20px;
    text-align: right;
    transition: all 0.3s;
}
.dark .blog-item-content {
    background: rgb(26,26,26);
    width:100%;
}
.dark .blog-item:hover .blog-item-content {
    background: rgba(26, 26, 26, 0.5);
}
.blog-item {
    text-align: left;
    position: relative;
    display: flex;
    border-radius: 7px;
    overflow: hidden;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom:20px;
    border:1px solid #f3f3f3;
    color:#9b9b9b;
    transition:all 0.3s;
}
.blog-item:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}
.dark .blog-item:hover{
    box-shadow:none;
    margin-top: 0;
}
.dark .blog-item{
    box-shadow:none;
    margin:0;
    border:none;
    color: #676767;
}
.dark .blog-item:hover .date{
    color: #676767;
}
.blog-item:hover .blog-item-content {
    padding-right: 10px;
}
.dark .blog-item:hover .blog-item-content {
    padding-left: 15px;
}
.blog-item:hover .left-blog:before {
    height: 50%;
}
.blog-item .cat {
    color:#9c9c9c;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 8px;
    display: inline-flex;
    align-items: center;
}
.catinner-icon {
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    filter: grayscale(1) brightness(0.5);
    transition: all 0.3s;
    margin-left: 5px;
}
.dark .blog-item:hover .catinner-icon {
    filter: brightness(1);
}
.blog-item:hover .catinner-icon{
    filter:grayscale(1) brightness(0);
}
i.catinner-icon img {
    vertical-align: baseline;
}
.blog-item:hover .cat {
    color:#4a4a4a;
}
.dark .blog-item .cat {
    color: #676767;
}
.dark .blog-item:hover .cat {
    color:#fff;
}
.blog-item h3{
    line-height: 25px;
    margin-bottom: 8px;
    min-height: 38px;
}
.blog-item:hover .date{
    color:var(--red-color)
}
.blog-item h3 a {
    color:#484848;
}
.dark .blog-item h3 a {
    color: #fff;
    font-size: 14px;
}
.blog-item:hover h3 a{
    color:var(--red-color);
}
.blog-home-carousel .owl-nav {
    position: absolute;
    right: 0;
    left:0;
    margin:auto;
    width: 65px;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: -38px;
    margin: auto;
    color: #fff;
    font-size: 18px;
}
.blog-item .left-blog{
    width: 40px;
    position: relative;
    transition:all 0.3s;
}
.dark .blog-item .left-blog{
    background: rgb(26,26,26);
    width: 58px;
}
.dark .blog-item:hover .left-blog{
    background: rgba(26, 26, 26, 0.8);
}

.blog-item .left-blog:before {
    content: "";
    width: 1px;
    height: 8%;
    position: absolute;
    display: block;
    left: 0;
    background:#484848;
    bottom: 0;
    transition: all 0.3s;
}
.blog-item:hover .left-blog:before {
    background:#b4b4b4;
}
.dark .blog-item .left-blog:before {
    background: #fff;
}
.blog-item .inner-link{
    color: var(--red-color);
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    padding: 5px;
    margin-left: 3px;
    transition:all 0.3s;
    display:inline-block;
}
.blog-item .inner-link i{
    font-weight:bold!important;
}
.blog-item:hover .inner-link {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.dark .blog-item .inner-link{
    display:none;
}
.tax-wrap {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
}
.tax-category img {
    filter: brightness(0.5);
    transition:all 0.3s;
}
i.cat-icon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}
i.icon-login,
i.icon-subscribe,
i.icon-edit-profile,
i.icon-logout,
i.icon-request-list,
i.icon-all {
    font-size: 23px;
    margin-left: 13px;
}
.tax-category {
    display: inline-flex;
    align-items: center;
    margin: 0 75px;
    color: #9c9c9c;
    text-transform: capitalize;
    padding:25px 0;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
    transition:all 0.3s;
    position:relative;
}
.tax-category:hover{
    color:#fff;
}
.active.tax-category{
    color:#fff;
}
.blog-wrapper {
    padding-top: 65px;
}
.nav-item.tax-category:has(> a.active),
.tax-category:hover,
.active.tax-category {
    color: #fff;
    position: relative;
}
.tax-category:hover img,
.active.tax-category img{
    filter:none;
}
li.nav-item.tax-category a:before,
.tax-category:before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: var(--red-color);
    border-radius: 50%;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 0px 5px var(--red-color);
    transform:scale(0);
    transform-origin:center center;
    transition:all 0.3s;
}
li.nav-item.tax-category a:hover:before,
li.nav-item.tax-category a.active:before,
.tax-category:hover:before,
.active.tax-category:before{
    transform:scale(1)
}
/* Service */
.service_img_carousel.owl-carousel .owl-item img{
    width:auto;
}
.service-content-item{
    text-align: right;
}
.service-content img {
    margin: auto;
}
.service-content{
    color:#fff;
    padding:0 15px;
}
.service-content h3 {
    font-family: var(--main-font);
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 30px;
}
.service-content p{
    color: rgb(144,144,144);
    margin-bottom:15px;
}
.service_img_carousel .owl-item.active.current .image-service img {
    filter: brightness(100);
}
.service_img_carousel .owl-item.active.current .image-service{
    background: rgb(22,22,22);
    border-radius: 7px;
}
.image-service {
    display: flex;
    padding: 12px;
    margin-bottom: 20px;
    transition:all 0.3s;
    width: 75px;
    height: 72px;
}
.service_carousel .owl-nav {
    position: absolute;
    left: 15px;
    width: 60px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    top: -34px;
    margin: auto;
}
/* Contact */
.contact-content{
    position:absolute;
    left:0;
    color: #909090;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:auto;
    font-size: 16px;
    padding: 0 38px;
}
.contact-info li a{
    color: #909090;
    font-size: 14px;
}
.contact_page .contact-info li a{
    color:#f6f6f6;
}
.contact_page .contact-info li a:hover{
    color: var(--red-color);
}
.contact-info li a:hover{
    color: var(--red-color);
}
.contact-title {
    width: 184px;
    height: 33px;
    background: url(assets/images/contact-title.png);
    background-size: contain;
    margin: auto;
    margin-bottom: 11px;
    background-repeat: no-repeat;
}
.contact-info .information li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 11px;
}
.contact-info .information i {
    font-size: 24px;
    transform: rotateY(180deg);
    margin-bottom: 4px;
    color: #fff;
}
.contact-content p {
    font-size: 13px;
    color:#e3e3e3;
}
.contact-info .information li span {
    font-size: 13px;
}
.social-wrap:before {
    content: "";
    width: 75%;
    height: 1px;
    background: #4a4a4a;
    position: absolute;
    bottom: 0;
}
.single_page .social-wrap:before {
    content:none;
}
/* Search Design */
.ajax-search{
    display: inline-flex;
    align-items: center;
}
.ajax-search .holder{
    display:none;
    color:#909090;
    margin-right: 10px;
}
.ajax-search i{
    display: inline-flex;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    min-height: 60px;
    width: 35px;
    display: flex;
    align-items: end;
    justify-content: center;
    background: rgba(46, 46, 46, 0.7);
    border-radius: 50px 50px 0 0;
    font-size: 18px;
    padding-top: 14px;
}
.search-close {
    position: absolute;
    display: inline-block;
    top: 10px;
    left: 40px;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s linear;
}
#search-text {
    min-height: 40px;
    background-color:#fff;
    border: none;
    border-radius: 5px;
    border: 1px solid transparent;
    font-size: 12px;
    transition: all 0.3s linear;
    color:#000;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 62px);
    width:0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 2;
    padding: 0 10px;
    visibility:hidden;
}
.search-results-box{
    position: absolute;
    width: 100%;
    z-index: 2;
    background-color: white;
    box-shadow: 0px 2px 17px -8px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    top: calc(100% + 103px);
    min-width: 500px;
    left: 0;
}
.search_probox, .search_blogbox {
    padding: 25px 15px;
    overflow-y: visible;
    height: 300px;
	overflow-x: hidden;
}
.result_item {
    height: 300px;
    overflow: hidden;
}
.search_probox::-webkit-scrollbar,.search_blogbox::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.search_probox::-webkit-scrollbar-track,
.search_blogbox::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.search_probox::-webkit-scrollbar-thumb,
.search_blogbox::-webkit-scrollbar-thumb {
  background: #df2424; 
}

.search_probox:after {
    content: "";
    position: absolute;
    left: 0;
    height: 60%;
    width: 1px;
    background: #f7f7f7;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ajax-search .noresults {
    display: block;
    color: #000;
    font-size: 13px;
    text-align:center;
}
.ajax-search .sb-product {
    width: 100%;
}
.search-title {
    color: #000;
    font-family: var(--bold-font);
    margin-bottom: 10px;
    display: block;
    line-height: 25px;
    text-align: center;
    margin-bottom: 20px;
}
h3.search_title {
    line-height: 24px;
    font-size: 16px;
    text-align:center;
    background: #000;
    padding: 15px 30px;
}
h3.search_title a {
    color: #fff;
    transition: all 0.3s;
}
h3.search_title:hover a {
    color: var(--red-color);
}
span.search_htitle {
    color: #fff;
    font-size: 20px;
    padding-bottom: 15px;
    display: block;
}
.for-wraper .noresults {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    margin: 0 auto;
    background-color: #000;
    padding: 15px 30px;
    border-radius: 5px;
    box-shadow: 0px 2px 9px -5px #000000f5;
}
.search_itemcard {

    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.search_thumb { padding: 7px;}
.search_thumb img {
    border: 1px solid #eee;
    height: auto;padding: 3px;
    transition: all 0.3s;
}
.result_item > .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.search_thumb a.no_thumbnail {
    background: #eee;
    width: 100%;
    height: 120px;
    display: block;
}
.ajax-search .viewmore {
    display: flex;
    align-items: center;
    padding: 15px 0;
    color: #000;
    transition: all 0.3s linear;
    justify-content: center;
}
.ajax-search .viewmore i{
    font-size: 11px;
    margin-right: 8px;
    margin-top: 8px;
}
.search-box {
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
}
.search-thumb {
    width: 45px;
}
.search-detail a{
    color:#000;
}
.search-detail p{
    color: #9b9b9b;
    font-size: 12px;
    line-height: 20px;
}
.search-detail h3{
    line-height:25px;
    margin-bottom: 4px;
}
.search-detail {
    margin-right: 15px;
    height: 100%;
}
/* product card */
.product-item .span-price-text {
    display: none;
}
.product-item {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
}
.product-image{
    position:relative;
}
.product-image a{
    display:block;
}
.product-item .woocommerce-Price-currencySymbol{
    margin-right:5px;
}
.product-item .price {
    display: block;
    text-align: center;
    color:  var(--main-color);
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0;
}
.product-info {
    min-height:260px;
}
.product-attribute {
    min-height: 20px;
}
.product-title{
    line-height: 25px;
    text-align: center;
    font-size: 18px;
    font-family: var(--bold-font);
    min-height: 48px;
}
.product-title a{
    display:block;
    color:#000;
}
.product-compare{
    display:inline-flex;
}
.product-item .compare_msg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 12px;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    color: var(--main-color);
}
.product-item .detail-info-product{
    position:relative;
    margin-bottom: 15px;
}

.product-item a.button {
    width: 100%;
    margin: 15px 0;
}
.section-title{
    line-height: 30px;
    font-size: 20px;
}
.all-sec {
    margin: 20px 0;
}
.product-attribute li {
    width: 10px;
    height: 10px;
}


/* blog-item */
.blog-carousel{
    margin:0;
}
.owl-carousel.off {
    margin: auto;
}
.card-default {
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    font-size:12px
}
.card-default-content h3 {
    min-height: 45px;
    line-height: 22px;
    font-size: 16px;
}
.card-default-content h3 a{
    display:block;
}
.card-default .cat{
    font-size: 14px;
    margin: 8px 0;
    display: inline-block;
}
.card-default  .post-ratings {
    display:flex;
    align-items:center;
}

footer{
    color:#fff;
}
footer a{
    color: #fafafa;
}
footer i.icon-f-phone {
    font-size: 18px;
}

footer i.icon-f-loc {
    font-size: 18px;
}
.footer-submenu li {
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
}
.footer-submenu li a {
    cursor: pointer;
    font-size: 15px;
    display: block;
}
.footer-submenu span{
    text-align: right;
}


/* charkh */
#fp-nav.fp-right {
    left: 10px;
}
#fp-nav ul li a span {
    background: #3b3b3b;
    box-shadow: 0 4px 8px #000;
    width: 10px!important;
    height: 10px!important;
    border: 1px solid #3b3b3b;
    transition:all 0.3s;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{
    margin: -2px 0 0 -2px;
    border-color: #fff;
    background: transparent;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
    margin: -2px 0 0 -2px;
}

/* Social Design */

.social-wrap{
    display: inline-flex;
    align-items:center;
    justify-content:center;
    margin: 12px 0;
    position: relative;
    flex-direction: row-reverse;
    padding-bottom: 13px;
}

.contact-info .social-wrap a {
    color: #fff;
    font-size: 16px;
    padding: 5px;
    margin: 0 5px;
}
.contact-wrap .social-wrap {
    margin-bottom: 0;
}
.contact-wrap .social-wrap a:hover,
.social-wrap.share-social a:hover,
.social-wrap a:hover{
    color:var(--red-color)
}
.contact-wrap .social-wrap a,
.social-wrap.share-social a{
    color:#484848;
    font-size: 18px;
    padding: 6px;
    display: inline-flex;
    width: 100%;
    height: 100%;
}
.social-wrap.share-social li.icon-share {
    font-size: 22px;
    margin-right: 15px;
}
.contact-wrap .social-wrap li,
.social-wrap.share-social li {
    display: inline-flex;
    align-items: center;
    width: 30px;
    height: 30px;
}
.social-wrap.share-social{margin: 0;padding: 0;}
/******Main menu****/
.main-menu li {
    display: inline-block;
    margin: 0px 5px;
    position: relative;
}
.mainhead.another-page .main-menu li.menu-item-has-children:before{
	border-color:#000;
}
.main-menu li.menu-item-has-children:before{
    content: "";
    position: absolute;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: -4px;
    top: 46%;
}
.main-menu li a {
    color: rgb(209 207 207);
    padding: 10px 5px;
    position: relative;
    transition: all 0.3s;
    display: inline-block;
}
.main-menu > li > a:before{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    background:var(--red-color);
    box-shadow:0 4px 8px rgba(223, 36, 36, 0.2);
    left:0;
    right:0;
    margin:auto;
    top:0;
    border-radius:50%;
    transform:scale(0);
    transition:all 0.3s;
}
.mainhead.another-page  .main-menu li.current_page_item > a:before,
.main-menu > li > a:hover:before{
    transform:scale(1);
}
.main-menu li.current_page_item > a:after,
.main-menu li.current_page_item > a,
.main-menu li.menu-item-has-children:hover > a:after,
.main-menu > li:hover > a{
    color: #fff;
}
.mainhead.another-page .main-menu li.menu-item-has-children:hover:before,
.main-menu  li.menu-item-has-children ul li.menu-item-has-children:hover:before{
	border-color:var(--red-color)!important;
}
.main-menu > li.menu-item-has-children:hover:before{
    border-color:#fff;
}
.main-menu  li.menu-item-has-children > ul li.menu-item-has-children:before {
    border-color:#000;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 0;
}
.menu-wrapper{
    display:none;
    align-items:center;
    height:100%;
    justify-content: center;
}
.main-menu ul.sub-menu {
    position: absolute;
    min-width: 180px;
    border-radius: 0 0 4px 4px;
    top: 95%;
    padding: 12px 0 0 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    background: rgba(255, 255, 255, 1);
    right: calc(50% - 90px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	font-size:12px;
}
.main-menu > li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.main-menu ul.sub-menu li {
    display: block;
    float: none !important;
    position: relative;
    margin:0;
    margin-bottom: 5px !important;
}
.main-menu ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top:0;
}
.main-menu ul.sub-menu li a {
    color: #000;
    display: block;
    padding: 2px 15px;
    transition:all 0.3s;
}
.main-menu ul.sub-menu li:hover > a {
    color:var(--red-color);
}
.main-menu ul.sub-menu li.menu-item-has-children ul.sub-menu {
    right: 107%;
}

/******menu mobile****/
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    user-select: none;
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #fff;
    stroke-width: 3.5;
    stroke-linecap: round;
}
.ham8 .top {
    stroke-dasharray: 40 160;
}
.ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
}
.ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
}
.hamRotate.active {
    transform: rotate(45deg);
}
.ham8.active .top {
    stroke-dashoffset: -64px;
}
.ham8.active .middle {
    transform: rotate(90deg);
}
.ham8.active .bottom {
    stroke-dashoffset: -64px;
}
.mmenu-icon{
    color:#fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
}

#mask{
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

#menumobile{
    position: fixed;
    top: 0;
    bottom: 0;
    right: -250px;
    width: 250px;
    background: #222;
    z-index: 99991;
    transition: all 0.5s;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.3) !important;
}

#menumobile img{
    max-width: 130px;
}

#nomenumobile {
    cursor: pointer;
    position: relative;
    top: 7px;
    transition: all 0.5s;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    font-size: 10px;
    line-height: 27px;
    color: #DF2424;
}

.come-menumobile{
    right: 0px !important;
}
.title-mm{
    background: #222;
    padding: 10px 20px;
    border-bottom: 1px solid #DF2424;
}

.main-mm{
    padding: 20px;
}

.main-mm ul li a{
    color: #fff;
    display: block;
    padding: 8px 0;
    position: relative;
    width: 80%;
    transition:all 0.3s;
    text-align: right;
}

.main-mm ul li a:hover{
    color:var(--red-color);
}

.main-mm ul li > .sub-menu{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 250px;
    background: #000;
    right: -250px;
    transition: all 0.3s;
    z-index: 9;
    padding: 20px;
}

.childer i{
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 10px;
}

.childer {
    position: absolute;
    left: -25%;
    cursor: pointer;
    top: 10px;
    width: 25px;
    height: 25px;
    background: #df2424;
    border-radius: 5px;
}

.come-submenu{
    right: 0px !important;

}

.sub-closer{
    cursor: pointer;
    top: 10px;
    width: 25px;
    height: 25px;
    background: var(--second-color);
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}

.sub-closer i{
    cursor: pointer;
    top: -1px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: relative;
    left: -1px;
}

.title-subcome{
    color: var(--main-color);
    font-weight: normal;
    position: relative;
    top: -2px;
}

/*
end menu mobile
 */
/* number footer] */
div#num {
    position: absolute;
    color: rgba(0, 0, 0, 0.35);
    font-size: 51px;
    bottom: 0;
    line-height: 25px;
    font-weight: bold;
    right: 55px;
}

.footer-num{
    display: flex;
}




/* breadcrumb */
.breadcrumbs{
    font-size: 13px;
    color:var(--red-color);
}
.breadcrumbs a:hover{
    color:var(--red-color);
}
.breadcrumbs a {
    transition: all 0.3s;
    padding: 10px 7px;
    display: inline-block;
    position: relative;
    color: rgb(79,79,79);
    padding-right: 9px;
}
.breadcrumbs a:after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--red-color);
    display: inline-block;
    margin-right: 0px;
    position: absolute;
    top: 4px;
    bottom: 0;
    margin: auto;
    left: -2px;
}
.breadcrumbs .breadcrumb_last{
    display:inline-block;
    padding: 10px 5px;
}
/* end-breadcrumb */


/* inner-page-title */
.inner-pages-heading h1 {
    font-size: 22px;
    margin: 10px 0;
}
.inner-pages-heading p {
    margin-bottom: 25px;
}
.page-title h1{
    font-family: var(--bold-font);
    font-size: 22px;
    margin-bottom: 22px;
}



/* single_page */
.img-wrap{
    display:table;
    margin:20px auto;
}
/* end_single_page */




/* single-product */
.single-product-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.single-product-title h1{
    font-family: var(--bold-font);
    font-size: 20px;
    margin-bottom: 5px;
}
.single-product-title p{

}




/* image gallery css */
.product-image #slider-product {
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
}
#thumbnailSlider {
    width:80%;
    margin: 10px auto;
}
#thumbnailSlider .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 115%;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    margin: auto;
    z-index: -1;
}
/* comment */
.comment-title {
    display: table;
    margin: auto;
    font-family: var(--bold-font);
    font-size: 26px;
    text-transform: capitalize;
    margin-bottom: 40px;
}
.reply-list{
    padding-top:100px;
}
.comment-wrap {
    background: #f8f8f8;
    padding-top: 60px;
    padding-bottom:80px;
    position:relative;
}
.comment-wrap:after {
    content: "read comments";
    position: absolute;
    bottom: -82px;
    font-size: 80px;
    left: 0;
    right:0;
    color: #f8f8f8;
    text-transform: capitalize;
    margin:auto;
    text-align:center;
}
.comment-wrap .form-group{
    margin-bottom:0;
}
.contact_field label, .comment-field label {
    font-family: var(--bold-font);
    margin-bottom: 5px;
    font-size: 13px;
}
.comment-respond textarea.form-control {
    height: 125px !important;
    padding: 20px 30px !important;
    margin-bottom: 20px;
}
.comment-field div.error {
    color: var(--red-color);
    position: absolute;
    bottom: -22px;
    font-size: 12px;
    left: 4px;
}
.comment-form-textarea.comment-field .error {
    bottom: 0;
    left: 20px;
}
.login_textarea.check_error textarea.form-control.error,
.comment-form-textarea textarea.error,
.comment-field.check_error input {
    border-color: var(--red-color);
}

.comment-field {
    margin-bottom: 18px;
    position:relative;
    text-align: right;
}
.comment-form-textarea.comment-field{
    margin-bottom:8px;
}
.user_message {
    background: linear-gradient( to right, #fff 0%, #fff 85%, #f9f9f9 80%, #f9f9f9 100% );
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 35px 95px 16px 85px;
    position:relative;
    min-height: 136px;
    text-align: right;
}
.top-cm {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 10px;
}
.comment-avatar-date {
    position: absolute;
    right: 0;
    writing-mode: vertical-lr;
    top: 50%;
    transform: translateY(-50%) scale(-1);
    text-align: center;
    border-left: 5px solid #484848;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #484848;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.comment-avatar-reply a {
    color: #000;
    font-family: var(--bold-font);
    position: relative;
    padding: 5px;
}
.comment-avatar-reply a:hover {
    color:var(--red-color);
}
.comment-avatar-reply a:hover:before {
    background:var(--red-color);
}
.comment-avatar-reply a:before {
    content: "";
    width: 6px;
    height: 16px;
    background: #484848;
    display: inline-block;
    margin-bottom: -4px;
    margin-left: 6px;
    border-radius: 15px;
    transition:all 0.3s;
}
.comment-avatar-name {
    font-size: 16px;
    color:#484848;
    text-transform: capitalize;
}

em.comment-awaiting-moderation.waiting_pm {
    color: red;
    font-size: 13px;
}
.user_comments ul.children {
    display: block;
    margin-right: 45px;
    position: relative;
}
.comment_box {
    margin-bottom: 34px;
    position: relative;
}
.admin_comment .comment-avatar-reply a {
    color: var(--gold-color);
}
.admin_comment .comment-avatar-reply a:hover{
    color: var(--red-color);
}
.admin_comment .comment-avatar-reply a:hover:before {
    background:var(--red-color)
}
.admin_comment .comment-avatar-name {
    color: #000;
    font-family: var(--bold-font);
}
.comment-text p {
    font-size: 13px;
}
.admin_comment .comment-avatar-date {
    border: 0;
    color: #484848;
    border-left: 4px solid #484848;
    padding-left: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 11px;
    font-size: 12px;
    font-weight: bold;
}
.admin_comment .user_message {
    background: linear-gradient( to right, #fff 0%, #fff 90%, #f9f9f9 85%, #f9f9f9 100% );
}
.user_comments ul.children .comment_box:before {
    content: "پاسخ به : ";
    color: var(--red-color);
    position: absolute;
    right: -40px;
    writing-mode: tb-rl;
    transform: translateY(50%);
    bottom: 50%;
    font-family: var( --bold-font);
}
.user_comments ul.children .comment_box:after{
    content:"\e931";
    color: var(--red-color);
    position: absolute;
    transform: rotateY(180deg);
    right: -42px;
    writing-mode: tb-rl;
    top: 12px;
    font-family: 'icomoon' !important;
    font-size: 15px;
}
a.trn_elm_logout {
    color: var(--green-color);
    margin-left: 15px;
    font-family: var(--bold-font);
}

a.trn_elm_logout:hover {
    color: var(--gold-color);
}

.logged-in-as {
    font-size: 15px;
    margin-bottom: 10px;
}
#cancel-comment-reply-link{
    color: var(--red-color);
    position: absolute;
    left: 0; 
    padding-right: 13px;
    z-index:5;
}
h3#reply-title {
    position: relative;
}

#cancel-comment-reply-link:before,
#cancel-comment-reply-link:after {
    content: "";
    width: 2px;
    height: 12px;
    background: var(--red-color);
    display: inline-block;
    position: absolute;
    top: 7px;
}

#cancel-comment-reply-link:before {
    right: 0;
    transform: rotate(45deg);
}

#cancel-comment-reply-link:after {
    right: 0;
    transform: rotate(-45deg);
}

/* inner-title */
.inner-title {
    font-size: 20px;
}
.inner-title span {
    font-family: var(--bold-font);
}
/* editor */
/* editor */
.editor_content.diff_ul{
    flex-wrap:wrap;
	    overflow: hidden;
    height: auto;
	    padding-bottom: 0
}
.editor_content .float-editor-left{
    float:left;
}
.editor_content .float-editor-right{
    float:right;
}
.post-wrapper {
    padding-top: 60px;
    padding-bottom: 80px;
}
.social-wrap-inner {
    background: #f8f8f8;
}

.social-inner {
    padding: 20px 60px;
    background: #f0f0f0 url(assets/images/bg-brands.png);
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.social-inner  .title{
    font-family:var(--bold-font);
    color:#484848;
    font-size: 15px;
}
.editor_content{
    color:#3c3d41;
    padding-bottom:30px;
    text-align: right;
}
.editor_content .wp-video {
    margin: 25px auto;
}
.editor_content  p{
    color: #484848;
    line-height: 31px;
    text-align: justify;
    font-size: 13px;
    margin-bottom: 25px;
}
.editor_content iframe{
    display:flex;
    align-items:center;
    margin:20px auto;
    width:100%;
}
.editor_content  h1 {font-size: 22px;margin-bottom: 15px;}
.editor_content  h2 {font-size: 18px;margin-bottom: 15px;margin-top: 25px;}
.editor_content  h3 {font-size: 16px;margin-bottom: 15px;margin-top: 25px;}
.editor_content  h4 {font-size: 15px;margin-bottom: 13px;margin-top: 20px;}
.editor_content  h5 {font-size: 14px;margin-bottom: 10px;margin-top: 17px;}
.editor_content  h6 {font-size: 13px;margin-bottom: 8px;margin-top: 15px;}
.editor_content  p a {color:var(--red-color) ;transition: all 0.3s;}
.editor_content  p a:hover {color: var(--red-color);}

.editor_content ol li:before{
    counter-increment: section;
    content: "" counter(section , decimal-leading-zero) "";
    color: var(--red-color);
    font-family: var(--bold-font);
    font-size: 22px;
    margin-left: 20px;
    min-width: 28px;
    display: inline-block;
    text-align: right;
}
.editor_content ol li{
    font-size:15px;
}
.editor_content ul , .editor_content ol {
    font-size: 14px;
    line-height: 36px;
    color: #000;
    margin-bottom: 15px;
    text-align: justify;
}
.editor_content ol {
    padding-left: 15px;
    counter-reset: section;
}
.editor_content > ul{
    padding-right:0;
}
.editor_content > ul > li{
    list-style:none;
}
.editor_content > ul > li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    vertical-align: middle;
    background: var(--red-color);
}
.editor_content blockquote {
    position: relative;
    margin: 30px 0 40px;
    background: #f6f6f6;
    padding:40px 30px 30px
}
.editor_content blockquote p{
    font-size: 14px;
    text-align:right;
}
.editor_content blockquote:before {
    content: "\e930";
    position: absolute;
    width: 80px;
    left: 0;
    transform: rotateY(180deg);
    z-index: 2;
    font-family: 'icomoon' !important;
    bottom: 0;
    font-size: 40px;
    text-align: end;
}
.editor_content strong {
    font-family: var(--bold-font);
}
.editor_content table td, .editor_content table th {
    padding: 14px 10px;
    border-bottom: 1px solid var(--red-color);
    line-height: 20px;
    font-size: 13px;
}
.editor_content  table {

    border-collapse: collapse;
    width: 100%;
}

.editor_content  td, .editor_content  th {
    border: 1px solid var(--red-color);
    padding: 8px;
}


.editor_content  th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
.editor_content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 35px 0px;
}
.editor_content .aligncenter {
    margin: 30px auto 15px;
}
.editor_content .alignright {
    margin-right: 0;
    float: right;
    margin-left: 20px;
    margin-top: 10px;
}

.editor_content .alignleft {
    margin-left: 0;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.page_lightgallery {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin:20px 0;
}
.gallery_item a{
    position:relative;
    display:block;
    margin:5px;
    overflow:hidden;
    border-radius: 15px;
	background: #fff;
}
.gallery_item a img{
    transform: scale(1);
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin:0;
}
.gallery_item a:hover img{
    transform: scale(1.05);
}
.gallery_item a:after {
    transform:scale(0.65);
}

.editor_content .owl-gallery .owl-nav button{
    position: absolute;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
}
.editor_content .owl-gallery .owl-nav button.owl-prev {
    right: 0;
}
.editor_content .owl-gallery .owl-nav button.owl-next {
    left: 0;
}
/* end_editor */
.singleproduct-tag{
	 padding-top: 18px;
}
.singleproduct-tag a:hover{
	color:#fff;
	background-color:var(--red-color);
}
.singleproduct-tag a {
  min-width: 90px;
display: inline-flex;
text-align: center;
height: 36px;
border: 1px solid var(--red-color);
margin: 5px 0 5px 10px;
align-items: center;
justify-content: center;
font-size: 12px;
transition:0.4s;
padding: 3px 3px 5px 3px;
color: rgb(110, 110, 110);
position: relative;
line-height: 1;
border-radius: 7px;
}
.single-tag.tag-wrap {
    border-top: 1px solid #f1f1f1;
    padding-top: 25px;
    text-align: right;
}
.tag-wrap .label {
    display: inline-block;
    font-family: var(--bold-font);
    font-size: 14px;
    margin-left: 8px;
}
.tag-wrap a {
    min-width: 110px;
    display: inline-flex;
    text-align: center;
    height: 40px;
    background: rgb(238,238,238);
    margin: 5px 4px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 3px;
    color: rgb(116,116,116);
    position:relative;
}
.tag-wrap a:hover{
    background:#fff;
}
.tag-wrap a:before,
.tag-wrap a:after{
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    transition: all 0.2s linear;
    background: #979797;
}
.tag-wrap a:hover:before,.tag-wrap a:hover:after {
    width: 100%;
}
.tag-wrap span.label:before, .tag-wrap span.label:after{
    content:none;
}
.tag-wrap span:before, .tag-wrap span:after {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #979797;
}
.tag-wrap a:hover span:before, .tag-wrap a:hover span:after {
    height: 100%;
}
.tag-wrap span:before {
    left: 0;
    top: 0;
    transition-duration: 0.4s;
}
.tag-wrap span::after {
    right: 0;
    bottom: 0;
    transition-duration: 0.4s;
}
.tag-wrap a:before {
    left: 0;
    top: 0;
    transition-duration: 0.4s;
}
.tag-wrap a:after {
    right: 0;
    bottom: 0;
    transition-duration: 0.4s;
}
.page_wrap{
    margin-bottom:60px; 
}



/* testimonial style */

.wraper-comment {
	background: #f5f5f5;
    border-radius: 15px;
    padding: 35px 32px;
    position: relative;
    transition: .3s;
}


.owl-item.center .wraper-comment{
	transform: scale(1);
	opacity: 1;
	    margin: 0 -45px 0 -45px;
}

@media (min-width: 992px){
.wraper-comment {
	min-width: 600px;
    min-height: 260px;
	transform: scale(0.75);
    opacity: 0.5;
}
.owl-item.center .wraper-comment{
	transform: scale(1);
	opacity: 1;
	    margin: 0 -45px 0 -45px;
}	
	
}


.wraper-comment i {
	    position: absolute;
    font-size: 61px;
    left: 92px;
    top: -17px;
}
.person-name {
    color: #3e3e3e;
    font-size: 18px;
	    margin-bottom: 10px;
}
.person-post {
    font-size: 17px;
    color: #959595;
}
.person-comment {
    color: #5a5a5a;
    font-size: 16px;
	position:relative;
	margin-top: 60px;
}
.wraper-comment:before {
	content: "";
    background: url(assets/images/Shape.svg) no-repeat;
    background-size: contain;
    width: 215px;
    height: 112px;
    position: absolute;
    top: -42px;
    left: 20px;
}
.person-comment:before {
    content: "";
    background: radial-gradient(circle, rgba(231,231,231,1) 75%, rgba(252,70,107,0) 100%);
    width: 350px;
    height: 2px;
    position: absolute;
    top: -30px;
    right: 50%;
    transform: translateX(50%);
}
.owl-dot{
	width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #e2e2e2 !important;
    border-radius: 50%;
    position: relative;
    margin-right: 7px;
	transition:.3s;
}
.owl-dot.active{
	    width: 35px;
    background-color: #e02425 !important;
    height: 10px;
    border-radius: 20px;
}
.owl-dots {
    text-align: center;
    margin-top: 30px;
}
.testimonial-owl .owl-stage {
   display: flex;
    justify-content: center;
}
.testimonial-owl .owl-item {
    padding-top:15px;

}


 .testimonial-owl:after{
	content: "";
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%);
    width: 220px;
    height: 265px;
    position: absolute;
    top: 0;
    right: 0;
	    opacity: .9;
}
.testimonial-owl:before{
	content: "";
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%);
    width: 220px;
    height: 265px;
    position: absolute;
    top: 0;
    left: 0;
	opacity: .9;
	z-index: 1;
} 
.title-section{
    display: table;
    margin: auto;
    font-family: var(--bold-font);
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.desc-section {
    color: #b7b7b7;
    text-align: center;
    font-size: 15px;
}
.title-site {
    margin-bottom: 30px;
}
#testimonial {
    margin: 50px 0 50px 0;
}
#news-related {
    margin: 50px 0 50px 0;
}
.section-products{
	 margin: 50px 0 50px 0;
}
.simple-btn i {
    font-size: 9px;
    margin-right: 7px;
    display: inline-block;
    transition: all 0.3s;
}
.simple-btn {
    color: var(--red-color);
    font-size: 13px;
}
.section-blog .simple-btn{
	margin-top: 25px;
}
.section-blog .simple-btn:hover{
	color:var(--gray-dark);
}


/* --------------------
    TAB CSS
-------------------- */

.tabcontent{
	display:none;
    animation: fadeEffect 1s;
	
}
.tabcontent.active{
	display:block;
}

@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.tab .tablinks span{
   border: 1px solid #f0f0f0;
    background: #fff;
    font-family: 'Pelak-Regular';
    height: 55px;
    padding: 10px 20px;
    min-width: 185px;
    height: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	    font-size: 16px;
		transition:.3s;
}
.tab .tablinks{
	    border: none;
    background: #fff;
    padding: 0;
    margin-left: 30px;
    padding-bottom: 14px;
    transition: .3s;
    font-size: 15px;
    color: #848484;
	position: relative;
}
.tab .tablinks:after{
	content: "";
    background: var(--red-color);
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -2px;
	left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
	transition:.3s;
}
.tab .tablinks:hover{
	color:#000;
}
.tab .tablinks:hover:after{
    width: 100%;
	opacity: 1;
    visibility: visible;
}
.tab .tablinks.active:after{
    width: 100%;
	opacity: 1;
    visibility: visible;
}
.tab .tablinks.active{
	color:#000;
}
.featuretab {
    background: #f5f5f5;
    border-radius: 15px;
    padding: 25px;
}
.tab{
	display:flex;
	border-bottom: 2px solid #eeeeee;
	margin-bottom: 30px;
}
.tablinks.active{
    border-color: transparent;
}
.tablinks.active span{
	    background: #f9f9f9;
    border-color: transparent;
    color: #aebbd5;
}
.tab .tablinks:last-child{
	margin-left: 0;
}
.item-specific span{
	background: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 20px;
	
}
.item-specific span:first-of-type{
	max-width:24%;
	flex:0 0 24%;
	text-align: center;
	
}
.item-specific:last-of-type{
	margin-bottom:0;
}
.item-specific {
       display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.item-specific span:last-of-type{
	max-width:74%;
	flex:0 0 74%;
	
}
.item-specific {
    display: flex;
    flex-wrap: wrap;
}
.product-main .social-inner {
    margin: 0;
    background: unset;
    padding: 10px 0;
}
.single-product-top {
    margin-bottom: 40px;
}

#comments-single .comment-wrap {
    padding: 60px 20px 80px 20px;
	border-radius: 15px;
}
#comments-single .comment-title {
    display: none;
}
#comments-single .comment-wrap:after {
    bottom: -135px;
   
}
#comments-single .reply-list {
    padding-top: 120px;
}

/* product style */
.category_post span{
	color: #333333;
    font-size: 14px;
	margin-left: 7px;
}
.category a {
	display: inline-flex;
    align-items: center;
	color: #333333;
    transition: .3s;
	font-size: 14px;
}
.category a:hover {
	color: var(--red-color);
}
.category {
    display: flex;
    flex-wrap: wrap;
}

.category a::before {
    content: '';
    width: 2px;
    height: 14px;
    background-color: #e6e6e6;
    display: inline-block;
    margin: 0 11px;
}
.category_post a:first-child::before{
	content:none;
}
.category_post {
        display: flex;
    align-items: center;
    margin-bottom: 15px;
	    flex-wrap: wrap;
}


.single-product-top .title-site {
    margin-bottom: 5px;
}
.product-main .title-heading {
    font-size: 24px;
}
.item-attr span{
	font-size: 15px;
    color: #707070;
}
.item-attr i{
	font-size: 22px;
	margin-left: 8px;
	    padding-top: 2px;
}
.item-attr{
	display:flex;
	align-items: flex-start;
	margin-bottom: 10px;
	
}
.attributes {
    margin: 25px 0;
}
.ptr-btn .icon-download-p{
	font-size: 20px;
    margin-left: 13px;
}


@media screen and (min-width: 1200px) {
	#sinc2 {
    transform: rotate(90deg) translateY(50%);
    width: 280px;
    position: absolute;
    top: calc(50% - 38px);
    left: -27px;
}
#sinc2 .owl-item {
    transform: rotate(-90deg);
}
#sinc2 .owl-nav{
	display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50%;
    height: 0;
    margin: 0;
}

#sinc2 .owl-nav button.owl-prev {
    right: -89px;
	transform: rotate(-90deg); 
	margin: 0;
}
#sinc2 .owl-nav button.owl-next {
    left: -89px;
	transform: rotate(90deg);
	   margin: 0;
}	
#sinc1 {
    width: calc(100% - 130px) !important;
}
.single-img #sinc1 {
    width: 100% !important;
}
.flex-viewport {
    display: flex;
}
#sinc2 .item img{
	max-height: 70px;
}
.gallery_item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-img .gallery_item {
    display: block;
}


#sinc1 .item img{
	max-height: 335px;
	width: auto;
}
}
#sinc2 .owl-nav button {
	font-size: 46px;
    background: transparent;
    color: #858585;
	position: absolute;
	bottom: calc(50% - 42px) !important;
	transition:.3s;
}
#sinc2 .owl-nav button:hover {
    color: var(--red-color);
}

#sinc2 .owl-nav button i{
	position:relative;
}
.flex-viewport {
    background: #f5f5f5;
    padding: 5px;
    border-radius: 13px;
	position: relative;
}
.flex-viewport.single-img #sinc1 .owl-stage ,
.flex-viewport.single-img #sinc1 .owl-item{
    width: 100% !important;
}

.flex-viewport.single-img #sinc1 .item img {
	margin: auto;
     max-height: unset; 
     width: unset; 
}
.flex-viewport.single-img #sinc1 {
	margin: 0; 
}


#sinc2 .item{
	background: #e7e7e7;
    border-radius: 20px;
    border: 5px solid #fff;
	position: relative;
    cursor: pointer;
	overflow: hidden;
}
#sinc2 .item:after{
	content: "";
    background: var(--red-color);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto;
    transition: .5s;
    top: 0;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
}
#sinc2 .item:hover:after{
    opacity: .5;
    transform: scale(1.5);
    visibility: visible;
}
.owl-prev.disabled, .owl-next.disabled{
	    cursor: unset !important;
}

.product-main {
    margin: 60px 0 80px 0;
}

.flex-viewport:before {
    content: "";
    background: url(assets/images/Shape.svg) no-repeat;
    background-size: contain;
    width: 93px;
    height: 50px;
    position: absolute;
    top: -18px;
    left: 26px;
    transition: .3s;
    z-index: 0;
}
.flex-viewport:after {
        content: "";
    background: url(assets/images/Shape.svg) no-repeat;
    background-size: contain;
    width: 90px;
    height: 46px;
    position: absolute;
    bottom: -16px;
    left: 26px;
    transition: .3s;
    z-index: 0;
    transform: rotate(180deg);
}

.product-owl .owl-item{
	padding-top:140px;
}
.product-owl .cat-item-inner .image-cat {
    top: calc(50% - 280px);
}
.product-owl .cat-item-inner {
    padding-bottom: 16px;
}

.product-owl .cat-item-inner h2{
    margin-top: 35px;
}

.section-faq {
    margin: 50px 0 50px 0;
}
.single-img.flex-viewport:before ,.single-img.flex-viewport:after{
	content:none;
}

/* --------------------
    FAQ CSS
-------------------- */


.faq-cats{
	margin-bottom: 55px;
}
.faq-cat {
	text-align: center;
    transition: 0.3s ease;
    position: relative;
    font-size: 16px;
    display: block;
	padding: 5px 3px;
}
.faq-cats a:after {
    content: "";
    width: 1px;
    height: 41px;
    display: inline-block;
    border-radius: 5px;
    background: #D8D8D8;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc(50% - 20px);
    transition: all 0.3s;
}
.faq-cats{
	position:relative;
}
.faq-cats:after{
	content: "";
    width: 15px;
    height: 100%;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc(50% - 20px);
    transition: all 0.3s;
}

.faq-cat.active a{
	color:var(--color2);
}
.faq-cat a{
	color:#262626;
	transition:.3s;
}
.faq-cat:hover a{
	color:var(--color2);
}

.faqs-content .faqs-question {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 19px 40px;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    position: relative;
    background: #fadedd;
    border-radius: 15px;
	transition: .3s;
}
.faqs-content .faqs-item {
    overflow: hidden;
	position:relative;
	transition:.3s;
	    margin-bottom: 16px;
}
.accordion-content{
	display:none;
}
.faqs-item .faqs-answer {
    padding: 20px 40px;
    background: #f5f5f5;
    border-radius: 15px;
    margin-top: 16px;
}
.faqs-question .faq-num {
    font-size: 22px;
    color: #fff;
    font-family: 'iranyekan';
    position: absolute;
    left: 14px;
	top: 15px;
}
.faqs-answer .editor-content p{
	font-size: 14px;
    line-height: 2.1;
}
.faqs-question i{
	position: absolute;
    left: 25px;
    font-size: 16px;
    color: #000;
    transition: .3s;
    top: 23px;
}

.faqs-wrap.active .faqs-question i{
    color: #fff;
	transform: rotate(180deg);
}
.faqs-wrap.active .faqs-question{
	background:var(--red-color);
	color:#fff;
}

.faqs-question .faq-num:after {
	content: "\e90c";
    color: #cbcccd;
    position: absolute;
    top: calc(50% - 38px);
    left: calc(50% - 20px);
    font-family: 'icomoon';
    font-size: 36px;
    z-index: -1;
	transition:.3s;
}
.faqs-item.active .faqs-question .faq-num:after {
    color: #008FD6;
}
.mapp-container .item-set.vertical.reverse {
    z-index: 900;
}
.websima-map {
    z-index: 2 !important;
}


.faqs-item .faqs-question .chevron-thin-down:before, .faqs-item .faqs-question .chevron-thin-down:after {
    content: "";
    position: absolute;
    background-color: #CBCCCD;
    transition: all 0.3s ease-out;
    top: 0;
    bottom: 0;
    margin: auto;
}

.faqs-item .faqs-question .chevron-thin-down::after {
    left: -10px;
    width: 16px;
    height: 2px;
}
.faqs-item .faqs-question .chevron-thin-down::before {
    left: -1px;
    width: 2px;
    height: 16px;
    margin-left: -2px;
}

.faqs-item.active .faqs-question .chevron-thin-down::before {
    transform: rotate(90deg);
    background-color: var(--color1);
}
.faqs-item.active .faqs-question .chevron-thin-down::after {
    transform: rotate(180deg);
    background-color: var(--color1);
}
.title-part.faq-title-template {
    margin-bottom: 40px;
	text-align:center;
}
.faq-title{
	margin-bottom: 50px;
}
.faqs-item .faqs-question .chevron-thin-down {
    position: absolute;
    right: 30px;
    top: 35px;
}
.faqs-item>.row>.col-12{
	padding-left: 10px !important;
    padding-right: 10px !important;
}
.faq-content.in > p {
    background: var(--bg_danger);
    color: var(--danger);
    padding: 15px;
    text-align: center;
}
.faq-carousel.space-nav .owl-nav button.owl-prev, .faq-carousel.space-nav .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
	color:#c4c5c8;
	transition:.3s;
}
.faq-carousel.space-nav .owl-nav button.owl-prev:hover, .faq-carousel.space-nav .owl-nav button.owl-next:hover {
    color:var(--color2);
}



.faq-carousel.space-nav .owl-nav button.owl-prev {
    right: -40px;
}
.faq-carousel.space-nav .owl-nav button.owl-next {
    left: -40px;
}
.faqs-item.active{
	border-color:var(--color2);
}
/* pagination */
.pagination_wrap {
    display: flex;
    margin: 40px 0;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
}
.pagination ul.pages a:hover ,
.pagination ul.pages li.active a {
    color: var(--red-color);
}

.pagination ul.pages {
    display: flex;
    align-items: center;
}

.pagination ul.pages a {
    color: #484848;
    font-family: var(--bold-font);
    font-size: 18px;
    display: block;
    padding: 5px 8px;
    transition: all 0.3s;
}






/* contact page */
.contact-text {
    font-size: 16px;
    color: #575757;
    margin-bottom: 15px;
    display: block;
}

.contact-text i {
    font-size: 18px;
    margin-left: 8px;
}
.contact-text a {
    color: #575757;
    display: block;
    line-height: 23px;
}
.contact-text a:hover{
    color:var(--main-color);
}
.contact-text p {
    font-size: 13px;
    padding-right: 25px;
    margin-top: 10px;
}
textarea#contact-msg{
    height:135px;
}
.contact_btn .ajax-loader{
    display:none!important;
}

/* .bg-all-wrap {
    width: 66%;
    height: 84%;
} */
.bg-all.intro-bg  {
    z-index:1;
}

.fire {
    font-size: 10px;
    filter: blur(0.02em);
    -webkit-filter: blur(0.02em);
    position: absolute;
    width: 2em;
    height: 0;
    left: 392px;
    z-index: -1;
    top: 92px;
}

.fire .particle {
    animation: rise 1s ease-in infinite;
    background-image: radial-gradient(#ff5000 20%, rgba(255, 80, 0, 0) 70%);
    border-radius: 50%;
    mix-blend-mode: screen;
    opacity: 0;
    position: absolute;
    bottom: -14px;
    width: 3em;
    height: 3em;
    left: 0;
    right: 0;
    margin: auto;
}
.fire .particle:nth-of-type(1) {
    animation-delay: 0.39207628s;
    left: calc((100% - 5em) * 0);
}
.fire .particle:nth-of-type(2) {
    animation-delay: 0.4446389802s;
    left: calc((100% - 5em) * 0.02);
}
.fire .particle:nth-of-type(3) {
    animation-delay: 0.0342177775s;
    left: calc((100% - 5em) * 0.04);
}
.fire .particle:nth-of-type(4) {
    animation-delay: 0.1853659745s;
    left: calc((100% - 5em) * 0.06);
}
.fire .particle:nth-of-type(5) {
    animation-delay: 0.6144954495s;
    left: calc((100% - 5em) * 0.08);
}
.fire .particle:nth-of-type(6) {
    animation-delay: 0.741095946s;
    left: calc((100% - 5em) * 0.1);
}
.fire .particle:nth-of-type(7) {
    animation-delay: 0.4901042887s;
    left: calc((100% - 5em) * 0.12);
}
.fire .particle:nth-of-type(8) {
    animation-delay: 0.6317334444s;
    left: calc((100% - 5em) * 0.14);
}
.fire .particle:nth-of-type(9) {
    animation-delay: 0.3100577176s;
    left: calc((100% - 5em) * 0.16);
}
.fire .particle:nth-of-type(10) {
    animation-delay: 0.1665934108s;
    left: calc((100% - 5em) * 0.18);
}
.fire .particle:nth-of-type(11) {
    animation-delay: 0.1186796639s;
    left: calc((100% - 5em) * 0.2);
}
.fire .particle:nth-of-type(12) {
    animation-delay: 0.1261962058s;
    left: calc((100% - 5em) * 0.22);
}
.fire .particle:nth-of-type(13) {
    animation-delay: 0.6867438133s;
    left: calc((100% - 5em) * 0.24);
}
.fire .particle:nth-of-type(14) {
    animation-delay: 0.585228189s;
    left: calc((100% - 5em) * 0.26);
}
.fire .particle:nth-of-type(15) {
    animation-delay: 0.7675333589s;
    left: calc((100% - 5em) * 0.28);
}
.fire .particle:nth-of-type(16) {
    animation-delay: 0.7654987473s;
    left: calc((100% - 5em) * 0.3);
}
.fire .particle:nth-of-type(17) {
    animation-delay: 0.2913054297s;
    left: calc((100% - 5em) * 0.32);
}
.fire .particle:nth-of-type(18) {
    animation-delay: 0.4724697409s;
    left: calc((100% - 5em) * 0.34);
}
.fire .particle:nth-of-type(19) {
    animation-delay: 0.7925796905s;
    left: calc((100% - 5em) * 0.36);
}
.fire .particle:nth-of-type(20) {
    animation-delay: 0.9505661546s;
    left: calc((100% - 5em) * 0.38);
}
.fire .particle:nth-of-type(21) {
    animation-delay: 0.1067304289s;
    left: calc((100% - 5em) * 0.4);
}
.fire .particle:nth-of-type(22) {
    animation-delay: 0.0194156344s;
    left: calc((100% - 5em) * 0.42);
}
.fire .particle:nth-of-type(23) {
    animation-delay: 0.285169434s;
    left: calc((100% - 5em) * 0.44);
}
.fire .particle:nth-of-type(24) {
    animation-delay: 0.776868191s;
    left: calc((100% - 5em) * 0.46);
}
.fire .particle:nth-of-type(25) {
    animation-delay: 0.4450067493s;
    left: calc((100% - 5em) * 0.48);
}
.fire .particle:nth-of-type(26) {
    animation-delay: 0.6070190795s;
    left: calc((100% - 5em) * 0.5);
}
.fire .particle:nth-of-type(27) {
    animation-delay: 0.8710558634s;
    left: calc((100% - 5em) * 0.52);
}
.fire .particle:nth-of-type(28) {
    animation-delay: 0.4907419944s;
    left: calc((100% - 5em) * 0.54);
}
.fire .particle:nth-of-type(29) {
    animation-delay: 0.619148721s;
    left: calc((100% - 5em) * 0.56);
}
.fire .particle:nth-of-type(30) {
    animation-delay: 0.122975596s;
    left: calc((100% - 5em) * 0.58);
}
.fire .particle:nth-of-type(31) {
    animation-delay: 0.8801362808s;
    left: calc((100% - 5em) * 0.6);
}
.fire .particle:nth-of-type(32) {
    animation-delay: 0.3519489781s;
    left: calc((100% - 5em) * 0.62);
}
.fire .particle:nth-of-type(33) {
    animation-delay: 0.4481028923s;
    left: calc((100% - 5em) * 0.64);
}
.fire .particle:nth-of-type(34) {
    animation-delay: 0.5075600918s;
    left: calc((100% - 5em) * 0.66);
}
.fire .particle:nth-of-type(35) {
    animation-delay: 0.4469370177s;
    left: calc((100% - 5em) * 0.68);
}
.fire .particle:nth-of-type(36) {
    animation-delay: 0.6594830094s;
    left: calc((100% - 5em) * 0.7);
}
.fire .particle:nth-of-type(37) {
    animation-delay: 0.2703947048s;
    left: calc((100% - 5em) * 0.72);
}
.fire .particle:nth-of-type(38) {
    animation-delay: 0.7633126568s;
    left: calc((100% - 5em) * 0.74);
}
.fire .particle:nth-of-type(39) {
    animation-delay: 0.782492479s;
    left: calc((100% - 5em) * 0.76);
}
.fire .particle:nth-of-type(40) {
    animation-delay: 0.8427194796s;
    left: calc((100% - 5em) * 0.78);
}
.fire .particle:nth-of-type(41) {
    animation-delay: 0.8565182694s;
    left: calc((100% - 5em) * 0.8);
}
.fire .particle:nth-of-type(42) {
    animation-delay: 0.146177461s;
    left: calc((100% - 5em) * 0.82);
}
.fire .particle:nth-of-type(43) {
    animation-delay: 0.6685723707s;
    left: calc((100% - 5em) * 0.84);
}
.fire .particle:nth-of-type(44) {
    animation-delay: 0.0576356245s;
    left: calc((100% - 5em) * 0.86);
}
.fire .particle:nth-of-type(45) {
    animation-delay: 0.4152189863s;
    left: calc((100% - 5em) * 0.88);
}
.particle:nth-of-type(46) {
    animation-delay: 0.537865141s;
    left: calc((100% - 5em) * 0.9);
}
.fire .particle:nth-of-type(47) {
    animation-delay: 0.614683323s;
    left: calc((100% - 5em) * 0.92);
}
.fire .particle:nth-of-type(48) {
    animation-delay: 0.5249482312s;
    left: calc((100% - 5em) * 0.94);
}
.fire .particle:nth-of-type(49) {
    animation-delay: 0.926426804s;
    left: calc((100% - 5em) * 0.96);
}
.fire .particle:nth-of-type(50) {
    animation-delay: 0.9201837904s;
    left: calc((100% - 5em) * 0.98);
}

@keyframes rise {
    from {
        opacity: 0;
        transform: translateY(0) scale(1);
    }
    25% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translateY(-10em) scale(0);
    }
}

:root {
    --wind: 18;
    --blur: 4.5;
}

.smoke {
    position: absolute;
    top: -138px;
    left: 87px;
    width: 16vw;
    height: 370px;
    filter: blur(calc(var(--blur) * 0.2rem));
    overflow: hidden;
    opacity: 0.6;
}

.smoke .particle {
    position: absolute;
    left: 0;
    top: 0;
    animation-fill-mode: both;
    border-radius: 50%;
    offset-rotate: 0deg;
    background-image: radial-gradient(circle at 25% 0%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}

.smoke .particle:nth-child(1) {
    width: 1.5300893101rem;
    height: 1.5300893101rem;
    animation: smoke-1 1021.1444444345ms linear -971.6160910681ms infinite normal;
    offset-path: path("M 50 200, C 28.4035805277 100 83.2141529514 50 12.8658436632 -50");
    background-color: #afafaf;
}

@keyframes smoke-1 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(16.2847430206deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.1896225087) translateX(calc(var(--wind) * 1vh)) scaleX(4.4084419797) scaleY(1.6578015586) rotate(52.2617129549deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(2) {
    width: 1.8957141112rem;
    height: 1.8957141112rem;
    animation: smoke-2 1470.7347886848ms linear -517.5892268019ms infinite normal;
    offset-path: path("M 50 200, C -22.6591189468 100 -44.5854037787 50 41.8679055208 -50");
    background-color: #dedede;
}

@keyframes smoke-2 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(12.6618880106deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.0890560257) translateX(calc(var(--wind) * 1vh)) scaleX(2.0246488221) scaleY(1.6405937341) rotate(64.2243860796deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(3) {
    width: 1.6190717262rem;
    height: 1.6190717262rem;
    animation: smoke-3 1027.0440734522ms linear -550.9868358299ms infinite normal;
    offset-path: path("M 50 200, C -7.8167779555 100 -20.9833827174 50 35.0746985121 -50");
    background-color: #8a8a8a;
}

@keyframes smoke-3 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(8.2004334506deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.5460308418) translateX(calc(var(--wind) * 1vh)) scaleX(3.7959997975) scaleY(1.7664933224) rotate(70.7432423399deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(4) {
    width: 1.7813218174rem;
    height: 1.7813218174rem;
    animation: smoke-4 1089.1613577781ms linear -928.0428137978ms infinite normal;
    offset-path: path("M 50 200, C 41.3908897839 100 -74.9625588097 50 1.1356002101 -50");
    background-color: #999999;
}

@keyframes smoke-4 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(24.9875742403deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.6318875987) translateX(calc(var(--wind) * 1vh)) scaleX(5.6217169426) scaleY(1.5099426847) rotate(47.492060439deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(5) {
    width: 1.2799770043rem;
    height: 1.2799770043rem;
    animation: smoke-5 1377.8975594996ms linear -89.0096014954ms infinite normal;
    offset-path: path("M 50 200, C 47.0277081015 100 62.4919574751 50 6.8689708334 -50");
    background-color: #e0e0e0;
}

@keyframes smoke-5 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(21.8775653264deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.2362901703) translateX(calc(var(--wind) * 1vh)) scaleX(5.187848251) scaleY(1.7789443333) rotate(44.2740127275deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(6) {
    width: 1.7679257025rem;
    height: 1.7679257025rem;
    animation: smoke-6 1526.0505461432ms linear -1393.1627928069ms infinite normal;
    offset-path: path("M 50 200, C 24.9033668116 100 48.4428350383 50 27.524363712 -50");
    background-color: #989898;
}

@keyframes smoke-6 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(6.773880351deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.7167572133) translateX(calc(var(--wind) * 1vh)) scaleX(4.6698514741) scaleY(1.7340973246) rotate(63.2816878732deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(7) {
    width: 1.7036424219rem;
    height: 1.7036424219rem;
    animation: smoke-7 1642.9804689298ms linear -1288.9140987355ms infinite normal;
    offset-path: path("M 50 200, C 44.9294116133 100 -76.7522391109 50 14.6369223588 -50");
    background-color: #c7c7c7;
}

@keyframes smoke-7 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(15.5689268726deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.0341343562) translateX(calc(var(--wind) * 1vh)) scaleX(3.6054860542) scaleY(1.6447519903) rotate(39.2250845879deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(8) {
    width: 1.0831686392rem;
    height: 1.0831686392rem;
    animation: smoke-8 1174.3043178834ms linear -1019.3276587871ms infinite normal;
    offset-path: path("M 50 200, C -8.9039408786 100 85.1604927328 50 39.5313730159 -50");
    background-color: #bebebe;
}

@keyframes smoke-8 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(4.0187864367deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.1094113677) translateX(calc(var(--wind) * 1vh)) scaleX(3.4292011649) scaleY(1.7159651677) rotate(39.5117155914deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(9) {
    width: 1.3657435357rem;
    height: 1.3657435357rem;
    animation: smoke-9 1306.8549533492ms linear -495.9267749442ms infinite normal;
    offset-path: path("M 50 200, C 1.2440822309 100 18.7056308718 50 2.3138792489 -50");
    background-color: #b3b3b3;
}

@keyframes smoke-9 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(7.9479031345deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.6822183317) translateX(calc(var(--wind) * 1vh)) scaleX(4.7033714204) scaleY(1.8650755626) rotate(7.9317804103deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(10) {
    width: 1.5140652755rem;
    height: 1.5140652755rem;
    animation: smoke-10 1490.1163392857ms linear -933.1522924856ms infinite normal;
    offset-path: path("M 50 200, C -18.286677549 100 20.4931575574 50 5.8109223218 -50");
    background-color: #999999;
}

@keyframes smoke-10 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(28.2794886861deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.576598175) translateX(calc(var(--wind) * 1vh)) scaleX(2.6789460038) scaleY(1.9290789446) rotate(72.29079808deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(11) {
    width: 1.5834472828rem;
    height: 1.5834472828rem;
    animation: smoke-11 1505.7807467541ms linear -833.7304662285ms infinite normal;
    offset-path: path("M 50 200, C -5.8851280662 100 -20.6378740723 50 33.1814976985 -50");
    background-color: #b0b0b0;
}

@keyframes smoke-11 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(2.6209316402deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.8010265506) translateX(calc(var(--wind) * 1vh)) scaleX(4.2784453222) scaleY(1.8301593189) rotate(55.2210176655deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(12) {
    width: 1.4502732229rem;
    height: 1.4502732229rem;
    animation: smoke-12 1707.7304496055ms linear -398.9550136112ms infinite normal;
    offset-path: path("M 50 200, C 4.920341583 100 -97.8834909836 50 3.8985639013 -50");
    background-color: #8d8d8d;
}

@keyframes smoke-12 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(17.6904257388deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.1212271346) translateX(calc(var(--wind) * 1vh)) scaleX(5.1219002932) scaleY(1.8230405913) rotate(23.8271971839deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(13) {
    width: 1.8243276832rem;
    height: 1.8243276832rem;
    animation: smoke-13 1418.9564242011ms linear -659.0204226625ms infinite normal;
    offset-path: path("M 50 200, C -43.397320247 100 6.2600347095 50 27.911591559 -50");
    background-color: #999999;
}

@keyframes smoke-13 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(21.0692127589deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.6220641375) translateX(calc(var(--wind) * 1vh)) scaleX(2.2438749083) scaleY(1.9173386774) rotate(85.8519011473deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(14) {
    width: 1.3382701703rem;
    height: 1.3382701703rem;
    animation: smoke-14 1578.1299614548ms linear -76.0558989954ms infinite normal;
    offset-path: path("M 50 200, C 3.4840440457 100 54.8358996716 50 34.7264485901 -50");
    background-color: #b0b0b0;
}

@keyframes smoke-14 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(2.8385444257deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.1225582767) translateX(calc(var(--wind) * 1vh)) scaleX(4.4267383635) scaleY(1.7236303557) rotate(76.5236212387deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(15) {
    width: 1.9699825038rem;
    height: 1.9699825038rem;
    animation: smoke-15 1462.1048282416ms linear -195.7128512637ms infinite normal;
    offset-path: path("M 50 200, C 10.7991694384 100 -44.3788389464 50 40.7526327936 -50");
    background-color: #858585;
}

@keyframes smoke-15 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(1.7059183448deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.8843599573) translateX(calc(var(--wind) * 1vh)) scaleX(3.8983092046) scaleY(1.8568546755) rotate(48.2010586084deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(16) {
    width: 1.2109845028rem;
    height: 1.2109845028rem;
    animation: smoke-16 1603.0452857075ms linear -786.8981194812ms infinite normal;
    offset-path: path("M 50 200, C 34.2306506397 100 24.7193263815 50 38.4820929993 -50");
    background-color: #c1c1c1;
}

@keyframes smoke-16 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(18.0160313044deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.8462446766) translateX(calc(var(--wind) * 1vh)) scaleX(4.4276670667) scaleY(1.8216321114) rotate(4.8303382184deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(17) {
    width: 1.0415450394rem;
    height: 1.0415450394rem;
    animation: smoke-17 1231.5047130652ms linear -565.0995625896ms infinite normal;
    offset-path: path("M 50 200, C 17.8463772493 100 79.6555953193 50 0.5166350286 -50");
    background-color: #f6f6f6;
}

@keyframes smoke-17 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(13.5346495119deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.7808340126) translateX(calc(var(--wind) * 1vh)) scaleX(2.3788300283) scaleY(1.7924424217) rotate(18.0614755907deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(18) {
    width: 1.0798073862rem;
    height: 1.0798073862rem;
    animation: smoke-18 1676.6207069027ms linear -1125.3084794244ms infinite normal;
    offset-path: path("M 50 200, C 44.8463032391 100 -40.3470764185 50 17.6883997505 -50");
    background-color: #878787;
}

@keyframes smoke-18 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(19.4699304458deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.0564821943) translateX(calc(var(--wind) * 1vh)) scaleX(5.1031927147) scaleY(1.5748042624) rotate(12.801532306deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(19) {
    width: 1.6827632522rem;
    height: 1.6827632522rem;
    animation: smoke-19 1346.0530529584ms linear -991.249012266ms infinite normal;
    offset-path: path("M 50 200, C -18.309004785 100 -79.5345417134 50 26.4932913142 -50");
    background-color: #e0e0e0;
}

@keyframes smoke-19 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(6.035816928deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.559870263) translateX(calc(var(--wind) * 1vh)) scaleX(4.1560930896) scaleY(1.63703656) rotate(78.3193457752deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(20) {
    width: 1.9932559671rem;
    height: 1.9932559671rem;
    animation: smoke-20 1143.3029943906ms linear -997.9172175802ms infinite normal;
    offset-path: path("M 50 200, C -39.4950856913 100 -78.0426676295 50 40.847278022 -50");
    background-color: #bfbfbf;
}

@keyframes smoke-20 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(4.1884935836deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.7047407766) translateX(calc(var(--wind) * 1vh)) scaleX(5.5187874899) scaleY(1.5525332318) rotate(89.1724522811deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(21) {
    width: 1.9964301391rem;
    height: 1.9964301391rem;
    animation: smoke-21 1125.1319561108ms linear -952.1931953385ms infinite normal;
    offset-path: path("M 50 200, C -29.5344684968 100 -97.53837334 50 23.2627559382 -50");
    background-color: #929292;
}

@keyframes smoke-21 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(23.6309278861deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.5484038289) translateX(calc(var(--wind) * 1vh)) scaleX(5.8927192172) scaleY(1.6632688195) rotate(14.6318180208deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(22) {
    width: 1.688307474rem;
    height: 1.688307474rem;
    animation: smoke-22 1184.5927438125ms linear -667.5254455397ms infinite normal;
    offset-path: path("M 50 200, C 36.7665908643 100 -60.2374909597 50 22.7709332501 -50");
    background-color: #dddddd;
}

@keyframes smoke-22 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(15.6711556836deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.6100083881) translateX(calc(var(--wind) * 1vh)) scaleX(4.9933114311) scaleY(1.5543173675) rotate(87.9630829938deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(23) {
    width: 1.4406762617rem;
    height: 1.4406762617rem;
    animation: smoke-23 1370.2480154894ms linear -168.5826808413ms infinite normal;
    offset-path: path("M 50 200, C 44.7858565134 100 76.1218694138 50 26.4787946384 -50");
    background-color: #9c9c9c;
}

@keyframes smoke-23 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(13.4275755663deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.0771412797) translateX(calc(var(--wind) * 1vh)) scaleX(2.2702428948) scaleY(1.8797062824) rotate(17.898469921deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(24) {
    width: 1.4315203001rem;
    height: 1.4315203001rem;
    animation: smoke-24 1577.9653441168ms linear -1436.2903774986ms infinite normal;
    offset-path: path("M 50 200, C 40.2536830782 100 60.0043192783 50 47.1700289433 -50");
    background-color: #d7d7d7;
}

@keyframes smoke-24 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(29.3224591647deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.7867611847) translateX(calc(var(--wind) * 1vh)) scaleX(2.9186524139) scaleY(1.5105402054) rotate(22.5721970116deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(25) {
    width: 1.685837044rem;
    height: 1.685837044rem;
    animation: smoke-25 1629.2548700461ms linear -1429.9521128796ms infinite normal;
    offset-path: path("M 50 200, C -23.5857458466 100 -5.781153219 50 6.3721172873 -50");
    background-color: #cecece;
}

@keyframes smoke-25 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(0.6543633531deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.7773439863) translateX(calc(var(--wind) * 1vh)) scaleX(3.1568086412) scaleY(1.7169083398) rotate(3.4878415178deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(26) {
    width: 1.0954323917rem;
    height: 1.0954323917rem;
    animation: smoke-26 1575.044006988ms linear -212.8779294881ms infinite normal;
    offset-path: path("M 50 200, C 7.7580791139 100 58.7534791535 50 10.9389114141 -50");
    background-color: #dadada;
}

@keyframes smoke-26 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(19.8058100102deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.1255074254) translateX(calc(var(--wind) * 1vh)) scaleX(4.5221110577) scaleY(1.8739563076) rotate(14.3404521962deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(27) {
    width: 1.4652694586rem;
    height: 1.4652694586rem;
    animation: smoke-27 1171.8988628837ms linear -447.7860419398ms infinite normal;
    offset-path: path("M 50 200, C 27.5526293728 100 -63.9300246917 50 44.4055011954 -50");
    background-color: #dddddd;
}

@keyframes smoke-27 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(29.341230514deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.9639809024) translateX(calc(var(--wind) * 1vh)) scaleX(4.0420584502) scaleY(1.9435238429) rotate(64.2865641755deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(28) {
    width: 1.038909089rem;
    height: 1.038909089rem;
    animation: smoke-28 1524.7292130191ms linear -414.5260020223ms infinite normal;
    offset-path: path("M 50 200, C -42.7284951195 100 40.9745765632 50 34.6500521336 -50");
    background-color: #d1d1d1;
}

@keyframes smoke-28 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(25.4184670804deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.0981825253) translateX(calc(var(--wind) * 1vh)) scaleX(4.250491915) scaleY(1.5641738442) rotate(62.7795756407deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(29) {
    width: 1.1549711992rem;
    height: 1.1549711992rem;
    animation: smoke-29 1250.8628348964ms linear -1243.2549821748ms infinite normal;
    offset-path: path("M 50 200, C -25.0673848141 100 1.4837575191 50 13.2018746604 -50");
    background-color: #bebebe;
}

@keyframes smoke-29 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(8.2448419076deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.6904446601) translateX(calc(var(--wind) * 1vh)) scaleX(5.8974880976) scaleY(1.780885635) rotate(53.9674738319deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(30) {
    width: 1.0936066039rem;
    height: 1.0936066039rem;
    animation: smoke-30 1570.4201116411ms linear -680.72646211ms infinite normal;
    offset-path: path("M 50 200, C 7.442722658 100 45.7904466911 50 33.5650862541 -50");
    background-color: #8f8f8f;
}

@keyframes smoke-30 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(1.083081106deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.8771907873) translateX(calc(var(--wind) * 1vh)) scaleX(2.9706269355) scaleY(1.6300155566) rotate(86.4784783805deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(31) {
    width: 1.3779299969rem;
    height: 1.3779299969rem;
    animation: smoke-31 1331.6712489662ms linear -1028.0144443496ms infinite normal;
    offset-path: path("M 50 200, C -49.6883085599 100 -42.4337442354 50 0.978067873 -50");
    background-color: #c1c1c1;
}

@keyframes smoke-31 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(26.7476120179deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.8209385599) translateX(calc(var(--wind) * 1vh)) scaleX(3.8257423461) scaleY(1.7983379889) rotate(37.2565714048deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(32) {
    width: 1.2946446624rem;
    height: 1.2946446624rem;
    animation: smoke-32 1653.0399136793ms linear -961.7984362597ms infinite normal;
    offset-path: path("M 50 200, C 39.2085263365 100 -86.9138416832 50 48.3121347836 -50");
    background-color: #f7f7f7;
}

@keyframes smoke-32 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(9.0033416588deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.2149517545) translateX(calc(var(--wind) * 1vh)) scaleX(4.0402361555) scaleY(1.9480906731) rotate(38.7234602284deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(33) {
    width: 1.3039181162rem;
    height: 1.3039181162rem;
    animation: smoke-33 1082.416579695ms linear -372.2951254702ms infinite normal;
    offset-path: path("M 50 200, C 26.6973447659 100 88.5431594521 50 27.9075025426 -50");
    background-color: #b2b2b2;
}

@keyframes smoke-33 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(15.7412811616deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.7772259938) translateX(calc(var(--wind) * 1vh)) scaleX(3.6494099492) scaleY(1.8163620109) rotate(53.3127554045deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(34) {
    width: 1.222125903rem;
    height: 1.222125903rem;
    animation: smoke-34 1632.5861557617ms linear -59.1158882395ms infinite normal;
    offset-path: path("M 50 200, C -48.8435497835 100 90.2969649085 50 32.8954783801 -50");
    background-color: #929292;
}

@keyframes smoke-34 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(3.1943434523deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.5862719278) translateX(calc(var(--wind) * 1vh)) scaleX(5.256966098) scaleY(1.8241325179) rotate(15.7249287829deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(35) {
    width: 1.5483844916rem;
    height: 1.5483844916rem;
    animation: smoke-35 1035.1024292203ms linear -985.0935245432ms infinite normal;
    offset-path: path("M 50 200, C -33.9767911439 100 31.6356722997 50 12.7287284789 -50");
    background-color: #939393;
}

@keyframes smoke-35 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(0.116760793deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.6962839122) translateX(calc(var(--wind) * 1vh)) scaleX(4.4823882347) scaleY(1.6490047134) rotate(70.1388944826deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(36) {
    width: 1.822262764rem;
    height: 1.822262764rem;
    animation: smoke-36 1209.8031968396ms linear -744.9789031171ms infinite normal;
    offset-path: path("M 50 200, C -28.491047992 100 73.1761142455 50 22.0611335745 -50");
    background-color: #c1c1c1;
}

@keyframes smoke-36 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(2.1767366163deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.1412212213) translateX(calc(var(--wind) * 1vh)) scaleX(4.2296959434) scaleY(1.5073909451) rotate(68.0668538938deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(37) {
    width: 1.4261991321rem;
    height: 1.4261991321rem;
    animation: smoke-37 1228.8865573517ms linear -1324.7912729535ms infinite normal;
    offset-path: path("M 50 200, C 31.2702660863 100 16.03379529 50 33.0076263407 -50");
    background-color: #d0d0d0;
}

@keyframes smoke-37 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(3.0967036083deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.1373370233) translateX(calc(var(--wind) * 1vh)) scaleX(4.236581858) scaleY(1.8241216609) rotate(21.3354270503deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(38) {
    width: 1.8390352669rem;
    height: 1.8390352669rem;
    animation: smoke-38 1026.4011663955ms linear -1451.7168873804ms infinite normal;
    offset-path: path("M 50 200, C 44.4167612039 100 87.5725735726 50 6.7244899242 -50");
    background-color: #fafafa;
}

@keyframes smoke-38 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(20.5502268554deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.5729213544) translateX(calc(var(--wind) * 1vh)) scaleX(4.1784666158) scaleY(1.5334726848) rotate(6.2839429761deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(39) {
    width: 1.0779618545rem;
    height: 1.0779618545rem;
    animation: smoke-39 1407.0540057989ms linear -1314.3603978969ms infinite normal;
    offset-path: path("M 50 200, C -7.5724767006 100 -47.2847146764 50 41.7792199054 -50");
    background-color: #979797;
}

@keyframes smoke-39 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(3.1133908355deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(0.8938817392) translateX(calc(var(--wind) * 1vh)) scaleX(2.6902416907) scaleY(1.6066199976) rotate(36.4430361723deg);
        opacity: 0;
    }
}
.smoke .particle:nth-child(40) {
    width: 1.0860452221rem;
    height: 1.0860452221rem;
    animation: smoke-40 1362.2019343768ms linear -781.7945507461ms infinite normal;
    offset-path: path("M 50 200, C -16.6481379255 100 7.1443134999 50 34.8179316039 -50");
    background-color: #a5a5a5;
}

@keyframes smoke-40 {
    0% {
        offset-distance: 0%;
        transform: scale(1) rotate(29.9524830495deg);
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        transform: scale(1.046401034) translateX(calc(var(--wind) * 1vh)) scaleX(4.4660029802) scaleY(1.8950246679) rotate(23.2907297786deg);
        opacity: 0;
    }
}
.bg-all.intro-bg-new{
    z-index:1;
    bottom:0;
    left:0;
}
/* footer-inner */
.main-footer{
    background:url(assets/images/footer.png);
    padding-top: 35px;
}
.logo-footer{
    width: 140px;
    /* margin: 0 auto 0 0; */
}
.footer-submenu.footer-contact {
    margin-top: 15px;
    margin-bottom: 25px;
}
.footer-submenu {
    margin: 15px 0;
}
.top-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(41,41,41);
    margin-bottom: 18px;
}
.main-footer .social-wrap {
    margin: 0;
    padding-bottom: 0;
}
.main-footer .social-wrap:before{
    content:none;
}

.mainhead.another-page {
    position: relative;
    border-top: 2px solid #5b5b5b;
    padding-bottom: 20px;
}
.mainhead.another-page .detail-user a:hover {
    color: var(--red-color);
}
.mainhead.another-page .line{
    stroke:rgb(41,41,41);
}
.mainhead.another-page .mmenu-icon,
.mainhead.another-page .account_login ,
.mainhead.another-page a.request-link,
.mainhead.another-page  .main-menu li a,
.mainhead.another-page .account_login a {
    color: rgb(41,41,41);
}
.mainhead.another-page  .main-menu li.current_page_item > a:after,
.mainhead.another-page  .main-menu li.current_page_item > a,
.mainhead.another-page  .main-menu li.menu-item-has-children:hover > a:after,
.mainhead.another-page  .main-menu > li:hover > a{
    color:var(--red-color)
}

.main-footer .social-wrap a {
    color: #b3b3b3;
    padding: 5px;
    margin: 0 3px;
    font-size: 13px;
}
.copy-right {
    display: table;
    margin: auto;
    background: #161616;
    color: rgba(90, 90, 90, 1);
    padding: 10px 40px 9px;
    border-radius: 8px 8px 0 0;
}
.footer-title {
    text-transform: capitalize;
    font-size: 16px;
    text-align: right;
}
.footer-submenu i {
    color: rgb(102,102,102);
    margin-left: 15px;
    transform: rotateY(180deg);
    font-size: 16px;
    width: 16px;
}
.main-footer .social-wrap a:hover {
    color: var(--red-color);
}
.page-top.member .page-image-top > img {
    height:auto;
}
.page-image-top > img {
    width: 100%;
    object-fit: cover;
    height: 70vh;
    user-select: none;
}
.page-image-top .element {
    width: 33.3333%;
    height: 22px;
    display: flex;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    align-items: center;
    justify-content: center;
}
.page-image-top .element:before,
.page-image-top .element:after{
    content:"";
    background:#f8f8f8;
    width:0;
    height:100%;
    position:absolute;
    transition:all 0.3s;
}
.page-top.scrollview .page-image-top .element:before,
.page-top.scrollview .page-image-top .element:after{
    width:100%
}
.page-image-top .element:before{
    left: -100%;
}
.page-image-top .element:after{
    right: -100%;
}

.page-image-top .element img {
    width:auto;
    margin-bottom: 5px;
    opacity:0;
    transform: translateY(-10px);
    transition:all 0.3s;
    padding: 0 10px;
}
.page-image-top .element img.fadeInDown{
    opacity:1;
    transform: translateY(0px);
}
.page-image-top {
    height: 100%;
    position: relative;
}
.page-image-top.no-thumb{
    min-height: 430px;
}
.page-top-content {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    color: #fff;
    width:100%;
    padding: 0 20px;
}
.page-title-wrap {
    text-align: center;
}
.page-top {
    position: relative;
    background:#484848
}
.page-image-top.no-thumb .page-top{
    min-height:430px;
}
.contact_page .page-title-wrap .subtitle:before {
    content: "contact petrosa";
}
.about_page .page-title-wrap .subtitle:before {
    content: "About petrosa";
}
.page-title-wrap .subtitle:before {

    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-size: 55px;
    bottom: -13px;
    z-index: -1;
    color: #484848;
    opacity: 0.5;
}
.page-title-wrap h1 {
    position:relative;
    font-size: 24px;
    margin-bottom: 12px;
    text-transform: capitalize;
}

.page-title-wrap p {
    font-size: 13px;
    margin-bottom: 10px;
}
.wrapper {
    z-index:1;
    background: #f8f8f8;
    position: relative;
    padding-top: 30px;
    padding-bottom: 70px;
}
.btn-slide {
    width: 110px;
    height: 75px;
    position: absolute;
    top: 90%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.btn-slide.right {
    right: 0;
}
.btn-slide.left {
    left: 0;
}
.btn-slide span {
    color: #000;
    writing-mode: tb;
    height: max-content;
    font-size: 18px;
    text-transform: capitalize;
    position: absolute;
    bottom: 85%;
    transition:all 0.3s;
    opacity:0;
    display:block;
    z-index: 2;
}
.btn-slide:hover span {
    opacity:1;
}
.btn-slide.left span {
    right:15px;
    z-index: 0;
}
.btn-slide.left:hover span {
    right:25%;
}
.btn-slide.right span {
    left:15px;
}
.btn-slide.right:hover span {
    left:25%;
}
.btn-slide i.icon-icon-down {
    color: var(--red-color);
    font-size: 20px;
    position: absolute;
    bottom: 35%;
    z-index: 2;
}
.btn-slide.left i {
    right: 20px;
}
.btn-slide.right i {
    left: 21px;
}
.btn-slide a{
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(232,232,232);
    position: relative;
}
.btn-slide i.icon-settings,
.btn-slide i.icon-product {
    margin-left: 15px;
    font-size: 25px;
}
.btn-slide i.icon-shopping-list,
.btn-slide i.icon-info {
    margin-right: 15px;
    font-size: 25px;
}
.brands{
    background:url('assets/images/bg-brands.png');
    padding-bottom: 79px;
}
.title-brands {
    user-select: none;
    text-align: center;
    font-size: 110px;
    color: #f8f8f8;
    position: absolute;
    height: 198px;
    top: -37%;
    left: 0;
    right: 0;
    margin: auto;
}
.brands-inner-carousel {
    padding-top: 60px;
    padding-bottom: 55px;
    margin-top: 40px!important;
}
.cat-item-inner h2 a {
    color: #000;
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-top: 25px;
    line-height: 28px;
    min-height: 56px;
}
.cat-item h2 {
    min-height: 40px;
    line-height: 23px;
}
.cat-item-inner {
    text-align: center;
    width: 100%;
    position: relative;
    padding-top: 80px;
    position:relative;
}
.cat-item-inner p {
    color: #000;
    transition: all 0.3s;
    font-size: 14px;
}
.cat-item-inner:hover .content-cat{
    height:85px
}
.cat-item-inner:before {
    content: "";
    height: 0;
    background: rgb(243,243,243);
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    border-radius: 5px;
    transition: all 0.3s;
    bottom: 0;
}
.cat-item-inner:after{
    content:"";
    width:2px;
    height:0;
    background:var(--red-color);
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:0;
    transition:all 0.3s;
}
.cat-item-inner:hover:after{
    height:10px;
}
.cat-item-inner:hover:before {
    height: 100%;
}
.cat-item-inner .image-cat {
    display: inline-block;
    transition: all 0.3s;
    transform: translateY(0);
    left: 0;
    position: absolute;
    right: 0;
    margin: auto; 
	z-index: -1;
	top: calc(50% - 280px);
}
.cat-item-inner:hover .image-cat {
    transform: translateY(-5px);
}
.cat-item-wrap.white-wrap {
    /* margin-bottom: 20px; */
}
.link-hover{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
}
/* #subsets .cat-item-inner {
    margin-bottom:80px;
} */
/* .cat-item-wrap.white-wrap {
    margin-bottom: 100px;
} */
.content-cat-inner {
    min-height:50px;
    opacity: 0;
    transition: all 0.3s;
    padding: 0 15px;
    text-align: center;
    overflow: hidden;
	margin-bottom: 23px;
    margin-top: 28px;
}

.cat-item-inner:hover .content-cat-inner {
    opacity: 1;
}
.brands-inner-carousel.owl-carousel.off {
    align-items: center;
    justify-content: center;
}
.brands-inner-carousel img {
    width: auto!important;
    margin: auto;
}
.product-title-inner {
    display: table;
    margin: auto;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}
.product-title-inner .count {
    color: rgb(243,243,243);
    font-size: 125px;
    transform: translateY(-106px);
    display: inline-block;
    margin: auto;
    width: 100%;
    position: absolute;
    z-index: -1;
    font-family: var(--bold-font);
    left: 0;
    top: 80%;
}

.product-title-inner h3 {
    font-size: 22px;
    text-transform: capitalize;
}
.product-title-inner .label {
    color: rgb(183,183,183);
    font-size: 15px;
    font-family: var(--bold-font);
    text-transform: capitalize;
    display: block;
    margin-top: -4px;
}
.product-wrap {
    overflow: hidden;
    padding-top: 90px;
}
.material .inner-title-wrap{
    margin-bottom:15px;
}
.features {
    background: url(assets/images/general.png);
    background-repeat: no-repeat;
    background-position:-255% -100%;
    background-size: contain;
    padding-top: 70px;
    padding-bottom: 80px;
}
.feature-item{
    color:#777777;
}
.inner-title-wrap {
    margin-bottom: 25px;
}
span.title-image {
    font-size: 20px;
    font-family: var(--bold-font);
}
.line-gray {
    border:none;
}
.feature-item-inner {
    color: #000;
    padding-left: 15px;
}

.feature-item.haschild .content-feature {
    margin-bottom: 0;
}
.feature-wrap{
    position:relative
}
.feature-wrap:before{
    content:"";
    height:100%;
    width:2px;
    position:absolute;
    background:rgb(233,233,233);
    right:40%;
    border-radius:5px;
}
.feature-item .value {
    width: 65%;
    padding-left: 20px;
}
.inner-title-wrap .label {
    color: rgb(193,193,193);
    font-size: 15px;
    display: block;
    margin-top: 7px;
}
.features  .inner-title-wrap h3 {
    text-transform: uppercase;
}

#material .editor_content > ul > li {
    font-size: 13px;
    line-height: 31px;
}
.material {
    background: rgb(248,248,248);
    background-repeat:no-repeat;
    padding-top: 60px;
    padding-bottom: 0;
    position: relative;
}
.material:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    bottom:0;
    margin:auto;
    background:url('assets/images/material.png');
    height: 500px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.feature-item-inner,
.feature-item .content-feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 11px;
    justify-content: space-between;
}
.feature-item .label {
    width: 40%;
    text-transform: capitalize;
}

.feature-item .value {
    width: 50%;
}



.gray-element {
    position: absolute;
    left: 0;
    right: 0;
    height: 75px;
    top: 100%;
    border-radius: 0 0 5px 5px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition:all 0.3s;
}

.gray-element:before{
    content:"";
    height:0;
    width:100%;
    background: #fafafa;
    transition:all 0.3s;
    position:absolute;
    left:0;
    right:0;
    top:0;
    margin:auto;
}
.page-top.scrollview .gray-element:before{
    height:100%;
}
.gray-element img {
    transform: translateY(80%);
    transition:all 0.5s 0.3s;
    opacity:0;
    visibility:hidden;
}
.page-top.scrollview .gray-element img{
    opacity:1;
    visibility:visible;
    transform: translateY(50%);
}
.wrap-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 45px;
}
.wrap-title .simple-btn {
    font-size: 13px;
}

.wrap-title p {
    padding-left: 20px;
    font-size: 13px;
}

.table-wrapper {
    padding-top: 120px;
    margin-top: 40px;
}
.table-item:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    margin-top: -15px;
}
.table-item {
    transition:all 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 40px 15px 50px 40px;
    margin-bottom: 25px;
    border: 1px solid #f3f3f3;
    position:relative;
}
.table-item:before{
    content:"";
    width:2px;
    left:45px;
    bottom:0;
    background:#484848;
    transition:all 0.3s;
    height:18px;
    position:absolute;
}
.table-item:hover:before{
    background:#b4b4b4;
    height:70px;
}
.table-item h2 a{
    color: #5b5b5b;
    text-transform:capitalize;
}
.table-item:hover h2 a{
    color:var(--red-color);
}
.table-item h2 {
    min-height: 48px;
    font-size: 18px;
    display: flex;
    line-height: 24px;
}

.table-item h2 i {
    margin-left: 12px;
    font-size: 20px;
    padding-top: 3px;
}
.table-item:hover .wrap-table-item {
    transform: translateX(-33px);
}
.wrap-table-item{
    display:flex;
    align-items:center;
    transition:all 0.3s;
}
.wrap-table-item a{
    color:var(--red-color);
    font-size: 13px;
    opacity:0;
    visibility:hidden;
    transform: translateX(-8px);
    padding:5px;
    margin-left: 5px;
}
.table-item:hover  .wrap-table-item a{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}
.table-item .date {
    color: #9b9b9b;
    font-size: 16px;
    transition: all 0.3s;
    display: inline-block;
    padding: 5px 0;
}
.table-item:hover .date {
    color:var(--red-color)
}
.pagination-wrap {
    display: table;
    margin: auto;
    position: relative;
    padding: 60px 0 0;
    margin-top: 60px;
}

.pagination-wrap:before {
    content: "pages";
    position: absolute;
    margin: auto;
    text-align: center;
    color: #f8f8f8;
    font-size: 120px;
    text-transform: uppercase;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: var(--bold-font);
    z-index: -1;
}

.line-table:before, .line-table:after {
    content: "";
    position: absolute;
    background: #f6f6f6;
    transition:all 0.5s;
}
.line-table {
    position: absolute;
    background: #f6f6f6;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
.line-table.horizental-line:before,
.line-table.horizental-line:after,
.line-table.horizental-line{
    height: 1px;
    width: 0;
    left: 0;
    transition:all 0.5s 0.1s
}
.table-item:hover .line-table.horizental-line,
.table-item:hover .line-table.horizental-line:before,
.table-item:hover .line-table.horizental-line:after{
    width: 100%;
}

.line-table.horizental-line:before{
    top: 45px;
}
.line-table.horizental-line:after{
    top: -45px;
}
.line-table.vertical-line{
    width: 1px;
    height: 0;
    left: 45px;
    transition:all 0.3s;
}
.line-table.vertical-line:after,
.line-table.vertical-line:before{
    width:1px;
    height:0
}
.line-table.vertical-line:before{
    left: 45px
}
.line-table.vertical-line:after{
    left: 90px;
}
.line-table.vertical-line-inner.vertical-line {
    left: 135px;
}
.table-item:hover .line-table.vertical-line,
.table-item:hover .line-table.vertical-line:before,
.table-item:hover .line-table.vertical-line:after{
    height:100%
}
.pagination ul.pages li.next-page a {
    font-size: 14px;
    padding: 5px;
}

.pagination ul.pages > li.next-page ~ li.next-page {
    margin-left: 0;
}
.pagination ul.pages li.next-page i{
    font-weight:bold;
}
.pagination ul.pages li.next-page {
    margin-left: 40px;
}
/* single.php */
.meta-post {
    background: #f9f9f9;
    padding: 11px 0;
    color: #8c8c8c;
}
.date-publish .icon-date {
    font-size: 20px;
    margin-left: 15px;
}
.date-publish {
    display: inline-block;
    margin-right: 15px;
}
.date-publish time{
    display: inline-block;
}
.cat_post {
    display: inline-flex;
    align-items: center;
}


.tax-wrap.detail-post {
    justify-content: space-between;
    padding: 0 40px;
    color:#fff;
}
.tax-wrap.detail-post .cat_post_inner .tax-category{
    margin: 0 0 0 20px;
    color:#fff;
}
.tax-wrap.detail-post .cat_post_inner .catinner-icon {
    filter: none;
    width: 27px;
    height: 27px;
    margin-left: 15px;
}
.catalog.tax-category a{
    color:#fff;
}

.tax-wrap.detail-post .cat_post_inner .catinner-icon img{
    filter:none;
}
.tablesingle-wrapper .tab-content {
    background: #f8f8f8;
    border-radius: 10px;
    overflow: hidden;
}
.tablesingle-wrapper {
    margin-top: 42px;
}
.wrap-col.col .col {
    border-bottom: 1px solid #e1e1e1;
    font-family: var(--bold-font);
    min-height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap-col.col .col:last-child,
.wrap-col.col .col:first-child {
    border:none;
}
.col.table-row {
    padding: 0;
    display: flex;
    align-items: center;
    min-height: 100px;
    background: #efefef;
    justify-content: center;
}
.wrap-col {
    text-align: center;
    padding: 0;
}
.col.table-row .title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    font-family: var(--main-font);
}

.col.table-row .title span {
    color: var(--red-color);
    font-family: var(--bold-font);
}
.tablesingle-wrapper .tab-content>.active {
    display: flex;
}
.col.table-row .col{
    border-bottom:1px solid rgb(225,225,225)
}
ul.nav.nav-tabs.tax-wrap {
    justify-content: center;
}
.table-link-carousel.owl-carousel .owl-stage-outer{
    overflow:visible;
}
li.nav-item.tax-category {
    margin: 0 25px;
}
li.nav-item.tax-category a{
    color: #a7a7a7;
    transition:all 0.3s;
    padding: 25px 0;
}
li.nav-item.tax-category a:hover{
    color:#fff;
}
li.nav-item.tax-category a.active{
    color: #fff;
}
li.nav-item.tax-category:before{
    content:none;
}
.about-inner {
    background: #fafafa;
    padding-top: 40px;
	width:100%;
	display:block;
}
.information span.working-time {
    margin-right: 30px;
}
.cat_post_inner {
    display: flex;
}
.namedesc {
    font-size: 26px;
    text-shadow: 0 4px 7px #000;
}

.namedesc .namedesc-title {
    color: var(--red-color);
    margin-right: 8px;
}
.page-wrap-link .tax-category {
    margin: 0 30px;
}
.page-wrap-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.wrap-link-request {
    background: rgba(255, 255, 255, 0.03);
}
.request_form{
    text-align:right;
}
.request_form .acf-label {
    display: none;
}
.request-item {
    border: 1px solid #eeebeb;
    border-top: 7px solid #eeebeb;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
    padding: 20px 135px 30px;
    border-radius: 10px;
    position:relative;
    text-align: right;
    margin: 40px 0;
}
.request-item:before {
    counter-increment: section;
    content: "" counter(section) "";
    font-family: var(--bold-font);
    font-size: 32px;
    min-width: 65px;
    position: absolute;
    right: 45px;
    height: 79px;
    background: #f3f3f3;
    top: 0;
    border-radius: 0 0 30px 30px;
    color: #484848;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.request-item p {
    font-size: 15px;
    color: #484848;
    margin-bottom: 12px;
}
.request-item .link-download{
    color:#484848;
    font-family:var(--bold-font);
    position: relative;
    padding-right: 25px;
    margin-bottom: 5px;
    display: inline-block;
}
.link-download:before {
    right: 0;
    color: #b91010;
    position: absolute;
    font-family: icomoon!important;
    content: "\e904";
    font-size: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.request-item .link-download:hover {
    color: var(--red-color);
}
.title-request {
    font-family: var(--bold-font);
    font-size: 17px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.consultant-person {
    background: #282828 url(assets/images/bg-brands.png);
    border-radius: 10px;
    color: #fff;
    padding: 30px 100px;
    position: relative;
    margin: 85px 0 20px;
}
.counter{
    background: #282828 url(assets/images/bg-brands.png);
    color: #fff;
    border-radius: 10px;
    margin: 20px 0;
}
.counter .scountdown {
    display: flex;
    align-items: center;
    font-size: 22px;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 25px 110px;
}

.scountdown  .label {
    font-size: 16px;
    word-spacing: 1px;
    text-transform: capitalize;
}
.consult-image{
    width: 140px;
    height: 140px;
    border-radius:50%;
    border:3px solid #b7b7b7;
    overflow: hidden;
    position: absolute;
    right: 100px;
    top: -35%;
}
.consult-detail{
    display: flex;
    font-family: var(--bold-font);
    align-items: flex-end;
    justify-content: space-between;
    margin-right: 185px;
}
.consultant-name p {
    font-family: var(--main-font);
    color: #aaa;
}

.consultant-name {
    text-transform: capitalize;
    text-align: right;
}
.consultant-name span {
    font-size: 20px;
}

.consultant-email i {
    margin-left: 12px;
}

.consultant-email , .consultant-phone {
    display: flex;
    /* flex-direction: row-reverse; */
    align-items: center;
	color:#fff;
}

.consultant-phone i {
    margin-left: 10px;
    transform: rotatey(180deg);
}
.scountdown .time {
    font-size: 18px;
    font-family: var(--bold-font);
    direction: initial;
    padding-right: 35px;
}
.item-odate:after,
.item-odate:before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    background:#fff;
    right: -1px;
    border-radius: 50%;
}
.item-odate:after {
    top: 4px;
}
.item-odate:before {
    top: 58%;
}
.item-odate:last-child:after,
.item-odate:last-child:before{
    content:none;
}
.item-odate {
    float: left;
    text-align: center;
    position: relative;
    width: 40px;
    height: 20px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.acf-form-submit .ptr-btn {
    min-width: 120px;
}
.ready-send:before {
    width: 76%;
    left: 0;
    height: 60px;
    margin: auto;
    right: 0;
    content:"";
    position:absolute;
    background: #f3f3f3;
    border-radius: 0 0 20px 20px;
}
.ready-send {
    border: 1px solid #eeebeb;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
    padding: 0 135px 30px;
    border-radius: 10px;
    position:relative;
    margin: 40px 0;
}
.title-ready {
    position: relative;
    z-index: 1;
    font-family: var(--bold-font);
    text-transform: capitalize;
    font-size: 16px;
    display: table;
    margin: auto;
    margin-top: 45px;
    margin-bottom:30px;
}
.product-item-ready {
    border-top: 1px solid #e7e7e7;
    display: flex;
    justify-content: space-between;
    font-family: var(--bold-font);
    padding: 12px 0 6px;
}
.ready-name {
    font-size: 16px;
    text-transform: capitalize;
}
.ready-date {
    color: #898989;
    font-size: 16px;
    display: inline-block;
}
.ready-qty {
    padding: 8px 8px 8px 20px;
    font-size: 18px;
    margin-left: 16px;
    position: relative;
	display:inline-block;
}
.ready-qty:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 15px;
    background: #b0b0b0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: var(--form-bg);
    border-radius: 4px;
    transition: all 0.3s;
}
.form-check-label input.form-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.form-check-label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.request-wrap-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--bold-font);
    margin-top: 65px;
    margin-bottom: 15px;
}

.request-detail {
    display: flex;
    align-items: center;
}

.request-title {
    font-size: 18px;
    color:#000;
}
.request-title b {
    color: #484848;
}
.status-req {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    padding-right: 15px;
}

.status-req:after {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 16px;
    background: #979797;
    top: 0;
    bottom: 0;
    margin: auto;
}
.wrap-status-icon {
    background-image: linear-gradient(0deg, #f3f3f3 46.96%, #ffffff 47.96%, #ffffff 50%, #f3f3f3 50%, #f3f3f3 100%, #ffffff 100%, #ffffff 100%);
    background-size: 157px 157px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.status-icon-item {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    min-height: 160px;
    justify-content: center;
    position: relative;
}

.status-icon-item i {
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.status-icon-item span {
    font-family: var(--bold-font);
    font-size: 13px;
}
.status-icon-item.active span {
    color: var(--red-color);
}
.status-icon-item.active:before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--red-color);
    border-radius: 50%;
    position: absolute;
    top: -3px;
}
.ptr-btn.new-req-btn span {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}

.ptr-btn.new-req-btn i {
    margin-left: 13px;
    font-size: 16px;
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.3);
}

.ptr-btn.new-req-btn {
    min-width: 175px;
}
.request-inner-item {
    box-shadow: 0 4px 8px rgba(238, 235, 235, 0.5);
    border-radius: 10px;
    border: 1px solid #eeebeb;
    text-align: right;
    overflow: hidden;
    margin-bottom: 25px;
    transition:all 0.3s;
}
.request-inner-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 8px rgba(238, 235, 235, 1);
}
.request-inner-bottom {
    background: #f7f7f7;
    padding: 18px 35px;
    display: flex;
    justify-content: space-between;
    color: #484848;
    margin-top: 15px;
}

.req-inner-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 35px 0 30px;
}

.request-inner-item .date {
    padding: 0 35px;
    color: #9b9b9b;
    font-size:16px;
}
.login-wrap {
    padding-top: 70px;
}
button.ptr-btn {
    border: none;
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.input-label {
    font-family: var(--bold-font);
    font-size: 12px;
    color: #484848;
    margin-bottom: 13px;
    position:relative;
}

.req-inner-top a {color: #484848;}

.req-inner-top h2 a {
    font-size: 17px;
    padding: 5px;
    display: inline-block;
}

.inner-link {
    display: flex;
    align-items: center;
    font-family: var(--bold-font);
}
.request-inner-item:hover .req-inner-top a {
    color: var(--red-color);
}
.inner-link i {
    font-size: 10px;
    margin-right: 8px;
    font-weight: bold;
}
.request-inner-bottom > span {
    color: #505050;
    position: relative;
    padding-right: 16px;
}

.request-inner-bottom .status {
    font-family: var(--bold-font);
    font-size: 13px;
}
.request-inner-bottom  .status-label:before {
    content: "";
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    background: #000;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}
.request-inner-bottom  .status-label.approved:before {
    background: #20ef37;
}
.request-inner-bottom  .status-label.offering:before{
    background: #20efcd;
}
.request-inner-bottom  .status-label.pending:before{
    background: #efcf20;
}
.request-inner-bottom  .status-label.sending:before{
    background: #9039c3;
}
.request-inner-bottom  .status-label.approving:before{
    background: #3942c3;
}
.request-wrap {
    padding: 75px 0;
}
.no-result {
    font-family: var(--bold-font);
}
.reg_code {
    text-align: center;
    font-family: var(--bold-font);
    font-size: 15px;
}
.request-wrap-form {
    padding-top:75px;
    background: #f8f8f8;
}
.page_wrap.register_page {
    background: #f8f8f8;
    margin-bottom:0;
}
.title-register {
    text-align: center;
    font-family: var(--bold-font);
    font-size: 18px;
}
.request-wrap-form textarea{
    min-height:170px;
}
.request-wrap-form textarea:focus{
    border-color:#252525
}
.request-wrap-form .acf-fields > .acf-field{
    border-top: unset;
}
.request-wrap-form input[type="file"]{
    background:transparent;
    border:0;
}


.request-wrap-form .acf-form-submit .ptr-btn {
    position: absolute;
    bottom: 33px;
    left: 25px;
}
input[type="radio"]{
    width:auto;
}
.acf-field-radio {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

ul.acf-radio-list li {
    display: inline-block;
    margin-right: 18px;
}
.delivery-label:before {
    content: ":";
    position: absolute;
    left: 0;
    color: var(--red-color);
    font-weight: bold;
}

.delivery-label {
    position: relative;
    padding-left: 8px;
    margin-left: 10px;
    font-family: var(--bold-font);
}

.delivery-item-label {
    margin-bottom: 10px;
}
.title-request i {
    font-size: 25px;
    margin-left: 8px;
}
.status-req.approved:before {
    background: #20ef37;
}
.status-req.offering:before{
    background: #20efcd;
}
.status-req.pending:before{
    background: #efcf20;
}
.status-req.sending:before{
    background: #9039c3;
}
.status-req.approving:before{
    background: #3942c3;
}
.status-req:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    right: 0;
    bottom: 7px;
    margin: auto;
}
.page_wrap.edit_account_page {
    margin-bottom: 0;
    background:#f3f3f3;
}
.section-first:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: .8;
    z-index: 4;
    background: rgb(34,34,34,0.8);
}
.section-first .scroll-down i {
    font-size: 22px;
    font-weight: bold;
    color: var(--red-color);
    margin-bottom: 24px;
}

.section-first  .scroll-down span {
    color: #e3e3e3;
    writing-mode: tb-rl;
    font-size: 12px;
}

.section-first .scroll-down {
    display: inline-flex;
    flex-direction: column;
}
.section-first .first-section-img {
    width: 120px;
    margin-bottom: 20px;
}

.noresult-login {
    text-align: center;
}
.noresult-login p {
    font-size: 16px;
    margin-bottom: 30px;
    font-family: var(--bold-font);
}

.page_wrap.login_page {
    margin-bottom: 0;
    background: #f8f8f8;
}
.login_submit_wrap{
    justify-content:center;
}
.request-link:hover .fesharsanj-icon .needle{
    animation: spin 2.0s alternate infinite;
    transform-origin: 50% 75%;
}
@keyframes spin {
    0%{
        transform:scale(1) rotate(0deg);
    }
    50% {
        transform:scale(1) rotate(80deg);
    }
    100% {
        transform:scale(1) rotate(-180deg);
    }
}

@-o-keyframes spin {
    0%{
        -webkit-transform:scale(1) rotate(0deg);
    }
    50% {
        -webkit-transform:scale(1) rotate(80deg);
    }
    100% {
        -webkit-transform:scale(1) rotate(-180deg);
    }
}

@-moz-keyframes spin {
    0%{
        -webkit-transform:scale(1) rotate(0deg);
    }
    50% {
        -webkit-transform:scale(1) rotate(80deg);
    }
    100% {
        -webkit-transform:scale(1) rotate(0deg);
    }
}

@-webkit-keyframes spin {
    0%{
        -webkit-transform:scale(1) rotate(0deg);
    }
    50% {
        -webkit-transform:scale(1) rotate(80deg);
    }
    100% {
        -webkit-transform:scale(1) rotate(-180deg);
    }
}
.form-guide{
    text-align: right;
}
.form-guide a{
    color:#484848;
    font-family:var(--bold-font);
    font-size: 13px;
}
.form-guide a:hover{
    color:var(--red-color)
}
.form-guide i {
    color: var(--red-color);
    font-size: 14px;
    margin-left: 8px;
}
.form-guide span{
    padding-left: 8px;
}

.page-title-wrap .namedesc:before {
    content: "";
    position: absolute;
    font-size: 75px;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: -80%;
    margin: auto;
    color: rgba(255, 255, 255, 0.03);
    text-transform: uppercase;
}
.page-top.member .page-title-wrap .namedesc:before{
    content:"member";
}
.page-top.request-image-wrap .page-title-wrap .namedesc:before{
    content:"";
    background:url('assets/images/bg-text.png');
}
.form_input_wrap label.error {
    color: var(--red-color);
    position: absolute;
    bottom: -27px;
    right: 5px;
	font-size: 12px;
}
.form_input_wrap {
    position: relative;
    text-align: right;
}

.form-control.error {
    border-color: var(--red-color);
}
.required-icon {
    color: #b91010;
    font-size: 23px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-39%);
}
.passwrap label.error {
    position: relative;
    bottom: 0;
}
#lostpasswordform label.error {
    bottom: -15px;
}
.edit_account_page .page-image-top > img,
.consultation_page .page-image-top > img {
    height: 50vh;
}
.single_table li.nav-item.tax-category a{
    padding:0;
}
.request-wrap {
    padding: 40px 15px 75px;
}
.section-product .owl-nav button {
    margin: 0 5px;
}
.section-product .owl-nav{
    position: absolute;
    top: -10px;
    right: 50%;
    transform: translateX(50%);
    color: #fff;
    font-size: 18px;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.customer-carousel{
    margin-top:30px;

}
.customer-carousel img{
    width:auto!important;
    display:inline-block;
}
.table_archive .simple-btn:hover {
    color: #000;
}
.table_archive .simple-btn{
    display: flex;
    align-items: flex-start;
}
.table_archive .simple-btn i{
margin-top: 8px;
}
.section-contact.section,
.section-blog.section,
.section.section-service,
.section-about.section{
	background: transparent
}
/* .acf-notice.-dismiss{
	display:none;
} */
.section-editor {
background: #f8f8f8;
margin-top: 5rem;
    padding-top: 1rem;
}
.lng-link {
    color: #fff;
    display: inline-block;
    margin-right: 29px;
    position: relative;
    padding-top: 14px;
}
.lng-link:before {
    content: "";
    width: 100%;
    height: 3px;
    background: var(--red-color);
    position: absolute;
    top: -16px;
    border-radius: 123px;
}
.mainhead.another-page .lng-link {
    color: #5b5b5b;
    font-weight: bold;
}
.brands .simple-btn:hover {
    color: #717171;
}
.tableeditor-wrap {
    overflow-x: scroll;
}

#readmore:after {
    content: "\e91c";
    font-family: 'icomoon';
    font-size: 12px;
    margin-right: 8px;
    display: inline-block;
    transform: translateY(2px);
	transition:all .3s;
}
#readmore {
    color: var(--red-color);
	cursor:pointer;
	display: inline-block;
    padding: 5px;
	padding-left:0;
	float:left;
}
#readmore.less:after {
    transform: rotate(-180deg);
}
.anr_captcha_field {
    position: absolute!important;
    bottom: 50px!important;
    transform: scale(.9);
}
form#commentform .ptr-btn {
    margin-top: 70px;
}
.acf-field.acf-field-recaptcha {
	float: right;
    position: relative!important;
    transform: scale(.9);
    right: -20px;
    bottom: 30px!important;
}
@media (max-width:992px) { 
.anr_captcha_field {
    float: right;
    position: relative!important;
    transform: scale(.7);
    right: -30px;
    bottom: 140px!important;
}
}