Файловый менеджер - Редактировать - /home2/cocinasdalloway/public_html/tienda/wp-content/themes/kossy/css/template.css
Назад
/*------------------------------------------------------------------ [Table of contents] 1. base 2. elements 3. form 4. layout 5. menu 6. pages 7. post 8. effect 9. utilities 10. widgets layout 11. widgets 12. responsive -------------------------------------------------------------------*/ /** * Web Application Prefix Apply For Making Owner Styles */ /** * Blocks Layout Selectors */ /********* LAYOUT **************/ /* carousel-controls-v1 */ /* carousel-controls-v2 */ /* carousel-controls-v3 */ /****/ .margin-top-1 { margin-top: 1px !important; } .margin-left-1 { margin-left: 1px !important; } .margin-bottom-1 { margin-bottom: 1px !important; } .margin-right-1 { margin-right: 1px !important; } .margin-top-2 { margin-top: 2px !important; } .margin-left-2 { margin-left: 2px !important; } .margin-bottom-2 { margin-bottom: 2px !important; } .margin-right-2 { margin-right: 2px !important; } .margin-top-3 { margin-top: 3px !important; } .margin-left-3 { margin-left: 3px !important; } .margin-bottom-3 { margin-bottom: 3px !important; } .margin-right-3 { margin-right: 3px !important; } .margin-top-4 { margin-top: 4px !important; } .margin-left-4 { margin-left: 4px !important; } .margin-bottom-4 { margin-bottom: 4px !important; } .margin-right-4 { margin-right: 4px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-left-6 { margin-left: 6px !important; } .margin-bottom-6 { margin-bottom: 6px !important; } .margin-right-6 { margin-right: 6px !important; } .margin-top-7 { margin-top: 7px !important; } .margin-left-7 { margin-left: 7px !important; } .margin-bottom-7 { margin-bottom: 7px !important; } .margin-right-7 { margin-right: 7px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-left-8 { margin-left: 8px !important; } .margin-bottom-8 { margin-bottom: 8px !important; } .margin-right-8 { margin-right: 8px !important; } .margin-top-9 { margin-top: 9px !important; } .margin-left-9 { margin-left: 9px !important; } .margin-bottom-9 { margin-bottom: 9px !important; } .margin-right-9 { margin-right: 9px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-top-11 { margin-top: 11px !important; } .margin-left-11 { margin-left: 11px !important; } .margin-bottom-11 { margin-bottom: 11px !important; } .margin-right-11 { margin-right: 11px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-left-12 { margin-left: 12px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-top-13 { margin-top: 13px !important; } .margin-left-13 { margin-left: 13px !important; } .margin-bottom-13 { margin-bottom: 13px !important; } .margin-right-13 { margin-right: 13px !important; } .margin-top-14 { margin-top: 14px !important; } .margin-left-14 { margin-left: 14px !important; } .margin-bottom-14 { margin-bottom: 14px !important; } .margin-right-14 { margin-right: 14px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-left-16 { margin-left: 16px !important; } .margin-bottom-16 { margin-bottom: 16px !important; } .margin-right-16 { margin-right: 16px !important; } .margin-top-17 { margin-top: 17px !important; } .margin-left-17 { margin-left: 17px !important; } .margin-bottom-17 { margin-bottom: 17px !important; } .margin-right-17 { margin-right: 17px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-left-18 { margin-left: 18px !important; } .margin-bottom-18 { margin-bottom: 18px !important; } .margin-right-18 { margin-right: 18px !important; } .margin-top-19 { margin-top: 19px !important; } .margin-left-19 { margin-left: 19px !important; } .margin-bottom-19 { margin-bottom: 19px !important; } .margin-right-19 { margin-right: 19px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-top-21 { margin-top: 21px !important; } .margin-left-21 { margin-left: 21px !important; } .margin-bottom-21 { margin-bottom: 21px !important; } .margin-right-21 { margin-right: 21px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-left-22 { margin-left: 22px !important; } .margin-bottom-22 { margin-bottom: 22px !important; } .margin-right-22 { margin-right: 22px !important; } .margin-top-23 { margin-top: 23px !important; } .margin-left-23 { margin-left: 23px !important; } .margin-bottom-23 { margin-bottom: 23px !important; } .margin-right-23 { margin-right: 23px !important; } .margin-top-24 { margin-top: 24px !important; } .margin-left-24 { margin-left: 24px !important; } .margin-bottom-24 { margin-bottom: 24px !important; } .margin-right-24 { margin-right: 24px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-top-26 { margin-top: 26px !important; } .margin-left-26 { margin-left: 26px !important; } .margin-bottom-26 { margin-bottom: 26px !important; } .margin-right-26 { margin-right: 26px !important; } .margin-top-27 { margin-top: 27px !important; } .margin-left-27 { margin-left: 27px !important; } .margin-bottom-27 { margin-bottom: 27px !important; } .margin-right-27 { margin-right: 27px !important; } .margin-top-28 { margin-top: 28px !important; } .margin-left-28 { margin-left: 28px !important; } .margin-bottom-28 { margin-bottom: 28px !important; } .margin-right-28 { margin-right: 28px !important; } .margin-top-29 { margin-top: 29px !important; } .margin-left-29 { margin-left: 29px !important; } .margin-bottom-29 { margin-bottom: 29px !important; } .margin-right-29 { margin-right: 29px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-top-31 { margin-top: 31px !important; } .margin-left-31 { margin-left: 31px !important; } .margin-bottom-31 { margin-bottom: 31px !important; } .margin-right-31 { margin-right: 31px !important; } .margin-top-32 { margin-top: 32px !important; } .margin-left-32 { margin-left: 32px !important; } .margin-bottom-32 { margin-bottom: 32px !important; } .margin-right-32 { margin-right: 32px !important; } .margin-top-33 { margin-top: 33px !important; } .margin-left-33 { margin-left: 33px !important; } .margin-bottom-33 { margin-bottom: 33px !important; } .margin-right-33 { margin-right: 33px !important; } .margin-top-34 { margin-top: 34px !important; } .margin-left-34 { margin-left: 34px !important; } .margin-bottom-34 { margin-bottom: 34px !important; } .margin-right-34 { margin-right: 34px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-left-35 { margin-left: 35px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-right-35 { margin-right: 35px !important; } .margin-top-36 { margin-top: 36px !important; } .margin-left-36 { margin-left: 36px !important; } .margin-bottom-36 { margin-bottom: 36px !important; } .margin-right-36 { margin-right: 36px !important; } .margin-top-37 { margin-top: 37px !important; } .margin-left-37 { margin-left: 37px !important; } .margin-bottom-37 { margin-bottom: 37px !important; } .margin-right-37 { margin-right: 37px !important; } .margin-top-38 { margin-top: 38px !important; } .margin-left-38 { margin-left: 38px !important; } .margin-bottom-38 { margin-bottom: 38px !important; } .margin-right-38 { margin-right: 38px !important; } .margin-top-39 { margin-top: 39px !important; } .margin-left-39 { margin-left: 39px !important; } .margin-bottom-39 { margin-bottom: 39px !important; } .margin-right-39 { margin-right: 39px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-top-41 { margin-top: 41px !important; } .margin-left-41 { margin-left: 41px !important; } .margin-bottom-41 { margin-bottom: 41px !important; } .margin-right-41 { margin-right: 41px !important; } .margin-top-42 { margin-top: 42px !important; } .margin-left-42 { margin-left: 42px !important; } .margin-bottom-42 { margin-bottom: 42px !important; } .margin-right-42 { margin-right: 42px !important; } .margin-top-43 { margin-top: 43px !important; } .margin-left-43 { margin-left: 43px !important; } .margin-bottom-43 { margin-bottom: 43px !important; } .margin-right-43 { margin-right: 43px !important; } .margin-top-44 { margin-top: 44px !important; } .margin-left-44 { margin-left: 44px !important; } .margin-bottom-44 { margin-bottom: 44px !important; } .margin-right-44 { margin-right: 44px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-left-45 { margin-left: 45px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } .margin-right-45 { margin-right: 45px !important; } .margin-top-46 { margin-top: 46px !important; } .margin-left-46 { margin-left: 46px !important; } .margin-bottom-46 { margin-bottom: 46px !important; } .margin-right-46 { margin-right: 46px !important; } .margin-top-47 { margin-top: 47px !important; } .margin-left-47 { margin-left: 47px !important; } .margin-bottom-47 { margin-bottom: 47px !important; } .margin-right-47 { margin-right: 47px !important; } .margin-top-48 { margin-top: 48px !important; } .margin-left-48 { margin-left: 48px !important; } .margin-bottom-48 { margin-bottom: 48px !important; } .margin-right-48 { margin-right: 48px !important; } .margin-top-49 { margin-top: 49px !important; } .margin-left-49 { margin-left: 49px !important; } .margin-bottom-49 { margin-bottom: 49px !important; } .margin-right-49 { margin-right: 49px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-top-51 { margin-top: 51px !important; } .margin-left-51 { margin-left: 51px !important; } .margin-bottom-51 { margin-bottom: 51px !important; } .margin-right-51 { margin-right: 51px !important; } .margin-top-52 { margin-top: 52px !important; } .margin-left-52 { margin-left: 52px !important; } .margin-bottom-52 { margin-bottom: 52px !important; } .margin-right-52 { margin-right: 52px !important; } .margin-top-53 { margin-top: 53px !important; } .margin-left-53 { margin-left: 53px !important; } .margin-bottom-53 { margin-bottom: 53px !important; } .margin-right-53 { margin-right: 53px !important; } .margin-top-54 { margin-top: 54px !important; } .margin-left-54 { margin-left: 54px !important; } .margin-bottom-54 { margin-bottom: 54px !important; } .margin-right-54 { margin-right: 54px !important; } .margin-top-55 { margin-top: 55px !important; } .margin-left-55 { margin-left: 55px !important; } .margin-bottom-55 { margin-bottom: 55px !important; } .margin-right-55 { margin-right: 55px !important; } .margin-top-56 { margin-top: 56px !important; } .margin-left-56 { margin-left: 56px !important; } .margin-bottom-56 { margin-bottom: 56px !important; } .margin-right-56 { margin-right: 56px !important; } .margin-top-57 { margin-top: 57px !important; } .margin-left-57 { margin-left: 57px !important; } .margin-bottom-57 { margin-bottom: 57px !important; } .margin-right-57 { margin-right: 57px !important; } .margin-top-58 { margin-top: 58px !important; } .margin-left-58 { margin-left: 58px !important; } .margin-bottom-58 { margin-bottom: 58px !important; } .margin-right-58 { margin-right: 58px !important; } .margin-top-59 { margin-top: 59px !important; } .margin-left-59 { margin-left: 59px !important; } .margin-bottom-59 { margin-bottom: 59px !important; } .margin-right-59 { margin-right: 59px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-left-60 { margin-left: 60px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-top-61 { margin-top: 61px !important; } .margin-left-61 { margin-left: 61px !important; } .margin-bottom-61 { margin-bottom: 61px !important; } .margin-right-61 { margin-right: 61px !important; } .margin-top-62 { margin-top: 62px !important; } .margin-left-62 { margin-left: 62px !important; } .margin-bottom-62 { margin-bottom: 62px !important; } .margin-right-62 { margin-right: 62px !important; } .margin-top-63 { margin-top: 63px !important; } .margin-left-63 { margin-left: 63px !important; } .margin-bottom-63 { margin-bottom: 63px !important; } .margin-right-63 { margin-right: 63px !important; } .margin-top-64 { margin-top: 64px !important; } .margin-left-64 { margin-left: 64px !important; } .margin-bottom-64 { margin-bottom: 64px !important; } .margin-right-64 { margin-right: 64px !important; } .margin-top-65 { margin-top: 65px !important; } .margin-left-65 { margin-left: 65px !important; } .margin-bottom-65 { margin-bottom: 65px !important; } .margin-right-65 { margin-right: 65px !important; } .margin-top-66 { margin-top: 66px !important; } .margin-left-66 { margin-left: 66px !important; } .margin-bottom-66 { margin-bottom: 66px !important; } .margin-right-66 { margin-right: 66px !important; } .margin-top-67 { margin-top: 67px !important; } .margin-left-67 { margin-left: 67px !important; } .margin-bottom-67 { margin-bottom: 67px !important; } .margin-right-67 { margin-right: 67px !important; } .margin-top-68 { margin-top: 68px !important; } .margin-left-68 { margin-left: 68px !important; } .margin-bottom-68 { margin-bottom: 68px !important; } .margin-right-68 { margin-right: 68px !important; } .margin-top-69 { margin-top: 69px !important; } .margin-left-69 { margin-left: 69px !important; } .margin-bottom-69 { margin-bottom: 69px !important; } .margin-right-69 { margin-right: 69px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-left-70 { margin-left: 70px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-right-70 { margin-right: 70px !important; } .margin-top-71 { margin-top: 71px !important; } .margin-left-71 { margin-left: 71px !important; } .margin-bottom-71 { margin-bottom: 71px !important; } .margin-right-71 { margin-right: 71px !important; } .margin-top-72 { margin-top: 72px !important; } .margin-left-72 { margin-left: 72px !important; } .margin-bottom-72 { margin-bottom: 72px !important; } .margin-right-72 { margin-right: 72px !important; } .margin-top-73 { margin-top: 73px !important; } .margin-left-73 { margin-left: 73px !important; } .margin-bottom-73 { margin-bottom: 73px !important; } .margin-right-73 { margin-right: 73px !important; } .margin-top-74 { margin-top: 74px !important; } .margin-left-74 { margin-left: 74px !important; } .margin-bottom-74 { margin-bottom: 74px !important; } .margin-right-74 { margin-right: 74px !important; } .margin-top-75 { margin-top: 75px !important; } .margin-left-75 { margin-left: 75px !important; } .margin-bottom-75 { margin-bottom: 75px !important; } .margin-right-75 { margin-right: 75px !important; } .margin-top-76 { margin-top: 76px !important; } .margin-left-76 { margin-left: 76px !important; } .margin-bottom-76 { margin-bottom: 76px !important; } .margin-right-76 { margin-right: 76px !important; } .margin-top-77 { margin-top: 77px !important; } .margin-left-77 { margin-left: 77px !important; } .margin-bottom-77 { margin-bottom: 77px !important; } .margin-right-77 { margin-right: 77px !important; } .margin-top-78 { margin-top: 78px !important; } .margin-left-78 { margin-left: 78px !important; } .margin-bottom-78 { margin-bottom: 78px !important; } .margin-right-78 { margin-right: 78px !important; } .margin-top-79 { margin-top: 79px !important; } .margin-left-79 { margin-left: 79px !important; } .margin-bottom-79 { margin-bottom: 79px !important; } .margin-right-79 { margin-right: 79px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-left-80 { margin-left: 80px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-right-80 { margin-right: 80px !important; } .padding-top-1 { padding-top: 1px !important; } .padding-left-1 { padding-left: 1px !important; } .padding-bottom-1 { padding-bottom: 1px !important; } .padding-right-1 { padding-right: 1px !important; } .padding-top-2 { padding-top: 2px !important; } .padding-left-2 { padding-left: 2px !important; } .padding-bottom-2 { padding-bottom: 2px !important; } .padding-right-2 { padding-right: 2px !important; } .padding-top-3 { padding-top: 3px !important; } .padding-left-3 { padding-left: 3px !important; } .padding-bottom-3 { padding-bottom: 3px !important; } .padding-right-3 { padding-right: 3px !important; } .padding-top-4 { padding-top: 4px !important; } .padding-left-4 { padding-left: 4px !important; } .padding-bottom-4 { padding-bottom: 4px !important; } .padding-right-4 { padding-right: 4px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-top-6 { padding-top: 6px !important; } .padding-left-6 { padding-left: 6px !important; } .padding-bottom-6 { padding-bottom: 6px !important; } .padding-right-6 { padding-right: 6px !important; } .padding-top-7 { padding-top: 7px !important; } .padding-left-7 { padding-left: 7px !important; } .padding-bottom-7 { padding-bottom: 7px !important; } .padding-right-7 { padding-right: 7px !important; } .padding-top-8 { padding-top: 8px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-bottom-8 { padding-bottom: 8px !important; } .padding-right-8 { padding-right: 8px !important; } .padding-top-9 { padding-top: 9px !important; } .padding-left-9 { padding-left: 9px !important; } .padding-bottom-9 { padding-bottom: 9px !important; } .padding-right-9 { padding-right: 9px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-top-11 { padding-top: 11px !important; } .padding-left-11 { padding-left: 11px !important; } .padding-bottom-11 { padding-bottom: 11px !important; } .padding-right-11 { padding-right: 11px !important; } .padding-top-12 { padding-top: 12px !important; } .padding-left-12 { padding-left: 12px !important; } .padding-bottom-12 { padding-bottom: 12px !important; } .padding-right-12 { padding-right: 12px !important; } .padding-top-13 { padding-top: 13px !important; } .padding-left-13 { padding-left: 13px !important; } .padding-bottom-13 { padding-bottom: 13px !important; } .padding-right-13 { padding-right: 13px !important; } .padding-top-14 { padding-top: 14px !important; } .padding-left-14 { padding-left: 14px !important; } .padding-bottom-14 { padding-bottom: 14px !important; } .padding-right-14 { padding-right: 14px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-top-16 { padding-top: 16px !important; } .padding-left-16 { padding-left: 16px !important; } .padding-bottom-16 { padding-bottom: 16px !important; } .padding-right-16 { padding-right: 16px !important; } .padding-top-17 { padding-top: 17px !important; } .padding-left-17 { padding-left: 17px !important; } .padding-bottom-17 { padding-bottom: 17px !important; } .padding-right-17 { padding-right: 17px !important; } .padding-top-18 { padding-top: 18px !important; } .padding-left-18 { padding-left: 18px !important; } .padding-bottom-18 { padding-bottom: 18px !important; } .padding-right-18 { padding-right: 18px !important; } .padding-top-19 { padding-top: 19px !important; } .padding-left-19 { padding-left: 19px !important; } .padding-bottom-19 { padding-bottom: 19px !important; } .padding-right-19 { padding-right: 19px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-top-21 { padding-top: 21px !important; } .padding-left-21 { padding-left: 21px !important; } .padding-bottom-21 { padding-bottom: 21px !important; } .padding-right-21 { padding-right: 21px !important; } .padding-top-22 { padding-top: 22px !important; } .padding-left-22 { padding-left: 22px !important; } .padding-bottom-22 { padding-bottom: 22px !important; } .padding-right-22 { padding-right: 22px !important; } .padding-top-23 { padding-top: 23px !important; } .padding-left-23 { padding-left: 23px !important; } .padding-bottom-23 { padding-bottom: 23px !important; } .padding-right-23 { padding-right: 23px !important; } .padding-top-24 { padding-top: 24px !important; } .padding-left-24 { padding-left: 24px !important; } .padding-bottom-24 { padding-bottom: 24px !important; } .padding-right-24 { padding-right: 24px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-left-25 { padding-left: 25px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-right-25 { padding-right: 25px !important; } .padding-top-26 { padding-top: 26px !important; } .padding-left-26 { padding-left: 26px !important; } .padding-bottom-26 { padding-bottom: 26px !important; } .padding-right-26 { padding-right: 26px !important; } .padding-top-27 { padding-top: 27px !important; } .padding-left-27 { padding-left: 27px !important; } .padding-bottom-27 { padding-bottom: 27px !important; } .padding-right-27 { padding-right: 27px !important; } .padding-top-28 { padding-top: 28px !important; } .padding-left-28 { padding-left: 28px !important; } .padding-bottom-28 { padding-bottom: 28px !important; } .padding-right-28 { padding-right: 28px !important; } .padding-top-29 { padding-top: 29px !important; } .padding-left-29 { padding-left: 29px !important; } .padding-bottom-29 { padding-bottom: 29px !important; } .padding-right-29 { padding-right: 29px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-top-31 { padding-top: 31px !important; } .padding-left-31 { padding-left: 31px !important; } .padding-bottom-31 { padding-bottom: 31px !important; } .padding-right-31 { padding-right: 31px !important; } .padding-top-32 { padding-top: 32px !important; } .padding-left-32 { padding-left: 32px !important; } .padding-bottom-32 { padding-bottom: 32px !important; } .padding-right-32 { padding-right: 32px !important; } .padding-top-33 { padding-top: 33px !important; } .padding-left-33 { padding-left: 33px !important; } .padding-bottom-33 { padding-bottom: 33px !important; } .padding-right-33 { padding-right: 33px !important; } .padding-top-34 { padding-top: 34px !important; } .padding-left-34 { padding-left: 34px !important; } .padding-bottom-34 { padding-bottom: 34px !important; } .padding-right-34 { padding-right: 34px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-left-35 { padding-left: 35px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-right-35 { padding-right: 35px !important; } .padding-top-36 { padding-top: 36px !important; } .padding-left-36 { padding-left: 36px !important; } .padding-bottom-36 { padding-bottom: 36px !important; } .padding-right-36 { padding-right: 36px !important; } .padding-top-37 { padding-top: 37px !important; } .padding-left-37 { padding-left: 37px !important; } .padding-bottom-37 { padding-bottom: 37px !important; } .padding-right-37 { padding-right: 37px !important; } .padding-top-38 { padding-top: 38px !important; } .padding-left-38 { padding-left: 38px !important; } .padding-bottom-38 { padding-bottom: 38px !important; } .padding-right-38 { padding-right: 38px !important; } .padding-top-39 { padding-top: 39px !important; } .padding-left-39 { padding-left: 39px !important; } .padding-bottom-39 { padding-bottom: 39px !important; } .padding-right-39 { padding-right: 39px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-top-41 { padding-top: 41px !important; } .padding-left-41 { padding-left: 41px !important; } .padding-bottom-41 { padding-bottom: 41px !important; } .padding-right-41 { padding-right: 41px !important; } .padding-top-42 { padding-top: 42px !important; } .padding-left-42 { padding-left: 42px !important; } .padding-bottom-42 { padding-bottom: 42px !important; } .padding-right-42 { padding-right: 42px !important; } .padding-top-43 { padding-top: 43px !important; } .padding-left-43 { padding-left: 43px !important; } .padding-bottom-43 { padding-bottom: 43px !important; } .padding-right-43 { padding-right: 43px !important; } .padding-top-44 { padding-top: 44px !important; } .padding-left-44 { padding-left: 44px !important; } .padding-bottom-44 { padding-bottom: 44px !important; } .padding-right-44 { padding-right: 44px !important; } .padding-top-45 { padding-top: 45px !important; } .padding-left-45 { padding-left: 45px !important; } .padding-bottom-45 { padding-bottom: 45px !important; } .padding-right-45 { padding-right: 45px !important; } .padding-top-46 { padding-top: 46px !important; } .padding-left-46 { padding-left: 46px !important; } .padding-bottom-46 { padding-bottom: 46px !important; } .padding-right-46 { padding-right: 46px !important; } .padding-top-47 { padding-top: 47px !important; } .padding-left-47 { padding-left: 47px !important; } .padding-bottom-47 { padding-bottom: 47px !important; } .padding-right-47 { padding-right: 47px !important; } .padding-top-48 { padding-top: 48px !important; } .padding-left-48 { padding-left: 48px !important; } .padding-bottom-48 { padding-bottom: 48px !important; } .padding-right-48 { padding-right: 48px !important; } .padding-top-49 { padding-top: 49px !important; } .padding-left-49 { padding-left: 49px !important; } .padding-bottom-49 { padding-bottom: 49px !important; } .padding-right-49 { padding-right: 49px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-left-50 { padding-left: 50px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-right-50 { padding-right: 50px !important; } .padding-top-51 { padding-top: 51px !important; } .padding-left-51 { padding-left: 51px !important; } .padding-bottom-51 { padding-bottom: 51px !important; } .padding-right-51 { padding-right: 51px !important; } .padding-top-52 { padding-top: 52px !important; } .padding-left-52 { padding-left: 52px !important; } .padding-bottom-52 { padding-bottom: 52px !important; } .padding-right-52 { padding-right: 52px !important; } .padding-top-53 { padding-top: 53px !important; } .padding-left-53 { padding-left: 53px !important; } .padding-bottom-53 { padding-bottom: 53px !important; } .padding-right-53 { padding-right: 53px !important; } .padding-top-54 { padding-top: 54px !important; } .padding-left-54 { padding-left: 54px !important; } .padding-bottom-54 { padding-bottom: 54px !important; } .padding-right-54 { padding-right: 54px !important; } .padding-top-55 { padding-top: 55px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-bottom-55 { padding-bottom: 55px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-top-56 { padding-top: 56px !important; } .padding-left-56 { padding-left: 56px !important; } .padding-bottom-56 { padding-bottom: 56px !important; } .padding-right-56 { padding-right: 56px !important; } .padding-top-57 { padding-top: 57px !important; } .padding-left-57 { padding-left: 57px !important; } .padding-bottom-57 { padding-bottom: 57px !important; } .padding-right-57 { padding-right: 57px !important; } .padding-top-58 { padding-top: 58px !important; } .padding-left-58 { padding-left: 58px !important; } .padding-bottom-58 { padding-bottom: 58px !important; } .padding-right-58 { padding-right: 58px !important; } .padding-top-59 { padding-top: 59px !important; } .padding-left-59 { padding-left: 59px !important; } .padding-bottom-59 { padding-bottom: 59px !important; } .padding-right-59 { padding-right: 59px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-left-60 { padding-left: 60px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } .padding-right-60 { padding-right: 60px !important; } .padding-top-61 { padding-top: 61px !important; } .padding-left-61 { padding-left: 61px !important; } .padding-bottom-61 { padding-bottom: 61px !important; } .padding-right-61 { padding-right: 61px !important; } .padding-top-62 { padding-top: 62px !important; } .padding-left-62 { padding-left: 62px !important; } .padding-bottom-62 { padding-bottom: 62px !important; } .padding-right-62 { padding-right: 62px !important; } .padding-top-63 { padding-top: 63px !important; } .padding-left-63 { padding-left: 63px !important; } .padding-bottom-63 { padding-bottom: 63px !important; } .padding-right-63 { padding-right: 63px !important; } .padding-top-64 { padding-top: 64px !important; } .padding-left-64 { padding-left: 64px !important; } .padding-bottom-64 { padding-bottom: 64px !important; } .padding-right-64 { padding-right: 64px !important; } .padding-top-65 { padding-top: 65px !important; } .padding-left-65 { padding-left: 65px !important; } .padding-bottom-65 { padding-bottom: 65px !important; } .padding-right-65 { padding-right: 65px !important; } .padding-top-66 { padding-top: 66px !important; } .padding-left-66 { padding-left: 66px !important; } .padding-bottom-66 { padding-bottom: 66px !important; } .padding-right-66 { padding-right: 66px !important; } .padding-top-67 { padding-top: 67px !important; } .padding-left-67 { padding-left: 67px !important; } .padding-bottom-67 { padding-bottom: 67px !important; } .padding-right-67 { padding-right: 67px !important; } .padding-top-68 { padding-top: 68px !important; } .padding-left-68 { padding-left: 68px !important; } .padding-bottom-68 { padding-bottom: 68px !important; } .padding-right-68 { padding-right: 68px !important; } .padding-top-69 { padding-top: 69px !important; } .padding-left-69 { padding-left: 69px !important; } .padding-bottom-69 { padding-bottom: 69px !important; } .padding-right-69 { padding-right: 69px !important; } .padding-top-70 { padding-top: 70px !important; } .padding-left-70 { padding-left: 70px !important; } .padding-bottom-70 { padding-bottom: 70px !important; } .padding-right-70 { padding-right: 70px !important; } .padding-top-71 { padding-top: 71px !important; } .padding-left-71 { padding-left: 71px !important; } .padding-bottom-71 { padding-bottom: 71px !important; } .padding-right-71 { padding-right: 71px !important; } .padding-top-72 { padding-top: 72px !important; } .padding-left-72 { padding-left: 72px !important; } .padding-bottom-72 { padding-bottom: 72px !important; } .padding-right-72 { padding-right: 72px !important; } .padding-top-73 { padding-top: 73px !important; } .padding-left-73 { padding-left: 73px !important; } .padding-bottom-73 { padding-bottom: 73px !important; } .padding-right-73 { padding-right: 73px !important; } .padding-top-74 { padding-top: 74px !important; } .padding-left-74 { padding-left: 74px !important; } .padding-bottom-74 { padding-bottom: 74px !important; } .padding-right-74 { padding-right: 74px !important; } .padding-top-75 { padding-top: 75px !important; } .padding-left-75 { padding-left: 75px !important; } .padding-bottom-75 { padding-bottom: 75px !important; } .padding-right-75 { padding-right: 75px !important; } .padding-top-76 { padding-top: 76px !important; } .padding-left-76 { padding-left: 76px !important; } .padding-bottom-76 { padding-bottom: 76px !important; } .padding-right-76 { padding-right: 76px !important; } .padding-top-77 { padding-top: 77px !important; } .padding-left-77 { padding-left: 77px !important; } .padding-bottom-77 { padding-bottom: 77px !important; } .padding-right-77 { padding-right: 77px !important; } .padding-top-78 { padding-top: 78px !important; } .padding-left-78 { padding-left: 78px !important; } .padding-bottom-78 { padding-bottom: 78px !important; } .padding-right-78 { padding-right: 78px !important; } .padding-top-79 { padding-top: 79px !important; } .padding-left-79 { padding-left: 79px !important; } .padding-bottom-79 { padding-bottom: 79px !important; } .padding-right-79 { padding-right: 79px !important; } .padding-top-80 { padding-top: 80px !important; } .padding-left-80 { padding-left: 80px !important; } .padding-bottom-80 { padding-bottom: 80px !important; } .padding-right-80 { padding-right: 80px !important; } /* 1. base */ @font-face { font-family: 'KossyNeue-Medium'; src: url("../fonts/KossyNeue-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/KossyNeue-Medium.woff") format("woff"), url("../fonts/KossyNeue-Medium.ttf") format("truetype"), url("../fonts/KossyNeue-Medium.svg#KossyNeue-Medium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'KossyNeue-Mono'; src: url("../fonts/KossyNeue-Mono.eot?#iefix") format("embedded-opentype"), url("../fonts/KossyNeue-Mono.woff") format("woff"), url("../fonts/KossyNeue-Mono.ttf") format("truetype"), url("../fonts/KossyNeue-Mono.svg#KossyNeue-Mono") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Miller-Display'; src: url("../fonts/Miller-Display.eot?#iefix") format("embedded-opentype"), url("../fonts/Miller-Display.otf") format("opentype"), url("../fonts/Miller-Display.woff") format("woff"), url("../fonts/Miller-Display.ttf") format("truetype"), url("../fonts/Miller-Display.svg#Miller-Display") format("svg"); font-weight: normal; font-style: normal; } .post-password-form input { height: 43px; padding: 5px 10px; } .post-password-form input[type="submit"] { background: #d35050; color: #fff; border: none; padding: 5px 25px; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:active { color: #fff; background: #c03030; } a:focus, .btn:focus, .viewmore-products-btn:focus { outline: none !important; } .list, .list-no { list-style: none; padding: 0; margin: 0; } .media-body { width: 10000px; } .btn, .viewmore-products-btn, button { outline: none !important; } ::-moz-selection { color: #fff; background: #1b251f; } ::selection { color: #fff; background: #1b251f; } .pswp__item { cursor: move; } .no-border { border: none !important; } .no-border:before { display: none !important; } .wpb_widgetised_column { margin: 0; } .apus-mfp-zoom-in .mfp-content { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .apus-mfp-zoom-in.mfp-ready .mfp-content { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .apus-quickview .mfp-inline-holder .mfp-content { position: relative; max-width: 100%; width: 90%; margin: 0 auto; background: #fff; } @media (min-width: 1200px) { .apus-quickview .mfp-inline-holder .mfp-content { width: 1170px; min-height: 400px; } } .apus-quickview .mfp-inline-holder .mfp-content .details-product { overflow: hidden; margin: 0 !important; } .apus-quickview .mfp-inline-holder .mfp-content .information { padding: 30px 30px 30px 15px; } .rtl .apus-quickview .mfp-inline-holder .mfp-content .information { padding: 30px 15px 30px 30px; } @media (min-width: 768px) { .apus-quickview .mfp-inline-holder .mfp-content .information { padding: 30px 80px 30px 65px; } .rtl .apus-quickview .mfp-inline-holder .mfp-content .information { padding: 30px 65px 30px 80px; } } .apus-quickview .mfp-inline-holder .mfp-content .slick-carousel .slick-prev { left: 30px; } .apus-quickview .mfp-inline-holder .mfp-content .slick-carousel .slick-next { right: 30px; } .apus-quickview .mfp-inline-holder .mfp-content .mfp-close { background: #d35050; color: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-quickview .mfp-inline-holder .mfp-content .mfp-close:hover, .apus-quickview .mfp-inline-holder .mfp-content .mfp-close:active { background: #c03030; color: #fff; } .action .caret { width: 8px; height: 8px; position: relative; } .action[aria-expanded="true"] b { border: none; } .action[aria-expanded="true"] b:before { font-family: FontAwesome; content: "\f00d"; position: absolute; top: 0; left: 0; font-size: 12px; } ins { text-decoration: none; } img { border: 0; vertical-align: top; max-width: 100%; height: auto; } .video-responsive { height: 0; padding-top: 0; padding-bottom: 56.25%; margin-bottom: 10px; position: relative; overflow: hidden; } .video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video { top: 0; left: 0; position: absolute; width: 100%; height: 100%; } .audio-responsive iframe { width: 100%; height: 126px; } ul.list-square { padding: 0; margin: 0; list-style: none; } ul.list-square > li { line-height: 35px; font-size: 14px; margin: 0; } ul.list-square > li.active > a, ul.list-square > li:hover > a { color: #d35050; } ul.list-square > li.active > a:before, ul.list-square > li:hover > a:before { background: #d35050; } ul.list-square > li > a { display: block; padding-left: 21px; position: relative; } .rtl ul.list-square > li > a { padding-right: 21px; padding-left: inherit; } ul.list-square > li > a:before { content: ''; background: #252525; width: 8px; height: 8px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .rtl ul.list-square > li > a:before { right: 0; left: auto; } .breadcrumb > li + li:before { color: #111111 !important; content: "\f101"; font-family: 'FontAwesome'; } .apus-breadscrumb { text-align: center; background-color: #f7f7f7; margin: 0 0 30px; } .apus-breadscrumb .breadcrumb { background: transparent; margin: 0; padding: 0; color: #111111; font-size: 14px; font-family: "Rubik", Helvetica, Arial, sans-serif; font-weight: 400; } .apus-breadscrumb .breadcrumb > .active { color: #d35050; } .apus-breadscrumb .breadcrumb a { color: #111111; } .apus-breadscrumb .breadcrumb a:hover, .apus-breadscrumb .breadcrumb a:active { color: #d35050; } .apus-breadscrumb .wrapper-breads { position: relative; padding: 20px 0; } .apus-breadscrumb .wrapper-breads.has_bg .breadcrumb, .apus-breadscrumb .wrapper-breads.has_bg .active, .apus-breadscrumb .wrapper-breads.has_bg .breadcrumb > li + li:before, .apus-breadscrumb .wrapper-breads.has_bg a, .apus-breadscrumb .wrapper-breads.has_bg .bread-title { color: #fff !important; } @media (min-width: 1024px) { .apus-breadscrumb .wrapper-breads.has_bg { position: relative; min-height: 300px; } .apus-breadscrumb .wrapper-breads.has_bg .wrapper-breads-inner { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .apus-breadscrumb .bread-title { text-transform: uppercase; font-size: 30px; font-weight: 500; margin: 0; color: #111111; } @media (min-width: 1200px) { .woo-detail { margin-bottom: 50px; } } .search-form input, .search-form .btn, .search-form .viewmore-products-btn { background: #ebedee; border-color: #ebedee; color: #252525; } .search-form .btn, .search-form .viewmore-products-btn { padding: 10px 15px; } .ui-autocomplete.ui-widget-content { padding: 15px; margin: 0; list-style: none; width: 293px !important; background: #fff; } .ui-autocomplete.ui-widget-content li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .ui-autocomplete.ui-widget-content li:last-child { border: none; margin: 0; padding: 0; } .ui-autocomplete.ui-widget-content li img { width: 60px; } .main-content { display: block; } @media (min-width: 992px) { .main-content { display: block; padding-top: 40px; padding-bottom: 40px; } } .bg-dark { background: #272727; color: #fff; } .text-purple { color: #6c58bd !important; } .text-red { color: #c32322 !important; } .text-red-1 { color: #ff0000 !important; } .text-orange { color: #f66000 !important; } .text-yellow { color: #e2d951 !important; } .text-black { color: #000 !important; } .text-white, .text-light { color: #FFFFFF !important; } .text-darker { color: #333 !important; } .text-uppercase { text-transform: uppercase; } /*Radius ------------------------------------*/ .radius-0 { border-radius: 0 !important; } .radius-x { border-radius: 50% !important; } .radius-1x { border-radius: 10px !important; } .radius-2x { border-radius: 20px !important; } .radius-3x { border-radius: 30px !important; } .radius-4x { border-radius: 40px !important; } .radius-5x { border-radius: 5px !important; } .radius-6x { border-radius: 3px !important; } .owl-carousel-play { position: relative; } .owl-carousel-play .owl-item:last-child .product-wrapper { border: none; } .carousel-md { width: 44px; height: 44px; line-height: 44px; } .carousel-sm { width: 34px; height: 34px; line-height: 34px; font-size: 14px; } .carousel-xs { width: 28px; height: 28px; line-height: 28px; font-size: 14px; } .add-fix-top { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: fixed; z-index: 99; bottom: 50px; right: 0; display: inline-block; color: #fff !important; opacity: 0; filter: alpha(opacity=0); width: 40px; height: 40px; line-height: 34px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; text-align: center; background: #d35050; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .rtl .add-fix-top { left: 0; right: auto; } .add-fix-top i { font-size: 25px; line-height: 1; display: inline-block; vertical-align: middle; } .add-fix-top.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); } .add-fix-top:focus, .add-fix-top:active, .add-fix-top:hover { color: #fff !important; background: #ce3c3c; opacity: 1; filter: alpha(opacity=100); } .back-top { width: 104px; height: 104px; line-height: 100px; text-align: center; padding: 7px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff; display: inline-block; } .back-top .back-inner { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 90px; height: 90px; background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); position: relative; } .back-top .back-inner:before { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; content: ''; width: 100%; height: 100%; background-image: -webkit-linear-gradient(left, #d35050 0%, #1b251f 100%); background-image: -o-linear-gradient(left, #d35050 0%, #1b251f 100%); background-image: linear-gradient(to right, #d35050 0%, #1b251f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD35050', endColorstr='#FF1B251F', GradientType=1); z-index: 1; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .back-top .back-inner > i { position: relative; color: #fff; font-size: 50px; z-index: 9; } .back-top:hover .back-inner:before, .back-top:active .back-inner:before { opacity: 1; filter: alpha(opacity=100); } .menu { padding: 0; margin: 0; } .menu li { list-style: none; margin-bottom: 8px; } .menu li:last-child { margin-bottom: 0; } .menu ul { padding-left: 15px; margin: 0; } .rtl .menu ul { padding-right: 15px; padding-left: inherit; } .apus-body-loading { overflow: hidden; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes -webkit-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .apus-page-loading { top: 0; left: 0; position: fixed; width: 100%; height: 100%; background: #fff; z-index: 9999; } .apus-loader-inner { margin: 0 auto; width: 60px; height: 50px; text-align: center; font-size: 10px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .apus-loader-inner > div { width: 8px; height: 100%; display: inline-block; float: left; margin-left: 2px; -webkit-animation: delay 0.8s infinite ease-in-out; animation: delay 0.8s infinite ease-in-out; } .apus-loader-inner .loader1 { background-color: #e39505; } .apus-loader-inner .loader2 { background-color: #ff5395; -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .apus-loader-inner .loader3 { background-color: #84b813; -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .apus-loader-inner .loader4 { background-color: #f38ca3; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .apus-loader-inner .loader5 { background-color: #da5800; -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } @-webkit-keyframes delay { 0%, 40%, 100% { -webkit-transform: scaleY(0.05); transform: scaleY(0.05); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes delay { 0%, 40%, 100% { transform: scaleY(0.05); -webkit-transform: scaleY(0.05); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .tab-v1 .tabs-list { border: none; text-align: center; padding: 30px 0 50px; } .tab-v1 .tabs-list li { padding: 0 22px; margin: 0; display: inline-block; float: none; } .tab-v1 .tabs-list li a { padding: 5px 0; color: #777777; border-width: 0 0 1px !important; border-color: #cccccc; border-style: dashed; font-size: 16px; font-weight: 300; text-transform: uppercase; background: transparent; } .tab-v1 .tabs-list li.active > a:active, .tab-v1 .tabs-list li.active > a:focus, .tab-v1 .tabs-list li.active > a, .tab-v1 .tabs-list li:hover > a:active, .tab-v1 .tabs-list li:hover > a:focus, .tab-v1 .tabs-list li:hover > a { border-color: transparent; color: #d35050; background: transparent; } .tab-v1.style1 .tabs-list { padding: 10px 0 70px; text-align: right; } .rtl .tab-v1.style1 .tabs-list { text-align: left; } .tab-v1.style1 .tabs-list li.active, .tab-v1.style1 .tabs-list li:hover { -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); } .tab-v1.style1 .tabs-list li.active > a:active, .tab-v1.style1 .tabs-list li.active > a:focus, .tab-v1.style1 .tabs-list li.active > a, .tab-v1.style1 .tabs-list li:hover > a:active, .tab-v1.style1 .tabs-list li:hover > a:focus, .tab-v1.style1 .tabs-list li:hover > a { color: #252525; } @media (min-width: 992px) { .tab-v1.style1 { padding: 0 70px; } } .tab-product-center .nav-tabs { border: none; margin: 0 0 30px; text-align: center; } .tab-product-center .nav-tabs > li { display: inline-block; float: none; margin: 0 !important; } .tab-product-center .nav-tabs > li > a { border: none !important; margin: 0; font-size: 16px; font-weight: 500; padding: 0 30px; color: #252525; outline: none !important; } .tab-product-center .nav-tabs > li:hover a, .tab-product-center .nav-tabs > li.active a { color: #d35050; } .tab-product-center .tab-content { position: relative; } .tab-product-center .tab-content.loading:before { content: ''; position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9) url(../images/loading-quick.gif) no-repeat scroll center 100px/50px auto; } .page-links { overflow: hidden; margin: 0 0 30px; } .page-links .page-links-title { font-weight: 700; color: #252525; } .page-links > span:not(.page-links-title), .page-links > a { display: inline-block; line-height: 1; margin: 0 2px; padding: 9px 15px; border: 1px solid #e5e5e5; color: #252525; } .page-links > span:not(.page-links-title):hover, .page-links > span:not(.page-links-title):active, .page-links > a:hover, .page-links > a:active { color: #fff; background: #d35050; border-color: #d35050; } .page-links > span:not(.page-links-title) { color: #fff; background: #d35050; border-color: #d35050; } option { padding: 5px; } @media (min-width: 992px) { .space-padding-left-30 { padding-left: 30px !important; } } .woocommerce-MyAccount-navigation > ul { list-style: none; padding: 0; margin: 0; line-height: 35px; } .yith_woocompare_colorbox #cboxWrapper #cboxContent { position: relative; } .yith_woocompare_colorbox #cboxWrapper #cboxContent #cboxClose { position: absolute; top: 0; right: 0; padding: 5px; color: #fff; background: #d35050; text-transform: capitalize; font-size: 14px; width: 80px; height: 32px; text-indent: 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .rtl .yith_woocompare_colorbox #cboxWrapper #cboxContent #cboxClose { left: 0; right: auto; } .yith_woocompare_colorbox #cboxWrapper #cboxContent #cboxClose:hover, .yith_woocompare_colorbox #cboxWrapper #cboxContent #cboxClose:active { background: #ce3c3c; } .image-lazy-loading .image-wrapper { background-position: center center; background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); max-height: 100%; } .image-lazy-loading .image-wrapper img { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .image-lazy-loading .image-wrapper.image-loaded { background: none; } .image-lazy-loading .image-wrapper.image-loaded img { opacity: 1; filter: alpha(opacity=100); } .scrollbar { width: 102px; height: 102px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; line-height: 90px; text-align: center; color: #fff; background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); font-size: 50px; display: inline-block; border: 6px solid #ffffff; -webkit-transform: translateY(55px); -ms-transform: translateY(55px); -o-transform: translateY(55px); transform: translateY(55px); position: relative; z-index: 9; } .scrollbar:hover, .scrollbar:active { color: #fff; background-image: -webkit-linear-gradient(left, #d35050 0%, #1b251f 100%); background-image: -o-linear-gradient(left, #d35050 0%, #1b251f 100%); background-image: linear-gradient(to right, #d35050 0%, #1b251f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD35050', endColorstr='#FF1B251F', GradientType=1); } .rtl .navbar-nav.megamenu > li { padding-right: 0 !important; } .rtl .navbar-nav { float: right; } .rtl .input-group .form-control:first-child, .rtl .input-group-addon:first-child, .rtl .input-group-btn:first-child > .btn, .rtl .input-group-btn:first-child > .viewmore-products-btn, .rtl .input-group-btn:first-child > .btn-group > .btn, .rtl .input-group-btn:first-child > .btn-group > .viewmore-products-btn, .rtl .input-group-btn:first-child > .dropdown-toggle, .rtl .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .rtl .input-group-btn:last-child > .viewmore-products-btn:not(:last-child):not(.dropdown-toggle), .rtl .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .rtl .input-group-btn:last-child > .btn-group:not(:last-child) > .viewmore-products-btn { border-radius: 0 0px 0px 0; -webkit-border-radius: 0 0px 0px 0; -moz-border-radius: 0 0px 0px 0; -ms-border-radius: 0 0px 0px 0; -o-border-radius: 0 0px 0px 0; } .rtl .input-group .form-control:last-child, .rtl .input-group-addon:last-child, .rtl .input-group-btn:last-child > .btn, .rtl .input-group-btn:last-child > .viewmore-products-btn, .rtl .input-group-btn:last-child > .btn-group > .btn, .rtl .input-group-btn:last-child > .btn-group > .viewmore-products-btn, .rtl .input-group-btn:last-child > .dropdown-toggle, .rtl .input-group-btn:first-child > .btn:not(:first-child), .rtl .input-group-btn:first-child > .viewmore-products-btn:not(:first-child), .rtl .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .rtl .input-group-btn:first-child > .btn-group:not(:first-child) > .viewmore-products-btn { border-radius: 0px 0 0 0px; -webkit-border-radius: 0px 0 0 0px; -moz-border-radius: 0px 0 0 0px; -ms-border-radius: 0px 0 0 0px; -o-border-radius: 0px 0 0 0px; } .rtl .apus-search-style2 form [type="submit"] { border-radius: 100px 0 0 100px !important; -webkit-border-radius: 100px 0 0 100px !important; -moz-border-radius: 100px 0 0 100px !important; -ms-border-radius: 100px 0 0 100px !important; -o-border-radius: 100px 0 0 100px !important; } .rtl .apus-topcart .dropdown-menu-right { right: auto; left: 0; } .rtl .widget-search .form-control { border-right: 1px solid #121212 !important; } .rtl .widget-search .btn, .rtl .widget-search .viewmore-products-btn { border-left: 1px solid #121212 !important; } .show-search { cursor: pointer; line-height: 1; font-size: 16px; } .show-search:hover, .show-search:active, .show-search:focus { color: #d35050; } .apus-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { border: none !important; padding: 4px 25px 6px 0; background: transparent !important; color: #707070 !important; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { background: #fff; border: none; border: 1px solid #e5e5e5; min-width: 114px; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li { border-bottom: 1px solid #e5e5e5; padding: 9px 10px; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a { border: none !important; background: transparent !important; padding: 0; color: #252525; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover, .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:focus { color: #d35050; } .apus-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:last-child { border: none; } .apus-header .wpml-ls-legacy-dropdown { width: auto; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency, .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency { padding: 0; border: none; background: transparent; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency { padding: 5px 10px; border-bottom: 1px solid #e5e5e5; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency:last-child { border: none; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency { font-weight: 400; color: #707070; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a:hover, .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency.active a { font-weight: 400; color: #d35050; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency { min-width: 80px; text-align: inherit; z-index: 99; } .apus-header .woo-multi-currency.shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency::after { font-size: 11px; } .apus-header .apus-topbar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { min-width: 155px; } .search-header { position: fixed; z-index: 100; opacity: 0; filter: alpha(opacity=0); visibility: hidden; top: 0; left: 0; width: 100%; height: 0; background: #f7f7f7; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .search-header.active { opacity: 1; filter: alpha(opacity=100); height: 100%; visibility: visible; } .apus-search-form.search-fix { padding: 80px 0; margin: 0 !important; } .apus-search-form.search-fix .inner-search { max-width: 830px; margin: auto; } /* 2. elements */ /* block */ .widget { margin-bottom: 30px; position: relative; background: transparent; } .widget .widget-title, .widget .widgettitle, .widget .widget-heading { font-size: 18px; margin: 0 0 22px; font-weight: 500; position: relative; } .wpb_video_widget .video-description { padding: 10px; } .sidebar .widget, .apus-sidebar .widget { margin: 0 0 40px; overflow: hidden; } .sidebar .widget .widget-title, .sidebar .widget .widgettitle, .sidebar .widget .widget-heading, .apus-sidebar .widget .widget-title, .apus-sidebar .widget .widgettitle, .apus-sidebar .widget .widget-heading { font-size: 18px; margin: 0 0 15px; font-weight: 500; position: relative; } .sidebar .apus-products-list, .apus-sidebar .apus-products-list { border-style: solid; border-color: #e5e5e5; border-width: 0 1px 1px; } .sidebar .apus-products-list .product-block, .apus-sidebar .apus-products-list .product-block { padding: 20px; margin: 0; } .sidebar .row.instagram-pics, .apus-sidebar .row.instagram-pics { margin-left: -6px; margin-right: -6px; } .sidebar .row.instagram-pics > [class*="col-md"], .apus-sidebar .row.instagram-pics > [class*="col-md"] { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; } .sidebar .widget_apus_single_image, .apus-sidebar .widget_apus_single_image { margin-bottom: 30px; } #apus-topbar .info-topbar .textwidget > span { padding-right: 10px; margin-right: 10px; float: left; border-right: 1px solid #e5e5e5; } .rtl #apus-topbar .info-topbar .textwidget > span { padding-left: 10px; padding-right: inherit; } .rtl #apus-topbar .info-topbar .textwidget > span { margin-left: 10px; margin-right: inherit; } .rtl #apus-topbar .info-topbar .textwidget > span { float: right; } .rtl #apus-topbar .info-topbar .textwidget > span { border-left: 1px solid #e5e5e5; border-right: inherit; } #apus-topbar .info-topbar .textwidget > span:last-child { border: 0; } #apus-topbar .info-topbar .fa { margin-right: 8px; } .rtl #apus-topbar .info-topbar .fa { margin-left: 8px; margin-right: inherit; } .apus-footer .widget-title, .apus-footer .widgettitle, .apus-footer .widget-heading { color: #252525; } .apus-footer.dark { background: #000000; color: #999999; } .apus-footer.dark .widget-title, .apus-footer.dark .widgettitle, .apus-footer.dark .widget-heading { color: #fff; } .apus-footer.dark a { color: #999999; } .apus-footer.dark a:hover, .apus-footer.dark a:focus { color: #fff; } .apus-copyright .wpb_content_element, .apus-copyright .widget { margin-bottom: 0 !important; } .apus-copyright .menu li { display: inline-block; margin-right: 10px; margin-bottom: 0; } .rtl .apus-copyright .menu li { margin-left: 10px; margin-right: inherit; } .apus-copyright .menu li:last-child { margin: 0; } /* 3. form */ .btn, .viewmore-products-btn { outline: none !important; } .btn-sm { font-weight: 400; text-transform: capitalize; } .btn-outline-light { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active { color: #121212; background-color: #FFFFFF; border-color: #121212; } .open .btn-outline-light.dropdown-toggle { color: #121212; background-color: #FFFFFF; border-color: #121212; } .btn-outline-light:active, .btn-outline-light.active { background-image: none; } .open .btn-outline-light.dropdown-toggle { background-image: none; } .btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active, fieldset[disabled] .btn-outline-light, fieldset[disabled] .btn-outline-light:hover, fieldset[disabled] .btn-outline-light:focus, fieldset[disabled] .btn-outline-light:active, fieldset[disabled] .btn-outline-light.active { background-color: transparent; border-color: #FFFFFF; } .btn-outline-light .badge { color: transparent; background-color: #FFFFFF; } .btn-shop { padding: 0 0 3px; font-size: 14px; font-weight: 500; text-transform: uppercase; border-bottom: 2px solid #f43434; } .btn-outline.btn-default { background: transparent; border-color: #fff; color: #fff; } .btn-outline.btn-default:hover { color: #d35050; border-color: #fff; background: #fff; } .btn-outline.btn-primary { background: transparent; border-color: #121212; color: #121212; } .btn-outline.btn-primary:hover { color: #fff; border-color: #121212; background: #121212; } .btn-outline.btn-success { background: transparent; border-color: #5cb85c; color: #5cb85c; } .btn-outline.btn-success:hover { color: #FFFFFF; border-color: #5cb85c; background: #5cb85c; } .btn-outline.btn-info { background: transparent; border-color: #5bc0de; color: #5bc0de; } .btn-outline.btn-info:hover { color: #FFFFFF; border-color: #5bc0de; background: #5bc0de; } .btn-outline.btn-danger { background: transparent; border-color: #d35050; color: #d35050; } .btn-outline.btn-danger:hover { color: #FFFFFF; border-color: #d35050; background: #d35050; } .btn-outline.btn-warning { background: transparent; border-color: #f0ad4e; color: #f0ad4e; } .btn-outline.btn-warning:hover { color: #FFFFFF; border-color: #f0ad4e; background: #f0ad4e; } .btn-inverse.btn-primary:hover { color: #121212; background: #FFFFFF; } .btn-inverse.btn-success:hover { color: #5cb85c; background: #FFFFFF; } .btn-inverse.btn-info:hover { color: #5bc0de; background: #FFFFFF; } .btn-inverse.btn-danger:hover { color: #d35050; background: #FFFFFF; } .btn-inverse.btn-warning:hover { color: #f0ad4e; background: #FFFFFF; } .btn-inverse.btn-theme:hover, .btn-inverse.viewmore-products-btn:hover { color: #d35050; background: #FFFFFF; } .btn-compare.btn-outline { color: #4c4c4c; background: #fff; border: 1px solid #e9e9e9; height: 46px; } .btn-compare.btn-outline:hover, .btn-compare.btn-outline:active { color: #fff; background: #4c4c4c; border-color: #4c4c4c; } .reamore { font-size: 14px; font-weight: 500; color: #d35050 !important; text-transform: uppercase; padding: 0 0 4px; border-bottom: 2px solid #d35050; } .reamore i { margin-left: 8px; } .rtl .reamore i { margin-right: 8px; margin-left: inherit; } .apus-loadmore-btn { font-size: 14px; font-weight: 500; background: #d35050; color: #fff !important; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; text-transform: uppercase; display: inline-block; padding: 10px 30px; } .apus-loadmore-btn:hover, .apus-loadmore-btn:active { color: #fff !important; background: #c03030; } .viewmore-products-btn { position: relative; } .viewmore-products-btn:before { content: ''; position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); z-index: 2; opacity: 0; filter: alpha(opacity=0); background: rgba(255, 255, 255, 0.9) url(../images/loading-quick.gif) no-repeat scroll center center/20px auto; } .viewmore-products-btn.loading:before { opacity: 1; filter: alpha(opacity=100); } button:focus, .btn:focus, .viewmore-products-btn:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn-link { color: #d35050; font-size: 14px; font-weight: 700; text-transform: uppercase; } .btn-link:hover, .btn-link:active { text-decoration: underline; } .radius-0 { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; } .radius-circle { border-radius: 100px !important; -webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; -ms-border-radius: 100px !important; -o-border-radius: 100px !important; } .btn-3d { -webkit-box-shadow: 0 0 10px 0 rgba(211, 80, 80, 0.8); box-shadow: 0 0 10px 0 rgba(211, 80, 80, 0.8); } .read-more { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #d35050; } .btn-white { background: #fff; color: #252525; border-color: #fff; } .btn-white:active, .btn-white:hover { color: #252525; background: #f2f2f2; border-color: #f2f2f2; } .btn-white.btn-br-white { background: #fff; color: #252525; border-color: #fff; } .btn-white.btn-br-white:active, .btn-white.btn-br-white:hover { color: #252525; background: #d9d9d9; border-color: #d9d9d9; } .btn-gradient { border: none !important; overflow: hidden; background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); position: relative; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 12px 40px; } .btn-gradient:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); background-image: -webkit-linear-gradient(left, #050806 0%, #c03030 100%); background-image: -o-linear-gradient(left, #050806 0%, #c03030 100%); background-image: linear-gradient(to right, #050806 0%, #c03030 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF050806', endColorstr='#FFC03030', GradientType=1); -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .btn-gradient > * { position: relative; z-index: 2; } .btn-gradient:hover, .btn-gradient:active { background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); } .btn-gradient:hover:before, .btn-gradient:active:before { opacity: 1; filter: alpha(opacity=100); } .btn-gradient.btn-white { color: #252525; } .btn-gradient.btn-white:before { content: ''; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; width: auto; height: auto; top: 2px; right: 2px; left: 2px; bottom: 2px; opacity: 1; filter: alpha(opacity=100); background: #fff; } .btn-gradient.btn-white:hover, .btn-gradient.btn-white:active { color: #fff !important; } .btn-gradient.btn-white:hover:before, .btn-gradient.btn-white:active:before { opacity: 0; filter: alpha(opacity=0); } .btn-readmore { color: #252525; font-weight: 400; font-size: 14px; text-transform: capitalize; display: inline-block; padding: 6px 30px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; background: #fff; } .btn-readmore:hover { background: #c83232; color: #fff; } .btn-more { display: inline-block; padding: 5px 20px; border: 2px solid #eaeaea; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background: #fff; font-size: 14px; } .btn-more i { margin-left: 5px; vertical-align: middle; } .rtl .btn-more i { margin-right: 5px; margin-left: inherit; } .btn-more:hover, .btn-more:active { color: #fff; background: #d35050; border-color: #d35050; } .btn-lighten { border-color: #fff; color: #fff; background: transparent; } .btn-lighten:hover { color: #fff; background: transparent; border-color: #fff; } .btn-outline.btn-white { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.3); } .btn-outline.btn-white:active, .btn-outline.btn-white:hover { color: #252525; background: #fff; border-color: #fff; } .btn-pink { color: #fff; background-color: #e3a3a2; border-color: #e3a3a2; } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle { color: #fff; background-color: #d77c7b; border-color: #d77c7b; } .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle { background-image: none; } .btn-pink.disabled, .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled:active, .btn-pink.disabled.active, .btn-pink[disabled], .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled]:active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink, fieldset[disabled] .btn-pink:hover, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink:active, fieldset[disabled] .btn-pink.active { background-color: #e3a3a2; border-color: #e3a3a2; } .btn-pink .badge { color: #e3a3a2; background-color: #fff; } .btn-primary.btn-inverse:active, .btn-primary.btn-inverse:hover { background: #fff !important; color: #121212 !important; border-color: #121212 !important; } .btn-theme, .viewmore-products-btn { color: #fff; background-color: #d35050; border-color: #d35050; } .btn-theme:hover, .viewmore-products-btn:hover, .btn-theme:focus, .viewmore-products-btn:focus, .btn-theme:active, .viewmore-products-btn:active, .btn-theme.active, .active.viewmore-products-btn, .open > .btn-theme.dropdown-toggle, .open > .dropdown-toggle.viewmore-products-btn { color: #fff; background-color: #c03030; border-color: #c03030; } .btn-theme:active, .viewmore-products-btn:active, .btn-theme.active, .active.viewmore-products-btn, .open > .btn-theme.dropdown-toggle, .open > .dropdown-toggle.viewmore-products-btn { background-image: none; } .btn-theme.disabled, .disabled.viewmore-products-btn, .btn-theme.disabled:hover, .disabled.viewmore-products-btn:hover, .btn-theme.disabled:focus, .disabled.viewmore-products-btn:focus, .btn-theme.disabled:active, .disabled.viewmore-products-btn:active, .btn-theme.disabled.active, .disabled.active.viewmore-products-btn, .btn-theme[disabled], [disabled].viewmore-products-btn, .btn-theme[disabled]:hover, [disabled].viewmore-products-btn:hover, .btn-theme[disabled]:focus, [disabled].viewmore-products-btn:focus, .btn-theme[disabled]:active, [disabled].viewmore-products-btn:active, .btn-theme[disabled].active, [disabled].active.viewmore-products-btn, fieldset[disabled] .btn-theme, fieldset[disabled] .viewmore-products-btn, fieldset[disabled] .btn-theme:hover, fieldset[disabled] .viewmore-products-btn:hover, fieldset[disabled] .btn-theme:focus, fieldset[disabled] .viewmore-products-btn:focus, fieldset[disabled] .btn-theme:active, fieldset[disabled] .viewmore-products-btn:active, fieldset[disabled] .btn-theme.active, fieldset[disabled] .active.viewmore-products-btn { background-color: #d35050; border-color: #d35050; } .btn-theme .badge, .viewmore-products-btn .badge { color: #d35050; background-color: #fff; } .btn-theme:active, .viewmore-products-btn:active, .btn-theme:hover, .viewmore-products-btn:hover { color: #fff !important; } .btn-dark { color: #181818; background-color: rgba(240, 242, 249, 0.9); border-color: rgba(240, 242, 249, 0.9); } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle { color: #181818; background-color: rgba(204, 210, 234, 0.9); border-color: rgba(204, 210, 234, 0.9); } .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle { background-image: none; } .btn-dark.disabled, .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled:active, .btn-dark.disabled.active, .btn-dark[disabled], .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled]:active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark.active { background-color: rgba(240, 242, 249, 0.9); border-color: rgba(240, 242, 249, 0.9); } .btn-dark .badge { color: rgba(240, 242, 249, 0.9); background-color: #181818; } .btn-dark:active, .btn-dark:hover { color: #181818 !important; } .btn-theme-second { color: #fff; background-color: #1b251f; border-color: #1b251f; } .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active, .btn-theme-second.active, .open > .btn-theme-second.dropdown-toggle { color: #fff; background-color: #050806; border-color: #050806; } .btn-theme-second:active, .btn-theme-second.active, .open > .btn-theme-second.dropdown-toggle { background-image: none; } .btn-theme-second.disabled, .btn-theme-second.disabled:hover, .btn-theme-second.disabled:focus, .btn-theme-second.disabled:active, .btn-theme-second.disabled.active, .btn-theme-second[disabled], .btn-theme-second[disabled]:hover, .btn-theme-second[disabled]:focus, .btn-theme-second[disabled]:active, .btn-theme-second[disabled].active, fieldset[disabled] .btn-theme-second, fieldset[disabled] .btn-theme-second:hover, fieldset[disabled] .btn-theme-second:focus, fieldset[disabled] .btn-theme-second:active, fieldset[disabled] .btn-theme-second.active { background-color: #1b251f; border-color: #1b251f; } .btn-theme-second .badge { color: #1b251f; background-color: #fff; } .btn-theme-second:active, .btn-theme-second:hover { color: #fff; } .btn-theme.btn-outline, .btn-outline.viewmore-products-btn { color: #252525; border-color: #d35050; background: transparent; } .btn-theme.btn-outline:hover, .btn-outline.viewmore-products-btn:hover, .btn-theme.btn-outline:active, .btn-outline.viewmore-products-btn:active { color: #fff; background: #d35050; border-color: #d35050; } .more-link { color: #d35050; display: inline-block; font-weight: 700; margin: 10px 0; text-transform: capitalize; } .more-link:hover { text-decoration: none; } .btn-donate i { margin-right: 8px; } .rtl .btn-donate i { margin-left: 8px; margin-right: inherit; } .btn-shaded-sm { position: relative; } .btn-shaded-sm:before { content: ''; position: absolute; top: 0px; left: 0px; border-width: 20px 10px; border-style: solid; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); } /* Search ------------------------------------------------*/ .search-popup .dropdown-menu { padding: 10px; } .btn-action { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; cursor: pointer; display: inline-block; font-size: 11px; font-weight: 900; line-height: 30px; margin-bottom: 0; padding: 0px 10px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; vertical-align: middle; white-space: nowrap; } .searchform .input-search { padding: 15px; border-right: 0; line-height: 1.5; } .rtl .searchform .input-search { border-left: 0; border-right: inherit; } .searchform .btn-search { vertical-align: top; color: #adafac; padding: 12px 8px; } .searchform .input-group-btn { line-height: 100%; } .search-category .btn, .search-category .viewmore-products-btn { margin-left: 10px !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; } .rtl .search-category .btn, .rtl .search-category .viewmore-products-btn { margin-right: 10px !important; margin-left: inherit; } .search-category .wpo-search-inner label.form-control { border: none; border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .search-category select { border: none; text-transform: capitalize; font-weight: 500; } /* comment form ------------------------------------------------*/ .chosen-container { width: 100% !important; } .input-group-form { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background: transparent; margin: 0 0 5px 0; } .input-group-form .form-control-reversed { border: 0px; background: #222222; color: #cccccc; font-size: 14px; height: 34px; } .input-group-form .form-control-reversed:hover, .input-group-form .form-control-reversed:focus { -webkit-box-shadow: none; box-shadow: none; } .input-group-form .input-group-addon { border: 0; background: #222222; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } /* 4. layout */ /*------------------------------------*\ Topbar \*------------------------------------*/ .apus-footer-mobile { display: none; } .wrapper-container { position: relative; } .wrapper-large { max-width: 1770px; margin: auto; float: none; } .apus-topbar { padding: 12px 0px; margin: 0 !important; background: #f2f3f5; color: #707070; font-size: 12px; } .apus-topbar a { color: #707070; } .apus-topbar a:active, .apus-topbar a:hover { color: #d35050; } .apus-topbar .dropdown-menu a { color: #252525; } .apus-topbar .dropdown-menu a:active, .apus-topbar .dropdown-menu a:hover { color: #d35050; } .apus-topbar .topbar-left .item { display: inline-block; } .apus-topbar .topbar-left .item + .item { margin-left: 40px; } .rtl .apus-topbar .topbar-left .item + .item { margin-right: 40px; margin-left: inherit; } .apus-topbar .topbar-right { margin-top: 5px; line-height: 1; } .apus-topbar .topbar-right > * { float: right; padding-left: 30px; margin-left: 20px !important; border-left: 1px solid #dcdcdc; } .rtl .apus-topbar .topbar-right > * { float: left; } .rtl .apus-topbar .topbar-right > * { padding-right: 30px; padding-left: inherit; } .rtl .apus-topbar .topbar-right > * { margin-right: 20px !important; margin-left: inherit; } .rtl .apus-topbar .topbar-right > * { border-right: 1px solid #dcdcdc; border-left: inherit; } .apus-topbar .topbar-right > *:last-child { border: none; padding: 0; margin: 0; } .apus-topbar .topbar-right .woocommerce-currency-switcher-form .dd-selected { padding: 0 !important; } .apus-topbar .wrapper-account { margin-right: 25px; } .rtl .apus-topbar .wrapper-account { margin-left: 25px; margin-right: inherit; } /*------------------------------------*\ apus-topbar \*------------------------------------*/ .apus-topbar .widget { margin: 0; } .topbar-right-inner > * { display: inline-block; vertical-align: middle; } .mm-menu .wpml-ls-legacy-dropdown a, .topbar-right-inner .wpml-ls-legacy-dropdown a { border: none !important; padding-top: 0; padding-bottom: 2px; background: transparent !important; } .mm-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .topbar-right-inner .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { background: #fff; border: none; padding: 5px 0; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .mm-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, .topbar-right-inner .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { padding: 5px 10px; } .mm-menu .wpml-ls-legacy-dropdown, .topbar-right-inner .wpml-ls-legacy-dropdown { width: auto; } .mm-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, .topbar-right-inner .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { min-width: 140px; } /*------------------------------------*\ Header \*------------------------------------*/ .logo img { vertical-align: middle; } @media (min-width: 1200px) { .header-full { padding-left: 55px; padding-right: 55px; } } .top-wrapper-menu { position: relative; } .top-wrapper-menu .inner-top-menu { z-index: 9; padding: 25px 30px; position: absolute; top: 100%; right: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .rtl .top-wrapper-menu .inner-top-menu { left: 0; right: auto; } .top-wrapper-menu:hover .inner-top-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); background: #fff; -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15); } .top-wrapper-menu .header_customer_login { position: absolute; top: 100%; right: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; min-width: 320px; } .rtl .top-wrapper-menu .header_customer_login { left: 0; right: auto; } .top-wrapper-menu .drop-dow { cursor: pointer; } .top-wrapper-menu:hover .header_customer_login { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); background: #fff; -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15); } .header_customer_login { padding: 30px; } .header_customer_login .title { margin: 0 0 10px; font-size: 25px; } .header-right [class*="icon"] { font-size: 16px; } .header-right > div { margin-left: 28px; } .rtl .header-right > div { margin-right: 28px; margin-left: inherit; } .header-right > div:last-child { margin-left: 0px; } .rtl .header-right > div:last-child { margin-right: 0px; margin-left: inherit; } .sidebar-topbar-left .widget { margin-bottom: 20px; } .bottom-mobile { padding: 5px 0; border-bottom: 1px solid #e5e5e5; } .header-mobile { padding: 8px 0 0; background: #fff; } .header-mobile .btn-showmenu { font-size: 18px; padding: 0; } .header-mobile > .btn-offcanvas { position: absolute; top: 3px; left: 3px; z-index: 1; } .header-mobile .btn.dropdown-toggle, .header-mobile .dropdown-toggle.viewmore-products-btn, .header-mobile .btn.offcanvas, .header-mobile .offcanvas.viewmore-products-btn { border: none; padding: 8px 0; font-size: 15px; color: #000; background: transparent; } .header-mobile .btn.dropdown-toggle:hover, .header-mobile .dropdown-toggle.viewmore-products-btn:hover, .header-mobile .btn.dropdown-toggle:active, .header-mobile .dropdown-toggle.viewmore-products-btn:active, .header-mobile .btn.dropdown-toggle:focus, .header-mobile .dropdown-toggle.viewmore-products-btn:focus, .header-mobile .btn.offcanvas:hover, .header-mobile .offcanvas.viewmore-products-btn:hover, .header-mobile .btn.offcanvas:active, .header-mobile .offcanvas.viewmore-products-btn:active, .header-mobile .btn.offcanvas:focus, .header-mobile .offcanvas.viewmore-products-btn:focus { color: #000; background: transparent; } .header-mobile .apus-search-form { min-width: 300px; } .header-mobile .apus-search-form .select-category { display: none; } .header-mobile .apus-search-form form { border: none; } .header-mobile .apus-search-form form .form-control { border: 1px solid #e5e5e5; } .header-mobile .total-minicart { display: none; } .header-mobile .search-mobile { padding: 10px 0; } .header-mobile .wishlist-icon { display: inline-block; margin-top: 5px; } .header-mobile .wishlist-icon i { margin-right: 5px; } .rtl .header-mobile .wishlist-icon i { margin-left: 5px; margin-right: inherit; } .header-mobile .box-right { margin: 0 10px; } .header-mobile .apus-search-form .tt-menu a.media { padding: 12px; } .table-visiable { display: table; width: 100%; } .table-visiable > div { float: none; display: table-cell; vertical-align: middle; } @media (min-width: 992px) { .table-visiable-dk { display: table; width: 100%; } .table-visiable-dk > div { float: none; display: table-cell; vertical-align: middle; } } .sticky-header { position: fixed !important; background: #fff; top: 0; left: 0; width: 100%; z-index: 100; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .sticky-header.sticky-header-hidden { -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); -o-transform: translateY(-110%); transform: translateY(-110%); } .header_transparent .apus-header { background: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 99; } .apus-header { z-index: 999; position: relative; font-size: 14px; background: #fff; } .apus-header .widget { margin: 0; } .apus-header .show-main-menu { font-size: 20px; color: #111; display: inline-block; cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-header .show-main-menu:hover, .apus-header .show-main-menu:focus, .apus-header .show-main-menu.active { color: #d35050; } .apus-header .header-bottom { padding-top: 35px; padding-bottom: 35px; } .apus-header .navbar-nav.megamenu > li { position: relative; } .apus-header .navbar-nav.megamenu > li:before { width: 100%; height: 35px; top: 100%; left: 0; content: ''; position: absolute; } .apus-header .navbar-nav.megamenu > li > .dropdown-menu { top: calc(100% + 35px); } .header-v3 .navbar-nav.megamenu { width: 100%; } @media (min-width: 992px) { body.v7 { padding-left: 200px; } body.v7 .dark-menu-sidebar { width: 200px; padding: 40px 10px; } body.v7 .apus-offcanvas { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @media (min-width: 1200px) { body.v7 { padding-left: 290px; } body.v7 .dark-menu-sidebar { width: 290px; padding: 45px; } } @media (max-width: 1200px) { body.v7 .feature-box-inner .ourservice-heading { font-size: 16px; } } .header-sidebar { position: fixed; width: 100px; z-index: 91; left: 0; top: 0; min-height: 100vh; background: #000; color: #fff; } .header-sidebar a { color: #fff; } .header-sidebar a:hover, .header-sidebar a:active { color: #d35050; } .header-sidebar .show-main-menu { width: 100px; height: 100px; line-height: 100px; border-width: 0 0 1px; border-color: #e5e5e5; color: #fff; background: #000000; } .header-sidebar .apus-topcart { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; border-top: 1px solid #333333; } .header-sidebar .apus-topcart .count { color: #fff; font-size: 12px; text-transform: uppercase; } .header-sidebar .apus-topcart .dropdown-menu { bottom: 0; top: inherit; left: 100%; } .header-sidebar .service { color: #999999; white-space: nowrap; position: absolute; top: 50%; z-index: 9; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; left: 50px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 11px; -moz-transform-origin: 0 11px; -ms-transform-origin: 0 11px; transform-origin: 0 11px; } .header-sidebar .service > * { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .header-sidebar .service p { margin: 0; } .main-menu-sidebar { width: 305px; max-width: 100%; } .main-menu-sidebar .navbar-offcanvas .navbar-nav > li { padding: 10px 0; } .main-menu-sidebar .navbar-offcanvas .navbar-nav > li > .icon-toggle { top: 24px !important; } .main-menu-sidebar .navbar-offcanvas .navbar-nav li { text-align: center; border-bottom: 1px solid #e5e5e5; } .main-menu-sidebar .navbar-offcanvas .navbar-nav li > a { font-size: 14px; font-weight: 500; text-transform: uppercase; } .main-menu-sidebar .navbar-offcanvas .navbar-nav li:last-child { border-bottom: none; } .main-menu-top { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); padding: 50px; background: #fff; position: fixed; top: 0; right: 0; z-index: 100; width: 470px; height: 100%; } .main-menu-top .navbar-nav.megamenu > li { margin-bottom: 20px; display: block; } .main-menu-top .navbar-nav.megamenu > li > a { font-size: 32px; text-transform: capitalize; padding: 0; } .main-menu-top .top-header { margin-bottom: 70px; } .main-menu-top .hidden-menu { font-size: 18px; color: #252525; cursor: pointer; } .main-menu-top .hidden-menu:hover, .main-menu-top .hidden-menu:active { color: #d35050; } .main-menu-top.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .main-menu-top .widget_apus_socials_widget { position: absolute; bottom: 30px; left: 50px; } .rtl .main-menu-top .widget_apus_socials_widget { right: 50px; left: auto; } .main-menu-top .social > li { display: inline-block; font-size: 24px; margin-right: 20px; } .rtl .main-menu-top .social > li { margin-left: 20px; margin-right: inherit; } .main-menu-top .social > li a { color: #b2b2b2; } .main-menu-top .social > li a:hover, .main-menu-top .social > li a:active { color: #000; } .over-dark { cursor: not-allowed; display: none; position: fixed; top: 0; right: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .rtl .over-dark { left: 0; right: auto; } .over-dark.active { display: block; } .full-search { padding: 30px 0; background: transparent; position: fixed; top: 30%; left: 0; z-index: 100; width: 100%; height: auto; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .full-search.active { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; } .full-search .apus-search { background: transparent; } .menu-center .navbar-nav.megamenu { float: none; text-align: center; } /*------------------------------------*\ Breadcrumb \*------------------------------------*/ .apus-breadcrumb { background: #fff; padding-top: 20px; padding-bottom: 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; margin: 0 0 30px; text-align: left; font-size: 16px; } .apus-breadcrumb .breadcrumb-title { color: #ccc; margin: 0; font-weight: 300; font-size: 48px; } .apus-breadcrumb nav { text-align: left; line-height: 30px; } .rtl .apus-breadcrumb nav { text-align: right; } .apus-breadcrumb nav a { color: #000; } /*------------------------------------*\ Container \*------------------------------------*/ .apus-mainbody { background: transparent; padding-top: 0px; padding-bottom: 0px; } /*------------------------------------*\ Content \*------------------------------------*/ .apus-content { background: #fff; } .apus-content:before, .apus-content:after { content: " "; display: table; } .apus-content:after { clear: both; } /*------------------------------------*\ Pagination \*------------------------------------*/ .navigation { display: block; clear: both; } .apus-pagination { margin: 0; font-size: 16px; font-weight: 400; font-family: "Rubik", Helvetica, Arial, sans-serif; padding: 30px 0; text-align: center; border-top: 1px solid #e5e5e5; } @media (min-width: 1200px) { .apus-pagination { padding: 40px 0; } } .apus-pagination .page-numbers li, .apus-pagination .pagination li { display: inline-block; vertical-align: middle; margin: 0 3px; } .apus-pagination .page-numbers li > span, .apus-pagination .page-numbers li > a, .apus-pagination .pagination li > span, .apus-pagination .pagination li > a { text-align: center; font-size: 16px; padding: 5px 10px; border: 1px solid #e5e5e5; background: transparent; display: inline-block; float: none; min-width: 40px; color: #858585; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-weight: 400; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin-right: 12px; text-align: center; } .rtl .apus-pagination .page-numbers li > span, .rtl .apus-pagination .page-numbers li > a, .rtl .apus-pagination .pagination li > span, .rtl .apus-pagination .pagination li > a { margin-left: 12px; margin-right: inherit; } .apus-pagination .page-numbers li > span:hover, .apus-pagination .page-numbers li > span.current, .apus-pagination .page-numbers li > a:hover, .apus-pagination .page-numbers li > a.current, .apus-pagination .pagination li > span:hover, .apus-pagination .pagination li > span.current, .apus-pagination .pagination li > a:hover, .apus-pagination .pagination li > a.current { color: #fff; border-color: #d35050; background: #d35050; } .apus-pagination > span, .apus-pagination > a { text-align: center; font-size: 16px; padding: 5px 10px; border: 1px solid #e5e5e5; background: transparent; display: inline-block; float: none; min-width: 40px; color: #858585; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-weight: 400; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin-right: 12px; text-align: center; } .rtl .apus-pagination > span, .rtl .apus-pagination > a { margin-left: 12px; margin-right: inherit; } .apus-pagination > span:hover, .apus-pagination > span.current, .apus-pagination > a:hover, .apus-pagination > a.current { color: #fff; border-color: #d35050; background: #d35050; } .apus-pagination ul.page-numbers { margin: 0; padding: 0; list-style: none; } /*------------------------------------*\ Footer \*------------------------------------*/ .apus-footer { background: #fff; padding: 0; position: relative; color: #858585; font-size: 14px; font-weight: 400; } .apus-footer a { color: #858585; } .apus-footer a:hover, .apus-footer a:focus, .apus-footer a:active { color: #d35050; } .footer-default { margin-top: 30px; } /*------------------------------------*\ Copyright \*------------------------------------*/ .apus-copyright { color: #888888; font-size: 14px; font-weight: 400; background: #ffffff; padding-top: 30px; padding-bottom: 30px; position: relative; } .apus-copyright a { color: #888888; } .apus-copyright a:hover, .apus-copyright a:focus, .apus-copyright a:active { color: #d35050; } .apus-copyright .widget-social { text-align: right; } .rtl .apus-copyright .widget-social { text-align: left; } .apus-copyright .widget-social a { color: #888888; } .apus-copyright .widget-social a:hover { color: #d35050; } /*------------------------------------*\ Top bar \*------------------------------------*/ .apus-offcanvas { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: fixed; top: 0; left: 0; z-index: 1000; width: 290px; background: #fff; height: 100%; overflow-x: auto; display: -webkit-flex; /* Safari */ display: flex; flex-direction: column; -webkit-flex-direction: column; } .apus-offcanvas .apus-offcanvas-body { position: relative; } .apus-offcanvas .offcanvas-bottom, .apus-offcanvas .offcanvas-top { height: 20%; } .apus-offcanvas .offcanvas-middle { overflow-x: hidden; height: 60%; padding: 20px 0; } .apus-offcanvas.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15); } .apus-offcanvas .offcanvas-head { background: #d35050; cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-offcanvas .offcanvas-head:hover, .apus-offcanvas .offcanvas-head:active { background: #c03030; } .apus-offcanvas .offcanvas-head i { margin-right: 5px; } .rtl .apus-offcanvas .offcanvas-head i { margin-left: 5px; margin-right: inherit; } .apus-offcanvas .offcanvas-head a { color: #fff; } .apus-offcanvas .logo-in-theme { margin-bottom: 22px; } .apus-offcanvas .header-right > div { margin-left: 30px; } .rtl .apus-offcanvas .header-right > div { margin-right: 30px; margin-left: inherit; } .apus-offcanvas .header-right > div:last-child { margin-left: 0px; } .rtl .apus-offcanvas .header-right > div:last-child { margin-right: 0px; margin-left: inherit; } @media (max-width: 991px) { .topbar-mobile { padding: 10px; } .topbar-mobile .btn, .topbar-mobile .viewmore-products-btn { margin-right: 10px; padding: 6px 10px; } .rtl .topbar-mobile .btn, .rtl .topbar-mobile .viewmore-products-btn { margin-left: 10px; margin-right: inherit; } .topbar-mobile .top-cart .dropdown-menu { left: 0; right: inherit; } .topbar-mobile .top-cart .dropdown-menu:after, .topbar-mobile .top-cart .dropdown-menu:before { display: none; } } .open-text { font-size: 26px; color: #fff; cursor: pointer; padding: 6px 8px; background: #5cb85c; display: inline-block; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .open-text:hover, .open-text:active { color: #fff; background: #4cae4c; } #mobile-offcanvas-sidebar { position: fixed; z-index: 999; top: 0px; width: 270px; height: 100%; max-width: 80%; background: #fff; } #mobile-offcanvas-sidebar.mobile-offcanvas-left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } #mobile-offcanvas-sidebar.mobile-offcanvas-left > .mobile-sidebar-btn { left: 100%; } #mobile-offcanvas-sidebar.mobile-offcanvas-right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } #mobile-offcanvas-sidebar.mobile-offcanvas-right > .mobile-sidebar-btn { right: 100%; } #mobile-offcanvas-sidebar .mobile-sidebar-wrapper { display: none; height: 100%; width: 100%; padding: 0 15px; } #mobile-offcanvas-sidebar.active > .mobile-sidebar-wrapper { display: block; } #mobile-offcanvas-sidebar > .mobile-sidebar-btn { position: absolute; top: 100px; } .mobile-sidebar-panel-overlay { position: fixed; top: 0; left: 0; z-index: -10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .mobile-sidebar-panel-overlay.active { opacity: 1; filter: alpha(opacity=100); z-index: 998; cursor: not-allowed; } .apus-footer-mobile { position: fixed; z-index: 999; background: rgba(255, 255, 255, 0.9); bottom: 0; left: 0; width: 100%; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); } .apus-footer-mobile .footer-search-mobile { padding: 10px 10px 0; background: #fff; position: absolute; z-index: 999; left: 0; top: -50px; width: 100%; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .apus-footer-mobile .footer-search-mobile.active { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .apus-footer-mobile > ul { padding: 0; margin: 0; list-style: none; text-align: center; } .apus-footer-mobile > ul > li { text-transform: uppercase; display: inline-block; padding: 0 25px; text-align: center; position: relative; } .apus-footer-mobile > ul > li span { display: block; font-size: 10px; line-height: 1; margin-top: 2px; } .apus-footer-mobile > ul > li .wrapper-morelink { opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: absolute; right: 0; bottom: 40px; padding: 20px; background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); } .apus-footer-mobile > ul > li .wrapper-morelink .footer-morelink { list-style: none; padding: 0; margin: 0; font-size: 10px; } .apus-footer-mobile > ul > li .wrapper-morelink li { padding: 3px 0; white-space: nowrap; display: block; width: 100%; text-align: left; } .rtl .apus-footer-mobile > ul > li .wrapper-morelink li { text-align: right; } .apus-footer-mobile > ul > li .wrapper-morelink.active { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .apus-footer-mobile .mini-cart { line-height: 1.75; } .apus-footer-mobile .mini-cart .count { right: -6px; top: 0px; } .apus-footer-mobile .apus-search-form { min-width: 300px; } .apus-footer-mobile .apus-search-form .select-category { display: none; } .apus-footer-mobile .apus-search-form form { border: none; margin: 0; } .apus-footer-mobile .apus-search-form form .form-control { border: 1px solid #e5e5e5; } .close-sidebar-btn, .mobile-sidebar-btn { cursor: pointer; font-weight: 500; margin-bottom: 10px; font-size: 14px; display: inline-block; } .close-sidebar-btn i, .mobile-sidebar-btn i { margin-right: 5px; color: #d35050; } .rtl .close-sidebar-btn i, .rtl .mobile-sidebar-btn i { margin-left: 5px; margin-right: inherit; } .mobile-sidebar-btn { margin: 18px 0 28px; font-size: 17px; } .close-sidebar-btn { padding-bottom: 10px; margin-bottom: 10px; color: #d35050; } .close-sidebar-btn:active, .close-sidebar-btn:hover { color: #c03030; } @media (max-width: 991px) { .sidebar { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; z-index: 999; top: 0px; width: 300px; height: 100%; max-width: 80%; background: #fff; position: fixed; padding: 20px 10px; } .sidebar.sidebar-left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .sidebar.sidebar-left.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .sidebar.sidebar-right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .sidebar.sidebar-right.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .apus-header .wrapper-topmenu:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 10px; background: transparent; z-index: 9; } .apus-header .wrapper-topmenu .dropdown-menu-right { top: calc(100% + 10px); } .apus-topbar .wrapper-topmenu:hover > a { color: #fff; } .wrapper-topmenu { position: relative; } .wrapper-topmenu .dropdown-menu-right { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 20px 20px 30px; background: #121212; color: #858585; position: absolute; top: 100%; right: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; width: 280px; z-index: 98; } .rtl .wrapper-topmenu .dropdown-menu-right { left: 0; right: auto; } .wrapper-topmenu .dropdown-menu-right a { color: #858585; } .wrapper-topmenu .dropdown-menu-right a:hover, .wrapper-topmenu .dropdown-menu-right a:active { color: #fff; } .wrapper-topmenu .dropdown-menu-right .title { margin: 0 0 15px; font-size: 20px; color: #fff; } .wrapper-topmenu .dropdown-menu-right .form-control { height: 46px; } .wrapper-topmenu .dropdown-menu-right form.login .form-group, .wrapper-topmenu .dropdown-menu-right form.register .form-group { margin-bottom: 15px; } .wrapper-topmenu .dropdown-menu-right form.login .form-group:last-child, .wrapper-topmenu .dropdown-menu-right form.register .form-group:last-child { margin-bottom: 0; } .wrapper-topmenu .dropdown-menu-right form.login label, .wrapper-topmenu .dropdown-menu-right form.register label { font-size: 15px; margin: 0 0 10px; } .wrapper-topmenu .dropdown-menu-right .navbar-collapse { padding: 0; } .wrapper-topmenu .dropdown-menu-right.style_small { width: auto; min-width: 200px; } .wrapper-topmenu:hover .dropdown-menu-right { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .wrapper-top-cart .overlay-dropdown-menu-right { position: fixed; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 98; } .wrapper-top-cart .overlay-dropdown-menu-right.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .wrapper-top-cart > .dropdown-menu-right { max-width: 70%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; position: fixed; z-index: 99; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; top: 0; right: 0; background: #fff; width: 390px; height: 100%; padding: 50px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .wrapper-top-cart > .dropdown-menu-right .widget_shopping_cart_heading { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex: 0 0 auto; -webkit-flex: 0 0 auto; margin-top: 40px; } .wrapper-top-cart > .dropdown-menu-right .widget_shopping_cart_heading > h3 { margin: 0 0 30px; font-size: 18px; font-weight: 500; width: 100%; cursor: pointer; } .wrapper-top-cart > .dropdown-menu-right .widget_shopping_cart_content_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .wrapper-top-cart > .dropdown-menu-right .shopping_cart_content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; height: 100%; } .wrapper-top-cart > .dropdown-menu-right .shopping_cart_content .cart_list { flex: 1 1 auto; -webkit-flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; } .wrapper-top-cart > .dropdown-menu-right .shopping_cart_content .cart-bottom { flex-direction: column; -webkit-flex-direction: column; flex: 0 0 auto; -webkit-flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .wrapper-top-cart > .dropdown-menu-right.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .wrapper-top-cart .cart_list .variation { margin: 0; } .wrapper-top-cart .cart_list .variation > * { display: inline-block; vertical-align: middle; } .wrapper-top-cart .cart_list .variation > * p { margin: 0; } .wrapper-top-cart .buttons .btn-block { margin-bottom: 10px; } .rtl .wrapper-top-cart > .dropdown-menu-right { right: inherit; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .rtl .wrapper-top-cart > .dropdown-menu-right.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* 5. menu */ .navbar.apus-megamenu { border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; min-height: 0; margin: 0; } .navbar-nav.megamenu { padding: 0; } .navbar-nav.megamenu .menu-item-description { font-size: 12px; text-transform: capitalize; } .navbar-nav.megamenu > li { display: inline-block; padding: 0; margin: 0; vertical-align: top; float: none; margin-right: 38px; } .rtl .navbar-nav.megamenu > li { margin-left: 38px; margin-right: inherit; } .navbar-nav.megamenu > li:last-child { margin-right: 0; } .rtl .navbar-nav.megamenu > li:last-child { margin-left: 0; margin-right: inherit; } .navbar-nav.megamenu > li > a { display: inline-block; font-size: 14px; font-weight: 500; padding: 5px 0; line-height: 1.5; text-transform: capitalize; background: transparent; color: #252525; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: relative; } .navbar-nav.megamenu > li > a .fa, .navbar-nav.megamenu > li > a img { max-width: 50px; margin-right: 8px; } .rtl .navbar-nav.megamenu > li > a .fa, .rtl .navbar-nav.megamenu > li > a img { margin-left: 8px; margin-right: inherit; } .navbar-nav.megamenu > li > a:hover, .navbar-nav.megamenu > li > a:active, .navbar-nav.megamenu > li > a:focus { color: #d35050; background: transparent; } .navbar-nav.megamenu > li:hover > a, .navbar-nav.megamenu > li.active > a { color: #d35050; background: transparent; } .navbar-nav.megamenu > li > .dropdown-menu { top: 100%; left: 0; } .navbar-nav.megamenu > li.aligned-right > .dropdown-menu { left: auto; right: 0; } .navbar-nav.megamenu .aligned-fullwidth > .dropdown-menu { padding: 50px 30px 30px; } .navbar-nav.megamenu .dropdown-menu { display: block; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; padding: 22px 30px; border: none; position: absolute; left: 100%; top: 0; background: #fff; min-width: 200px; } .navbar-nav.megamenu .dropdown-menu .current-menu-item > a { color: #fff; } .navbar-nav.megamenu .dropdown-menu li { margin: 0 0 7px; line-height: inherit; } .navbar-nav.megamenu .dropdown-menu li:last-child { margin-bottom: 0; } .navbar-nav.megamenu .dropdown-menu li > a { background: transparent; position: relative; font-size: 14px; color: #858585; font-weight: 400; padding: 0; width: 100%; display: inline-block; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .navbar-nav.megamenu .dropdown-menu li > a:hover, .navbar-nav.megamenu .dropdown-menu li > a:active { color: #d35050; } .navbar-nav.megamenu .dropdown-menu li > a .caret { position: absolute; top: 12px; right: 15px; } .rtl .navbar-nav.megamenu .dropdown-menu li > a .caret { left: 15px; right: auto; } .navbar-nav.megamenu .dropdown-menu li.open > a, .navbar-nav.megamenu .dropdown-menu li.active > a { color: #d35050; } .navbar-nav.megamenu .dropdown-menu .wpb_button, .navbar-nav.megamenu .dropdown-menu .wpb_content_element, .navbar-nav.megamenu .dropdown-menu ul.wpb_thumbnails-fluid > li, .navbar-nav.megamenu .dropdown-menu .widget { margin: 0; } .navbar-nav.megamenu .dropdown-menu .widget-title, .navbar-nav.megamenu .dropdown-menu .widgettitle { font-weight: 400; margin: 0 0 15px; font-size: 16px; padding: 0; } .navbar-nav.megamenu .dropdown-menu .posts-list .give-btn, .navbar-nav.megamenu .dropdown-menu .posts-list .total-goal, .navbar-nav.megamenu .dropdown-menu .posts-list .time, .navbar-nav.megamenu .dropdown-menu .posts-list .give-form-wrap, .navbar-nav.megamenu .dropdown-menu .posts-list .entry-excerpt, .navbar-nav.megamenu .dropdown-menu .posts-list .give-goal-progress { display: none; } .navbar-nav.megamenu .dropdown-menu .posts-list .give-grid.give-list { padding: 0; margin: 0; } .navbar-nav.megamenu .dropdown-menu .posts-list .give-grid.give-list .give-image { padding-right: 15px; } .rtl .navbar-nav.megamenu .dropdown-menu .posts-list .give-grid.give-list .give-image { padding-left: 15px; padding-right: inherit; } .navbar-nav.megamenu .dropdown-menu .posts-list .give-grid.give-list .entry-title { font-size: 15px; } .navbar-nav.megamenu .dropdown-menu .posts-list .give-grid.give-list:hover { -webkit-box-shadow: none; box-shadow: none; } .navbar-nav.megamenu .dropdown-menu .posts-list .images { width: 85px; } .navbar-nav.megamenu .dropdown-menu .video-wrapper-inner .video i { width: 40px; height: 40px; font-size: 40px; line-height: 40px; } .navbar-nav.megamenu .dropdown-menu .widget-blogs .entry-title { font-size: 15px !important; } .navbar-nav.megamenu .dropdown-menu .widget-blogs .meta, .navbar-nav.megamenu .dropdown-menu .widget-blogs .btn-readmore, .navbar-nav.megamenu .dropdown-menu .widget-blogs .description { display: none; } .navbar-nav.megamenu .dropdown-menu .widget-blogs .post-list { margin: 0; } .navbar-nav.megamenu .dropdown-menu .widget-blogs .list-inner { margin: 0; } .navbar-nav.megamenu .dropdown-menu .widget-blogs .list-inner > div { padding: 0; } .navbar-nav.megamenu .dropdown-menu .widget-blogs .list-inner .image { width: 100px; padding-right: 15px; } .rtl .navbar-nav.megamenu .dropdown-menu .widget-blogs .list-inner .image { padding-left: 15px; padding-right: inherit; } .navbar-nav.megamenu .dropdown-menu .widget-blogs .list-inner .info { width: calc(100% - 100px); overflow: hidden; } .navbar-nav.megamenu .dropdown-menu .shop-list-small .content-left { width: 80px; padding-right: 15px; } .rtl .navbar-nav.megamenu .dropdown-menu .shop-list-small .content-left { padding-left: 15px; padding-right: inherit; } .navbar-nav.megamenu .dropdown-menu .shop-list-small .name a { color: #fff !important; } .navbar-nav.megamenu .dropdown-menu .shop-list-small .name .price { color: #999999 !important; } .navbar-nav.megamenu .apus-container { padding-right: 15px; padding-left: 15px; width: 100%; } .navbar-nav.megamenu li:hover > .dropdown-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .navbar-nav.megamenu li.aligned-fullwidth { position: static; } .navbar-nav.megamenu li.aligned-fullwidth > .dropdown-menu { width: 100%; } .navbar-nav.megamenu .text-label { font-size: 11px; padding: 0px 5px; background: #5bc0de; color: #fff; position: absolute; right: -15px; top: -18px; line-height: 2; display: inline-block; text-transform: capitalize; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .rtl .navbar-nav.megamenu .text-label { left: -15px; right: auto; } .navbar-nav.megamenu .text-label.label-hot { background: #d35050; } .navbar-nav.megamenu .text-label.label-hot:before { border-color: #d35050 transparent transparent #d35050; } .navbar-nav.megamenu .text-label.label-new { background: #5cb85c; } .navbar-nav.megamenu .text-label.label-new:before { border-color: #5cb85c transparent transparent #5cb85c; } .navbar-nav.megamenu .text-label:before { content: ''; position: absolute; z-index: 9; top: 100%; left: 7px; border-width: 3px; border-style: solid; border-color: #5bc0de transparent transparent #5bc0de; } .rtl .navbar-nav.megamenu .text-label:before { right: 7px; left: auto; } .navbar-offcanvas .navbar-nav { padding: 0; margin: 0; width: 100%; float: none; } .navbar-offcanvas .navbar-nav li { position: relative; display: block; float: none; } .navbar-offcanvas .navbar-nav li > .icon-toggle { position: absolute; top: 11px; right: 15px; z-index: 9; cursor: pointer; color: #252525; } .rtl .navbar-offcanvas .navbar-nav li > .icon-toggle { left: 15px; right: auto; } .navbar-offcanvas .navbar-nav li > .icon-toggle:hover { color: #d35050; } .navbar-offcanvas .navbar-nav li > a { background: transparent !important; font-weight: 500; line-height: 28px; display: block; padding: 10px 0; font-size: 14px; } .navbar-offcanvas .navbar-nav li.open > a, .navbar-offcanvas .navbar-nav li.open > a:focus, .navbar-offcanvas .navbar-nav li.open > a:hover, .navbar-offcanvas .navbar-nav li.active > a, .navbar-offcanvas .navbar-nav li.active > a:focus, .navbar-offcanvas .navbar-nav li.active > a:hover { color: #d35050; background: transparent; } .navbar-offcanvas .dropdown-menu { margin: 0; } .navbar-offcanvas .dropdown-menu > li a { background: transparent !important; } .navbar-offcanvas .dropdown-menu > li.active > a, .navbar-offcanvas .dropdown-menu > li > a:hover, .navbar-offcanvas .dropdown-menu > li > a:focus { color: #252525; text-decoration: underline; } .navbar-offcanvas .dropdown-menu [class*="col-sm"] { width: 100%; } .navbar-offcanvas .dropdown-menu .dropdown-menu-inner { padding: 0 30px; } .navbar-offcanvas .dropdown-menu .widgettitle { font-weight: 500; margin: 0 0 10px; } .navbar-offcanvas .dropdown-menu .dropdown-menu { left: 100%; top: 0; } .navbar-offcanvas li:hover .dropdown-menu { display: block; } .navbar-offcanvas .aligned-fullwidth > .dropdown-menu { width: 100%; } .main-mobile-menu .has-submenu > .sub-menu { padding-left: 20px; list-style: none; display: none; font-size: 15px; } .rtl .main-mobile-menu .has-submenu > .sub-menu { padding-right: 20px; padding-left: inherit; } .main-mobile-menu .has-submenu > .sub-menu li > .icon-toggle { top: 7px; } .main-mobile-menu .has-submenu > .sub-menu li a { padding: 5px 0; text-transform: capitalize; } .main-mobile-menu .widget .widget-title, .main-mobile-menu .widget .widgettitle, .main-mobile-menu .widget .widget-heading { margin: 0 0 10px; font-size: 18px; text-align: inherit; } .main-mobile-menu .vc_column_container { width: 100%; } .main-mobile-menu .sub-menu { max-width: 100%; } .main-mobile-menu .shop-list-small { margin-bottom: 10px; } #apus-mobile-menu .btn-toggle-canvas { padding: 8px 15px; display: block; background: #d35050; color: #fff; text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #apus-mobile-menu .btn-toggle-canvas:hover, #apus-mobile-menu .btn-toggle-canvas:active { background: #c03030; color: #fff; } #apus-mobile-menu .offcanvas-head strong { margin: 0 5px; } .menu-setting-menu-container .apus-menu-top { margin: 0; padding: 0; list-style: none; line-height: 2; } .menu-setting-menu-container .apus-menu-top li a { padding: 0 15px; width: 100%; } .menu-setting-menu-container .apus-menu-top ul { padding-left: 15px; } .rtl .menu-setting-menu-container .apus-menu-top ul { padding-right: 15px; padding-left: inherit; } .wrapper-topmenu .dropdown-menu { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .topmenu-menu { width: 100%; list-style: none; padding: 0; margin: 0; } .topmenu-menu i { margin-right: 5px; } .rtl .topmenu-menu i { margin-left: 5px; margin-right: inherit; } .topmenu-menu > li { float: none; white-space: nowrap; } .topmenu-menu > li > a { background: transparent !important; padding: 0; } .topmenu-menu > li.active > a { color: #d35050; } .mm-menu { background: #fff !important; } .mm-menu .mm-listview .mm-next::before { border: none; } .mm-menu .mm-listview > li .mm-next:hover:after, .mm-menu .mm-listview > li .mm-next:active:after { border-color: #000; } .mm-menu .mm-listview > li > a, .mm-menu .mm-listview > li > span { color: #000; } .mm-menu .mm-listview > li > a .text-label, .mm-menu .mm-listview > li > span .text-label { font-size: 11px; padding: 0px 5px; background: #5bc0de; color: #fff; position: absolute; right: 50px; top: 0; line-height: 2; display: inline-block; text-transform: capitalize; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .rtl .mm-menu .mm-listview > li > a .text-label, .rtl .mm-menu .mm-listview > li > span .text-label { left: 50px; right: auto; } .mm-menu .mm-listview > li > a .text-label.label-hot, .mm-menu .mm-listview > li > span .text-label.label-hot { background: #d35050; } .mm-menu .mm-listview > li > a .text-label.label-hot:before, .mm-menu .mm-listview > li > span .text-label.label-hot:before { border-color: #d35050 transparent transparent #d35050; } .mm-menu .mm-listview > li > a .text-label.label-new, .mm-menu .mm-listview > li > span .text-label.label-new { background: #5cb85c; } .mm-menu .mm-listview > li > a .text-label.label-new:before, .mm-menu .mm-listview > li > span .text-label.label-new:before { border-color: #5cb85c transparent transparent #5cb85c; } .mm-menu .mm-listview > li > a .text-label:before, .mm-menu .mm-listview > li > span .text-label:before { content: ''; position: absolute; z-index: 9; top: 100%; left: 7px; border-width: 3px; border-style: solid; border-color: #5bc0de transparent transparent #5bc0de; } .rtl .mm-menu .mm-listview > li > a .text-label:before, .rtl .mm-menu .mm-listview > li > span .text-label:before { right: 7px; left: auto; } .mm-menu .mm-listview .menu-item-description { font-size: 10px; } .mm-menu .mm-title { color: #000 !important; font-size: 18px; } .mm-menu .wpb_column { width: 100%; } .mm-menu .widget .widget-title, .mm-menu .widget .widgettitle, .mm-menu .widget .widget-heading { border: none; padding: 0; margin-bottom: 10px; } .mm-menu .widget .widget-title:before, .mm-menu .widget .widgettitle:before, .mm-menu .widget .widget-heading:before { display: none; } html .mm-menu ~ .mm-slideout:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: -100; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } html.mm-opening .mm-menu ~ .mm-slideout:before { z-index: 100; opacity: 1; filter: alpha(opacity=100); cursor: not-allowed; } html.mm-opened { position: static !important; } .top-menu > li > a { padding: 0 15px; text-transform: capitalize; } .mm-menu.mm-offcanvas { z-index: 999 !important; } .mm-menu.mm-offcanvas .social-top:after { display: none; } .mm-menu.mm-offcanvas .social-top a { display: inline-block; font-size: 16px; } .mm-menu.mm-offcanvas .social-top a:hover, .mm-menu.mm-offcanvas .social-top a:active { color: #d35050; } .mm-menu.mm-offcanvas .widget { margin: 0; } .mm-menu.mm-offcanvas .topbar-right-wrapper { padding: 10px; } .mm-menu.mm-offcanvas .topbar-right-wrapper > * { margin-bottom: 15px; } .mm-menu.mm-offcanvas .topbar-right-wrapper > *:last-child { margin: 0; } .mm-menu.mm-offcanvas .topbar-right-wrapper:after { display: none; } .mm-menu.mm-offcanvas .woocommerce-currency-switcher-form ul.dd-options { margin-top: 0; } .mm-menu.mm-offcanvas { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mm-menu.mm-offcanvas.mm-opened { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .header-mobile .mobile-vertical-menu-title { font-size: 16px; cursor: pointer; margin: 0; padding: 10px 0; } .header-mobile .mobile-vertical-menu-title i { margin-left: 8px; } .rtl .header-mobile .mobile-vertical-menu-title i { margin-right: 8px; margin-left: inherit; } .header-mobile .mobile-vertical-menu-title.active { color: #d35050; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li > a { font-weight: 400; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li > a i { margin-right: 5px; min-width: 20px; } .rtl .mobile-vertical-menu .navbar-offcanvas .navbar-nav li > a i { margin-left: 5px; margin-right: inherit; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .fa-minus { color: #d35050; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .sub-menu { max-width: 100%; display: none; padding: 0 15px; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widgettitle, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widget-title { padding: 0; border: none; margin: 0 0 10px; font-size: 16px; color: #d35050; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widgettitle:before, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widgettitle:after, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widget-title:before, .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .widget .widget-title:after { display: none; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .dropdown-menu-inner { padding-left: 24px; } .rtl .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .dropdown-menu-inner { padding-right: 24px; padding-left: inherit; } .mobile-vertical-menu .navbar-offcanvas .navbar-nav li .menu li a { padding: 0; font-size: 14px; line-height: 20px; } .dark-menu-sidebar { background: #252525; color: #ffffff; padding: 45px; min-height: 100vh; font-size: 14px; } .dark-menu-sidebar a { color: #fff; } .dark-menu-sidebar a:hover, .dark-menu-sidebar a:focus { color: #d35050; } .dark-menu-sidebar .top-wrapper-menu .inner-top-menu a { color: #252525; } .dark-menu-sidebar .top-wrapper-menu .inner-top-menu a:hover, .dark-menu-sidebar .top-wrapper-menu .inner-top-menu a:focus { color: #d35050; } .dark-menu-sidebar .navbar-collapse { padding: 0; } .dark-menu-sidebar .widget .widget-title, .dark-menu-sidebar .widget .widgettitle, .dark-menu-sidebar .widget .widget-heading { color: #fff; } .dark-menu-sidebar .navbar-offcanvas .navbar-nav > li > a { padding: 12px 0; } .dark-menu-sidebar .navbar-offcanvas .navbar-nav li > .icon-toggle { color: #fff; } .dark-menu-sidebar .navbar-offcanvas .navbar-nav li .icon-toggle { top: 15px; } .dark-menu-sidebar .navbar-offcanvas .navbar-nav li:hover > .icon-toggle, .dark-menu-sidebar .navbar-offcanvas .navbar-nav li:hover > a, .dark-menu-sidebar .navbar-offcanvas .navbar-nav li.active > .icon-toggle, .dark-menu-sidebar .navbar-offcanvas .navbar-nav li.active > a { color: #d35050; } .dark-menu-sidebar .sidebar-center { margin-top: 60px; } .dark-menu-sidebar .wishlist-sidebar > a, .dark-menu-sidebar .login-topbar > a { font-size: 14px; display: block; margin-bottom: 10px; } .dark-menu-sidebar .wishlist-sidebar > a i, .dark-menu-sidebar .wrapper-account i { margin-right: 15px; } .rtl .dark-menu-sidebar .wishlist-sidebar > a i, .rtl .dark-menu-sidebar .wrapper-account i { margin-left: 15px; margin-right: inherit; } .dark-menu-sidebar .wrapper-topmenu { margin-bottom: 8px; } .dark-menu-sidebar .wrapper-topmenu .dropdown-menu { padding: 10px; margin-top: 0; } .dark-menu-sidebar .wrapper-topmenu .dropdown-menu a { color: #999999; } .dark-menu-sidebar .wrapper-topmenu .dropdown-menu a:hover, .dark-menu-sidebar .wrapper-topmenu .dropdown-menu a:focus { color: #d35050; } .dark-menu-sidebar .wrapper-topmenu .dropdown-menu .active > a { color: #d35050; } .dark-menu-sidebar .wrapper-topmenu:hover .dropdown-menu { display: block; } /* 6. pages */ body.home .apus-header .vertical-wrapper .content-vertical { display: block; } body.home .apus-header .vertical-wrapper.vertical-toggle-show .content-vertical { display: none; } @media (min-width: 1501px) { .col-md-cl-5 { width: 20%; } .col-md-cl-5.first { clear: both; } } @media (min-width: 1200px) and (max-width: 1500px) { .col-md-cl-5 { width: 25%; } .col-md-cl-5.first:nth-child(4n + 1) { clear: both; } div.product.col-md-cl-5:nth-child(4n + 1) { clear: both; } } .main-page .page-links { clear: both; overflow: hidden; padding: 30px 0; margin: 0; } .main-page #comments { margin-top: 20px; } @media (min-width: 1200px) { .main-page #comments { margin-top: 30px; padding-top: 20px; } } @media (min-width: 1200px) { .page-shop.container-fluid { padding-right: 70px; padding-left: 70px; } } .wrapper-80 { padding-left: 50px; padding-right: 50px; } @media (min-width: 1200px) { .wrapper-80 { padding-left: 80px; padding-right: 80px; } .wrapper-50 { padding-left: 50px; padding-right: 50px; } } .apus-footer-inner { padding-left: 15px; padding-right: 15px; } div.wpcf7-validation-errors { margin: 0; padding: 15px; } .contact-form-content { padding: 30px; background: white; min-height: 260px; } .contact-form-content .rounded { margin-right: 10px; color: #fff; width: 40px; height: 40px; background: #cccccc; } .rtl .contact-form-content .rounded { margin-left: 10px; margin-right: inherit; } .contact-form-content .rounded .fa, .contact-form-content .rounded .icon { font-size: 16px; margin: 13px; } .contact-form-content small { color: #525252; } .user > div { display: none; } .user > div.active { display: block; } @media (min-width: 1200px) { .sidebar-blog-right .sidebar { padding-left: 40px; } .rtl .sidebar-blog-right .sidebar { padding-right: 40px; padding-left: inherit; } .sidebar-blog-left > .sidebar { padding-right: 40px; } .rtl .sidebar-blog-left > .sidebar { padding-left: 40px; padding-right: inherit; } } .page-404 .not-found { padding: 30px 0; } @media (min-width: 1200px) { .page-404 .not-found { padding: 100px 0; } } .page-404 .icon-error { font-size: 60px; } .page-404 .return-home { font-size: 16px; text-decoration: underline; } .page-404 .description { font-size: 16px; margin-bottom: 30px; } .page-404 .title-big { font-size: 20px; font-weight: 400; margin: 30px 0 5px; } @media (min-width: 992px) { .page-404 .title-big { font-size: 36px; } } .page-404 .widget-search { max-width: 500px; margin: auto; } .radius-50 { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } /* 7. post */ /* * General Post Style using for all with naming class entry */ .post.no-results { text-align: center; } .post.no-results .widget-search { margin-top: 30px; } .entry-title { font-weight: 500; font-size: 24px; margin: 5px 0 12px; } .entry-create { font-size: 13px; margin: 0 0 15px; } .entry-create > * { margin-right: 2px; } .rtl .entry-create > * { margin-left: 2px; margin-right: inherit; } .entry-create .author { font-style: italic; text-transform: capitalize; } .entry-link { margin-top: 20px; } .entry-link .readmore { color: #d35050; text-transform: capitalize; font-weight: 500; font-size: 14px; } .entry-link .readmore:hover { color: #000; } .entry-meta { margin: 0; } .entry-meta .fa, .entry-meta .icon { margin-right: 3px; } .rtl .entry-meta .fa, .rtl .entry-meta .icon { margin-left: 3px; margin-right: inherit; } blockquote { padding: 0 20px; color: #252525; border-left: 3px solid #b2b2b2; font-style: italic; } .rtl blockquote { border-right: 3px solid #b2b2b2; border-left: inherit; } .entry-vote { z-index: 1; display: table; text-align: center; top: 20px; position: absolute; background: rgba(0, 0, 0, 0.5); width: 44px; height: 44px; right: 20px; } .rtl .entry-vote { left: 20px; right: auto; } .entry-vote .entry-vote-inner { color: #fff; display: table-cell; vertical-align: middle; font-weight: 500; } .entry-vote.vote-perfect .entry-vote-inner { color: #ff003a; } .entry-vote.vote-good .entry-vote-inner { color: #fdff39; } .entry-vote.vote-average .entry-vote-inner { color: #91e536; } .entry-vote.vote-bad .entry-vote-inner { color: #e93434; } .entry-vote.vote-poor .entry-vote-inner { color: #78ae00; } .type-post { margin-bottom: 40px; } .blog-title { margin-bottom: 30px; } #commentform { margin-bottom: 30px; } #commentform .form-control { padding: 5px 20px; margin: 0 0 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; height: 50px; } #commentform textarea.form-control { height: 140px; padding: 20px; resize: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } #commentform .form-group { margin: 0 0 30px; } #commentform .space-comment { margin: 0 0 30px; } #commentform #cancel-comment-reply-link { color: #d35050; } /* * using for new, magazine */ .post-specail .entry-title { font-size: 16px; } .post-specail .entry-date { font-style: italic; } .post-specail .entry-create { margin: 0 0 18px; } .post-title { font-size: 18px; } .post-thumb { position: relative; } .blog-meta { top: 0; position: absolute; right: 0px; } .rtl .blog-meta { left: 0px; right: auto; } /** Post blog style **/ .blog.style1 .blog-date { top: 0; position: absolute; right: 0; } .rtl .blog.style1 .blog-date { left: 0; right: auto; } .blog.style2 { border: 1px solid #e5e5e5; } .blog.style2 .blog-date { float: left; margin: -1px 30px 0px 0px; } .rtl .blog.style2 .blog-date { float: right; } .rtl .blog.style2 .blog-date { margin: -1px 0px 0px 30px; } .blog.style2 .entry-title { padding-left: 65px; padding-right: 20px; } .rtl .blog.style2 .entry-title { padding-right: 65px; padding-left: inherit; } .rtl .blog.style2 .entry-title { padding-left: 20px; padding-right: inherit; } .blog.style2 .entry-description { padding-left: 65px; padding-right: 20px; } .rtl .blog.style2 .entry-description { padding-right: 65px; padding-left: inherit; } .rtl .blog.style2 .entry-description { padding-left: 20px; padding-right: inherit; } .blog.style2 .entry-content { border: 0px; margin-bottom: 20px; } .blog.style2 .entry-content:before, .blog.style2 .entry-content:after { content: " "; display: table; } .blog.style2 .entry-content:after { clear: both; } .blog .blog-date { display: table; background: #e93434; text-align: center !important; color: #000; text-transform: uppercase; font-size: 11px; font-weight: 600; width: 50px; height: 50px; line-height: normal; } .blog .blog-date .blog-date-inner { display: table-cell; vertical-align: middle; } .blog .blog-date span { display: block; margin: 2px 0 3px 0; line-height: 25px; font-size: 24px; font-weight: 400; } .blog .blog-date--grids { position: absolute; top: 0; right: 15px; } .rtl .blog .blog-date--grids { left: 15px; right: auto; } .blog .entry-content--info { overflow: hidden; padding: 30px 0; } .post.sticky .entry-title a { color: #d35050; } .post .entry-description { clear: both; overflow: hidden; margin: 0 0 40px; } /* Post type: half content */ .grid-half.owl-carousel .owl-controls { top: 100%; -webkit-transform: translate(50px, -80px); -ms-transform: translate(50px, -80px); -o-transform: translate(50px, -80px); transform: translate(50px, -80px); left: 50%; } .rtl .grid-half.owl-carousel .owl-controls { right: 50%; left: auto; } .grid-half.owl-carousel .owl-controls .owl-nav .owl-prev, .grid-half.owl-carousel .owl-controls .owl-nav .owl-next { opacity: 1; filter: alpha(opacity=100); position: static; } .grid-half.owl-carousel .owl-controls .owl-nav .owl-next { margin-left: 5px; } .rtl .grid-half.owl-carousel .owl-controls .owl-nav .owl-next { margin-right: 5px; margin-left: inherit; } .grid-half.halfdark.owl-carousel .owl-controls .owl-nav .owl-prev, .grid-half.halfdark.owl-carousel .owl-controls .owl-nav .owl-next { background: #e1e4e6; border-color: #e1e4e6; color: #252525; } .grid-half.halfdark.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .grid-half.halfdark.owl-carousel .owl-controls .owl-nav .owl-prev:active, .grid-half.halfdark.owl-carousel .owl-controls .owl-nav .owl-next:hover, .grid-half.halfdark.owl-carousel .owl-controls .owl-nav .owl-next:active { background: #d35050; border-color: #d35050; color: #fff; } .grid-half.style_img.owl-carousel .owl-controls { left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .rtl .grid-half.style_img.owl-carousel .owl-controls { right: 0; left: auto; } .layout-half { margin-left: 0; margin-right: 0; margin-bottom: 0; background: #d35050; color: #fff; } .layout-half .entry-content { max-width: 650px; padding-bottom: 120px; padding-top: 50px; } .layout-half .entry-content[class*='-6'] { padding-left: 50px; padding-right: 50px; } .layout-half > div { padding-left: 0px; padding-right: 0px; } @media (max-width: 1024px) { .layout-half .entry-content[class*='-6'] { padding-left: 30px; padding-right: 30px; padding-top: 30px; max-width: none; } } .layout-half .entry-title { font-size: 50px; margin: 0 0 20px; line-height: 1.1; font-family: "Rubik", Helvetica, Arial, sans-serif; } .layout-half .entry-title a { color: #fff !important; } .layout-half .entry-description { margin: 0 0 40px; font-size: 17px; font-weight: 400; } .layout-dark { background: #eff1f2 !important; color: #858585; } .layout-dark .meta { font-size: 20px; font-weight: 400; font-family: "Rubik"; position: relative; padding: 0 0 10px; margin: 0 0 35px; } .layout-dark .meta:before { content: ''; width: 80px; height: 2px; background: #252525; position: absolute; bottom: 0; left: 0; } .rtl .layout-dark .meta:before { right: 0; left: auto; } .layout-dark .entry-title { margin: 0 0 10px; } .layout-dark .entry-title a { color: #252525 !important; font-size: 30px; } .layout-dark .entry-description { font-size: 15px; font-weight: 300; } .layout-halfimg { position: relative; background: transparent; margin-bottom: 60px; } .layout-halfimg .entry-content { padding: 40px 40px 80px; background: #d35050; color: #fff; } .layout-halfimg .entry-content .entry-title { font-size: 35px; line-height: 1.1; margin: 0 0 10px; font-weight: 500; font-family: "Rubik", Helvetica, Arial, sans-serif; } .layout-halfimg .entry-content .entry-title a { color: #fff !important; } @media (min-width: 768px) { .layout-halfimg .half-img { width: 75%; } .layout-halfimg .entry-content { max-width: 500px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .rtl .layout-halfimg .entry-content { left: 0; right: auto; } } /* Post type: List widget list*/ .posts-list { list-style: none; padding: 0; margin: 0; } .posts-list li { margin: 0 0 28px; overflow: hidden; } .posts-list li:last-child { margin: 0; } .posts-list .content-info { overflow: hidden; } .posts-list .image { width: 130px; padding-right: 30px; } .rtl .posts-list .image { padding-left: 30px; padding-right: inherit; } .posts-list .entry-title { font-size: 16px; text-transform: inherit; margin: 0 0 5px; font-weight: 400; } .posts-list .bottom-info { font-size: 12px; } .posts-list .bottom-info > span { display: inline-block; vertical-align: middle; margin-right: 4px; } .rtl .posts-list .bottom-info > span { margin-left: 4px; margin-right: inherit; } .posts-list .bottom-info i { margin-right: 4px; } .rtl .posts-list .bottom-info i { margin-left: 4px; margin-right: inherit; } @media (min-width: 1200px) { .layout-blog.has-1col .post-layout { margin-bottom: 60px; } .layout-blog.has-1col .apus-pagination { padding-top: 60px; } } .top-info-grid { margin-bottom: 10px; font-size: 14px; color: #626262; } .top-info-grid i { margin-right: 5px; } .rtl .top-info-grid i { margin-left: 5px; margin-right: inherit; } .top-info-grid .sub { font-style: italic; margin-right: 4px; } .rtl .top-info-grid .sub { margin-left: 4px; margin-right: inherit; } .top-info-grid .name-author { background: #ff4c8d; color: #fff !important; padding: 0 8px; } .top-info-grid a { color: #626262; } .top-info-grid a:hover, .top-info-grid a:active { color: #252525; } .top-info-grid > span { display: inline-block; margin-right: 5px; padding-right: 5px; border-right: 1px solid #e5e5e5; line-height: 1; margin-bottom: 5px; } .rtl .top-info-grid > span { margin-left: 5px; margin-right: inherit; } .rtl .top-info-grid > span { padding-left: 5px; padding-right: inherit; } .rtl .top-info-grid > span { border-left: 1px solid #e5e5e5; border-right: inherit; } @media (min-width: 768px) { .top-info-grid > span { margin-right: 10px; padding-right: 10px; } .rtl .top-info-grid > span { margin-left: 10px; margin-right: inherit; } .rtl .top-info-grid > span { padding-left: 10px; padding-right: inherit; } } .top-info-grid > span:last-child { border: none; margin: 0; padding: 0; } @media (min-width: 1200px) { .post-layout { margin-bottom: 50px; } } .post-layout .entry-title { font-size: 26px; font-weight: 400; margin: 0 0 14px; } .post-layout .entry-thumb { margin-bottom: 20px; } .post-layout .excerpt { margin: 0 0 20px; } .post-layout .post-sticky { color: #fff; background: #121212; padding: 0 8px; font-size: 14px; display: inline-block; } @media (min-width: 1200px) { .post-grid-v2 { margin-bottom: 40px; } } .post-grid-v2 .entry-title { font-size: 22px; } .list-small { overflow: hidden; } .list-small .entry-title { font-size: 14px; margin: 0 0 5px; line-height: 20px; font-weight: 400; } .list-small .date { font-size: 12px; } .list-small .image { float: left; padding-right: 15px; } .rtl .list-small .image { float: right; } .rtl .list-small .image { padding-left: 15px; padding-right: inherit; } .list-small .image img { min-width: 62px; } .list-small .info { overflow: hidden; } .post-list-item { margin-bottom: 20px; } @media (min-width: 992px) { .post-list-item { margin-bottom: 40px; } } .post-list-item .top-info { font-size: 14px; } .post-list-item .top-info > * { display: inline-block; margin-right: 8px; } .rtl .post-list-item .top-info > * { margin-left: 8px; margin-right: inherit; } .post-list-item .entry-title { margin-bottom: 12px; font-size: 22px; } .post-list-item .excerpt, .post-list-item .entry-thumb { margin-bottom: 0; } /* Post type: By Category */ .posts-grid-category { overflow: hidden; } .top-blog-info { padding: 25px 0; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .top-blog-info i { margin-right: 10px; } .rtl .top-blog-info i { margin-left: 10px; margin-right: inherit; } .top-blog-info .categories { margin-right: 35px; } .rtl .top-blog-info .categories { margin-left: 35px; margin-right: inherit; } .top-blog-info .author a { color: #d35050; } .top-blog-info a { color: #858585; } .top-blog-info a:hover, .top-blog-info a:active { color: #d35050; } .list-default { margin-bottom: 45px; } .list-default .entry-title { font-weight: 500; font-size: 30px; margin: 0 0 10px; } .list-default .description { margin: 0 0 15px; } .category-posts { position: relative; } .category-posts::after { content: ""; top: 20px; position: absolute; right: 0; width: 1px; height: 1000px; background: #e5e5e5; } .rtl .category-posts::after { left: 0; right: auto; } .category-posts .post { border-bottom: 1px solid #e5e5e5; } .category-posts .category-posts-label { padding: 1px 3px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; background: #d35050; font-weight: 400; font-size: 10px; text-transform: uppercase; } .category-posts .category-posts-label a { color: #fff; } .category-posts .entry-meta::after { display: none; } .category-posts .posts-more .post:last-child { border: 0px; } .category-posts .posts-more .entry-title { font-size: 10px; } .category-posts .posts-more .entry-title a { color: #777777; } .category-posts .posts-more .entry-title a:hover { color: #d35050; } /*------------------------------------*\ Post detail \*------------------------------------*/ .sharebox { margin-bottom: 30px; } .sharebox .sharebox-title { margin: 10px 0; } .social-networks li { padding-left: 10px; padding-right: 10px; } .social-networks li:last-child a { margin-right: 0; } .social-networks li a { font-size: 14px; } .social-networks li a:hover { color: #d35050; } .tag-links, .post-share { margin-bottom: 10px; } .tag-links span i, .post-share span i { margin-right: 5px; } .rtl .tag-links span i, .rtl .post-share span i { margin-left: 5px; margin-right: inherit; } /*------------------------------------*\ Comment List \*------------------------------------*/ .comment-list { padding: 0; margin: 0 0 20px; list-style: none; border-bottom: 1px solid #e5e5e5; } @media (min-width: 768px) { .comment-list { margin-bottom: 30px; } } .comment-list > .comment:last-child .comment-box { border: none; padding: 0; } .comment-list .comment-respond { margin-top: 30px; } .comment-list #cancel-comment-reply-link { color: #d35050; } .comment-list .children { list-style: none; margin: 0; padding-left: 50px; } .rtl .comment-list .children { padding-right: 50px; padding-left: inherit; } .comment-list div.avatar { min-width: 125px; padding-right: 25px; float: left; } .rtl .comment-list div.avatar { padding-left: 25px; padding-right: inherit; } .rtl .comment-list div.avatar { float: right; } .comment-list div.avatar img { margin: 0; } .comment-list .date { font-size: 13px; } .comment-list .date i { margin-right: 8px; } .rtl .comment-list .date i { margin-left: 8px; margin-right: inherit; } .comment-list strong { color: #252525; font-size: 17px; font-weight: 400; margin-right: 10px; } .rtl .comment-list strong { margin-left: 10px; margin-right: inherit; } .comment-list .comment-reply-link { font-weight: 400; font-size: 16px; margin-right: 20px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .rtl .comment-list .comment-reply-link { margin-left: 20px; margin-right: inherit; } .comment-list .comment-reply-link:hover, .comment-list .comment-reply-link:active { color: #5cb85c; } .comment-list .comment-box { padding: 0 0 20px 0px; border-bottom: 1px solid #e5e5e5; overflow: hidden; } @media (min-width: 768px) { .comment-list .comment-box { padding: 0 0 30px 0px; } } .comment-list .comment-edit-link { color: #d35050; } .comment-list .comment-text { font-size: 15px; margin: 5px 0 8px; line-height: 1.6; } .comment-list .comment-text p:last-child { margin: 0; } .comment-list .the-comment { margin-bottom: 20px; } @media (min-width: 768px) { .comment-list .the-comment { margin-bottom: 30px; } } .commentform .title { font-family: "Rubik", Helvetica, Arial, sans-serif; margin: 0; font-size: 25px; font-weight: 400; } .commentform .comment-notes { display: none; } .comment-form #submit { text-transform: uppercase; } .post-navigation a { color: #858585; } .post-navigation a:hover, .post-navigation a:active { color: #252525; } .post-navigation .navi { display: block; float: none; width: 100%; margin: 0; font-family: "Rubik"; font-size: 14px; } .post-navigation .navi i { font-size: 12px; margin-right: 5px; } .rtl .post-navigation .navi i { margin-left: 5px; margin-right: inherit; } .post-navigation .post-title { font-size: 16px; font-weight: 600; margin: 10px 0 0; display: block; } .post-navigation .nav-next .navi i { margin-right: 0; margin-left: 5px; } .rtl .post-navigation .nav-next .navi i { margin-left: 0; margin-right: inherit; } .rtl .post-navigation .nav-next .navi i { margin-right: 5px; margin-left: inherit; } /*------------------------------------*\ Single post \*------------------------------------*/ #comments { padding-top: 20px; border-top: 1px solid #e5e5e5; } @media (min-width: 1200px) { #comments { padding-top: 40px; } } #comments #reply-title { margin: 0; } #comments .comments-title { font-size: 25px; font-weight: 400; margin: 0 0 25px; } .post-navigation { position: relative; } .post-navigation .screen-reader-text { display: none; } .post-navigation .nav-links { overflow: hidden; } .post-navigation .nav-links > * { width: 40%; float: left; } .rtl .post-navigation .nav-links > * { float: right; } .post-navigation .nav-links > *.nav-next { float: right; text-align: right; } .rtl .post-navigation .nav-links > *.nav-next { float: left; } .rtl .post-navigation .nav-links > *.nav-next { text-align: left; } .post-navigation .nav-links .meta-nav { display: none; } .author-info { padding: 30px; background: #fafafa; border: 1px solid #e5e5e5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .author-info .author-title { font-size: 20px; margin: 0 0 10px; } .author-info .avatar-img { padding-right: 20px; } .rtl .author-info .avatar-img { padding-left: 20px; padding-right: inherit; } .author-info .avatar-img .avatar { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; max-width: none; } .author-info .description { color: #616161; } .related-posts { padding: 0; margin: 30px 0 0; } .related-posts .title { margin: 0 0 25px; font-size: 25px; position: relative; } .blog-post-icon { display: table; color: #fff; text-align: center; position: absolute; top: 0; z-index: 1; background: #d35050; opacity: 0.9; filter: alpha(opacity=90); left: 0; width: 50px; height: 50px; } .rtl .blog-post-icon { right: 0; left: auto; } .blog-post-icon .fa { display: table-cell; vertical-align: middle; font-size: 22px; } /*------------------------------------*\ Blog Masonry Page \*------------------------------------*/ .blog-masonry .entry-thumb { margin-bottom: 0; } .gallery { margin-left: -15px; margin-right: -15px; overflow: hidden; } .gallery .gallery-item { float: left; margin-bottom: 15px; padding-right: 15px; padding-left: 15px; position: relative; } .rtl .gallery .gallery-item { float: right; } .gallery .gallery-item figcaption { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; max-height: 50%; font-size: 12px; background: rgba(0, 0, 0, 0.5); margin-left: 15px; margin-right: 15px; opacity: 0; filter: alpha(opacity=0); padding: 8px 15px; } .gallery .gallery-item:hover figcaption { opacity: 1; filter: alpha(opacity=100); } .gallery.gallery-columns-9 .gallery-item { width: 11%; } .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .gallery.gallery-columns-7 .gallery-item { width: 14%; } .gallery.gallery-columns-6 .gallery-item { width: 16.5%; } .gallery.gallery-columns-5 .gallery-item { width: 20%; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-3 .gallery-item { width: 33%; } .gallery.gallery-columns-1 .gallery-item { width: 100%; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } .comment-navigation { overflow: hidden; padding: 20px 0; } .comment-navigation .nav-links > div { display: inline-block; } .comment-navigation .nav-links > div + div { line-height: 1.1; margin-left: 15px; padding-left: 15px; border-left: 2px solid #e5e5e5; } .rtl .comment-navigation .nav-links > div + div { margin-right: 15px; margin-left: inherit; } .rtl .comment-navigation .nav-links > div + div { padding-right: 15px; padding-left: inherit; } .rtl .comment-navigation .nav-links > div + div { border-right: 2px solid #e5e5e5; border-left: inherit; } .list-check { list-style: none; padding: 0; margin: 0; } .list-check li { margin-bottom: 10px; } .list-check i { color: #d35050; margin-right: 10px; } .rtl .list-check i { margin-left: 10px; margin-right: inherit; } .detail-post .type-post { margin-bottom: 20px; } @media (min-width: 1200px) { .detail-post .type-post { margin-bottom: 40px; } } .detail-post iframe { max-width: 100%; } .detail-post .entry-thumb { margin: 0 0 30px; } .detail-post .entry-thumb.no-thumb { margin: 0; } .detail-post .font-second { font-family: "Rubik"; font-size: 24px; margin: 0 0 20px; } .detail-post .apus-social-share { margin-top: 2px; } .detail-post .apus-social-share .title { margin-right: 30px; display: none; } .rtl .detail-post .apus-social-share .title { margin-left: 30px; margin-right: inherit; } .detail-post .apus-social-share a { color: #858585; font-size: 16px; margin-right: 20px; } .rtl .detail-post .apus-social-share a { margin-left: 20px; margin-right: inherit; } .detail-post .apus-social-share a:hover, .detail-post .apus-social-share a:active { color: #252525; } .detail-post .entry-tags-list strong { display: none; } .detail-post .entry-tags-list a { font-size: 12px; text-transform: uppercase; padding: 5px 20px; color: #625b66; font-weight: 400; display: inline-block; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin-right: 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; background: #e7e7e7; } .rtl .detail-post .entry-tags-list a { margin-left: 5px; margin-right: inherit; } .detail-post .entry-tags-list a:hover, .detail-post .entry-tags-list a:active { color: #fff; border-color: #121212; background: #121212; } .detail-post .post-navigation { margin: 0 0 55px; padding-top: 20px; } .detail-post .nav-links .navi { font-family: "Rubik", Helvetica, Arial, sans-serif; font-size: 24px; color: #000; } .detail-post .nav-links .navi:hover, .detail-post .nav-links .navi:active { text-decoration: underline; } .detail-post .nav-links .navi i { line-height: 1; vertical-align: middle; font-size: 42px; } .detail-post .entry-content-detail .entry-title { font-size: 32px; font-weight: 500; margin: 0 0 20px; } .detail-post .sub-title { font-size: 21px; } .detail-post .top-info-grid { margin: 0 0 5px; } .author-post .avatar { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .author-post .avatar-img { float: left; padding-right: 8px; } .rtl .author-post .avatar-img { float: right; } .rtl .author-post .avatar-img { padding-left: 8px; padding-right: inherit; } .author-post .name-author { display: inline-block; margin-top: 9px; } /* 8. effect */ .effect-1 { position: relative; } .effect-1:after { content: ''; display: block; width: 0px; height: 1px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; left: 0; bottom: 0; right: 0; background: transparent; margin: auto; } .effect-1:hover:after { width: 100%; height: 1px; background: #d35050; } .zoom-2 { overflow: hidden; display: block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .zoom-2 img { position: relative; width: 100%; height: auto; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .zoom-2:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .filter-grayscale, .widget .widget_sp_image-image-link img { -webkit-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .filter-grayscale:hover, .widget .widget_sp_image-image-link img:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); } .filter-brightness { -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .filter-brightness:hover { filter: brightness(0.4); -webkit-filter: brightness(0.4); -moz-filter: brightness(0.4); -o-filter: brightness(0.4); -ms-filter: brightness(0.4); } .filter-blur { -webkit-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .filter-blur:hover { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } .close .fa { -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .close:hover .fa { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .image-overlay-1:after, .image-overlay-1:before { content: ""; display: block; position: absolute; z-index: 100; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .rtl .image-overlay-1:after, .rtl .image-overlay-1:before { right: 0; left: auto; } .image-overlay-1:after { top: -100%; } .image-overlay-1:before { bottom: -100%; } .image-overlay-1:hover:after { top: -50%; opacity: 1; filter: alpha(opacity=100); } .image-overlay-1:hover:before { bottom: -50%; opacity: 1; filter: alpha(opacity=100); } .image-plus-1 { position: relative; } .image-plus-1::before { overflow: hidden; position: absolute; top: 0; content: ""; z-index: 100; width: 100%; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); background: url("../images/plus.png") no-repeat scroll center center/60px 60px rgba(0, 0, 0, 0.6); } .rtl .image-plus-1::before { right: 0; left: auto; } .image-plus-1:hover::before { visibility: visible; opacity: 0.6; filter: alpha(opacity=60); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .image-plus-2 { position: relative; } .image-plus-2::before { content: ""; z-index: 199; top: 0; position: absolute; background: url("../images/plus.png") no-repeat scroll center center/60px 60px rgba(0, 0, 0, 0.8); width: 100%; height: 100%; left: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; filter: alpha(opacity=0); -webkit-background-size: 10px 10px, 100% 100%; -moz-background-size: 10px 10px, 100% 100%; -ms-background-size: 10px 10px, 100% 100%; -o-background-size: 10px 10px, 100% 100%; background-size: 10px 10px, 100% 100%; -webkit-background-origin: padding-box, padding-box; -moz-background-origin: padding-box, padding-box; -ms-background-origin: padding-box, padding-box; -o-background-origin: padding-box, padding-box; background-origin: padding-box, padding-box; } .rtl .image-plus-2::before { right: 0; left: auto; } .image-plus-2:hover::before { opacity: .6; visibility: visible; -webkit-background-size: 60px 60px, 100% 100%; -moz-background-size: 60px 60px, 100% 100%; -ms-background-size: 60px 60px, 100% 100%; -o-background-size: 60px 60px, 100% 100%; background-size: 60px 60px, 100% 100%; } .image-plus-3 { position: relative; } .image-plus-3::before { content: ""; top: 0; overflow: hidden; position: absolute; z-index: 100; -webkit-transform: scale(0.5) rotateX(180deg); -moz-transform: scale(0.5) rotateX(180deg); -ms-transform: scale(0.5) rotateX(180deg); -o-transform: scale(0.5) rotateX(180deg); transform: scale(0.5) rotateX(180deg); width: 100%; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: rgba(0, 0, 0, 0.8); } .rtl .image-plus-3::before { right: 0; left: auto; } .image-plus-3:hover::before { visibility: visible; opacity: 0.6; filter: alpha(opacity=60); -webkit-transform: scale(1) rotateX(0deg); -moz-transform: scale(1) rotateX(0deg); -ms-transform: scale(1) rotateX(0deg); -o-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); } .icon-effect-1 { position: relative; } .icon-effect-1:before { content: ""; display: block; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1); left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 100%; height: 100%; position: absolute; background-color: transparent; } .icon-effect-1:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1); } /* 9. utilities */ /*------------------------------------------- No Margin -------------------------------------------*/ .no-margin { margin: 0 !important; } .no-margin .pagination { margin: 0; } /*------------------------------------------- No Padding -------------------------------------------*/ .no-padding { padding: 0 !important; } .no-position { position: static !important; } .inline-block { display: inline-block; vertical-align: middle; } .lt-ie8 .inline-block { display: inline; zoom: 1; } .no-background { -webkit-box-shadow: none; box-shadow: none; background: none !important; } .no-effect a:before { content: none !important; } /*------------------------------------*\ Clear List Style \*------------------------------------*/ .clear-list { padding: 0; margin: 0; list-style: none; } /*------------------------------------------- Text Transform -------------------------------------------*/ .text-uppercase { text-transform: uppercase !important; } /*------------------------------------------- Align -------------------------------------------*/ .separator_align_center { text-align: center !important; } .vc_align_right, .separator_align_right { text-align: right !important; } .separator_align_left { text-align: left !important; } /*------------------------------------*\ Font size heading title \*------------------------------------*/ .font-size-lg { font-size: 48px; } .font-size-md { font-size: 30px; } .font-size-sm { font-size: 20px; } .font-size-xs { font-size: 16px; } /*------------------------------------*\ Border \*------------------------------------*/ .no-border { border: 0px !important; } /*------------------------------------*\ No background \*------------------------------------*/ .bg-transparent { background: transparent !important; } /* 10. widgets layout */ .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } .widget-text-heading { margin: 0; } .widget-text-heading .title { font-size: 36px; font-weight: 400; margin: 0; } .widget-text-heading.center { text-align: center; } .widget-text-heading.style2 { max-width: 825px; margin-left: auto; margin-right: auto; } .widget-text-heading.style2 .title { font-size: 30px; font-weight: 500; margin: 0 0 15px; } .banner-countdown-widget .sub-title { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 7px; font-weight: 300; } .banner-countdown-widget .widget-title { font-size: 48px; font-weight: 300; margin: 0 0 20px; } .banner-countdown-widget .times { margin-bottom: 48px; } .banner-countdown-widget .times > div { text-align: center; font-size: 12px; display: inline-block; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; color: #707070; margin-right: 35px; padding-right: 35px; position: relative; } .rtl .banner-countdown-widget .times > div { margin-left: 35px; margin-right: inherit; } .rtl .banner-countdown-widget .times > div { padding-left: 35px; padding-right: inherit; } .banner-countdown-widget .times > div:before { content: ":"; font-size: 30px; position: absolute; top: 50%; line-height: 1; color: #858585; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .rtl .banner-countdown-widget .times > div:before { left: 0; right: auto; } .banner-countdown-widget .times > div:last-child { margin: 0; padding: 0; } .banner-countdown-widget .times > div:last-child:before { display: none; } .banner-countdown-widget .times > div span { color: #252525; font-weight: 300; font-size: 48px; display: block; line-height: 1.2; letter-spacing: 0; } .banner-countdown-widget .btn, .banner-countdown-widget .viewmore-products-btn { border-width: 2px; letter-spacing: 1px; padding-top: 9px; padding-bottom: 9px; } .banner-countdown-widget .btn i, .banner-countdown-widget .viewmore-products-btn i { margin-left: 15px; } .rtl .banner-countdown-widget .btn i, .rtl .banner-countdown-widget .viewmore-products-btn i { margin-right: 15px; margin-left: inherit; } .contact-home1 { list-style: none; padding: 0; margin: 0; } .contact-home1 li { margin-bottom: 10px; } .contact-home1 li:last-child { margin-bottom: 0; } .contact-home1 li i { margin-right: 10px; } .rtl .contact-home1 li i { margin-left: 10px; margin-right: inherit; } .top-address > * { display: inline-block; vertical-align: middle; padding-right: 22px; margin-right: 22px; border-right: 1px solid #e5e5e5; } .rtl .top-address > * { padding-left: 22px; padding-right: inherit; } .rtl .top-address > * { margin-left: 22px; margin-right: inherit; } .rtl .top-address > * { border-left: 1px solid #e5e5e5; border-right: inherit; } .top-address > *:last-child { border: none; margin: 0; padding: 0; } .contact-info-widget { font-size: 14px; color: #fff; } .contact-info-widget .media-left, .contact-info-widget .media-right, .contact-info-widget .media-body { vertical-align: middle; } .contact-info-widget .media-body { width: auto; } .contact-info-widget .icon { border: 2px dashed #3d464d; display: inline-block; line-height: 64px; text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 70px; height: 70px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .contact-info-widget .icon img { max-width: 80%; vertical-align: middle; } .contact-info-widget .media-left { padding-right: 24px; } .rtl .contact-info-widget .media-left { padding-left: 24px; padding-right: inherit; } .contact-info-widget .media { margin-top: 0; } .contact-info-widget .media:last-child { margin: 0; } @media (min-width: 1200px) { .contact-info-widget .media { margin-left: 40px; } .rtl .contact-info-widget .media { margin-right: 40px; margin-left: inherit; } } .contact-info-widget .media:hover .icon { border-color: #fff; } .widget-introduction .subtitle { font-size: 12px; text-transform: uppercase; color: #858585; } .widget-introduction .title { font-size: 30px; font-weight: 800; color: #d35050; line-height: 1.2; margin: 0 0 25px; } .widget-introduction .description { font-size: 24px; font-style: italic; font-family: "Rubik"; color: #616161; } .widget-introduction .name { color: #d35050; margin: 0; font-size: 18px; font-weight: 800; } .widget-introduction .job { color: #222222; font-weight: 400; font-size: 11px; text-transform: uppercase; } .widget-introduction .image-icon { margin: 22px 0; } .widget-action .title { line-height: 1.1; margin: 0 0 25px; font-weight: 500; color: #252525; font-size: 30px; } @media (min-width: 992px) { .widget-action .title { font-size: 60px; } } .widget-action .title p:last-child { margin: 0; } .widget-action .btn, .widget-action .viewmore-products-btn { border-width: 2px; } .widget-action .sub_title { font-size: 24px; color: #252525; margin: 0 0 5px; } .widget-action .btn-primary:hover, .widget-action .btn-primary:active { background: #f43434; border-color: #f43434; color: #fff; } .widget-action .font-second { font-family: "Mr Dafoe"; color: #d35050; } .widget-action .des { font-size: 14px; margin-bottom: 22px; } .widget-action.default { text-align: center; } .widget-action.st_white1 .font-second { font-family: "Rubik", Helvetica, Arial, sans-serif; } .widget-action.st_white1 .des, .widget-action.st_white1 .title { color: #fff; } .widget-action.st_white1 .sub_title { color: #d35050; font-family: "Mr Dafoe"; font-weight: 400; font-size: 36px; margin: 0; } .widget-action.st_white2, .widget-action.st_white2 .title, .widget-action.st_white2 .sub_title { color: #fff; } .widget-action.classic .title { color: #d35050; font-family: "Mr Dafoe"; margin-bottom: 15px; } .widget-action.classic .sub_title { color: #111111; font-weight: 500; letter-spacing: 6px; font-size: 14px; text-transform: uppercase; margin: 0 0 5px; } .widget-action.titletop { text-align: center; } .widget-action.titletop .font-second { font-family: "Rubik", Helvetica, Arial, sans-serif; } .widget-action.titletop .title { color: #fff; font-size: 48px; margin: 0 0 5px; } .widget-action.titletop .des { color: #fff; font-size: 18px; margin-bottom: 30px; } @media (min-width: 1200px) { .widget-action.st_left { padding-left: 40px; } .rtl .widget-action.st_left { padding-right: 40px; padding-left: inherit; } } .widget-action.st_left .title { margin: 0 0 15px; font-size: 30px; font-weight: 500; } .widget-action.st_left .title h1, .widget-action.st_left .title .h1, .widget-action.st_left .title h2, .widget-action.st_left .title .h2, .widget-action.st_left .title h3, .widget-action.st_left .title .h3 { margin: 0; font-size: 20px; } @media (min-width: 992px) { .widget-action.st_left .title h1, .widget-action.st_left .title .h1, .widget-action.st_left .title h2, .widget-action.st_left .title .h2, .widget-action.st_left .title h3, .widget-action.st_left .title .h3 { font-size: 30px; } } .counters { text-align: center; } .counters .counter-wrap { font-family: "Rubik"; font-size: 60px; line-height: 1.2; } .counters .title { font-weight: 400; margin: 0; font-size: 25px; } .location .inner { overflow: hidden; margin: 0 0 10px; } .location .inner .inner-left { float: left; font-size: 16px; margin-right: 12px; } .rtl .location .inner .inner-left { float: right; } .rtl .location .inner .inner-left { margin-left: 12px; margin-right: inherit; } .location .inner .inner-right { overflow: hidden; } .location.style-white i { opacity: 0.5; filter: alpha(opacity=50); } .widget-banner { position: relative; } .widget-banner .title { font-size: 36px; font-weight: 500; margin: 0 0 15px; } .widget-banner .subtitle { font-size: 14px; margin: 0; } .widget-banner .link-img { position: relative; display: block; overflow: hidden; } .widget-banner.st_center .infor { position: absolute; z-index: 9; padding: 30px; left: 0; bottom: 0; width: 100%; text-align: center; } .widget-banner:hover .btn-readmore { background: #d35050; color: #fff; } .widget-banner.inner_center { display: -webkit-flex; /* Safari */ display: flex; align-items: center; -webkit-align-items: center; /* Safari 7.0+ */ } .widget-banner.inner_center .infor { width: 55%; float: left; } .rtl .widget-banner.inner_center .infor { float: right; } .widget-banner.inner_center .link-img { float: left; width: 45%; } .rtl .widget-banner.inner_center .link-img { float: right; } .widget-banner.st_left .infor { text-align: center; } .widget-banner.st_left .subtitle { font-size: 20px; font-family: "Mr Dafoe"; color: #d35050; } .widget-banner.st_right .infor { text-align: center; } .widget-banner.st_right .subtitle { font-size: 14px; font-weight: 400; margin: 0 0 5px; } .widget-banner.st_right .title { font-size: 36px; color: #d35050; font-family: "Mr Dafoe"; margin: 0 0 10px; } .widget-banner-img { position: relative; } .widget-banner-img .infor { position: absolute; top: 50%; left: 0; width: 100%; z-index: 2; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .widget-banner-img .title { font-size: 30px; font-weight: 700; margin: 5px 0; color: #fff; } .widget-banner-img .title a { color: #fff; } .widget-banner-img .subtitle { font-size: 14px; color: #fff; margin: 0; } .widget-banner-img .link-img { position: relative; display: block; } .widget-banner-img .link-img:before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .widget-banner-img:hover .link-img:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } a.vc_single_image-wrapper { position: relative; } a.vc_single_image-wrapper:before, a.vc_single_image-wrapper:after { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; z-index: 5; -webkit-transition: transform 0.5s, opacity 0.2s ease-in-out 0s; -o-transition: transform 0.5s, opacity 0.2s ease-in-out 0s; transition: transform 0.5s, opacity 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); } a.vc_single_image-wrapper:hover:before { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); opacity: 1; filter: alpha(opacity=100); } a.vc_single_image-wrapper:hover:after { -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); opacity: 1; filter: alpha(opacity=100); } .single-image a { display: block; position: relative; } .single-image a:before, .single-image a:after { content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; z-index: 5; -webkit-transition: transform 0.5s, opacity 0.2s ease-in-out 0s; -o-transition: transform 0.5s, opacity 0.2s ease-in-out 0s; transition: transform 0.5s, opacity 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); } .single-image a:hover:before { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); opacity: 1; filter: alpha(opacity=100); } .single-image a:hover:after { -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); opacity: 1; filter: alpha(opacity=100); } .vertical-wrapper .title-vertical { color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 8px 20px; cursor: pointer; } .vertical-wrapper .title-vertical i { font-size: 16px; margin-right: 15px; } .rtl .vertical-wrapper .title-vertical i { margin-left: 15px; margin-right: inherit; } .vertical-wrapper .title-vertical .show-down { margin: 5px 0 0; float: right; } .rtl .vertical-wrapper .title-vertical .show-down { float: left; } .vertical-wrapper .content-vertical { padding: 0; display: none; } .apus-vertical-menu { padding: 14px 0; background: #fff; margin: 0; list-style: none; border-width: 0 1px 1px; border-style: solid; border-color: #e5e5e5; } .apus-vertical-menu > li { display: block; width: 100%; } .apus-vertical-menu > li > a { font-size: 14px; padding: 0 20px; line-height: 40px; background: transparent !important; } .apus-vertical-menu > li > a > i, .apus-vertical-menu > li > a > img { margin-right: 16px; width: 18px; } .rtl .apus-vertical-menu > li > a > i, .rtl .apus-vertical-menu > li > a > img { margin-left: 16px; margin-right: inherit; } .apus-vertical-menu > li > a .caret { float: right; margin: 18px 0 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .rtl .apus-vertical-menu > li > a .caret { float: left; } .apus-vertical-menu > li .apus-container { padding: 10px 35px; } .apus-vertical-menu > li.active > a { color: #d35050; } .apus-vertical-menu li:hover > .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .apus-vertical-menu .dropdown-menu { visibility: hidden; padding: 30px; font-size: 14px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border: none; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } .apus-vertical-menu .dropdown-menu > li > a { color: #252525; background: transparent !important; padding: 0; } .apus-vertical-menu .dropdown-menu > li:hover > a, .apus-vertical-menu .dropdown-menu > li.active > a, .apus-vertical-menu .dropdown-menu > li:active > a { color: #d35050; } .apus-vertical-menu .dropdown-menu .wpb_button, .apus-vertical-menu .dropdown-menu .wpb_content_element, .apus-vertical-menu .dropdown-menu ul.wpb_thumbnails-fluid > li, .apus-vertical-menu .dropdown-menu .widget { margin: 0; } .apus-vertical-menu .dropdown-menu .widget .widget-title, .apus-vertical-menu .dropdown-menu .widget .widgettitle, .apus-vertical-menu .dropdown-menu .widget .widget-heading { margin: 0 0 0; border: none; font-size: 16px; } .apus-vertical-menu .dropdown-menu .widget .widget-title:before, .apus-vertical-menu .dropdown-menu .widget .widgettitle:before, .apus-vertical-menu .dropdown-menu .widget .widget-heading:before { display: none; } .apus-vertical-menu .aligned-left > a:hover .caret { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .apus-vertical-menu .aligned-left > .dropdown-menu { top: 0; left: 100%; } .apus-vertical-menu .aligned-right > a:hover .caret { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .apus-vertical-menu .aligned-right > .dropdown-menu { top: 0; right: 100%; left: inherit; } .apus_custom_menu.center { text-align: center; } .apus_custom_menu.center li { display: inline-block; margin: 0 15px; } .apus_custom_menu.left { text-align: left; } .apus_custom_menu.right { text-align: right; } .widget-contact { text-align: center; padding: 35px; } .widget-contact .widget-title { color: #fff; font-size: 30px; font-weight: 800; margin: 0 0 22px; } .widget-contact .social { margin: 0 0 25px; } .widget-contact .social a { color: #555; font-size: 18px; margin: 0 18px; } .widget-contact .social a:hover, .widget-contact .social a:active { color: #d35050; } .widget-contact .info > span { margin: 0 30px; color: #d35050; font-size: 16px; } .widget-contact .info > span i { margin-right: 8px; vertical-align: middle; color: #555; font-size: 24px; } .rtl .widget-contact .info > span i { margin-left: 8px; margin-right: inherit; } .tabs-v1 { margin-top: 30px; border-top: 1px solid #e5e5e5; } @media (min-width: 1200px) { .tabs-v1 { margin-top: 60px; } } .tabs-v1 .tab-content { padding: 0; max-width: 800px; margin: auto; font-size: 15px; } .tabs-v1 #commentform { margin: 0; } .tabs-v1 #commentform .form-control { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .tabs-v1 #tabs-list-seller .list-unstyled .seller-rating { display: inline-block; margin-right: 5px; vertical-align: middle; } .rtl .tabs-v1 #tabs-list-seller .list-unstyled .seller-rating { margin-left: 5px; margin-right: inherit; } .tabs-v1 .nav-tabs { width: 100%; text-align: center; border: 0; padding: 10px 0; } @media (min-width: 1200px) { .tabs-v1 .nav-tabs { padding: 30px 0; } } .tabs-v1 .nav-tabs li { float: none; margin: 0 15px; padding: 0; display: inline-block; border: none !important; } .tabs-v1 .nav-tabs li > a { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border: none !important; font-size: 17px; font-weight: 500; color: #252525 !important; margin: 0; padding: 10px 0; background: transparent !important; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: block; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; text-transform: capitalize; position: relative; } .tabs-v1 .nav-tabs li:focus, .tabs-v1 .nav-tabs li:hover, .tabs-v1 .nav-tabs li.active { border-bottom: none; } .tabs-v1 .nav-tabs li:focus > a:focus, .tabs-v1 .nav-tabs li:focus > a:hover, .tabs-v1 .nav-tabs li:focus > a, .tabs-v1 .nav-tabs li:hover > a:focus, .tabs-v1 .nav-tabs li:hover > a:hover, .tabs-v1 .nav-tabs li:hover > a, .tabs-v1 .nav-tabs li.active > a:focus, .tabs-v1 .nav-tabs li.active > a:hover, .tabs-v1 .nav-tabs li.active > a { color: #d35050 !important; } .tabs-v1 .title { font-size: 30px; margin: 0 0 10px; } .tab-product.nav-tabs { border: none; margin: 0 0 45px; text-align: center; } .tab-product.nav-tabs > li { margin: 0 25px; float: none; display: inline-block; } .tab-product.nav-tabs > li > a { margin: 0; padding: 0 0 6px; font-size: 14px; font-weight: 500; color: #858585; background: transparent !important; border: none !important; position: relative; text-transform: uppercase; } .tab-product.nav-tabs > li > a:before { content: ''; width: 0px; height: 2px; background: #d35050; position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .tab-product.nav-tabs > li:hover > a { color: #d35050; } .tab-product.nav-tabs > li.active > a { color: #d35050; } .tab-product.nav-tabs > li.active > a:before { width: 100%; } .nav-tabs.hierarchy { border: none; } .nav-tabs.hierarchy > li { margin-right: 25px; } .rtl .nav-tabs.hierarchy > li { margin-left: 25px; margin-right: inherit; } .nav-tabs.hierarchy > li:last-child { margin: 0; } .nav-tabs.hierarchy > li > a { margin: 0; padding: 10px 0; font-size: 16px; font-weight: 400; color: #858585; background: transparent !important; border: none !important; position: relative; } .nav-tabs.hierarchy > li:hover > a { color: #191919; } .nav-tabs.hierarchy > li.active > a { color: #191919; font-weight: 500; } .nav-tabs.style_center { border: none; text-align: center; margin-bottom: 35px; } .nav-tabs.style_center > li { display: inline-block; vertical-align: middle; float: none; margin: 0 26px; } .nav-tabs.style_center > li > a { margin: 0; padding: 10px 0; font-size: 14px; font-weight: 500; color: #858585; text-transform: uppercase; background: transparent !important; border: none !important; position: relative; } .nav-tabs.style_center > li:hover > a { color: #d35050; } .nav-tabs.style_center > li.active > a { color: #d35050; } .nav.tabs-product1 { text-align: center; padding: 20px 0; } .nav.tabs-product1 > li { display: inline-block; line-height: 1; float: none; border-right: 1px solid #858585; } .rtl .nav.tabs-product1 > li { border-left: 1px solid #858585; border-right: inherit; } .nav.tabs-product1 > li:last-child { border: none; } .nav.tabs-product1 > li > a { font-family: "Rubik", Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; color: #858585; padding: 0 10px; background: transparent; } .nav.tabs-product1 > li.active > a, .nav.tabs-product1 > li:hover > a { color: #d35050; background: transparent; } .nav.tabs-product-light > li { border-color: #fff; } .nav.tabs-product-light > li > a { color: #fff; } .nav.tabs-product-light > li.active > a, .nav.tabs-product-light > li:hover > a { color: #1b251f; background: transparent; } .slick-carousel { position: relative; margin-right: -15px; margin-left: -15px; } .slick-carousel .slick-arrow { padding: 0; background: transparent !important; display: inline-block; text-align: center; font-size: 40px; color: #252525; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; border: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0; filter: alpha(opacity=0); } .slick-carousel .slick-arrow .textnav { display: none; } .slick-carousel .slick-arrow:hover, .slick-carousel .slick-arrow:active, .slick-carousel .slick-arrow:focus { color: #d35050; } .slick-carousel:hover .slick-arrow { opacity: 1; filter: alpha(opacity=100); } .slick-carousel .slick-prev { left: 10px; } .rtl .slick-carousel .slick-prev { right: 10px; left: auto; } .slick-carousel .slick-next { right: 10px; } .rtl .slick-carousel .slick-next { left: 10px; right: auto; } @media (min-width: 1200px) { .slick-carousel .slick-arrow { opacity: 1; filter: alpha(opacity=100); } .slick-carousel .slick-prev { left: -30px; } .rtl .slick-carousel .slick-prev { right: -30px; left: auto; } .slick-carousel .slick-next { right: -30px; } .rtl .slick-carousel .slick-next { left: -30px; right: auto; } } .slick-carousel .slick-slide { outline: none !important; padding-left: 15px; padding-right: 15px; } .slick-carousel.show-text .textnav { display: inline-block; margin: 0 2px; } .slick-carousel.show-text .slick-arrow { width: auto; height: auto; background: transparent !important; font-weight: 500; font-size: 12px; color: #252525; } .slick-carousel.show-text .slick-arrow:hover, .slick-carousel.show-text .slick-arrow:active, .slick-carousel.show-text .slick-arrow:focus { color: #d35050; } .slick-carousel.show-text .slick-prev { left: 15px; right: inherit; } .slick-carousel.show-text .slick-next { right: 15px; left: inherit; } .slick-carousel.p-bottom .slick-list { padding-bottom: 5px; } .slick-carousel.p-bottom .slick-arrow { top: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .slick-carousel .slick-track { margin: inherit; } .slick-carousel .slick-dots { margin: 0 !important; padding: 15px 0; text-align: center; list-style: none; } .slick-carousel .slick-dots li { display: inline-block; margin: 0 5px; } .slick-carousel .slick-dots li button { border: none; display: block; text-indent: -9999em; width: 8px; height: 8px; padding: 0; background: #e1e1e1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .slick-carousel .slick-dots li.slick-active button { background: #d35050; width: 30px; height: 8px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .slick-carousel-top .slick-arrow { top: -62px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .slick-carousel-top .slick-next { right: 15px; } .slick-carousel-top .slick-prev { left: inherit; right: 43px; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-prev { opacity: 1; filter: alpha(opacity=100); background: #aaaaaa; border: none; color: #fff; } .owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-next:hover, .owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-next:active, .owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-prev:active, .owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-next:hover, .owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-next:active, .owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-prev:active { background: #222222; color: #fff; } .owl-carousel-top .owl-carousel .owl-controls, .owl-carousel-top.owl-carousel .owl-controls { top: -70px; width: 108px; right: 0; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .rtl .owl-carousel-top .owl-carousel .owl-controls, .rtl .owl-carousel-top.owl-carousel .owl-controls { left: 0; right: auto; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; margin-right: -15px; margin-left: -15px; cursor: pointer; } .owl-carousel:hover .owl-controls .owl-nav .owl-prev, .owl-carousel:hover .owl-controls .owl-nav .owl-next { opacity: 1; filter: alpha(opacity=100); } .owl-controls .owl-dots { text-align: center; } .owl-controls .owl-dots .owl-dot { cursor: pointer; margin: 0 5px; width: 11px; height: 11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; border: 2px solid #646a7c; background: #646a7c; } .owl-controls .owl-dots .owl-dot.active { border-color: #d35050; background: #d35050; } .nav-bottom.owl-carousel { padding-bottom: 55px; } .nav-bottom.owl-carousel .owl-controls { top: 100%; } .nav-white .owl-controls .owl-dots .owl-dot { border-color: #d35050; background: transparent; } .nav-white .owl-controls .owl-dots .owl-dot:hover, .nav-white .owl-controls .owl-dots .owl-dot.active { background: #fff; border-color: #d35050; } .nav-small .owl-controls .owl-nav .owl-prev, .nav-small .owl-controls .owl-nav .owl-next { width: 30px; height: 30px; line-height: 28px; border-width: 1px; font-size: 18px; } .nav-white .owl-controls .owl-nav .owl-prev, .nav-white .owl-controls .owl-nav .owl-next { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .nav-white .owl-controls .owl-nav .owl-prev:hover, .nav-white .owl-controls .owl-nav .owl-prev:active, .nav-white .owl-controls .owl-nav .owl-next:hover, .nav-white .owl-controls .owl-nav .owl-next:active { border-color: #d35050; background-color: #d35050; color: #fff; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next { cursor: pointer; display: inline-block; opacity: 0; filter: alpha(opacity=0); text-align: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #d35050; top: 50%; left: 15px; z-index: 99; color: #d35050; font-size: 30px; width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 42px; background: transparent; } .owl-controls .owl-nav .owl-prev:active, .owl-controls .owl-nav .owl-prev:hover, .owl-controls .owl-nav .owl-next:active, .owl-controls .owl-nav .owl-next:hover { background: #d35050; color: #fff; border-color: #d35050; } .owl-carousel .owl-controls .owl-nav .owl-next { left: inherit; right: 15px; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 15px; padding-left: 15px; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .wpb_gmaps_widget.wpb_content_element { margin: 0; } .widget-googlemap { position: relative; } .widget-googlemap .widget-title { font-family: "Rubik"; color: #fff; font-size: 40px; margin: 0 0 25px; position: relative; padding: 0 0 20px; } .widget-googlemap .widget-title:before { content: ''; width: 60px; height: 4px; background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); position: absolute; bottom: 0; left: 0; } .rtl .widget-googlemap .widget-title:before { right: 0; left: auto; } .widget-googlemap .apus-google-map { z-index: 1; } .widget-googlemap .map-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-googlemap .content-info { position: relative; z-index: 9; background: rgba(17, 17, 17, 0.8); padding: 30px; } @media (min-width: 1024px) { .widget-googlemap .content-info { padding: 65px 65px 40px; } } .widget-googlemap .description { margin: 0 0 35px; } .widget-googlemap .info-wrapper { margin: 0 0 40px; } .widget-googlemap .info-wrapper:nth-child(2n) { font-weight: 700; } .widget-googlemap .info-wrapper .icon { width: 70px; height: 70px; line-height: 76px; text-align: center; border: 2px dashed #3f4143; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left; margin-right: 20px; } .rtl .widget-googlemap .info-wrapper .icon { float: right; } .rtl .widget-googlemap .info-wrapper .icon { margin-left: 20px; margin-right: inherit; } .widget-googlemap .info-wrapper .icon i { font-size: 28px; } .widget-googlemap .info-wrapper .des { color: #fff; overflow: hidden; margin: 6px 0 0; } .widget-googlemap .info-top { border-bottom: 2px dashed #414445; overflow: hidden; } .widget-googlemap .info-bottom { margin: 40px 0; } .widget-googlemap .info-bottom a { display: inline-block; text-align: center; line-height: 42px; width: 42px; height: 42px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #101416; background: #3f4143; } .widget-googlemap .info-bottom a:hover, .widget-googlemap .info-bottom a:active { background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); color: #0e1113; } .widget-googlemap .info-bottom a + a { margin-left: 12px; } .rtl .widget-googlemap .info-bottom a + a { margin-right: 12px; margin-left: inherit; } .widget-address .item { margin-bottom: 5px; } .widget-address .more { margin-top: 30px; } .widget-copyright strong { font-weight: 500; } .widget-service { border: 1px solid #e5e5e5; } .widget-service .loop-item:last-child .service-item { border: none; } .widget-service.horizontal { border: 0; margin: 0; } .widget-service.horizontal .service-item { border: none; } .widget-service.horizontal.st-white .service-item { color: #999591; } .widget-service.horizontal.st-white .service-item .title { color: #eeeae2; } .wpb_image_grid li { display: inline-block; margin-right: 12px !important; } .rtl .wpb_image_grid li { margin-left: 12px !important; margin-right: inherit; } .wpb_image_grid li:last-child { margin: 0 !important; } .wpb_image_grid a { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .wpb_image_grid a:hover, .wpb_image_grid a:active { -webkit-box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.5); } .form-contact1 .wrapper-submit { margin-bottom: 20px; } .form-contact1 .form-control { margin-bottom: 30px; color: #2b2e2f; border-width: 0 0 1px; border-color: #000000; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 0 0 15px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .form-contact1 .form-control ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #2b2e2f; } .form-contact1 .form-control ::-moz-placeholder { /* Firefox 19+ */ color: #2b2e2f; } .form-contact1 .form-control :-ms-input-placeholder { /* IE 10+ */ color: #2b2e2f; } .form-contact1 .form-control :-moz-placeholder { /* Firefox 18- */ color: #2b2e2f; } .form-contact1 .form-control:focus { border-color: #d35050; color: #d35050; } .form-contact1 .form-control:focus ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #d35050; } .form-contact1 .form-control:focus ::-moz-placeholder { /* Firefox 19+ */ color: #d35050; } .form-contact1 .form-control:focus :-ms-input-placeholder { /* IE 10+ */ color: #d35050; } .form-contact1 .form-control:focus :-moz-placeholder { /* Firefox 18- */ color: #d35050; } .form-contact1 textarea.form-control { height: 80px; resize: none; } .form-contact2 .wrapper-submit { margin-bottom: 20px; } .form-contact2 .form-control { border-width: 1px; margin-bottom: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .form-contact2 textarea.form-control { height: 200px; resize: none; } .widget-social .title { font-size: 16px; margin: 0 0 15px; } .widget-social .social { padding: 0; list-style: none; margin: 0; } .widget-social .social > li { display: inline-block; margin-right: 30px; } .rtl .widget-social .social > li { margin-left: 30px; margin-right: inherit; } .widget-social .social > li:last-child { margin: 0; } .widget-social .social a { text-align: center; display: inline-block; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; font-size: 16px; color: #858585; } .widget-social .social a:hover, .widget-social .social a:active { color: #252525; } .widget-social.left { text-align: left; } .rtl .widget-social.left { text-align: right; } .widget-social.right { text-align: right; } .rtl .widget-social.right { text-align: left; } .widget-social.center { text-align: center; } .address-contact { color: #252525; font-size: 18px; } .address-contact div { margin-bottom: 20px; } .address-contact .title { display: block; color: #858585; font-size: 16px; } .social-top { list-style: none; margin: 0; padding: 0; } .social-top li { display: inline-block; margin-right: 22px; } .rtl .social-top li { margin-left: 22px; margin-right: inherit; } .social-top li:last-child { margin: 0; } .contact-top .item { display: inline-block; min-width: 230px; } .contact-top .item + .item { margin-left: 35px; } .rtl .contact-top .item + .item { margin-right: 35px; margin-left: inherit; } .contact-top .item-icon { width: 50px; height: 50px; border: 2px solid #e5e5e5; line-height: 54px; display: inline-block; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 12px; float: left; } .rtl .contact-top .item-icon { margin-left: 12px; margin-right: inherit; } .rtl .contact-top .item-icon { float: right; } .contact-top .item-icon i { font-size: 24px; } .contact-top .item-body { overflow: hidden; font-size: 14px; } .contact-top .item-body span { display: block; font-size: 18px; font-family: "Rubik"; font-style: italic; } .time-top .item { display: inline-block; min-width: 230px; padding-top: 15px; padding-bottom: 15px; } .time-top .item + .item { margin-left: 30px; padding-left: 30px; border-left: 1px solid #252525; } .rtl .time-top .item + .item { margin-right: 30px; margin-left: inherit; } .rtl .time-top .item + .item { padding-right: 30px; padding-left: inherit; } .rtl .time-top .item + .item { border-right: 1px solid #252525; border-left: inherit; } .time-top .item-icon { display: inline-block; margin-right: 8px; float: left; color: #d35050; margin-top: 5px; } .rtl .time-top .item-icon { margin-left: 8px; margin-right: inherit; } .rtl .time-top .item-icon { float: right; } .time-top .item-icon i { font-size: 24px; } .time-top .item-body { color: #555555; overflow: hidden; font-size: 13px; } .time-top .item-body span { display: block; font-weight: 700; color: #858585; } .top-info > span { margin-right: 30px; } .rtl .top-info > span { margin-left: 30px; margin-right: inherit; } .top-info > span i { opacity: 0.5; filter: alpha(opacity=50); vertical-align: text-top; display: inline-block; margin-right: 8px; } .rtl .top-info > span i { margin-left: 8px; margin-right: inherit; } .social-link { display: inline-block; margin: 0 5px; padding: 0; } .social-link li { display: inline-block; margin: 0 5px; } .social-link li a { background: #f4f4f4 none repeat scroll 0 0; border-radius: 100%; color: #858585; display: inline-block; height: 40px; line-height: 38px; text-align: center; width: 40px; border: 1px solid #e5e5e5; } .social-link.lighten li a { background: transparent none repeat scroll 0 0; border: 1px solid #ffffff; color: #ffffff; } .widget-ourteam .widget-title { font-size: 30px; font-weight: 500; margin: 0 0 20px; text-align: center; } @media (min-width: 1200px) { .widget-ourteam .widget-title { margin-bottom: 30px; } } .item-team { margin-bottom: 30px; text-align: center; } .item-team .avarta { margin-bottom: 25px; position: relative; overflow: hidden; } .item-team .avarta:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d35050; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); } .item-team:hover .avarta:before { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 0.7; filter: alpha(opacity=70); } .item-team .name-team { font-size: 16px; font-weight: 400; margin: 0 0 7px; } .item-team .job-team { font-size: 14px; } .item-team .social-team { -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; position: absolute; left: 0; width: 100%; z-index: 8; opacity: 0; filter: alpha(opacity=0); bottom: 0; } .item-team .social-team a { color: #fff; font-size: 16px; width: 46px; height: 46px; line-height: 46px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display: inline-block; vertical-align: middle; margin: 0 6px; } .item-team .social-team a:hover, .item-team .social-team a:active { color: #d35050; background: #fff; } .item-team:hover .social-team { bottom: 30px; opacity: 1; filter: alpha(opacity=100); } .ourteam-inner .name-team { margin: 0 0 12px; font-size: 24px; font-weight: 500; } .ourteam-inner .des { font-size: 15px; } .ourteam-inner .info { overflow: hidden; } .ourteam-inner .avarta { float: left; padding-right: 10px; } .rtl .ourteam-inner .avarta { float: right; } .rtl .ourteam-inner .avarta { padding-left: 10px; padding-right: inherit; } @media (min-width: 768px) { .ourteam-inner .avarta { padding-right: 40px; } .rtl .ourteam-inner .avarta { padding-left: 40px; padding-right: inherit; } } .ourteam-inner .avarta img { width: 170px; } .ourteam-inner .social-team { list-style: none; margin: 0; padding: 0; font-size: 24px; } .ourteam-inner .social-team a { color: #b2b2b2; } .ourteam-inner .social-team a:hover, .ourteam-inner .social-team a:active { color: #000; } .ourteam-inner .social-team li { display: inline-block; } .ourteam-inner .social-team li + li { margin-left: 20px; } .rtl .ourteam-inner .social-team li + li { margin-right: 20px; margin-left: inherit; } .wpcf7-form .btn, .wpcf7-form .viewmore-products-btn, .wpcf7-form .form-control { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .wpcf7-form textarea { height: 240px; resize: none; } .widget-gallery .image { position: relative; } .widget-gallery .image:before { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #d35050; opacity: 0; filter: alpha(opacity=0); z-index: 2; } .widget-gallery .image .content-cover { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0; filter: alpha(opacity=0); position: absolute; text-align: center; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; } .widget-gallery .image:hover:before { opacity: 0.9; filter: alpha(opacity=90); } .widget-gallery .image:hover .content-cover { opacity: 1; filter: alpha(opacity=100); } .widget-gallery .popup-image-gallery { width: 60px; height: 60px; line-height: 60px; display: inline-block; text-align: center; background: #fff; font-size: 24px; color: #d35050; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget-gallery .popup-image-gallery:hover, .widget-gallery .popup-image-gallery:active { color: #d35050; background: #e6e6e6; } .widget-gallery .title { font-size: 24px; font-size: "Rubik"; margin: 0; color: #fff; } .widget-gallery .description { color: #e0dede; font-size: 12px; margin-bottom: 20px; } .widget-gallery .gutter-default { margin-left: 0; margin-right: 0; } .widget-gallery .gutter-default > div { padding-right: 0; padding-left: 0; } .widget-gallery.gutter30 .title { font-size: 18px; font-family: "Rubik"; } .widget-gallery.gutter30 .image { margin-bottom: 30px; } .widget-gallery.gutter30 .description { margin-bottom: 10px; } .widget-gallery.gutter30 .gutter-default { margin-left: -15px; margin-right: -15px; } .widget-gallery.gutter30 .gutter-default > div { padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px) { .testimonial-body .info { padding-left: 70px; } .rtl .testimonial-body .info { padding-right: 70px; padding-left: inherit; } } .testimonial-body .name-client { font-size: 18px; margin: 0 0 2px; font-weight: 400; } .testimonial-body .job { font-size: 14px; } .testimonial-body .description { margin: 0 0 12px; font-size: 18px; font-style: italic; } .testimonial-body .image img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .testimonial-body .icon-test { font-size: 48px; margin: 0 0 18px; line-height: 1; } .widget-testimonials .widget-title { font-size: 30px; font-weight: 400; margin: 0 0 15px; } @media (min-width: 1200px) { .widget-testimonials .widget-title { margin-bottom: 30px; } } .widget-testimonials .slick-list { padding: 10px 0; } .wrapper-testimonial .nav-bottom.owl-carousel { padding-bottom: 25px; } .wrapper-testimonial .nav-bottom.owl-carousel .owl-controls { top: 17px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; } .wrapper-testimonial .nav-bottom.owl-carousel .owl-controls .owl-nav .owl-prev, .wrapper-testimonial .nav-bottom.owl-carousel .owl-controls .owl-nav .owl-next { opacity: 1; filter: alpha(opacity=100); width: 85px; height: 85px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: transparent !important; overflow: hidden; border-color: transparent !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .wrapper-testimonial .nav-bottom.owl-carousel .owl-controls .owl-nav .owl-prev > span, .wrapper-testimonial .nav-bottom.owl-carousel .owl-controls .owl-nav .owl-next > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; } .wrapper-testimonial .nav-bottom.owl-carousel .owl-controls .owl-nav .owl-prev { left: -122px !important; } .wrapper-testimonial .nav-bottom.owl-carousel .owl-controls .owl-nav .owl-next { right: -122px !important; } .wrapper-testimonial .owl-carousel-wrapper { max-width: 450px; margin: auto; overflow: hidden; position: relative; } .wrapper-testimonial .owl-carousel { margin: auto; width: 160px; } .wrapper-testimonial .owl-carousel .owl-item { padding-left: 0; padding-right: 0; } .wrapper-testimonial .owl-carousel .owl-stage-outer { overflow: visible; } .wrapper-testimonial .testimonial-content { font-size: 24px; font-family: "Rubik"; max-width: 760px; margin: auto; color: #fff; text-align: center; } .section-contact textarea, .section-contact input:not(.btn):not(.viewmore-products-btn) { color: #3a3d3e; width: 100%; max-width: 100%; border: none; background: transparent none repeat scroll 0 0; border-bottom: 2px solid #cccccc; margin: 0 0 25px; padding: 6px 0; } .section-contact label { font-size: 12px; font-style: italic; margin: 0 0 10px; } .section-contact textarea { max-height: 170px; } .section-contact .title { font-size: 35px; margin: 0 0 40px; font-weight: 300; text-align: center; } .section-contact .title strong { font-weight: 400; } @media (min-width: 1200px) { .widget-stage { padding-left: 50px; } .rtl .widget-stage { padding-right: 50px; padding-left: inherit; } } .item-stage { margin-bottom: 20px; } .item-stage .info-left { font-size: 48px; color: #efefef; line-height: 1; font-weight: 500; } .item-stage .right-stage { overflow: hidden; } .item-stage .stage-title { font-size: 20px; font-weight: 400; margin: 0 0 7px; } .item-stage .des { font-size: 14px; } .widget-video .widget-title { font-weight: 700; font-family: "Rubik"; margin: 0 0 20px; line-height: 1.3; font-size: 30px; } .widget-video .icon { width: 60px; height: 60px; display: inline-block; line-height: 58px; border: 1px solid #d35050; color: #d35050; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 98; text-align: center; } .widget-video .popup-video { display: block; position: relative; } .widget-video .popup-video:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget-video .popup-video:active:before, .widget-video .popup-video:hover:before { opacity: 1; filter: alpha(opacity=100); } .element-address { text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0.7; filter: alpha(opacity=70); } .element-address .title { font-weight: 500; font-size: 24px; margin: 0 0 5px; } .element-address:hover { opacity: 1; filter: alpha(opacity=100); } .feature-box-inner { margin-bottom: 20px; } .feature-box-inner .ourservice-heading { font-weight: 500; font-size: 18px; margin: 0; text-transform: uppercase; } .feature-box-inner .fbox-content { overflow: hidden; } .feature-box-inner .fbox-icon { margin-top: 5px; min-width: 60px; font-size: 25px; color: #d35050; float: left; padding-right: 30px; } .rtl .feature-box-inner .fbox-icon { float: right; } .rtl .feature-box-inner .fbox-icon { padding-left: 30px; padding-right: inherit; } .feature-box-inner .description { font-size: 14px; } .widget-features-box.st_center { text-align: center; } .widget-features-box.st_center .feature-box-inner { padding: 30px; background: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } @media (min-width: 992px) { .widget-features-box.st_center .feature-box-inner { padding: 50px 30px; } } .widget-features-box.st_center .feature-box-inner .fbox-icon { float: none; padding: 0 0 15px; } .widget-features-box.st_center .feature-box-inner:hover { -webkit-box-shadow: 0 0 110px 15px rgba(218, 218, 218, 0.6); box-shadow: 0 0 110px 15px rgba(218, 218, 218, 0.6); } .address { font-size: 15px; } .address .phone { font-size: 20px; } .widget-action-box { padding: 20px 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } @media (min-width: 1870px) { .widget-action-box { padding: 64px 0; } .widget-action-box .action-inner { padding: 25px; } } .widget-action-box .action-inner { width: 50%; float: right; } .rtl .widget-action-box .action-inner { float: left; } .widget-action-box .title { margin: 0 0 8px; font-size: 24px; font-family: "Rubik"; } .widget-action-box .description { margin: 0 0 30px; } .widget-action-box:hover { -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15); box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15); } .widget-action-box.style2 { padding: 0; } .widget-action-box.style2:hover { -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); } .widget-action-box.style2 .box-img { text-align: center; } .widget-action-box.style2 .action-v2 { padding: 15px 0 40px; display: table; width: 100%; } .widget-action-box.style2 .action-v2 > div { display: table-cell; vertical-align: middle; float: none; } .item-instagram, .instagram-pics { margin-left: 0; margin-right: 0; } .item-instagram > div, .instagram-pics > div { padding-left: 0; padding-right: 0; float: left; } .rtl .item-instagram > div, .rtl .instagram-pics > div { float: right; } .item-instagram a, .instagram-pics a { display: block; position: relative; margin-bottom: 10px; } .item-instagram a:before, .instagram-pics a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 9; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .item-instagram a:active:before, .item-instagram a:hover:before, .instagram-pics a:active:before, .instagram-pics a:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .item-instagram .col-xs-cus-5, .instagram-pics .col-xs-cus-5 { width: 20%; } .widget-instagram .slick-carousel { margin-left: 0; margin-right: 0; } .widget-instagram .slick-carousel .slick-slide { padding-left: 0; padding-right: 0; } .widget-instagram .title { font-size: 24px; font-weight: 500; margin: 0 0 5px; text-align: center; } .widget-instagram .description { text-align: center; font-size: 14px; margin: 0 0 20px; } @media (min-width: 992px) { .widget-instagram .description { margin: 0 0 40px; } } .widget-instagram.style_center { position: relative; } .widget-instagram.style_center .widget-title { display: inline-block; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; padding: 5px 15px; background: #f43434; position: absolute; top: 50%; left: 50%; z-index: 99; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-instagram.style_center a { display: block; position: relative; margin: 0; } .widget-instagram.style_center a:before { content: ''; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 1; filter: alpha(opacity=100); width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget-instagram.style_center a:hover:before, .widget-instagram.style_center a:active:before, .widget-instagram.style_center a:focus:before { opacity: 0; filter: alpha(opacity=0); } .widget-instagram.style_center .instagram-pics { margin-left: 0; margin-right: 0; } .widget-instagram.style_center .instagram-pics > div { padding-left: 0; padding-right: 0; } .widget-instagram.style_large .widget-title { text-align: center; font-size: 32px; } @media (min-width: 1200px) { .widget-instagram.style_large .instagram-pics { margin-left: -15px; margin-right: -15px; } .widget-instagram.style_large .instagram-pics > div { padding-left: 15px; padding-right: 15px; } } .widget-instagram.style_small .instagram-pics { margin-left: -4px; margin-right: -4px; } .widget-instagram.style_small .instagram-pics > div { padding-left: 4px; padding-right: 4px; } .widget-instagram.style_small .instagram-pics a { margin-bottom: 8px; } .contact-us .form-control { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin: 0 0 20px; height: 45px; background: #f7f7f7; } .contact-us .form-control:focus { border-color: #cccccc; } .contact-us br { display: none; } .contact-us label { font-weight: 400; font-size: 14px; color: #666666; margin: 0 0 10px; } .contact-us textarea.form-control { resize: none; height: 120px; } .location-map { padding: 30px; background: #f4f4f4; } @media (min-width: 1024px) { .location-map { padding: 35px 100px; } } .location-map .item { overflow: hidden; margin-bottom: 25px; } .location-map .item:last-child { margin: 0; } .location-map .icon { float: left; min-width: 40px; font-size: 18px; } .rtl .location-map .icon { float: right; } .location-map .item-content { overflow: hidden; } .widget-brands .widget-title { font-size: 35px; font-weight: 300; color: #252525; margin: 0 0 60px; padding: 0; } .widget-brands .widget-title .subtitle { font-weight: 400; } .widget-brands .item { text-align: center; } .widget-brands .item a { display: inline-block; vertical-align: middle; } .widget-brands .item img { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget-brands .item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .widget-brands .list-row { border-bottom: 1px solid #e5e5e5; } .widget-brands .list-row .item { border-right: 1px solid #e5e5e5; padding-bottom: 15px; padding-top: 15px; } .rtl .widget-brands .list-row .item { border-left: 1px solid #e5e5e5; border-right: inherit; } .widget-brands .list-row .item:last-child { border: none; } .widget-brands .list-row:last-child { border: none; } .service-white, .service-blue, .service-red { text-align: center; padding: 40px; border: 1px solid #e5e5e5; font-size: 22px; color: #000000; background: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .service-white:hover, .service-blue:hover, .service-red:hover { background: #e6e6e6; } .service-blue { border-color: #5ec5e1; background: #5ec5e1; color: #fff; } .service-blue:hover { background: #33b6d9; } .service-red { border-color: #fd4545; background: #fd4545; color: #fff; } .service-red:hover { background: #fc1313; } .widget-location .media-heading { font-size: 17px; font-weight: 500; margin: 0 0 5px; } .widget-location .media-left { font-size: 22px; min-width: 45px; } .widget-location .media { font-size: 15px; margin: 0 0 25px; } .feature-banner-inner { text-align: center; overflow: hidden; color: #fff; } .feature-banner-inner .widget-title { color: #fff; font-size: 25px; } @media (min-width: 480px) { .feature-banner-inner.col-lg-cus-5 { width: 20%; float: left; } .rtl .feature-banner-inner.col-lg-cus-5 { float: right; } } .feature-banner-inner .banner-static { position: relative; } .feature-banner-inner .banner-static .widget-title { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .feature-banner-inner .banner-body { background: #00a1f1 none repeat scroll 0 0; color: #ffffff; font-size: 15px; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; text-align: center; top: 100%; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 1; } .feature-banner-inner .banner-body .widget-title { margin: 0 0 45px; position: relative; } .feature-banner-inner .banner-body .widget-title:before { background: #ffffff none repeat scroll 0 0; bottom: -22px; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 52px; } .feature-banner-inner .banner-body .description { margin: 0 0 35px; } .feature-banner-inner .banner-body a { color: #ffffff; font-size: 12px; font-weight: 500; text-transform: uppercase; } .feature-banner-inner .banner-body a .fa { margin-left: 8px; } .rtl .feature-banner-inner .banner-body a .fa { margin-right: 8px; margin-left: inherit; } .feature-banner-inner .content { left: 0; padding: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .feature-banner-inner:hover .banner-body { opacity: 1; filter: alpha(opacity=100); top: 0; } .widget-contactform .control { font-size: 13px; padding: 10px 30px; max-width: 100%; width: 100%; margin: 0 0 30px; border: 1px solid #e5e5e5; } .widget-contactform textarea.control { margin: 0 0 30px; } .widget-contactform .des { max-width: 760px; margin: 0 auto; } @media (min-width: 768px) { .widget-faq-box .content { float: left; width: 70%; } .rtl .widget-faq-box .content { float: right; } } @media (min-width: 768px) { .widget-faq-box .heading { float: left; width: 30%; } .rtl .widget-faq-box .heading { float: right; } } .widget-faq-box .heading .widget-title { font-size: 32px; font-weight: 600; font-style: italic; font-family: "Mr Dafoe"; } .widget-faq-box .ourservice-heading { font-size: 24px; margin: 0; font-weight: 400; } @media (min-width: 768px) { .widget-faq-box .ourservice-heading { float: left; width: 45%; padding-right: 30px; } .rtl .widget-faq-box .ourservice-heading { float: right; } .rtl .widget-faq-box .ourservice-heading { padding-left: 30px; padding-right: inherit; } } .widget-faq-box .description { font-size: 24px; color: #7f7f7f; } @media (min-width: 768px) { .widget-faq-box .description { float: left; width: 55%; } .rtl .widget-faq-box .description { float: right; } } .widget-faq-box .fbox-content { margin: 0 0 60px; } .slogan-contact { font-size: 32px; font-style: italic; font-family: "Mr Dafoe"; font-weight: 600; color: #000; } .nav.tabs-big { text-align: center; margin-bottom: 30px; border: none; } .nav.tabs-big > li { float: none; display: inline-block; margin: 0 15px; } .nav.tabs-big > li > a { background: #fff; min-width: 170px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; line-height: 1.4; padding: 18px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; border: 2px dashed #e5e5e5; } .nav.tabs-big > li > a:before { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: ''; width: 20px; height: 20px; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-width: 10px; border-style: solid; border-color: transparent; } .nav.tabs-big > li > a .date { font-weight: 700; display: block; } .nav.tabs-big > li > a .day-week { color: #858585; } .nav.tabs-big > li > a:focus, .nav.tabs-big > li > a:active, .nav.tabs-big > li > a:hover { border: 2px dashed transparent; background: #d35050; } .nav.tabs-big > li > a:focus:before, .nav.tabs-big > li > a:active:before, .nav.tabs-big > li > a:hover:before { border-top-color: #d35050; } .nav.tabs-big > li > a:focus > *, .nav.tabs-big > li > a:active > *, .nav.tabs-big > li > a:hover > * { color: #fff !important; } .nav.tabs-big > li:active > a, .nav.tabs-big > li.active > a, .nav.tabs-big > li:hover > a { border: 2px dashed transparent; background: #d35050; } .nav.tabs-big > li:active > a:before, .nav.tabs-big > li.active > a:before, .nav.tabs-big > li:hover > a:before { border-top-color: #d35050; } .nav.tabs-big > li:active > a > *, .nav.tabs-big > li.active > a > *, .nav.tabs-big > li:hover > a > * { color: #fff !important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title { position: relative; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title > a { background: #fff; font-size: 16px; font-weight: 400; color: #111111 !important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title > a .vc_tta-title-text { margin-left: 20px; } .rtl .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title > a .vc_tta-title-text { margin-right: 20px; margin-left: inherit; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-heading { border: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel { margin-bottom: 20px !important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body { background: #fff !important; border: 0 !important; color: #858585; font-size: 14px; padding: 15px 0 0 !important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #d35050; color: #fff; vertical-align: middle; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon:after, .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon:before { border-color: #fff !important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon:after { top: 10px; bottom: 10px; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon:before { left: 10px; right: 10px; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 32px; } .wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title .vc_tta-controls-icon { left: 0; } .vc_progress_bar.wpb_content_element .vc_single_bar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 25px; background: transparent; } .vc_progress_bar.wpb_content_element .vc_single_bar .vc_bar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .vc_progress_bar.wpb_content_element .vc_single_bar .vc_label { overflow: hidden; font-size: 18px; color: #000; padding: 0 0 10px 0; } .vc_progress_bar.wpb_content_element .vc_single_bar .vc_label .vc_label_units { float: right; } .rtl .vc_progress_bar.wpb_content_element .vc_single_bar .vc_label .vc_label_units { float: left; } .vc_progress_bar.wpb_content_element.vc_progress-bar-color-black .vc_bar { background: #000; } .vc_progress_bar.wpb_content_element.vc_progress-bar-color-black .vc_label { color: #000 !important; text-shadow: none !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; -ms-text-shadow: none !important; -o-text-shadow: none !important; } .vc_progress_bar.wpb_content_element .inner-bar { position: relative; width: 100%; height: 12px; background: #eeeeee; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list { margin: 0; display: inline-block; border-bottom: 1px solid #b2b2b2; padding: 0 30px 20px; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels { background: transparent !important; border: none !important; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { margin: 0 !important; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panel-body { padding: 30px 0; font-size: 24px; color: #000; font-family: "Mr Dafoe"; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tab { margin: 0; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tab + .vc_tta-tab:before { content: "/"; display: inline-block; font-size: 20px; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tab > a { display: inline-block; font-size: 20px; color: #999999; padding: 10px; background: transparent !important; border: none; } .wpb-js-composer .vc_tta-tabs.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tab.vc_active > a { color: #000; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-list, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list { padding: 0 50px 0 0 !important; border: none !important; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-list > li > a, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list > li > a { padding: 0 0 15px !important; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-list > li:before, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list > li:before { display: none !important; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-list { padding: 0 0 0 50px !important; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body { padding: 0 !important; } .no-space { margin: 0 !important; } .no-space > .apus-container > .vc_fluid { padding: 0; } .no-space .row { margin: 0; } .no-space .row > [class*="col"] { padding: 0; } @media (min-width: 992px) { .space-padding-lr-100 { padding-left: 100px; padding-right: 100px; } .space-padding-lr-80 { padding-left: 80px; padding-right: 80px; } .space-rl-50 { padding-left: 50px; padding-right: 50px; } .space-l-65 { padding-left: 65px; } .top-170 { margin-top: -170px; } .left-100 { margin-left: -100px; } .space-left-45 { padding-left: 45px; } .right-30 { padding-right: 30px; } .rtl .right-30 { padding-left: 30px; padding-right: inherit; } .mansory-v3 { margin-left: -5px; margin-right: -5px; } } .gutter-10 { margin-left: -5px; margin-right: -5px; } .gutter-10 > div { padding-left: 5px; padding-right: 5px; } .gutter-20 { margin-left: -10px; margin-right: -10px; } .gutter-20 .vc_column_container > .vc_column-inner { padding-left: 10px; padding-right: 10px; } .flow-hidden { overflow: hidden; } .skew-light { position: relative; } .skew-light:before { content: ''; background: rgba(255, 255, 255, 0.2); width: 100%; height: 100%; position: absolute; top: 0; left: 0; -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); /* Standard syntax */ } .skew-theme-right { position: relative; background: #d35050; } .skew-theme-right > * { position: relative; z-index: 2; } .skew-theme-right:before { content: ''; background: #d35050; width: 100%; height: 100%; position: absolute; top: 0; left: 60px; z-index: 1; -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); /* Standard syntax */ } .skew-theme-left { position: relative; background: #d35050; } .skew-theme-left > * { position: relative; z-index: 2; } .skew-theme-left:before { content: ''; background: #d35050; width: 100%; height: 100%; position: absolute; top: 0; right: 60px; z-index: 1; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); /* Standard syntax */ } .flow-theme-top-bottom-right:before { height: calc(100% + 172px); top: -110px; } .flow-theme-top-bottom-right:after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background: #d35050; right: 10%; top: -110px; height: calc(100% + 172px); width: 500%; } .style-white { color: #fff !important; } .style-white .widget-title { color: #fff !important; } .border-top-theme { border-top: 3px solid #d35050; } .font-size-36 { font-size: 36px !important; } .font-size-30 { font-size: 30px !important; } .space-left-8 { margin-left: 8px; } .rtl .space-left-8 { margin-right: 8px; margin-left: inherit; } .text-upper { text-transform: uppercase !important; } .space-10 { margin-bottom: 10px !important; } .space-15 { margin-bottom: 15px !important; } .space-20 { margin-bottom: 20px !important; } .space-25 { margin-bottom: 25px !important; } .space-30 { margin-bottom: 30px !important; } .space-50 { margin-bottom: 50px !important; } .space-padding-35 { padding: 35px 0 !important; } .space-padding-tb-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .space-padding-tb-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .space-top-0 { margin-top: 0; } .p-relative { position: relative !important; } .p-absolute { position: absolute !important; } .p-static { position: static !important; } .hr { border-top: 1px solid #e5e5e5; min-height: 1px; width: 100%; } .no-float { float: none !important; } .no-padding-left { padding-left: 0; } .rtl .no-padding-left { padding-right: 0; padding-left: inherit; } .no-padding-right { padding-right: 0; } .rtl .no-padding-right { padding-left: 0; padding-right: inherit; } @media (min-width: 1024px) { .padding-lr-35 { padding-left: 35px; padding-right: 35px; } } .gutter-16 { margin-left: -8px; margin-right: -8px; } .gutter-16 .vc_column_container > .vc_column-inner { padding-left: 8px; padding-right: 8px; } .gutter-16 .vc_row, .gutter-16 .row { margin-left: -8px; margin-right: -8px; } .gutter-16 .grid-banner-category [class*="col-"] { padding-left: 8px; padding-right: 8px; } .text-theme { color: #d35050 !important; } .bg-theme { background: #d35050; } .border-theme { border-color: #d35050; } .radius-3x { border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; } .vc_row.background-center { background-position: top center !important; } @media (max-width: 1024px) { .vc_row.background-center { background-image: none !important; } } .deleted_wpb_single_image { position: relative; overflow: hidden; } .deleted_wpb_single_image:before { position: absolute; z-index: 2; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: ''; width: 100%; height: 100%; background: #d35050; opacity: 0; filter: alpha(opacity=0); top: 0; left: 0; } .deleted_wpb_single_image:after { position: absolute; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; content: ''; top: 30px; left: 30px; right: 30px; bottom: 30px; border: 1px solid #fff; z-index: 3; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .deleted_wpb_single_image:hover:before { opacity: 0.5; filter: alpha(opacity=50); } .deleted_wpb_single_image:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .list-contact { list-style: none; padding: 0; margin: 17px 0 0 !important; } .list-contact li { margin: 0 0 3px; } .list-contact li i { margin-right: 5px; } .rtl .list-contact li i { margin-left: 5px; margin-right: inherit; } @media (min-width: 1200px) { .gutter-medium-left > .vc_column-inner { padding-left: 5px; } .rtl .gutter-medium-left > .vc_column-inner { padding-right: 5px; padding-left: inherit; } } @media (min-width: 768px) { .gutter-medium-left .vc_row { margin-left: -10px; margin-right: -10px; } .gutter-medium-left .vc_row .vc_column-inner { padding-left: 10px; padding-right: 10px; } } .widget_apus_vertical_menu { border-left: 4px solid #2e2d2d; } .widget_apus_vertical_menu .widget-title { font-size: 16px; font-weight: 700; margin: 0 0 10px; padding: 15px 30px 0; } .rtl .widget_apus_vertical_menu { border-right: 4px solid #2e2d2d; border-left: inherit; } .widget_apus_vertical_menu .apus-vertical-menu { border: none; } .widget_apus_vertical_menu .apus-vertical-menu > li { margin-left: -4px; } .rtl .widget_apus_vertical_menu .apus-vertical-menu > li { margin-right: -4px; margin-left: inherit; } .widget_apus_vertical_menu .apus-vertical-menu > li > a { border-left: 4px solid transparent; font-size: 16px; padding: 0 30px; } .rtl .widget_apus_vertical_menu .apus-vertical-menu > li > a { border-right: 4px solid transparent; border-left: inherit; } .widget_apus_vertical_menu .apus-vertical-menu > li.active > a, .widget_apus_vertical_menu .apus-vertical-menu > li:hover > a { border-color: #d35050; } .widget_apus_vertical_menu.darken .apus-vertical-menu { background: transparent; } .widget_apus_vertical_menu.darken .apus-vertical-menu > li > a { color: #eeeae2; padding: 0 20px; } .widget_apus_vertical_menu.darken .apus-vertical-menu > li.active > a, .widget_apus_vertical_menu.darken .apus-vertical-menu > li:hover > a { color: #d35050; } .widget_apus_vertical_menu.darken .widget-title { color: #eeeae2; border: none; margin: 0; padding-right: 20px; padding-left: 20px; } .widget_apus_vertical_menu.darken .widget-title:before { display: none; } .flex-middle { display: -webkit-flex; /* Safari */ display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; } .flex-top { display: -webkit-flex; /* Safari */ display: flex; } .cl-3, .cl-2 { float: left; } .rtl .cl-3, .rtl .cl-2 { float: right; } .cl-3 > .row, .cl-2 > .row { margin: 0; } .cl-3 .widget, .cl-2 .widget { padding-left: 15px; padding-right: 15px; } .cl-3 { width: 58.3333%; } .cl-2 { width: 41.6667%; } .btn-search-top { cursor: pointer; } /* 11. widgets */ /*------------------------------------*\ Widget \*------------------------------------*/ .widget label { font-weight: 400; } .widget .widget_sp_image-image-link { display: block; overflow: hidden; position: relative; } .widget .widget_sp_image-image-link img { display: block; width: 100% \9; max-width: 100%; height: auto; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .widget.widget_text img { margin: 15px 0; height: auto; } .widget.widget_rss .widget-title { background: none; } .widget.widget_rss .widget-title img { vertical-align: middle; } .widget.widget_rss ul, .widget.widget_rss ol { padding: 0; margin: 0; list-style: none; } .widget.widget_rss ul li:last-child, .widget.widget_rss ol li:last-child { border-bottom: 0; padding-bottom: 0; } .widget.widget_rss ul li .children > li:before, .widget.widget_rss ol li .children > li:before { top: 24px; } .widget.widget_rss ul ul li:first-child, .widget.widget_rss ol ul li:first-child { padding-top: 14px; background-position: 0 24px; } .widget.widget_rss ul li { background: none; } .widget.widget_rss ul li a { padding: 0; } .widget.widget_recent_comments ul, .widget.widget_recent_comments ol { padding: 0; margin: 0; list-style: none; } .widget.widget_recent_comments ul li:last-child, .widget.widget_recent_comments ol li:last-child { border-bottom: 0; padding-bottom: 0; } .widget.widget_recent_comments ul li .children > li:before, .widget.widget_recent_comments ol li .children > li:before { top: 24px; } .widget.widget_recent_comments ul ul li:first-child, .widget.widget_recent_comments ol ul li:first-child { padding-top: 14px; background-position: 0 24px; } .widget.widget_recent_comments ul li { background: none; } .widget.widget_recent_reviews ul.product_list_widget { list-style: none; } .widget.widget_recent_reviews ul.product_list_widget li { padding: 15px; overflow: hidden; } .widget.widget_recent_reviews ul.product_list_widget li a img { float: left; margin-right: 10px; } .rtl .widget.widget_recent_reviews ul.product_list_widget li a img { margin-left: 10px; margin-right: inherit; } .widget.widget_product_search .woocommerce-product-search { padding: 20px 15px; } .widget.widget_product_search .woocommerce-product-search label.screen-reader-text { display: none; } .widget.yith-woocompare-widget .products-list { padding-top: 20px; padding-bottom: 20px; } .widget.yith-woocompare-widget a.clear-all { margin-bottom: 20px; margin-left: 15px; } .rtl .widget.yith-woocompare-widget a.clear-all { margin-right: 15px; margin-left: inherit; } .widget.yith-woocompare-widget a.compare { margin-bottom: 20px; margin-right: 15px; } .rtl .widget.yith-woocompare-widget a.compare { margin-left: 15px; margin-right: inherit; } .widget.widget_shopping_cart .widget_shopping_cart_content { padding: 20px 15px; overflow: hidden; } .widget.widget_recent_entries ul li a { display: block; } .widget.widget_mc4wp_widget .mc4wp-form { padding: 20px; } .widget.widget-timework strong { color: #000; font-weight: 500; } .calendar_wrap caption { background: #212121; color: #fff; padding: 5px; } .calendar_wrap tfoot { display: none; } .calendar_wrap #today { font-weight: 700; color: #d35050; } .form-contact .title { font-size: 17px; margin: 11.5px 0 28px; } .form-contact input:not(.btn):not(.viewmore-products-btn), .form-contact textarea { padding: 10px 30px; width: 100%; color: #858585; } .form-contact .contant-inner > * { margin: 0 0 20px; } .contact-topbar > * { margin-right: 30px; } .rtl .contact-topbar > * { margin-left: 30px; margin-right: inherit; } .contact-topbar > *:last-child { margin: 0; } .contact-topbar > * i { margin-right: 6px; } .rtl .contact-topbar > * i { margin-left: 6px; margin-right: inherit; } .widget_meta ul, .widget_archive ul, .widget_recent_entries ul, .widget_categories ul { padding: 0; margin: 0; list-style: none; } .widget_meta ul ul, .widget_archive ul ul, .widget_recent_entries ul ul, .widget_categories ul ul { list-style: none; padding-left: 20px; } .rtl .widget_meta ul ul, .rtl .widget_archive ul ul, .rtl .widget_recent_entries ul ul, .rtl .widget_categories ul ul { padding-right: 20px; padding-left: inherit; } .widget_meta ul li, .widget_archive ul li, .widget_recent_entries ul li, .widget_categories ul li { padding: 8px 0; } .widget_meta ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .widget_categories ul li a { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; color: #858585; } .widget_meta ul li a:before, .widget_archive ul li a:before, .widget_recent_entries ul li a:before, .widget_categories ul li a:before { content: "\f105"; font-family: 'FontAwesome'; margin-right: 8px; } .rtl .widget_meta ul li a:before, .rtl .widget_archive ul li a:before, .rtl .widget_recent_entries ul li a:before, .rtl .widget_categories ul li a:before { margin-left: 8px; margin-right: inherit; } .widget_meta ul li a:hover, .widget_meta ul li a:active, .widget_archive ul li a:hover, .widget_archive ul li a:active, .widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:active, .widget_categories ul li a:hover, .widget_categories ul li a:active { color: #d35050; padding-left: 8px; } .rtl .widget_meta ul li a:hover, .rtl .widget_meta ul li a:active, .rtl .widget_archive ul li a:hover, .rtl .widget_archive ul li a:active, .rtl .widget_recent_entries ul li a:hover, .rtl .widget_recent_entries ul li a:active, .rtl .widget_categories ul li a:hover, .rtl .widget_categories ul li a:active { padding-right: 8px; padding-left: inherit; } .widget_meta ul li.current-cat-parent > a, .widget_meta ul li.current-cat > a, .widget_archive ul li.current-cat-parent > a, .widget_archive ul li.current-cat > a, .widget_recent_entries ul li.current-cat-parent > a, .widget_recent_entries ul li.current-cat > a, .widget_categories ul li.current-cat-parent > a, .widget_categories ul li.current-cat > a { color: #d35050; } .special .post-info { position: relative; } .special .post-info:before { border-width: 14px 20px; border-style: solid; border-color: #f4f4f4 transparent transparent; content: ''; position: absolute; top: 100%; left: 50%; margin-left: -10px; z-index: 2; } .special .special-items > div:nth-child(2n) .post-info { position: relative; } .special .special-items > div:nth-child(2n) .post-info:before { border-color: transparent transparent #f4f4f4; top: inherit; bottom: 100%; } /*------------------------------------*\ Widget Contact Us \*------------------------------------*/ .contact { margin: 0; padding: 0; } .contact:before, .contact:after { content: " "; display: table; } .contact:after { clear: both; } .contact dt { float: left; width: 30px; height: auto; } .rtl .contact dt { float: right; } .contact dd { overflow: hidden; margin-bottom: 5px; } .contact .contact-icon { display: block; text-align: center; background: #d35050; float: left; width: 22px; height: 22px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .rtl .contact .contact-icon { float: right; } .contact .contact-icon .fa { color: #fff; font-size: 16px; margin: 0 0 0 4px; } .rtl .contact .contact-icon .fa { margin: 0 4px 0 0; } .form7-style1 .input-group-btn > .btn, .form7-style1 .input-group-btn > .viewmore-products-btn { border-left: none; } .rtl .form7-style1 .input-group-btn > .btn, .rtl .form7-style1 .input-group-btn > .viewmore-products-btn { border-right: none; border-left: inherit; } .form7-style2 .btn, .form7-style2 .viewmore-products-btn, .form7-style2 input.form-control { background: #f7f7f7; border-color: #f7f7f7; } /*------------------------------------*\ Widget mailchip \*------------------------------------*/ .mc4wp-form-basic, .mc4wp-form-basic input, .mc4wp-form-basic label, .mc4wp-form-theme, .mc4wp-form-theme input, .mc4wp-form-theme label { line-height: inherit; } .mc4wp-form-basic .form-control { max-width: 100% !important; } .mail-form .input-group { width: 100%; margin: 0 0 10px; } .widget-newletter .widget-title { font-size: 24px; margin: 0 0 2px; } .widget-newletter .description { font-size: 14px; } .widget-newletter .form-control { background: #fff; border-color: #fff; color: #252525; } .widget-newletter .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #d2d2d2; } .widget-newletter .form-control::-moz-placeholder { /* Firefox 19+ */ color: #d2d2d2; } .widget-newletter .form-control:-ms-input-placeholder { /* IE 10+ */ color: #d2d2d2; } .widget-newletter .form-control:-moz-placeholder { /* Firefox 18- */ color: #d2d2d2; } .widget-newletter .form-control:focus { border-color: #d2d2d2; color: #252525; } .widget-newletter.style1 .content { margin-top: 5px; } @media (max-width: 767px) { .widget-newletter.style1 .top-inner { margin-bottom: 30px; } } @media (min-width: 768px) { .widget-newletter.style1 > * { float: left; width: 50%; } .rtl .widget-newletter.style1 > * { float: right; } } /*------------------------------------*\ Widget Sidebar \*------------------------------------*/ .apus-sidebar select, .apus-sidebar table { width: 100%; } .apus-sidebar .post-widget .blog-title, .apus-sidebar .post-widget h6 { margin: 0 0 5px; line-height: 1.4; font-weight: 400; font-size: 14px; height: 40px; overflow: hidden; font-family: "Rubik", Helvetica, Arial, sans-serif; } /*------------------------------------*\ search \*------------------------------------*/ .apus-search-form .select-category { display: inline-block; float: left; overflow: hidden; position: relative; min-width: 200px; padding-right: 20px; outline: none !important; } .rtl .apus-search-form .select-category { float: right; } .rtl .apus-search-form .select-category { padding-left: 20px; padding-right: inherit; } .apus-search-form .select-category:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0px; background: #dddddd; width: 1px; height: 20px; } .rtl .apus-search-form .select-category:after { left: 0px; right: auto; } .apus-search-form .select-category:before { content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .rtl .apus-search-form .select-category:before { left: 20px; right: auto; } .apus-search-form .select-category .dropdown_product_cat { border: 0; outline: none !important; width: calc(100% + 38px); height: 46px; padding: 0 20px; font-size: 14px; font-weight: 500; } .apus-search-form .select-category .dropdown_product_cat option { padding: 7px; } .apus-search-form .title-top-search { font-size: 24px; color: #252525; } .apus-search-form .close-search-fix { font-size: 24px; color: #d35050; cursor: pointer; } .apus-search-form .close-search-fix:hover, .apus-search-form .close-search-fix:active { color: #c03030; } .apus-search-form form { margin-top: 50px; border: 1px solid #858585; display: table; width: 100%; } .apus-search-form form .main-search, .apus-search-form form .btn, .apus-search-form form .viewmore-products-btn, .apus-search-form form > .select-category { display: table-cell !important; vertical-align: middle; float: none !important; } .apus-search-form form .form-control { border: none; padding-left: 20px; padding-right: 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .apus-search-form .hidden-search { cursor: pointer; float: right; font-size: 35px; line-height: 1.4; color: #d35050; display: inline-block; margin-left: 30px; } .rtl .apus-search-form .hidden-search { float: left; } .rtl .apus-search-form .hidden-search { margin-right: 30px; margin-left: inherit; } .apus-search-form .main-search { width: 100%; } .apus-search-form div.twitter-typeahead { width: 100%; position: relative; } .apus-search-form div.twitter-typeahead span.twitter-typeahead { vertical-align: top; width: 100%; } .apus-search-form div.twitter-typeahead:before { content: ''; position: absolute; top: 13px; right: 10px; width: 18px; height: 100%; background: url(../images/loading.gif) no-repeat scroll 0 0/18px auto; opacity: 0; filter: alpha(opacity=0); z-index: 9; } .rtl .apus-search-form div.twitter-typeahead:before { left: 10px; right: auto; } .apus-search-form div.twitter-typeahead.loading:before { opacity: 1; filter: alpha(opacity=100); } .apus-search-form .tt-menu { background: #fff; width: 100%; padding: 0; margin-top: 1px; } .apus-search-form .tt-menu > * { position: relative; z-index: 9; } .apus-search-form .tt-menu a.media { display: block; margin: 0; padding: 12px; } .apus-search-form .tt-menu a.media img { max-width: 60px; } .apus-search-form .tt-menu h4 { font-size: 14px; margin: 0; } .apus-search-form .tt-menu h4 strong { font-weight: 700; color: #d35050; } .apus-search-form .tt-menu .price { font-size: 13px; margin: 0; } .apus-search-form .tt-menu .tt-dataset-search > *:first-child { display: none; } .apus-search-nocategory { background: #f0f2f9; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .apus-search-nocategory .form-control { background: #f0f2f9; border-color: #f0f2f9; color: #999591; border: none; max-width: 185px; font-size: 12px; } .apus-search-nocategory .btn, .apus-search-nocategory .viewmore-products-btn { padding-left: 12px; padding-right: 12px; background: transparent; color: #252525; font-size: 16px; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border: none; } .apus-search-nocategory .btn:hover, .apus-search-nocategory .viewmore-products-btn:hover, .apus-search-nocategory .btn:active, .apus-search-nocategory .viewmore-products-btn:active { color: #fff; background: #d35050; } .widget-search .btn, .widget-search .viewmore-products-btn { padding-left: 17px; padding-right: 17px; border-left: 0; border-color: #e5e5e5; background: #fff; height: 46px; } .rtl .widget-search .btn, .rtl .widget-search .viewmore-products-btn { border-right: 0; border-left: inherit; } .widget-search .btn:hover, .widget-search .viewmore-products-btn:hover, .widget-search .btn:active, .widget-search .viewmore-products-btn:active { color: #fff; background: #d35050; border-color: #d35050; } .widget-search .form-control { font-size: 14px; border-color: #ebebeb; border-right: 0; } .rtl .widget-search .form-control { border-left: 0; border-right: inherit; } /*------------------------------------*\ Tags Widget \*------------------------------------*/ .tagcloud a { margin-bottom: 8px; margin-right: 8px; font-size: 14px !important; display: inline-block; float: left; padding: 3px 15px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: #f7f7f7; color: #858585; } .rtl .tagcloud a { margin-left: 8px; margin-right: inherit; } .rtl .tagcloud a { float: right; } .tagcloud a:hover, .tagcloud a:focus, .tagcloud a.active { color: #fff; background: #121212; } .widget-brand-logo { padding: 30px; } .widget-brand-logo .item-brand > a { display: block; } .widget-brand-logo .carousel-control { opacity: 0; filter: alpha(opacity=0); } .widget-brand-logo:hover .carousel-control { opacity: 1; filter: alpha(opacity=100); } /*-----------------------------*\ Widget Contact \*-----------------------------*/ .widget-infor .heding { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; } .widget-infor .infor-inner { margin: 0 0 20px; } .apus-search-top .button-show-search { font-size: 18px; -webkit-box-shadow: none; box-shadow: none; border: none; color: #858585; line-height: 1; padding: 0 5px; background: transparent !important; } .apus-search-top .button-show-search:hover, .apus-search-top .button-show-search:active { color: #d35050; } .apus-search-top .content-form { -webkit-box-shadow: none; box-shadow: none; margin: 0; border: none; padding: 0; min-width: 280px; } /*-----------------------------*\ Widget video \*-----------------------------*/ .wpb_video_widget .video-description { text-transform: uppercase; font-weight: 400; line-height: 30px; font-size: 12px; color: #000; } .wpb_video_widget .wpb_wrapper .wpb_video_wrapper { padding-top: 60.7% !important; } /*-----------------------------*\ Widget Vertical Menu \*-----------------------------*/ .vertical-menu { display: none !important; padding: 0; background: #fff; z-index: 999; } .vertical-menu > .nav { position: relative; width: 100%; height: auto; } .vertical-menu > .nav .open > a, .vertical-menu > .nav .open > a:hover, .vertical-menu > .nav .open > a:focus, .vertical-menu > .nav .active > a, .vertical-menu > .nav .active > a:hover, .vertical-menu > .nav .active > a:focus { color: #d35050; } .vertical-menu > .nav > li { float: none; position: static; border-bottom: 1px solid #e5e5e5; } .vertical-menu > .nav > li.active > a { color: #d35050; background: #fafafa; } .vertical-menu > .nav > li > a { color: #414141; padding: 15px 20px; font-weight: 500; font-size: 12px; text-transform: uppercase; white-space: nowrap; } .vertical-menu > .nav > li > a:hover { color: #d35050; background: #fafafa; } .vertical-menu > .nav > li > a .fa { font-size: 15px; min-width: 15px; margin-right: 12px; } .rtl .vertical-menu > .nav > li > a .fa { margin-left: 12px; margin-right: inherit; } .vertical-menu > .nav > li .dropdown-menu { min-width: 230px; min-height: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .vertical-menu > .nav .product-block { padding: 0 !important; overflow: hidden; display: block; } .vertical-menu .dropdown-menu { margin: 0; padding: 30px; border: none; top: 0; } .vertical-menu .dropdown-menu:before, .vertical-menu .dropdown-menu:after { content: " "; display: table; } .vertical-menu .dropdown-menu:after { clear: both; } .vertical-menu .dropdown-menu ul { padding: 0; list-style: none; } .vertical-menu .dropdown-menu ul li { line-height: 34px; } .vertical-menu .dropdown-menu ul li a { color: #414141; } .vertical-menu .dropdown-menu ul li a:hover, .vertical-menu .dropdown-menu ul li a.active { color: #d35050; } .vertical-menu .dropdown-menu ul ul { padding-left: 15px; } .rtl .vertical-menu .dropdown-menu ul ul { padding-right: 15px; padding-left: inherit; } .vertical-menu .dropdown-menu .widget-title { border: none; font-size: 16px; padding: 0 0 15px; color: #252525; } .vertical-menu .dropdown-menu .woocommerce .product-wrapper { -webkit-box-shadow: none !important; box-shadow: none !important; } .vertical-menu.menu-left .dropdown-menu { left: 100% !important; right: auto !important; } .rtl .vertical-menu.menu-left .dropdown-menu { right: 100% !important; left: auto; } .rtl .vertical-menu.menu-left .dropdown-menu { left: auto !important; right: auto; } .vertical-menu.menu-right .dropdown-menu { left: auto !important; right: 100% !important; } .rtl .vertical-menu.menu-right .dropdown-menu { right: auto !important; left: auto; } .rtl .vertical-menu.menu-right .dropdown-menu { left: 100% !important; right: auto; } .vertical-menu .icon-ver { margin-right: 10px; } .rtl .vertical-menu .icon-ver { margin-left: 10px; margin-right: inherit; } #recentcomments > li { padding: 0 0 10px 0; font-weight: 400; } #recentcomments > li:first-child { border-top: 0; } #recentcomments > li:last-child { border-bottom: 0; } #recentcomments > li a { font-weight: 300; } .widget-quicklink-menu { background-color: #f6f6f6; line-height: 35px; } .widget-quicklink-menu .quicklink-heading { background-color: #333333; color: #ffffff; display: inline-block; font-size: 10px; margin: 0 20px 0 0; padding: 12px 15px 12px 25px; position: relative; text-transform: uppercase; font-family: "Rubik"; } .rtl .widget-quicklink-menu .quicklink-heading { margin: 0 0 0 20px; } .widget-quicklink-menu .quicklink-heading:before { border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 10px solid #333; content: ""; position: absolute; right: -10px; top: 0; } .rtl .widget-quicklink-menu .quicklink-heading:before { border-right: 10px solid #333; border-left: inherit; } .rtl .widget-quicklink-menu .quicklink-heading:before { left: -10px; right: auto; } .widget-quicklink-menu a { color: #999999; font-size: 12px; font-weight: 400; } .widget-quicklink-menu a:hover { color: #d35050; } .woo-onsale .onsale { display: none; } .woo-onsale .product-sale-label { position: absolute; width: 36px; height: 36px; background-color: #fb4949; color: #fff; top: 10px; right: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 36px; font-size: 12px; font-weight: 400; } .rtl .woo-onsale .product-sale-label { left: 10px; right: auto; } .widget-tabs .widget-title { display: inline-block; } .widget-tabs .nav-tabs { border: none; display: inline-block; vertical-align: middle; margin: 0 0 7px; } .widget-tabs .nav-tabs.tabs-list-v2 { margin: 0 0 15px; } .widget-tabs .carousel-controls { top: -42px; } .widget-infor .media .fa, .widget-infor .media .icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #d35050; background: #252525; } .contant-info .title { margin: 0 0 20px; font-size: 30px; } .contant-info .info-description { margin: 0 0 30px; } .contant-info .media-heading { font-size: 20px; font-weight: 600; margin: 0 0 5px; } .contant-info .media { margin-top: 30px; } .contant-info .media:hover .fa { border-color: #d35050; color: #d35050; } .contant-info .media-left { padding-right: 20px; } .rtl .contant-info .media-left { padding-left: 20px; padding-right: inherit; } .contant-info .media-left .fa { border: 2px solid #121212; border-radius: 50%; color: #121212; font-size: 25px; height: 58px; line-height: 52px; text-align: center; width: 58px; } .widget_categories select, .widget_archive select { width: 100%; padding: 8px; height: 46px; color: #252525; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .widget_pages ul { list-style: none; } .widget_pages ul li { line-height: 2; } .widget_pages > ul { padding: 0; margin: 0; } .textwidget select { padding: 8px; max-width: 100%; color: #252525; } .widget-twitter .twitter-timeline { display: block !important; } .widget-twitter .timeline-Tweet-media { display: none; } .widget_apus_instagram { margin: 0; } .widget_apus_instagram .widget-title { font-size: 35px; font-weight: 300; margin: 0 0 60px; padding: 0; text-align: center; text-transform: inherit; } .widget_apus_instagram .widget-title a { font-weight: 400; color: #d35050; } .widget_apus_instagram .instagram-pics a { display: block; position: relative; -webkit-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } .widget_apus_instagram .instagram-pics a:hover, .widget_apus_instagram .instagram-pics a:active { outline: 8px solid #d35050; outline-offset: -8px; } .widget_apus_instagram .instagram-pics a:hover:before, .widget_apus_instagram .instagram-pics a:active:before { opacity: 0; filter: alpha(opacity=0); } .widget_apus_instagram .instagram-pics a:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget_apus_instagram .style2 .widget-title { padding: 60px 0; margin: 0; background: #eff1f2; } .widget_apus_instagram .style2 .row { margin: 0; } .widget_apus_instagram .style2 .row > div { padding: 0; } .wpcf7-form { position: relative; } .contact-form { padding: 30px; background: #fff; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } @media (min-width: 1024px) { .contact-form { padding: 60px 70px; } } .contact-form label { font-size: 18px; color: #1b251f; margin: 0 0 12px; font-weight: 600; } .contact-form input, .contact-form textarea { width: 100%; padding: 30px 38px; margin: 0 0 30px; background: #f7f7f7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; font-size: 16px; color: #1b251f; border: 2px solid #f7f7f7; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .contact-form input:focus, .contact-form textarea:focus { border-color: #1b251f; } .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #1b251f; } .contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #1b251f; } .contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { /* IE 10+ */ color: #1b251f; } .contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { /* Firefox 18- */ color: #1b251f; } .contact-form input { height: 83px; } .contact-form textarea { height: 165px; resize: none; margin: 0 0 56px; } .contact-form .btn[type="submit"], .contact-form [type="submit"].viewmore-products-btn { padding: 10px 90px; height: auto; width: auto; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; font-size: 18px; -webkit-box-shadow: 0 0 10px 0 rgba(211, 80, 80, 0.8); box-shadow: 0 0 10px 0 rgba(211, 80, 80, 0.8); float: right; } .rtl .contact-form .btn[type="submit"], .rtl .contact-form [type="submit"].viewmore-products-btn { float: left; } .contact-form + .wpcf7-response-output { position: absolute; bottom: 0; left: 30px; z-index: 1; } .rtl .contact-form + .wpcf7-response-output { right: 30px; left: auto; } .contact-form.style2 { -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; } .contact-form.style2 .sub { font-size: 18px; font-family: "Rubik"; font-weight: 300; } .contact-form.style2 .title { font-size: 45px; font-family: "Rubik"; font-weight: 300; margin: 0 0 10px; } .contact-form.style2 .des { font-size: 14px; margin: 0 0 25px; } .contact-form.style2 .btn[type="submit"], .contact-form.style2 [type="submit"].viewmore-products-btn { -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-color: #1b251f; background: #1b251f; } .contact-form.style2 .btn[type="submit"]:hover, .contact-form.style2 [type="submit"].viewmore-products-btn:hover, .contact-form.style2 .btn[type="submit"]:active, .contact-form.style2 [type="submit"].viewmore-products-btn:active { background: #101613; border-color: #101613; } .widget-ticket-pricing { background: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: 2px dashed #e5e5e5; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; overflow: hidden; } @media (min-width: 1200px) { .widget-ticket-pricing .product-block-pricing { max-width: 170px; margin: auto; } } .widget-ticket-pricing .column { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; overflow: hidden; border: 2px dashed #e5e5e5; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; margin: -2px 0; padding: 0 10px !important; } .widget-ticket-pricing .column:last-child, .widget-ticket-pricing .column:first-child { border: none; margin: 0; } .widget-ticket-pricing.style-style2 { border: 1px solid #e5e5e5; overflow: visible; } .widget-ticket-pricing.style-style2 .column { border: 1px solid #e5e5e5; margin: -1px 0; } .widget-ticket-pricing.style-style2 .column:last-child, .widget-ticket-pricing.style-style2 .column:first-child { margin: 0; border: none; } .widget-ticket-pricing.style-style2 .column:hover { border-color: #d35050; } .widget-ticket-pricing.style-style2 .column:hover .product-block-pricing .wrapper-pricing .price { border: 1px solid #d35050; } .widget-ticket-pricing.style-style2 .column:hover .product-block-pricing .wrapper-pricing:before { border-bottom: 1px solid #d35050; } .widget-ticket-pricing.style-style2 .product-block-pricing .wrapper-pricing .price { border: 1px solid #e5e5e5; } .widget-ticket-pricing.style-style2 .product-block-pricing .wrapper-pricing:before { border-bottom: 1px solid #e5e5e5; } .widget-ticket-pricing.style-style3 { border: none; overflow: visible; } .widget-ticket-pricing.style-style3 .column { border: none; overflow: visible; margin: 20px 0; } .product-block-pricing .name { font-size: 22px; font-family: "Rubik"; margin: 37px 0 30px; font-weight: 400; text-align: center; } .product-block-pricing .wrapper-pricing { text-align: center; position: relative; } .product-block-pricing .wrapper-pricing:before { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 1000px; height: 2px; border-bottom: 2px dashed #e5e5e5; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -150px; z-index: 1; content: ''; } .product-block-pricing .wrapper-pricing .price { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: 2px dashed #e5e5e5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 8px; background: #fff; display: inline-block; z-index: 2; position: relative; } .product-block-pricing .woocommerce-Price-amount { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100px; height: 100px; line-height: 100px; display: inline-block; text-align: center; font-size: 30px; font-weight: 700; color: #252525; background: #f1f1f1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .product-block-pricing .woocommerce-Price-amount > span { font-weight: 300; } .product-block-pricing .block-inner-content .desc { margin: 20px 0 35px; } .product-block-pricing .block-inner-content .desc strong { color: #252525; } .product-block-pricing .block-inner-content ul { margin: 0; padding: 0; list-style: none; } .product-block-pricing .block-inner-content ul li { margin: 0 0 5px; } .product-block-pricing .block-inner-content ul i { margin-right: 15px; color: #d35050; } .rtl .product-block-pricing .block-inner-content ul i { margin-left: 15px; margin-right: inherit; } .product-block-pricing .button { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .product-block-pricing .groups-button { margin: 40px 0 45px; } .product-block-pricing .groups-button .button.added { display: none; } .product-block-pricing .groups-button .added_to_cart.wc-forward { display: inline-block; padding: 12px 40px; white-space: nowrap; vertical-align: middle; font-size: 14px; font-weight: 700; text-transform: uppercase; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); color: #fff; } .product-block-pricing .groups-button .added_to_cart.wc-forward:hover, .product-block-pricing .groups-button .added_to_cart.wc-forward:active { color: #fff; background-image: -webkit-linear-gradient(left, #d35050 0%, #1b251f 100%); background-image: -o-linear-gradient(left, #d35050 0%, #1b251f 100%); background-image: linear-gradient(to right, #d35050 0%, #1b251f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD35050', endColorstr='#FF1B251F', GradientType=1); } .product-block-pricing:hover .woocommerce-Price-amount { background-image: -webkit-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: -o-linear-gradient(left, #1b251f 0%, #d35050 100%); background-image: linear-gradient(to right, #1b251f 0%, #d35050 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B251F', endColorstr='#FFD35050', GradientType=1); color: #fff; } .product-block-pricing:hover .button { color: #fff !important; } .product-block-pricing:hover .button:before { opacity: 0; filter: alpha(opacity=0); } .product-block-pricing3 { text-align: center; padding: 80px 10px 50px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; position: relative; } .product-block-pricing3 .name { font-size: 30px; font-weight: 700; margin: 0 0 8px; } .product-block-pricing3 .desc strong { color: #252525; } .product-block-pricing3 .price { font-size: 40px; font-weight: 900; color: #d35050; } .product-block-pricing3 .price .woocommerce-Price-currencySymbol { font-size: 20px; vertical-align: text-top; font-weight: 600; } .product-block-pricing3 .wrapper-pricing { max-width: 310px; margin: auto; padding: 5px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .product-block-pricing3 .block-inner-content > ul { list-style: none; margin: 40px 0 42px; padding: 0; } .product-block-pricing3 .block-inner-content > ul li { margin: 0 0 5px; } .product-block-pricing3 .block-inner-content > ul li > i { display: none; } .product-block-pricing3 .thumbnail-wrapper { margin: 50px 0 54px; } .product-block-pricing3 .button { -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); background: #fff; color: #252525; } .product-block-pricing3 .button:before { display: none !important; } .product-block-pricing3 .button:hover { background: #d35050; color: #fff !important; } .product-block-pricing3 .label { position: absolute; left: -37px; margin-left: 100%; top: -10px; padding: 10px 25px; background: #d35050; color: #fff; font-size: 14px; font-weight: 400; text-transform: uppercase; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .product-block-pricing3 .label:after { content: ''; background: transparent; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); width: 10px; height: 6px; border-width: 3px 5px; border-style: solid; border-color: transparent #ab2b2b #ab2b2b transparent; } .product-block-pricing3 .label:before { content: ''; position: absolute; top: 0; left: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-width: 17px; border-style: solid; border-color: #d35050 transparent #d35050 #d35050; } .product-block-pricing3.is-featured, .product-block-pricing3:hover { z-index: 1; } .product-block-pricing3.is-featured .button, .product-block-pricing3:hover .button { background: #d35050; color: #fff !important; } .product-block-pricing3.is-featured { -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); } /* 12. responsive */ /* * Responsive */ @media (min-width: 1200px) { div.product.first { clear: both; } } @media (min-width: 992px) { .md-clearfix { clear: both; } } @media (min-width: 992px) and (max-width: 1199px) { .products-wrapper-grid .row-products-wrapper div.product.first:not(.col-md-4) { clear: none; } .products-wrapper-grid .row-products-wrapper > .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .sm-clearfix { clear: both; } .product-block.grid .groups-button { padding: 2px; } .products-wrapper-grid .row-products-wrapper > .col-sm-6:nth-child(2n+1) { clear: both; } .products-wrapper-grid .row-products-wrapper > .col-sm-4:nth-child(3n+1) { clear: both; } } @media (max-width: 1199px) { .navbar-nav.megamenu > li { margin-right: 25px; } .rtl .navbar-nav.megamenu > li { margin-left: 25px; margin-right: inherit; } .comment-list div.avatar { min-width: 70px; padding-right: 10px; } .rtl .comment-list div.avatar { padding-left: 10px; padding-right: inherit; } .comment-list .comment-box { border: none; padding-left: 10px; } .rtl .comment-list .comment-box { padding-right: 10px; padding-left: inherit; } .grid-banner-category .info { top: 10px; left: 10px; } .rtl .grid-banner-category .info { right: 10px; left: auto; } .grid-banner-category .info .title { font-size: 25px; } .mansory-wrapper .product-block.inner-left .top-info { top: 8px; left: 8px; } .rtl .mansory-wrapper .product-block.inner-left .top-info { right: 8px; left: auto; } .mansory-wrapper .product-block.grid .name { margin: 0; } } @media (max-width: 991px) { .comment-list .children { padding-left: 20px; } .rtl .comment-list .children { padding-right: 20px; padding-left: inherit; } .comment-list .comment-box { padding-bottom: 20px; } .comment-list .the-comment { margin-bottom: 20px; } .apus-footer-mobile { display: block; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); padding: 10px 0; } .comment-list div.avatar img { width: 70px; } .comment-list .comment-text { margin: 5px 0; } .apus-pagination { padding: 20px 0; } body.body-footer-mobile { padding-bottom: 70px; } .add-fix-top { bottom: 70px; } .widget-banner .title { font-size: 26px; } .feature-box-inner .ourservice-heading { font-size: 16px; } .details-product .information { margin-top: 30px; } } @media (max-width: 768px) { .hidden-768 { display: none; } } @media (max-width: 767px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px; padding-right: 10px; } .container, .container-fluid { padding-left: 10px; padding-right: 10px; } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .vc_row { margin-left: -10px; margin-right: -10px; } .vc_column_container > .vc_column-inner { padding-left: 10px; padding-right: 10px; } .widget-products-tabs .hierarchy { position: static; margin-top: -10px; } .slick-carousel { margin-left: -10px; margin-right: -10px; } .slick-carousel .slick-slide { padding-left: 10px; padding-right: 10px; } .comment-list .children { padding-left: 15px; } .rtl .comment-list .children { padding-right: 15px; padding-left: inherit; } .nav-tabs { overflow: auto; white-space: nowrap; } .nav-tabs li { float: none; display: inline-block; margin-bottom: 10px; } .tab-product.nav-tabs { margin-bottom: 20px; padding-bottom: 8px; } .row-products-wrapper > div:nth-child(2n + 1) { clear: both; } .wrapper-filter { padding: 15px 0; } .wrapper-filter > * { display: block; margin-bottom: 5px; width: 100%; } .wrapper-filter > *:last-child { margin-bottom: 0; } .apus-shop-menu ul.apus-categories { overflow: auto; white-space: nowrap; float: none; padding: 0 0 10px; } .apus-shop-menu ul.apus-categories li { margin-right: 15px; } .rtl .apus-shop-menu ul.apus-categories li { margin-left: 15px; margin-right: inherit; } .shop_table .actions .coupon input { width: 100% !important; margin: 0 0 10px !important; } .show-filter { font-weight: 700; color: #d35050; } .shop-top-sidebar-wrapper { display: none; } .wrapper-top-cart > .dropdown-menu-right { padding: 15px 15px 90px; } .product-block.grid .groups-button { text-align: center; } .product-block.grid .groups-button > *:not(.clear) { display: inline-block !important; float: none !important; } .product-block.grid .groups-button .add-cart { width: auto; } .product-block.grid .groups-button .add-cart .added_to_cart, .product-block.grid .groups-button .add-cart .button { display: block; position: relative; line-height: 40px; text-align: center; width: 40px; height: 40px; overflow: hidden; font-size: 14px; color: #858585; background: #fff; overflow: hidden; } .product-block.grid .groups-button .add-cart .added_to_cart:before, .product-block.grid .groups-button .add-cart .button:before { content: "\e015"; font-family: 'ElegantIcons'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; color: #858585; background: #fff; } .widget-action.titletop .title { font-size: 28px; } .widget-banner { margin-bottom: 10px; } .widget-banner img { width: 100%; } .products-grid.products .row-products > div:nth-child(2n + 1) { clear: both; } .product-block.grid { margin-bottom: 10px; } .product-block-list .add-cart .added_to_cart, .product-block-list .add-cart a.button { padding: 10px; } .product-block-list .product-excerpt { display: none; } .apus-filter .woocommerce-result-count, .apus-filter .orderby-wrapper { display: block; width: 100%; margin: 0 0 10px; } .apus-filter .woocommerce-result-count:last-child, .apus-filter .orderby-wrapper:last-child { margin-bottom: 0; } .post .entry-description { margin-bottom: 25px; } .tag-social > div { width: 100%; } .tag-social .entry-tags-list a { margin-bottom: 8px; } .post-list-item .entry-title { font-size: 16px; } .post-list-item .top-info-grid { margin: 0; } .widget-testimonials .image { text-align: center; margin-bottom: 20px; } .widget-testimonials .image img { margin: auto; } .testimonial-body .icon-test { display: none; } .widget-testimonials .slick-list { padding: 0; } .post-layout .entry-title, .top-info-grid { margin-bottom: 5px; } .post-layout .excerpt { margin: 0 0 10px; } .apus-breadscrumb .bread-title { font-size: 18px; } .apus-breadscrumb + .main-content .mobile-sidebar-btn { margin: 0 0 25px; } .detail-post .entry-content-detail .entry-title { font-size: 27px; } } @media (max-width: 600px) { .widget-googlemap .apus-google-map { max-height: 300px !important; } } @media (max-width: 480px) { .apus-footer-mobile > ul > li { padding: 0 10px; } .product-block.grid .groups-button { padding: 6px; } .product-block.grid.inner-left .groups-button { padding: 10px; } .mansory-wrapper .row-products > div { width: 100%; } .mansory-wrapper .row-products .product-image img { width: 100%; } } @media (max-width: 479px) { .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > *, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > .select2-container, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > select, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > input { width: 100% !important; margin: 0 0 5px !important; } .apus-topcart .dropdown-menu { padding: 20px; min-width: 280px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.2.22 | Генерация страницы: 0.02 |
proxy
|
phpinfo
|
Настройка