%PDF-1.7 GIF89;
ANDA PELER
Server IP : 5.161.254.237  /  Your IP : 216.73.216.93
Web Server : Apache
System : Linux diamond.sialwebvps.com 4.18.0-553.8.1.el8_10.x86_64 #1 SMP Tue Jul 2 07:26:33 EDT 2024 x86_64
User : stellasp ( 1131)
PHP Version : 7.4.33
Disable Function : exec,passthru,shell_exec,system
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/stellasp/www/ohhtml/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ HOME ]     

Current File : /home/stellasp/www/ohhtml/css/responsive.css
@charset "UTF-8";

/*!
 * Litho - v2.0
 * https://www.themezaa.com/
 * Copyright (c) 2021 themezaa.com
 */

@media (min-width: 1901px) {
    .litho-parallax-bg { width: 45%; }
}

@media (max-width: 1600px) {
    /* reset */
    .xl-last-order { order: 10; }

    /* typography */
    .text-extra-big { font-size: 200px; line-height: 200px; }

    /* letter spacing minus */
    .xl-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .xl-letter-spacing-minus-1px { letter-spacing: -1px; }
    .xl-letter-spacing-minus-2px { letter-spacing: -2px; }
    .xl-letter-spacing-minus-3px { letter-spacing: -3px; }
    .xl-letter-spacing-minus-4px { letter-spacing: -4px; }
    .xl-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .xl-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* box shadow */
    .xl-box-shadow-none { box-shadow: none; }

    /* margin */
    .xl-margin-one-all { margin:1%; }
    .xl-margin-two-all { margin:2%; }
    .xl-margin-three-all { margin:3%; }
    .xl-margin-four-all { margin:4%; }
    .xl-margin-five-all { margin:5%; }
    .xl-margin-six-all { margin:6%; }
    .xl-margin-seven-all { margin:7%; }
    .xl-margin-eight-all { margin:8%; }
    .xl-margin-nine-all { margin:9%; }
    .xl-margin-ten-all { margin:10%; }
    .xl-margin-eleven-all { margin:11%; }
    .xl-margin-twelve-all { margin:12%; }
    .xl-margin-thirteen-all { margin:13%; }
    .xl-margin-fourteen-all { margin:14%; }
    .xl-margin-fifteen-all { margin:15%; }
    .xl-margin-sixteen-all { margin:16%; }
    .xl-margin-seventeen-all { margin:17%; }
    .xl-margin-eighteen-all { margin:18%; }
    .xl-margin-nineteen-all { margin:19%; }
    .xl-margin-twenty-all { margin:20%; }
    .xl-margin-5px-all { margin:5px; }
    .xl-margin-10px-all { margin:10px; }
    .xl-margin-15px-all { margin:15px; }
    .xl-margin-20px-all { margin:20px; }
    .xl-margin-25px-all { margin:25px; }
    .xl-margin-30px-all { margin:30px; }
    .xl-margin-35px-all { margin:35px; }
    .xl-margin-40px-all { margin:40px; }
    .xl-margin-45px-all { margin:45px; }
    .xl-margin-50px-all { margin:50px; }
    .xl-margin-55px-all { margin:55px; }
    .xl-margin-60px-all { margin:60px; }
    .xl-margin-65px-all { margin:65px; }
    .xl-margin-70px-all { margin:70px; }
    .xl-margin-75px-all { margin:75px; }
    .xl-margin-80px-all { margin:80px; }
    .xl-margin-85px-all { margin:85px; }
    .xl-margin-90px-all { margin:90px; }
    .xl-margin-95px-all { margin:95px; }
    .xl-margin-100px-all { margin:100px; }
    .xl-margin-1-rem-all { margin: 1rem; }
    .xl-margin-1-half-rem-all { margin: 1.5rem; }
    .xl-margin-2-rem-all { margin: 2rem; }
    .xl-margin-2-half-rem-all { margin: 2.5rem; }
    .xl-margin-3-rem-all { margin: 3rem; }
    .xl-margin-3-half-rem-all { margin: 3.5rem; }
    .xl-margin-4-rem-all { margin: 4rem; }
    .xl-margin-4-half-rem-all { margin: 4.5rem; }
    .xl-margin-5-rem-all { margin: 5rem; }
    .xl-margin-5-half-rem-all { margin: 5.5rem; }
    .xl-margin-6-rem-all { margin: 6rem; }
    .xl-margin-6-half-rem-all { margin: 6.5rem; }
    .xl-margin-7-rem-all { margin: 7rem; }
    .xl-margin-7-half-rem-all { margin: 7.5rem; }
    .xl-margin-8-rem-all { margin: 8rem; }
    .xl-margin-8-half-rem-all { margin: 8.5rem; }
    .xl-margin-9-rem-all { margin: 9rem; }
    .xl-margin-9-half-rem-all { margin: 9.5rem; }
    .xl-margin-10-rem-all { margin: 10rem; }
    .xl-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .xl-margin-one-top { margin-top:1%; }
    .xl-margin-two-top { margin-top:2%; }
    .xl-margin-three-top { margin-top:3%; }
    .xl-margin-four-top { margin-top:4%; }
    .xl-margin-five-top { margin-top:5%; }
    .xl-margin-six-top { margin-top:6%; }
    .xl-margin-seven-top { margin-top:7%; }
    .xl-margin-eight-top { margin-top:8%; }
    .xl-margin-nine-top { margin-top:9%; }
    .xl-margin-ten-top { margin-top:10%; }
    .xl-margin-eleven-top { margin-top:11%; }
    .xl-margin-twelve-top { margin-top:12%; }
    .xl-margin-thirteen-top { margin-top:13%; }
    .xl-margin-fourteen-top { margin-top:14%; }
    .xl-margin-fifteen-top { margin-top:15%; }
    .xl-margin-sixteen-top { margin-top:16%; }
    .xl-margin-seventeen-top { margin-top:17%; }
    .xl-margin-eighteen-top { margin-top:18%; }
    .xl-margin-nineteen-top { margin-top:19%; }
    .xl-margin-twenty-top { margin-top:20%; }
    .xl-margin-5px-top { margin-top:5px; }
    .xl-margin-10px-top { margin-top:10px; }
    .xl-margin-15px-top { margin-top:15px; }
    .xl-margin-20px-top { margin-top:20px; }
    .xl-margin-25px-top { margin-top:25px; }
    .xl-margin-30px-top { margin-top:30px; }
    .xl-margin-35px-top { margin-top:35px; }
    .xl-margin-40px-top { margin-top:40px; }
    .xl-margin-45px-top { margin-top:45px; }
    .xl-margin-50px-top { margin-top:50px; }
    .xl-margin-55px-top { margin-top:55px; }
    .xl-margin-60px-top { margin-top:60px; }
    .xl-margin-65px-top { margin-top:65px; }
    .xl-margin-70px-top { margin-top:70px; }
    .xl-margin-75px-top { margin-top:75px; }
    .xl-margin-80px-top { margin-top:80px; }
    .xl-margin-85px-top { margin-top:85px; }
    .xl-margin-90px-top { margin-top:90px; }
    .xl-margin-95px-top { margin-top:95px; }
    .xl-margin-100px-top { margin-top:100px; }
    .xl-margin-1-rem-top { margin-top: 1rem; }
    .xl-margin-1-half-rem-top { margin-top: 1.5rem; }
    .xl-margin-2-rem-top { margin-top: 2rem; }
    .xl-margin-2-half-rem-top { margin-top: 2.5rem; }
    .xl-margin-3-rem-top { margin-top: 3rem; }
    .xl-margin-3-half-rem-top { margin-top: 3.5rem; }
    .xl-margin-4-rem-top { margin-top: 4rem; }
    .xl-margin-4-half-rem-top { margin-top: 4.5rem; }
    .xl-margin-5-rem-top { margin-top: 5rem; }
    .xl-margin-5-half-rem-top { margin-top: 5.5rem; }
    .xl-margin-6-rem-top { margin-top: 6rem; }
    .xl-margin-6-half-rem-top { margin-top: 6.5rem; }
    .xl-margin-7-rem-top { margin-top: 7rem; }
    .xl-margin-7-half-rem-top { margin-top: 7.5rem; }
    .xl-margin-8-rem-top { margin-top: 8rem; }
    .xl-margin-8-half-rem-top { margin-top: 8.5rem; }
    .xl-margin-9-rem-top { margin-top: 9rem; }
    .xl-margin-9-half-rem-top { margin-top: 9.5rem; }
    .xl-margin-10-rem-top { margin-top: 10rem; }
    .xl-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .xl-margin-one-bottom { margin-bottom:1%; }
    .xl-margin-two-bottom { margin-bottom:2%; }
    .xl-margin-three-bottom { margin-bottom:3%; }
    .xl-margin-four-bottom { margin-bottom:4%; }
    .xl-margin-five-bottom { margin-bottom:5%; }
    .xl-margin-six-bottom { margin-bottom:6%; }
    .xl-margin-seven-bottom { margin-bottom:7%; }
    .xl-margin-eight-bottom { margin-bottom:8%; }
    .xl-margin-nine-bottom { margin-bottom:9%; }
    .xl-margin-ten-bottom { margin-bottom:10%; }
    .xl-margin-eleven-bottom { margin-bottom:11%; }
    .xl-margin-twelve-bottom { margin-bottom:12%; }
    .xl-margin-thirteen-bottom { margin-bottom:13%; }
    .xl-margin-fourteen-bottom { margin-bottom:14%; }
    .xl-margin-fifteen-bottom { margin-bottom:15%; }
    .xl-margin-sixteen-bottom { margin-bottom:16%; }
    .xl-margin-seventeen-bottom { margin-bottom:17%; }
    .xl-margin-eighteen-bottom { margin-bottom:18%; }
    .xl-margin-nineteen-bottom { margin-bottom:19%; }
    .xl-margin-twenty-bottom { margin-bottom:20%; }
    .xl-margin-5px-bottom { margin-bottom:5px; }
    .xl-margin-10px-bottom { margin-bottom:10px; }
    .xl-margin-15px-bottom { margin-bottom:15px; }
    .xl-margin-20px-bottom { margin-bottom:20px; }
    .xl-margin-25px-bottom { margin-bottom:25px; }
    .xl-margin-30px-bottom { margin-bottom:30px; }
    .xl-margin-35px-bottom { margin-bottom:35px; }
    .xl-margin-40px-bottom { margin-bottom:40px; }
    .xl-margin-45px-bottom { margin-bottom:45px; }
    .xl-margin-50px-bottom { margin-bottom:50px; }
    .xl-margin-55px-bottom { margin-bottom:55px; }
    .xl-margin-60px-bottom { margin-bottom:60px; }
    .xl-margin-65px-bottom { margin-bottom:65px; }
    .xl-margin-70px-bottom { margin-bottom:70px; }
    .xl-margin-75px-bottom { margin-bottom:75px; }
    .xl-margin-80px-bottom { margin-bottom:80px; }
    .xl-margin-85px-bottom { margin-bottom:85px; }
    .xl-margin-90px-bottom { margin-bottom:90px; }
    .xl-margin-95px-bottom { margin-bottom:95px; }
    .xl-margin-100px-bottom { margin-bottom:100px; }
    .xl-margin-1-rem-bottom { margin-bottom: 1rem; }
    .xl-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .xl-margin-2-rem-bottom { margin-bottom: 2rem; }
    .xl-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .xl-margin-3-rem-bottom { margin-bottom: 3rem; }
    .xl-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .xl-margin-4-rem-bottom { margin-bottom: 4rem; }
    .xl-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .xl-margin-5-rem-bottom { margin-bottom: 5rem; }
    .xl-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .xl-margin-6-rem-bottom { margin-bottom: 6rem; }
    .xl-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .xl-margin-7-rem-bottom { margin-bottom: 7rem; }
    .xl-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .xl-margin-8-rem-bottom { margin-bottom: 8rem; }
    .xl-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .xl-margin-9-rem-bottom { margin-bottom: 9rem; }
    .xl-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .xl-margin-10-rem-bottom { margin-bottom: 10rem; }
    .xl-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .xl-margin-one-right { margin-right:1%; }
    .xl-margin-two-right { margin-right:2%; }
    .xl-margin-three-right { margin-right:3%; }
    .xl-margin-four-right { margin-right:4%; }
    .xl-margin-five-right { margin-right:5%; }
    .xl-margin-six-right { margin-right:6%; }
    .xl-margin-seven-right { margin-right:7%; }
    .xl-margin-eight-right { margin-right:8%; }
    .xl-margin-nine-right { margin-right:9%; }
    .xl-margin-ten-right { margin-right:10%; }
    .xl-margin-eleven-right { margin-right:11%; }
    .xl-margin-twelve-right { margin-right:12%; }
    .xl-margin-thirteen-right { margin-right:13%; }
    .xl-margin-fourteen-right { margin-right:14%; }
    .xl-margin-fifteen-right { margin-right:15%; }
    .xl-margin-sixteen-right { margin-right:16%; }
    .xl-margin-seventeen-right { margin-right:17%; }
    .xl-margin-eighteen-right { margin-right:18%; }
    .xl-margin-nineteen-right { margin-right:19%; }
    .xl-margin-twenty-right { margin-right:20%; }
    .xl-margin-5px-right { margin-right:5px; }
    .xl-margin-10px-right { margin-right:10px; }
    .xl-margin-15px-right { margin-right:15px; }
    .xl-margin-20px-right { margin-right:20px; }
    .xl-margin-25px-right { margin-right:25px; }
    .xl-margin-30px-right { margin-right:30px; }
    .xl-margin-35px-right { margin-right:35px; }
    .xl-margin-40px-right { margin-right:40px; }
    .xl-margin-45px-right { margin-right:45px; }
    .xl-margin-50px-right { margin-right:50px; }
    .xl-margin-55px-right { margin-right:55px; }
    .xl-margin-60px-right { margin-right:60px; }
    .xl-margin-65px-right { margin-right:65px; }
    .xl-margin-70px-right { margin-right:70px; }
    .xl-margin-75px-right { margin-right:75px; }
    .xl-margin-80px-right { margin-right:80px; }
    .xl-margin-85px-right { margin-right:85px; }
    .xl-margin-90px-right { margin-right:90px; }
    .xl-margin-95px-right { margin-right:95px; }
    .xl-margin-100px-right { margin-right:100px; }
    .xl-margin-1-rem-right { margin-right: 1rem; }
    .xl-margin-1-half-rem-right { margin-right: 1.5rem; }
    .xl-margin-2-rem-right { margin-right: 2rem; }
    .xl-margin-2-half-rem-right { margin-right: 2.5rem; }
    .xl-margin-3-rem-right { margin-right: 3rem; }
    .xl-margin-3-half-rem-right { margin-right: 3.5rem; }
    .xl-margin-4-rem-right { margin-right: 4rem; }
    .xl-margin-4-half-rem-right { margin-right: 4.5rem; }
    .xl-margin-5-rem-right { margin-right: 5rem; }
    .xl-margin-5-half-rem-right { margin-right: 5.5rem; }
    .xl-margin-6-rem-right { margin-right: 6rem; }
    .xl-margin-6-half-rem-right { margin-right: 6.5rem; }
    .xl-margin-7-rem-right { margin-right: 7rem; }
    .xl-margin-7-half-rem-right { margin-right: 7.5rem; }
    .xl-margin-8-rem-right { margin-right: 8rem; }
    .xl-margin-8-half-rem-right { margin-right: 8.5rem; }
    .xl-margin-9-rem-right { margin-right: 9rem; }
    .xl-margin-9-half-rem-right { margin-right: 9.5rem; }
    .xl-margin-10-rem-right { margin-right: 10rem; }
    .xl-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .xl-margin-one-left { margin-left:1%; }
    .xl-margin-two-left { margin-left:2%; }
    .xl-margin-three-left { margin-left:3%; }
    .xl-margin-four-left { margin-left:4%; }
    .xl-margin-five-left { margin-left:5%; }
    .xl-margin-six-left { margin-left:6%; }
    .xl-margin-seven-left { margin-left:7%; }
    .xl-margin-eight-left { margin-left:8%; }
    .xl-margin-nine-left { margin-left:9%; }
    .xl-margin-ten-left { margin-left:10%; }
    .xl-margin-eleven-left { margin-left:11%; }
    .xl-margin-twelve-left { margin-left:12%; }
    .xl-margin-thirteen-left { margin-left:13%; }
    .xl-margin-fourteen-left { margin-left:14%; }
    .xl-margin-fifteen-left { margin-left:15%; }
    .xl-margin-sixteen-left { margin-left:16%; }
    .xl-margin-seventeen-left { margin-left:17%; }
    .xl-margin-eighteen-left { margin-left:18%; }
    .xl-margin-nineteen-left { margin-left:19%; }
    .xl-margin-twenty-left { margin-left:20%; }
    .xl-margin-5px-left { margin-left:5px; }
    .xl-margin-10px-left { margin-left:10px; }
    .xl-margin-15px-left { margin-left:15px; }
    .xl-margin-20px-left { margin-left:20px; }
    .xl-margin-25px-left { margin-left:25px; }
    .xl-margin-30px-left { margin-left:30px; }
    .xl-margin-35px-left { margin-left:35px; }
    .xl-margin-40px-left { margin-left:40px; }
    .xl-margin-45px-left { margin-left:45px; }
    .xl-margin-50px-left { margin-left:50px; }
    .xl-margin-55px-left { margin-left:55px; }
    .xl-margin-60px-left { margin-left:60px; }
    .xl-margin-65px-left { margin-left:65px; }
    .xl-margin-70px-left { margin-left:70px; }
    .xl-margin-75px-left { margin-left:75px; }
    .xl-margin-80px-left { margin-left:80px; }
    .xl-margin-85px-left { margin-left:85px; }
    .xl-margin-90px-left { margin-left:90px; }
    .xl-margin-95px-left { margin-left:95px; }
    .xl-margin-100px-left { margin-left:100px; }
    .xl-margin-1-rem-left { margin-left: 1rem; }
    .xl-margin-1-half-rem-left { margin-left: 1.5rem; }
    .xl-margin-2-rem-left { margin-left: 2rem; }
    .xl-margin-2-half-rem-left { margin-left: 2.5rem; }
    .xl-margin-3-rem-left { margin-left: 3rem; }
    .xl-margin-3-half-rem-left { margin-left: 3.5rem; }
    .xl-margin-4-rem-left { margin-left: 4rem; }
    .xl-margin-4-half-rem-left { margin-left: 4.5rem; }
    .xl-margin-5-rem-left { margin-left: 5rem; }
    .xl-margin-5-half-rem-left { margin-left: 5.5rem; }
    .xl-margin-6-rem-left { margin-left: 6rem; }
    .xl-margin-6-half-rem-left { margin-left: 6.5rem; }
    .xl-margin-7-rem-left { margin-left: 7rem; }
    .xl-margin-7-half-rem-left { margin-left: 7.5rem; }
    .xl-margin-8-rem-left { margin-left: 8rem; }
    .xl-margin-8-half-rem-left { margin-left: 8.5rem; }
    .xl-margin-9-rem-left { margin-left: 9rem; }
    .xl-margin-9-half-rem-left { margin-left: 9.5rem; }
    .xl-margin-10-rem-left { margin-left: 10rem; }
    .xl-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .xl-margin-one-lr { margin-left:1%; margin-right:1%; }
    .xl-margin-two-lr { margin-left:2%; margin-right:2%; }
    .xl-margin-three-lr { margin-left:3%; margin-right:3%; }
    .xl-margin-four-lr { margin-left:4%; margin-right:4%; }
    .xl-margin-five-lr { margin-left:5%; margin-right:5%; }
    .xl-margin-six-lr { margin-left:6%; margin-right:6%; }
    .xl-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .xl-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .xl-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .xl-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .xl-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .xl-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .xl-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .xl-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .xl-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .xl-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .xl-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .xl-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .xl-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .xl-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .xl-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .xl-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .xl-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .xl-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .xl-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .xl-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .xl-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .xl-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .xl-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .xl-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .xl-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .xl-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .xl-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .xl-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .xl-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .xl-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .xl-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .xl-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .xl-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .xl-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .xl-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .xl-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .xl-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .xl-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .xl-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .xl-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .xl-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .xl-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .xl-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .xl-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .xl-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .xl-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .xl-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .xl-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .xl-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .xl-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .xl-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .xl-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .xl-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .xl-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .xl-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .xl-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .xl-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .xl-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .xl-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .xl-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .xl-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .xl-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .xl-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .xl-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .xl-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .xl-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .xl-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .xl-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .xl-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .xl-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .xl-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .xl-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .xl-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .xl-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .xl-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .xl-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .xl-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .xl-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .xl-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .xl-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .xl-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .xl-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .xl-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .xl-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .xl-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .xl-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .xl-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .xl-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .xl-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .xl-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .xl-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .xl-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .xl-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .xl-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .xl-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .xl-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .xl-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .xl-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .xl-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .xl-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .xl-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .xl-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .xl-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .xl-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .xl-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .xl-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .xl-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .xl-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .xl-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .xl-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .xl-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .xl-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .xl-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .xl-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }  

    .xl-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .xl-margin-auto { margin: auto; }
    .xl-no-margin { margin: 0 !important; }
    .xl-no-margin-top { margin-top: 0 !important; }
    .xl-no-margin-bottom { margin-bottom: 0 !important; }
    .xl-no-margin-left { margin-left: 0 !important; }
    .xl-no-margin-right { margin-right: 0 !important; }
    .xl-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .xl-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .xl-padding-one-all { padding:1%; }
    .xl-padding-two-all { padding:2%; }
    .xl-padding-three-all { padding:3%; }
    .xl-padding-four-all { padding:4%; }
    .xl-padding-five-all { padding:5%; }
    .xl-padding-six-all { padding:6%; }
    .xl-padding-seven-all { padding:7%; }
    .xl-padding-eight-all { padding:8%; }
    .xl-padding-nine-all { padding:9%; }
    .xl-padding-ten-all { padding:10%; }
    .xl-padding-eleven-all { padding:11%; }
    .xl-padding-twelve-all { padding:12%; }
    .xl-padding-thirteen-all { padding:13%; }
    .xl-padding-fourteen-all { padding:14%; }
    .xl-padding-fifteen-all { padding:15%; }
    .xl-padding-sixteen-all { padding:16%; }
    .xl-padding-seventeen-all { padding:17%; }
    .xl-padding-eighteen-all { padding:18%; }
    .xl-padding-nineteen-all { padding:19%; }
    .xl-padding-twenty-all { padding:20%; }
    .xl-padding-5px-all { padding:5px; }
    .xl-padding-10px-all { padding:10px; }
    .xl-padding-15px-all { padding:15px; }
    .xl-padding-20px-all { padding:20px; }
    .xl-padding-25px-all { padding:25px; }
    .xl-padding-30px-all { padding:30px; }
    .xl-padding-35px-all { padding:35px; }
    .xl-padding-40px-all { padding:40px; }
    .xl-padding-45px-all { padding:45px; }
    .xl-padding-50px-all { padding:50px; }
    .xl-padding-55px-all { padding:55px; }
    .xl-padding-60px-all { padding:60px; }
    .xl-padding-65px-all { padding:65px; }
    .xl-padding-70px-all { padding:70px; }
    .xl-padding-75px-all { padding:75px; }
    .xl-padding-80px-all { padding:80px; }
    .xl-padding-85px-all { padding:85px; }
    .xl-padding-90px-all { padding:90px; }
    .xl-padding-95px-all { padding:95px; }
    .xl-padding-100px-all { padding:100px; }
    .xl-padding-1-rem-all { padding: 1rem; }
    .xl-padding-1-half-rem-all { padding: 1.5rem; }
    .xl-padding-2-rem-all { padding: 2rem; }
    .xl-padding-2-half-rem-all { padding: 2.5rem; }
    .xl-padding-3-rem-all { padding: 3rem; }
    .xl-padding-3-half-rem-all { padding: 3.5rem; }
    .xl-padding-4-rem-all { padding: 4rem; }
    .xl-padding-4-half-rem-all { padding: 4.5rem; }
    .xl-padding-5-rem-all { padding: 5rem; }
    .xl-padding-5-half-rem-all { padding: 5.5rem; }
    .xl-padding-6-rem-all { padding: 6rem; }
    .xl-padding-6-half-rem-all { padding: 6.5rem; }
    .xl-padding-7-rem-all { padding: 7rem; }
    .xl-padding-7-half-rem-all { padding: 7.5rem; }
    .xl-padding-8-rem-all { padding: 8rem; }
    .xl-padding-8-half-rem-all { padding: 8.5rem; }
    .xl-padding-9-rem-all { padding: 9rem; }
    .xl-padding-9-half-rem-all { padding: 9.5rem; }
    .xl-padding-10-rem-all { padding: 10rem; }
    .xl-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .xl-padding-one-top { padding-top:1%; }
    .xl-padding-two-top { padding-top:2%; }
    .xl-padding-three-top { padding-top:3%; }
    .xl-padding-four-top { padding-top:4%; }
    .xl-padding-five-top { padding-top:5%; }
    .xl-padding-six-top { padding-top:6%; }
    .xl-padding-seven-top { padding-top:7%; }
    .xl-padding-eight-top { padding-top:8%; }
    .xl-padding-nine-top { padding-top:9%; }
    .xl-padding-ten-top { padding-top:10%; }
    .xl-padding-eleven-top { padding-top:11%; }
    .xl-padding-twelve-top { padding-top:12%; }
    .xl-padding-thirteen-top { padding-top:13%; }
    .xl-padding-fourteen-top { padding-top:14%; }
    .xl-padding-fifteen-top { padding-top:15%; }
    .xl-padding-sixteen-top { padding-top:16%; }
    .xl-padding-seventeen-top { padding-top:17%; }
    .xl-padding-eighteen-top { padding-top:18%; }
    .xl-padding-nineteen-top { padding-top:19%; }
    .xl-padding-twenty-top { padding-top:20%; }
    .xl-padding-5px-top { padding-top:5px; }
    .xl-padding-10px-top { padding-top:10px; }
    .xl-padding-15px-top { padding-top:15px; }
    .xl-padding-20px-top { padding-top:20px; }
    .xl-padding-25px-top { padding-top:25px; }
    .xl-padding-30px-top { padding-top:30px; }
    .xl-padding-35px-top { padding-top:35px; }
    .xl-padding-40px-top { padding-top:40px; }
    .xl-padding-45px-top { padding-top:45px; }
    .xl-padding-50px-top { padding-top:50px; }
    .xl-padding-55px-top { padding-top:55px; }
    .xl-padding-60px-top { padding-top:60px; }
    .xl-padding-65px-top { padding-top:65px; }
    .xl-padding-70px-top { padding-top:70px; }
    .xl-padding-75px-top { padding-top:75px; }
    .xl-padding-80px-top { padding-top:80px; }
    .xl-padding-85px-top { padding-top:85px; }
    .xl-padding-90px-top { padding-top:90px; }
    .xl-padding-95px-top { padding-top:95px; }
    .xl-padding-100px-top { padding-top:100px; }
    .xl-padding-1-rem-top { padding-top: 1rem; }
    .xl-padding-1-half-rem-top { padding-top: 1.5rem; }
    .xl-padding-2-rem-top { padding-top: 2rem; }
    .xl-padding-2-half-rem-top { padding-top: 2.5rem; }
    .xl-padding-3-rem-top { padding-top: 3rem; }
    .xl-padding-3-half-rem-top { padding-top: 3.5rem; }
    .xl-padding-4-rem-top { padding-top: 4rem; }
    .xl-padding-4-half-rem-top { padding-top: 4.5rem; }
    .xl-padding-5-rem-top { padding-top: 5rem; }
    .xl-padding-5-half-rem-top { padding-top: 5.5rem; }
    .xl-padding-6-rem-top { padding-top: 6rem; }
    .xl-padding-6-half-rem-top { padding-top: 6.5rem; }
    .xl-padding-7-rem-top { padding-top: 7rem; }
    .xl-padding-7-half-rem-top { padding-top: 7.5rem; }
    .xl-padding-8-rem-top { padding-top: 8rem; }
    .xl-padding-8-half-rem-top { padding-top: 8.5rem; }
    .xl-padding-9-rem-top { padding-top: 9rem; }
    .xl-padding-9-half-rem-top { padding-top: 9.5rem; }
    .xl-padding-10-rem-top { padding-top: 10rem; }
    .xl-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .xl-padding-one-bottom { padding-bottom:1%; }
    .xl-padding-two-bottom { padding-bottom:2%; }
    .xl-padding-three-bottom { padding-bottom:3%; }
    .xl-padding-four-bottom { padding-bottom:4%; }
    .xl-padding-five-bottom { padding-bottom:5%; }
    .xl-padding-six-bottom { padding-bottom:6%; }
    .xl-padding-seven-bottom { padding-bottom:7%; }
    .xl-padding-eight-bottom { padding-bottom:8%; }
    .xl-padding-nine-bottom { padding-bottom:9%; }
    .xl-padding-ten-bottom { padding-bottom:10%; }
    .xl-padding-eleven-bottom { padding-bottom:11%; }
    .xl-padding-twelve-bottom { padding-bottom:12%; }
    .xl-padding-thirteen-bottom { padding-bottom:13%; }
    .xl-padding-fourteen-bottom { padding-bottom:14%; }
    .xl-padding-fifteen-bottom { padding-bottom:15%; }
    .xl-padding-sixteen-bottom { padding-bottom:16%; }
    .xl-padding-seventeen-bottom { padding-bottom:17%; }
    .xl-padding-eighteen-bottom { padding-bottom:18%; }
    .xl-padding-nineteen-bottom { padding-bottom:19%; }
    .xl-padding-twenty-bottom { padding-bottom:20%; }
    .xl-padding-5px-bottom { padding-bottom:5px; }
    .xl-padding-10px-bottom { padding-bottom:10px; }
    .xl-padding-15px-bottom { padding-bottom:15px; }
    .xl-padding-20px-bottom { padding-bottom:20px; }
    .xl-padding-25px-bottom { padding-bottom:25px; }
    .xl-padding-30px-bottom { padding-bottom:30px; }
    .xl-padding-35px-bottom { padding-bottom:35px; }
    .xl-padding-40px-bottom { padding-bottom:40px; }
    .xl-padding-45px-bottom { padding-bottom:45px; }
    .xl-padding-50px-bottom { padding-bottom:50px; }
    .xl-padding-55px-bottom { padding-bottom:55px; }
    .xl-padding-60px-bottom { padding-bottom:60px; }
    .xl-padding-65px-bottom { padding-bottom:65px; }
    .xl-padding-70px-bottom { padding-bottom:70px; }
    .xl-padding-75px-bottom { padding-bottom:75px; }
    .xl-padding-80px-bottom { padding-bottom:80px; }
    .xl-padding-85px-bottom { padding-bottom:85px; }
    .xl-padding-90px-bottom { padding-bottom:90px; }
    .xl-padding-95px-bottom { padding-bottom:95px; }
    .xl-padding-100px-bottom { padding-bottom:100px; }
    .xl-padding-1-rem-bottom { padding-bottom: 1rem; }
    .xl-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .xl-padding-2-rem-bottom { padding-bottom: 2rem; }
    .xl-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .xl-padding-3-rem-bottom { padding-bottom: 3rem; }
    .xl-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .xl-padding-4-rem-bottom { padding-bottom: 4rem; }
    .xl-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .xl-padding-5-rem-bottom { padding-bottom: 5rem; }
    .xl-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .xl-padding-6-rem-bottom { padding-bottom: 6rem; }
    .xl-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .xl-padding-7-rem-bottom { padding-bottom: 7rem; }
    .xl-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .xl-padding-8-rem-bottom { padding-bottom: 8rem; }
    .xl-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .xl-padding-9-rem-bottom { padding-bottom: 9rem; }
    .xl-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .xl-padding-10-rem-bottom { padding-bottom: 10rem; }
    .xl-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .xl-padding-one-right { padding-right:1%; }
    .xl-padding-two-right { padding-right:2%; }
    .xl-padding-three-right { padding-right:3%; }
    .xl-padding-four-right { padding-right:4% }
    .xl-padding-five-right { padding-right:5%; }
    .xl-padding-six-right { padding-right:6%; }
    .xl-padding-seven-right { padding-right:7%; }
    .xl-padding-eight-right { padding-right:8%; }
    .xl-padding-nine-right { padding-right:9%; }
    .xl-padding-ten-right { padding-right:10%; }
    .xl-padding-eleven-right { padding-right:11%; }
    .xl-padding-twelve-right { padding-right:12%; }
    .xl-padding-thirteen-right { padding-right:13%; }
    .xl-padding-fourteen-right { padding-right:14%; }
    .xl-padding-fifteen-right { padding-right:15%; }
    .xl-padding-sixteen-right { padding-right:16%; }
    .xl-padding-seventeen-right { padding-right:17%; }
    .xl-padding-eighteen-right { padding-right:18%; }
    .xl-padding-nineteen-right { padding-right:19%; }
    .xl-padding-twenty-right { padding-right:20%; }
    .xl-padding-5px-right { padding-right:5px; }
    .xl-padding-10px-right { padding-right:10px; }
    .xl-padding-15px-right { padding-right:15px; }
    .xl-padding-20px-right { padding-right:20px; }
    .xl-padding-25px-right { padding-right:25px; }
    .xl-padding-30px-right { padding-right:30px; }
    .xl-padding-35px-right { padding-right:35px; }
    .xl-padding-40px-right { padding-right:40px; }
    .xl-padding-45px-right { padding-right:45px; }
    .xl-padding-50px-right { padding-right:50px; }
    .xl-padding-55px-right { padding-right:55px; }
    .xl-padding-60px-right { padding-right:60px; }
    .xl-padding-65px-right { padding-right:65px; }
    .xl-padding-70px-right { padding-right:70px; }
    .xl-padding-75px-right { padding-right:75px; }
    .xl-padding-80px-right { padding-right:80px; }
    .xl-padding-85px-right { padding-right:85px; }
    .xl-padding-90px-right { padding-right:90px; }
    .xl-padding-95px-right { padding-right:95px; }
    .xl-padding-100px-right { padding-right:100px; }
    .xl-padding-1-rem-right { padding-right: 1rem; }
    .xl-padding-1-half-rem-right { padding-right: 1.5rem; }
    .xl-padding-2-rem-right { padding-right: 2rem; }
    .xl-padding-2-half-rem-right { padding-right: 2.5rem; }
    .xl-padding-3-rem-right { padding-right: 3rem; }
    .xl-padding-3-half-rem-right { padding-right: 3.5rem; }
    .xl-padding-4-rem-right { padding-right: 4rem; }
    .xl-padding-4-half-rem-right { padding-right: 4.5rem; }
    .xl-padding-5-rem-right { padding-right: 5rem; }
    .xl-padding-5-half-rem-right { padding-right: 5.5rem; }
    .xl-padding-6-rem-right { padding-right: 6rem; }
    .xl-padding-6-half-rem-right { padding-right: 6.5rem; }
    .xl-padding-7-rem-right { padding-right: 7rem; }
    .xl-padding-7-half-rem-right { padding-right: 7.5rem; }
    .xl-padding-8-rem-right { padding-right: 8rem; }
    .xl-padding-8-half-rem-right { padding-right: 8.5rem; }
    .xl-padding-9-rem-right { padding-right: 9rem; }
    .xl-padding-9-half-rem-right { padding-right: 9.5rem; }
    .xl-padding-10-rem-right { padding-right: 10rem; }
    .xl-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .xl-padding-one-left { padding-left:1%; }
    .xl-padding-two-left { padding-left:2%; }
    .xl-padding-three-left { padding-left:3%; }
    .xl-padding-four-left { padding-left:4%; }
    .xl-padding-five-left { padding-left:5%; }
    .xl-padding-six-left { padding-left:6%; }
    .xl-padding-seven-left { padding-left:7%; }
    .xl-padding-eight-left { padding-left:8%; }
    .xl-padding-nine-left { padding-left:9%; }
    .xl-padding-ten-left { padding-left:10%; }
    .xl-padding-eleven-left { padding-left:11%; }
    .xl-padding-twelve-left { padding-left:12%; }
    .xl-padding-thirteen-left { padding-left:13%; }
    .xl-padding-fourteen-left { padding-left:14%; }
    .xl-padding-fifteen-left { padding-left:15%; }
    .xl-padding-sixteen-left { padding-left:16%; }
    .xl-padding-seventeen-left { padding-left:17%; }
    .xl-padding-eighteen-left { padding-left:18%; }
    .xl-padding-nineteen-left { padding-left:19%; }
    .xl-padding-twenty-left { padding-left:20%; }
    .xl-padding-5px-left { padding-left:5px; }
    .xl-padding-10px-left { padding-left:10px; }
    .xl-padding-15px-left { padding-left:15px; }
    .xl-padding-20px-left { padding-left:20px; }
    .xl-padding-25px-left { padding-left:25px; }
    .xl-padding-30px-left { padding-left:30px; }
    .xl-padding-35px-left { padding-left:35px; }
    .xl-padding-40px-left { padding-left:40px; }
    .xl-padding-45px-left { padding-left:45px; }
    .xl-padding-50px-left { padding-left:50px; }
    .xl-padding-55px-left { padding-left:55px; }
    .xl-padding-60px-left { padding-left:60px; }
    .xl-padding-65px-left { padding-left:65px; }
    .xl-padding-70px-left { padding-left:70px; }
    .xl-padding-75px-left { padding-left:75px; }
    .xl-padding-80px-left { padding-left:80px; }
    .xl-padding-85px-left { padding-left:85px; }
    .xl-padding-90px-left { padding-left:90px; }
    .xl-padding-95px-left { padding-left:95px; }
    .xl-padding-100px-left { padding-left:100px; }
    .xl-padding-1-rem-left { padding-left: 1rem; }
    .xl-padding-1-half-rem-left { padding-left: 1.5rem; }
    .xl-padding-2-rem-left { padding-left: 2rem; }
    .xl-padding-2-half-rem-left { padding-left: 2.5rem; }
    .xl-padding-3-rem-left { padding-left: 3rem; }
    .xl-padding-3-half-rem-left { padding-left: 3.5rem; }
    .xl-padding-4-rem-left { padding-left: 4rem; }
    .xl-padding-4-half-rem-left { padding-left: 4.5rem; }
    .xl-padding-5-rem-left { padding-left: 5rem; }
    .xl-padding-5-half-rem-left { padding-left: 5.5rem; }
    .xl-padding-6-rem-left { padding-left: 6rem; }
    .xl-padding-6-half-rem-left { padding-left: 6.5rem; }
    .xl-padding-7-rem-left { padding-left: 7rem; }
    .xl-padding-7-half-rem-left { padding-left: 7.5rem; }
    .xl-padding-8-rem-left { padding-left: 8rem; }
    .xl-padding-8-half-rem-left { padding-left: 8.5rem; }
    .xl-padding-9-rem-left { padding-left: 9rem; }
    .xl-padding-9-half-rem-left { padding-left: 9.5rem; }
    .xl-padding-10-rem-left { padding-left: 10rem; }
    .xl-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .xl-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .xl-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .xl-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .xl-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .xl-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .xl-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .xl-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .xl-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .xl-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .xl-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .xl-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .xl-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .xl-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .xl-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .xl-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .xl-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .xl-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .xl-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .xl-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .xl-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .xl-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .xl-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .xl-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .xl-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .xl-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .xl-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .xl-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .xl-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .xl-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .xl-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .xl-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .xl-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .xl-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .xl-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .xl-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .xl-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .xl-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .xl-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .xl-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .xl-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .xl-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .xl-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .xl-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .xl-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .xl-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .xl-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .xl-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .xl-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .xl-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .xl-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .xl-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .xl-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .xl-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .xl-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .xl-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .xl-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .xl-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .xl-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .xl-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .xl-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .xl-padding-one-lr { padding-left:1%; padding-right:1%; }
    .xl-padding-two-lr { padding-left:2%; padding-right:2%; }
    .xl-padding-three-lr { padding-left:3%; padding-right:3%; }
    .xl-padding-four-lr { padding-left:4%; padding-right:4%; }
    .xl-padding-five-lr { padding-left:5%; padding-right:5%; }
    .xl-padding-six-lr { padding-left:6%; padding-right:6%; }
    .xl-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .xl-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .xl-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .xl-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .xl-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .xl-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .xl-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .xl-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .xl-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .xl-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .xl-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .xl-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .xl-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .xl-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .xl-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .xl-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .xl-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .xl-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .xl-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .xl-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .xl-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .xl-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .xl-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .xl-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .xl-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .xl-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .xl-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .xl-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .xl-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .xl-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .xl-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .xl-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .xl-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .xl-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .xl-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .xl-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .xl-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .xl-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .xl-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .xl-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .xl-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .xl-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .xl-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .xl-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .xl-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .xl-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .xl-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .xl-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .xl-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .xl-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .xl-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .xl-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .xl-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .xl-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }    

    .xl-no-padding { padding:0 !important; }
    .xl-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .xl-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .xl-no-padding-top { padding-top:0 !important; }
    .xl-no-padding-bottom { padding-bottom:0 !important; }
    .xl-no-padding-left { padding-left:0 !important; }
    .xl-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .xl-d-initial { display: initial !important; }
    .xl-overflow-hidden { overflow:hidden !important; }
    .xl-overflow-visible { overflow:visible !important; }
    .xl-overflow-auto { overflow:auto !important; }

    /* position */
    .xl-position-relative { position: relative !important; }
    .xl-position-absolute { position: absolute !important; }
    .xl-position-fixed { position: fixed !important; }
    .xl-position-inherit { position: inherit !important; }
    .xl-position-initial { position: initial !important; }

    /* top */
    .xl-top-0px { top: 0; }
    .xl-top-1px { top: 1px; }
    .xl-top-2px { top: 2px; }
    .xl-top-3px { top: 3px; }
    .xl-top-4px { top: 4px; }
    .xl-top-5px { top: 5px; }
    .xl-top-6px { top: 6px; }
    .xl-top-7px { top: 7px; }
    .xl-top-8px { top: 8px; }
    .xl-top-9px { top: 9px; }
    .xl-top-10px { top: 10px; }
    .xl-top-15px { top: 15px; }
    .xl-top-20px { top: 20px; }
    .xl-top-25px { top: 25px; }
    .xl-top-30px { top: 30px; }
    .xl-top-35px { top: 35px; }
    .xl-top-40px { top: 40px; }
    .xl-top-45px { top: 45px; }
    .xl-top-50px { top: 50px; }
    .xl-top-auto { top:auto; }
    .xl-top-inherit { top:inherit; }

    /* top minus */
    .xl-top-minus-1px { top: -1px; }
    .xl-top-minus-2px { top: -2px; }
    .xl-top-minus-3px { top: -3px; }
    .xl-top-minus-4px { top: -4px; }
    .xl-top-minus-5px { top: -5px; }
    .xl-top-minus-6px { top: -6px; }
    .xl-top-minus-7px { top: -7px; }
    .xl-top-minus-8px { top: -8px; }
    .xl-top-minus-9px { top: -9px; }
    .xl-top-minus-10px { top: -10px; }
    .xl-top-minus-15px { top: -15px; }
    .xl-top-minus-20px { top: -20px; }
    .xl-top-minus-25px { top: -25px; }
    .xl-top-minus-30px { top: -30px; }
    .xl-top-minus-35px { top: -35px; }
    .xl-top-minus-40px { top: -40px; }
    .xl-top-minus-45px { top: -45px; }
    .xl-top-minus-50px { top: -50px; }

    /* bottom */
    .xl-bottom-0px { bottom:0; }
    .xl-bottom-1px { bottom:1px; }
    .xl-bottom-2px { bottom:2px; }
    .xl-bottom-3px { bottom:3px; }
    .xl-bottom-4px { bottom:4px; }
    .xl-bottom-5px { bottom:5px; }
    .xl-bottom-6px { bottom:6px; }
    .xl-bottom-7px { bottom:7px; }
    .xl-bottom-8px { bottom:8px; }
    .xl-bottom-9px { bottom:9px; }
    .xl-bottom-10px { bottom:10px; }
    .xl-bottom-15px { bottom:15px; }
    .xl-bottom-20px { bottom:20px; }
    .xl-bottom-25px { bottom:25px; }
    .xl-bottom-30px { bottom:30px; }
    .xl-bottom-35px { bottom:35px; }
    .xl-bottom-40px { bottom:40px; }
    .xl-bottom-45px { bottom:45px; }
    .xl-bottom-50px { bottom:50px; }
    .xl-bottom-55px { bottom:55px; }
    .xl-bottom-60px { bottom:60px; }
    .xl-bottom-auto { bottom: auto; }
    .xl-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .xl-bottom-minus-1px { bottom: -1px; }
    .xl-bottom-minus-2px { bottom: -2px; }
    .xl-bottom-minus-3px { bottom: -3px; }
    .xl-bottom-minus-4px { bottom: -4px; }
    .xl-bottom-minus-5px { bottom: -5px; }
    .xl-bottom-minus-6px { bottom: -6px; }
    .xl-bottom-minus-7px { bottom: -7px; }
    .xl-bottom-minus-8px { bottom: -8px; }
    .xl-bottom-minus-9px { bottom: -9px; }
    .xl-bottom-minus-10px { bottom: -10px; }
    .xl-bottom-minus-15px { bottom: -15px; }
    .xl-bottom-minus-20px { bottom: -20px; }
    .xl-bottom-minus-25px { bottom: -25px; }
    .xl-bottom-minus-30px { bottom: -30px; }
    .xl-bottom-minus-35px { bottom: -35px; }
    .xl-bottom-minus-40px { bottom: -40px; }
    .xl-bottom-minus-45px { bottom: -45px; }
    .xl-bottom-minus-50px { bottom: -50px; }

    /* right */
    .xl-right-0px { right: 0; }
    .xl-right-1px { right: 1px; }
    .xl-right-2px { right: 2px; }
    .xl-right-3px { right: 3px; }
    .xl-right-4px { right: 4px; }
    .xl-right-5px { right: 5px; }
    .xl-right-6px { right: 6px; }
    .xl-right-7px { right: 7px; }
    .xl-right-8px { right: 8px; }
    .xl-right-9px { right: 9px; }
    .xl-right-10px { right: 10px; }
    .xl-right-15px { right: 15px; }
    .xl-right-20px { right: 20px; }
    .xl-right-25px { right: 25px; }
    .xl-right-30px { right: 30px; }
    .xl-right-35px { right: 35px; }
    .xl-right-40px { right: 40px; }
    .xl-right-45px { right: 45px; }
    .xl-right-50px { right: 50px; }
    .xl-right-auto { right: auto; }
    .xl-right-inherit { right: inherit; }

    /* right minus */
    .xl-right-minus-1px { right: -1px; }
    .xl-right-minus-2px { right: -2px; }
    .xl-right-minus-3px { right: -3px; }
    .xl-right-minus-4px { right: -4px; }
    .xl-right-minus-5px { right: -5px; }
    .xl-right-minus-6px { right: -6px; }
    .xl-right-minus-7px { right: -7px; }
    .xl-right-minus-8px { right: -8px; }
    .xl-right-minus-9px { right: -9px; }
    .xl-right-minus-10px { right: -10px; }
    .xl-right-minus-15px { right: -15px; }
    .xl-right-minus-20px { right: -20px; }
    .xl-right-minus-25px { right: -25px; }
    .xl-right-minus-30px { right: -30px; }
    .xl-right-minus-35px { right: -35px; }
    .xl-right-minus-40px { right: -40px; }
    .xl-right-minus-45px { right: -45px; }
    .xl-right-minus-50px { right: -50px; }

    /* left */
    .xl-left-0px { left: 0; }
    .xl-left-1px { left: 1px; }
    .xl-left-2px { left: 2px; }
    .xl-left-3px { left: 3px; }
    .xl-left-4px { left: 4px; }
    .xl-left-5px { left: 5px; }
    .xl-left-6px { left: 6px; }
    .xl-left-7px { left: 7px; }
    .xl-left-8px { left: 8px; }
    .xl-left-9px { left: 9px; }
    .xl-left-10px { left: 10px; }
    .xl-left-15px { left: 15px; }
    .xl-left-20px { left: 20px; }
    .xl-left-25px { left: 25px; }
    .xl-left-30px { left: 30px; }
    .xl-left-35px { left: 35px; }
    .xl-left-40px { left: 40px; }
    .xl-left-45px { left: 45px; }
    .xl-left-50px { left: 50px; }
    .xl-left-55px { left: 55px; }
    .xl-left-60px { left: 60px; }
    .xl-left-auto { left: auto; }
    .xl-left-inherit { left: inherit; }

    /* left minus */
    .xl-left-0px { left: 0; }
    .xl-left-minus-1px { left: -1px; }
    .xl-left-minus-2px { left: -2px; }
    .xl-left-minus-3px { left: -3px; }
    .xl-left-minus-4px { left: -4px; }
    .xl-left-minus-5px { left: -5px; }
    .xl-left-minus-6px { left: -6px; }
    .xl-left-minus-7px { left: -7px; }
    .xl-left-minus-8px { left: -8px; }
    .xl-left-minus-9px { left: -9px; }
    .xl-left-minus-10px { left: -10px; }
    .xl-left-minus-15px { left: -15px; }
    .xl-left-minus-20px { left: -20px; }
    .xl-left-minus-25px { left: -25px; }
    .xl-left-minus-30px { left: -30px; }
    .xl-left-minus-35px { left: -35px; }
    .xl-left-minus-40px { left: -40px; }
    .xl-left-minus-45px { left: -45px; }
    .xl-left-minus-50px { left: -50px; }

    /* width */
    .xl-w-1px { width:1px !important; }
    .xl-w-2px { width:2px !important; }
    .xl-w-3px { width:3px !important; }
    .xl-w-4px { width:4px !important; }
    .xl-w-5px { width:5px !important; }
    .xl-w-6px { width:6px !important; }
    .xl-w-7px { width:7px !important; }
    .xl-w-8px { width:8px !important; }
    .xl-w-9px { width:9px !important; }
    .xl-w-10px { width:10px !important; }
    .xl-w-15px { width:15px !important; }
    .xl-w-20px { width:20px !important; }
    .xl-w-25px { width:25px !important; }
    .xl-w-30px { width:30px !important; }
    .xl-w-35px { width:35px !important; }
    .xl-w-40px { width:40px !important; }
    .xl-w-50px { width:50px !important; }
    .xl-w-55px { width:55px !important; }
    .xl-w-60px { width:60px !important; }
    .xl-w-65px { width:65px !important; }
    .xl-w-70px { width:70px !important; }
    .xl-w-75px { width:75px !important; }
    .xl-w-80px { width:80px !important; }
    .xl-w-85px { width:85px !important; }
    .xl-w-90px { width:90px !important; }
    .xl-w-95px { width:95px !important; }
    .xl-w-100px { width:100px !important; }
    .xl-w-110px { width:110px !important; }
    .xl-w-120px { width:120px !important; }
    .xl-w-130px { width:130px !important; }
    .xl-w-140px { width:140px !important; }
    .xl-w-150px { width:150px !important; }
    .xl-w-160px { width:160px !important; }
    .xl-w-170px { width:170px !important; }
    .xl-w-180px { width:180px !important; }
    .xl-w-190px { width:190px !important; }
    .xl-w-200px { width:200px !important; }
    .xl-w-250px { width:250px !important; }
    .xl-w-300px { width:300px !important; }
    .xl-w-350px { width:350px !important; }
    .xl-w-400px { width:400px !important; }
    .xl-w-450px { width:450px !important; }
    .xl-w-500px { width:500px !important; }
    .xl-w-550px { width:550px !important; }
    .xl-w-600px { width:600px !important; }
    .xl-w-650px { width:650px !important; }
    .xl-w-700px { width:700px !important; }
    .xl-w-750px { width:750px !important; }
    .xl-w-800px { width:800px !important; }
    .xl-w-850px { width:850px !important; }
    .xl-w-900px { width:900px !important; }
    .xl-w-950px { width:950px !important; }
    .xl-w-1000px { width:1000px !important; }
    .xl-w-10 { width: 10% !important; }
    .xl-w-15 { width: 15% !important; }
    .xl-w-20 { width: 20% !important; }
    .xl-w-25 { width: 25% !important; }
    .xl-w-30 { width: 30% !important; }
    .xl-w-35 { width: 35% !important; }
    .xl-w-40 { width: 40% !important; }
    .xl-w-45 { width: 45% !important; }
    .xl-w-50 { width: 50% !important; }
    .xl-w-55 { width: 55% !important; }
    .xl-w-60 { width: 60% !important; }
    .xl-w-65 { width: 65% !important; }
    .xl-w-70 { width: 70% !important; }
    .xl-w-75 { width: 75% !important; }
    .xl-w-80 { width: 80% !important; }
    .xl-w-85 { width: 85% !important; }
    .xl-w-90 { width: 90% !important; }
    .xl-w-95 { width: 95% !important; }
    .xl-w-100 { width: 100% !important; }
    .xl-w-auto { width:auto !important; }

    /* height */
    .xl-h-1px { height: 1px !important; }
    .xl-h-2px { height: 2px !important; }
    .xl-h-3px { height: 3px !important; }
    .xl-h-4px { height: 4px !important; }
    .xl-h-5px { height: 5px !important; }
    .xl-h-6px { height: 6px !important; }
    .xl-h-7px { height: 7px !important; }
    .xl-h-8px { height: 8px !important; }
    .xl-h-9px { height: 9px !important; }
    .xl-h-10px { height: 10px !important; }
    .xl-h-20px { height: 20px !important; }
    .xl-h-30px { height: 30px !important; }
    .xl-h-40px { height: 40px !important; }
    .xl-h-42px { height: 42px !important; }
    .xl-h-50px { height: 50px !important; }
    .xl-h-60px { height: 60px !important; }
    .xl-h-70px { height: 70px !important; }
    .xl-h-80px { height: 80px !important; }
    .xl-h-90px { height: 90px !important; }
    .xl-h-100px { height: 100px !important; }
    .xl-h-110px { height: 110px !important; }
    .xl-h-120px { height: 120px !important; }
    .xl-h-130px { height: 130px !important; }
    .xl-h-140px { height: 140px !important; }
    .xl-h-150px { height: 150px !important; }
    .xl-h-160px { height: 160px !important; }
    .xl-h-170px { height: 170px !important; }
    .xl-h-180px { height: 180px !important; }
    .xl-h-190px { height: 190px !important; }
    .xl-h-200px { height: 200px !important; }
    .xl-h-250px { height: 250px !important; }
    .xl-h-300px { height: 300px !important; }
    .xl-h-350px { height: 350px !important; }
    .xl-h-400px { height: 400px !important; }
    .xl-h-450px { height: 450px !important; }
    .xl-h-500px { height: 500px !important; }
    .xl-h-520px { height: 520px !important; }
    .xl-h-550px { height: 550px !important; }
    .xl-h-580px { height: 580px !important; }
    .xl-h-600px { height: 600px !important; }
    .xl-h-650px { height: 650px !important; }
    .xl-h-700px { height: 700px !important; }
    .xl-h-720px { height: 720px !important; }
    .xl-h-750px { height: 750px !important; }
    .xl-h-800px { height: 800px !important; }
    .xl-h-820px { height: 820px !important; }
    .xl-h-830px { height: 830px !important; }
    .xl-h-850px { height: 850px !important; }
    .xl-h-50 { height: 50% !important; }
    .xl-h-100 { height: 100% !important; }
    .xl-h-auto { height:auto !important; }        

    /* min-height */
    .xl-min-h-100px { min-height: 100px; }
    .xl-min-h-200px { min-height: 200px; }
    .xl-min-h-300px { min-height: 300px; }
    .xl-min-h-400px { min-height: 400px; }
    .xl-min-h-500px { min-height: 500px; }
    .xl-min-h-600px { min-height: 600px; }
    .xl-min-h-700px { min-height: 700px; }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 30px; bottom: 30px; }

    /* box layout */
    .box-layout { padding:0 45px; }
    .box-layout-large { padding:0 75px; }

    /* grid */
    .grid.xl-grid-6col li { width: 16.67%; }
    .grid.xl-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xl-grid-5col li { width: 20%; }
    .grid.xl-grid-5col li.grid-item-double { width: 40%; }
    .grid.xl-grid-4col li { width: 25%; }
    .grid.xl-grid-4col li.grid-item-double { width: 50%; }
    .grid.xl-grid-3col li { width: 33.33%; }
    .grid.xl-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xl-grid-2col li { width: 50%; }
    .grid.xl-grid-2col li.grid-item-double { width: 100%; }
    .grid.xl-grid-1col li { width: 100%; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 30px; padding-right: 30px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-end .text-extra-big-2 { font-size: 250px; }

    /* design agency */
    .home-design-agency .outside-box-left { margin-left: -40vw; }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 40%; }

    /* landing page */
    .litho-parallax-bg { width: 800px; }
}

@media (max-width: 1500px) {
    /*  architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -328) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -261) !important; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 54% !important; }
}

@media (max-width: 1300px) {
    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 60% !important; }
}

@media (min-width: 1199px) {
    /* page container */
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1170px; }
}

@media (max-width: 1199px) {
    /* reset */
    html { font-size: 13px; }
    .md-center-col { float:none; margin-left:auto; margin-right:auto; }
    section { padding: 90px 0 }
    section.big-section { padding:120px 0; }
    section.extra-big-section { padding:160px 0; }
    .center-col-style .custom-col { min-height: 0; }
    .parallax { background-attachment: inherit !important; background-position: center !important; }
    .lg-last-order { order: 10; }
    .html-video { height: 100%; }

    /* typography */
    h1, h2, h3, h4, h5, h6 { margin:0 0 15px; }

    /* text size */
    .title-large { font-size: 90px; line-height: 90px; }
    .text-extra-large { font-size: 18px; line-height: 24px; }
    .text-extra-big { font-size: 170px; line-height: 170px; }
    .text-big { font-size: 160px; line-height: 160px; }
    .title-extra-large { font-size: 110px; line-height: 100px; }

    /* lineheight */
    .lg-line-height-0px { line-height: 0px; }
    .lg-line-height-8px { line-height: 8px; }
    .lg-line-height-10px { line-height: 10px; }
    .lg-line-height-14px { line-height: 14px; }
    .lg-line-height-15px { line-height: 15px; }
    .lg-line-height-16px { line-height: 16px; }
    .lg-line-height-18px { line-height: 18px; }
    .lg-line-height-20px { line-height: 20px; }
    .lg-line-height-22px { line-height: 22px; }
    .lg-line-height-24px { line-height: 24px; }
    .lg-line-height-26px { line-height: 26px; }
    .lg-line-height-28px { line-height: 28px; }
    .lg-line-height-30px { line-height: 30px; }
    .lg-line-height-32px { line-height: 32px; }
    .lg-line-height-34px { line-height: 34px; }
    .lg-line-height-36px { line-height: 36px; }
    .lg-line-height-38px { line-height: 38px; }
    .lg-line-height-40px { line-height: 40px; }
    .lg-line-height-50px { line-height: 50px; }
    .lg-line-height-140px { line-height: 140px; }   
    .lg-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .lg-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .lg-letter-spacing-minus-1px { letter-spacing: -1px; }
    .lg-letter-spacing-minus-2px { letter-spacing: -2px; }
    .lg-letter-spacing-minus-3px { letter-spacing: -3px; }
    .lg-letter-spacing-minus-4px { letter-spacing: -4px; }
    .lg-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .lg-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .lg-background-image-none { background: inherit !important; }
    .lg-background-position-left { background-position: left center; }
    .lg-background-position-right { background-position: right center; }
    .lg-background-position-top { background-position: right top; }
    .lg-background-position-center { background-position: center; }
    .lg-background-position-left-top { background-position: left top; }

    /* box shadow */
    .lg-box-shadow-none { box-shadow: none; }

    /* margin */
    .lg-margin-one-all { margin:1%; }
    .lg-margin-two-all { margin:2%; }
    .lg-margin-three-all { margin:3%; }
    .lg-margin-four-all { margin:4%; }
    .lg-margin-five-all { margin:5%; }
    .lg-margin-six-all { margin:6%; }
    .lg-margin-seven-all { margin:7%; }
    .lg-margin-eight-all { margin:8%; }
    .lg-margin-nine-all { margin:9%; }
    .lg-margin-ten-all { margin:10%; }
    .lg-margin-eleven-all { margin:11%; }
    .lg-margin-twelve-all { margin:12%; }
    .lg-margin-thirteen-all { margin:13%; }
    .lg-margin-fourteen-all { margin:14%; }
    .lg-margin-fifteen-all { margin:15%; }
    .lg-margin-sixteen-all { margin:16%; }
    .lg-margin-seventeen-all { margin:17%; }
    .lg-margin-eighteen-all { margin:18%; }
    .lg-margin-nineteen-all { margin:19%; }
    .lg-margin-twenty-all { margin:20%; }
    .lg-margin-5px-all { margin:5px; }
    .lg-margin-10px-all { margin:10px; }
    .lg-margin-15px-all { margin:15px; }
    .lg-margin-20px-all { margin:20px; }
    .lg-margin-25px-all { margin:25px; }
    .lg-margin-30px-all { margin:30px; }
    .lg-margin-35px-all { margin:35px; }
    .lg-margin-40px-all { margin:40px; }
    .lg-margin-45px-all { margin:45px; }
    .lg-margin-50px-all { margin:50px; }
    .lg-margin-55px-all { margin:55px; }
    .lg-margin-60px-all { margin:60px; }
    .lg-margin-65px-all { margin:65px; }
    .lg-margin-70px-all { margin:70px; }
    .lg-margin-75px-all { margin:75px; }
    .lg-margin-80px-all { margin:80px; }
    .lg-margin-85px-all { margin:85px; }
    .lg-margin-90px-all { margin:90px; }
    .lg-margin-95px-all { margin:95px; }
    .lg-margin-100px-all { margin:100px; }
    .lg-margin-1-rem-all { margin: 1rem; }
    .lg-margin-1-half-rem-all { margin: 1.5rem; }
    .lg-margin-2-rem-all { margin: 2rem; }
    .lg-margin-2-half-rem-all { margin: 2.5rem; }
    .lg-margin-3-rem-all { margin: 3rem; }
    .lg-margin-3-half-rem-all { margin: 3.5rem; }
    .lg-margin-4-rem-all { margin: 4rem; }
    .lg-margin-4-half-rem-all { margin: 4.5rem; }
    .lg-margin-5-rem-all { margin: 5rem; }
    .lg-margin-5-half-rem-all { margin: 5.5rem; }
    .lg-margin-6-rem-all { margin: 6rem; }
    .lg-margin-6-half-rem-all { margin: 6.5rem; }
    .lg-margin-7-rem-all { margin: 7rem; }
    .lg-margin-7-half-rem-all { margin: 7.5rem; }
    .lg-margin-8-rem-all { margin: 8rem; }
    .lg-margin-8-half-rem-all { margin: 8.5rem; }
    .lg-margin-9-rem-all { margin: 9rem; }
    .lg-margin-9-half-rem-all { margin: 9.5rem; }
    .lg-margin-10-rem-all { margin: 10rem; }
    .lg-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .lg-margin-one-top { margin-top:1%; }
    .lg-margin-two-top { margin-top:2%; }
    .lg-margin-three-top { margin-top:3%; }
    .lg-margin-four-top { margin-top:4%; }
    .lg-margin-five-top { margin-top:5%; }
    .lg-margin-six-top { margin-top:6%; }
    .lg-margin-seven-top { margin-top:7%; }
    .lg-margin-eight-top { margin-top:8%; }
    .lg-margin-nine-top { margin-top:9%; }
    .lg-margin-ten-top { margin-top:10%; }
    .lg-margin-eleven-top { margin-top:11%; }
    .lg-margin-twelve-top { margin-top:12%; }
    .lg-margin-thirteen-top { margin-top:13%; }
    .lg-margin-fourteen-top { margin-top:14%; }
    .lg-margin-fifteen-top { margin-top:15%; }
    .lg-margin-sixteen-top { margin-top:16%; }
    .lg-margin-seventeen-top { margin-top:17%; }
    .lg-margin-eighteen-top { margin-top:18%; }
    .lg-margin-nineteen-top { margin-top:19%; }
    .lg-margin-twenty-top { margin-top:20%; }
    .lg-margin-5px-top { margin-top:5px; }
    .lg-margin-10px-top { margin-top:10px; }
    .lg-margin-15px-top { margin-top:15px; }
    .lg-margin-20px-top { margin-top:20px; }
    .lg-margin-25px-top { margin-top:25px; }
    .lg-margin-30px-top { margin-top:30px; }
    .lg-margin-35px-top { margin-top:35px; }
    .lg-margin-40px-top { margin-top:40px; }
    .lg-margin-45px-top { margin-top:45px; }
    .lg-margin-50px-top { margin-top:50px; }
    .lg-margin-55px-top { margin-top:55px; }
    .lg-margin-60px-top { margin-top:60px; }
    .lg-margin-65px-top { margin-top:65px; }
    .lg-margin-70px-top { margin-top:70px; }
    .lg-margin-75px-top { margin-top:75px; }
    .lg-margin-80px-top { margin-top:80px; }
    .lg-margin-85px-top { margin-top:85px; }
    .lg-margin-90px-top { margin-top:90px; }
    .lg-margin-95px-top { margin-top:95px; }
    .lg-margin-100px-top { margin-top:100px; }
    .lg-margin-1-rem-top { margin-top: 1rem; }
    .lg-margin-1-half-rem-top { margin-top: 1.5rem; }
    .lg-margin-2-rem-top { margin-top: 2rem; }
    .lg-margin-2-half-rem-top { margin-top: 2.5rem; }
    .lg-margin-3-rem-top { margin-top: 3rem; }
    .lg-margin-3-half-rem-top { margin-top: 3.5rem; }
    .lg-margin-4-rem-top { margin-top: 4rem; }
    .lg-margin-4-half-rem-top { margin-top: 4.5rem; }
    .lg-margin-5-rem-top { margin-top: 5rem; }
    .lg-margin-5-half-rem-top { margin-top: 5.5rem; }
    .lg-margin-6-rem-top { margin-top: 6rem; }
    .lg-margin-6-half-rem-top { margin-top: 6.5rem; }
    .lg-margin-7-rem-top { margin-top: 7rem; }
    .lg-margin-7-half-rem-top { margin-top: 7.5rem; }
    .lg-margin-8-rem-top { margin-top: 8rem; }
    .lg-margin-8-half-rem-top { margin-top: 8.5rem; }
    .lg-margin-9-rem-top { margin-top: 9rem; }
    .lg-margin-9-half-rem-top { margin-top: 9.5rem; }
    .lg-margin-10-rem-top { margin-top: 10rem; }
    .lg-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .lg-margin-one-bottom { margin-bottom:1%; }
    .lg-margin-two-bottom { margin-bottom:2%; }
    .lg-margin-three-bottom { margin-bottom:3%; }
    .lg-margin-four-bottom { margin-bottom:4%; }
    .lg-margin-five-bottom { margin-bottom:5%; }
    .lg-margin-six-bottom { margin-bottom:6%; }
    .lg-margin-seven-bottom { margin-bottom:7%; }
    .lg-margin-eight-bottom { margin-bottom:8%; }
    .lg-margin-nine-bottom { margin-bottom:9%; }
    .lg-margin-ten-bottom { margin-bottom:10%; }
    .lg-margin-eleven-bottom { margin-bottom:11%; }
    .lg-margin-twelve-bottom { margin-bottom:12%; }
    .lg-margin-thirteen-bottom { margin-bottom:13%; }
    .lg-margin-fourteen-bottom { margin-bottom:14%; }
    .lg-margin-fifteen-bottom { margin-bottom:15%; }
    .lg-margin-sixteen-bottom { margin-bottom:16%; }
    .lg-margin-seventeen-bottom { margin-bottom:17%; }
    .lg-margin-eighteen-bottom { margin-bottom:18%; }
    .lg-margin-nineteen-bottom { margin-bottom:19%; }
    .lg-margin-twenty-bottom { margin-bottom:20%; }
    .lg-margin-5px-bottom { margin-bottom:5px; }
    .lg-margin-10px-bottom { margin-bottom:10px; }
    .lg-margin-15px-bottom { margin-bottom:15px; }
    .lg-margin-20px-bottom { margin-bottom:20px; }
    .lg-margin-25px-bottom { margin-bottom:25px; }
    .lg-margin-30px-bottom { margin-bottom:30px; }
    .lg-margin-35px-bottom { margin-bottom:35px; }
    .lg-margin-40px-bottom { margin-bottom:40px; }
    .lg-margin-45px-bottom { margin-bottom:45px; }
    .lg-margin-50px-bottom { margin-bottom:50px; }
    .lg-margin-55px-bottom { margin-bottom:55px; }
    .lg-margin-60px-bottom { margin-bottom:60px; }
    .lg-margin-65px-bottom { margin-bottom:65px; }
    .lg-margin-70px-bottom { margin-bottom:70px; }
    .lg-margin-75px-bottom { margin-bottom:75px; }
    .lg-margin-80px-bottom { margin-bottom:80px; }
    .lg-margin-85px-bottom { margin-bottom:85px; }
    .lg-margin-90px-bottom { margin-bottom:90px; }
    .lg-margin-95px-bottom { margin-bottom:95px; }
    .lg-margin-100px-bottom { margin-bottom:100px; }
    .lg-margin-1-rem-bottom { margin-bottom: 1rem; }
    .lg-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .lg-margin-2-rem-bottom { margin-bottom: 2rem; }
    .lg-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .lg-margin-3-rem-bottom { margin-bottom: 3rem; }
    .lg-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .lg-margin-4-rem-bottom { margin-bottom: 4rem; }
    .lg-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .lg-margin-5-rem-bottom { margin-bottom: 5rem; }
    .lg-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .lg-margin-6-rem-bottom { margin-bottom: 6rem; }
    .lg-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .lg-margin-7-rem-bottom { margin-bottom: 7rem; }
    .lg-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .lg-margin-8-rem-bottom { margin-bottom: 8rem; }
    .lg-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .lg-margin-9-rem-bottom { margin-bottom: 9rem; }
    .lg-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .lg-margin-10-rem-bottom { margin-bottom: 10rem; }
    .lg-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .lg-margin-one-right { margin-right:1%; }
    .lg-margin-two-right { margin-right:2%; }
    .lg-margin-three-right { margin-right:3%; }
    .lg-margin-four-right { margin-right:4%; }
    .lg-margin-five-right { margin-right:5%; }
    .lg-margin-six-right { margin-right:6%; }
    .lg-margin-seven-right { margin-right:7%; }
    .lg-margin-eight-right { margin-right:8%; }
    .lg-margin-nine-right { margin-right:9%; }
    .lg-margin-ten-right { margin-right:10%; }
    .lg-margin-eleven-right { margin-right:11%; }
    .lg-margin-twelve-right { margin-right:12%; }
    .lg-margin-thirteen-right { margin-right:13%; }
    .lg-margin-fourteen-right { margin-right:14%; }
    .lg-margin-fifteen-right { margin-right:15%; }
    .lg-margin-sixteen-right { margin-right:16%; }
    .lg-margin-seventeen-right { margin-right:17%; }
    .lg-margin-eighteen-right { margin-right:18%; }
    .lg-margin-nineteen-right { margin-right:19%; }
    .lg-margin-twenty-right { margin-right:20%; }
    .lg-margin-5px-right { margin-right:5px; }
    .lg-margin-10px-right { margin-right:10px; }
    .lg-margin-15px-right { margin-right:15px; }
    .lg-margin-20px-right { margin-right:20px; }
    .lg-margin-25px-right { margin-right:25px; }
    .lg-margin-30px-right { margin-right:30px; }
    .lg-margin-35px-right { margin-right:35px; }
    .lg-margin-40px-right { margin-right:40px; }
    .lg-margin-45px-right { margin-right:45px; }
    .lg-margin-50px-right { margin-right:50px; }
    .lg-margin-55px-right { margin-right:55px; }
    .lg-margin-60px-right { margin-right:60px; }
    .lg-margin-65px-right { margin-right:65px; }
    .lg-margin-70px-right { margin-right:70px; }
    .lg-margin-75px-right { margin-right:75px; }
    .lg-margin-80px-right { margin-right:80px; }
    .lg-margin-85px-right { margin-right:85px; }
    .lg-margin-90px-right { margin-right:90px; }
    .lg-margin-95px-right { margin-right:95px; }
    .lg-margin-100px-right { margin-right:100px; }
    .lg-margin-1-rem-right { margin-right: 1rem; }
    .lg-margin-1-half-rem-right { margin-right: 1.5rem; }
    .lg-margin-2-rem-right { margin-right: 2rem; }
    .lg-margin-2-half-rem-right { margin-right: 2.5rem; }
    .lg-margin-3-rem-right { margin-right: 3rem; }
    .lg-margin-3-half-rem-right { margin-right: 3.5rem; }
    .lg-margin-4-rem-right { margin-right: 4rem; }
    .lg-margin-4-half-rem-right { margin-right: 4.5rem; }
    .lg-margin-5-rem-right { margin-right: 5rem; }
    .lg-margin-5-half-rem-right { margin-right: 5.5rem; }
    .lg-margin-6-rem-right { margin-right: 6rem; }
    .lg-margin-6-half-rem-right { margin-right: 6.5rem; }
    .lg-margin-7-rem-right { margin-right: 7rem; }
    .lg-margin-7-half-rem-right { margin-right: 7.5rem; }
    .lg-margin-8-rem-right { margin-right: 8rem; }
    .lg-margin-8-half-rem-right { margin-right: 8.5rem; }
    .lg-margin-9-rem-right { margin-right: 9rem; }
    .lg-margin-9-half-rem-right { margin-right: 9.5rem; }
    .lg-margin-10-rem-right { margin-right: 10rem; }
    .lg-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .lg-margin-one-left { margin-left:1%; }
    .lg-margin-two-left { margin-left:2%; }
    .lg-margin-three-left { margin-left:3%; }
    .lg-margin-four-left { margin-left:4%; }
    .lg-margin-five-left { margin-left:5%; }
    .lg-margin-six-left { margin-left:6%; }
    .lg-margin-seven-left { margin-left:7%; }
    .lg-margin-eight-left { margin-left:8%; }
    .lg-margin-nine-left { margin-left:9%; }
    .lg-margin-ten-left { margin-left:10%; }
    .lg-margin-eleven-left { margin-left:11%; }
    .lg-margin-twelve-left { margin-left:12%; }
    .lg-margin-thirteen-left { margin-left:13%; }
    .lg-margin-fourteen-left { margin-left:14%; }
    .lg-margin-fifteen-left { margin-left:15%; }
    .lg-margin-sixteen-left { margin-left:16%; }
    .lg-margin-seventeen-left { margin-left:17%; }
    .lg-margin-eighteen-left { margin-left:18%; }
    .lg-margin-nineteen-left { margin-left:19%; }
    .lg-margin-twenty-left { margin-left:20%; }
    .lg-margin-5px-left { margin-left:5px; }
    .lg-margin-10px-left { margin-left:10px; }
    .lg-margin-15px-left { margin-left:15px; }
    .lg-margin-20px-left { margin-left:20px; }
    .lg-margin-25px-left { margin-left:25px; }
    .lg-margin-30px-left { margin-left:30px; }
    .lg-margin-35px-left { margin-left:35px; }
    .lg-margin-40px-left { margin-left:40px; }
    .lg-margin-45px-left { margin-left:45px; }
    .lg-margin-50px-left { margin-left:50px; }
    .lg-margin-55px-left { margin-left:55px; }
    .lg-margin-60px-left { margin-left:60px; }
    .lg-margin-65px-left { margin-left:65px; }
    .lg-margin-70px-left { margin-left:70px; }
    .lg-margin-75px-left { margin-left:75px; }
    .lg-margin-80px-left { margin-left:80px; }
    .lg-margin-85px-left { margin-left:85px; }
    .lg-margin-90px-left { margin-left:90px; }
    .lg-margin-95px-left { margin-left:95px; }
    .lg-margin-100px-left { margin-left:100px; }
    .lg-margin-1-rem-left { margin-left: 1rem; }
    .lg-margin-1-half-rem-left { margin-left: 1.5rem; }
    .lg-margin-2-rem-left { margin-left: 2rem; }
    .lg-margin-2-half-rem-left { margin-left: 2.5rem; }
    .lg-margin-3-rem-left { margin-left: 3rem; }
    .lg-margin-3-half-rem-left { margin-left: 3.5rem; }
    .lg-margin-4-rem-left { margin-left: 4rem; }
    .lg-margin-4-half-rem-left { margin-left: 4.5rem; }
    .lg-margin-5-rem-left { margin-left: 5rem; }
    .lg-margin-5-half-rem-left { margin-left: 5.5rem; }
    .lg-margin-6-rem-left { margin-left: 6rem; }
    .lg-margin-6-half-rem-left { margin-left: 6.5rem; }
    .lg-margin-7-rem-left { margin-left: 7rem; }
    .lg-margin-7-half-rem-left { margin-left: 7.5rem; }
    .lg-margin-8-rem-left { margin-left: 8rem; }
    .lg-margin-8-half-rem-left { margin-left: 8.5rem; }
    .lg-margin-9-rem-left { margin-left: 9rem; }
    .lg-margin-9-half-rem-left { margin-left: 9.5rem; }
    .lg-margin-10-rem-left { margin-left: 10rem; }
    .lg-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .lg-margin-one-lr { margin-left:1%; margin-right:1%; }
    .lg-margin-two-lr { margin-left:2%; margin-right:2%; }
    .lg-margin-three-lr { margin-left:3%; margin-right:3%; }
    .lg-margin-four-lr { margin-left:4%; margin-right:4%; }
    .lg-margin-five-lr { margin-left:5%; margin-right:5%; }
    .lg-margin-six-lr { margin-left:6%; margin-right:6%; }
    .lg-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .lg-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .lg-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .lg-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .lg-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .lg-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .lg-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .lg-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .lg-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .lg-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .lg-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .lg-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .lg-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .lg-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .lg-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .lg-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .lg-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .lg-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .lg-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .lg-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .lg-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .lg-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .lg-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .lg-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .lg-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .lg-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .lg-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .lg-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .lg-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .lg-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .lg-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .lg-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .lg-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .lg-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .lg-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .lg-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .lg-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .lg-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .lg-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .lg-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .lg-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .lg-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .lg-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .lg-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .lg-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .lg-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .lg-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .lg-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .lg-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .lg-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .lg-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .lg-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .lg-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .lg-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .lg-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .lg-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .lg-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .lg-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .lg-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .lg-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .lg-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .lg-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .lg-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .lg-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .lg-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .lg-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .lg-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .lg-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .lg-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .lg-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .lg-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .lg-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .lg-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .lg-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .lg-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .lg-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .lg-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .lg-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .lg-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .lg-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .lg-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .lg-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .lg-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .lg-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .lg-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .lg-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .lg-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .lg-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .lg-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .lg-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .lg-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .lg-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .lg-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .lg-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .lg-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .lg-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .lg-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .lg-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .lg-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .lg-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .lg-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .lg-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .lg-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .lg-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .lg-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .lg-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .lg-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .lg-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .lg-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .lg-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .lg-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .lg-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .lg-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .lg-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .lg-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .lg-margin-auto { margin: auto; }
    .lg-no-margin { margin: 0 !important; }
    .lg-no-margin-top { margin-top: 0 !important; }
    .lg-no-margin-bottom { margin-bottom: 0 !important; }
    .lg-no-margin-left { margin-left: 0 !important; }
    .lg-no-margin-right { margin-right: 0 !important; }
    .lg-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .lg-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .lg-padding-one-all { padding:1%; }
    .lg-padding-two-all { padding:2%; }
    .lg-padding-three-all { padding:3%; }
    .lg-padding-four-all { padding:4%; }
    .lg-padding-five-all { padding:5%; }
    .lg-padding-six-all { padding:6%; }
    .lg-padding-seven-all { padding:7%; }
    .lg-padding-eight-all { padding:8%; }
    .lg-padding-nine-all { padding:9%; }
    .lg-padding-ten-all { padding:10%; }
    .lg-padding-eleven-all { padding:11%; }
    .lg-padding-twelve-all { padding:12%; }
    .lg-padding-thirteen-all { padding:13%; }
    .lg-padding-fourteen-all { padding:14%; }
    .lg-padding-fifteen-all { padding:15%; }
    .lg-padding-sixteen-all { padding:16%; }
    .lg-padding-seventeen-all { padding:17%; }
    .lg-padding-eighteen-all { padding:18%; }
    .lg-padding-nineteen-all { padding:19%; }
    .lg-padding-twenty-all { padding:20%; }
    .lg-padding-5px-all { padding:5px; }
    .lg-padding-10px-all { padding:10px; }
    .lg-padding-15px-all { padding:15px; }
    .lg-padding-20px-all { padding:20px; }
    .lg-padding-25px-all { padding:25px; }
    .lg-padding-30px-all { padding:30px; }
    .lg-padding-35px-all { padding:35px; }
    .lg-padding-40px-all { padding:40px; }
    .lg-padding-45px-all { padding:45px; }
    .lg-padding-50px-all { padding:50px; }
    .lg-padding-55px-all { padding:55px; }
    .lg-padding-60px-all { padding:60px; }
    .lg-padding-65px-all { padding:65px; }
    .lg-padding-70px-all { padding:70px; }
    .lg-padding-75px-all { padding:75px; }
    .lg-padding-80px-all { padding:80px; }
    .lg-padding-85px-all { padding:85px; }
    .lg-padding-90px-all { padding:90px; }
    .lg-padding-95px-all { padding:95px; }
    .lg-padding-100px-all { padding:100px; }
    .lg-padding-1-rem-all { padding: 1rem; }
    .lg-padding-1-half-rem-all { padding: 1.5rem; }
    .lg-padding-2-rem-all { padding: 2rem; }
    .lg-padding-2-half-rem-all { padding: 2.5rem; }
    .lg-padding-3-rem-all { padding: 3rem; }
    .lg-padding-3-half-rem-all { padding: 3.5rem; }
    .lg-padding-4-rem-all { padding: 4rem; }
    .lg-padding-4-half-rem-all { padding: 4.5rem; }
    .lg-padding-5-rem-all { padding: 5rem; }
    .lg-padding-5-half-rem-all { padding: 5.5rem; }
    .lg-padding-6-rem-all { padding: 6rem; }
    .lg-padding-6-half-rem-all { padding: 6.5rem; }
    .lg-padding-7-rem-all { padding: 7rem; }
    .lg-padding-7-half-rem-all { padding: 7.5rem; }
    .lg-padding-8-rem-all { padding: 8rem; }
    .lg-padding-8-half-rem-all { padding: 8.5rem; }
    .lg-padding-9-rem-all { padding: 9rem; }
    .lg-padding-9-half-rem-all { padding: 9.5rem; }
    .lg-padding-10-rem-all { padding: 10rem; }
    .lg-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .lg-padding-one-top { padding-top:1%; }
    .lg-padding-two-top { padding-top:2%; }
    .lg-padding-three-top { padding-top:3%; }
    .lg-padding-four-top { padding-top:4%; }
    .lg-padding-five-top { padding-top:5%; }
    .lg-padding-six-top { padding-top:6%; }
    .lg-padding-seven-top { padding-top:7%; }
    .lg-padding-eight-top { padding-top:8%; }
    .lg-padding-nine-top { padding-top:9%; }
    .lg-padding-ten-top { padding-top:10%; }
    .lg-padding-eleven-top { padding-top:11%; }
    .lg-padding-twelve-top { padding-top:12%; }
    .lg-padding-thirteen-top { padding-top:13%; }
    .lg-padding-fourteen-top { padding-top:14%; }
    .lg-padding-fifteen-top { padding-top:15%; }
    .lg-padding-sixteen-top { padding-top:16%; }
    .lg-padding-seventeen-top { padding-top:17%; }
    .lg-padding-eighteen-top { padding-top:18%; }
    .lg-padding-nineteen-top { padding-top:19%; }
    .lg-padding-twenty-top { padding-top:20%; }
    .lg-padding-5px-top { padding-top:5px; }
    .lg-padding-10px-top { padding-top:10px; }
    .lg-padding-15px-top { padding-top:15px; }
    .lg-padding-20px-top { padding-top:20px; }
    .lg-padding-25px-top { padding-top:25px; }
    .lg-padding-30px-top { padding-top:30px; }
    .lg-padding-35px-top { padding-top:35px; }
    .lg-padding-40px-top { padding-top:40px; }
    .lg-padding-45px-top { padding-top:45px; }
    .lg-padding-50px-top { padding-top:50px; }
    .lg-padding-55px-top { padding-top:55px; }
    .lg-padding-60px-top { padding-top:60px; }
    .lg-padding-65px-top { padding-top:65px; }
    .lg-padding-70px-top { padding-top:70px; }
    .lg-padding-75px-top { padding-top:75px; }
    .lg-padding-80px-top { padding-top:80px; }
    .lg-padding-85px-top { padding-top:85px; }
    .lg-padding-90px-top { padding-top:90px; }
    .lg-padding-95px-top { padding-top:95px; }
    .lg-padding-100px-top { padding-top:100px; }
    .lg-padding-1-rem-top { padding-top: 1rem; }
    .lg-padding-1-half-rem-top { padding-top: 1.5rem; }
    .lg-padding-2-rem-top { padding-top: 2rem; }
    .lg-padding-2-half-rem-top { padding-top: 2.5rem; }
    .lg-padding-3-rem-top { padding-top: 3rem; }
    .lg-padding-3-half-rem-top { padding-top: 3.5rem; }
    .lg-padding-4-rem-top { padding-top: 4rem; }
    .lg-padding-4-half-rem-top { padding-top: 4.5rem; }
    .lg-padding-5-rem-top { padding-top: 5rem; }
    .lg-padding-5-half-rem-top { padding-top: 5.5rem; }
    .lg-padding-6-rem-top { padding-top: 6rem; }
    .lg-padding-6-half-rem-top { padding-top: 6.5rem; }
    .lg-padding-7-rem-top { padding-top: 7rem; }
    .lg-padding-7-half-rem-top { padding-top: 7.5rem; }
    .lg-padding-8-rem-top { padding-top: 8rem; }
    .lg-padding-8-half-rem-top { padding-top: 8.5rem; }
    .lg-padding-9-rem-top { padding-top: 9rem; }
    .lg-padding-9-half-rem-top { padding-top: 9.5rem; }
    .lg-padding-10-rem-top { padding-top: 10rem; }
    .lg-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .lg-padding-one-bottom { padding-bottom:1%; }
    .lg-padding-two-bottom { padding-bottom:2%; }
    .lg-padding-three-bottom { padding-bottom:3%; }
    .lg-padding-four-bottom { padding-bottom:4%; }
    .lg-padding-five-bottom { padding-bottom:5%; }
    .lg-padding-six-bottom { padding-bottom:6%; }
    .lg-padding-seven-bottom { padding-bottom:7%; }
    .lg-padding-eight-bottom { padding-bottom:8%; }
    .lg-padding-nine-bottom { padding-bottom:9%; }
    .lg-padding-ten-bottom { padding-bottom:10%; }
    .lg-padding-eleven-bottom { padding-bottom:11%; }
    .lg-padding-twelve-bottom { padding-bottom:12%; }
    .lg-padding-thirteen-bottom { padding-bottom:13%; }
    .lg-padding-fourteen-bottom { padding-bottom:14%; }
    .lg-padding-fifteen-bottom { padding-bottom:15%; }
    .lg-padding-sixteen-bottom { padding-bottom:16%; }
    .lg-padding-seventeen-bottom { padding-bottom:17%; }
    .lg-padding-eighteen-bottom { padding-bottom:18%; }
    .lg-padding-nineteen-bottom { padding-bottom:19%; }
    .lg-padding-twenty-bottom { padding-bottom:20%; }
    .lg-padding-5px-bottom { padding-bottom:5px; }
    .lg-padding-10px-bottom { padding-bottom:10px; }
    .lg-padding-15px-bottom { padding-bottom:15px; }
    .lg-padding-20px-bottom { padding-bottom:20px; }
    .lg-padding-25px-bottom { padding-bottom:25px; }
    .lg-padding-30px-bottom { padding-bottom:30px; }
    .lg-padding-35px-bottom { padding-bottom:35px; }
    .lg-padding-40px-bottom { padding-bottom:40px; }
    .lg-padding-45px-bottom { padding-bottom:45px; }
    .lg-padding-50px-bottom { padding-bottom:50px; }
    .lg-padding-55px-bottom { padding-bottom:55px; }
    .lg-padding-60px-bottom { padding-bottom:60px; }
    .lg-padding-65px-bottom { padding-bottom:65px; }
    .lg-padding-70px-bottom { padding-bottom:70px; }
    .lg-padding-75px-bottom { padding-bottom:75px; }
    .lg-padding-80px-bottom { padding-bottom:80px; }
    .lg-padding-85px-bottom { padding-bottom:85px; }
    .lg-padding-90px-bottom { padding-bottom:90px; }
    .lg-padding-95px-bottom { padding-bottom:95px; }
    .lg-padding-100px-bottom { padding-bottom:100px; }
    .lg-padding-1-rem-bottom { padding-bottom: 1rem; }
    .lg-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .lg-padding-2-rem-bottom { padding-bottom: 2rem; }
    .lg-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .lg-padding-3-rem-bottom { padding-bottom: 3rem; }
    .lg-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .lg-padding-4-rem-bottom { padding-bottom: 4rem; }
    .lg-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .lg-padding-5-rem-bottom { padding-bottom: 5rem; }
    .lg-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .lg-padding-6-rem-bottom { padding-bottom: 6rem; }
    .lg-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .lg-padding-7-rem-bottom { padding-bottom: 7rem; }
    .lg-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .lg-padding-8-rem-bottom { padding-bottom: 8rem; }
    .lg-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .lg-padding-9-rem-bottom { padding-bottom: 9rem; }
    .lg-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .lg-padding-10-rem-bottom { padding-bottom: 10rem; }
    .lg-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .lg-padding-one-right { padding-right:1%; }
    .lg-padding-two-right { padding-right:2%; }
    .lg-padding-three-right { padding-right:3%; }
    .lg-padding-four-right { padding-right:4% }
    .lg-padding-five-right { padding-right:5%; }
    .lg-padding-six-right { padding-right:6%; }
    .lg-padding-seven-right { padding-right:7%; }
    .lg-padding-eight-right { padding-right:8%; }
    .lg-padding-nine-right { padding-right:9%; }
    .lg-padding-ten-right { padding-right:10%; }
    .lg-padding-eleven-right { padding-right:11%; }
    .lg-padding-twelve-right { padding-right:12%; }
    .lg-padding-thirteen-right { padding-right:13%; }
    .lg-padding-fourteen-right { padding-right:14%; }
    .lg-padding-fifteen-right { padding-right:15%; }
    .lg-padding-sixteen-right { padding-right:16%; }
    .lg-padding-seventeen-right { padding-right:17%; }
    .lg-padding-eighteen-right { padding-right:18%; }
    .lg-padding-nineteen-right { padding-right:19%; }
    .lg-padding-twenty-right { padding-right:20%; }
    .lg-padding-5px-right { padding-right:5px; }
    .lg-padding-10px-right { padding-right:10px; }
    .lg-padding-15px-right { padding-right:15px; }
    .lg-padding-20px-right { padding-right:20px; }
    .lg-padding-25px-right { padding-right:25px; }
    .lg-padding-30px-right { padding-right:30px; }
    .lg-padding-35px-right { padding-right:35px; }
    .lg-padding-40px-right { padding-right:40px; }
    .lg-padding-45px-right { padding-right:45px; }
    .lg-padding-50px-right { padding-right:50px; }
    .lg-padding-55px-right { padding-right:55px; }
    .lg-padding-60px-right { padding-right:60px; }
    .lg-padding-65px-right { padding-right:65px; }
    .lg-padding-70px-right { padding-right:70px; }
    .lg-padding-75px-right { padding-right:75px; }
    .lg-padding-80px-right { padding-right:80px; }
    .lg-padding-85px-right { padding-right:85px; }
    .lg-padding-90px-right { padding-right:90px; }
    .lg-padding-95px-right { padding-right:95px; }
    .lg-padding-100px-right { padding-right:100px; }
    .lg-padding-1-rem-right { padding-right: 1rem; }
    .lg-padding-1-half-rem-right { padding-right: 1.5rem; }
    .lg-padding-2-rem-right { padding-right: 2rem; }
    .lg-padding-2-half-rem-right { padding-right: 2.5rem; }
    .lg-padding-3-rem-right { padding-right: 3rem; }
    .lg-padding-3-half-rem-right { padding-right: 3.5rem; }
    .lg-padding-4-rem-right { padding-right: 4rem; }
    .lg-padding-4-half-rem-right { padding-right: 4.5rem; }
    .lg-padding-5-rem-right { padding-right: 5rem; }
    .lg-padding-5-half-rem-right { padding-right: 5.5rem; }
    .lg-padding-6-rem-right { padding-right: 6rem; }
    .lg-padding-6-half-rem-right { padding-right: 6.5rem; }
    .lg-padding-7-rem-right { padding-right: 7rem; }
    .lg-padding-7-half-rem-right { padding-right: 7.5rem; }
    .lg-padding-8-rem-right { padding-right: 8rem; }
    .lg-padding-8-half-rem-right { padding-right: 8.5rem; }
    .lg-padding-9-rem-right { padding-right: 9rem; }
    .lg-padding-9-half-rem-right { padding-right: 9.5rem; }
    .lg-padding-10-rem-right { padding-right: 10rem; }
    .lg-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .lg-padding-one-left { padding-left:1%; }
    .lg-padding-two-left { padding-left:2%; }
    .lg-padding-three-left { padding-left:3%; }
    .lg-padding-four-left { padding-left:4%; }
    .lg-padding-five-left { padding-left:5%; }
    .lg-padding-six-left { padding-left:6%; }
    .lg-padding-seven-left { padding-left:7%; }
    .lg-padding-eight-left { padding-left:8%; }
    .lg-padding-nine-left { padding-left:9%; }
    .lg-padding-ten-left { padding-left:10%; }
    .lg-padding-eleven-left { padding-left:11%; }
    .lg-padding-twelve-left { padding-left:12%; }
    .lg-padding-thirteen-left { padding-left:13%; }
    .lg-padding-fourteen-left { padding-left:14%; }
    .lg-padding-fifteen-left { padding-left:15%; }
    .lg-padding-sixteen-left { padding-left:16%; }
    .lg-padding-seventeen-left { padding-left:17%; }
    .lg-padding-eighteen-left { padding-left:18%; }
    .lg-padding-nineteen-left { padding-left:19%; }
    .lg-padding-twenty-left { padding-left:20%; }
    .lg-padding-5px-left { padding-left:5px; }
    .lg-padding-10px-left { padding-left:10px; }
    .lg-padding-15px-left { padding-left:15px; }
    .lg-padding-20px-left { padding-left:20px; }
    .lg-padding-25px-left { padding-left:25px; }
    .lg-padding-30px-left { padding-left:30px; }
    .lg-padding-35px-left { padding-left:35px; }
    .lg-padding-40px-left { padding-left:40px; }
    .lg-padding-45px-left { padding-left:45px; }
    .lg-padding-50px-left { padding-left:50px; }
    .lg-padding-55px-left { padding-left:55px; }
    .lg-padding-60px-left { padding-left:60px; }
    .lg-padding-65px-left { padding-left:65px; }
    .lg-padding-70px-left { padding-left:70px; }
    .lg-padding-75px-left { padding-left:75px; }
    .lg-padding-80px-left { padding-left:80px; }
    .lg-padding-85px-left { padding-left:85px; }
    .lg-padding-90px-left { padding-left:90px; }
    .lg-padding-95px-left { padding-left:95px; }
    .lg-padding-100px-left { padding-left:100px; }
    .lg-padding-1-rem-left { padding-left: 1rem; }
    .lg-padding-1-half-rem-left { padding-left: 1.5rem; }
    .lg-padding-2-rem-left { padding-left: 2rem; }
    .lg-padding-2-half-rem-left { padding-left: 2.5rem; }
    .lg-padding-3-rem-left { padding-left: 3rem; }
    .lg-padding-3-half-rem-left { padding-left: 3.5rem; }
    .lg-padding-4-rem-left { padding-left: 4rem; }
    .lg-padding-4-half-rem-left { padding-left: 4.5rem; }
    .lg-padding-5-rem-left { padding-left: 5rem; }
    .lg-padding-5-half-rem-left { padding-left: 5.5rem; }
    .lg-padding-6-rem-left { padding-left: 6rem; }
    .lg-padding-6-half-rem-left { padding-left: 6.5rem; }
    .lg-padding-7-rem-left { padding-left: 7rem; }
    .lg-padding-7-half-rem-left { padding-left: 7.5rem; }
    .lg-padding-8-rem-left { padding-left: 8rem; }
    .lg-padding-8-half-rem-left { padding-left: 8.5rem; }
    .lg-padding-9-rem-left { padding-left: 9rem; }
    .lg-padding-9-half-rem-left { padding-left: 9.5rem; }
    .lg-padding-10-rem-left { padding-left: 10rem; }
    .lg-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .lg-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .lg-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .lg-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .lg-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .lg-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .lg-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .lg-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .lg-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .lg-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .lg-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .lg-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .lg-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .lg-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .lg-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .lg-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .lg-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .lg-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .lg-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .lg-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .lg-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .lg-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .lg-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .lg-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .lg-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .lg-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .lg-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .lg-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .lg-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .lg-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .lg-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .lg-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .lg-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .lg-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .lg-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .lg-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .lg-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .lg-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .lg-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .lg-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .lg-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .lg-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .lg-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .lg-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .lg-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .lg-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .lg-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .lg-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .lg-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .lg-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .lg-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .lg-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .lg-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .lg-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .lg-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .lg-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .lg-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .lg-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .lg-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .lg-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .lg-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .lg-padding-one-lr { padding-left:1%; padding-right:1%; }
    .lg-padding-two-lr { padding-left:2%; padding-right:2%; }
    .lg-padding-three-lr { padding-left:3%; padding-right:3%; }
    .lg-padding-four-lr { padding-left:4%; padding-right:4%; }
    .lg-padding-five-lr { padding-left:5%; padding-right:5%; }
    .lg-padding-six-lr { padding-left:6%; padding-right:6%; }
    .lg-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .lg-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .lg-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .lg-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .lg-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .lg-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .lg-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .lg-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .lg-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .lg-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .lg-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .lg-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .lg-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .lg-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .lg-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .lg-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .lg-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .lg-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .lg-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .lg-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .lg-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .lg-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .lg-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .lg-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .lg-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .lg-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .lg-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .lg-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .lg-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .lg-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .lg-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .lg-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .lg-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .lg-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .lg-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .lg-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .lg-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .lg-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .lg-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .lg-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .lg-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .lg-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .lg-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .lg-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .lg-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .lg-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .lg-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .lg-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .lg-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .lg-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .lg-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .lg-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .lg-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .lg-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .lg-no-padding { padding:0 !important; }
    .lg-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .lg-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .lg-no-padding-top { padding-top:0 !important; }
    .lg-no-padding-bottom { padding-bottom:0 !important; }
    .lg-no-padding-left { padding-left:0 !important; }
    .lg-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .lg-d-initial { display: initial !important; }
    .lg-overflow-hidden { overflow:hidden !important; }
    .lg-overflow-visible { overflow:visible !important; }
    .lg-overflow-auto { overflow:auto !important; }

    /* position */
    .lg-position-relative { position: relative !important; }
    .lg-position-absolute { position: absolute !important; }
    .lg-position-fixed { position: fixed !important; }
    .lg-position-inherit { position: inherit !important; }
    .lg-position-initial { position: initial !important; }

    /* top */
    .lg-top-0px { top: 0; }
    .lg-top-1px { top: 1px; }
    .lg-top-2px { top: 2px; }
    .lg-top-3px { top: 3px; }
    .lg-top-4px { top: 4px; }
    .lg-top-5px { top: 5px; }
    .lg-top-6px { top: 6px; }
    .lg-top-7px { top: 7px; }
    .lg-top-8px { top: 8px; }
    .lg-top-9px { top: 9px; }
    .lg-top-10px { top: 10px; }
    .lg-top-15px { top: 15px; }
    .lg-top-20px { top: 20px; }
    .lg-top-25px { top: 25px; }
    .lg-top-30px { top: 30px; }
    .lg-top-35px { top: 35px; }
    .lg-top-40px { top: 40px; }
    .lg-top-45px { top: 45px; }
    .lg-top-50px { top: 50px; }
    .lg-top-auto { top:auto; }
    .lg-top-inherit { top:inherit; }

    /* top minus */
    .lg-top-minus-1px { top: -1px; }
    .lg-top-minus-2px { top: -2px; }
    .lg-top-minus-3px { top: -3px; }
    .lg-top-minus-4px { top: -4px; }
    .lg-top-minus-5px { top: -5px; }
    .lg-top-minus-6px { top: -6px; }
    .lg-top-minus-7px { top: -7px; }
    .lg-top-minus-8px { top: -8px; }
    .lg-top-minus-9px { top: -9px; }
    .lg-top-minus-10px { top: -10px; }
    .lg-top-minus-15px { top: -15px; }
    .lg-top-minus-20px { top: -20px; }
    .lg-top-minus-25px { top: -25px; }
    .lg-top-minus-30px { top: -30px; }
    .lg-top-minus-35px { top: -35px; }
    .lg-top-minus-40px { top: -40px; }
    .lg-top-minus-45px { top: -45px; }
    .lg-top-minus-50px { top: -50px; }

    /* bottom */
    .lg-bottom-0px { bottom:0; }
    .lg-bottom-1px { bottom:1px; }
    .lg-bottom-2px { bottom:2px; }
    .lg-bottom-3px { bottom:3px; }
    .lg-bottom-4px { bottom:4px; }
    .lg-bottom-5px { bottom:5px; }
    .lg-bottom-6px { bottom:6px; }
    .lg-bottom-7px { bottom:7px; }
    .lg-bottom-8px { bottom:8px; }
    .lg-bottom-9px { bottom:9px; }
    .lg-bottom-10px { bottom:10px; }
    .lg-bottom-15px { bottom:15px; }
    .lg-bottom-20px { bottom:20px; }
    .lg-bottom-25px { bottom:25px; }
    .lg-bottom-30px { bottom:30px; }
    .lg-bottom-35px { bottom:35px; }
    .lg-bottom-40px { bottom:40px; }
    .lg-bottom-45px { bottom:45px; }
    .lg-bottom-50px { bottom:50px; }
    .lg-bottom-55px { bottom:55px; }
    .lg-bottom-60px { bottom:60px; }
    .lg-bottom-auto { bottom: auto; }
    .lg-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .lg-bottom-minus-1px { bottom: -1px; }
    .lg-bottom-minus-2px { bottom: -2px; }
    .lg-bottom-minus-3px { bottom: -3px; }
    .lg-bottom-minus-4px { bottom: -4px; }
    .lg-bottom-minus-5px { bottom: -5px; }
    .lg-bottom-minus-6px { bottom: -6px; }
    .lg-bottom-minus-7px { bottom: -7px; }
    .lg-bottom-minus-8px { bottom: -8px; }
    .lg-bottom-minus-9px { bottom: -9px; }
    .lg-bottom-minus-10px { bottom: -10px; }
    .lg-bottom-minus-15px { bottom: -15px; }
    .lg-bottom-minus-20px { bottom: -20px; }
    .lg-bottom-minus-25px { bottom: -25px; }
    .lg-bottom-minus-30px { bottom: -30px; }
    .lg-bottom-minus-35px { bottom: -35px; }
    .lg-bottom-minus-40px { bottom: -40px; }
    .lg-bottom-minus-45px { bottom: -45px; }
    .lg-bottom-minus-50px { bottom: -50px; }

    /* right */
    .lg-right-0px { right: 0; }
    .lg-right-1px { right: 1px; }
    .lg-right-2px { right: 2px; }
    .lg-right-3px { right: 3px; }
    .lg-right-4px { right: 4px; }
    .lg-right-5px { right: 5px; }
    .lg-right-6px { right: 6px; }
    .lg-right-7px { right: 7px; }
    .lg-right-8px { right: 8px; }
    .lg-right-9px { right: 9px; }
    .lg-right-10px { right: 10px; }
    .lg-right-15px { right: 15px; }
    .lg-right-20px { right: 20px; }
    .lg-right-25px { right: 25px; }
    .lg-right-30px { right: 30px; }
    .lg-right-35px { right: 35px; }
    .lg-right-40px { right: 40px; }
    .lg-right-45px { right: 45px; }
    .lg-right-50px { right: 50px; }
    .lg-right-auto { right: auto; }
    .lg-right-inherit { right: inherit; }

    /* right minus */
    .lg-right-minus-1px { right: -1px; }
    .lg-right-minus-2px { right: -2px; }
    .lg-right-minus-3px { right: -3px; }
    .lg-right-minus-4px { right: -4px; }
    .lg-right-minus-5px { right: -5px; }
    .lg-right-minus-6px { right: -6px; }
    .lg-right-minus-7px { right: -7px; }
    .lg-right-minus-8px { right: -8px; }
    .lg-right-minus-9px { right: -9px; }
    .lg-right-minus-10px { right: -10px; }
    .lg-right-minus-15px { right: -15px; }
    .lg-right-minus-20px { right: -20px; }
    .lg-right-minus-25px { right: -25px; }
    .lg-right-minus-30px { right: -30px; }
    .lg-right-minus-35px { right: -35px; }
    .lg-right-minus-40px { right: -40px; }
    .lg-right-minus-45px { right: -45px; }
    .lg-right-minus-50px { right: -50px; }

    /* left */
    .lg-left-0px { left: 0; }
    .lg-left-1px { left: 1px; }
    .lg-left-2px { left: 2px; }
    .lg-left-3px { left: 3px; }
    .lg-left-4px { left: 4px; }
    .lg-left-5px { left: 5px; }
    .lg-left-6px { left: 6px; }
    .lg-left-7px { left: 7px; }
    .lg-left-8px { left: 8px; }
    .lg-left-9px { left: 9px; }
    .lg-left-10px { left: 10px; }
    .lg-left-15px { left: 15px; }
    .lg-left-20px { left: 20px; }
    .lg-left-25px { left: 25px; }
    .lg-left-30px { left: 30px; }
    .lg-left-35px { left: 35px; }
    .lg-left-40px { left: 40px; }
    .lg-left-45px { left: 45px; }
    .lg-left-50px { left: 50px; }
    .lg-left-55px { left: 55px; }
    .lg-left-60px { left: 60px; }
    .lg-left-auto { left: auto; }
    .lg-left-inherit { left: inherit; }

    /* left minus */
    .lg-left-minus-1px { left: -1px; }
    .lg-left-minus-2px { left: -2px; }
    .lg-left-minus-3px { left: -3px; }
    .lg-left-minus-4px { left: -4px; }
    .lg-left-minus-5px { left: -5px; }
    .lg-left-minus-6px { left: -6px; }
    .lg-left-minus-7px { left: -7px; }
    .lg-left-minus-8px { left: -8px; }
    .lg-left-minus-9px { left: -9px; }
    .lg-left-minus-10px { left: -10px; }
    .lg-left-minus-15px { left: -15px; }
    .lg-left-minus-20px { left: -20px; }
    .lg-left-minus-25px { left: -25px; }
    .lg-left-minus-30px { left: -30px; }
    .lg-left-minus-35px { left: -35px; }
    .lg-left-minus-40px { left: -40px; }
    .lg-left-minus-45px { left: -45px; }
    .lg-left-minus-50px { left: -50px; }

    /* width */
    .lg-w-1px { width:1px !important; }
    .lg-w-2px { width:2px !important; }
    .lg-w-3px { width:3px !important; }
    .lg-w-4px { width:4px !important; }
    .lg-w-5px { width:5px !important; }
    .lg-w-6px { width:6px !important; }
    .lg-w-7px { width:7px !important; }
    .lg-w-8px { width:8px !important; }
    .lg-w-9px { width:9px !important; }
    .lg-w-10px { width:10px !important; }
    .lg-w-15px { width:15px !important; }
    .lg-w-20px { width:20px !important; }
    .lg-w-25px { width:25px !important; }
    .lg-w-30px { width:30px !important; }
    .lg-w-35px { width:35px !important; }
    .lg-w-40px { width:40px !important; }
    .lg-w-50px { width:50px !important; }
    .lg-w-55px { width:55px !important; }
    .lg-w-60px { width:60px !important; }
    .lg-w-65px { width:65px !important; }
    .lg-w-70px { width:70px !important; }
    .lg-w-75px { width:75px !important; }
    .lg-w-80px { width:80px !important; }
    .lg-w-85px { width:85px !important; }
    .lg-w-90px { width:90px !important; }
    .lg-w-95px { width:95px !important; }
    .lg-w-100px { width:100px !important; }
    .lg-w-110px { width:110px !important; }
    .lg-w-120px { width:120px !important; }
    .lg-w-130px { width:130px !important; }
    .lg-w-140px { width:140px !important; }
    .lg-w-150px { width:150px !important; }
    .lg-w-160px { width:160px !important; }
    .lg-w-170px { width:170px !important; }
    .lg-w-180px { width:180px !important; }
    .lg-w-190px { width:190px !important; }
    .lg-w-200px { width:200px !important; }
    .lg-w-250px { width:250px !important; }
    .lg-w-300px { width:300px !important; }
    .lg-w-350px { width:350px !important; }
    .lg-w-400px { width:400px !important; }
    .lg-w-450px { width:450px !important; }
    .lg-w-500px { width:500px !important; }
    .lg-w-550px { width:550px !important; }
    .lg-w-600px { width:600px !important; }
    .lg-w-650px { width:650px !important; }
    .lg-w-700px { width:700px !important; }
    .lg-w-750px { width:750px !important; }
    .lg-w-800px { width:800px !important; }
    .lg-w-850px { width:850px !important; }
    .lg-w-900px { width:900px !important; }
    .lg-w-950px { width:950px !important; }
    .lg-w-1000px { width:1000px !important; }
    .lg-w-10 { width: 10% !important; }
    .lg-w-15 { width: 15% !important; }
    .lg-w-20 { width: 20% !important; }
    .lg-w-25 { width: 25% !important; }
    .lg-w-30 { width: 30% !important; }
    .lg-w-35 { width: 35% !important; }
    .lg-w-40 { width: 40% !important; }
    .lg-w-45 { width: 45% !important; }
    .lg-w-50 { width: 50% !important; }
    .lg-w-55 { width: 55% !important; }
    .lg-w-60 { width: 60% !important; }
    .lg-w-65 { width: 65% !important; }
    .lg-w-70 { width: 70% !important; }
    .lg-w-75 { width: 75% !important; }
    .lg-w-80 { width: 80% !important; }
    .lg-w-85 { width: 85% !important; }
    .lg-w-90 { width: 90% !important; }
    .lg-w-95 { width: 95% !important; }
    .lg-w-100 { width: 100% !important; }
    .lg-w-auto { width:auto !important; }

    /* height */
    .lg-h-1px { height: 1px !important; }
    .lg-h-2px { height: 2px !important; }
    .lg-h-3px { height: 3px !important; }
    .lg-h-4px { height: 4px !important; }
    .lg-h-5px { height: 5px !important; }
    .lg-h-6px { height: 6px !important; }
    .lg-h-7px { height: 7px !important; }
    .lg-h-8px { height: 8px !important; }
    .lg-h-9px { height: 9px !important; }
    .lg-h-10px { height: 10px !important; }
    .lg-h-20px { height: 20px !important; }
    .lg-h-30px { height: 30px !important; }
    .lg-h-40px { height: 40px !important; }
    .lg-h-42px { height: 42px !important; }
    .lg-h-50px { height: 50px !important; }
    .lg-h-60px { height: 60px !important; }
    .lg-h-70px { height: 70px !important; }
    .lg-h-80px { height: 80px !important; }
    .lg-h-90px { height: 90px !important; }
    .lg-h-100px { height: 100px !important; }
    .lg-h-110px { height: 110px !important; }
    .lg-h-120px { height: 120px !important; }
    .lg-h-130px { height: 130px !important; }
    .lg-h-140px { height: 140px !important; }
    .lg-h-150px { height: 150px !important; }
    .lg-h-160px { height: 160px !important; }
    .lg-h-170px { height: 170px !important; }
    .lg-h-180px { height: 180px !important; }
    .lg-h-190px { height: 190px !important; }
    .lg-h-200px { height: 200px !important; }
    .lg-h-250px { height: 250px !important; }
    .lg-h-300px { height: 300px !important; }
    .lg-h-350px { height: 350px !important; }
    .lg-h-400px { height: 400px !important; }
    .lg-h-450px { height: 450px !important; }
    .lg-h-500px { height: 500px !important; }
    .lg-h-520px { height: 520px !important; }
    .lg-h-550px { height: 550px !important; }
    .lg-h-580px { height: 580px !important; }
    .lg-h-600px { height: 600px !important; }
    .lg-h-650px { height: 650px !important; }
    .lg-h-700px { height: 700px !important; }
    .lg-h-720px { height: 720px !important; }
    .lg-h-750px { height: 750px !important; }
    .lg-h-800px { height: 800px !important; }
    .lg-h-820px { height: 820px !important; }
    .lg-h-830px { height: 830px !important; }
    .lg-h-850px { height: 850px !important; }
    .lg-h-50 { height: 50% !important; }
    .lg-h-100 { height: 100% !important; }
    .lg-h-auto { height:auto !important; }

    /* min-height */
    .lg-min-h-100px { min-height: 100px; }
    .lg-min-h-200px { min-height: 200px; }
    .lg-min-h-300px { min-height: 300px; }
    .lg-min-h-400px { min-height: 400px; }
    .lg-min-h-500px { min-height: 500px; }
    .lg-min-h-600px { min-height: 600px; }
    .lg-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-fifth-screen { height:750px; }

    /* letter spacing */
    .lg-letter-spacing-normal { letter-spacing: normal; }
    .lg-letter-spacing-1-half { letter-spacing: 0.50px; }
    .lg-letter-spacing-1px { letter-spacing: 1px; }
    .lg-letter-spacing-2px { letter-spacing: 2px; }
    .lg-letter-spacing-3px { letter-spacing: 3px; }
    .lg-letter-spacing-4px { letter-spacing: 4px; }
    .lg-letter-spacing-5px { letter-spacing: 5px; }

    /* interactive banner style 02 */
    .interactive-banners-style-02 .category-name { left: 40px; }
    .interactive-banners-style-02 .category-content { padding: 20px 40px 40px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 125px)); -webkit-transform: translateY(calc(100% - 125px)); -moz-transform: translateY(calc(100% - 125px)); -ms-transform: translateY(calc(100% - 125px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 50px; bottom: 50px; }

    /* process step style 04 */
    .process-step-style-04 .process-step-item { padding-left: 15px; padding-right: 15px; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 45%; }

    /* time table */
    .time-table .panel { padding: 20px 40px; }
    .time-table .panel .panel-time { min-width: 170px; }
    .time-table .panel .panel-body { width: calc(100% - 350px); }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li a { padding: 8px 30px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs > li.nav-item { padding: 0 10px; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 30px 30px 28px 30px; }

    /* no border */
    .lg-no-border-top { border-top:0 !important }
    .lg-no-border-bottom { border-bottom:0 !important }
    .lg-no-border-right { border-right:0 !important }
    .lg-no-border-left { border-left:0 !important }
    .lg-no-border-all { border: 0 !important }

    /* border width */
    .lg-border-width-1px { border-width:1px !important; }
    .lg-border-width-2px { border-width:2px !important; }
    .lg-border-width-3px { border-width:3px !important; }
    .lg-border-width-4px { border-width:4px !important; }
    .lg-border-width-5px { border-width:5px !important; }
    .lg-border-width-6px { border-width:6px !important; }
    .lg-border-width-7px { border-width:7px !important; }
    .lg-border-width-8px { border-width:8px !important; }
    .lg-border-width-9px { border-width:9px !important; }
    .lg-border-width-10px { border-width:10px !important; }
    .lg-border-width-11px { border-width:11px !important; }
    .lg-border-width-12px { border-width:12px !important; }
    .lg-border-width-13px { border-width:13px !important; }
    .lg-border-width-14px { border-width:14px !important; }
    .lg-border-width-15px { border-width:15px !important; }
    .lg-border-width-16px { border-width:16px !important; }
    .lg-border-width-17px { border-width:17px !important; }
    .lg-border-width-18px { border-width:18px !important; }
    .lg-border-width-19px { border-width:19px !important; }
    .lg-border-width-20px { border-width:20px !important; }

    /* border */
    .lg-border-all { border: 1px solid; }
    .lg-border-top { border-top: 1px solid; }
    .lg-border-bottom { border-bottom: 1px solid; }
    .lg-border-left { border-left: 1px solid; }
    .lg-border-right { border-right: 1px solid; }
    .lg-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .lg-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .lg-border-color-white { border-color: #fff; }
    .lg-border-color-black { border-color: #000; }
    .lg-border-color-sky-blue { border-color: #2e94eb; }
    .lg-border-color-extra-dark-gray { border-color: #232323; }
    .lg-border-color-medium-dark-gray { border-color: #363636; }
    .lg-border-color-dark-gray { border-color: #939393; }
    .lg-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .lg-border-color-medium-gray { border-color: #e4e4e4; }
    .lg-border-color-extra-light-gray { border-color: #ededed; }
    .lg-border-color-light-gray { border-color: #f5f5f5; }
    .lg-border-color-light-pink { border-color: #862237; }
    .lg-border-color-deep-pink { border-color: #ff214f; }
    .lg-border-color-pink { border-color: #ff357c; }
    .lg-border-color-fast-blue { border-color: #0038e3; }
    .lg-border-color-orange { border-color: #ff6437; }
    .lg-border-color-green { border-color: #45d690; }
    .lg-border-color-golden { border-color: #d0ba6d; }
    .lg-border-color-persian-blue { border-color: #0039CC; }
    .lg-border-color-purple { border-color: #7342ac; }
    .lg-border-color-parrot-green { border-color: #cee002; }
    .lg-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .lg-border-color-transparent { border-color: transparent; }
    .lg-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .lg-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .lg-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .lg-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .lg-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .lg-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .lg-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .lg-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .lg-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .lg-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .lg-border-dotted { border-style: dotted !important; }
    .lg-border-dashed { border-style: dashed !important; }
    .lg-border-solid { border-style: solid !important; }
    .lg-border-double { border-style: double !important; }
    .lg-border-groove { border-style: groove !important; }
    .lg-border-ridge { border-style: ridge !important; }
    .lg-border-inset { border-style: inset !important; }
    .lg-border-outset { border-style: outset !important; }
    .lg-border-none { border-style: none !important; }
    .lg-border-hidden { border-style: hidden !important; }
    .lg-border-transperent { border-color: transparent !important; }

    /* box layout */
    .box-layout { padding:0; }
    .box-layout-large { padding:0; }

    /* navigation */
    .nav-item.dropdown.megamenu .menu-back-div { padding: 35px 50px 40px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding-right: 75px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 50px; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: -15px;}
    .slider-navigation-style-02.swiper-button-next { right: -15px;}

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -20%; }
    .slider-navigation-style-04.swiper-button-next { right: -20%; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: -5px;}
    .slider-navigation-style-07.swiper-button-next.light { right: -5px;}

    /* grid */
    .grid.lg-grid-6col li { width: 16.67%; }
    .grid.lg-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.lg-grid-5col li { width: 20%; }
    .grid.lg-grid-5col li.grid-item-double { width: 40%; }
    .grid.lg-grid-4col li { width: 25%; }
    .grid.lg-grid-4col li.grid-item-double { width: 50%; }
    .grid.lg-grid-3col li { width: 33.33%; }
    .grid.lg-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.lg-grid-2col li { width: 50%; }
    .grid.lg-grid-2col li.grid-item-double { width: 100%; }
    .grid.lg-grid-1col li { width: 100%; }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+1) .portfolio-box { padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+3) .portfolio-box { padding: 0 15%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+1) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+3) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+6) .portfolio-box{ padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+4) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+5) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+7) .portfolio-box { padding: 0 15% 15%; }

    /* justified gallery */
    .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption { bottom: 10px !important; left: 10px !important; right: 10px; box-shadow: none; white-space: normal; top: initial !important; width: calc(100% - 20px); display: block !important;}

    /* table style 01 */
    .table-style-01 {  overflow-x: scroll; }
    .table-style-01 table { width: 900px; }

    /* blog modern */
    .blog-modern .post-details { left: 20px; width: calc(100% - 40px); }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 100px; }
    .latest-post-sidebar li div { padding-left: 15px; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 0px; padding-right: 0px; }
    .home-architecture .navbar.bg-transparent, .home-architecture.sticky .header-dark.header-always-fixed-scroll { background-color: transparent !important; }
    .home-architecture .navbar-dark.bg-transparent .push-button > span, .home-architecture.sticky .navbar-dark.bg-transparent .push-button > span { background-color: #FFFFFF !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* application */
    .banner-bottom-right-images > img { bottom: -65px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-end .text-extra-big-2 { font-size: 200px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 20px; }
    footer.home-marketing-agency .footer-horizontal-link li:last-child { margin-right: 0; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 4.5rem;}

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-title { font-size: 70px; line-height: 70px; padding: 20px 35px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { bottom: 30px; }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 60px); }

    /* content box image */
    .content-box-image { height: 225px; }

    /* landing page */
    .litho-parallax-bg { width: 620px; }
    .customer-bg-section { top: 80px; bottom: inherit; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 40% !important; }

    /* for buy and demo button */
    .theme-demos { display: none !important; }
    
    /* magnific popup */
    button.mfp-close, .mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close:active { top: 20px; right: 20px; }
}

@media (max-width: 1024px) {
    /*main content*/
    .main-content { margin-bottom: 0 !important; position: inherit; }

    /* background image */
    .fix-background { background-attachment: unset !important; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 73px; bottom: 115px; }

    /* home decor */
    .home-decor .zeus { transform: matrix(1, 0, 0, 1, -470, -59) !important; }
    .home-decor .collection-btn span{ width: 48px !important; height: 48px !important; top: 50% !important; transform: translateY(-50%) !important; }
    .home-decor .collection-btn:hover span{ width: 100% !important; height: 48px; }
    .home-decor .tp-bullet { height: 8px !important; width: 8px !important; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 605px !important; }

    /* home-architecture */
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-icon { opacity: 1; visibility: visible; transition-delay: .8s; transition-duration: 1s;}


    /* scroll to top */
    .scroll-top-arrow { display: none !important}

    /*footer sticky*/
    .footer-sticky { position: relative !important; z-index: 0 !important; }

}

@media only screen and (max-width:1024px) and (min-width: 778px) {
    /* spa salon */
    .home-spa-salon .ares { top: 55.5% !important; }
}

/* Navigation breakpoint start */
@media (max-width: 991px) {
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list { padding-right: 0;}
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list-wrapper .menu-list { padding-right: 15px;}
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 15px; padding-left: 15px; }

    /* header default */
    .navbar-nav { padding:15px 15px 25px }
    .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; overflow: hidden; box-shadow: 0 20px 15px 0 rgba(23,23,23,.05); max-height: calc(100vh - 65px);}
    .navbar-collapse.show {overflow-y: auto !important; -webkit-overflow-scrolling: touch;}
    .navbar.navbar-dark .navbar-nav .nav-link,.navbar.navbar-light .navbar-nav .nav-link, .sticky .navbar.navbar-dark .navbar-nav .nav-link, .sticky .navbar.navbar-light .navbar-nav .nav-link, header.sticky .navbar.top-logo .navbar-nav .nav-link { color: #232323 !important; padding: 9px 15px; margin: 0; }
    .navbar .navbar-nav .nav-link {font-size: 15px}
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-toggler { margin: 30px 0 28px 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
    .sticky .navbar.responsive-sticky .navbar-toggler { margin-top: 21px; margin-bottom: 20px; }
    .dropdown-toggle:after { display: none;}
    .menu-order { order: 5; position: inherit !important }
    .logo-order { order: 5}
    .navbar-collapse-show .sticky .header-reverse-scroll { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s;}

    /* top bar */
    .top-bar-contact .top-bar-contact-list:last-child {border-right: none; padding-right: 0}

    /* center logo */
    header .menu-logo-center .menu-logo { position: relative; left: auto; text-align: left; margin: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    .menu-logo-center .navbar-brand { padding: 18px 0;}
    .navbar-left, .navbar-right { width: 100%; }
    .sticky .navbar.header-dark .navbar-nav .nav-link { color: #232323 !important; }
    .navbar-nav .nav-item:last-child .menu-back-div, .navbar-nav .nav-item:last-child .menu-back-div ul:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .nav-item.dropdown.megamenu , .nav-item.dropdown.simple-dropdown { position: relative; }
    .nav-item.dropdown.megamenu .menu-back-div { display: none; }
    .nav-item.dropdown.megamenu .menu-back-div.show { display: block; }
    .nav-item.dropdown.megamenu .menu-back-div, .nav-item.dropdown.simple-dropdown .dropdown-menu { width: 100% !important; position: relative; box-shadow: none; padding:0 15px 20px; top: 0; border-radius: 0; background-color: transparent; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] { padding: 0; margin-bottom: 8px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding: 15px 0 0 20px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 0;}
    .nav-item.dropdown.megamenu .menu-back-div ul.small-gap[class *="d-"] { padding-right: 0;}
    .dropdown-menu.megamenu-content li.dropdown-header { margin: 23px 0 10px 0; font-size: 14px; font-weight: 500; }
    .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 10px;}
    .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] li.dropdown-header:first-child,
    .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:first-child li.dropdown-header:first-child { margin-top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin:0 0 5px; left: 0; top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { margin-bottom: 5px;}
    .nav-item > .dropdown-toggle { display: block; width: 48px; height: 48px; right: 0px; position: absolute; top: 0; text-align: center; line-height: 50px; }
    .nav-item.show > .dropdown-toggle { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
    .nav-item.dropdown.simple-dropdown .dropdown-menu { position: relative; width: 100%; box-shadow: none; display: none; top: 0; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown-menu { padding: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu.show, .nav-item.dropdown.simple-dropdown .dropdown-menu.show .dropdown-menu { display: block; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 3px 15px 3px; font-size: 14px; margin-bottom: 5px; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #232323; margin: 15px 0 7px 0; font-size: 14px; font-weight: 500; }
    .megamenu-dropdown-dark { background-color: #232323; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a { color: #fff !important; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.active > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.active > a { color: rgba(255,255,255,0.6) !important; }   
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a:hover, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown:hover > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown:hover > a, .navbar.navbar-dark .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a:hover { color: #fff !important; }
    .megamenu-dropdown-dark .dropdown-menu.megamenu-content li.active a { color: rgba(255,255,255,0.3)!important; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown > .dropdown-menu { padding-top: 15px; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { margin-top: 0; }
    .dropdown-menu.megamenu-content li a, .dropdown-menu.megamenu-content li.dropdown-header { line-height: normal}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 20px;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown:last-child { margin-bottom: 0;}
    .simple-dropdown .dropdown-menu li { padding: 0; }
    .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none;}
    .dropdown-menu.megamenu-content li { padding-bottom: 5px;}
    .dropdown-menu.megamenu-content li a { padding-top: 3px; font-size: 14px}

    /* header search form */
    .form-wrapper .search-form-box { width: 60%; }

    /* header sidebar */
    .sidebar-wrapper, .page-wrapper { padding-left: 0; }
    .sidebar-nav-action { width: 100%; height: auto; padding: 15px 30px; }
    .sidebar-nav-action-main { flex-flow: row; align-items: center; }
    .side-menu-header  { position: fixed; left: 0; top: 0; text-align: left !important; width: 100%; background-color: #fff; border-bottom: 1px solid #f3f3f3; padding: 15px 30px; z-index: 9; }
    .side-menu-header .navbar-brand { z-index: 1; position: relative; }
    .side-menu-header-bottom, header.side-menu-nav { left:-290px; height: 100%; top: 0; padding-top: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    .side-menu-header-bottom { padding-top: 0; }
    .show-menu .side-menu-header-bottom, .show-menu header.side-menu-nav { left: 0; }
    .side-menu-header .side-menu-button { display: inline-block; right: 30px; }
    .left-sidebar-wrapper{ padding-left: 0; }
    .sidebar-nav-menu.left-sidebar-nav { left: -290px; overflow: visible; height: 100%; top: 0 !important;}    
    .sidebar-nav-menu.left-sidebar-nav .side-menu-header-bottom { height: 100%; overflow: auto;}
    .show-menu .sidebar-nav-menu.left-sidebar-nav { left: 0}
    .menu-toggle { top: 20px; }
    .menu-list li a { line-height: 40px; padding: 0; }
    .side-menu-button a { top: 1px; }
    .side-menu .sidebar-nav-menu .menu-list-wrapper { padding-bottom: 20px; }
    .sidebar-social-icon li { display: inline-block; margin: 0; padding: 0 7px; }
    .sidebar-social-icon li:last-child { padding-right: 0; }
    .navbar-left-sidebar,.navbar-left-sidebar .dropdown:hover > .dropdown-menu { width: auto; }
    .show-menu .menu-style-2 .sidebar-nav-menu { left: 0; }
    .menu-style-2 .sidebar-nav-menu .menu-list li { padding: 5px 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li { padding-top: 0; padding-bottom: 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li .menu-toggle { top: 27px; }
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li .menu-toggle { top: 15px; }

    /* sidebar nav menu */
    .navbar-left-sidebar > li > a { font-size: 14px; line-height: 20px; }
    .navbar-left-sidebar > li.dropdown > a > i { display: block; position: absolute; top: 15px; right: 5px; font-size: 16px; }
    .navbar-left-sidebar li a { padding: 10px 0; margin: 0; border-bottom: 0; font-size: 14px; line-height: 20px; }
    .menu-style-2 .navbar-left-sidebar .dropdown:hover > .dropdown-menu.second-level { left: 0; position: relative; background-color: #fff; }
    .navbar-left-sidebar .dropdown > .dropdown-menu.second-level li > a { border-bottom: 0; padding: 6px 0 5px 0 }
    .navbar-left-sidebar .dropdown-menu.second-level li > a:hover, .navbar-left-sidebar li > a:hover { background-color: transparent; }
    .top-logo .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; }

    /* hamburger menu half */
    .hamburger-menu-half .menu-list > li { padding: 7px 0; }
    .hamburger-menu-half .menu-list li .menu-toggle { top: 29px; }
    .hamburger-menu-half .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu-half .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu-half .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}
    .hamburger-menu-half .sub-menu-item .menu-toggle:before, .hamburger-menu-half .sub-menu-item .menu-toggle:after { right: 8px; }

    /* hamburger menu full width */
    .hamburger-menu.full-width .menu-list > li { padding: 5px 0; }
    .hamburger-menu.full-width .menu-list > li .menu-toggle { top: 27px; }
    .hamburger-menu.full-width .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu.full-width .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu.full-width .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}

    /* center logo */
    .menu-logo-center .navbar-collapse > .navbar-nav:first-child { padding-bottom: 0;}
    .menu-logo-center .navbar-collapse > .navbar-nav:last-child { padding-top: 0;}

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 20px 0 0 15px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 34px; }
    .hamburger-menu-big-font .menu-list li a { font-size: 30px; line-height: 38px; }

    /* header navigation white */
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link.active, .navbar.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:hover,.navbar-dark .navbar-nav .nav-link.active:focus { color: rgba(0,0,0,.6) !important; }
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu.active:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown.active:hover > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: rgba(0,0,0,1) !important; }
    .navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: rgba(0,0,0,1) !important; }

    /* header logo */
    header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo, header.sticky .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .sidebar-nav-menu .navbar-brand .default-logo { visibility: hidden; opacity: 0; width: 0; }
    header .navbar .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo  { visibility: visible; opacity: 1; width: auto; }

    /* header with top logo */
    .top-logo .navbar-brand + div[class*="col-"] div:first-child { padding-left: 0;}

    /* header toggle button */
    .navbar-dark.bg-transparent .navbar-toggler-line { overflow: hidden; background: #232323; }
    header.sticky .navbar.bg-transparent.hader-light .navbar-toggler-line { overflow: hidden; background: #fff; }
    .navbar-dark.bg-transparent .push-button > span, .sticky .navbar-dark.bg-transparent .push-button > span { background: #232323; }

    /* header transparent */
    .navbar.bg-transparent { background-color: #2d3192!important; }
    .navbar.navbar-dark .header-social-icon, .sticky .navbar.header-dark .header-social-icon { border-color: rgba(0,0,0,.45); }
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link, .navbar.navbar-dark.bg-transparent .header-search-icon > a, .navbar.navbar-dark.bg-transparent .header-social-icon > a, .navbar.navbar-dark.bg-transparent .header-cart-icon > a, .navbar.navbar-dark.bg-transparent .header-language > a, .navbar.navbar-dark .nav-bar-contact { color: #232323 !important;}
    header.sticky .navbar.navbar-dark.bg-transparent.header-dark .header-social-icon > a { color: #fff !important;}
    .navbar.navbar-dark.bg-transparent .header-search-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-social-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-cart-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-language > a:hover, .sticky .navbar-dark.bg-transparent .header-search-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-social-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-cart-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-language > a:hover { color: rgba(0,0,0,.6) !important;}
    .navbar.bg-transparent .header-button .btn.btn-white { background: #232323; border-color: #232323; color: #ffffff;}

    /* menu classic */
    [data-mobile-nav-style=classic] .navbar-nav { display: block;}

    /* menu modern */  
    [data-mobile-nav-style=modern] .page-layout { background-color: #fff;}
    [data-mobile-nav-style=modern] header .navbar-collapse { display: none !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav { width: 100%; padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse.show { height: 100%;  }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler-line { background-color: #fff; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; display: inline-block; right: 0; font-size: 17px; font-weight: 500;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active { text-decoration: underline;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i { font-size: 14px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i.dropdown-toggle { font-size: 17px; font-weight: 600;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item .megamenu-content a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; position: inherit !important; margin-bottom: 15px !important; margin-top: 6px; padding: 0 !important; right: 0; }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header {opacity: .7; margin-top: 20px !important; font-weight: 500 }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {line-height: normal; padding-bottom: 5px; font-size: 15px}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { padding-top: 14px !important; padding-bottom: 0 !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li { padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin-bottom: 10px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; font-size: 14px; margin-bottom: 10px; margin-top: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li > a { margin-bottom: 9px; font-size: 13px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCustomScrollBox { height: auto; width: 100%;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_inside>.mCSB_container { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none; right: 13px; top: 4px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    .navbar-collapse-show[data-mobile-nav-style=modern] { overflow: hidden; padding-top: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner { opacity: 0; visibility: hidden; overflow: visible !important; width: 70vw; height: 100vh !important; position: fixed; top: 0; right: -40vw; z-index: 90; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition-duration: 0.65s; transition-duration: 0.65s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translate3d(25vw, 0, 0); transform: translate3d(25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { right: 0; opacity: 1; visibility: visible !important; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-show-modern-bg { display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); -webkit-transform: scale(1.75); transform: scale(1.75); transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s; transition: opacity .3s,transform .3s,-webkit-transform .3s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-show-modern-bg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .sticky.header-appear .header-reverse-scroll, [data-mobile-nav-style=modern] header .top-bar + .navbar.fixed-top { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s;}
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .page-layout, [data-mobile-nav-style=modern] .top-bar { -webkit-transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s; transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);}
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-70vw, 0, 0); transform: translate3d(-70vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=right][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { display: none; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { position: absolute; top: 0; right: 25px; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { position: static; left: 0; top: 0; width: 100%; height: 100%; background: transparent; padding: 100px 12vw; box-shadow: none; max-height: 100%; display:flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { position: absolute; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 80vw; right: inherit; left: -30vw; -webkit-transform: translate3d(-25vw, 0, 0); transform: translate3d(-25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { left: 0; right: inherit; }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse {  right: 0; left: inherit; padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .parallax {  background-attachment: scroll !important;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item { border-bottom: 1px solid rgba(255,255,255,.1); padding-top: 10px; padding-bottom: 12px;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item:last-child { border-bottom: 0; }
    [data-mobile-nav-style=modern] .nav-item > .dropdown-toggle { top: 7px; }

    /* full-screen-menu */
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] { overflow: hidden;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar .navbar-nav { padding: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); visibility: hidden; overflow: hidden !important; width: 100vw; height: 100vh !important; position: fixed; top: -100vh; left: 0; z-index: 9999; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { height: 100vh !important; top: 0; visibility: visible !important; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transition-delay: 0.20s; transition-delay: 0.20s;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { position: inherit; left: 0; top:0; width: 100%; height: 100%; padding: 100px 0; max-height: 100%; box-shadow: none; background: transparent; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav { padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important; margin-top: 6px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { height: auto; width: 75%;}    
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; font-size: 17px; font-weight: 500;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i { font-weight: 600}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; line-height: normal; padding-bottom: 5px; font-size: 15px;  }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header { opacity: .7; margin-top: 20px !important; font-weight: 500; margin-bottom: 4px; }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { line-height: normal; padding-bottom: 12px; font-size: 15px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item .megamenu-content a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { padding-bottom: 0 !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 3px 0 3px; font-size: 13px; margin-bottom: 6px; margin-top: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; margin-bottom: 7px !important; font-size: 14px; padding-top: 2px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important; padding-bottom: 5px !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { margin: 0; position: absolute; right: 35px; top: 35px; opacity: 0; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { opacity: 1}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler-line { background-color: #fff; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item > .dropdown-toggle { top: 8px; right: 0; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item { border-bottom: 1px solid rgba(255,255,255,.1); padding-top: 10px; padding-bottom: 12px; -webkit-transform: scale(1.15) translateY(-30px); transform: scale(1.15) translateY(-30px); opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item:last-child { border-bottom: 0;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: -0.07s; transition-delay: -0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: -0.14s; transition-delay: -0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: -0.21s; transition-delay: -0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: -0.28s; transition-delay: -0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: -0.35s; transition-delay: -0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: -0.42s; transition-delay: -0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: -0.49s; transition-delay: -0.49s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.34s; transition-delay: 0.34s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.41s; transition-delay: 0.41s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.62s; transition-delay: 0.62s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.69s; transition-delay: 0.69s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0.76s; transition-delay: 0.76s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: 0.83s; transition-delay: 0.83s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: 0.97s; transition-delay: 0.97s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: 1.04s; transition-delay: 1.04s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: 1.11s; transition-delay: 1.11s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: 1.18s; transition-delay: 1.18s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapsing .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse.show .mCSB_scrollTools { opacity: 1; }

    /* header cart and language */
    .header-cart-icon-mobile-left .cart-item-list, .header-language-mobile-left .dropdown-menu { left: 0; right: auto; }

    /* push menu */
    .push-menu { display: none; }
}
/* Navigation breakpoint end */

@media (max-width: 991px) {
    /* reset */
    html { font-size: 12px }
    section { padding: 75px 0; }
    section.big-section { padding:95px 0; }
    section.extra-big-section { padding: 110px 0; }
    section.half-section { padding:40px 0; }
    .md-no-overlap-section { height: auto !important}
    .md-no-overlap-section ~ section .overlap-section { margin-top: 0 !important}
    .md-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 20px; }

    /* text size */
    .text-large { font-size:16px; line-height:22px; }
    .text-extra-large { font-size: 18px; line-height:26px; }
    .title-small { font-size: 30px; line-height: 30px; }
    .title-large { font-size: 70px; line-height: 65px; }
    .title-extra-large { font-size: 90px; line-height:85px }
    .title-extra-large-heavy { font-size: 9rem; line-height: 11rem; }
    .text-big { font-size: 120px; line-height: 120px; }

    /* lineheight */
    .md-line-height-0px { line-height: 0px; }
    .md-line-height-8px { line-height: 8px; }
    .md-line-height-10px { line-height: 10px; }
    .md-line-height-14px { line-height: 14px; }
    .md-line-height-15px { line-height: 15px; }
    .md-line-height-16px { line-height: 16px; }
    .md-line-height-18px { line-height: 18px; }
    .md-line-height-20px { line-height: 20px; }
    .md-line-height-22px { line-height: 22px; }
    .md-line-height-24px { line-height: 24px; }
    .md-line-height-26px { line-height: 26px; }
    .md-line-height-28px { line-height: 28px; }
    .md-line-height-30px { line-height: 30px; }
    .md-line-height-32px { line-height: 32px; }
    .md-line-height-34px { line-height: 34px; }
    .md-line-height-36px { line-height: 36px; }
    .md-line-height-38px { line-height: 38px; }
    .md-line-height-40px { line-height: 40px; }
    .md-line-height-50px { line-height: 50px; }
    .md-line-height-140px { line-height: 140px; }
    .md-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .md-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .md-letter-spacing-minus-1px { letter-spacing: -1px; }
    .md-letter-spacing-minus-2px { letter-spacing: -2px; }
    .md-letter-spacing-minus-3px { letter-spacing: -3px; }
    .md-letter-spacing-minus-4px { letter-spacing: -4px; }
    .md-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .md-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .md-background-image-none { background: inherit !important; }
    .md-background-position-left { background-position: left center; }
    .md-background-position-right { background-position: right center; }
    .md-background-position-top { background-position: right top; }
    .md-background-position-center { background-position: center; }
    .md-background-position-left-top { background-position: left top; }

    /* blockquote */
    blockquote { padding: 2px 30px; }

    /* box shadow */
    .md-box-shadow-none { box-shadow: none; }

    /* margin */
    .md-margin-one-all { margin:1%; }
    .md-margin-two-all { margin:2%; }
    .md-margin-three-all { margin:3%; }
    .md-margin-four-all { margin:4%; }
    .md-margin-five-all { margin:5%; }
    .md-margin-six-all { margin:6%; }
    .md-margin-seven-all { margin:7%; }
    .md-margin-eight-all { margin:8%; }
    .md-margin-nine-all { margin:9%; }
    .md-margin-ten-all { margin:10%; }
    .md-margin-eleven-all { margin:11%; }
    .md-margin-twelve-all { margin:12%; }
    .md-margin-thirteen-all { margin:13%; }
    .md-margin-fourteen-all { margin:14%; }
    .md-margin-fifteen-all { margin:15%; }
    .md-margin-sixteen-all { margin:16%; }
    .md-margin-seventeen-all { margin:17%; }
    .md-margin-eighteen-all { margin:18%; }
    .md-margin-nineteen-all { margin:19%; }
    .md-margin-twenty-all { margin:20%; }
    .md-margin-5px-all { margin:5px; }
    .md-margin-10px-all { margin:10px; }
    .md-margin-15px-all { margin:15px; }
    .md-margin-20px-all { margin:20px; }
    .md-margin-25px-all { margin:25px; }
    .md-margin-30px-all { margin:30px; }
    .md-margin-35px-all { margin:35px; }
    .md-margin-40px-all { margin:40px; }
    .md-margin-45px-all { margin:45px; }
    .md-margin-50px-all { margin:50px; }
    .md-margin-55px-all { margin:55px; }
    .md-margin-60px-all { margin:60px; }
    .md-margin-65px-all { margin:65px; }
    .md-margin-70px-all { margin:70px; }
    .md-margin-75px-all { margin:75px; }
    .md-margin-80px-all { margin:80px; }
    .md-margin-85px-all { margin:85px; }
    .md-margin-90px-all { margin:90px; }
    .md-margin-95px-all { margin:95px; }
    .md-margin-100px-all { margin:100px; }
    .md-margin-1-rem-all { margin: 1rem; }
    .md-margin-1-half-rem-all { margin: 1.5rem; }
    .md-margin-2-rem-all { margin: 2rem; }
    .md-margin-2-half-rem-all { margin: 2.5rem; }
    .md-margin-3-rem-all { margin: 3rem; }
    .md-margin-3-half-rem-all { margin: 3.5rem; }
    .md-margin-4-rem-all { margin: 4rem; }
    .md-margin-4-half-rem-all { margin: 4.5rem; }
    .md-margin-5-rem-all { margin: 5rem; }
    .md-margin-5-half-rem-all { margin: 5.5rem; }
    .md-margin-6-rem-all { margin: 6rem; }
    .md-margin-6-half-rem-all { margin: 6.5rem; }
    .md-margin-7-rem-all { margin: 7rem; }
    .md-margin-7-half-rem-all { margin: 7.5rem; }
    .md-margin-8-rem-all { margin: 8rem; }
    .md-margin-8-half-rem-all { margin: 8.5rem; }
    .md-margin-9-rem-all { margin: 9rem; }
    .md-margin-9-half-rem-all { margin: 9.5rem; }
    .md-margin-10-rem-all { margin: 10rem; }
    .md-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .md-margin-one-top { margin-top:1%; }
    .md-margin-two-top { margin-top:2%; }
    .md-margin-three-top { margin-top:3%; }
    .md-margin-four-top { margin-top:4%; }
    .md-margin-five-top { margin-top:5%; }
    .md-margin-six-top { margin-top:6%; }
    .md-margin-seven-top { margin-top:7%; }
    .md-margin-eight-top { margin-top:8%; }
    .md-margin-nine-top { margin-top:9%; }
    .md-margin-ten-top { margin-top:10%; }
    .md-margin-eleven-top { margin-top:11%; }
    .md-margin-twelve-top { margin-top:12%; }
    .md-margin-thirteen-top { margin-top:13%; }
    .md-margin-fourteen-top { margin-top:14%; }
    .md-margin-fifteen-top { margin-top:15%; }
    .md-margin-sixteen-top { margin-top:16%; }
    .md-margin-seventeen-top { margin-top:17%; }
    .md-margin-eighteen-top { margin-top:18%; }
    .md-margin-nineteen-top { margin-top:19%; }
    .md-margin-twenty-top { margin-top:20%; }
    .md-margin-5px-top { margin-top:5px; }
    .md-margin-10px-top { margin-top:10px; }
    .md-margin-15px-top { margin-top:15px; }
    .md-margin-20px-top { margin-top:20px; }
    .md-margin-25px-top { margin-top:25px; }
    .md-margin-30px-top { margin-top:30px; }
    .md-margin-35px-top { margin-top:35px; }
    .md-margin-40px-top { margin-top:40px; }
    .md-margin-45px-top { margin-top:45px; }
    .md-margin-50px-top { margin-top:50px; }
    .md-margin-55px-top { margin-top:55px; }
    .md-margin-60px-top { margin-top:60px; }
    .md-margin-65px-top { margin-top:65px; }
    .md-margin-70px-top { margin-top:70px; }
    .md-margin-75px-top { margin-top:75px; }
    .md-margin-80px-top { margin-top:80px; }
    .md-margin-85px-top { margin-top:85px; }
    .md-margin-90px-top { margin-top:90px; }
    .md-margin-95px-top { margin-top:95px; }
    .md-margin-100px-top { margin-top:100px; }
    .md-margin-1-rem-top { margin-top: 1rem; }
    .md-margin-1-half-rem-top { margin-top: 1.5rem; }
    .md-margin-2-rem-top { margin-top: 2rem; }
    .md-margin-2-half-rem-top { margin-top: 2.5rem; }
    .md-margin-3-rem-top { margin-top: 3rem; }
    .md-margin-3-half-rem-top { margin-top: 3.5rem; }
    .md-margin-4-rem-top { margin-top: 4rem; }
    .md-margin-4-half-rem-top { margin-top: 4.5rem; }
    .md-margin-5-rem-top { margin-top: 5rem; }
    .md-margin-5-half-rem-top { margin-top: 5.5rem; }
    .md-margin-6-rem-top { margin-top: 6rem; }
    .md-margin-6-half-rem-top { margin-top: 6.5rem; }
    .md-margin-7-rem-top { margin-top: 7rem; }
    .md-margin-7-half-rem-top { margin-top: 7.5rem; }
    .md-margin-8-rem-top { margin-top: 8rem; }
    .md-margin-8-half-rem-top { margin-top: 8.5rem; }
    .md-margin-9-rem-top { margin-top: 9rem; }
    .md-margin-9-half-rem-top { margin-top: 9.5rem; }
    .md-margin-10-rem-top { margin-top: 10rem; }
    .md-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .md-margin-one-bottom { margin-bottom:1%; }
    .md-margin-two-bottom { margin-bottom:2%; }
    .md-margin-three-bottom { margin-bottom:3%; }
    .md-margin-four-bottom { margin-bottom:4%; }
    .md-margin-five-bottom { margin-bottom:5%; }
    .md-margin-six-bottom { margin-bottom:6%; }
    .md-margin-seven-bottom { margin-bottom:7%; }
    .md-margin-eight-bottom { margin-bottom:8%; }
    .md-margin-nine-bottom { margin-bottom:9%; }
    .md-margin-ten-bottom { margin-bottom:10%; }
    .md-margin-eleven-bottom { margin-bottom:11%; }
    .md-margin-twelve-bottom { margin-bottom:12%; }
    .md-margin-thirteen-bottom { margin-bottom:13%; }
    .md-margin-fourteen-bottom { margin-bottom:14%; }
    .md-margin-fifteen-bottom { margin-bottom:15%; }
    .md-margin-sixteen-bottom { margin-bottom:16%; }
    .md-margin-seventeen-bottom { margin-bottom:17%; }
    .md-margin-eighteen-bottom { margin-bottom:18%; }
    .md-margin-nineteen-bottom { margin-bottom:19%; }
    .md-margin-twenty-bottom { margin-bottom:20%; }
    .md-margin-5px-bottom { margin-bottom:5px; }
    .md-margin-10px-bottom { margin-bottom:10px; }
    .md-margin-15px-bottom { margin-bottom:15px; }
    .md-margin-20px-bottom { margin-bottom:20px; }
    .md-margin-25px-bottom { margin-bottom:25px; }
    .md-margin-30px-bottom { margin-bottom:30px; }
    .md-margin-35px-bottom { margin-bottom:35px; }
    .md-margin-40px-bottom { margin-bottom:40px; }
    .md-margin-45px-bottom { margin-bottom:45px; }
    .md-margin-50px-bottom { margin-bottom:50px; }
    .md-margin-55px-bottom { margin-bottom:55px; }
    .md-margin-60px-bottom { margin-bottom:60px; }
    .md-margin-65px-bottom { margin-bottom:65px; }
    .md-margin-70px-bottom { margin-bottom:70px; }
    .md-margin-75px-bottom { margin-bottom:75px; }
    .md-margin-80px-bottom { margin-bottom:80px; }
    .md-margin-85px-bottom { margin-bottom:85px; }
    .md-margin-90px-bottom { margin-bottom:90px; }
    .md-margin-95px-bottom { margin-bottom:95px; }
    .md-margin-100px-bottom { margin-bottom:100px; }
    .md-margin-1-rem-bottom { margin-bottom: 1rem; }
    .md-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .md-margin-2-rem-bottom { margin-bottom: 2rem; }
    .md-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .md-margin-3-rem-bottom { margin-bottom: 3rem; }
    .md-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .md-margin-4-rem-bottom { margin-bottom: 4rem; }
    .md-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .md-margin-5-rem-bottom { margin-bottom: 5rem; }
    .md-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .md-margin-6-rem-bottom { margin-bottom: 6rem; }
    .md-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .md-margin-7-rem-bottom { margin-bottom: 7rem; }
    .md-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .md-margin-8-rem-bottom { margin-bottom: 8rem; }
    .md-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .md-margin-9-rem-bottom { margin-bottom: 9rem; }
    .md-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .md-margin-10-rem-bottom { margin-bottom: 10rem; }
    .md-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .md-margin-one-right { margin-right:1%; }
    .md-margin-two-right { margin-right:2%; }
    .md-margin-three-right { margin-right:3%; }
    .md-margin-four-right { margin-right:4%; }
    .md-margin-five-right { margin-right:5%; }
    .md-margin-six-right { margin-right:6%; }
    .md-margin-seven-right { margin-right:7%; }
    .md-margin-eight-right { margin-right:8%; }
    .md-margin-nine-right { margin-right:9%; }
    .md-margin-ten-right { margin-right:10%; }
    .md-margin-eleven-right { margin-right:11%; }
    .md-margin-twelve-right { margin-right:12%; }
    .md-margin-thirteen-right { margin-right:13%; }
    .md-margin-fourteen-right { margin-right:14%; }
    .md-margin-fifteen-right { margin-right:15%; }
    .md-margin-sixteen-right { margin-right:16%; }
    .md-margin-seventeen-right { margin-right:17%; }
    .md-margin-eighteen-right { margin-right:18%; }
    .md-margin-nineteen-right { margin-right:19%; }
    .md-margin-twenty-right { margin-right:20%; }
    .md-margin-5px-right { margin-right:5px; }
    .md-margin-10px-right { margin-right:10px; }
    .md-margin-15px-right { margin-right:15px; }
    .md-margin-20px-right { margin-right:20px; }
    .md-margin-25px-right { margin-right:25px; }
    .md-margin-30px-right { margin-right:30px; }
    .md-margin-35px-right { margin-right:35px; }
    .md-margin-40px-right { margin-right:40px; }
    .md-margin-45px-right { margin-right:45px; }
    .md-margin-50px-right { margin-right:50px; }
    .md-margin-55px-right { margin-right:55px; }
    .md-margin-60px-right { margin-right:60px; }
    .md-margin-65px-right { margin-right:65px; }
    .md-margin-70px-right { margin-right:70px; }
    .md-margin-75px-right { margin-right:75px; }
    .md-margin-80px-right { margin-right:80px; }
    .md-margin-85px-right { margin-right:85px; }
    .md-margin-90px-right { margin-right:90px; }
    .md-margin-95px-right { margin-right:95px; }
    .md-margin-100px-right { margin-right:100px; }
    .md-margin-1-rem-right { margin-right: 1rem; }
    .md-margin-1-half-rem-right { margin-right: 1.5rem; }
    .md-margin-2-rem-right { margin-right: 2rem; }
    .md-margin-2-half-rem-right { margin-right: 2.5rem; }
    .md-margin-3-rem-right { margin-right: 3rem; }
    .md-margin-3-half-rem-right { margin-right: 3.5rem; }
    .md-margin-4-rem-right { margin-right: 4rem; }
    .md-margin-4-half-rem-right { margin-right: 4.5rem; }
    .md-margin-5-rem-right { margin-right: 5rem; }
    .md-margin-5-half-rem-right { margin-right: 5.5rem; }
    .md-margin-6-rem-right { margin-right: 6rem; }
    .md-margin-6-half-rem-right { margin-right: 6.5rem; }
    .md-margin-7-rem-right { margin-right: 7rem; }
    .md-margin-7-half-rem-right { margin-right: 7.5rem; }
    .md-margin-8-rem-right { margin-right: 8rem; }
    .md-margin-8-half-rem-right { margin-right: 8.5rem; }
    .md-margin-9-rem-right { margin-right: 9rem; }
    .md-margin-9-half-rem-right { margin-right: 9.5rem; }
    .md-margin-10-rem-right { margin-right: 10rem; }
    .md-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .md-margin-one-left { margin-left:1%; }
    .md-margin-two-left { margin-left:2%; }
    .md-margin-three-left { margin-left:3%; }
    .md-margin-four-left { margin-left:4%; }
    .md-margin-five-left { margin-left:5%; }
    .md-margin-six-left { margin-left:6%; }
    .md-margin-seven-left { margin-left:7%; }
    .md-margin-eight-left { margin-left:8%; }
    .md-margin-nine-left { margin-left:9%; }
    .md-margin-ten-left { margin-left:10%; }
    .md-margin-eleven-left { margin-left:11%; }
    .md-margin-twelve-left { margin-left:12%; }
    .md-margin-thirteen-left { margin-left:13%; }
    .md-margin-fourteen-left { margin-left:14%; }
    .md-margin-fifteen-left { margin-left:15%; }
    .md-margin-sixteen-left { margin-left:16%; }
    .md-margin-seventeen-left { margin-left:17%; }
    .md-margin-eighteen-left { margin-left:18%; }
    .md-margin-nineteen-left { margin-left:19%; }
    .md-margin-twenty-left { margin-left:20%; }
    .md-margin-5px-left { margin-left:5px; }
    .md-margin-10px-left { margin-left:10px; }
    .md-margin-15px-left { margin-left:15px; }
    .md-margin-20px-left { margin-left:20px; }
    .md-margin-25px-left { margin-left:25px; }
    .md-margin-30px-left { margin-left:30px; }
    .md-margin-35px-left { margin-left:35px; }
    .md-margin-40px-left { margin-left:40px; }
    .md-margin-45px-left { margin-left:45px; }
    .md-margin-50px-left { margin-left:50px; }
    .md-margin-55px-left { margin-left:55px; }
    .md-margin-60px-left { margin-left:60px; }
    .md-margin-65px-left { margin-left:65px; }
    .md-margin-70px-left { margin-left:70px; }
    .md-margin-75px-left { margin-left:75px; }
    .md-margin-80px-left { margin-left:80px; }
    .md-margin-85px-left { margin-left:85px; }
    .md-margin-90px-left { margin-left:90px; }
    .md-margin-95px-left { margin-left:95px; }
    .md-margin-100px-left { margin-left:100px; }
    .md-margin-1-rem-left { margin-left: 1rem; }
    .md-margin-1-half-rem-left { margin-left: 1.5rem; }
    .md-margin-2-rem-left { margin-left: 2rem; }
    .md-margin-2-half-rem-left { margin-left: 2.5rem; }
    .md-margin-3-rem-left { margin-left: 3rem; }
    .md-margin-3-half-rem-left { margin-left: 3.5rem; }
    .md-margin-4-rem-left { margin-left: 4rem; }
    .md-margin-4-half-rem-left { margin-left: 4.5rem; }
    .md-margin-5-rem-left { margin-left: 5rem; }
    .md-margin-5-half-rem-left { margin-left: 5.5rem; }
    .md-margin-6-rem-left { margin-left: 6rem; }
    .md-margin-6-half-rem-left { margin-left: 6.5rem; }
    .md-margin-7-rem-left { margin-left: 7rem; }
    .md-margin-7-half-rem-left { margin-left: 7.5rem; }
    .md-margin-8-rem-left { margin-left: 8rem; }
    .md-margin-8-half-rem-left { margin-left: 8.5rem; }
    .md-margin-9-rem-left { margin-left: 9rem; }
    .md-margin-9-half-rem-left { margin-left: 9.5rem; }
    .md-margin-10-rem-left { margin-left: 10rem; }
    .md-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .md-margin-one-lr { margin-left:1%; margin-right:1%; }
    .md-margin-two-lr { margin-left:2%; margin-right:2%; }
    .md-margin-three-lr { margin-left:3%; margin-right:3%; }
    .md-margin-four-lr { margin-left:4%; margin-right:4%; }
    .md-margin-five-lr { margin-left:5%; margin-right:5%; }
    .md-margin-six-lr { margin-left:6%; margin-right:6%; }
    .md-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .md-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .md-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .md-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .md-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .md-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .md-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .md-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .md-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .md-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .md-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .md-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .md-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .md-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .md-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .md-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .md-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .md-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .md-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .md-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .md-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .md-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .md-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .md-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .md-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .md-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .md-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .md-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .md-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .md-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .md-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .md-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .md-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .md-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .md-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .md-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .md-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .md-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .md-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .md-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .md-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .md-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .md-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .md-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .md-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .md-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .md-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .md-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .md-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .md-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .md-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .md-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .md-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .md-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .md-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .md-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .md-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .md-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .md-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .md-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .md-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .md-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .md-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .md-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .md-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .md-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .md-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .md-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .md-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .md-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .md-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .md-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .md-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .md-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .md-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .md-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .md-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .md-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .md-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .md-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .md-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .md-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .md-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .md-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .md-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .md-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .md-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .md-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .md-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .md-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .md-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .md-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .md-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .md-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .md-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .md-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .md-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .md-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .md-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .md-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .md-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .md-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .md-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .md-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .md-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .md-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .md-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .md-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .md-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .md-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .md-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .md-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .md-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .md-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .md-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .md-margin-auto { margin: auto; }
    .md-no-margin { margin: 0 !important; }
    .md-no-margin-top { margin-top: 0 !important; }
    .md-no-margin-bottom { margin-bottom: 0 !important; }
    .md-no-margin-left { margin-left: 0 !important; }
    .md-no-margin-right { margin-right: 0 !important; }
    .md-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .md-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .md-padding-one-all { padding:1%; }
    .md-padding-two-all { padding:2%; }
    .md-padding-three-all { padding:3%; }
    .md-padding-four-all { padding:4%; }
    .md-padding-five-all { padding:5%; }
    .md-padding-six-all { padding:6%; }
    .md-padding-seven-all { padding:7%; }
    .md-padding-eight-all { padding:8%; }
    .md-padding-nine-all { padding:9%; }
    .md-padding-ten-all { padding:10%; }
    .md-padding-eleven-all { padding:11%; }
    .md-padding-twelve-all { padding:12%; }
    .md-padding-thirteen-all { padding:13%; }
    .md-padding-fourteen-all { padding:14%; }
    .md-padding-fifteen-all { padding:15%; }
    .md-padding-sixteen-all { padding:16%; }
    .md-padding-seventeen-all { padding:17%; }
    .md-padding-eighteen-all { padding:18%; }
    .md-padding-nineteen-all { padding:19%; }
    .md-padding-twenty-all { padding:20%; }
    .md-padding-5px-all { padding:5px; }
    .md-padding-10px-all { padding:10px; }
    .md-padding-15px-all { padding:15px; }
    .md-padding-20px-all { padding:20px; }
    .md-padding-25px-all { padding:25px; }
    .md-padding-30px-all { padding:30px; }
    .md-padding-35px-all { padding:35px; }
    .md-padding-40px-all { padding:40px; }
    .md-padding-45px-all { padding:45px; }
    .md-padding-50px-all { padding:50px; }
    .md-padding-55px-all { padding:55px; }
    .md-padding-60px-all { padding:60px; }
    .md-padding-65px-all { padding:65px; }
    .md-padding-70px-all { padding:70px; }
    .md-padding-75px-all { padding:75px; }
    .md-padding-80px-all { padding:80px; }
    .md-padding-85px-all { padding:85px; }
    .md-padding-90px-all { padding:90px; }
    .md-padding-95px-all { padding:95px; }
    .md-padding-100px-all { padding:100px; }
    .md-padding-1-rem-all { padding: 1rem; }
    .md-padding-1-half-rem-all { padding: 1.5rem; }
    .md-padding-2-rem-all { padding: 2rem; }
    .md-padding-2-half-rem-all { padding: 2.5rem; }
    .md-padding-3-rem-all { padding: 3rem; }
    .md-padding-3-half-rem-all { padding: 3.5rem; }
    .md-padding-4-rem-all { padding: 4rem; }
    .md-padding-4-half-rem-all { padding: 4.5rem; }
    .md-padding-5-rem-all { padding: 5rem; }
    .md-padding-5-half-rem-all { padding: 5.5rem; }
    .md-padding-6-rem-all { padding: 6rem; }
    .md-padding-6-half-rem-all { padding: 6.5rem; }
    .md-padding-7-rem-all { padding: 7rem; }
    .md-padding-7-half-rem-all { padding: 7.5rem; }
    .md-padding-8-rem-all { padding: 8rem; }
    .md-padding-8-half-rem-all { padding: 8.5rem; }
    .md-padding-9-rem-all { padding: 9rem; }
    .md-padding-9-half-rem-all { padding: 9.5rem; }
    .md-padding-10-rem-all { padding: 10rem; }
    .md-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .md-padding-one-top { padding-top:1%; }
    .md-padding-two-top { padding-top:2%; }
    .md-padding-three-top { padding-top:3%; }
    .md-padding-four-top { padding-top:4%; }
    .md-padding-five-top { padding-top:5%; }
    .md-padding-six-top { padding-top:6%; }
    .md-padding-seven-top { padding-top:7%; }
    .md-padding-eight-top { padding-top:8%; }
    .md-padding-nine-top { padding-top:9%; }
    .md-padding-ten-top { padding-top:10%; }
    .md-padding-eleven-top { padding-top:11%; }
    .md-padding-twelve-top { padding-top:12%; }
    .md-padding-thirteen-top { padding-top:13%; }
    .md-padding-fourteen-top { padding-top:14%; }
    .md-padding-fifteen-top { padding-top:15%; }
    .md-padding-sixteen-top { padding-top:16%; }
    .md-padding-seventeen-top { padding-top:17%; }
    .md-padding-eighteen-top { padding-top:18%; }
    .md-padding-nineteen-top { padding-top:19%; }
    .md-padding-twenty-top { padding-top:20%; }
    .md-padding-5px-top { padding-top:5px; }
    .md-padding-10px-top { padding-top:10px; }
    .md-padding-15px-top { padding-top:15px; }
    .md-padding-20px-top { padding-top:20px; }
    .md-padding-25px-top { padding-top:25px; }
    .md-padding-30px-top { padding-top:30px; }
    .md-padding-35px-top { padding-top:35px; }
    .md-padding-40px-top { padding-top:40px; }
    .md-padding-45px-top { padding-top:45px; }
    .md-padding-50px-top { padding-top:50px; }
    .md-padding-55px-top { padding-top:55px; }
    .md-padding-60px-top { padding-top:60px; }
    .md-padding-65px-top { padding-top:65px; }
    .md-padding-70px-top { padding-top:70px; }
    .md-padding-75px-top { padding-top:75px; }
    .md-padding-80px-top { padding-top:80px; }
    .md-padding-85px-top { padding-top:85px; }
    .md-padding-90px-top { padding-top:90px; }
    .md-padding-95px-top { padding-top:95px; }
    .md-padding-100px-top { padding-top:100px; }
    .md-padding-1-rem-top { padding-top: 1rem; }
    .md-padding-1-half-rem-top { padding-top: 1.5rem; }
    .md-padding-2-rem-top { padding-top: 2rem; }
    .md-padding-2-half-rem-top { padding-top: 2.5rem; }
    .md-padding-3-rem-top { padding-top: 3rem; }
    .md-padding-3-half-rem-top { padding-top: 3.5rem; }
    .md-padding-4-rem-top { padding-top: 4rem; }
    .md-padding-4-half-rem-top { padding-top: 4.5rem; }
    .md-padding-5-rem-top { padding-top: 5rem; }
    .md-padding-5-half-rem-top { padding-top: 5.5rem; }
    .md-padding-6-rem-top { padding-top: 6rem; }
    .md-padding-6-half-rem-top { padding-top: 6.5rem; }
    .md-padding-7-rem-top { padding-top: 7rem; }
    .md-padding-7-half-rem-top { padding-top: 7.5rem; }
    .md-padding-8-rem-top { padding-top: 8rem; }
    .md-padding-8-half-rem-top { padding-top: 8.5rem; }
    .md-padding-9-rem-top { padding-top: 9rem; }
    .md-padding-9-half-rem-top { padding-top: 9.5rem; }
    .md-padding-10-rem-top { padding-top: 10rem; }
    .md-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .md-padding-one-bottom { padding-bottom:1%; }
    .md-padding-two-bottom { padding-bottom:2%; }
    .md-padding-three-bottom { padding-bottom:3%; }
    .md-padding-four-bottom { padding-bottom:4%; }
    .md-padding-five-bottom { padding-bottom:5%; }
    .md-padding-six-bottom { padding-bottom:6%; }
    .md-padding-seven-bottom { padding-bottom:7%; }
    .md-padding-eight-bottom { padding-bottom:8%; }
    .md-padding-nine-bottom { padding-bottom:9%; }
    .md-padding-ten-bottom { padding-bottom:10%; }
    .md-padding-eleven-bottom { padding-bottom:11%; }
    .md-padding-twelve-bottom { padding-bottom:12%; }
    .md-padding-thirteen-bottom { padding-bottom:13%; }
    .md-padding-fourteen-bottom { padding-bottom:14%; }
    .md-padding-fifteen-bottom { padding-bottom:15%; }
    .md-padding-sixteen-bottom { padding-bottom:16%; }
    .md-padding-seventeen-bottom { padding-bottom:17%; }
    .md-padding-eighteen-bottom { padding-bottom:18%; }
    .md-padding-nineteen-bottom { padding-bottom:19%; }
    .md-padding-twenty-bottom { padding-bottom:20%; }
    .md-padding-5px-bottom { padding-bottom:5px; }
    .md-padding-10px-bottom { padding-bottom:10px; }
    .md-padding-15px-bottom { padding-bottom:15px; }
    .md-padding-20px-bottom { padding-bottom:20px; }
    .md-padding-25px-bottom { padding-bottom:25px; }
    .md-padding-30px-bottom { padding-bottom:30px; }
    .md-padding-35px-bottom { padding-bottom:35px; }
    .md-padding-40px-bottom { padding-bottom:40px; }
    .md-padding-45px-bottom { padding-bottom:45px; }
    .md-padding-50px-bottom { padding-bottom:50px; }
    .md-padding-55px-bottom { padding-bottom:55px; }
    .md-padding-60px-bottom { padding-bottom:60px; }
    .md-padding-65px-bottom { padding-bottom:65px; }
    .md-padding-70px-bottom { padding-bottom:70px; }
    .md-padding-75px-bottom { padding-bottom:75px; }
    .md-padding-80px-bottom { padding-bottom:80px; }
    .md-padding-85px-bottom { padding-bottom:85px; }
    .md-padding-90px-bottom { padding-bottom:90px; }
    .md-padding-95px-bottom { padding-bottom:95px; }
    .md-padding-100px-bottom { padding-bottom:100px; }
    .md-padding-1-rem-bottom { padding-bottom: 1rem; }
    .md-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .md-padding-2-rem-bottom { padding-bottom: 2rem; }
    .md-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .md-padding-3-rem-bottom { padding-bottom: 3rem; }
    .md-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .md-padding-4-rem-bottom { padding-bottom: 4rem; }
    .md-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .md-padding-5-rem-bottom { padding-bottom: 5rem; }
    .md-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .md-padding-6-rem-bottom { padding-bottom: 6rem; }
    .md-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .md-padding-7-rem-bottom { padding-bottom: 7rem; }
    .md-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .md-padding-8-rem-bottom { padding-bottom: 8rem; }
    .md-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .md-padding-9-rem-bottom { padding-bottom: 9rem; }
    .md-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .md-padding-10-rem-bottom { padding-bottom: 10rem; }
    .md-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .md-padding-one-right { padding-right:1%; }
    .md-padding-two-right { padding-right:2%; }
    .md-padding-three-right { padding-right:3%; }
    .md-padding-four-right { padding-right:4% }
    .md-padding-five-right { padding-right:5%; }
    .md-padding-six-right { padding-right:6%; }
    .md-padding-seven-right { padding-right:7%; }
    .md-padding-eight-right { padding-right:8%; }
    .md-padding-nine-right { padding-right:9%; }
    .md-padding-ten-right { padding-right:10%; }
    .md-padding-eleven-right { padding-right:11%; }
    .md-padding-twelve-right { padding-right:12%; }
    .md-padding-thirteen-right { padding-right:13%; }
    .md-padding-fourteen-right { padding-right:14%; }
    .md-padding-fifteen-right { padding-right:15%; }
    .md-padding-sixteen-right { padding-right:16%; }
    .md-padding-seventeen-right { padding-right:17%; }
    .md-padding-eighteen-right { padding-right:18%; }
    .md-padding-nineteen-right { padding-right:19%; }
    .md-padding-twenty-right { padding-right:20%; }
    .md-padding-5px-right { padding-right:5px; }
    .md-padding-10px-right { padding-right:10px; }
    .md-padding-15px-right { padding-right:15px; }
    .md-padding-20px-right { padding-right:20px; }
    .md-padding-25px-right { padding-right:25px; }
    .md-padding-30px-right { padding-right:30px; }
    .md-padding-35px-right { padding-right:35px; }
    .md-padding-40px-right { padding-right:40px; }
    .md-padding-45px-right { padding-right:45px; }
    .md-padding-50px-right { padding-right:50px; }
    .md-padding-55px-right { padding-right:55px; }
    .md-padding-60px-right { padding-right:60px; }
    .md-padding-65px-right { padding-right:65px; }
    .md-padding-70px-right { padding-right:70px; }
    .md-padding-75px-right { padding-right:75px; }
    .md-padding-80px-right { padding-right:80px; }
    .md-padding-85px-right { padding-right:85px; }
    .md-padding-90px-right { padding-right:90px; }
    .md-padding-95px-right { padding-right:95px; }
    .md-padding-100px-right { padding-right:100px; }
    .md-padding-1-rem-right { padding-right: 1rem; }
    .md-padding-1-half-rem-right { padding-right: 1.5rem; }
    .md-padding-2-rem-right { padding-right: 2rem; }
    .md-padding-2-half-rem-right { padding-right: 2.5rem; }
    .md-padding-3-rem-right { padding-right: 3rem; }
    .md-padding-3-half-rem-right { padding-right: 3.5rem; }
    .md-padding-4-rem-right { padding-right: 4rem; }
    .md-padding-4-half-rem-right { padding-right: 4.5rem; }
    .md-padding-5-rem-right { padding-right: 5rem; }
    .md-padding-5-half-rem-right { padding-right: 5.5rem; }
    .md-padding-6-rem-right { padding-right: 6rem; }
    .md-padding-6-half-rem-right { padding-right: 6.5rem; }
    .md-padding-7-rem-right { padding-right: 7rem; }
    .md-padding-7-half-rem-right { padding-right: 7.5rem; }
    .md-padding-8-rem-right { padding-right: 8rem; }
    .md-padding-8-half-rem-right { padding-right: 8.5rem; }
    .md-padding-9-rem-right { padding-right: 9rem; }
    .md-padding-9-half-rem-right { padding-right: 9.5rem; }
    .md-padding-10-rem-right { padding-right: 10rem; }
    .md-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .md-padding-one-left { padding-left:1%; }
    .md-padding-two-left { padding-left:2%; }
    .md-padding-three-left { padding-left:3%; }
    .md-padding-four-left { padding-left:4%; }
    .md-padding-five-left { padding-left:5%; }
    .md-padding-six-left { padding-left:6%; }
    .md-padding-seven-left { padding-left:7%; }
    .md-padding-eight-left { padding-left:8%; }
    .md-padding-nine-left { padding-left:9%; }
    .md-padding-ten-left { padding-left:10%; }
    .md-padding-eleven-left { padding-left:11%; }
    .md-padding-twelve-left { padding-left:12%; }
    .md-padding-thirteen-left { padding-left:13%; }
    .md-padding-fourteen-left { padding-left:14%; }
    .md-padding-fifteen-left { padding-left:15%; }
    .md-padding-sixteen-left { padding-left:16%; }
    .md-padding-seventeen-left { padding-left:17%; }
    .md-padding-eighteen-left { padding-left:18%; }
    .md-padding-nineteen-left { padding-left:19%; }
    .md-padding-twenty-left { padding-left:20%; }
    .md-padding-5px-left { padding-left:5px; }
    .md-padding-10px-left { padding-left:10px; }
    .md-padding-15px-left { padding-left:15px; }
    .md-padding-20px-left { padding-left:20px; }
    .md-padding-25px-left { padding-left:25px; }
    .md-padding-30px-left { padding-left:30px; }
    .md-padding-35px-left { padding-left:35px; }
    .md-padding-40px-left { padding-left:40px; }
    .md-padding-45px-left { padding-left:45px; }
    .md-padding-50px-left { padding-left:50px; }
    .md-padding-55px-left { padding-left:55px; }
    .md-padding-60px-left { padding-left:60px; }
    .md-padding-65px-left { padding-left:65px; }
    .md-padding-70px-left { padding-left:70px; }
    .md-padding-75px-left { padding-left:75px; }
    .md-padding-80px-left { padding-left:80px; }
    .md-padding-85px-left { padding-left:85px; }
    .md-padding-90px-left { padding-left:90px; }
    .md-padding-95px-left { padding-left:95px; }
    .md-padding-100px-left { padding-left:100px; }
    .md-padding-1-rem-left { padding-left: 1rem; }
    .md-padding-1-half-rem-left { padding-left: 1.5rem; }
    .md-padding-2-rem-left { padding-left: 2rem; }
    .md-padding-2-half-rem-left { padding-left: 2.5rem; }
    .md-padding-3-rem-left { padding-left: 3rem; }
    .md-padding-3-half-rem-left { padding-left: 3.5rem; }
    .md-padding-4-rem-left { padding-left: 4rem; }
    .md-padding-4-half-rem-left { padding-left: 4.5rem; }
    .md-padding-5-rem-left { padding-left: 5rem; }
    .md-padding-5-half-rem-left { padding-left: 5.5rem; }
    .md-padding-6-rem-left { padding-left: 6rem; }
    .md-padding-6-half-rem-left { padding-left: 6.5rem; }
    .md-padding-7-rem-left { padding-left: 7rem; }
    .md-padding-7-half-rem-left { padding-left: 7.5rem; }
    .md-padding-8-rem-left { padding-left: 8rem; }
    .md-padding-8-half-rem-left { padding-left: 8.5rem; }
    .md-padding-9-rem-left { padding-left: 9rem; }
    .md-padding-9-half-rem-left { padding-left: 9.5rem; }
    .md-padding-10-rem-left { padding-left: 10rem; }
    .md-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .md-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .md-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .md-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .md-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .md-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .md-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .md-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .md-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .md-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .md-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .md-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .md-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .md-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .md-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .md-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .md-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .md-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .md-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .md-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .md-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .md-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .md-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .md-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .md-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .md-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .md-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .md-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .md-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .md-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .md-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .md-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .md-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .md-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .md-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .md-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .md-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .md-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .md-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .md-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .md-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .md-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .md-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .md-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .md-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .md-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .md-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .md-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .md-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .md-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .md-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .md-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .md-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .md-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .md-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .md-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .md-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .md-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .md-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .md-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .md-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .md-padding-one-lr { padding-left:1%; padding-right:1%; }
    .md-padding-two-lr { padding-left:2%; padding-right:2%; }
    .md-padding-three-lr { padding-left:3%; padding-right:3%; }
    .md-padding-four-lr { padding-left:4%; padding-right:4%; }
    .md-padding-five-lr { padding-left:5%; padding-right:5%; }
    .md-padding-six-lr { padding-left:6%; padding-right:6%; }
    .md-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .md-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .md-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .md-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .md-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .md-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .md-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .md-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .md-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .md-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .md-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .md-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .md-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .md-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .md-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .md-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .md-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .md-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .md-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .md-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .md-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .md-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .md-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .md-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .md-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .md-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .md-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .md-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .md-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .md-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .md-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .md-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .md-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .md-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .md-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .md-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .md-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .md-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .md-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .md-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .md-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .md-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .md-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .md-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .md-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .md-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .md-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .md-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .md-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .md-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .md-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .md-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .md-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .md-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .md-no-padding { padding:0 !important; }
    .md-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .md-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .md-no-padding-top { padding-top:0 !important; }
    .md-no-padding-bottom { padding-bottom:0 !important; }
    .md-no-padding-left { padding-left:0 !important; }
    .md-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .md-d-initial { display: initial !important; }
    .md-overflow-hidden { overflow:hidden !important; }
    .md-overflow-visible { overflow:visible !important; }
    .md-overflow-auto { overflow:auto !important; }

    /* position */
    .md-position-relative { position: relative !important; }
    .md-position-absolute { position: absolute !important; }
    .md-position-fixed { position: fixed !important; }
    .md-position-inherit { position: inherit !important; }
    .md-position-initial { position: initial !important; }

    /* top */
    .md-top-0px { top: 0; }
    .md-top-1px { top: 1px; }
    .md-top-2px { top: 2px; }
    .md-top-3px { top: 3px; }
    .md-top-4px { top: 4px; }
    .md-top-5px { top: 5px; }
    .md-top-6px { top: 6px; }
    .md-top-7px { top: 7px; }
    .md-top-8px { top: 8px; }
    .md-top-9px { top: 9px; }
    .md-top-10px { top: 10px; }
    .md-top-15px { top: 15px; }
    .md-top-20px { top: 20px; }
    .md-top-25px { top: 25px; }
    .md-top-30px { top: 30px; }
    .md-top-35px { top: 35px; }
    .md-top-40px { top: 40px; }
    .md-top-45px { top: 45px; }
    .md-top-50px { top: 50px; }
    .md-top-auto { top:auto; }
    .md-top-inherit { top:inherit; }

    /* top minus */
    .md-top-minus-1px { top: -1px; }
    .md-top-minus-2px { top: -2px; }
    .md-top-minus-3px { top: -3px; }
    .md-top-minus-4px { top: -4px; }
    .md-top-minus-5px { top: -5px; }
    .md-top-minus-6px { top: -6px; }
    .md-top-minus-7px { top: -7px; }
    .md-top-minus-8px { top: -8px; }
    .md-top-minus-9px { top: -9px; }
    .md-top-minus-10px { top: -10px; }
    .md-top-minus-15px { top: -15px; }
    .md-top-minus-20px { top: -20px; }
    .md-top-minus-25px { top: -25px; }
    .md-top-minus-30px { top: -30px; }
    .md-top-minus-35px { top: -35px; }
    .md-top-minus-40px { top: -40px; }
    .md-top-minus-45px { top: -45px; }
    .md-top-minus-50px { top: -50px; }

    /* bottom */
    .md-bottom-0px { bottom:0; }
    .md-bottom-1px { bottom:1px; }
    .md-bottom-2px { bottom:2px; }
    .md-bottom-3px { bottom:3px; }
    .md-bottom-4px { bottom:4px; }
    .md-bottom-5px { bottom:5px; }
    .md-bottom-6px { bottom:6px; }
    .md-bottom-7px { bottom:7px; }
    .md-bottom-8px { bottom:8px; }
    .md-bottom-9px { bottom:9px; }
    .md-bottom-10px { bottom:10px; }
    .md-bottom-15px { bottom:15px; }
    .md-bottom-20px { bottom:20px; }
    .md-bottom-25px { bottom:25px; }
    .md-bottom-30px { bottom:30px; }
    .md-bottom-35px { bottom:35px; }
    .md-bottom-40px { bottom:40px; }
    .md-bottom-45px { bottom:45px; }
    .md-bottom-50px { bottom:50px; }
    .md-bottom-55px { bottom:55px; }
    .md-bottom-60px { bottom:60px; }
    .md-bottom-auto { bottom: auto; }
    .md-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .md-bottom-minus-1px { bottom: -1px; }
    .md-bottom-minus-2px { bottom: -2px; }
    .md-bottom-minus-3px { bottom: -3px; }
    .md-bottom-minus-4px { bottom: -4px; }
    .md-bottom-minus-5px { bottom: -5px; }
    .md-bottom-minus-6px { bottom: -6px; }
    .md-bottom-minus-7px { bottom: -7px; }
    .md-bottom-minus-8px { bottom: -8px; }
    .md-bottom-minus-9px { bottom: -9px; }
    .md-bottom-minus-10px { bottom: -10px; }
    .md-bottom-minus-15px { bottom: -15px; }
    .md-bottom-minus-20px { bottom: -20px; }
    .md-bottom-minus-25px { bottom: -25px; }
    .md-bottom-minus-30px { bottom: -30px; }
    .md-bottom-minus-35px { bottom: -35px; }
    .md-bottom-minus-40px { bottom: -40px; }
    .md-bottom-minus-45px { bottom: -45px; }
    .md-bottom-minus-50px { bottom: -50px; }

    /* right */
    .md-right-0px { right: 0; }
    .md-right-1px { right: 1px; }
    .md-right-2px { right: 2px; }
    .md-right-3px { right: 3px; }
    .md-right-4px { right: 4px; }
    .md-right-5px { right: 5px; }
    .md-right-6px { right: 6px; }
    .md-right-7px { right: 7px; }
    .md-right-8px { right: 8px; }
    .md-right-9px { right: 9px; }
    .md-right-10px { right: 10px; }
    .md-right-15px { right: 15px; }
    .md-right-20px { right: 20px; }
    .md-right-25px { right: 25px; }
    .md-right-30px { right: 30px; }
    .md-right-35px { right: 35px; }
    .md-right-40px { right: 40px; }
    .md-right-45px { right: 45px; }
    .md-right-50px { right: 50px; }
    .md-right-auto { right: auto; }
    .md-right-inherit { right: inherit; }

    /* right minus */
    .md-right-minus-1px { right: -1px; }
    .md-right-minus-2px { right: -2px; }
    .md-right-minus-3px { right: -3px; }
    .md-right-minus-4px { right: -4px; }
    .md-right-minus-5px { right: -5px; }
    .md-right-minus-6px { right: -6px; }
    .md-right-minus-7px { right: -7px; }
    .md-right-minus-8px { right: -8px; }
    .md-right-minus-9px { right: -9px; }
    .md-right-minus-10px { right: -10px; }
    .md-right-minus-15px { right: -15px; }
    .md-right-minus-20px { right: -20px; }
    .md-right-minus-25px { right: -25px; }
    .md-right-minus-30px { right: -30px; }
    .md-right-minus-35px { right: -35px; }
    .md-right-minus-40px { right: -40px; }
    .md-right-minus-45px { right: -45px; }
    .md-right-minus-50px { right: -50px; }

    /* left */
    .md-left-0px { left: 0; }
    .md-left-1px { left: 1px; }
    .md-left-2px { left: 2px; }
    .md-left-3px { left: 3px; }
    .md-left-4px { left: 4px; }
    .md-left-5px { left: 5px; }
    .md-left-6px { left: 6px; }
    .md-left-7px { left: 7px; }
    .md-left-8px { left: 8px; }
    .md-left-9px { left: 9px; }
    .md-left-10px { left: 10px; }
    .md-left-15px { left: 15px; }
    .md-left-20px { left: 20px; }
    .md-left-25px { left: 25px; }
    .md-left-30px { left: 30px; }
    .md-left-35px { left: 35px; }
    .md-left-40px { left: 40px; }
    .md-left-45px { left: 45px; }
    .md-left-50px { left: 50px; }
    .md-left-55px { left: 55px; }
    .md-left-60px { left: 60px; }
    .md-left-auto { left: auto; }
    .md-left-inherit { left: inherit; }

    /* left minus */
    .md-left-minus-1px { left: -1px; }
    .md-left-minus-2px { left: -2px; }
    .md-left-minus-3px { left: -3px; }
    .md-left-minus-4px { left: -4px; }
    .md-left-minus-5px { left: -5px; }
    .md-left-minus-6px { left: -6px; }
    .md-left-minus-7px { left: -7px; }
    .md-left-minus-8px { left: -8px; }
    .md-left-minus-9px { left: -9px; }
    .md-left-minus-10px { left: -10px; }
    .md-left-minus-15px { left: -15px; }
    .md-left-minus-20px { left: -20px; }
    .md-left-minus-25px { left: -25px; }
    .md-left-minus-30px { left: -30px; }
    .md-left-minus-35px { left: -35px; }
    .md-left-minus-40px { left: -40px; }
    .md-left-minus-45px { left: -45px; }
    .md-left-minus-50px { left: -50px; }

    /* md width */
    .md-w-1px { width:1px !important; }
    .md-w-2px { width:2px !important; }
    .md-w-3px { width:3px !important; }
    .md-w-4px { width:4px !important; }
    .md-w-5px { width:5px !important; }
    .md-w-6px { width:6px !important; }
    .md-w-7px { width:7px !important; }
    .md-w-8px { width:8px !important; }
    .md-w-9px { width:9px !important; }
    .md-w-10px { width:10px !important; }
    .md-w-15px { width:15px !important; }
    .md-w-20px { width:20px !important; }
    .md-w-25px { width:25px !important; }
    .md-w-30px { width:30px !important; }
    .md-w-35px { width:35px !important; }
    .md-w-40px { width:40px !important; }
    .md-w-50px { width:50px !important; }
    .md-w-55px { width:55px !important; }
    .md-w-60px { width:60px !important; }
    .md-w-65px { width:65px !important; }
    .md-w-70px { width:70px !important; }
    .md-w-75px { width:75px !important; }
    .md-w-80px { width:80px !important; }
    .md-w-85px { width:85px !important; }
    .md-w-90px { width:90px !important; }
    .md-w-95px { width:95px !important; }
    .md-w-100px { width:100px !important; }
    .md-w-110px { width:110px !important; }
    .md-w-120px { width:120px !important; }
    .md-w-130px { width:130px !important; }
    .md-w-140px { width:140px !important; }
    .md-w-150px { width:150px !important; }
    .md-w-160px { width:160px !important; }
    .md-w-170px { width:170px !important; }
    .md-w-180px { width:180px !important; }
    .md-w-190px { width:190px !important; }
    .md-w-200px { width:200px !important; }
    .md-w-250px { width:250px !important; }
    .md-w-300px { width:300px !important; }
    .md-w-350px { width:350px !important; }
    .md-w-400px { width:400px !important; }
    .md-w-450px { width:450px !important; }
    .md-w-500px { width:500px !important; }
    .md-w-550px { width:550px !important; }
    .md-w-600px { width:600px !important; }
    .md-w-650px { width:650px !important; }
    .md-w-700px { width:700px !important; }
    .md-w-750px { width:750px !important; }
    .md-w-800px { width:800px !important; }
    .md-w-850px { width:850px !important; }
    .md-w-900px { width:900px !important; }
    .md-w-950px { width:950px !important; }
    .md-w-1000px { width:1000px !important; }
    .md-w-10 { width: 10% !important; }
    .md-w-15 { width: 15% !important; }
    .md-w-20 { width: 20% !important; }
    .md-w-25 { width: 25% !important; }
    .md-w-30 { width: 30% !important; }
    .md-w-35 { width: 35% !important; }
    .md-w-40 { width: 40% !important; }
    .md-w-45 { width: 45% !important; }
    .md-w-50 { width: 50% !important; }
    .md-w-55 { width: 55% !important; }
    .md-w-60 { width: 60% !important; }
    .md-w-65 { width: 65% !important; }
    .md-w-70 { width: 70% !important; }
    .md-w-75 { width: 75% !important; }
    .md-w-80 { width: 80% !important; }
    .md-w-85 { width: 85% !important; }
    .md-w-90 { width: 90% !important; }
    .md-w-95 { width: 95% !important; }
    .md-w-100 { width: 100% !important; }
    .md-w-auto { width:auto !important; }

    /* height */
    .md-h-1px { height: 1px !important; }
    .md-h-2px { height: 2px !important; }
    .md-h-3px { height: 3px !important; }
    .md-h-4px { height: 4px !important; }
    .md-h-5px { height: 5px !important; }
    .md-h-6px { height: 6px !important; }
    .md-h-7px { height: 7px !important; }
    .md-h-8px { height: 8px !important; }
    .md-h-9px { height: 9px !important; }
    .md-h-10px { height: 10px !important; }
    .md-h-20px { height: 20px !important; }
    .md-h-30px { height: 30px !important; }
    .md-h-40px { height: 40px !important; }
    .md-h-42px { height: 42px !important; }
    .md-h-50px { height: 50px !important; }
    .md-h-60px { height: 60px !important; }
    .md-h-70px { height: 70px !important; }
    .md-h-80px { height: 80px !important; }
    .md-h-90px { height: 90px !important; }
    .md-h-100px { height: 100px !important; }
    .md-h-110px { height: 110px !important; }
    .md-h-120px { height: 120px !important; }
    .md-h-130px { height: 130px !important; }
    .md-h-140px { height: 140px !important; }
    .md-h-150px { height: 150px !important; }
    .md-h-160px { height: 160px !important; }
    .md-h-170px { height: 170px !important; }
    .md-h-180px { height: 180px !important; }
    .md-h-190px { height: 190px !important; }
    .md-h-200px { height: 200px !important; }
    .md-h-250px { height: 250px !important; }
    .md-h-300px { height: 300px !important; }
    .md-h-350px { height: 350px !important; }
    .md-h-400px { height: 400px !important; }
    .md-h-450px { height: 450px !important; }
    .md-h-500px { height: 500px !important; }
    .md-h-520px { height: 520px !important; }
    .md-h-550px { height: 550px !important; }
    .md-h-580px { height: 580px !important; }
    .md-h-600px { height: 600px !important; }
    .md-h-650px { height: 650px !important; }
    .md-h-700px { height: 700px !important; }
    .md-h-720px { height: 720px !important; }
    .md-h-750px { height: 750px !important; }
    .md-h-800px { height: 800px !important; }
    .md-h-820px { height: 820px !important; }
    .md-h-830px { height: 830px !important; }
    .md-h-850px { height: 850px !important; }

    .md-h-50 { height: 50%; }
    .md-h-100 { height: 100% !important; }
    .md-h-auto { height:auto !important; }

    /* min-height */
    .md-min-h-100px { min-height: 100px; }
    .md-min-h-200px { min-height: 200px; }
    .md-min-h-300px { min-height: 300px; }
    .md-min-h-400px { min-height: 400px; }
    .md-min-h-500px { min-height: 500px; }
    .md-min-h-600px { min-height: 600px; }
    .md-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-third-screen { height:550px; }
    .one-fourth-screen { height:650px; }
    .one-fifth-screen { height:750px; }

    /* text size */
    .text-extra-big { font-size: 130px; line-height: 130px; }

    /* letter spacing */
    .md-letter-spacing-normal { letter-spacing: normal; }
    .md-letter-spacing-1-half { letter-spacing: 0.50px; }
    .md-letter-spacing-1px { letter-spacing: 1px; }
    .md-letter-spacing-2px { letter-spacing: 2px; }
    .md-letter-spacing-3px { letter-spacing: 3px; }
    .md-letter-spacing-4px { letter-spacing: 4px; }
    .md-letter-spacing-5px { letter-spacing: 5px; }

    /* list style 08 */
    .list-style-08 li:last-child { padding-bottom: 22px; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 50%; }

    /* time table */
    .time-table .panel { padding: 20px; }
    .time-table .panel .panel-time { min-width: 150px; }
    .time-table .panel .panel-body { width: calc(100% - 330px); }

    /* tab */
    .nav-tabs > li { padding: 0 15px; }
    .nav-tabs > li.nav-item { margin: 0; padding: 0 8px; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { padding: 0; }
    .tab-style-05 .nav-tabs li a { padding: 8px 22px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 0 20px 22px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 20px 30px 18px 30px; line-height: 26px; }

    /* testimonials carousel style 01 */
    .testimonials-carousel-style-01 { min-width: 100%; }

    /* testimonials carousel style 02 */
    .testimonials-carousel-style-02 { min-width: 100%; }

    /* process step style 4 */
    .process-step-style-04 .process-step-item { padding-left: 0; padding-right: 0; }

    /* no border */
    .md-no-border-top { border-top:0 !important }
    .md-no-border-bottom { border-bottom:0 !important }
    .md-no-border-right { border-right:0 !important }
    .md-no-border-left { border-left:0 !important }
    .md-no-border-all { border: 0 !important }

    /* border width */
    .md-border-width-1px { border-width:1px !important; }
    .md-border-width-2px { border-width:2px !important; }
    .md-border-width-3px { border-width:3px !important; }
    .md-border-width-4px { border-width:4px !important; }
    .md-border-width-5px { border-width:5px !important; }
    .md-border-width-6px { border-width:6px !important; }
    .md-border-width-7px { border-width:7px !important; }
    .md-border-width-8px { border-width:8px !important; }
    .md-border-width-9px { border-width:9px !important; }
    .md-border-width-10px { border-width:10px !important; }
    .md-border-width-11px { border-width:11px !important; }
    .md-border-width-12px { border-width:12px !important; }
    .md-border-width-13px { border-width:13px !important; }
    .md-border-width-14px { border-width:14px !important; }
    .md-border-width-15px { border-width:15px !important; }
    .md-border-width-16px { border-width:16px !important; }
    .md-border-width-17px { border-width:17px !important; }
    .md-border-width-18px { border-width:18px !important; }
    .md-border-width-19px { border-width:19px !important; }
    .md-border-width-20px { border-width:20px !important; }

    /* border */
    .md-border-all { border: 1px solid; }
    .md-border-top { border-top: 1px solid; }
    .md-border-bottom { border-bottom: 1px solid; }
    .md-border-left { border-left: 1px solid; }
    .md-border-right { border-right: 1px solid; }
    .md-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .md-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .md-border-color-white { border-color: #fff; }
    .md-border-color-black { border-color: #000; }
    .md-border-color-sky-blue { border-color: #2e94eb; }
    .md-border-color-extra-dark-gray { border-color: #232323; }
    .md-border-color-medium-dark-gray { border-color: #363636; }
    .md-border-color-dark-gray { border-color: #939393; }
    .md-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .md-border-color-medium-gray { border-color: #e4e4e4; }
    .md-border-color-extra-light-gray { border-color: #ededed; }
    .md-border-color-light-gray { border-color: #f5f5f5; }
    .md-border-color-light-pink { border-color: #862237; }
    .md-border-color-deep-pink { border-color: #ff214f; }
    .md-border-color-pink { border-color: #ff357c; }
    .md-border-color-fast-blue { border-color: #0038e3; }
    .md-border-color-orange { border-color: #ff6437; }
    .md-border-color-green { border-color: #45d690; }
    .md-border-color-golden { border-color: #d0ba6d; }
    .md-border-color-persian-blue { border-color: #0039CC; }
    .md-border-color-purple { border-color: #7342ac; }
    .md-border-color-parrot-green { border-color: #cee002; }
    .md-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .md-border-color-transparent { border-color: transparent; }
    .md-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .md-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .md-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .md-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .md-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .md-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .md-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .md-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .md-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .md-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .md-border-dotted { border-style: dotted !important; }
    .md-border-dashed { border-style: dashed !important; }
    .md-border-solid { border-style: solid !important; }
    .md-border-double { border-style: double !important; }
    .md-border-groove { border-style: groove !important; }
    .md-border-ridge { border-style: ridge !important; }
    .md-border-inset { border-style: inset !important; }
    .md-border-outset { border-style: outset !important; }
    .md-border-none { border-style: none !important; }
    .md-border-hidden { border-style: hidden !important; }
    .md-border-transperent { border-color: transparent !important; }

    /* swiper thumb */
    .single-product-thumb .slider-vertical { position: relative; }
    .single-product-thumb .slider-vertical .swiper-wrapper { flex-direction: row; }
    .single-product-thumb .slider-vertical .swiper-slide { width: 25%; margin-right: 10px; }
    .swiper-thumb-next-prev { top: 50%; bottom: inherit; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .swiper-thumb-next-prev .swiper-thumb-prev, .swiper-thumb-next-prev .swiper-thumb-next { width: 30px; height: 30px; line-height: 30px; position: absolute; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); }
    .swiper-thumb-next-prev .swiper-thumb-prev { left: 15px; }
    .swiper-thumb-next-prev .swiper-thumb-next { right: 15px;; left: auto; }

    /* swiper vertical */  
    .slider-vertical .vh-100 { height: calc(100vh - 70px) !important }
    .slider-vertical .swiper-number-pagination { left: 68px; bottom: 50px; font-size: 16px; line-height: 22px; }
    .slider-vertical >.swiper-pagination-bullets { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .slider-vertical >.swiper-pagination-bullets>.swiper-pagination-bullet { margin: 8px 0; }

    /* split slider */
    .home-split-portfolio { height: auto !important; }
    .home-split-portfolio .swiper-slide { -ms-flex-wrap: wrap;flex-wrap: wrap; height: auto; }
    .home-split-portfolio .swiper-slide .swiper-slide-l,.home-split-portfolio .swiper-slide .swiper-slide-r { opacity: 1; visibility: visible; -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); width: 100% !important; -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; height: calc(100vh - 70px) !important;}
    .home-split-portfolio .swiper-wrapper { -ms-flex-wrap: wrap;flex-wrap: wrap; overflow: auto; }

    /* horizontal portfolio slider */
    .horizontal-portfolio-slider-main { -webkit-overflow-scrolling: touch; }
    .horizontal-portfolio-slider-main .horizontal-portfolio-slider .swiper-wrapper{ -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: auto; transform: translate3d(0, 0px, 0px) !important; }

    /* grid */
    .grid.md-grid-6col li { width: 16.67%; }
    .grid.md-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.md-grid-5col li { width: 20%; }
    .grid.md-grid-5col li.grid-item-double { width: 40%; }
    .grid.md-grid-4col li { width: 25%; }
    .grid.md-grid-4col li.grid-item-double { width: 50%; }
    .grid.md-grid-3col li { width: 33.33%; }
    .grid.md-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.md-grid-2col li { width: 50%; }
    .grid.md-grid-2col li.grid-item-double { width: 100%; }
    .grid.md-grid-1col li { width: 100%; }

    /* team style 02 */
    .team-style-02 .social-icon a { margin: 0 8px; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 120px; }
    .blog-modern .post-details { left: 30px; width: calc(100% - 60px); }

    /* outside box */
    .outside-box-left { margin-left: 0; }
    .outside-box-right { margin-right: 0; }
    .outside-box-bottom { margin-bottom: 0; }

    /* footer */
    footer .footer-horizontal-link li { margin-right: 20px; }

    /* magnific popup */
    .mfp-container { padding-left: 15px; padding-right: 15px; }
    button.mfp-close,.mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close, .mfp-close:active { top: 15px; right: 15px; }
  
    /* cart and checkout page */
    .cart-products thead { display: none; }
    .cart-products tr { border-bottom: 1px solid #e8e8e8; position: relative; display: block; padding-left: 95px; padding-bottom: 20px; background: none; margin-bottom: 20px; overflow: hidden; }
    .cart-products td { display: block; border: none; text-align: right; margin-bottom: 10px; padding: 0; }
    .cart-products td:last-child { margin: 0; }
    .cart-products td:before { content: attr(data-title); font-weight: 500; float: left; display: block; color: #232323; font-family: 'Poppins',sans-serif; font-size: 12px; }
    .cart-products .product-remove { width: auto; position: absolute; right: 0; margin: 0; padding: 0; text-align: right; top: 0; z-index: 11; border: none; }
    .cart-products .product-thumbnail { position: absolute; left: 0; width: 80px; display: inline-block; top: 0; overflow: hidden; text-align: left; }
    .cart-products .product-name { text-align: left; padding-right: 25px; }
    .cart-products .product-name .variation { float: none; display: block; }
    .total-price-table td{ text-align: right; }    
    .checkout-total-price-table td{ text-align: left; }

    /* application */
    .banner-bottom-right-images > img { bottom: 0; }

    /* yoga meditation */
    .home-yoga-meditation .outside-box-right .absolute-middle-center { left: 50%; }

    /* consulting */
    .home-consulting .popup-youtube.absolute-middle-center { left: 50%; }

    /* digital agency */
    .home-digital-agency .outside-box-text-end .text-extra-big-2 { font-size: 150px; }

    /* design agency */
    .home-design-agency .outside-box-left { margin-left: 0; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 55px; line-height: 60px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 3.5rem;}

    /* freelancer */
    .home-freelancer .title-extra-large-heavy { line-height: 90px; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 50% !important; -webkit-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;transform: translateX(-50%) !important; top: auto !important; bottom: 5% !important; }

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -60px; }
    .slider-navigation-style-04.swiper-button-next { right: -60px; }

    /* content box image */
    .content-box-image { height: 300px; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 4px; }

    /* split portfolio */
    .home-split-portfolio.vh-100 { height: calc(100vh - 70px) !important; }
    .home-split-portfolio .title-large { font-size: 90px; line-height: 90px; }

    /* coming soon v2 */
    .show-notify-popup .mfp-container { padding-top: 30px; }
    
    /* landing page */
    .litho-landing-header .navbar-brand:after { display: none; }
    .litho-parallax-bg { width: 60%; right: -90px;}
    .customer-bg-section { display: none; }
    .landing-page-footer .title-large-2 { font-size: 54px; line-height: 64px; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 60% !important; }
    
    /* text shadow */
    .md-no-text-shadow { text-shadow: none;}
    
    /* cookie message */
    .gdpr-container .gdpr-content { display: block; margin-right: 0; margin-bottom: 15px;}
    
    /* consulting */
    .home-dentist .popup-youtube.absolute-middle-center { left: 50%; }
}

@media only screen and (max-width: 991px) and (orientation: landscape) {
    /* home decor */
    .home-decor .zeus { transform: translateX(-50%) !important; top: 90% !important; }

    /*home spa salon*/
    .home-spa-salon .img img { width: 220px !important; }
    .home-spa-salon .rev_slider_wrapper { height: 450px !important; }

    /*coming soon*/
    .coming-soon .tp-fullwidth-forcer ,.coming-soon .rev_slider_wrapper { height: 450px !important; }
    .coming-soon .logo img { width: 100px !important; }
    .coming-soon .coming-soon-text { font-size: 12px !important; line-height: 14px !important; min-width: 300px !important; }
    .coming-soon .coming-soon-icon i { font-size: 11px !important; }

    /*home architecture*/
    .home-architecture .rev_slider_wrapper { min-height: 400px !important; }
    .architecture-overlap { position: relative !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -67) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -134) !important; }
    .home-architecture .architecture-title { font-size: 34px !important; line-height: 34px !important; }

    /*home startup*/
    .home-startup .rev_slider_wrapper { min-height: 450px; }

    /*home yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper { height: 350px !important; }
    .home-yoga-meditation .yoga-woman, .home-yoga-meditation .yoga-leaves { bottom: -140px; }
    .home-yoga-meditation .yoga-woman img { height: 275px !important; width: auto !important; }
    .home-yoga-meditation .yoga-main-text { font-size: 60px !important; top: 25px !important; }
    .home-yoga-meditation .yoga-small-text { font-size: 15px !important; line-height: 20px !important; }
    .home-yoga-meditation .yoga-top-line { transform: matrix(1, 0, 0, 1, 0, 19) !important; min-width: 420px !important; }
    .home-yoga-meditation .yoga-bottom-line { transform: matrix(1, 0, 0, 1, 0, 36) !important; min-width: 400px !important; }

    /*home furniture shop*/
    .home-furniture-shop, .home-furniture-shop .rev_slider_wrapper { height: 350px !important; }
    
    /*home vertical portfolio*/
    .home-vertical-portfolio .slider-vertical { height: 100% !important; }
    
    /* maintenance */
    .maintenance .maintenance-title { font-size: 28px !important; line-height: 30px !important; padding-top: 20px !important; }

    /* height */
    .md-landscape-h-300px { height: 300px !important; }
    .md-landscape-h-350px { height: 350px !important; }
    .md-landscape-h-400px { height: 400px !important; }
    .md-landscape-h-450px { height: 450px !important; }
    .md-landscape-h-500px { height: 500px !important; }
    .md-landscape-h-520px { height: 520px !important; }
    .md-landscape-h-550px { height: 550px !important; }
    .md-landscape-h-580px { height: 580px !important; }
    .md-landscape-h-600px { height: 600px !important; }
    .md-landscape-h-650px { height: 650px !important; }
    .md-landscape-h-700px { height: 700px !important; }
}

@media only screen and (max-width: 991px) and (min-width: 767px) and (orientation: landscape) {
    .home-hotel-resort .rev_slider_wrapper { min-height: 450px !important; }
    .home-startup .rev_slider_wrapper { min-height: 450px; }
}

@media (max-width: 778px) {
    /* home decor */
    .home-decor .rev_slider_wrapper { height: 540px; }
    .home-decor .zeus { transform:matrix(1, 0, 0, 1, -350, -59) !important }

    /* architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -234) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -301) !important; }
}

@media (max-width: 767px) {
    /* reset */
    html { font-size: 11px }
    .xs-center-col { float:none; margin-left:auto; margin-right:auto; }
    section, section.extra-big-section { padding: 50px 0; }
    section.big-section { padding:80px 0; }
    .center-col-style .custom-col { flex: 0 0 100%; max-width: 100%; margin: 8px 0; }
    .sm-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 15px }

    /* text size */
    .title-extra-small { font-size: 20px; line-height: 30px; }
    .title-large { font-size: 45px; line-height: 43px; }
    .title-extra-large { font-size: 50px; line-height:50px }
    .text-extra-big { font-size: 100px; line-height: 100px; }
    .text-big { font-size: 90px; line-height: 90px; }

    /* lineheight */
    .sm-line-height-0px { line-height: 0px; }
    .sm-line-height-8px { line-height: 8px; }
    .sm-line-height-10px { line-height: 10px; }
    .sm-line-height-14px { line-height: 14px; }
    .sm-line-height-15px { line-height: 15px; }
    .sm-line-height-16px { line-height: 16px; }
    .sm-line-height-18px { line-height: 18px; }
    .sm-line-height-20px { line-height: 20px; }
    .sm-line-height-22px { line-height: 22px; }
    .sm-line-height-24px { line-height: 24px; }
    .sm-line-height-26px { line-height: 26px; }
    .sm-line-height-28px { line-height: 28px; }
    .sm-line-height-30px { line-height: 30px; }
    .sm-line-height-32px { line-height: 32px; }
    .sm-line-height-34px { line-height: 34px; }
    .sm-line-height-36px { line-height: 36px; }
    .sm-line-height-38px { line-height: 38px; }
    .sm-line-height-40px { line-height: 40px; }
    .sm-line-height-50px { line-height: 50px; }
    .sm-line-height-140px { line-height: 140px; }
    .sm-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .sm-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .sm-letter-spacing-minus-1px { letter-spacing: -1px; }
    .sm-letter-spacing-minus-2px { letter-spacing: -2px; }
    .sm-letter-spacing-minus-3px { letter-spacing: -3px; }
    .sm-letter-spacing-minus-4px { letter-spacing: -4px; }
    .sm-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .sm-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .sm-background-image-none { background: inherit !important; }
    .sm-background-position-left { background-position: left center; }
    .sm-background-position-right { background-position: right center; }
    .sm-background-position-top { background-position: right top; }
    .sm-background-position-center { background-position: center; }
    .sm-background-position-left-top { background-position: left top; }

    /* box shadow */
    .sm-box-shadow-none { box-shadow: none; }

    /* video */
    .html-video-play .play-icon { padding-left: 5px; }
    .html-video-play .pause-icon { font-size: 22px; padding-left: 0; }

    /* margin */
    .sm-margin-one-all { margin:1%; }
    .sm-margin-two-all { margin:2%; }
    .sm-margin-three-all { margin:3%; }
    .sm-margin-four-all { margin:4%; }
    .sm-margin-five-all { margin:5%; }
    .sm-margin-six-all { margin:6%; }
    .sm-margin-seven-all { margin:7%; }
    .sm-margin-eight-all { margin:8%; }
    .sm-margin-nine-all { margin:9%; }
    .sm-margin-ten-all { margin:10%; }
    .sm-margin-eleven-all { margin:11%; }
    .sm-margin-twelve-all { margin:12%; }
    .sm-margin-thirteen-all { margin:13%; }
    .sm-margin-fourteen-all { margin:14%; }
    .sm-margin-fifteen-all { margin:15%; }
    .sm-margin-sixteen-all { margin:16%; }
    .sm-margin-seventeen-all { margin:17%; }
    .sm-margin-eighteen-all { margin:18%; }
    .sm-margin-nineteen-all { margin:19%; }
    .sm-margin-twenty-all { margin:20%; }
    .sm-margin-5px-all { margin:5px; }
    .sm-margin-10px-all { margin:10px; }
    .sm-margin-15px-all { margin:15px; }
    .sm-margin-20px-all { margin:20px; }
    .sm-margin-25px-all { margin:25px; }
    .sm-margin-30px-all { margin:30px; }
    .sm-margin-35px-all { margin:35px; }
    .sm-margin-40px-all { margin:40px; }
    .sm-margin-45px-all { margin:45px; }
    .sm-margin-50px-all { margin:50px; }
    .sm-margin-55px-all { margin:55px; }
    .sm-margin-60px-all { margin:60px; }
    .sm-margin-65px-all { margin:65px; }
    .sm-margin-70px-all { margin:70px; }
    .sm-margin-75px-all { margin:75px; }
    .sm-margin-80px-all { margin:80px; }
    .sm-margin-85px-all { margin:85px; }
    .sm-margin-90px-all { margin:90px; }
    .sm-margin-95px-all { margin:95px; }
    .sm-margin-100px-all { margin:100px; }
    .sm-margin-1-rem-all { margin: 1rem; }
    .sm-margin-1-half-rem-all { margin: 1.5rem; }
    .sm-margin-2-rem-all { margin: 2rem; }
    .sm-margin-2-half-rem-all { margin: 2.5rem; }
    .sm-margin-3-rem-all { margin: 3rem; }
    .sm-margin-3-half-rem-all { margin: 3.5rem; }
    .sm-margin-4-rem-all { margin: 4rem; }
    .sm-margin-4-half-rem-all { margin: 4.5rem; }
    .sm-margin-5-rem-all { margin: 5rem; }
    .sm-margin-5-half-rem-all { margin: 5.5rem; }
    .sm-margin-6-rem-all { margin: 6rem; }
    .sm-margin-6-half-rem-all { margin: 6.5rem; }
    .sm-margin-7-rem-all { margin: 7rem; }
    .sm-margin-7-half-rem-all { margin: 7.5rem; }
    .sm-margin-8-rem-all { margin: 8rem; }
    .sm-margin-8-half-rem-all { margin: 8.5rem; }
    .sm-margin-9-rem-all { margin: 9rem; }
    .sm-margin-9-half-rem-all { margin: 9.5rem; }
    .sm-margin-10-rem-all { margin: 10rem; }
    .sm-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .sm-margin-one-top { margin-top:1%; }
    .sm-margin-two-top { margin-top:2%; }
    .sm-margin-three-top { margin-top:3%; }
    .sm-margin-four-top { margin-top:4%; }
    .sm-margin-five-top { margin-top:5%; }
    .sm-margin-six-top { margin-top:6%; }
    .sm-margin-seven-top { margin-top:7%; }
    .sm-margin-eight-top { margin-top:8%; }
    .sm-margin-nine-top { margin-top:9%; }
    .sm-margin-ten-top { margin-top:10%; }
    .sm-margin-eleven-top { margin-top:11%; }
    .sm-margin-twelve-top { margin-top:12%; }
    .sm-margin-thirteen-top { margin-top:13%; }
    .sm-margin-fourteen-top { margin-top:14%; }
    .sm-margin-fifteen-top { margin-top:15%; }
    .sm-margin-sixteen-top { margin-top:16%; }
    .sm-margin-seventeen-top { margin-top:17%; }
    .sm-margin-eighteen-top { margin-top:18%; }
    .sm-margin-nineteen-top { margin-top:19%; }
    .sm-margin-twenty-top { margin-top:20%; }
    .sm-margin-5px-top { margin-top:5px; }
    .sm-margin-10px-top { margin-top:10px; }
    .sm-margin-15px-top { margin-top:15px; }
    .sm-margin-20px-top { margin-top:20px; }
    .sm-margin-25px-top { margin-top:25px; }
    .sm-margin-30px-top { margin-top:30px; }
    .sm-margin-35px-top { margin-top:35px; }
    .sm-margin-40px-top { margin-top:40px; }
    .sm-margin-45px-top { margin-top:45px; }
    .sm-margin-50px-top { margin-top:50px; }
    .sm-margin-55px-top { margin-top:55px; }
    .sm-margin-60px-top { margin-top:60px; }
    .sm-margin-65px-top { margin-top:65px; }
    .sm-margin-70px-top { margin-top:70px; }
    .sm-margin-75px-top { margin-top:75px; }
    .sm-margin-80px-top { margin-top:80px; }
    .sm-margin-85px-top { margin-top:85px; }
    .sm-margin-90px-top { margin-top:90px; }
    .sm-margin-95px-top { margin-top:95px; }
    .sm-margin-100px-top { margin-top:100px; }
    .sm-margin-1-rem-top { margin-top: 1rem; }
    .sm-margin-1-half-rem-top { margin-top: 1.5rem; }
    .sm-margin-2-rem-top { margin-top: 2rem; }
    .sm-margin-2-half-rem-top { margin-top: 2.5rem; }
    .sm-margin-3-rem-top { margin-top: 3rem; }
    .sm-margin-3-half-rem-top { margin-top: 3.5rem; }
    .sm-margin-4-rem-top { margin-top: 4rem; }
    .sm-margin-4-half-rem-top { margin-top: 4.5rem; }
    .sm-margin-5-rem-top { margin-top: 5rem; }
    .sm-margin-5-half-rem-top { margin-top: 5.5rem; }
    .sm-margin-6-rem-top { margin-top: 6rem; }
    .sm-margin-6-half-rem-top { margin-top: 6.5rem; }
    .sm-margin-7-rem-top { margin-top: 7rem; }
    .sm-margin-7-half-rem-top { margin-top: 7.5rem; }
    .sm-margin-8-rem-top { margin-top: 8rem; }
    .sm-margin-8-half-rem-top { margin-top: 8.5rem; }
    .sm-margin-9-rem-top { margin-top: 9rem; }
    .sm-margin-9-half-rem-top { margin-top: 9.5rem; }
    .sm-margin-10-rem-top { margin-top: 10rem; }
    .sm-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .sm-margin-one-bottom { margin-bottom:1%; }
    .sm-margin-two-bottom { margin-bottom:2%; }
    .sm-margin-three-bottom { margin-bottom:3%; }
    .sm-margin-four-bottom { margin-bottom:4%; }
    .sm-margin-five-bottom { margin-bottom:5%; }
    .sm-margin-six-bottom { margin-bottom:6%; }
    .sm-margin-seven-bottom { margin-bottom:7%; }
    .sm-margin-eight-bottom { margin-bottom:8%; }
    .sm-margin-nine-bottom { margin-bottom:9%; }
    .sm-margin-ten-bottom { margin-bottom:10%; }
    .sm-margin-eleven-bottom { margin-bottom:11%; }
    .sm-margin-twelve-bottom { margin-bottom:12%; }
    .sm-margin-thirteen-bottom { margin-bottom:13%; }
    .sm-margin-fourteen-bottom { margin-bottom:14%; }
    .sm-margin-fifteen-bottom { margin-bottom:15%; }
    .sm-margin-sixteen-bottom { margin-bottom:16%; }
    .sm-margin-seventeen-bottom { margin-bottom:17%; }
    .sm-margin-eighteen-bottom { margin-bottom:18%; }
    .sm-margin-nineteen-bottom { margin-bottom:19%; }
    .sm-margin-twenty-bottom { margin-bottom:20%; }
    .sm-margin-5px-bottom { margin-bottom:5px; }
    .sm-margin-10px-bottom { margin-bottom:10px; }
    .sm-margin-15px-bottom { margin-bottom:15px; }
    .sm-margin-20px-bottom { margin-bottom:20px; }
    .sm-margin-25px-bottom { margin-bottom:25px; }
    .sm-margin-30px-bottom { margin-bottom:30px; }
    .sm-margin-35px-bottom { margin-bottom:35px; }
    .sm-margin-40px-bottom { margin-bottom:40px; }
    .sm-margin-45px-bottom { margin-bottom:45px; }
    .sm-margin-50px-bottom { margin-bottom:50px; }
    .sm-margin-55px-bottom { margin-bottom:55px; }
    .sm-margin-60px-bottom { margin-bottom:60px; }
    .sm-margin-65px-bottom { margin-bottom:65px; }
    .sm-margin-70px-bottom { margin-bottom:70px; }
    .sm-margin-75px-bottom { margin-bottom:75px; }
    .sm-margin-80px-bottom { margin-bottom:80px; }
    .sm-margin-85px-bottom { margin-bottom:85px; }
    .sm-margin-90px-bottom { margin-bottom:90px; }
    .sm-margin-95px-bottom { margin-bottom:95px; }
    .sm-margin-100px-bottom { margin-bottom:100px; }
    .sm-margin-1-rem-bottom { margin-bottom: 1rem; }
    .sm-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .sm-margin-2-rem-bottom { margin-bottom: 2rem; }
    .sm-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .sm-margin-3-rem-bottom { margin-bottom: 3rem; }
    .sm-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .sm-margin-4-rem-bottom { margin-bottom: 4rem; }
    .sm-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .sm-margin-5-rem-bottom { margin-bottom: 5rem; }
    .sm-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .sm-margin-6-rem-bottom { margin-bottom: 6rem; }
    .sm-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .sm-margin-7-rem-bottom { margin-bottom: 7rem; }
    .sm-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .sm-margin-8-rem-bottom { margin-bottom: 8rem; }
    .sm-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .sm-margin-9-rem-bottom { margin-bottom: 9rem; }
    .sm-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .sm-margin-10-rem-bottom { margin-bottom: 10rem; }
    .sm-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .sm-margin-one-right { margin-right:1%; }
    .sm-margin-two-right { margin-right:2%; }
    .sm-margin-three-right { margin-right:3%; }
    .sm-margin-four-right { margin-right:4%; }
    .sm-margin-five-right { margin-right:5%; }
    .sm-margin-six-right { margin-right:6%; }
    .sm-margin-seven-right { margin-right:7%; }
    .sm-margin-eight-right { margin-right:8%; }
    .sm-margin-nine-right { margin-right:9%; }
    .sm-margin-ten-right { margin-right:10%; }
    .sm-margin-eleven-right { margin-right:11%; }
    .sm-margin-twelve-right { margin-right:12%; }
    .sm-margin-thirteen-right { margin-right:13%; }
    .sm-margin-fourteen-right { margin-right:14%; }
    .sm-margin-fifteen-right { margin-right:15%; }
    .sm-margin-sixteen-right { margin-right:16%; }
    .sm-margin-seventeen-right { margin-right:17%; }
    .sm-margin-eighteen-right { margin-right:18%; }
    .sm-margin-nineteen-right { margin-right:19%; }
    .sm-margin-twenty-right { margin-right:20%; }
    .sm-margin-5px-right { margin-right:5px; }
    .sm-margin-10px-right { margin-right:10px; }
    .sm-margin-15px-right { margin-right:15px; }
    .sm-margin-20px-right { margin-right:20px; }
    .sm-margin-25px-right { margin-right:25px; }
    .sm-margin-30px-right { margin-right:30px; }
    .sm-margin-35px-right { margin-right:35px; }
    .sm-margin-40px-right { margin-right:40px; }
    .sm-margin-45px-right { margin-right:45px; }
    .sm-margin-50px-right { margin-right:50px; }
    .sm-margin-55px-right { margin-right:55px; }
    .sm-margin-60px-right { margin-right:60px; }
    .sm-margin-65px-right { margin-right:65px; }
    .sm-margin-70px-right { margin-right:70px; }
    .sm-margin-75px-right { margin-right:75px; }
    .sm-margin-80px-right { margin-right:80px; }
    .sm-margin-85px-right { margin-right:85px; }
    .sm-margin-90px-right { margin-right:90px; }
    .sm-margin-95px-right { margin-right:95px; }
    .sm-margin-100px-right { margin-right:100px; }
    .sm-margin-1-rem-right { margin-right: 1rem; }
    .sm-margin-1-half-rem-right { margin-right: 1.5rem; }
    .sm-margin-2-rem-right { margin-right: 2rem; }
    .sm-margin-2-half-rem-right { margin-right: 2.5rem; }
    .sm-margin-3-rem-right { margin-right: 3rem; }
    .sm-margin-3-half-rem-right { margin-right: 3.5rem; }
    .sm-margin-4-rem-right { margin-right: 4rem; }
    .sm-margin-4-half-rem-right { margin-right: 4.5rem; }
    .sm-margin-5-rem-right { margin-right: 5rem; }
    .sm-margin-5-half-rem-right { margin-right: 5.5rem; }
    .sm-margin-6-rem-right { margin-right: 6rem; }
    .sm-margin-6-half-rem-right { margin-right: 6.5rem; }
    .sm-margin-7-rem-right { margin-right: 7rem; }
    .sm-margin-7-half-rem-right { margin-right: 7.5rem; }
    .sm-margin-8-rem-right { margin-right: 8rem; }
    .sm-margin-8-half-rem-right { margin-right: 8.5rem; }
    .sm-margin-9-rem-right { margin-right: 9rem; }
    .sm-margin-9-half-rem-right { margin-right: 9.5rem; }
    .sm-margin-10-rem-right { margin-right: 10rem; }
    .sm-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .sm-margin-one-left { margin-left:1%; }
    .sm-margin-two-left { margin-left:2%; }
    .sm-margin-three-left { margin-left:3%; }
    .sm-margin-four-left { margin-left:4%; }
    .sm-margin-five-left { margin-left:5%; }
    .sm-margin-six-left { margin-left:6%; }
    .sm-margin-seven-left { margin-left:7%; }
    .sm-margin-eight-left { margin-left:8%; }
    .sm-margin-nine-left { margin-left:9%; }
    .sm-margin-ten-left { margin-left:10%; }
    .sm-margin-eleven-left { margin-left:11%; }
    .sm-margin-twelve-left { margin-left:12%; }
    .sm-margin-thirteen-left { margin-left:13%; }
    .sm-margin-fourteen-left { margin-left:14%; }
    .sm-margin-fifteen-left { margin-left:15%; }
    .sm-margin-sixteen-left { margin-left:16%; }
    .sm-margin-seventeen-left { margin-left:17%; }
    .sm-margin-eighteen-left { margin-left:18%; }
    .sm-margin-nineteen-left { margin-left:19%; }
    .sm-margin-twenty-left { margin-left:20%; }
    .sm-margin-5px-left { margin-left:5px; }
    .sm-margin-10px-left { margin-left:10px; }
    .sm-margin-15px-left { margin-left:15px; }
    .sm-margin-20px-left { margin-left:20px; }
    .sm-margin-25px-left { margin-left:25px; }
    .sm-margin-30px-left { margin-left:30px; }
    .sm-margin-35px-left { margin-left:35px; }
    .sm-margin-40px-left { margin-left:40px; }
    .sm-margin-45px-left { margin-left:45px; }
    .sm-margin-50px-left { margin-left:50px; }
    .sm-margin-55px-left { margin-left:55px; }
    .sm-margin-60px-left { margin-left:60px; }
    .sm-margin-65px-left { margin-left:65px; }
    .sm-margin-70px-left { margin-left:70px; }
    .sm-margin-75px-left { margin-left:75px; }
    .sm-margin-80px-left { margin-left:80px; }
    .sm-margin-85px-left { margin-left:85px; }
    .sm-margin-90px-left { margin-left:90px; }
    .sm-margin-95px-left { margin-left:95px; }
    .sm-margin-100px-left { margin-left:100px; }
    .sm-margin-1-rem-left { margin-left: 1rem; }
    .sm-margin-1-half-rem-left { margin-left: 1.5rem; }
    .sm-margin-2-rem-left { margin-left: 2rem; }
    .sm-margin-2-half-rem-left { margin-left: 2.5rem; }
    .sm-margin-3-rem-left { margin-left: 3rem; }
    .sm-margin-3-half-rem-left { margin-left: 3.5rem; }
    .sm-margin-4-rem-left { margin-left: 4rem; }
    .sm-margin-4-half-rem-left { margin-left: 4.5rem; }
    .sm-margin-5-rem-left { margin-left: 5rem; }
    .sm-margin-5-half-rem-left { margin-left: 5.5rem; }
    .sm-margin-6-rem-left { margin-left: 6rem; }
    .sm-margin-6-half-rem-left { margin-left: 6.5rem; }
    .sm-margin-7-rem-left { margin-left: 7rem; }
    .sm-margin-7-half-rem-left { margin-left: 7.5rem; }
    .sm-margin-8-rem-left { margin-left: 8rem; }
    .sm-margin-8-half-rem-left { margin-left: 8.5rem; }
    .sm-margin-9-rem-left { margin-left: 9rem; }
    .sm-margin-9-half-rem-left { margin-left: 9.5rem; }
    .sm-margin-10-rem-left { margin-left: 10rem; }
    .sm-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .sm-margin-one-lr { margin-left:1%; margin-right:1%; }
    .sm-margin-two-lr { margin-left:2%; margin-right:2%; }
    .sm-margin-three-lr { margin-left:3%; margin-right:3%; }
    .sm-margin-four-lr { margin-left:4%; margin-right:4%; }
    .sm-margin-five-lr { margin-left:5%; margin-right:5%; }
    .sm-margin-six-lr { margin-left:6%; margin-right:6%; }
    .sm-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .sm-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .sm-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .sm-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .sm-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .sm-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .sm-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .sm-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .sm-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .sm-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .sm-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .sm-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .sm-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .sm-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .sm-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .sm-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .sm-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .sm-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .sm-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .sm-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .sm-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .sm-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .sm-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .sm-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .sm-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .sm-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .sm-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .sm-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .sm-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .sm-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .sm-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .sm-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .sm-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .sm-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .sm-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .sm-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .sm-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .sm-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .sm-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .sm-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .sm-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .sm-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .sm-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .sm-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .sm-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .sm-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .sm-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .sm-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .sm-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .sm-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .sm-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .sm-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .sm-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .sm-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .sm-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .sm-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .sm-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .sm-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .sm-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .sm-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .sm-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .sm-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .sm-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .sm-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .sm-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .sm-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .sm-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .sm-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .sm-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .sm-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .sm-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .sm-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .sm-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .sm-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .sm-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .sm-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .sm-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .sm-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .sm-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .sm-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .sm-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .sm-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .sm-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .sm-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .sm-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .sm-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .sm-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .sm-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .sm-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .sm-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .sm-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .sm-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .sm-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .sm-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .sm-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .sm-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .sm-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .sm-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .sm-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .sm-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .sm-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .sm-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .sm-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .sm-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .sm-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .sm-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .sm-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .sm-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .sm-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .sm-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .sm-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .sm-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .sm-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .sm-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .sm-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .sm-margin-auto { margin: auto; }
    .sm-no-margin { margin: 0 !important; }
    .sm-no-margin-top { margin-top: 0 !important; }
    .sm-no-margin-bottom { margin-bottom: 0 !important; }
    .sm-no-margin-left { margin-left: 0 !important; }
    .sm-no-margin-right { margin-right: 0 !important; }
    .sm-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .sm-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .sm-padding-one-all { padding:1%; }
    .sm-padding-two-all { padding:2%; }
    .sm-padding-three-all { padding:3%; }
    .sm-padding-four-all { padding:4%; }
    .sm-padding-five-all { padding:5%; }
    .sm-padding-six-all { padding:6%; }
    .sm-padding-seven-all { padding:7%; }
    .sm-padding-eight-all { padding:8%; }
    .sm-padding-nine-all { padding:9%; }
    .sm-padding-ten-all { padding:10%; }
    .sm-padding-eleven-all { padding:11%; }
    .sm-padding-twelve-all { padding:12%; }
    .sm-padding-thirteen-all { padding:13%; }
    .sm-padding-fourteen-all { padding:14%; }
    .sm-padding-fifteen-all { padding:15%; }
    .sm-padding-sixteen-all { padding:16%; }
    .sm-padding-seventeen-all { padding:17%; }
    .sm-padding-eighteen-all { padding:18%; }
    .sm-padding-nineteen-all { padding:19%; }
    .sm-padding-twenty-all { padding:20%; }
    .sm-padding-5px-all { padding:5px; }
    .sm-padding-10px-all { padding:10px; }
    .sm-padding-15px-all { padding:15px; }
    .sm-padding-20px-all { padding:20px; }
    .sm-padding-25px-all { padding:25px; }
    .sm-padding-30px-all { padding:30px; }
    .sm-padding-35px-all { padding:35px; }
    .sm-padding-40px-all { padding:40px; }
    .sm-padding-45px-all { padding:45px; }
    .sm-padding-50px-all { padding:50px; }
    .sm-padding-55px-all { padding:55px; }
    .sm-padding-60px-all { padding:60px; }
    .sm-padding-65px-all { padding:65px; }
    .sm-padding-70px-all { padding:70px; }
    .sm-padding-75px-all { padding:75px; }
    .sm-padding-80px-all { padding:80px; }
    .sm-padding-85px-all { padding:85px; }
    .sm-padding-90px-all { padding:90px; }
    .sm-padding-95px-all { padding:95px; }
    .sm-padding-100px-all { padding:100px; }
    .sm-padding-1-rem-all { padding: 1rem; }
    .sm-padding-1-half-rem-all { padding: 1.5rem; }
    .sm-padding-2-rem-all { padding: 2rem; }
    .sm-padding-2-half-rem-all { padding: 2.5rem; }
    .sm-padding-3-rem-all { padding: 3rem; }
    .sm-padding-3-half-rem-all { padding: 3.5rem; }
    .sm-padding-4-rem-all { padding: 4rem; }
    .sm-padding-4-half-rem-all { padding: 4.5rem; }
    .sm-padding-5-rem-all { padding: 5rem; }
    .sm-padding-5-half-rem-all { padding: 5.5rem; }
    .sm-padding-6-rem-all { padding: 6rem; }
    .sm-padding-6-half-rem-all { padding: 6.5rem; }
    .sm-padding-7-rem-all { padding: 7rem; }
    .sm-padding-7-half-rem-all { padding: 7.5rem; }
    .sm-padding-8-rem-all { padding: 8rem; }
    .sm-padding-8-half-rem-all { padding: 8.5rem; }
    .sm-padding-9-rem-all { padding: 9rem; }
    .sm-padding-9-half-rem-all { padding: 9.5rem; }
    .sm-padding-10-rem-all { padding: 10rem; }
    .sm-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .sm-padding-one-top { padding-top:1%; }
    .sm-padding-two-top { padding-top:2%; }
    .sm-padding-three-top { padding-top:3%; }
    .sm-padding-four-top { padding-top:4%; }
    .sm-padding-five-top { padding-top:5%; }
    .sm-padding-six-top { padding-top:6%; }
    .sm-padding-seven-top { padding-top:7%; }
    .sm-padding-eight-top { padding-top:8%; }
    .sm-padding-nine-top { padding-top:9%; }
    .sm-padding-ten-top { padding-top:10%; }
    .sm-padding-eleven-top { padding-top:11%; }
    .sm-padding-twelve-top { padding-top:12%; }
    .sm-padding-thirteen-top { padding-top:13%; }
    .sm-padding-fourteen-top { padding-top:14%; }
    .sm-padding-fifteen-top { padding-top:15%; }
    .sm-padding-sixteen-top { padding-top:16%; }
    .sm-padding-seventeen-top { padding-top:17%; }
    .sm-padding-eighteen-top { padding-top:18%; }
    .sm-padding-nineteen-top { padding-top:19%; }
    .sm-padding-twenty-top { padding-top:20%; }
    .sm-padding-5px-top { padding-top:5px; }
    .sm-padding-10px-top { padding-top:10px; }
    .sm-padding-15px-top { padding-top:15px; }
    .sm-padding-20px-top { padding-top:20px; }
    .sm-padding-25px-top { padding-top:25px; }
    .sm-padding-30px-top { padding-top:30px; }
    .sm-padding-35px-top { padding-top:35px; }
    .sm-padding-40px-top { padding-top:40px; }
    .sm-padding-45px-top { padding-top:45px; }
    .sm-padding-50px-top { padding-top:50px; }
    .sm-padding-55px-top { padding-top:55px; }
    .sm-padding-60px-top { padding-top:60px; }
    .sm-padding-65px-top { padding-top:65px; }
    .sm-padding-70px-top { padding-top:70px; }
    .sm-padding-75px-top { padding-top:75px; }
    .sm-padding-80px-top { padding-top:80px; }
    .sm-padding-85px-top { padding-top:85px; }
    .sm-padding-90px-top { padding-top:90px; }
    .sm-padding-95px-top { padding-top:95px; }
    .sm-padding-100px-top { padding-top:100px; }
    .sm-padding-1-rem-top { padding-top: 1rem; }
    .sm-padding-1-half-rem-top { padding-top: 1.5rem; }
    .sm-padding-2-rem-top { padding-top: 2rem; }
    .sm-padding-2-half-rem-top { padding-top: 2.5rem; }
    .sm-padding-3-rem-top { padding-top: 3rem; }
    .sm-padding-3-half-rem-top { padding-top: 3.5rem; }
    .sm-padding-4-rem-top { padding-top: 4rem; }
    .sm-padding-4-half-rem-top { padding-top: 4.5rem; }
    .sm-padding-5-rem-top { padding-top: 5rem; }
    .sm-padding-5-half-rem-top { padding-top: 5.5rem; }
    .sm-padding-6-rem-top { padding-top: 6rem; }
    .sm-padding-6-half-rem-top { padding-top: 6.5rem; }
    .sm-padding-7-rem-top { padding-top: 7rem; }
    .sm-padding-7-half-rem-top { padding-top: 7.5rem; }
    .sm-padding-8-rem-top { padding-top: 8rem; }
    .sm-padding-8-half-rem-top { padding-top: 8.5rem; }
    .sm-padding-9-rem-top { padding-top: 9rem; }
    .sm-padding-9-half-rem-top { padding-top: 9.5rem; }
    .sm-padding-10-rem-top { padding-top: 10rem; }
    .sm-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .sm-padding-one-bottom { padding-bottom:1%; }
    .sm-padding-two-bottom { padding-bottom:2%; }
    .sm-padding-three-bottom { padding-bottom:3%; }
    .sm-padding-four-bottom { padding-bottom:4%; }
    .sm-padding-five-bottom { padding-bottom:5%; }
    .sm-padding-six-bottom { padding-bottom:6%; }
    .sm-padding-seven-bottom { padding-bottom:7%; }
    .sm-padding-eight-bottom { padding-bottom:8%; }
    .sm-padding-nine-bottom { padding-bottom:9%; }
    .sm-padding-ten-bottom { padding-bottom:10%; }
    .sm-padding-eleven-bottom { padding-bottom:11%; }
    .sm-padding-twelve-bottom { padding-bottom:12%; }
    .sm-padding-thirteen-bottom { padding-bottom:13%; }
    .sm-padding-fourteen-bottom { padding-bottom:14%; }
    .sm-padding-fifteen-bottom { padding-bottom:15%; }
    .sm-padding-sixteen-bottom { padding-bottom:16%; }
    .sm-padding-seventeen-bottom { padding-bottom:17%; }
    .sm-padding-eighteen-bottom { padding-bottom:18%; }
    .sm-padding-nineteen-bottom { padding-bottom:19%; }
    .sm-padding-twenty-bottom { padding-bottom:20%; }
    .sm-padding-5px-bottom { padding-bottom:5px; }
    .sm-padding-10px-bottom { padding-bottom:10px; }
    .sm-padding-15px-bottom { padding-bottom:15px; }
    .sm-padding-20px-bottom { padding-bottom:20px; }
    .sm-padding-25px-bottom { padding-bottom:25px; }
    .sm-padding-30px-bottom { padding-bottom:30px; }
    .sm-padding-35px-bottom { padding-bottom:35px; }
    .sm-padding-40px-bottom { padding-bottom:40px; }
    .sm-padding-45px-bottom { padding-bottom:45px; }
    .sm-padding-50px-bottom { padding-bottom:50px; }
    .sm-padding-55px-bottom { padding-bottom:55px; }
    .sm-padding-60px-bottom { padding-bottom:60px; }
    .sm-padding-65px-bottom { padding-bottom:65px; }
    .sm-padding-70px-bottom { padding-bottom:70px; }
    .sm-padding-75px-bottom { padding-bottom:75px; }
    .sm-padding-80px-bottom { padding-bottom:80px; }
    .sm-padding-85px-bottom { padding-bottom:85px; }
    .sm-padding-90px-bottom { padding-bottom:90px; }
    .sm-padding-95px-bottom { padding-bottom:95px; }
    .sm-padding-100px-bottom { padding-bottom:100px; }
    .sm-padding-1-rem-bottom { padding-bottom: 1rem; }
    .sm-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .sm-padding-2-rem-bottom { padding-bottom: 2rem; }
    .sm-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .sm-padding-3-rem-bottom { padding-bottom: 3rem; }
    .sm-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .sm-padding-4-rem-bottom { padding-bottom: 4rem; }
    .sm-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .sm-padding-5-rem-bottom { padding-bottom: 5rem; }
    .sm-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .sm-padding-6-rem-bottom { padding-bottom: 6rem; }
    .sm-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .sm-padding-7-rem-bottom { padding-bottom: 7rem; }
    .sm-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .sm-padding-8-rem-bottom { padding-bottom: 8rem; }
    .sm-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .sm-padding-9-rem-bottom { padding-bottom: 9rem; }
    .sm-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .sm-padding-10-rem-bottom { padding-bottom: 10rem; }
    .sm-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .sm-padding-one-right { padding-right:1%; }
    .sm-padding-two-right { padding-right:2%; }
    .sm-padding-three-right { padding-right:3%; }
    .sm-padding-four-right { padding-right:4% }
    .sm-padding-five-right { padding-right:5%; }
    .sm-padding-six-right { padding-right:6%; }
    .sm-padding-seven-right { padding-right:7%; }
    .sm-padding-eight-right { padding-right:8%; }
    .sm-padding-nine-right { padding-right:9%; }
    .sm-padding-ten-right { padding-right:10%; }
    .sm-padding-eleven-right { padding-right:11%; }
    .sm-padding-twelve-right { padding-right:12%; }
    .sm-padding-thirteen-right { padding-right:13%; }
    .sm-padding-fourteen-right { padding-right:14%; }
    .sm-padding-fifteen-right { padding-right:15%; }
    .sm-padding-sixteen-right { padding-right:16%; }
    .sm-padding-seventeen-right { padding-right:17%; }
    .sm-padding-eighteen-right { padding-right:18%; }
    .sm-padding-nineteen-right { padding-right:19%; }
    .sm-padding-twenty-right { padding-right:20%; }
    .sm-padding-5px-right { padding-right:5px; }
    .sm-padding-10px-right { padding-right:10px; }
    .sm-padding-15px-right { padding-right:15px; }
    .sm-padding-20px-right { padding-right:20px; }
    .sm-padding-25px-right { padding-right:25px; }
    .sm-padding-30px-right { padding-right:30px; }
    .sm-padding-35px-right { padding-right:35px; }
    .sm-padding-40px-right { padding-right:40px; }
    .sm-padding-45px-right { padding-right:45px; }
    .sm-padding-50px-right { padding-right:50px; }
    .sm-padding-55px-right { padding-right:55px; }
    .sm-padding-60px-right { padding-right:60px; }
    .sm-padding-65px-right { padding-right:65px; }
    .sm-padding-70px-right { padding-right:70px; }
    .sm-padding-75px-right { padding-right:75px; }
    .sm-padding-80px-right { padding-right:80px; }
    .sm-padding-85px-right { padding-right:85px; }
    .sm-padding-90px-right { padding-right:90px; }
    .sm-padding-95px-right { padding-right:95px; }
    .sm-padding-100px-right { padding-right:100px; }
    .sm-padding-1-rem-right { padding-right: 1rem; }
    .sm-padding-1-half-rem-right { padding-right: 1.5rem; }
    .sm-padding-2-rem-right { padding-right: 2rem; }
    .sm-padding-2-half-rem-right { padding-right: 2.5rem; }
    .sm-padding-3-rem-right { padding-right: 3rem; }
    .sm-padding-3-half-rem-right { padding-right: 3.5rem; }
    .sm-padding-4-rem-right { padding-right: 4rem; }
    .sm-padding-4-half-rem-right { padding-right: 4.5rem; }
    .sm-padding-5-rem-right { padding-right: 5rem; }
    .sm-padding-5-half-rem-right { padding-right: 5.5rem; }
    .sm-padding-6-rem-right { padding-right: 6rem; }
    .sm-padding-6-half-rem-right { padding-right: 6.5rem; }
    .sm-padding-7-rem-right { padding-right: 7rem; }
    .sm-padding-7-half-rem-right { padding-right: 7.5rem; }
    .sm-padding-8-rem-right { padding-right: 8rem; }
    .sm-padding-8-half-rem-right { padding-right: 8.5rem; }
    .sm-padding-9-rem-right { padding-right: 9rem; }
    .sm-padding-9-half-rem-right { padding-right: 9.5rem; }
    .sm-padding-10-rem-right { padding-right: 10rem; }
    .sm-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .sm-padding-one-left { padding-left:1%; }
    .sm-padding-two-left { padding-left:2%; }
    .sm-padding-three-left { padding-left:3%; }
    .sm-padding-four-left { padding-left:4%; }
    .sm-padding-five-left { padding-left:5%; }
    .sm-padding-six-left { padding-left:6%; }
    .sm-padding-seven-left { padding-left:7%; }
    .sm-padding-eight-left { padding-left:8%; }
    .sm-padding-nine-left { padding-left:9%; }
    .sm-padding-ten-left { padding-left:10%; }
    .sm-padding-eleven-left { padding-left:11%; }
    .sm-padding-twelve-left { padding-left:12%; }
    .sm-padding-thirteen-left { padding-left:13%; }
    .sm-padding-fourteen-left { padding-left:14%; }
    .sm-padding-fifteen-left { padding-left:15%; }
    .sm-padding-sixteen-left { padding-left:16%; }
    .sm-padding-seventeen-left { padding-left:17%; }
    .sm-padding-eighteen-left { padding-left:18%; }
    .sm-padding-nineteen-left { padding-left:19%; }
    .sm-padding-twenty-left { padding-left:20%; }
    .sm-padding-5px-left { padding-left:5px; }
    .sm-padding-10px-left { padding-left:10px; }
    .sm-padding-15px-left { padding-left:15px; }
    .sm-padding-20px-left { padding-left:20px; }
    .sm-padding-25px-left { padding-left:25px; }
    .sm-padding-30px-left { padding-left:30px; }
    .sm-padding-35px-left { padding-left:35px; }
    .sm-padding-40px-left { padding-left:40px; }
    .sm-padding-45px-left { padding-left:45px; }
    .sm-padding-50px-left { padding-left:50px; }
    .sm-padding-55px-left { padding-left:55px; }
    .sm-padding-60px-left { padding-left:60px; }
    .sm-padding-65px-left { padding-left:65px; }
    .sm-padding-70px-left { padding-left:70px; }
    .sm-padding-75px-left { padding-left:75px; }
    .sm-padding-80px-left { padding-left:80px; }
    .sm-padding-85px-left { padding-left:85px; }
    .sm-padding-90px-left { padding-left:90px; }
    .sm-padding-95px-left { padding-left:95px; }
    .sm-padding-100px-left { padding-left:100px; }
    .sm-padding-1-rem-left { padding-left: 1rem; }
    .sm-padding-1-half-rem-left { padding-left: 1.5rem; }
    .sm-padding-2-rem-left { padding-left: 2rem; }
    .sm-padding-2-half-rem-left { padding-left: 2.5rem; }
    .sm-padding-3-rem-left { padding-left: 3rem; }
    .sm-padding-3-half-rem-left { padding-left: 3.5rem; }
    .sm-padding-4-rem-left { padding-left: 4rem; }
    .sm-padding-4-half-rem-left { padding-left: 4.5rem; }
    .sm-padding-5-rem-left { padding-left: 5rem; }
    .sm-padding-5-half-rem-left { padding-left: 5.5rem; }
    .sm-padding-6-rem-left { padding-left: 6rem; }
    .sm-padding-6-half-rem-left { padding-left: 6.5rem; }
    .sm-padding-7-rem-left { padding-left: 7rem; }
    .sm-padding-7-half-rem-left { padding-left: 7.5rem; }
    .sm-padding-8-rem-left { padding-left: 8rem; }
    .sm-padding-8-half-rem-left { padding-left: 8.5rem; }
    .sm-padding-9-rem-left { padding-left: 9rem; }
    .sm-padding-9-half-rem-left { padding-left: 9.5rem; }
    .sm-padding-10-rem-left { padding-left: 10rem; }
    .sm-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .sm-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .sm-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .sm-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .sm-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .sm-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .sm-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .sm-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .sm-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .sm-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .sm-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .sm-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .sm-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .sm-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .sm-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .sm-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .sm-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .sm-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .sm-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .sm-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .sm-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .sm-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .sm-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .sm-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .sm-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .sm-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .sm-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .sm-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .sm-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .sm-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .sm-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .sm-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .sm-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .sm-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .sm-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .sm-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .sm-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .sm-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .sm-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .sm-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .sm-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .sm-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .sm-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .sm-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .sm-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .sm-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .sm-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .sm-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .sm-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .sm-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .sm-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .sm-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .sm-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .sm-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .sm-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .sm-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .sm-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .sm-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .sm-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .sm-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .sm-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .sm-padding-one-lr { padding-left:1%; padding-right:1%; }
    .sm-padding-two-lr { padding-left:2%; padding-right:2%; }
    .sm-padding-three-lr { padding-left:3%; padding-right:3%; }
    .sm-padding-four-lr { padding-left:4%; padding-right:4%; }
    .sm-padding-five-lr { padding-left:5%; padding-right:5%; }
    .sm-padding-six-lr { padding-left:6%; padding-right:6%; }
    .sm-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .sm-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .sm-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .sm-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .sm-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .sm-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .sm-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .sm-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .sm-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .sm-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .sm-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .sm-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .sm-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .sm-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .sm-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .sm-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .sm-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .sm-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .sm-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .sm-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .sm-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .sm-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .sm-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .sm-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .sm-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .sm-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .sm-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .sm-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .sm-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .sm-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .sm-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .sm-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .sm-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .sm-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .sm-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .sm-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .sm-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .sm-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .sm-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .sm-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .sm-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .sm-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .sm-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .sm-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .sm-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .sm-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .sm-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .sm-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .sm-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .sm-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .sm-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .sm-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .sm-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .sm-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .sm-no-padding { padding:0 !important; }
    .sm-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .sm-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .sm-no-padding-top { padding-top:0 !important; }
    .sm-no-padding-bottom { padding-bottom:0 !important; }
    .sm-no-padding-left { padding-left:0 !important; }
    .sm-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .sm-d-initial { display: initial !important; }
    .sm-overflow-hidden { overflow:hidden !important; }
    .sm-overflow-visible { overflow:visible !important; }
    .sm-overflow-auto { overflow:auto !important; }

    /* position */
    .sm-position-relative { position: relative !important; }
    .sm-position-absolute { position: absolute !important; }
    .sm-position-fixed { position: fixed !important; }
    .sm-position-inherit { position: inherit !important; }
    .sm-position-initial { position: initial !important; }

    /* top */
    .sm-top-0px { top: 0; }
    .sm-top-1px { top: 1px; }
    .sm-top-2px { top: 2px; }
    .sm-top-3px { top: 3px; }
    .sm-top-4px { top: 4px; }
    .sm-top-5px { top: 5px; }
    .sm-top-6px { top: 6px; }
    .sm-top-7px { top: 7px; }
    .sm-top-8px { top: 8px; }
    .sm-top-9px { top: 9px; }
    .sm-top-10px { top: 10px; }
    .sm-top-15px { top: 15px; }
    .sm-top-20px { top: 20px; }
    .sm-top-25px { top: 25px; }
    .sm-top-30px { top: 30px; }
    .sm-top-35px { top: 35px; }
    .sm-top-40px { top: 40px; }
    .sm-top-45px { top: 45px; }
    .sm-top-50px { top: 50px; }
    .sm-top-auto { top:auto; }
    .sm-top-inherit { top:inherit; }

    /* top minus */
    .sm-top-minus-1px { top: -1px; }
    .sm-top-minus-2px { top: -2px; }
    .sm-top-minus-3px { top: -3px; }
    .sm-top-minus-4px { top: -4px; }
    .sm-top-minus-5px { top: -5px; }
    .sm-top-minus-6px { top: -6px; }
    .sm-top-minus-7px { top: -7px; }
    .sm-top-minus-8px { top: -8px; }
    .sm-top-minus-9px { top: -9px; }
    .sm-top-minus-10px { top: -10px; }
    .sm-top-minus-15px { top: -15px; }
    .sm-top-minus-20px { top: -20px; }
    .sm-top-minus-25px { top: -25px; }
    .sm-top-minus-30px { top: -30px; }
    .sm-top-minus-35px { top: -35px; }
    .sm-top-minus-40px { top: -40px; }
    .sm-top-minus-45px { top: -45px; }
    .sm-top-minus-50px { top: -50px; }

    /* bottom */
    .sm-bottom-0px { bottom:0; }
    .sm-bottom-1px { bottom:1px; }
    .sm-bottom-2px { bottom:2px; }
    .sm-bottom-3px { bottom:3px; }
    .sm-bottom-4px { bottom:4px; }
    .sm-bottom-5px { bottom:5px; }
    .sm-bottom-6px { bottom:6px; }
    .sm-bottom-7px { bottom:7px; }
    .sm-bottom-8px { bottom:8px; }
    .sm-bottom-9px { bottom:9px; }
    .sm-bottom-10px { bottom:10px; }
    .sm-bottom-15px { bottom:15px; }
    .sm-bottom-20px { bottom:20px; }
    .sm-bottom-25px { bottom:25px; }
    .sm-bottom-30px { bottom:30px; }
    .sm-bottom-35px { bottom:35px; }
    .sm-bottom-40px { bottom:40px; }
    .sm-bottom-45px { bottom:45px; }
    .sm-bottom-50px { bottom:50px; }
    .sm-bottom-55px { bottom:55px; }
    .sm-bottom-60px { bottom:60px; }
    .sm-bottom-auto { bottom: auto; }
    .sm-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .sm-bottom-minus-1px { bottom: -1px; }
    .sm-bottom-minus-2px { bottom: -2px; }
    .sm-bottom-minus-3px { bottom: -3px; }
    .sm-bottom-minus-4px { bottom: -4px; }
    .sm-bottom-minus-5px { bottom: -5px; }
    .sm-bottom-minus-6px { bottom: -6px; }
    .sm-bottom-minus-7px { bottom: -7px; }
    .sm-bottom-minus-8px { bottom: -8px; }
    .sm-bottom-minus-9px { bottom: -9px; }
    .sm-bottom-minus-10px { bottom: -10px; }
    .sm-bottom-minus-15px { bottom: -15px; }
    .sm-bottom-minus-20px { bottom: -20px; }
    .sm-bottom-minus-25px { bottom: -25px; }
    .sm-bottom-minus-30px { bottom: -30px; }
    .sm-bottom-minus-35px { bottom: -35px; }
    .sm-bottom-minus-40px { bottom: -40px; }
    .sm-bottom-minus-45px { bottom: -45px; }
    .sm-bottom-minus-50px { bottom: -50px; }

    /* right */
    .sm-right-0px { right: 0; }
    .sm-right-1px { right: 1px; }
    .sm-right-2px { right: 2px; }
    .sm-right-3px { right: 3px; }
    .sm-right-4px { right: 4px; }
    .sm-right-5px { right: 5px; }
    .sm-right-6px { right: 6px; }
    .sm-right-7px { right: 7px; }
    .sm-right-8px { right: 8px; }
    .sm-right-9px { right: 9px; }
    .sm-right-10px { right: 10px; }
    .sm-right-15px { right: 15px; }
    .sm-right-20px { right: 20px; }
    .sm-right-25px { right: 25px; }
    .sm-right-30px { right: 30px; }
    .sm-right-35px { right: 35px; }
    .sm-right-40px { right: 40px; }
    .sm-right-45px { right: 45px; }
    .sm-right-50px { right: 50px; }
    .sm-right-auto { right: auto; }
    .sm-right-inherit { right: inherit; }

    /* right minus */
    .sm-right-minus-1px { right: -1px; }
    .sm-right-minus-2px { right: -2px; }
    .sm-right-minus-3px { right: -3px; }
    .sm-right-minus-4px { right: -4px; }
    .sm-right-minus-5px { right: -5px; }
    .sm-right-minus-6px { right: -6px; }
    .sm-right-minus-7px { right: -7px; }
    .sm-right-minus-8px { right: -8px; }
    .sm-right-minus-9px { right: -9px; }
    .sm-right-minus-10px { right: -10px; }
    .sm-right-minus-15px { right: -15px; }
    .sm-right-minus-20px { right: -20px; }
    .sm-right-minus-25px { right: -25px; }
    .sm-right-minus-30px { right: -30px; }
    .sm-right-minus-35px { right: -35px; }
    .sm-right-minus-40px { right: -40px; }
    .sm-right-minus-45px { right: -45px; }
    .sm-right-minus-50px { right: -50px; }

    /* left */
    .sm-left-0px { left: 0; }
    .sm-left-1px { left: 1px; }
    .sm-left-2px { left: 2px; }
    .sm-left-3px { left: 3px; }
    .sm-left-4px { left: 4px; }
    .sm-left-5px { left: 5px; }
    .sm-left-6px { left: 6px; }
    .sm-left-7px { left: 7px; }
    .sm-left-8px { left: 8px; }
    .sm-left-9px { left: 9px; }
    .sm-left-10px { left: 10px; }
    .sm-left-15px { left: 15px; }
    .sm-left-20px { left: 20px; }
    .sm-left-25px { left: 25px; }
    .sm-left-30px { left: 30px; }
    .sm-left-35px { left: 35px; }
    .sm-left-40px { left: 40px; }
    .sm-left-45px { left: 45px; }
    .sm-left-50px { left: 50px; }
    .sm-left-55px { left: 55px; }
    .sm-left-60px { left: 60px; }
    .sm-left-auto { left: auto; }
    .sm-left-inherit { left: inherit; }

    /* left minus */
    .sm-left-minus-1px { left: -1px; }
    .sm-left-minus-2px { left: -2px; }
    .sm-left-minus-3px { left: -3px; }
    .sm-left-minus-4px { left: -4px; }
    .sm-left-minus-5px { left: -5px; }
    .sm-left-minus-6px { left: -6px; }
    .sm-left-minus-7px { left: -7px; }
    .sm-left-minus-8px { left: -8px; }
    .sm-left-minus-9px { left: -9px; }
    .sm-left-minus-10px { left: -10px; }
    .sm-left-minus-15px { left: -15px; }
    .sm-left-minus-20px { left: -20px; }
    .sm-left-minus-25px { left: -25px; }
    .sm-left-minus-30px { left: -30px; }
    .sm-left-minus-35px { left: -35px; }
    .sm-left-minus-40px { left: -40px; }
    .sm-left-minus-45px { left: -45px; }
    .sm-left-minus-50px { left: -50px; }

    /* width */
    .sm-w-1px { width:1px !important; }
    .sm-w-2px { width:2px !important; }
    .sm-w-3px { width:3px !important; }
    .sm-w-4px { width:4px !important; }
    .sm-w-5px { width:5px !important; }
    .sm-w-6px { width:6px !important; }
    .sm-w-7px { width:7px !important; }
    .sm-w-8px { width:8px !important; }
    .sm-w-9px { width:9px !important; }
    .sm-w-10px { width:10px !important; }
    .sm-w-15px { width:15px !important; }
    .sm-w-20px { width:20px !important; }
    .sm-w-25px { width:25px !important; }
    .sm-w-30px { width:30px !important; }
    .sm-w-35px { width:35px !important; }
    .sm-w-40px { width:40px !important; }
    .sm-w-50px { width:50px !important; }
    .sm-w-55px { width:55px !important; }
    .sm-w-60px { width:60px !important; }
    .sm-w-65px { width:65px !important; }
    .sm-w-70px { width:70px !important; }
    .sm-w-75px { width:75px !important; }
    .sm-w-80px { width:80px !important; }
    .sm-w-85px { width:85px !important; }
    .sm-w-90px { width:90px !important; }
    .sm-w-95px { width:95px !important; }
    .sm-w-100px { width:100px !important; }
    .sm-w-110px { width:110px !important; }
    .sm-w-120px { width:120px !important; }
    .sm-w-130px { width:130px !important; }
    .sm-w-140px { width:140px !important; }
    .sm-w-150px { width:150px !important; }
    .sm-w-160px { width:160px !important; }
    .sm-w-170px { width:170px !important; }
    .sm-w-180px { width:180px !important; }
    .sm-w-190px { width:190px !important; }
    .sm-w-200px { width:200px !important; }
    .sm-w-250px { width:250px !important; }
    .sm-w-300px { width:300px !important; }
    .sm-w-350px { width:350px !important; }
    .sm-w-400px { width:400px !important; }
    .sm-w-450px { width:450px !important; }
    .sm-w-500px { width:500px !important; }
    .sm-w-550px { width:550px !important; }
    .sm-w-600px { width:600px !important; }
    .sm-w-650px { width:650px !important; }
    .sm-w-700px { width:700px !important; }
    .sm-w-750px { width:750px !important; }
    .sm-w-800px { width:800px !important; }
    .sm-w-850px { width:850px !important; }
    .sm-w-900px { width:900px !important; }
    .sm-w-950px { width:950px !important; }
    .sm-w-1000px { width:1000px !important; }
    .sm-w-10 { width: 10% !important; }
    .sm-w-15 { width: 15% !important; }
    .sm-w-20 { width: 20% !important; }
    .sm-w-25 { width: 25% !important; }
    .sm-w-30 { width: 30% !important; }
    .sm-w-35 { width: 35% !important; }
    .sm-w-40 { width: 40% !important; }
    .sm-w-45 { width: 45% !important; }
    .sm-w-50 { width: 50% !important; }
    .sm-w-55 { width: 55% !important; }
    .sm-w-60 { width: 60% !important; }
    .sm-w-65 { width: 65% !important; }
    .sm-w-70 { width: 70% !important; }
    .sm-w-75 { width: 75% !important; }
    .sm-w-80 { width: 80% !important; }
    .sm-w-85 { width: 85% !important; }
    .sm-w-90 { width: 90% !important; }
    .sm-w-95 { width: 95% !important; }
    .sm-w-100 { width: 100% !important; }
    .sm-w-auto { width:auto !important; }

    /* height */
    .sm-h-1px { height: 1px !important; }
    .sm-h-2px { height: 2px !important; }
    .sm-h-3px { height: 3px !important; }
    .sm-h-4px { height: 4px !important; }
    .sm-h-5px { height: 5px !important; }
    .sm-h-6px { height: 6px !important; }
    .sm-h-7px { height: 7px !important; }
    .sm-h-8px { height: 8px !important; }
    .sm-h-9px { height: 9px !important; }
    .sm-h-10px { height: 10px !important; }
    .sm-h-20px { height: 20px !important; }
    .sm-h-30px { height: 30px !important; }
    .sm-h-40px { height: 40px !important; }
    .sm-h-42px { height: 42px !important; }
    .sm-h-50px { height: 50px !important; }
    .sm-h-60px { height: 60px !important; }
    .sm-h-70px { height: 70px !important; }
    .sm-h-80px { height: 80px !important; }
    .sm-h-90px { height: 90px !important; }
    .sm-h-100px { height: 100px !important; }
    .sm-h-110px { height: 110px !important; }
    .sm-h-120px { height: 120px !important; }
    .sm-h-130px { height: 130px !important; }
    .sm-h-140px { height: 140px !important; }
    .sm-h-150px { height: 150px !important; }
    .sm-h-160px { height: 160px !important; }
    .sm-h-170px { height: 170px !important; }
    .sm-h-180px { height: 180px !important; }
    .sm-h-190px { height: 190px !important; }
    .sm-h-200px { height: 200px !important; }
    .sm-h-250px { height: 250px !important; }
    .sm-h-300px { height: 300px !important; }
    .sm-h-350px { height: 350px !important; }
    .sm-h-400px { height: 400px !important; }
    .sm-h-450px { height: 450px !important; }
    .sm-h-500px { height: 500px !important; }
    .sm-h-520px { height: 520px !important; }
    .sm-h-550px { height: 550px !important; }
    .sm-h-580px { height: 580px !important; }
    .sm-h-600px { height: 600px !important; }
    .sm-h-650px { height: 650px !important; }
    .sm-h-700px { height: 700px !important; }
    .sm-h-720px { height: 720px !important; }
    .sm-h-750px { height: 750px !important; }
    .sm-h-800px { height: 800px !important; }
    .sm-h-820px { height: 820px !important; }
    .sm-h-830px { height: 830px !important; }
    .sm-h-850px { height: 850px !important; }

    .sm-h-50 { height: 50% !important; }
    .sm-h-100 { height: 100% !important; }
    .sm-h-auto { height:auto !important; }

    /* min-height */
    .sm-min-h-100px { min-height: 100px; }
    .sm-min-h-200px { min-height: 200px; }
    .sm-min-h-300px { min-height: 300px; }
    .sm-min-h-400px { min-height: 400px; }
    .sm-min-h-500px { min-height: 500px; }
    .sm-min-h-600px { min-height: 600px; }
    .sm-min-h-700px { min-height: 700px; }

    /* screen height */
    .one-fifth-screen { height:600px; }
    .one-fourth-screen { height:500px; }
    .one-third-screen { height:350px; }
    .one-second-screen { height:300px; }
    .extra-small-screen { height:250px; }

    /* magnific popup */
    button.mfp-arrow, .mfp-arrow:active { height: 50px; width: 50px; margin-top: -25px; opacity: 1; }
    .mfp-arrow:before { margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0; }

    /* content box image */
    .content-box-image { height: 100%; }

    /* slider navigation */
    .swiper-prev, .swiper-next { font-size: 16px; }
    .swiper-next i, .swiper-prev i { height: 35px; width: 35px; line-height: 35px; }
    .swiper-prev { left: 5px; }
    .swiper-next { right: 5px; }

    /* slider navigation style 08 */
    .slider-navigation-style-08.swiper-button-next.rounded-circle { right: 10px; width: 35px; height: 35px; }
    .slider-navigation-style-08.swiper-button-prev.rounded-circle { left: 10px; width: 35px; height: 35px; }

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-right: 30px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 30px; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { bottom: 30px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 40px; }

    /* grid */
    .grid.sm-grid-6col li { width: 16.67%; }
    .grid.sm-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.sm-grid-5col li { width: 20%; }
    .grid.sm-grid-5col li.grid-item-double { width: 40%; }
    .grid.sm-grid-4col li { width: 25%; }
    .grid.sm-grid-4col li.grid-item-double { width: 50%; }
    .grid.sm-grid-3col li { width: 33.33%; }
    .grid.sm-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.sm-grid-2col li { width: 50%; }
    .grid.sm-grid-2col li.grid-item-double { width: 100%; }
    .grid.sm-grid-1col li { width: 100%; }

    /* gutter type */
    .grid.gutter-small { margin: 0 -7px; }
    .grid.gutter-small li { padding:7px 7px; }
    .grid.gutter-extra-large li { padding:15px; }
    .grid.gutter-extra-large { margin:0 -15px; }
    .grid.gutter-double-extra-large li { padding: 15px; }
    .grid.gutter-medium { margin: 0 -7px; }
    .grid.gutter-medium li { padding: 7px 7px }
    .grid.gutter-large { margin: 0 -10px; }
    .grid.gutter-large li { padding: 10px 10px }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(odd) .portfolio-box { padding: 0 0 10%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(even) .portfolio-box { padding: 0 10% 10%; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 115px)); -webkit-transform: translateY(calc(100% - 115px)); -moz-transform: translateY(calc(100% - 115px)); -ms-transform: translateY(calc(100% - 115px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 35px; bottom: 35px; }

    /* accordion style 04 */
    .accordion-style-04 .panel { padding-left: 20px; padding-right: 20px; }
    .accordion-style-04 .panel .panel-time { min-width: 115px; }
    .accordion-style-04 .panel .accordion-toggle { width: calc(100% - 330px); }
    .accordion-style-04 .panel .panel-body { margin-left: 115px; width: 70%; }    

    /* time table */
    .time-table .panel .panel-time, .time-table .panel .panel-speaker { width: 100%; text-align: center; }
    .time-table .panel .panel-body { width: 100%; }

    /* tab */
    .nav-tabs > li { padding: 0; display: block; margin-bottom: 10px; width: 100%; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { border: none; }
    .nav-tabs > li.nav-item { padding: 0; }

    /* tab style 01 */
    .tab-style-01 .nav-tabs { display: table; width: 100%;}
    .tab-style-01 .nav-tabs > li.nav-item { padding: 0; margin: 0 auto 20px; display: inherit; width: auto; }
    .tab-style-01 .nav-tabs > li.nav-item > a.nav-link { display: inline-block; }

    /* tab style 02 */
    .tab-style-02 .nav-tabs > li.nav-item { margin: 0 0 15px 0;}
    .tab-style-02 .nav-tabs > li.nav-item:last-child { margin-bottom: 0;}

    /* tab style 03 */
    .tab-style-03 .nav-tabs > li.nav-item { padding: 0; margin-bottom: 30px; border: 0; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: auto; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { margin-bottom: 5px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs { border-bottom: none; }
    .tab-style-06 .nav-tabs > li.nav-item { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10); }
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 15px 20px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .tab-style-07 .nav-tabs > li.nav-item { border-bottom: 1px solid #e4e4e4; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 10px 30px 8px 30px; }

    /* process step style 04 */
    .process-step-style-04 .process-content { padding-top: 40px; }

    /* grid filter */
    .grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover { border-bottom: 1px solid; }

    /* newsletter style 01 */
    .newsletter-style-01 input { padding-right: 20px; }

    /* table style 01 */
    .table-style-01 table { width: 600px; }

    /* pricing table style 02 */
    .pricing-table-style-02 .pricing-popular { left: 0; width: 100%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { padding: 0 15px; }

    /* no border */
    .sm-no-border-top { border-top:0 !important }
    .sm-no-border-bottom { border-bottom:0 !important }
    .sm-no-border-right { border-right:0 !important }
    .sm-no-border-left { border-left:0 !important }
    .sm-no-border-all { border: 0 !important }

    /* border width */
    .sm-border-width-1px { border-width:1px !important; }
    .sm-border-width-2px { border-width:2px !important; }
    .sm-border-width-3px { border-width:3px !important; }
    .sm-border-width-4px { border-width:4px !important; }
    .sm-border-width-5px { border-width:5px !important; }
    .sm-border-width-6px { border-width:6px !important; }
    .sm-border-width-7px { border-width:7px !important; }
    .sm-border-width-8px { border-width:8px !important; }
    .sm-border-width-9px { border-width:9px !important; }
    .sm-border-width-10px { border-width:10px !important; }
    .sm-border-width-11px { border-width:11px !important; }
    .sm-border-width-12px { border-width:12px !important; }
    .sm-border-width-13px { border-width:13px !important; }
    .sm-border-width-14px { border-width:14px !important; }
    .sm-border-width-15px { border-width:15px !important; }
    .sm-border-width-16px { border-width:16px !important; }
    .sm-border-width-17px { border-width:17px !important; }
    .sm-border-width-18px { border-width:18px !important; }
    .sm-border-width-19px { border-width:19px !important; }
    .sm-border-width-20px { border-width:20px !important; }

    /* border */
    .sm-border-all { border: 1px solid; }
    .sm-border-top { border-top: 1px solid; }
    .sm-border-bottom { border-bottom: 1px solid; }
    .sm-border-left { border-left: 1px solid; }
    .sm-border-right { border-right: 1px solid; }
    .sm-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .sm-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .sm-border-color-white { border-color: #fff; }
    .sm-border-color-black { border-color: #000; }
    .sm-border-color-sky-blue { border-color: #2e94eb; }
    .sm-border-color-extra-dark-gray { border-color: #232323; }
    .sm-border-color-medium-dark-gray { border-color: #363636; }
    .sm-border-color-dark-gray { border-color: #939393; }
    .sm-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .sm-border-color-medium-gray { border-color: #e4e4e4; }
    .sm-border-color-extra-light-gray { border-color: #ededed; }
    .sm-border-color-light-gray { border-color: #f5f5f5; }
    .sm-border-color-light-pink { border-color: #862237; }
    .sm-border-color-deep-pink { border-color: #ff214f; }
    .sm-border-color-pink { border-color: #ff357c; }
    .sm-border-color-fast-blue { border-color: #0038e3; }
    .sm-border-color-orange { border-color: #ff6437; }
    .sm-border-color-green { border-color: #45d690; }
    .sm-border-color-golden { border-color: #d0ba6d; }
    .sm-border-color-persian-blue { border-color: #0039CC; }
    .sm-border-color-purple { border-color: #7342ac; }
    .sm-border-color-parrot-green { border-color: #cee002; }
    .sm-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .sm-border-color-transparent { border-color: transparent; }
    .sm-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .sm-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .sm-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .sm-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .sm-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .sm-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .sm-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .sm-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .sm-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .sm-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .sm-border-dotted { border-style: dotted !important; }
    .sm-border-dashed { border-style: dashed !important; }
    .sm-border-solid { border-style: solid !important; }
    .sm-border-double { border-style: double !important; }
    .sm-border-groove { border-style: groove !important; }
    .sm-border-ridge { border-style: ridge !important; }
    .sm-border-inset { border-style: inset !important; }
    .sm-border-outset { border-style: outset !important; }
    .sm-border-none { border-style: none !important; }
    .sm-border-hidden { border-style: hidden !important; }
    .sm-border-transperent { border-color: transparent !important; }

    /* navigation */
    .navbar-toggler { margin-left: 0;}
    .navbar-nav { padding-left: 0; padding-right: 0; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 0; padding-left: 0; }
    .top-bar .container-lg { padding-left: 0; padding-right: 0;}
    header .top-bar + .navbar.fixed-top { top: 0; }

    /* hamburger menu */
    .hamburger-menu { width: 100%; min-width: 0; }
    .hamburger-menu .close-button-menu { top: 0; right: 0; }
    .hamburger-menu.menu-full-width .hamburger-menu-wrepper { width: 100%; }
    .hamburger-menu.menu-full-width .menu-list { width: 90%; }
    .hamburger-menu.menu-half-width { width: 100%; }

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li { padding: 10px 0; }
    .hamburger-menu-big-font .menu-list li a { font-size: 24px; line-height: 30px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 27px; }
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 15px 0 0 15px; }

    /* header sidebar */
    .sidebar-nav-action, .side-menu-header { padding-left: 15px; padding-right: 15px; }

    /* page title */
    .page-title-small span { margin-left: 0; padding-left: 0; }
    .page-title-small span:before { display: none; }
    .page-title-large h1 { font-size: 30px; line-height: 40px; }

    /* blog side image */
    .blog-side-image .blog-post { padding: 20px; }
    .blog-side-image .blog-post:nth-child(odd) { padding-right: 20px; }
    .blog-side-image .blog-post:nth-child(even) { padding-left: 20px; }
    .blog-side-image .blog-post-image, .blog-side-image .post-details { width: 100%; }
    .blog-side-image .blog-post:nth-child(even) .blog-post-image { -ms-flex-order: 1; order: 1; }
    .blog-side-image .blog-post:nth-child(even) .post-details { -ms-flex-order: 2; order: 2; }
    .blog-side-image .avtar-image { width: 30px; margin-right: 15px; }
    .blog-side-image .separator { display: inline-block; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 100px; }

    /* sidebar */
    .shopping-left-side-bar .shopping-content, .blog-left-side-bar .blog-content { order: 1; -ms-flex-order: 1; }
    .shopping-left-side-bar .shopping-sidebar, .blog-right-side-bar .blog-content { order: 2; -ms-flex-order: 2; }

    /* video icons */
    .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -30px; left: -30px; }
    .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -15px; left: -15px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }

    /* video icon size */
    .video-icon-double-large .video-icon { width: 80px; height: 80px; font-size: 28px; }
    .video-icon-double-large.video-icon-box .video-icon i { margin-left: 5px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 140px; height: 140px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 110px; height: 110px; }

    /* notify popup */
    .mfp-auto-cursor .mfp-content.notify-popup { padding-top: 35px; padding-bottom: 35px;}
    .show-notify-popup .mfp-container { padding-top: 0; }
    .mfp-notify button.mfp-close { top: 0; right: 0; }

    /* accordion style 03 */
    .accordion-style-03 .panel { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }
    .accordion-style-03 .panel .panel-heading { padding: 15px 25px 15px 0; }

    /* cart and checkout page */
    .total-price-table td, .total-price-table th { padding-top: 15px; padding-bottom: 15px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 0; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 20px; margin-left: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 25px; bottom: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:hover:after { width: calc(100% - 50px); }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 35px; line-height: 35px; padding: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 1px; }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-image { width: 80%; }
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 30%; }
    .home-photography .hover-option-2 .hover-option-content { width: 35%; }

    /* freelancer */
    .home-freelancer .title-extra-large-heavy { line-height: 70px; }
    .home-freelancer .title-extra-large { font-size: 65px; }
    .home-freelancer-bg-img { background: none !important; }

    /* hotel resort */
    .home-hotel-resort .book-now-btn { font-size: 11px !important; padding: 12px 24px !important; }
    .home-hotel-resort .rev_slider_wrapper { height: 450px !important; }

    /* swiper horizontal 3d */
    .swiper-horizontal-3d.swiper-container { padding-bottom: 0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .swiper-horizontal-3d .swiper-slide.swiper-slide-next { opacity: .0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-active { box-shadow: none; }

    /*home architecture*/
    .home-architecture .tparrows.tp-leftarrow { transform: translate(0) !important; bottom: 0; right: 0; top: auto !important; left: auto !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: translate(0) !important; bottom: 67px; right: 0; top: auto !important; left: auto !important; }

    /* split slider */
    .home-split-portfolio .title-large { font-size: 70px; line-height: 65px; }

    /* elements social icon page */
    .elements-social .extra-small-icon li, .elements-social .small-icon li, .elements-social .medium-icon li, .elements-social .large-icon li, .elements-social .extra-large-icon li { margin-bottom: 20px; }

    .home-startup .tp-bullet { opacity: 0.5; height: 10px !important; width: 10px !important; }

    /*home decor*/
    .home-decor .tp-bullets { transform: translateX(-50%) !important; bottom: 30px !important; top: auto !important; }
    
    /* text shadow */
    .sm-no-text-shadow { text-shadow: none;}
    
    /* horizontal portfolio slider */
    .horizontal-portfolio-slider-main .horizontal-portfolio-slider .swiper-slide { height: auto;}
}

@media screen and (max-width: 575px) {
    /* reset */
    section.big-section { padding:50px 0; }
    .xs-last-order { order: 10; }

    /* text size */
    .text-extra-big-2 { font-size: 230px; line-height: 190px; }

    /* lineheight */
    .xs-line-height-0px { line-height: 0px; }
    .xs-line-height-8px { line-height: 8px; }
    .xs-line-height-10px { line-height: 10px; }
    .xs-line-height-14px { line-height: 14px; }
    .xs-line-height-15px { line-height: 15px; }
    .xs-line-height-16px { line-height: 16px; }
    .xs-line-height-18px { line-height: 18px; }
    .xs-line-height-20px { line-height: 20px; }
    .xs-line-height-22px { line-height: 22px; }
    .xs-line-height-24px { line-height: 24px; }
    .xs-line-height-26px { line-height: 26px; }
    .xs-line-height-28px { line-height: 28px; }
    .xs-line-height-30px { line-height: 30px; }
    .xs-line-height-32px { line-height: 32px; }
    .xs-line-height-34px { line-height: 34px; }
    .xs-line-height-36px { line-height: 36px; }
    .xs-line-height-38px { line-height: 38px; }
    .xs-line-height-40px { line-height: 40px; }
    .xs-line-height-50px { line-height: 50px; }
    .xs-line-height-140px { line-height: 140px; }
    .xs-line-height-normal { line-height: normal; }

    /* letter spacing minus */
    .xs-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .xs-letter-spacing-minus-1px { letter-spacing: -1px; }
    .xs-letter-spacing-minus-2px { letter-spacing: -2px; }
    .xs-letter-spacing-minus-3px { letter-spacing: -3px; }
    .xs-letter-spacing-minus-4px { letter-spacing: -4px; }
    .xs-letter-spacing-minus-5px { letter-spacing: -5px; }

    /* absolute middle center */
    .xs-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .xs-background-image-none { background: inherit !important; }
    .xs-background-position-left { background-position: left center; }
    .xs-background-position-right { background-position: right center; }
    .xs-background-position-top { background-position: right top; }
    .xs-background-position-center { background-position: center; }
    .xs-background-position-left-top { background-position: left top; }

    /* overlap */
    .text-overlap-style-04 { font-size: 55px; line-height: 65px; }

    /* box shadow */
    .xs-box-shadow-none { box-shadow: none; }

    /* margin */
    .xs-margin-one-all { margin:1%; }
    .xs-margin-two-all { margin:2%; }
    .xs-margin-three-all { margin:3%; }
    .xs-margin-four-all { margin:4%; }
    .xs-margin-five-all { margin:5%; }
    .xs-margin-six-all { margin:6%; }
    .xs-margin-seven-all { margin:7%; }
    .xs-margin-eight-all { margin:8%; }
    .xs-margin-nine-all { margin:9%; }
    .xs-margin-ten-all { margin:10%; }
    .xs-margin-eleven-all { margin:11%; }
    .xs-margin-twelve-all { margin:12%; }
    .xs-margin-thirteen-all { margin:13%; }
    .xs-margin-fourteen-all { margin:14%; }
    .xs-margin-fifteen-all { margin:15%; }
    .xs-margin-sixteen-all { margin:16%; }
    .xs-margin-seventeen-all { margin:17%; }
    .xs-margin-eighteen-all { margin:18%; }
    .xs-margin-nineteen-all { margin:19%; }
    .xs-margin-twenty-all { margin:20%; }
    .xs-margin-5px-all { margin:5px; }
    .xs-margin-10px-all { margin:10px; }
    .xs-margin-15px-all { margin:15px; }
    .xs-margin-20px-all { margin:20px; }
    .xs-margin-25px-all { margin:25px; }
    .xs-margin-30px-all { margin:30px; }
    .xs-margin-35px-all { margin:35px; }
    .xs-margin-40px-all { margin:40px; }
    .xs-margin-45px-all { margin:45px; }
    .xs-margin-50px-all { margin:50px; }
    .xs-margin-55px-all { margin:55px; }
    .xs-margin-60px-all { margin:60px; }
    .xs-margin-65px-all { margin:65px; }
    .xs-margin-70px-all { margin:70px; }
    .xs-margin-75px-all { margin:75px; }
    .xs-margin-80px-all { margin:80px; }
    .xs-margin-85px-all { margin:85px; }
    .xs-margin-90px-all { margin:90px; }
    .xs-margin-95px-all { margin:95px; }
    .xs-margin-100px-all { margin:100px; }
    .xs-margin-1-rem-all { margin: 1rem; }
    .xs-margin-1-half-rem-all { margin: 1.5rem; }
    .xs-margin-2-rem-all { margin: 2rem; }
    .xs-margin-2-half-rem-all { margin: 2.5rem; }
    .xs-margin-3-rem-all { margin: 3rem; }
    .xs-margin-3-half-rem-all { margin: 3.5rem; }
    .xs-margin-4-rem-all { margin: 4rem; }
    .xs-margin-4-half-rem-all { margin: 4.5rem; }
    .xs-margin-5-rem-all { margin: 5rem; }
    .xs-margin-5-half-rem-all { margin: 5.5rem; }
    .xs-margin-6-rem-all { margin: 6rem; }
    .xs-margin-6-half-rem-all { margin: 6.5rem; }
    .xs-margin-7-rem-all { margin: 7rem; }
    .xs-margin-7-half-rem-all { margin: 7.5rem; }
    .xs-margin-8-rem-all { margin: 8rem; }
    .xs-margin-8-half-rem-all { margin: 8.5rem; }
    .xs-margin-9-rem-all { margin: 9rem; }
    .xs-margin-9-half-rem-all { margin: 9.5rem; }
    .xs-margin-10-rem-all { margin: 10rem; }
    .xs-margin-10-half-rem-all { margin: 10.5rem; }

    /* margin top */
    .xs-margin-one-top { margin-top:1%; }
    .xs-margin-two-top { margin-top:2%; }
    .xs-margin-three-top { margin-top:3%; }
    .xs-margin-four-top { margin-top:4%; }
    .xs-margin-five-top { margin-top:5%; }
    .xs-margin-six-top { margin-top:6%; }
    .xs-margin-seven-top { margin-top:7%; }
    .xs-margin-eight-top { margin-top:8%; }
    .xs-margin-nine-top { margin-top:9%; }
    .xs-margin-ten-top { margin-top:10%; }
    .xs-margin-eleven-top { margin-top:11%; }
    .xs-margin-twelve-top { margin-top:12%; }
    .xs-margin-thirteen-top { margin-top:13%; }
    .xs-margin-fourteen-top { margin-top:14%; }
    .xs-margin-fifteen-top { margin-top:15%; }
    .xs-margin-sixteen-top { margin-top:16%; }
    .xs-margin-seventeen-top { margin-top:17%; }
    .xs-margin-eighteen-top { margin-top:18%; }
    .xs-margin-nineteen-top { margin-top:19%; }
    .xs-margin-twenty-top { margin-top:20%; }
    .xs-margin-5px-top { margin-top:5px; }
    .xs-margin-10px-top { margin-top:10px; }
    .xs-margin-15px-top { margin-top:15px; }
    .xs-margin-20px-top { margin-top:20px; }
    .xs-margin-25px-top { margin-top:25px; }
    .xs-margin-30px-top { margin-top:30px; }
    .xs-margin-35px-top { margin-top:35px; }
    .xs-margin-40px-top { margin-top:40px; }
    .xs-margin-45px-top { margin-top:45px; }
    .xs-margin-50px-top { margin-top:50px; }
    .xs-margin-55px-top { margin-top:55px; }
    .xs-margin-60px-top { margin-top:60px; }
    .xs-margin-65px-top { margin-top:65px; }
    .xs-margin-70px-top { margin-top:70px; }
    .xs-margin-75px-top { margin-top:75px; }
    .xs-margin-80px-top { margin-top:80px; }
    .xs-margin-85px-top { margin-top:85px; }
    .xs-margin-90px-top { margin-top:90px; }
    .xs-margin-95px-top { margin-top:95px; }
    .xs-margin-100px-top { margin-top:100px; }
    .xs-margin-1-rem-top { margin-top: 1rem; }
    .xs-margin-1-half-rem-top { margin-top: 1.5rem; }
    .xs-margin-2-rem-top { margin-top: 2rem; }
    .xs-margin-2-half-rem-top { margin-top: 2.5rem; }
    .xs-margin-3-rem-top { margin-top: 3rem; }
    .xs-margin-3-half-rem-top { margin-top: 3.5rem; }
    .xs-margin-4-rem-top { margin-top: 4rem; }
    .xs-margin-4-half-rem-top { margin-top: 4.5rem; }
    .xs-margin-5-rem-top { margin-top: 5rem; }
    .xs-margin-5-half-rem-top { margin-top: 5.5rem; }
    .xs-margin-6-rem-top { margin-top: 6rem; }
    .xs-margin-6-half-rem-top { margin-top: 6.5rem; }
    .xs-margin-7-rem-top { margin-top: 7rem; }
    .xs-margin-7-half-rem-top { margin-top: 7.5rem; }
    .xs-margin-8-rem-top { margin-top: 8rem; }
    .xs-margin-8-half-rem-top { margin-top: 8.5rem; }
    .xs-margin-9-rem-top { margin-top: 9rem; }
    .xs-margin-9-half-rem-top { margin-top: 9.5rem; }
    .xs-margin-10-rem-top { margin-top: 10rem; }
    .xs-margin-10-half-rem-top { margin-top: 10.5rem; }

    /* margin bottom */
    .xs-margin-one-bottom { margin-bottom:1%; }
    .xs-margin-two-bottom { margin-bottom:2%; }
    .xs-margin-three-bottom { margin-bottom:3%; }
    .xs-margin-four-bottom { margin-bottom:4%; }
    .xs-margin-five-bottom { margin-bottom:5%; }
    .xs-margin-six-bottom { margin-bottom:6%; }
    .xs-margin-seven-bottom { margin-bottom:7%; }
    .xs-margin-eight-bottom { margin-bottom:8%; }
    .xs-margin-nine-bottom { margin-bottom:9%; }
    .xs-margin-ten-bottom { margin-bottom:10%; }
    .xs-margin-eleven-bottom { margin-bottom:11%; }
    .xs-margin-twelve-bottom { margin-bottom:12%; }
    .xs-margin-thirteen-bottom { margin-bottom:13%; }
    .xs-margin-fourteen-bottom { margin-bottom:14%; }
    .xs-margin-fifteen-bottom { margin-bottom:15%; }
    .xs-margin-sixteen-bottom { margin-bottom:16%; }
    .xs-margin-seventeen-bottom { margin-bottom:17%; }
    .xs-margin-eighteen-bottom { margin-bottom:18%; }
    .xs-margin-nineteen-bottom { margin-bottom:19%; }
    .xs-margin-twenty-bottom { margin-bottom:20%; }
    .xs-margin-5px-bottom { margin-bottom:5px; }
    .xs-margin-10px-bottom { margin-bottom:10px; }
    .xs-margin-15px-bottom { margin-bottom:15px; }
    .xs-margin-20px-bottom { margin-bottom:20px; }
    .xs-margin-25px-bottom { margin-bottom:25px; }
    .xs-margin-30px-bottom { margin-bottom:30px; }
    .xs-margin-35px-bottom { margin-bottom:35px; }
    .xs-margin-40px-bottom { margin-bottom:40px; }
    .xs-margin-45px-bottom { margin-bottom:45px; }
    .xs-margin-50px-bottom { margin-bottom:50px; }
    .xs-margin-55px-bottom { margin-bottom:55px; }
    .xs-margin-60px-bottom { margin-bottom:60px; }
    .xs-margin-65px-bottom { margin-bottom:65px; }
    .xs-margin-70px-bottom { margin-bottom:70px; }
    .xs-margin-75px-bottom { margin-bottom:75px; }
    .xs-margin-80px-bottom { margin-bottom:80px; }
    .xs-margin-85px-bottom { margin-bottom:85px; }
    .xs-margin-90px-bottom { margin-bottom:90px; }
    .xs-margin-95px-bottom { margin-bottom:95px; }
    .xs-margin-100px-bottom { margin-bottom:100px; }
    .xs-margin-1-rem-bottom { margin-bottom: 1rem; }
    .xs-margin-1-half-rem-bottom { margin-bottom: 1.5rem; }
    .xs-margin-2-rem-bottom { margin-bottom: 2rem; }
    .xs-margin-2-half-rem-bottom { margin-bottom: 2.5rem; }
    .xs-margin-3-rem-bottom { margin-bottom: 3rem; }
    .xs-margin-3-half-rem-bottom { margin-bottom: 3.5rem; }
    .xs-margin-4-rem-bottom { margin-bottom: 4rem; }
    .xs-margin-4-half-rem-bottom { margin-bottom: 4.5rem; }
    .xs-margin-5-rem-bottom { margin-bottom: 5rem; }
    .xs-margin-5-half-rem-bottom { margin-bottom: 5.5rem; }
    .xs-margin-6-rem-bottom { margin-bottom: 6rem; }
    .xs-margin-6-half-rem-bottom { margin-bottom: 6.5rem; }
    .xs-margin-7-rem-bottom { margin-bottom: 7rem; }
    .xs-margin-7-half-rem-bottom { margin-bottom: 7.5rem; }
    .xs-margin-8-rem-bottom { margin-bottom: 8rem; }
    .xs-margin-8-half-rem-bottom { margin-bottom: 8.5rem; }
    .xs-margin-9-rem-bottom { margin-bottom: 9rem; }
    .xs-margin-9-half-rem-bottom { margin-bottom: 9.5rem; }
    .xs-margin-10-rem-bottom { margin-bottom: 10rem; }
    .xs-margin-10-half-rem-bottom { margin-bottom: 10.5rem; }

    /* margin right */
    .xs-margin-one-right { margin-right:1%; }
    .xs-margin-two-right { margin-right:2%; }
    .xs-margin-three-right { margin-right:3%; }
    .xs-margin-four-right { margin-right:4%; }
    .xs-margin-five-right { margin-right:5%; }
    .xs-margin-six-right { margin-right:6%; }
    .xs-margin-seven-right { margin-right:7%; }
    .xs-margin-eight-right { margin-right:8%; }
    .xs-margin-nine-right { margin-right:9%; }
    .xs-margin-ten-right { margin-right:10%; }
    .xs-margin-eleven-right { margin-right:11%; }
    .xs-margin-twelve-right { margin-right:12%; }
    .xs-margin-thirteen-right { margin-right:13%; }
    .xs-margin-fourteen-right { margin-right:14%; }
    .xs-margin-fifteen-right { margin-right:15%; }
    .xs-margin-sixteen-right { margin-right:16%; }
    .xs-margin-seventeen-right { margin-right:17%; }
    .xs-margin-eighteen-right { margin-right:18%; }
    .xs-margin-nineteen-right { margin-right:19%; }
    .xs-margin-twenty-right { margin-right:20%; }
    .xs-margin-5px-right { margin-right:5px; }
    .xs-margin-10px-right { margin-right:10px; }
    .xs-margin-15px-right { margin-right:15px; }
    .xs-margin-20px-right { margin-right:20px; }
    .xs-margin-25px-right { margin-right:25px; }
    .xs-margin-30px-right { margin-right:30px; }
    .xs-margin-35px-right { margin-right:35px; }
    .xs-margin-40px-right { margin-right:40px; }
    .xs-margin-45px-right { margin-right:45px; }
    .xs-margin-50px-right { margin-right:50px; }
    .xs-margin-55px-right { margin-right:55px; }
    .xs-margin-60px-right { margin-right:60px; }
    .xs-margin-65px-right { margin-right:65px; }
    .xs-margin-70px-right { margin-right:70px; }
    .xs-margin-75px-right { margin-right:75px; }
    .xs-margin-80px-right { margin-right:80px; }
    .xs-margin-85px-right { margin-right:85px; }
    .xs-margin-90px-right { margin-right:90px; }
    .xs-margin-95px-right { margin-right:95px; }
    .xs-margin-100px-right { margin-right:100px; }
    .xs-margin-1-rem-right { margin-right: 1rem; }
    .xs-margin-1-half-rem-right { margin-right: 1.5rem; }
    .xs-margin-2-rem-right { margin-right: 2rem; }
    .xs-margin-2-half-rem-right { margin-right: 2.5rem; }
    .xs-margin-3-rem-right { margin-right: 3rem; }
    .xs-margin-3-half-rem-right { margin-right: 3.5rem; }
    .xs-margin-4-rem-right { margin-right: 4rem; }
    .xs-margin-4-half-rem-right { margin-right: 4.5rem; }
    .xs-margin-5-rem-right { margin-right: 5rem; }
    .xs-margin-5-half-rem-right { margin-right: 5.5rem; }
    .xs-margin-6-rem-right { margin-right: 6rem; }
    .xs-margin-6-half-rem-right { margin-right: 6.5rem; }
    .xs-margin-7-rem-right { margin-right: 7rem; }
    .xs-margin-7-half-rem-right { margin-right: 7.5rem; }
    .xs-margin-8-rem-right { margin-right: 8rem; }
    .xs-margin-8-half-rem-right { margin-right: 8.5rem; }
    .xs-margin-9-rem-right { margin-right: 9rem; }
    .xs-margin-9-half-rem-right { margin-right: 9.5rem; }
    .xs-margin-10-rem-right { margin-right: 10rem; }
    .xs-margin-10-half-rem-right { margin-right: 10.5rem; }

    /* margin left */
    .xs-margin-one-left { margin-left:1%; }
    .xs-margin-two-left { margin-left:2%; }
    .xs-margin-three-left { margin-left:3%; }
    .xs-margin-four-left { margin-left:4%; }
    .xs-margin-five-left { margin-left:5%; }
    .xs-margin-six-left { margin-left:6%; }
    .xs-margin-seven-left { margin-left:7%; }
    .xs-margin-eight-left { margin-left:8%; }
    .xs-margin-nine-left { margin-left:9%; }
    .xs-margin-ten-left { margin-left:10%; }
    .xs-margin-eleven-left { margin-left:11%; }
    .xs-margin-twelve-left { margin-left:12%; }
    .xs-margin-thirteen-left { margin-left:13%; }
    .xs-margin-fourteen-left { margin-left:14%; }
    .xs-margin-fifteen-left { margin-left:15%; }
    .xs-margin-sixteen-left { margin-left:16%; }
    .xs-margin-seventeen-left { margin-left:17%; }
    .xs-margin-eighteen-left { margin-left:18%; }
    .xs-margin-nineteen-left { margin-left:19%; }
    .xs-margin-twenty-left { margin-left:20%; }
    .xs-margin-5px-left { margin-left:5px; }
    .xs-margin-10px-left { margin-left:10px; }
    .xs-margin-15px-left { margin-left:15px; }
    .xs-margin-20px-left { margin-left:20px; }
    .xs-margin-25px-left { margin-left:25px; }
    .xs-margin-30px-left { margin-left:30px; }
    .xs-margin-35px-left { margin-left:35px; }
    .xs-margin-40px-left { margin-left:40px; }
    .xs-margin-45px-left { margin-left:45px; }
    .xs-margin-50px-left { margin-left:50px; }
    .xs-margin-55px-left { margin-left:55px; }
    .xs-margin-60px-left { margin-left:60px; }
    .xs-margin-65px-left { margin-left:65px; }
    .xs-margin-70px-left { margin-left:70px; }
    .xs-margin-75px-left { margin-left:75px; }
    .xs-margin-80px-left { margin-left:80px; }
    .xs-margin-85px-left { margin-left:85px; }
    .xs-margin-90px-left { margin-left:90px; }
    .xs-margin-95px-left { margin-left:95px; }
    .xs-margin-100px-left { margin-left:100px; }
    .xs-margin-1-rem-left { margin-left: 1rem; }
    .xs-margin-1-half-rem-left { margin-left: 1.5rem; }
    .xs-margin-2-rem-left { margin-left: 2rem; }
    .xs-margin-2-half-rem-left { margin-left: 2.5rem; }
    .xs-margin-3-rem-left { margin-left: 3rem; }
    .xs-margin-3-half-rem-left { margin-left: 3.5rem; }
    .xs-margin-4-rem-left { margin-left: 4rem; }
    .xs-margin-4-half-rem-left { margin-left: 4.5rem; }
    .xs-margin-5-rem-left { margin-left: 5rem; }
    .xs-margin-5-half-rem-left { margin-left: 5.5rem; }
    .xs-margin-6-rem-left { margin-left: 6rem; }
    .xs-margin-6-half-rem-left { margin-left: 6.5rem; }
    .xs-margin-7-rem-left { margin-left: 7rem; }
    .xs-margin-7-half-rem-left { margin-left: 7.5rem; }
    .xs-margin-8-rem-left { margin-left: 8rem; }
    .xs-margin-8-half-rem-left { margin-left: 8.5rem; }
    .xs-margin-9-rem-left { margin-left: 9rem; }
    .xs-margin-9-half-rem-left { margin-left: 9.5rem; }
    .xs-margin-10-rem-left { margin-left: 10rem; }
    .xs-margin-10-half-rem-left { margin-left: 10.5rem; }

    /* margin left right */
    .xs-margin-one-lr { margin-left:1%; margin-right:1%; }
    .xs-margin-two-lr { margin-left:2%; margin-right:2%; }
    .xs-margin-three-lr { margin-left:3%; margin-right:3%; }
    .xs-margin-four-lr { margin-left:4%; margin-right:4%; }
    .xs-margin-five-lr { margin-left:5%; margin-right:5%; }
    .xs-margin-six-lr { margin-left:6%; margin-right:6%; }
    .xs-margin-seven-lr { margin-left:7%; margin-right:7%; }
    .xs-margin-eight-lr { margin-left:8%; margin-right:8%; }
    .xs-margin-nine-lr { margin-left:9%; margin-right:9%; }
    .xs-margin-ten-lr { margin-left:10%; margin-right:10%; }
    .xs-margin-eleven-lr { margin-left:11%; margin-right:11%; }
    .xs-margin-twelve-lr { margin-left:12%; margin-right:12%; }
    .xs-margin-thirteen-lr { margin-left:13%; margin-right:13%; }
    .xs-margin-fourteen-lr { margin-left:14%; margin-right:14%; }
    .xs-margin-fifteen-lr { margin-left:15%; margin-right:15%; }
    .xs-margin-sixteen-lr { margin-left:16%; margin-right:16%; }
    .xs-margin-seventeen-lr { margin-left:17%; margin-right:17%; }
    .xs-margin-eighteen-lr { margin-left:18%; margin-right:18%; }
    .xs-margin-nineteen-lr { margin-left:19%; margin-right:19%; }
    .xs-margin-twenty-lr { margin-left:20%; margin-right:20%; }
    .xs-margin-5px-lr { margin-left:5px; margin-right:5px; }
    .xs-margin-10px-lr { margin-left:10px; margin-right:10px; }
    .xs-margin-15px-lr { margin-left:15px; margin-right:15px; }
    .xs-margin-20px-lr { margin-left:20px; margin-right:20px; }
    .xs-margin-25px-lr { margin-left:25px; margin-right:25px; }
    .xs-margin-30px-lr { margin-left:30px; margin-right:30px; }
    .xs-margin-35px-lr { margin-left:35px; margin-right:35px; }
    .xs-margin-40px-lr { margin-left:40px; margin-right:40px; }
    .xs-margin-45px-lr { margin-left:45px; margin-right:45px; }
    .xs-margin-50px-lr { margin-left:50px; margin-right:50px; }
    .xs-margin-55px-lr { margin-left:55px; margin-right:55px; }
    .xs-margin-60px-lr { margin-left:60px; margin-right:60px; }
    .xs-margin-65px-lr { margin-left:65px; margin-right:65px; }
    .xs-margin-70px-lr { margin-left:70px; margin-right:70px; }
    .xs-margin-75px-lr { margin-left:75px; margin-right:75px; }
    .xs-margin-80px-lr { margin-left:80px; margin-right:80px; }
    .xs-margin-85px-lr { margin-left:85px; margin-right:85px; }
    .xs-margin-90px-lr { margin-left:90px; margin-right:90px; }
    .xs-margin-95px-lr { margin-left:95px; margin-right:95px; }
    .xs-margin-100px-lr { margin-left:100px; margin-right:100px; }
    .xs-margin-1-rem-lr { margin-left: 1rem; margin-right: 1rem; }
    .xs-margin-1-half-rem-lr { margin-left: 1.5rem; margin-right: 1.5rem; }
    .xs-margin-2-rem-lr { margin-left: 2rem; margin-right: 2rem; }
    .xs-margin-2-half-rem-lr { margin-left: 2.5rem; margin-right: 2.5rem; }
    .xs-margin-3-rem-lr { margin-left: 3rem; margin-right: 3rem; }
    .xs-margin-3-half-rem-lr { margin-left: 3.5rem; margin-right: 3.5rem; }
    .xs-margin-4-rem-lr { margin-left: 4rem; margin-right: 4rem; }
    .xs-margin-4-half-rem-lr { margin-left: 4.5rem; margin-right: 4.5rem; }
    .xs-margin-5-rem-lr { margin-left: 5rem; margin-right: 5rem; }
    .xs-margin-5-half-rem-lr { margin-left: 5.5rem; margin-right: 5.5rem; }
    .xs-margin-6-rem-lr { margin-left: 6rem; margin-right: 6rem; }
    .xs-margin-6-half-rem-lr { margin-left: 6.5rem; margin-right: 6.5rem; }
    .xs-margin-7-rem-lr { margin-left: 7rem; margin-right: 7rem; }
    .xs-margin-7-half-rem-lr { margin-left: 7.5rem; margin-right: 7.5rem; }
    .xs-margin-8-rem-lr { margin-left: 8rem; margin-right: 8rem; }
    .xs-margin-8-half-rem-lr { margin-left: 8.5rem; margin-right: 8.5rem; }
    .xs-margin-9-rem-lr { margin-left: 9rem; margin-right: 9rem; }
    .xs-margin-9-half-rem-lr { margin-left: 9.5rem; margin-right: 9.5rem; }
    .xs-margin-10-rem-lr { margin-left: 10rem; margin-right: 10rem; }
    .xs-margin-10-half-rem-lr { margin-left: 10.5rem; margin-right: 10.5rem; }

    /* margin top bottom */
    .xs-margin-one-tb { margin-top:1%; margin-bottom:1%; }
    .xs-margin-two-tb { margin-top:2%; margin-bottom:2%; }
    .xs-margin-three-tb { margin-top:3%; margin-bottom:3%; }
    .xs-margin-four-tb { margin-top:4%; margin-bottom:4%; }
    .xs-margin-five-tb { margin-top:5%; margin-bottom:5%; }
    .xs-margin-six-tb { margin-top:6%; margin-bottom:6%; }
    .xs-margin-seven-tb { margin-top:7%; margin-bottom:7%; }
    .xs-margin-eight-tb { margin-top:8%; margin-bottom:8%; }
    .xs-margin-nine-tb { margin-top:9%; margin-bottom:9%; }
    .xs-margin-ten-tb { margin-top:10%; margin-bottom:10%; }
    .xs-margin-eleven-tb { margin-top:11%; margin-bottom:11%; }
    .xs-margin-twelve-tb { margin-top:12%; margin-bottom:12%; }
    .xs-margin-thirteen-tb { margin-top:13%; margin-bottom:13%; }
    .xs-margin-fourteen-tb { margin-top:14%; margin-bottom:14%; }
    .xs-margin-fifteen-tb { margin-top:15%; margin-bottom:15%; }
    .xs-margin-sixteen-tb { margin-top:16%; margin-bottom:16%; }
    .xs-margin-seventeen-tb { margin-top:17%; margin-bottom:17%; }
    .xs-margin-eighteen-tb { margin-top:18%; margin-bottom:18%; }
    .xs-margin-nineteen-tb { margin-top:19%; margin-bottom:19%; }
    .xs-margin-twenty-tb { margin-top:20%; margin-bottom:20%; }
    .xs-margin-5px-tb { margin-top:5px; margin-bottom:5px; }
    .xs-margin-10px-tb { margin-top:10px; margin-bottom:10px; }
    .xs-margin-15px-tb { margin-top:15px; margin-bottom:15px; }
    .xs-margin-20px-tb { margin-top:20px; margin-bottom:20px; }
    .xs-margin-25px-tb { margin-top:25px; margin-bottom:25px; }
    .xs-margin-30px-tb { margin-top:30px; margin-bottom:30px; }
    .xs-margin-35px-tb { margin-top:35px; margin-bottom:35px; }
    .xs-margin-40px-tb { margin-top:40px; margin-bottom:40px; }
    .xs-margin-45px-tb { margin-top:45px; margin-bottom:45px; }
    .xs-margin-50px-tb { margin-top:50px; margin-bottom:50px; }
    .xs-margin-55px-tb { margin-top:55px; margin-bottom:55px; }
    .xs-margin-60px-tb { margin-top:60px; margin-bottom:60px; }
    .xs-margin-65px-tb { margin-top:65px; margin-bottom:65px; }
    .xs-margin-70px-tb { margin-top:70px; margin-bottom:70px; }
    .xs-margin-75px-tb { margin-top:75px; margin-bottom:75px; }
    .xs-margin-80px-tb { margin-top:80px; margin-bottom:80px; }
    .xs-margin-85px-tb { margin-top:85px; margin-bottom:85px; }
    .xs-margin-90px-tb { margin-top:90px; margin-bottom:90px; }
    .xs-margin-95px-tb { margin-top:95px; margin-bottom:95px; }
    .xs-margin-100px-tb { margin-top:100px; margin-bottom:100px; }
    .xs-margin-1-rem-tb { margin-top: 1rem; margin-bottom: 1rem; }
    .xs-margin-1-half-rem-tb { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .xs-margin-2-rem-tb { margin-top: 2rem; margin-bottom: 2rem; }
    .xs-margin-2-half-rem-tb { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .xs-margin-3-rem-tb { margin-top: 3rem; margin-bottom: 3rem; }
    .xs-margin-3-half-rem-tb { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .xs-margin-4-rem-tb { margin-top: 4rem; margin-bottom: 4rem; }
    .xs-margin-4-half-rem-tb { margin-top: 4.5rem; margin-bottom: 4.5rem; }
    .xs-margin-5-rem-tb { margin-top: 5rem; margin-bottom: 5rem; }
    .xs-margin-5-half-rem-tb { margin-top: 5.5rem; margin-bottom: 5.5rem; }
    .xs-margin-6-rem-tb { margin-top: 6rem; margin-bottom: 6rem; }
    .xs-margin-6-half-rem-tb { margin-top: 6.5rem; margin-bottom: 6.5rem; }
    .xs-margin-7-rem-tb { margin-top: 7rem; margin-bottom: 7rem; }
    .xs-margin-7-half-rem-tb { margin-top: 7.5rem; margin-bottom: 7.5rem; }
    .xs-margin-8-rem-tb { margin-top: 8rem; margin-bottom: 8rem; }
    .xs-margin-8-half-rem-tb { margin-top: 8.5rem; margin-bottom: 8.5rem; }
    .xs-margin-9-rem-tb { margin-top: 9rem; margin-bottom: 9rem; }
    .xs-margin-9-half-rem-tb { margin-top: 9.5rem; margin-bottom: 9.5rem; }
    .xs-margin-10-rem-tb { margin-top: 10rem; margin-bottom: 10rem; }
    .xs-margin-10-half-rem-tb { margin-top: 10.5rem; margin-bottom: 10.5rem; }

    .xs-margin-auto-lr { margin-left: auto !important; margin-right: auto !important }
    .xs-margin-auto { margin: auto; }
    .xs-no-margin { margin: 0 !important; }
    .xs-no-margin-top { margin-top: 0 !important; }
    .xs-no-margin-bottom { margin-bottom: 0 !important; }
    .xs-no-margin-left { margin-left: 0 !important; }
    .xs-no-margin-right { margin-right: 0 !important; }
    .xs-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .xs-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    /* padding */
    .xs-padding-one-all { padding:1%; }
    .xs-padding-two-all { padding:2%; }
    .xs-padding-three-all { padding:3%; }
    .xs-padding-four-all { padding:4%; }
    .xs-padding-five-all { padding:5%; }
    .xs-padding-six-all { padding:6%; }
    .xs-padding-seven-all { padding:7%; }
    .xs-padding-eight-all { padding:8%; }
    .xs-padding-nine-all { padding:9%; }
    .xs-padding-ten-all { padding:10%; }
    .xs-padding-eleven-all { padding:11%; }
    .xs-padding-twelve-all { padding:12%; }
    .xs-padding-thirteen-all { padding:13%; }
    .xs-padding-fourteen-all { padding:14%; }
    .xs-padding-fifteen-all { padding:15%; }
    .xs-padding-sixteen-all { padding:16%; }
    .xs-padding-seventeen-all { padding:17%; }
    .xs-padding-eighteen-all { padding:18%; }
    .xs-padding-nineteen-all { padding:19%; }
    .xs-padding-twenty-all { padding:20%; }
    .xs-padding-5px-all { padding:5px; }
    .xs-padding-10px-all { padding:10px; }
    .xs-padding-15px-all { padding:15px; }
    .xs-padding-20px-all { padding:20px; }
    .xs-padding-25px-all { padding:25px; }
    .xs-padding-30px-all { padding:30px; }
    .xs-padding-35px-all { padding:35px; }
    .xs-padding-40px-all { padding:40px; }
    .xs-padding-45px-all { padding:45px; }
    .xs-padding-50px-all { padding:50px; }
    .xs-padding-55px-all { padding:55px; }
    .xs-padding-60px-all { padding:60px; }
    .xs-padding-65px-all { padding:65px; }
    .xs-padding-70px-all { padding:70px; }
    .xs-padding-75px-all { padding:75px; }
    .xs-padding-80px-all { padding:80px; }
    .xs-padding-85px-all { padding:85px; }
    .xs-padding-90px-all { padding:90px; }
    .xs-padding-95px-all { padding:95px; }
    .xs-padding-100px-all { padding:100px; }
    .xs-padding-1-rem-all { padding: 1rem; }
    .xs-padding-1-half-rem-all { padding: 1.5rem; }
    .xs-padding-2-rem-all { padding: 2rem; }
    .xs-padding-2-half-rem-all { padding: 2.5rem; }
    .xs-padding-3-rem-all { padding: 3rem; }
    .xs-padding-3-half-rem-all { padding: 3.5rem; }
    .xs-padding-4-rem-all { padding: 4rem; }
    .xs-padding-4-half-rem-all { padding: 4.5rem; }
    .xs-padding-5-rem-all { padding: 5rem; }
    .xs-padding-5-half-rem-all { padding: 5.5rem; }
    .xs-padding-6-rem-all { padding: 6rem; }
    .xs-padding-6-half-rem-all { padding: 6.5rem; }
    .xs-padding-7-rem-all { padding: 7rem; }
    .xs-padding-7-half-rem-all { padding: 7.5rem; }
    .xs-padding-8-rem-all { padding: 8rem; }
    .xs-padding-8-half-rem-all { padding: 8.5rem; }
    .xs-padding-9-rem-all { padding: 9rem; }
    .xs-padding-9-half-rem-all { padding: 9.5rem; }
    .xs-padding-10-rem-all { padding: 10rem; }
    .xs-padding-10-half-rem-all { padding: 10.5rem; }

    /* padding top */
    .xs-padding-one-top { padding-top:1%; }
    .xs-padding-two-top { padding-top:2%; }
    .xs-padding-three-top { padding-top:3%; }
    .xs-padding-four-top { padding-top:4%; }
    .xs-padding-five-top { padding-top:5%; }
    .xs-padding-six-top { padding-top:6%; }
    .xs-padding-seven-top { padding-top:7%; }
    .xs-padding-eight-top { padding-top:8%; }
    .xs-padding-nine-top { padding-top:9%; }
    .xs-padding-ten-top { padding-top:10%; }
    .xs-padding-eleven-top { padding-top:11%; }
    .xs-padding-twelve-top { padding-top:12%; }
    .xs-padding-thirteen-top { padding-top:13%; }
    .xs-padding-fourteen-top { padding-top:14%; }
    .xs-padding-fifteen-top { padding-top:15%; }
    .xs-padding-sixteen-top { padding-top:16%; }
    .xs-padding-seventeen-top { padding-top:17%; }
    .xs-padding-eighteen-top { padding-top:18%; }
    .xs-padding-nineteen-top { padding-top:19%; }
    .xs-padding-twenty-top { padding-top:20%; }
    .xs-padding-5px-top { padding-top:5px; }
    .xs-padding-10px-top { padding-top:10px; }
    .xs-padding-15px-top { padding-top:15px; }
    .xs-padding-20px-top { padding-top:20px; }
    .xs-padding-25px-top { padding-top:25px; }
    .xs-padding-30px-top { padding-top:30px; }
    .xs-padding-35px-top { padding-top:35px; }
    .xs-padding-40px-top { padding-top:40px; }
    .xs-padding-45px-top { padding-top:45px; }
    .xs-padding-50px-top { padding-top:50px; }
    .xs-padding-55px-top { padding-top:55px; }
    .xs-padding-60px-top { padding-top:60px; }
    .xs-padding-65px-top { padding-top:65px; }
    .xs-padding-70px-top { padding-top:70px; }
    .xs-padding-75px-top { padding-top:75px; }
    .xs-padding-80px-top { padding-top:80px; }
    .xs-padding-85px-top { padding-top:85px; }
    .xs-padding-90px-top { padding-top:90px; }
    .xs-padding-95px-top { padding-top:95px; }
    .xs-padding-100px-top { padding-top:100px; }
    .xs-padding-1-rem-top { padding-top: 1rem; }
    .xs-padding-1-half-rem-top { padding-top: 1.5rem; }
    .xs-padding-2-rem-top { padding-top: 2rem; }
    .xs-padding-2-half-rem-top { padding-top: 2.5rem; }
    .xs-padding-3-rem-top { padding-top: 3rem; }
    .xs-padding-3-half-rem-top { padding-top: 3.5rem; }
    .xs-padding-4-rem-top { padding-top: 4rem; }
    .xs-padding-4-half-rem-top { padding-top: 4.5rem; }
    .xs-padding-5-rem-top { padding-top: 5rem; }
    .xs-padding-5-half-rem-top { padding-top: 5.5rem; }
    .xs-padding-6-rem-top { padding-top: 6rem; }
    .xs-padding-6-half-rem-top { padding-top: 6.5rem; }
    .xs-padding-7-rem-top { padding-top: 7rem; }
    .xs-padding-7-half-rem-top { padding-top: 7.5rem; }
    .xs-padding-8-rem-top { padding-top: 8rem; }
    .xs-padding-8-half-rem-top { padding-top: 8.5rem; }
    .xs-padding-9-rem-top { padding-top: 9rem; }
    .xs-padding-9-half-rem-top { padding-top: 9.5rem; }
    .xs-padding-10-rem-top { padding-top: 10rem; }
    .xs-padding-10-half-rem-top { padding-top: 10.5rem; }

    /* padding bottom */
    .xs-padding-one-bottom { padding-bottom:1%; }
    .xs-padding-two-bottom { padding-bottom:2%; }
    .xs-padding-three-bottom { padding-bottom:3%; }
    .xs-padding-four-bottom { padding-bottom:4%; }
    .xs-padding-five-bottom { padding-bottom:5%; }
    .xs-padding-six-bottom { padding-bottom:6%; }
    .xs-padding-seven-bottom { padding-bottom:7%; }
    .xs-padding-eight-bottom { padding-bottom:8%; }
    .xs-padding-nine-bottom { padding-bottom:9%; }
    .xs-padding-ten-bottom { padding-bottom:10%; }
    .xs-padding-eleven-bottom { padding-bottom:11%; }
    .xs-padding-twelve-bottom { padding-bottom:12%; }
    .xs-padding-thirteen-bottom { padding-bottom:13%; }
    .xs-padding-fourteen-bottom { padding-bottom:14%; }
    .xs-padding-fifteen-bottom { padding-bottom:15%; }
    .xs-padding-sixteen-bottom { padding-bottom:16%; }
    .xs-padding-seventeen-bottom { padding-bottom:17%; }
    .xs-padding-eighteen-bottom { padding-bottom:18%; }
    .xs-padding-nineteen-bottom { padding-bottom:19%; }
    .xs-padding-twenty-bottom { padding-bottom:20%; }
    .xs-padding-5px-bottom { padding-bottom:5px; }
    .xs-padding-10px-bottom { padding-bottom:10px; }
    .xs-padding-15px-bottom { padding-bottom:15px; }
    .xs-padding-20px-bottom { padding-bottom:20px; }
    .xs-padding-25px-bottom { padding-bottom:25px; }
    .xs-padding-30px-bottom { padding-bottom:30px; }
    .xs-padding-35px-bottom { padding-bottom:35px; }
    .xs-padding-40px-bottom { padding-bottom:40px; }
    .xs-padding-45px-bottom { padding-bottom:45px; }
    .xs-padding-50px-bottom { padding-bottom:50px; }
    .xs-padding-55px-bottom { padding-bottom:55px; }
    .xs-padding-60px-bottom { padding-bottom:60px; }
    .xs-padding-65px-bottom { padding-bottom:65px; }
    .xs-padding-70px-bottom { padding-bottom:70px; }
    .xs-padding-75px-bottom { padding-bottom:75px; }
    .xs-padding-80px-bottom { padding-bottom:80px; }
    .xs-padding-85px-bottom { padding-bottom:85px; }
    .xs-padding-90px-bottom { padding-bottom:90px; }
    .xs-padding-95px-bottom { padding-bottom:95px; }
    .xs-padding-100px-bottom { padding-bottom:100px; }
    .xs-padding-1-rem-bottom { padding-bottom: 1rem; }
    .xs-padding-1-half-rem-bottom { padding-bottom: 1.5rem; }
    .xs-padding-2-rem-bottom { padding-bottom: 2rem; }
    .xs-padding-2-half-rem-bottom { padding-bottom: 2.5rem; }
    .xs-padding-3-rem-bottom { padding-bottom: 3rem; }
    .xs-padding-3-half-rem-bottom { padding-bottom: 3.5rem; }
    .xs-padding-4-rem-bottom { padding-bottom: 4rem; }
    .xs-padding-4-half-rem-bottom { padding-bottom: 4.5rem; }
    .xs-padding-5-rem-bottom { padding-bottom: 5rem; }
    .xs-padding-5-half-rem-bottom { padding-bottom: 5.5rem; }
    .xs-padding-6-rem-bottom { padding-bottom: 6rem; }
    .xs-padding-6-half-rem-bottom { padding-bottom: 6.5rem; }
    .xs-padding-7-rem-bottom { padding-bottom: 7rem; }
    .xs-padding-7-half-rem-bottom { padding-bottom: 7.5rem; }
    .xs-padding-8-rem-bottom { padding-bottom: 8rem; }
    .xs-padding-8-half-rem-bottom { padding-bottom: 8.5rem; }
    .xs-padding-9-rem-bottom { padding-bottom: 9rem; }
    .xs-padding-9-half-rem-bottom { padding-bottom: 9.5rem; }
    .xs-padding-10-rem-bottom { padding-bottom: 10rem; }
    .xs-padding-10-half-rem-bottom { padding-bottom: 10.5rem; }

    /* padding right */
    .xs-padding-one-right { padding-right:1%; }
    .xs-padding-two-right { padding-right:2%; }
    .xs-padding-three-right { padding-right:3%; }
    .xs-padding-four-right { padding-right:4% }
    .xs-padding-five-right { padding-right:5%; }
    .xs-padding-six-right { padding-right:6%; }
    .xs-padding-seven-right { padding-right:7%; }
    .xs-padding-eight-right { padding-right:8%; }
    .xs-padding-nine-right { padding-right:9%; }
    .xs-padding-ten-right { padding-right:10%; }
    .xs-padding-eleven-right { padding-right:11%; }
    .xs-padding-twelve-right { padding-right:12%; }
    .xs-padding-thirteen-right { padding-right:13%; }
    .xs-padding-fourteen-right { padding-right:14%; }
    .xs-padding-fifteen-right { padding-right:15%; }
    .xs-padding-sixteen-right { padding-right:16%; }
    .xs-padding-seventeen-right { padding-right:17%; }
    .xs-padding-eighteen-right { padding-right:18%; }
    .xs-padding-nineteen-right { padding-right:19%; }
    .xs-padding-twenty-right { padding-right:20%; }
    .xs-padding-5px-right { padding-right:5px; }
    .xs-padding-10px-right { padding-right:10px; }
    .xs-padding-15px-right { padding-right:15px; }
    .xs-padding-20px-right { padding-right:20px; }
    .xs-padding-25px-right { padding-right:25px; }
    .xs-padding-30px-right { padding-right:30px; }
    .xs-padding-35px-right { padding-right:35px; }
    .xs-padding-40px-right { padding-right:40px; }
    .xs-padding-45px-right { padding-right:45px; }
    .xs-padding-50px-right { padding-right:50px; }
    .xs-padding-55px-right { padding-right:55px; }
    .xs-padding-60px-right { padding-right:60px; }
    .xs-padding-65px-right { padding-right:65px; }
    .xs-padding-70px-right { padding-right:70px; }
    .xs-padding-75px-right { padding-right:75px; }
    .xs-padding-80px-right { padding-right:80px; }
    .xs-padding-85px-right { padding-right:85px; }
    .xs-padding-90px-right { padding-right:90px; }
    .xs-padding-95px-right { padding-right:95px; }
    .xs-padding-100px-right { padding-right:100px; }
    .xs-padding-1-rem-right { padding-right: 1rem; }
    .xs-padding-1-half-rem-right { padding-right: 1.5rem; }
    .xs-padding-2-rem-right { padding-right: 2rem; }
    .xs-padding-2-half-rem-right { padding-right: 2.5rem; }
    .xs-padding-3-rem-right { padding-right: 3rem; }
    .xs-padding-3-half-rem-right { padding-right: 3.5rem; }
    .xs-padding-4-rem-right { padding-right: 4rem; }
    .xs-padding-4-half-rem-right { padding-right: 4.5rem; }
    .xs-padding-5-rem-right { padding-right: 5rem; }
    .xs-padding-5-half-rem-right { padding-right: 5.5rem; }
    .xs-padding-6-rem-right { padding-right: 6rem; }
    .xs-padding-6-half-rem-right { padding-right: 6.5rem; }
    .xs-padding-7-rem-right { padding-right: 7rem; }
    .xs-padding-7-half-rem-right { padding-right: 7.5rem; }
    .xs-padding-8-rem-right { padding-right: 8rem; }
    .xs-padding-8-half-rem-right { padding-right: 8.5rem; }
    .xs-padding-9-rem-right { padding-right: 9rem; }
    .xs-padding-9-half-rem-right { padding-right: 9.5rem; }
    .xs-padding-10-rem-right { padding-right: 10rem; }
    .xs-padding-10-half-rem-right { padding-right: 10.5rem; }

    /* padding left */
    .xs-padding-one-left { padding-left:1%; }
    .xs-padding-two-left { padding-left:2%; }
    .xs-padding-three-left { padding-left:3%; }
    .xs-padding-four-left { padding-left:4%; }
    .xs-padding-five-left { padding-left:5%; }
    .xs-padding-six-left { padding-left:6%; }
    .xs-padding-seven-left { padding-left:7%; }
    .xs-padding-eight-left { padding-left:8%; }
    .xs-padding-nine-left { padding-left:9%; }
    .xs-padding-ten-left { padding-left:10%; }
    .xs-padding-eleven-left { padding-left:11%; }
    .xs-padding-twelve-left { padding-left:12%; }
    .xs-padding-thirteen-left { padding-left:13%; }
    .xs-padding-fourteen-left { padding-left:14%; }
    .xs-padding-fifteen-left { padding-left:15%; }
    .xs-padding-sixteen-left { padding-left:16%; }
    .xs-padding-seventeen-left { padding-left:17%; }
    .xs-padding-eighteen-left { padding-left:18%; }
    .xs-padding-nineteen-left { padding-left:19%; }
    .xs-padding-twenty-left { padding-left:20%; }
    .xs-padding-5px-left { padding-left:5px; }
    .xs-padding-10px-left { padding-left:10px; }
    .xs-padding-15px-left { padding-left:15px; }
    .xs-padding-20px-left { padding-left:20px; }
    .xs-padding-25px-left { padding-left:25px; }
    .xs-padding-30px-left { padding-left:30px; }
    .xs-padding-35px-left { padding-left:35px; }
    .xs-padding-40px-left { padding-left:40px; }
    .xs-padding-45px-left { padding-left:45px; }
    .xs-padding-50px-left { padding-left:50px; }
    .xs-padding-55px-left { padding-left:55px; }
    .xs-padding-60px-left { padding-left:60px; }
    .xs-padding-65px-left { padding-left:65px; }
    .xs-padding-70px-left { padding-left:70px; }
    .xs-padding-75px-left { padding-left:75px; }
    .xs-padding-80px-left { padding-left:80px; }
    .xs-padding-85px-left { padding-left:85px; }
    .xs-padding-90px-left { padding-left:90px; }
    .xs-padding-95px-left { padding-left:95px; }
    .xs-padding-100px-left { padding-left:100px; }
    .xs-padding-1-rem-left { padding-left: 1rem; }
    .xs-padding-1-half-rem-left { padding-left: 1.5rem; }
    .xs-padding-2-rem-left { padding-left: 2rem; }
    .xs-padding-2-half-rem-left { padding-left: 2.5rem; }
    .xs-padding-3-rem-left { padding-left: 3rem; }
    .xs-padding-3-half-rem-left { padding-left: 3.5rem; }
    .xs-padding-4-rem-left { padding-left: 4rem; }
    .xs-padding-4-half-rem-left { padding-left: 4.5rem; }
    .xs-padding-5-rem-left { padding-left: 5rem; }
    .xs-padding-5-half-rem-left { padding-left: 5.5rem; }
    .xs-padding-6-rem-left { padding-left: 6rem; }
    .xs-padding-6-half-rem-left { padding-left: 6.5rem; }
    .xs-padding-7-rem-left { padding-left: 7rem; }
    .xs-padding-7-half-rem-left { padding-left: 7.5rem; }
    .xs-padding-8-rem-left { padding-left: 8rem; }
    .xs-padding-8-half-rem-left { padding-left: 8.5rem; }
    .xs-padding-9-rem-left { padding-left: 9rem; }
    .xs-padding-9-half-rem-left { padding-left: 9.5rem; }
    .xs-padding-10-rem-left { padding-left: 10rem; }
    .xs-padding-10-half-rem-left { padding-left: 10.5rem; }

    /* padding top bottom */
    .xs-padding-one-tb { padding-top:1%; padding-bottom:1%; }
    .xs-padding-two-tb { padding-top:2%; padding-bottom:2%; }
    .xs-padding-three-tb { padding-top:3%; padding-bottom:3%; }
    .xs-padding-four-tb { padding-top:4%; padding-bottom:4%; }
    .xs-padding-five-tb { padding-top:5%; padding-bottom:5%; }
    .xs-padding-six-tb { padding-top:6%; padding-bottom:6%; }
    .xs-padding-seven-tb { padding-top:7%; padding-bottom:7%; }
    .xs-padding-eight-tb { padding-top:8%; padding-bottom:8%; }
    .xs-padding-nine-tb { padding-top:9%; padding-bottom:9%; }
    .xs-padding-ten-tb { padding-top:10%; padding-bottom:10%; }
    .xs-padding-eleven-tb { padding-top:11%; padding-bottom:11%; }
    .xs-padding-twelve-tb { padding-top:12%; padding-bottom:12%; }
    .xs-padding-thirteen-tb { padding-top:13%; padding-bottom:13%; }
    .xs-padding-fourteen-tb { padding-top:14%; padding-bottom:14%; }
    .xs-padding-fifteen-tb { padding-top:15%; padding-bottom:15%; }
    .xs-padding-sixteen-tb { padding-top:16%; padding-bottom:16%; }
    .xs-padding-seventeen-tb { padding-top:17%; padding-bottom:17%; }
    .xs-padding-eighteen-tb { padding-top:18%; padding-bottom:18%; }
    .xs-padding-nineteen-tb { padding-top:19%; padding-bottom:19%; }
    .xs-padding-twenty-tb { padding-top:20%; padding-bottom:20%; }
    .xs-padding-5px-tb { padding-top:5px; padding-bottom:5px; }
    .xs-padding-10px-tb { padding-top:10px; padding-bottom:10px; }
    .xs-padding-15px-tb { padding-top:15px; padding-bottom:15px; }
    .xs-padding-20px-tb { padding-top:20px; padding-bottom:20px; }
    .xs-padding-25px-tb { padding-top:25px; padding-bottom:25px; }
    .xs-padding-30px-tb { padding-top:30px; padding-bottom:30px; }
    .xs-padding-35px-tb { padding-top:35px; padding-bottom:35px; }
    .xs-padding-40px-tb { padding-top:40px; padding-bottom:40px; }
    .xs-padding-45px-tb { padding-top:45px; padding-bottom:45px; }
    .xs-padding-50px-tb { padding-top:50px; padding-bottom:50px; }
    .xs-padding-55px-tb { padding-top:55px; padding-bottom:55px; }
    .xs-padding-60px-tb { padding-top:60px; padding-bottom:60px; }
    .xs-padding-65px-tb { padding-top:65px; padding-bottom:65px; }
    .xs-padding-70px-tb { padding-top:70px; padding-bottom:70px; }
    .xs-padding-75px-tb { padding-top:75px; padding-bottom:75px; }
    .xs-padding-80px-tb { padding-top:80px; padding-bottom:80px; }
    .xs-padding-85px-tb { padding-top:85px; padding-bottom:85px; }
    .xs-padding-90px-tb { padding-top:90px; padding-bottom:90px; }
    .xs-padding-95px-tb { padding-top:95px; padding-bottom:95px; }
    .xs-padding-100px-tb { padding-top:100px; padding-bottom:100px; }
    .xs-padding-1-rem-tb { padding-top: 1rem; padding-bottom: 1rem; }
    .xs-padding-1-half-rem-tb { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .xs-padding-2-rem-tb { padding-top: 2rem; padding-bottom: 2rem; }
    .xs-padding-2-half-rem-tb { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .xs-padding-3-rem-tb { padding-top: 3rem; padding-bottom: 3rem; }
    .xs-padding-3-half-rem-tb { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    .xs-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .xs-padding-4-half-rem-tb { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .xs-padding-5-rem-tb { padding-top: 5rem; padding-bottom: 5rem; }
    .xs-padding-5-half-rem-tb { padding-top: 5.5rem; padding-bottom: 5.5rem; }
    .xs-padding-6-rem-tb { padding-top: 6rem; padding-bottom: 6rem; }
    .xs-padding-6-half-rem-tb { padding-top: 6.5rem; padding-bottom: 6.5rem; }
    .xs-padding-7-rem-tb { padding-top: 7rem; padding-bottom: 7rem; }
    .xs-padding-7-half-rem-tb { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .xs-padding-8-rem-tb { padding-top: 8rem; padding-bottom: 8rem; }
    .xs-padding-8-half-rem-tb { padding-top: 8.5rem; padding-bottom: 8.5rem; }
    .xs-padding-9-rem-tb { padding-top: 9rem; padding-bottom: 9rem; }
    .xs-padding-9-half-rem-tb { padding-top: 9.5rem; padding-bottom: 9.5rem; }
    .xs-padding-10-rem-tb { padding-top: 10rem; padding-bottom: 10rem; }
    .xs-padding-10-half-rem-tb { padding-top: 10.5rem; padding-bottom: 10.5rem; }

    /* padding left right */
    .xs-padding-one-lr { padding-left:1%; padding-right:1%; }
    .xs-padding-two-lr { padding-left:2%; padding-right:2%; }
    .xs-padding-three-lr { padding-left:3%; padding-right:3%; }
    .xs-padding-four-lr { padding-left:4%; padding-right:4%; }
    .xs-padding-five-lr { padding-left:5%; padding-right:5%; }
    .xs-padding-six-lr { padding-left:6%; padding-right:6%; }
    .xs-padding-seven-lr { padding-left:7%; padding-right:7%; }
    .xs-padding-eight-lr { padding-left:8%; padding-right:8%; }
    .xs-padding-nine-lr { padding-left:9%; padding-right:9%; }
    .xs-padding-ten-lr { padding-left:10%; padding-right:10%; }
    .xs-padding-eleven-lr { padding-left:11%; padding-right:11%; }
    .xs-padding-twelve-lr { padding-left:12%; padding-right:12%; }
    .xs-padding-thirteen-lr { padding-left:13%; padding-right:13%; }
    .xs-padding-fourteen-lr { padding-left:14%; padding-right:14%; }
    .xs-padding-fifteen-lr { padding-left:15%; padding-right:15%; }
    .xs-padding-sixteen-lr { padding-left:16%; padding-right:16%; }
    .xs-padding-seventeen-lr { padding-left:17%; padding-right:17%; }
    .xs-padding-eighteen-lr { padding-left:18%; padding-right:18%; }
    .xs-padding-nineteen-lr { padding-left:19%; padding-right:19%; }
    .xs-padding-twenty-lr { padding-left:20%; padding-right:20%; }
    .xs-padding-5px-lr { padding-left:5px; padding-right:5px; }
    .xs-padding-10px-lr { padding-left:10px; padding-right:10px; }
    .xs-padding-15px-lr { padding-left:15px; padding-right:15px; }
    .xs-padding-20px-lr { padding-left:20px; padding-right:20px; }
    .xs-padding-25px-lr { padding-left:25px; padding-right:25px; }
    .xs-padding-30px-lr { padding-left:30px; padding-right:30px; }
    .xs-padding-35px-lr { padding-left:35px; padding-right:35px; }
    .xs-padding-40px-lr { padding-left:40px; padding-right:40px; }
    .xs-padding-45px-lr { padding-left:45px; padding-right:45px; }
    .xs-padding-50px-lr { padding-left:50px; padding-right:50px; }
    .xs-padding-55px-lr { padding-left:55px; padding-right:55px; }
    .xs-padding-60px-lr { padding-left:60px; padding-right:60px; }
    .xs-padding-65px-lr { padding-left:65px; padding-right:65px; }
    .xs-padding-70px-lr { padding-left:70px; padding-right:70px; }
    .xs-padding-75px-lr { padding-left:75px; padding-right:75px; }
    .xs-padding-80px-lr { padding-left:80px; padding-right:80px; }
    .xs-padding-85px-lr { padding-left:85px; padding-right:85px; }
    .xs-padding-90px-lr { padding-left:90px; padding-right:90px; }
    .xs-padding-95px-lr { padding-left:95px; padding-right:95px; }
    .xs-padding-100px-lr { padding-left:100px; padding-right:100px; }
    .xs-padding-1-rem-lr { padding-left: 1rem; padding-right: 1rem; }
    .xs-padding-1-half-rem-lr { padding-left: 1.5rem; padding-right: 1.5rem; }
    .xs-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .xs-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .xs-padding-3-rem-lr { padding-left: 3rem; padding-right: 3rem; }
    .xs-padding-3-half-rem-lr { padding-left: 3.5rem; padding-right: 3.5rem; }
    .xs-padding-4-rem-lr { padding-left: 4rem; padding-right: 4rem; }
    .xs-padding-4-half-rem-lr { padding-left: 4.5rem; padding-right: 4.5rem; }
    .xs-padding-5-rem-lr { padding-left: 5rem; padding-right: 5rem; }
    .xs-padding-5-half-rem-lr { padding-left: 5.5rem; padding-right: 5.5rem; }
    .xs-padding-6-rem-lr { padding-left: 6rem; padding-right: 6rem; }
    .xs-padding-6-half-rem-lr { padding-left: 6.5rem; padding-right: 6.5rem; }
    .xs-padding-7-rem-lr { padding-left: 7rem; padding-right: 7rem; }
    .xs-padding-7-half-rem-lr { padding-left: 7.5rem; padding-right: 7.5rem; }
    .xs-padding-8-rem-lr { padding-left: 8rem; padding-right: 8rem; }
    .xs-padding-8-half-rem-lr { padding-left: 8.5rem; padding-right: 8.5rem; }
    .xs-padding-9-rem-lr { padding-left: 9rem; padding-right: 9rem; }
    .xs-padding-9-half-rem-lr { padding-left: 9.5rem; padding-right: 9.5rem; }
    .xs-padding-10-rem-lr { padding-left: 10rem; padding-right: 10rem; }
    .xs-padding-10-half-rem-lr { padding-left: 10.5rem; padding-right: 10.5rem; }

    .xs-no-padding { padding:0 !important; }
    .xs-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .xs-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .xs-no-padding-top { padding-top:0 !important; }
    .xs-no-padding-bottom { padding-bottom:0 !important; }
    .xs-no-padding-left { padding-left:0 !important; }
    .xs-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .xs-d-initial { display: initial !important; }
    .xs-overflow-hidden { overflow:hidden !important; }
    .xs-overflow-visible { overflow:visible !important; }
    .xs-overflow-auto { overflow:auto !important; }

    /* position */
    .xs-position-relative { position: relative !important; }
    .xs-position-absolute { position: absolute !important; }
    .xs-position-fixed { position: fixed !important; }
    .xs-position-inherit { position: inherit !important; }
    .xs-position-initial { position: initial !important; }

    /* top */
    .xs-top-0px { top: 0; }
    .xs-top-1px { top: 1px; }
    .xs-top-2px { top: 2px; }
    .xs-top-3px { top: 3px; }
    .xs-top-4px { top: 4px; }
    .xs-top-5px { top: 5px; }
    .xs-top-6px { top: 6px; }
    .xs-top-7px { top: 7px; }
    .xs-top-8px { top: 8px; }
    .xs-top-9px { top: 9px; }
    .xs-top-10px { top: 10px; }
    .xs-top-15px { top: 15px; }
    .xs-top-20px { top: 20px; }
    .xs-top-25px { top: 25px; }
    .xs-top-30px { top: 30px; }
    .xs-top-35px { top: 35px; }
    .xs-top-40px { top: 40px; }
    .xs-top-45px { top: 45px; }
    .xs-top-50px { top: 50px; }
    .xs-top-auto { top:auto; }
    .xs-top-inherit { top:inherit; }

    /* top minus */
    .xs-top-minus-1px { top: -1px; }
    .xs-top-minus-2px { top: -2px; }
    .xs-top-minus-3px { top: -3px; }
    .xs-top-minus-4px { top: -4px; }
    .xs-top-minus-5px { top: -5px; }
    .xs-top-minus-6px { top: -6px; }
    .xs-top-minus-7px { top: -7px; }
    .xs-top-minus-8px { top: -8px; }
    .xs-top-minus-9px { top: -9px; }
    .xs-top-minus-10px { top: -10px; }
    .xs-top-minus-15px { top: -15px; }
    .xs-top-minus-20px { top: -20px; }
    .xs-top-minus-25px { top: -25px; }
    .xs-top-minus-30px { top: -30px; }
    .xs-top-minus-35px { top: -35px; }
    .xs-top-minus-40px { top: -40px; }
    .xs-top-minus-45px { top: -45px; }
    .xs-top-minus-50px { top: -50px; }

    /* bottom */
    .xs-bottom-0px { bottom:0; }
    .xs-bottom-1px { bottom:1px; }
    .xs-bottom-2px { bottom:2px; }
    .xs-bottom-3px { bottom:3px; }
    .xs-bottom-4px { bottom:4px; }
    .xs-bottom-5px { bottom:5px; }
    .xs-bottom-6px { bottom:6px; }
    .xs-bottom-7px { bottom:7px; }
    .xs-bottom-8px { bottom:8px; }
    .xs-bottom-9px { bottom:9px; }
    .xs-bottom-10px { bottom:10px; }
    .xs-bottom-15px { bottom:15px; }
    .xs-bottom-20px { bottom:20px; }
    .xs-bottom-25px { bottom:25px; }
    .xs-bottom-30px { bottom:30px; }
    .xs-bottom-35px { bottom:35px; }
    .xs-bottom-40px { bottom:40px; }
    .xs-bottom-45px { bottom:45px; }
    .xs-bottom-50px { bottom:50px; }
    .xs-bottom-55px { bottom:55px; }
    .xs-bottom-60px { bottom:60px; }
    .xs-bottom-auto { bottom: auto; }
    .xs-bottom-inherit { bottom: inherit; }

    /* bottom minus */
    .xs-bottom-minus-1px { bottom: -1px; }
    .xs-bottom-minus-2px { bottom: -2px; }
    .xs-bottom-minus-3px { bottom: -3px; }
    .xs-bottom-minus-4px { bottom: -4px; }
    .xs-bottom-minus-5px { bottom: -5px; }
    .xs-bottom-minus-6px { bottom: -6px; }
    .xs-bottom-minus-7px { bottom: -7px; }
    .xs-bottom-minus-8px { bottom: -8px; }
    .xs-bottom-minus-9px { bottom: -9px; }
    .xs-bottom-minus-10px { bottom: -10px; }
    .xs-bottom-minus-15px { bottom: -15px; }
    .xs-bottom-minus-20px { bottom: -20px; }
    .xs-bottom-minus-25px { bottom: -25px; }
    .xs-bottom-minus-30px { bottom: -30px; }
    .xs-bottom-minus-35px { bottom: -35px; }
    .xs-bottom-minus-40px { bottom: -40px; }
    .xs-bottom-minus-45px { bottom: -45px; }
    .xs-bottom-minus-50px { bottom: -50px; }

    /* right */
    .xs-right-0px { right: 0; }
    .xs-right-1px { right: 1px; }
    .xs-right-2px { right: 2px; }
    .xs-right-3px { right: 3px; }
    .xs-right-4px { right: 4px; }
    .xs-right-5px { right: 5px; }
    .xs-right-6px { right: 6px; }
    .xs-right-7px { right: 7px; }
    .xs-right-8px { right: 8px; }
    .xs-right-9px { right: 9px; }
    .xs-right-10px { right: 10px; }
    .xs-right-15px { right: 15px; }
    .xs-right-20px { right: 20px; }
    .xs-right-25px { right: 25px; }
    .xs-right-30px { right: 30px; }
    .xs-right-35px { right: 35px; }
    .xs-right-40px { right: 40px; }
    .xs-right-45px { right: 45px; }
    .xs-right-50px { right: 50px; }
    .xs-right-auto { right: auto; }
    .xs-right-inherit { right: inherit; }

    /* right minus */
    .xs-right-minus-1px { right: -1px; }
    .xs-right-minus-2px { right: -2px; }
    .xs-right-minus-3px { right: -3px; }
    .xs-right-minus-4px { right: -4px; }
    .xs-right-minus-5px { right: -5px; }
    .xs-right-minus-6px { right: -6px; }
    .xs-right-minus-7px { right: -7px; }
    .xs-right-minus-8px { right: -8px; }
    .xs-right-minus-9px { right: -9px; }
    .xs-right-minus-10px { right: -10px; }
    .xs-right-minus-15px { right: -15px; }
    .xs-right-minus-20px { right: -20px; }
    .xs-right-minus-25px { right: -25px; }
    .xs-right-minus-30px { right: -30px; }
    .xs-right-minus-35px { right: -35px; }
    .xs-right-minus-40px { right: -40px; }
    .xs-right-minus-45px { right: -45px; }
    .xs-right-minus-50px { right: -50px; }

    /* left */
    .xs-left-0px { left: 0; }
    .xs-left-1px { left: 1px; }
    .xs-left-2px { left: 2px; }
    .xs-left-3px { left: 3px; }
    .xs-left-4px { left: 4px; }
    .xs-left-5px { left: 5px; }
    .xs-left-6px { left: 6px; }
    .xs-left-7px { left: 7px; }
    .xs-left-8px { left: 8px; }
    .xs-left-9px { left: 9px; }
    .xs-left-10px { left: 10px; }
    .xs-left-15px { left: 15px; }
    .xs-left-20px { left: 20px; }
    .xs-left-25px { left: 25px; }
    .xs-left-30px { left: 30px; }
    .xs-left-35px { left: 35px; }
    .xs-left-40px { left: 40px; }
    .xs-left-45px { left: 45px; }
    .xs-left-50px { left: 50px; }
    .xs-left-55px { left: 55px; }
    .xs-left-60px { left: 60px; }
    .xs-left-auto { left: auto; }
    .xs-left-inherit { left: inherit; }

    /* left minus */
    .xs-left-minus-1px { left: -1px; }
    .xs-left-minus-2px { left: -2px; }
    .xs-left-minus-3px { left: -3px; }
    .xs-left-minus-4px { left: -4px; }
    .xs-left-minus-5px { left: -5px; }
    .xs-left-minus-6px { left: -6px; }
    .xs-left-minus-7px { left: -7px; }
    .xs-left-minus-8px { left: -8px; }
    .xs-left-minus-9px { left: -9px; }
    .xs-left-minus-10px { left: -10px; }
    .xs-left-minus-15px { left: -15px; }
    .xs-left-minus-20px { left: -20px; }
    .xs-left-minus-25px { left: -25px; }
    .xs-left-minus-30px { left: -30px; }
    .xs-left-minus-35px { left: -35px; }
    .xs-left-minus-40px { left: -40px; }
    .xs-left-minus-45px { left: -45px; }
    .xs-left-minus-50px { left: -50px; }

    /* width */
    .xs-w-1px { width:1px !important; }
    .xs-w-2px { width:2px !important; }
    .xs-w-3px { width:3px !important; }
    .xs-w-4px { width:4px !important; }
    .xs-w-5px { width:5px !important; }
    .xs-w-6px { width:6px !important; }
    .xs-w-7px { width:7px !important; }
    .xs-w-8px { width:8px !important; }
    .xs-w-9px { width:9px !important; }
    .xs-w-10px { width:10px !important; }
    .xs-w-15px { width:15px !important; }
    .xs-w-20px { width:20px !important; }
    .xs-w-25px { width:25px !important; }
    .xs-w-30px { width:30px !important; }
    .xs-w-35px { width:35px !important; }
    .xs-w-40px { width:40px !important; }
    .xs-w-50px { width:50px !important; }
    .xs-w-55px { width:55px !important; }
    .xs-w-60px { width:60px !important; }
    .xs-w-65px { width:65px !important; }
    .xs-w-70px { width:70px !important; }
    .xs-w-75px { width:75px !important; }
    .xs-w-80px { width:80px !important; }
    .xs-w-85px { width:85px !important; }
    .xs-w-90px { width:90px !important; }
    .xs-w-95px { width:95px !important; }
    .xs-w-100px { width:100px !important; }
    .xs-w-110px { width:110px !important; }
    .xs-w-120px { width:120px !important; }
    .xs-w-130px { width:130px !important; }
    .xs-w-140px { width:140px !important; }
    .xs-w-150px { width:150px !important; }
    .xs-w-160px { width:160px !important; }
    .xs-w-170px { width:170px !important; }
    .xs-w-180px { width:180px !important; }
    .xs-w-190px { width:190px !important; }
    .xs-w-200px { width:200px !important; }
    .xs-w-250px { width:250px !important; }
    .xs-w-300px { width:300px !important; }
    .xs-w-350px { width:350px !important; }
    .xs-w-400px { width:400px !important; }
    .xs-w-450px { width:450px !important; }
    .xs-w-500px { width:500px !important; }
    .xs-w-550px { width:550px !important; }
    .xs-w-600px { width:600px !important; }
    .xs-w-650px { width:650px !important; }
    .xs-w-700px { width:700px !important; }
    .xs-w-750px { width:750px !important; }
    .xs-w-800px { width:800px !important; }
    .xs-w-850px { width:850px !important; }
    .xs-w-900px { width:900px !important; }
    .xs-w-950px { width:950px !important; }
    .xs-w-1000px { width:1000px !important; }
    .xs-w-10 { width: 10% !important; }
    .xs-w-15 { width: 15% !important; }
    .xs-w-20 { width: 20% !important; }
    .xs-w-25 { width: 25% !important; }
    .xs-w-30 { width: 30% !important; }
    .xs-w-35 { width: 35% !important; }
    .xs-w-40 { width: 40% !important; }
    .xs-w-45 { width: 45% !important; }
    .xs-w-50 { width: 50% !important; }
    .xs-w-55 { width: 55% !important; }
    .xs-w-60 { width: 60% !important; }
    .xs-w-65 { width: 65% !important; }
    .xs-w-70 { width: 70% !important; }
    .xs-w-75 { width: 75% !important; }
    .xs-w-80 { width: 80% !important; }
    .xs-w-85 { width: 85% !important; }
    .xs-w-90 { width: 90% !important; }
    .xs-w-95 { width: 95% !important; }
    .xs-w-100 { width: 100% !important; }
    .xs-w-auto { width:auto !important; }

    /* height */
    .xs-h-1px { height: 1px !important; }
    .xs-h-2px { height: 2px !important; }
    .xs-h-3px { height: 3px !important; }
    .xs-h-4px { height: 4px !important; }
    .xs-h-5px { height: 5px !important; }
    .xs-h-6px { height: 6px !important; }
    .xs-h-7px { height: 7px !important; }
    .xs-h-8px { height: 8px !important; }
    .xs-h-9px { height: 9px !important; }
    .xs-h-10px { height: 10px !important; }
    .xs-h-20px { height: 20px !important; }
    .xs-h-30px { height: 30px !important; }
    .xs-h-40px { height: 40px !important; }
    .xs-h-42px { height: 42px !important; }
    .xs-h-50px { height: 50px !important; }
    .xs-h-60px { height: 60px !important; }
    .xs-h-70px { height: 70px !important; }
    .xs-h-80px { height: 80px !important; }
    .xs-h-90px { height: 90px !important; }
    .xs-h-100px { height: 100px !important; }
    .xs-h-110px { height: 110px !important; }
    .xs-h-120px { height: 120px !important; }
    .xs-h-130px { height: 130px !important; }
    .xs-h-140px { height: 140px !important; }
    .xs-h-150px { height: 150px !important; }
    .xs-h-160px { height: 160px !important; }
    .xs-h-170px { height: 170px !important; }
    .xs-h-180px { height: 180px !important; }
    .xs-h-190px { height: 190px !important; }
    .xs-h-200px { height: 200px !important; }
    .xs-h-250px { height: 250px !important; }
    .xs-h-300px { height: 300px !important; }
    .xs-h-350px { height: 350px !important; }
    .xs-h-400px { height: 400px !important; }
    .xs-h-450px { height: 450px !important; }
    .xs-h-500px { height: 500px !important; }
    .xs-h-520px { height: 520px !important; }
    .xs-h-550px { height: 550px !important; }
    .xs-h-580px { height: 580px !important; }
    .xs-h-600px { height: 600px !important; }
    .xs-h-650px { height: 650px !important; }
    .xs-h-700px { height: 700px !important; }
    .xs-h-720px { height: 720px !important; }
    .xs-h-750px { height: 750px !important; }
    .xs-h-800px { height: 800px !important; }
    .xs-h-820px { height: 820px !important; }
    .xs-h-830px { height: 830px !important; }
    .xs-h-850px { height: 850px !important; }

    .xs-h-50 { height: 50% !important; }
    .xs-h-100 { height: 100% !important; }
    .xs-h-auto { height:auto !important; }

    /* min-height */
    .xs-min-h-100px { min-height: 100px; }
    .xs-min-h-200px { min-height: 200px; }
    .xs-min-h-300px { min-height: 300px; }
    .xs-min-h-400px { min-height: 400px; }
    .xs-min-h-500px { min-height: 500px; }
    .xs-min-h-600px { min-height: 600px; }
    .xs-min-h-700px { min-height: 700px; }

    /* screen height */
    .small-screen { height: 280px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer {  transform: translateY(calc(100% - 105px)); -webkit-transform: translateY(calc(100% - 105px)); -moz-transform: translateY(calc(100% - 105px)); -ms-transform: translateY(calc(100% - 105px));  }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 5rem; bottom: 5rem; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-time { min-width: 100%; padding-right: 15px;}
    .accordion-style-04 .panel .accordion-toggle { width: 100%; }
    .accordion-style-04 .panel .panel-body { margin-left: 0; width: 100%; }

    /* accordion style 05 */
    .accordion-style-05 .panel .panel-heading { padding: 15px 60px 15px 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion { padding-top: 20px; }
    .accordion-style-05 .panel .panel-body { padding: 0 40px 20px 20px; }
    .accordion-style-05 .panel .collapse.show .panel-body, .accordion-style-05 .panel .collapsing .panel-body { padding-bottom: 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion i { top: 50%; }

    /* table style 01 */
    .table-style-01 + .mfp-close { width: 34px; height: 34px; line-height: 34px; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: 100%; }

    /* process step style 02 */
    .process-step-style-02 .process-step-icon-wrap { margin-right: 25px; }

    /* process step style 03 */
    .process-step-style-03 .process-step-item-box .process-step-item-box-bfr { width: calc(100% - 50px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-02 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-02 .countdown-box .number { margin: 0 auto;}

    /* countdown style 03 */
    .countdown.countdown-style-03 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-03 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-03 .countdown-box .number { margin: 0 auto;}

    /* newsletter style 04 */
    .newsletter-style-04 input { padding-right: 25px; }
    .newsletter-style-04 .btn { position: static; top: inherit; right: inherit; transform: translateY(0px); border-radius: 6px; margin-top: 15px; padding: 12px 35px; height: auto; width: 100%;}

    /* button */
    .btn-dual .btn { margin-left: 4px; margin-right: 4px; }

    /* no border */
    .xs-no-border-top { border-top:0 !important }
    .xs-no-border-bottom { border-bottom:0 !important }
    .xs-no-border-right { border-right:0 !important }
    .xs-no-border-left { border-left:0 !important }
    .xs-no-border-all { border: 0 !important }
    .xs-no-border-radius { border-radius: 0 !important }

    /* border width */
    .xs-border-width-1px { border-width:1px !important; }
    .xs-border-width-2px { border-width:2px !important; }
    .xs-border-width-3px { border-width:3px !important; }
    .xs-border-width-4px { border-width:4px !important; }
    .xs-border-width-5px { border-width:5px !important; }
    .xs-border-width-6px { border-width:6px !important; }
    .xs-border-width-7px { border-width:7px !important; }
    .xs-border-width-8px { border-width:8px !important; }
    .xs-border-width-9px { border-width:9px !important; }
    .xs-border-width-10px { border-width:10px !important; }
    .xs-border-width-11px { border-width:11px !important; }
    .xs-border-width-12px { border-width:12px !important; }
    .xs-border-width-13px { border-width:13px !important; }
    .xs-border-width-14px { border-width:14px !important; }
    .xs-border-width-15px { border-width:15px !important; }
    .xs-border-width-16px { border-width:16px !important; }
    .xs-border-width-17px { border-width:17px !important; }
    .xs-border-width-18px { border-width:18px !important; }
    .xs-border-width-19px { border-width:19px !important; }
    .xs-border-width-20px { border-width:20px !important; }

    /* border */
    .xs-border-all { border: 1px solid; }
    .xs-border-top { border-top: 1px solid; }
    .xs-border-bottom { border-bottom: 1px solid; }
    .xs-border-left { border-left: 1px solid; }
    .xs-border-right { border-right: 1px solid; }
    .xs-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .xs-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* border color */
    .xs-border-color-white { border-color: #fff; }
    .xs-border-color-black { border-color: #000; }
    .xs-border-color-sky-blue { border-color: #2e94eb; }
    .xs-border-color-extra-dark-gray { border-color: #232323; }
    .xs-border-color-medium-dark-gray { border-color: #363636; }
    .xs-border-color-dark-gray { border-color: #939393; }
    .xs-border-color-extra-medium-gray { border-color: #dbdbdb; }
    .xs-border-color-medium-gray { border-color: #e4e4e4; }
    .xs-border-color-extra-light-gray { border-color: #ededed; }
    .xs-border-color-light-gray { border-color: #f5f5f5; }
    .xs-border-color-light-pink { border-color: #862237; }
    .xs-border-color-deep-pink { border-color: #ff214f; }
    .xs-border-color-pink { border-color: #ff357c; }
    .xs-border-color-fast-blue { border-color: #0038e3; }
    .xs-border-color-orange { border-color: #ff6437; }
    .xs-border-color-green { border-color: #45d690; }
    .xs-border-color-golden { border-color: #d0ba6d; }
    .xs-border-color-persian-blue { border-color: #0039CC; }
    .xs-border-color-purple { border-color: #7342ac; }
    .xs-border-color-parrot-green { border-color: #cee002; }
    .xs-border-color-dark-red { border-color: #e12837; }

    /* transparent border */
    .xs-border-color-transparent { border-color: transparent; }
    .xs-border-color-black-transparent { border-color: rgba(0,0,0,.1); }
    .xs-border-color-white-transparent { border-color: rgba(255,255,255,.1); }
    .xs-border-color-golden-transparent { border-color: rgba(208, 186, 109, 0.2); }
    .xs-border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45); }
    .xs-border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2); }
    .xs-border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4); }
    .xs-border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05); }
    .xs-border-color-light-white-transparent { border-color: rgba(255,255,255,0.1); }
    .xs-border-color-nero-transparent { border-color: rgba(25,25,25,0.1); }
    .xs-border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04); }

    /* border style */
    .xs-border-dotted { border-style: dotted !important; }
    .xs-border-dashed { border-style: dashed !important; }
    .xs-border-solid { border-style: solid !important; }
    .xs-border-double { border-style: double !important; }
    .xs-border-groove { border-style: groove !important; }
    .xs-border-ridge { border-style: ridge !important; }
    .xs-border-inset { border-style: inset !important; }
    .xs-border-outset { border-style: outset !important; }
    .xs-border-none { border-style: none !important; }
    .xs-border-hidden { border-style: hidden !important; }
    .xs-border-transperent { border-color: transparent !important; }

    /* header search form */
    .form-wrapper .search-form-box { width: 90%; }
    .search-form .search-input { font-size: 18px; padding: 8px 38px 8px 2px; line-height: 30px; }
    .form-wrapper .search-form .search-button { bottom: 26px; }
    .form-wrapper .search-close { top: 5px; right: 5px; }
    .header-search-icon, .header-cart-icon, .header-language, .header-push-button, .header-button { padding-left: 15px; }

    /* menu modern */
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-85vw, 0, 0); transform: translate3d(-85vw, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .top-bar { -webkit-transform: translate3d(85vw, 0, 0); transform: translate3d(85vw, 0, 0); }

    /* full-screen-menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding: 60px 0 }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { top: 20px; right: 20px; }

    /* push menu */
    .push-menu { width: 100%; }

    /* sidebar nav menu */
    .side-menu-button { right: 15px; left: inherit; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .menu-style-2 .sidebar-nav-menu { width: 100%; }
    .side-menu-header .side-menu-button { right: 15px; }

    /* hamburger menu */
    .menu-list-wrapper.menu-list-wrapper-small { max-height: calc(100vh - 60px); height: calc(100vh - 60px); }

    /* header push menu close button */
    .close-menu { right: 0; top: 0;}

    /* swiper carousel */
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction { bottom: 30px; }

    /* swiper custom image bullets */
    .slider-custom-image.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
    .slider-custom-image-pagination .swiper-pagination-bullet { width: 32px; height: 32px; margin: 0 7px !important; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: 0;}
    .slider-navigation-style-02.swiper-button-next { right: 0;}

    /* slider navigation style 05 */
    .slider-navigation-style-05.swiper-button-prev { left: 15px; }
    .slider-navigation-style-05.swiper-button-next { right: 15px; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: 0;}
    .slider-navigation-style-07.swiper-button-next.light { right: 0;}
    .slider-navigation-style-07.swiper-button-next { right: 10px;}
    .slider-navigation-style-07.swiper-button-prev { left: 10px;}

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-left: 8px; padding-right: 8px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 8px; padding-right: 8px; }

    /* swiper vertical */
    .slider-vertical >.swiper-pagination-bullets { right: 15px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 15px; }

    /* grid */
    .grid.xs-grid-6col li { width: 16.67%; }
    .grid.xs-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xs-grid-5col li { width: 20%; }
    .grid.xs-grid-5col li.grid-item-double { width: 40%; }
    .grid.xs-grid-4col li { width: 25%; }
    .grid.xs-grid-4col li.grid-item-double { width: 50%; }
    .grid.xs-grid-3col li { width: 33.33%; }
    .grid.xs-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xs-grid-2col li { width: 50%; }
    .grid.xs-grid-2col li.grid-item-double { width: 100%; }
    .grid.xs-grid-1col li { width: 100%; }

    /* gutter size */
    .grid.gutter-medium, .grid.gutter-large { margin: 0 -15px; }
    .grid.gutter-medium li, .grid.gutter-large li { padding: 7px 15px }

    /* blog simple */
    .blog-simple .blog-post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .blog-simple .blog-post-image, .blog-simple .post-details { width: 100%; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog widget */
    .blog-widget li figure { width: 100px; }
    .blog-widget li .media-body { padding-left: 15px; }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 80px; }

    /* pagination style 01 */
    .pagination-style-01 .page-item .page-link { margin: 0 5px; }

    /* newsletter email */
    .newsletter-email input { padding-right: 65px; }

    /* newsletter style 01 */
    .newsletter-style-01 .btn { position: static; top: 0; border-radius: 100px; width: 100%; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); margin-top: 15px; }

    /* letter spacing */
    .xs-letter-spacing-normal { letter-spacing: normal; }
    .xs-letter-spacing-1-half { letter-spacing: 0.50px; }
    .xs-letter-spacing-1px { letter-spacing: 1px; }
    .xs-letter-spacing-2px { letter-spacing: 2px; }
    .xs-letter-spacing-3px { letter-spacing: 3px; }
    .xs-letter-spacing-4px { letter-spacing: 4px; }
    .xs-letter-spacing-5px { letter-spacing: 5px; }

    /* text size */
    .text-extra-big { font-size: 55px; line-height: 55px; }
    .text-big { font-size: 50px; line-height: 50px; }

    /* countdown style 01 */
    .countdown.countdown-style-01 .countdown-box, .countdown.countdown-style-01 .countdown-box:first-child, .countdown.countdown-style-01 .countdown-box:last-child { margin: 0 0 30px; width: 50%; }

    /* footer */
    footer .footer-horizontal-link li { margin: 0 0 7px; }

    /* events conference */
    .home-events-conference h1 { font-size: 28px; line-height: 38px; }

    /* marketing agency */
    .team-tulip-bubble { bottom: 70px; padding: 15px; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(30px); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 15px; margin-left: 10px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 15px; bottom: 15px; height: calc(100% - 30px); }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 30px); }
    .fullscreen-hover-list.light .hover-list-item .interactive-title { -webkit-text-stroke: 1px #4e4e4f; text-stroke: 1px #4e4e4f; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { font-size: 40px; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 30px; line-height: 30px; padding: 15px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0;}

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 17px; }

    /* personal portfolio */
    .home-personal-portfolio .title-large-2 { font-size: 50px; line-height: 55px; }

    /* photography */
    .home-photography .title-extra-large-heavy { font-size: 5rem; }
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 35%; }

    /* freelancer */
    .home-freelancer .icon-extra-medium { font-size: 25px; }

    /* creative agency */
    .home-creative-agency h1.title-extra-large { font-size: 60px; line-height: 65px; }

    /* digital agency */
    .home-digital-agency h1.title-extra-large { font-size: 60px; line-height: 65px; }

    /* landing page */
    .litho-parallax-bg { right: 0px; top: -50px; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 100% !important; }
    .landing-page-footer .title-large-2 { font-size: 35px; line-height: 42px; }

    /* split portfolio */
    .home-split-portfolio .title-large { font-size: 45px; line-height: 40px; }
}

@media screen and (max-width: 480px) {
    /* yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper { height: calc(100vh - 72px) !important; }

    /* home decor */
    .home-decor .rev_slider_wrapper { height: calc(100vh - 100px) !important; }
    /*.home-decor .zeus { transform: matrix(1, 0, 0, 1, -26, -55) !important; }*/
    .home-decor .collection-btn { top: auto !important; }
    .home-decor .collection-btn span{ width: 45px !important; height: 45px !important; }

    /* photography*/
    .home-photography .ares { display: none !important; }
    .home-photography .zeus { display: block !important; }
    .home-photography .zeus .tp-bullet { height: 8px; width: 8px; border: 1px solid #fff; opacity: 0.5; }
    .home-photography .zeus .tp-bullet.selected { opacity: 1; }
    .home-photography .tp-bullet-image,.home-photography .tp-bullet-title,.home-photography .tp-bullet-imageoverlay { display: none !important; }

    /* startup*/
    .home-startup .rs-btn div { height: 30px !important; width: 30px !important; }
    .home-startup .tp-bullet.selected { opacity: 1; }

    /* architecture*/
    .home-architecture .metis.tparrows { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: auto !important; bottom: -25px; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; }
    .home-architecture .metis.tparrows:before { padding-top: 0; }
    .home-architecture .metis.tparrows:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
    .home-architecture .metis.tparrows.tp-leftarrow { left: 94% !important; }
    .home-architecture .metis.tparrows.tp-rightarrow { left: 94% !important; bottom: 25px; }

    /* split slider */
    .home-split-portfolio .swiper-slide-l { background-size: 53%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 25px; }
}
@media (max-height: 460px) {
    /* header search */
    .active-form .form-wrapper .search-form { height: 85vh; }
}

@media (max-height: 600px) {
    /* modern menu */
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }

    /* full menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { right: 15px; top: 15px; }

    /* height */
    .full-screen-auto { height: auto !important; }

}

Anon7 - 2022
SCDN GOK