<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * $Desc
 *
 * @version    $Id$
 * @package    wpbase
 * @author     WPOpal  Team &lt;wpopal@gmail.com, support@wpopal.com&gt;
 * @copyright  Copyright (C) 2014 wpopal.com. All Rights Reserved.
 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
 *
 * @website  http://www.wpopal.com
 * @support  http://www.wpopal.com/support/forum.html
 */
/*------------------------------------------------------------------
[Table of contents]

1. Utilities
2. Font
3. Base
4. Layout
5. Page
6. Post
7. Slideshow
8. Form
9. Responsive
10. Widget
-------------------------------------------------------------------*/
/* $headings-font-weight                     : 700 !default; */
/**
* Web Application Prefix Apply For Making Owner Styles
*/
/**
 *   Blocks Layout Selectors
 */
/********* LAYOUT **************/
/* 1. Utilities */
/****/
.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;
}

.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;
}

/* 2. Font */
@font-face {
  font-family: 'NewRailAlphabetBlack';
  src: url("../../../fonts/a2-typenewrailalphabetblack.eot");
  src: url("../../../fonts/a2-typenewrailalphabetblack.eot") format("embedded-opentype"), url("../../../fonts/a2-typenewrailalphabetblack.woff2") format("woff2"), url("../../../fonts/a2-typenewrailalphabetblack.woff") format("woff"), url("../../../fonts/a2-typenewrailalphabetblack.ttf") format("truetype"), url("../../../fonts/a2-typenewrailalphabetblack.svg#NewRailAlphabetBlack") format("svg");
}
@font-face {
  font-family: 'NewRailAlphabetWhite';
  src: url("../../../fonts/a2-typenewrailalphabetwhite.eot");
  src: url("../../../fonts/a2-typenewrailalphabetwhite.eot") format("embedded-opentype"), url("../../../fonts/a2-typenewrailalphabetwhite.woff2") format("woff2"), url("../../../fonts/a2-typenewrailalphabetwhite.woff") format("woff"), url("../../../fonts/a2-typenewrailalphabetwhite.ttf") format("truetype"), url("../../../fonts/a2-typenewrailalphabetwhite.svg#NewRailAlphabetWhite") format("svg");
}
@font-face {
  font-family: 'icomoon';
  src: url("../../../fonts/icomoon.eot?-swuswr");
  src: url("../../../fonts/icomoon.eot?#iefix-swuswr") format("embedded-opentype"), url("../../../fonts/icomoon.svg?-swuswr#icomoon") format("svg"), url("../../../fonts/icomoon.woff?-swuswr") format("woff"), url("../../../fonts/icomoon.ttf?-swuswr") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: "\e600";
}

.icon-cart2:before {
  content: "\e601";
}

.icon-eye:before {
  content: "\e602";
}

.icon-smiley:before {
  content: "\e603";
}

.icon-google:before {
  content: "\e604";
}

.icon-googleplus:before {
  content: "\e605";
}

.icon-facebook:before {
  content: "\e606";
}

.icon-tumblr:before {
  content: "\e607";
}

.icon-windows:before {
  content: "\e608";
}

.icon-dribbble:before {
  content: "\e609";
}

.icon-lock:before {
  content: "\e60a";
}

.icon-location:before {
  content: "\e60b";
}

.icon-paperplane:before {
  content: "\e60c";
}

.icon-world:before {
  content: "\e60d";
}

.icon-heart:before {
  content: "\e60e";
}

.icon-earth:before {
  content: "\e60f";
}

.icon-googleplus2:before {
  content: "\e610";
}

.icon-tumblr2:before {
  content: "\e611";
}

/* 3. Base */
* {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.alert .icon {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
}
.alert .fa {
  margin-right: 10px;
}
.rtl .alert .fa {
  margin-left: 10px;
  margin-right: inherit;
}

button.close {
  position: relative;
  z-index: 999;
}

::-moz-selection {
  color: #fff;
  background: #f57c21;
}

::selection {
  color: #fff;
  background: #f57c21;
}

.btn,
.button,
button {
  font-family: "Raleway", "Times New Roman", Times, serif;
}

iframe {
  border: none;
}

del {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}

img {
  height: auto;
  max-width: 100%;
}

.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;
}

.map_canvas img {
  max-width: none;
}

.spinner {
  background-size: 20px 20px;
  display: block;
  margin: 0 auto;
  background: url("../../../images/spinner.gif") no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 20px;
  height: 20px;
}

.label {
  margin-right: 10px;
}
.rtl .label {
  margin-left: 10px;
  margin-right: inherit;
}
.label a {
  color: #fff;
}
.label a:hover, .label a:active {
  color: #f57c21;
}

table a.remove, .table a.remove {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  text-align: center !important;
  line-height: 1;
  color: #f57c21;
  text-decoration: none;
  font-weight: bold;
  width: 1em;
  height: 1em;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.lt-ie8 table a.remove, .lt-ie8 .table a.remove {
  display: inline;
  zoom: 1;
}
table a.remove:hover, .table a.remove:hover {
  background-color: #f57c21;
  color: #fff;
}
table &gt; thead &gt; tr &gt; th,
table &gt; thead &gt; tr &gt; td, .table &gt; thead &gt; tr &gt; th,
.table &gt; thead &gt; tr &gt; td {
  border-bottom-width: 0px;
}
table.shop_table, .table.shop_table {
  width: 100%;
  height: auto;
  margin-top: 19px;
  margin-bottom: 19px;
  border: 1px solid #e2e2e2;
}
table.shop_table &gt; thead &gt; tr &gt; th,
table.shop_table &gt; thead &gt; tr &gt; td,
table.shop_table &gt; tbody &gt; tr &gt; th,
table.shop_table &gt; tbody &gt; tr &gt; td,
table.shop_table &gt; tfoot &gt; tr &gt; th,
table.shop_table &gt; tfoot &gt; tr &gt; td, .table.shop_table &gt; thead &gt; tr &gt; th,
.table.shop_table &gt; thead &gt; tr &gt; td,
.table.shop_table &gt; tbody &gt; tr &gt; th,
.table.shop_table &gt; tbody &gt; tr &gt; td,
.table.shop_table &gt; tfoot &gt; tr &gt; th,
.table.shop_table &gt; tfoot &gt; tr &gt; td {
  padding: 10px;
  line-height: 1.4286;
  vertical-align: top;
  border: 1px solid #e2e2e2;
}
table.shop_table .button, .table.shop_table .button {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
table.cart .product-remove, .table.cart .product-remove {
  vertical-align: middle;
}
table.cart .product-remove, table.cart .product-thumbnail, .table.cart .product-remove, .table.cart .product-thumbnail {
  text-align: center !important;
}
table.cart .product-thumbnail img, .table.cart .product-thumbnail img {
  width: 70px;
  height: 70px;
}
table.cart .actions, .table.cart .actions {
  padding: 15px;
  vertical-align: middle;
}
table.table--style .price, table.table--style .amount, .table.table--style .price, .table.table--style .amount {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}
table.table--style .label, .table.table--style .label {
  padding: 10px;
}

#wp-calendar {
  width: 100%;
  margin-bottom: 20px;
}
#wp-calendar td, #wp-calendar th {
  padding: 5px;
  text-align: center;
}
#wp-calendar caption {
  margin-bottom: 10px;
}
#wp-calendar &gt; thead &gt; tr &gt; th,
#wp-calendar &gt; thead &gt; tr &gt; td {
  border-bottom-width: 0px !important;
}
#wp-calendar #today {
  color: #f57c21;
  font-weight: 700;
}

ul.treemenu li {
  padding: 13px 0px 13px 13px;
  background: url("../../../images/dot.jpg") 0 22px no-repeat;
  text-transform: capitalize;
  border-bottom: 1px solid #e2e2e2;
}
ul.treemenu li:first-child {
  padding-top: 0;
  background-position: 0 10px;
}
ul.treemenu li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
ul.treemenu li &gt; ul {
  padding-left: 18px;
}
.rtl ul.treemenu li &gt; ul {
  padding-right: 18px;
  padding-left: inherit;
}
ul.treemenu li &gt; ul li:first-child {
  padding-top: 13px 0px 13px 13px;
}
ul.hasicon li {
  float: none;
  margin: 0 0 10px 0;
}
ul.hasicon li .fa {
  margin-top: 5px;
  margin-right: 5px;
}
.rtl ul.hasicon li .fa {
  margin-left: 5px;
  margin-right: inherit;
}
ul.hasicon li br {
  display: none;
}
ul.list-group-highlighted li {
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  background: transparent;
}
.rtl ul.list-group-highlighted li {
  text-align: right;
}
ul.list-group-highlighted li a {
  display: block;
  font-weight: 800;
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  padding: 10px 22px 10px 40px;
  border-bottom: 1px dotted #e2e2e2;
}
.rtl ul.list-group-highlighted li a {
  padding: 10px 40px 10px 22px;
}
ul.list-group-highlighted li .count {
  position: relative;
  z-index: 100;
  margin: 0;
  border: 0px;
  top: 0px;
  position: absolute;
  background: transparent;
  color: #000;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  right: 0px;
  padding: 15px 20px 0 0;
}
.rtl ul.list-group-highlighted li .count {
  left: 0px;
  right: auto;
}
.rtl ul.list-group-highlighted li .count {
  padding: 15px 0 0 20px;
}
ul.list-group-highlighted li ul li {
  padding-left: 0;
  padding-right: 0;
}
ul.list-group-highlighted li:last-child ul li:last-child a {
  border: 0;
}
ul.contact-us {
  text-align: center;
}
ul.contact-us li {
  color: #fff;
}
ul.contact-us li .fa {
  color: #f57c21;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */
}
ul.list-contact li {
  text-transform: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px;
  /* 9 */
  font-size: 1.1rem;
  /* 9 */
}
ul.call .call-us {
  margin: 15px 17px 0 0;
  line-height: 32px;
}
.rtl ul.call .call-us {
  margin: 15px 0 0 17px;
}
ul.call .call-us .call-us-icon {
  border: 3px solid #000;
  text-align: center;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.lt-ie8 ul.call .call-us .call-us-icon {
  display: inline;
  zoom: 1;
}
ul.call .call-us .call-us-icon .fa {
  margin: 4px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */
}
ul.call .call-us .call-us-number {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  font-weight: 400;
  letter-spacing: 3px;
}
ul.call .fa {
  color: #000;
}

.email a {
  color: #f57c21 !important;
}

.mc4wp-form .btn {
  padding: 5px 10px;
}
.mc4wp-form .form-control {
  border: none;
}
.mc4wp-form .input-group-form {
  margin: 0;
}
.mc4wp-form .input-group .fa {
  color: #000;
  font-weight: bold;
  font-size: 15px;
}

.carousel-control .fa {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: transparent;
  color: #fff;
  font-size: 18px;
}

.wpml-languages {
  position: relative;
}
.wpml-languages .heading {
  text-transform: uppercase;
  font-size: 14px;
}
.wpml-languages .heading:hover {
  cursor: pointer;
  color: #f57c21;
}
.wpml-languages .heading i {
  font-size: 10px;
}
.wpml-languages ul {
  background: #fff;
  display: none;
  position: absolute;
  top: 100%;
  left: -15px;
  min-width: 200px;
  z-index: 9999;
  -webkit-box-shadow: 0 1px 3px #999999;
  box-shadow: 0 1px 3px #999999;
}
.wpml-languages ul li {
  width: 100%;
  display: block;
  padding: 2px 20px;
  border-bottom: 1px solid #e2e2e2;
}
.wpml-languages ul li a {
  text-transform: uppercase;
  color: #999;
}
.wpml-languages ul li a:hover {
  color: #f57c21;
}
.wpml-languages:hover ul {
  display: block;
}

table {
  background-color: transparent;
}

th {
  text-align: left;
}

table, .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table &gt; thead &gt; tr &gt; th,
table &gt; thead &gt; tr &gt; td,
table &gt; tbody &gt; tr &gt; th,
table &gt; tbody &gt; tr &gt; td,
table &gt; tfoot &gt; tr &gt; th,
table &gt; tfoot &gt; tr &gt; td, .table &gt; thead &gt; tr &gt; th,
.table &gt; thead &gt; tr &gt; td,
.table &gt; tbody &gt; tr &gt; th,
.table &gt; tbody &gt; tr &gt; td,
.table &gt; tfoot &gt; tr &gt; th,
.table &gt; tfoot &gt; tr &gt; td {
  padding: 10px;
  line-height: 1.4286;
  vertical-align: top;
  border-top: 1px solid #e2e2e2;
}
table &gt; thead &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; th {
  vertical-align: bottom;
  border-bottom: 2px solid #e2e2e2;
}
table &gt; caption + thead &gt; tr:first-child &gt; th,
table &gt; caption + thead &gt; tr:first-child &gt; td,
table &gt; colgroup + thead &gt; tr:first-child &gt; th,
table &gt; colgroup + thead &gt; tr:first-child &gt; td,
table &gt; thead:first-child &gt; tr:first-child &gt; th,
table &gt; thead:first-child &gt; tr:first-child &gt; td, .table &gt; caption + thead &gt; tr:first-child &gt; th,
.table &gt; caption + thead &gt; tr:first-child &gt; td,
.table &gt; colgroup + thead &gt; tr:first-child &gt; th,
.table &gt; colgroup + thead &gt; tr:first-child &gt; td,
.table &gt; thead:first-child &gt; tr:first-child &gt; th,
.table &gt; thead:first-child &gt; tr:first-child &gt; td {
  border-top: 0;
}
table &gt; tbody + tbody, .table &gt; tbody + tbody {
  border-top: 2px solid #e2e2e2;
}
table .table, .table .table {
  background-color: #fff;
}

.table-condensed &gt; thead &gt; tr &gt; th,
.table-condensed &gt; thead &gt; tr &gt; td,
.table-condensed &gt; tbody &gt; tr &gt; th,
.table-condensed &gt; tbody &gt; tr &gt; td,
.table-condensed &gt; tfoot &gt; tr &gt; th,
.table-condensed &gt; tfoot &gt; tr &gt; td {
  padding: 6px;
}

table, .table-bordered, #wp-calendar {
  border: 1px solid #e2e2e2;
}
table &gt; thead &gt; tr &gt; th,
table &gt; thead &gt; tr &gt; td,
table &gt; tbody &gt; tr &gt; th,
table &gt; tbody &gt; tr &gt; td,
table &gt; tfoot &gt; tr &gt; th,
table &gt; tfoot &gt; tr &gt; td, .table-bordered &gt; thead &gt; tr &gt; th, #wp-calendar &gt; thead &gt; tr &gt; th,
.table-bordered &gt; thead &gt; tr &gt; td,
#wp-calendar &gt; thead &gt; tr &gt; td,
.table-bordered &gt; tbody &gt; tr &gt; th,
#wp-calendar &gt; tbody &gt; tr &gt; th,
.table-bordered &gt; tbody &gt; tr &gt; td,
#wp-calendar &gt; tbody &gt; tr &gt; td,
.table-bordered &gt; tfoot &gt; tr &gt; th,
#wp-calendar &gt; tfoot &gt; tr &gt; th,
.table-bordered &gt; tfoot &gt; tr &gt; td,
#wp-calendar &gt; tfoot &gt; tr &gt; td {
  border: 1px solid #e2e2e2;
}
table &gt; thead &gt; tr &gt; th,
table &gt; thead &gt; tr &gt; td, .table-bordered &gt; thead &gt; tr &gt; th, #wp-calendar &gt; thead &gt; tr &gt; th,
.table-bordered &gt; thead &gt; tr &gt; td,
#wp-calendar &gt; thead &gt; tr &gt; td {
  border-bottom-width: 2px;
}

.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; td,
.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; th {
  background-color: #e2e2e2;
}

.table-hover &gt; tbody &gt; tr:hover &gt; td,
.table-hover &gt; tbody &gt; tr:hover &gt; th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table &gt; thead &gt; tr &gt; td.active,
.table &gt; thead &gt; tr &gt; th.active, .table &gt; thead &gt; tr.active &gt; td, .table &gt; thead &gt; tr.active &gt; th,
.table &gt; tbody &gt; tr &gt; td.active,
.table &gt; tbody &gt; tr &gt; th.active,
.table &gt; tbody &gt; tr.active &gt; td,
.table &gt; tbody &gt; tr.active &gt; th,
.table &gt; tfoot &gt; tr &gt; td.active,
.table &gt; tfoot &gt; tr &gt; th.active,
.table &gt; tfoot &gt; tr.active &gt; td,
.table &gt; tfoot &gt; tr.active &gt; th {
  background-color: #f5f5f5;
}

.table-hover &gt; tbody &gt; tr &gt; td.active:hover,
.table-hover &gt; tbody &gt; tr &gt; th.active:hover, .table-hover &gt; tbody &gt; tr.active:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .active, .table-hover &gt; tbody &gt; tr.active:hover &gt; th {
  background-color: #e8e8e8;
}

.table &gt; thead &gt; tr &gt; td.success,
.table &gt; thead &gt; tr &gt; th.success, .table &gt; thead &gt; tr.success &gt; td, .table &gt; thead &gt; tr.success &gt; th,
.table &gt; tbody &gt; tr &gt; td.success,
.table &gt; tbody &gt; tr &gt; th.success,
.table &gt; tbody &gt; tr.success &gt; td,
.table &gt; tbody &gt; tr.success &gt; th,
.table &gt; tfoot &gt; tr &gt; td.success,
.table &gt; tfoot &gt; tr &gt; th.success,
.table &gt; tfoot &gt; tr.success &gt; td,
.table &gt; tfoot &gt; tr.success &gt; th {
  background-color: #98b552;
}

.table-hover &gt; tbody &gt; tr &gt; td.success:hover,
.table-hover &gt; tbody &gt; tr &gt; th.success:hover, .table-hover &gt; tbody &gt; tr.success:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .success, .table-hover &gt; tbody &gt; tr.success:hover &gt; th {
  background-color: #8aa647;
}

.table &gt; thead &gt; tr &gt; td.info,
.table &gt; thead &gt; tr &gt; th.info, .table &gt; thead &gt; tr.info &gt; td, .table &gt; thead &gt; tr.info &gt; th,
.table &gt; tbody &gt; tr &gt; td.info,
.table &gt; tbody &gt; tr &gt; th.info,
.table &gt; tbody &gt; tr.info &gt; td,
.table &gt; tbody &gt; tr.info &gt; th,
.table &gt; tfoot &gt; tr &gt; td.info,
.table &gt; tfoot &gt; tr &gt; th.info,
.table &gt; tfoot &gt; tr.info &gt; td,
.table &gt; tfoot &gt; tr.info &gt; th {
  background-color: #38c1ee;
}

.table-hover &gt; tbody &gt; tr &gt; td.info:hover,
.table-hover &gt; tbody &gt; tr &gt; th.info:hover, .table-hover &gt; tbody &gt; tr.info:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .info, .table-hover &gt; tbody &gt; tr.info:hover &gt; th {
  background-color: #21baec;
}

.table &gt; thead &gt; tr &gt; td.warning,
.table &gt; thead &gt; tr &gt; th.warning, .table &gt; thead &gt; tr.warning &gt; td, .table &gt; thead &gt; tr.warning &gt; th,
.table &gt; tbody &gt; tr &gt; td.warning,
.table &gt; tbody &gt; tr &gt; th.warning,
.table &gt; tbody &gt; tr.warning &gt; td,
.table &gt; tbody &gt; tr.warning &gt; th,
.table &gt; tfoot &gt; tr &gt; td.warning,
.table &gt; tfoot &gt; tr &gt; th.warning,
.table &gt; tfoot &gt; tr.warning &gt; td,
.table &gt; tfoot &gt; tr.warning &gt; th {
  background-color: #f2f331;
}

.table-hover &gt; tbody &gt; tr &gt; td.warning:hover,
.table-hover &gt; tbody &gt; tr &gt; th.warning:hover, .table-hover &gt; tbody &gt; tr.warning:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .warning, .table-hover &gt; tbody &gt; tr.warning:hover &gt; th {
  background-color: #f0f219;
}

.table &gt; thead &gt; tr &gt; td.danger,
.table &gt; thead &gt; tr &gt; th.danger, .table &gt; thead &gt; tr.danger &gt; td, .table &gt; thead &gt; tr.danger &gt; th,
.table &gt; tbody &gt; tr &gt; td.danger,
.table &gt; tbody &gt; tr &gt; th.danger,
.table &gt; tbody &gt; tr.danger &gt; td,
.table &gt; tbody &gt; tr.danger &gt; th,
.table &gt; tfoot &gt; tr &gt; td.danger,
.table &gt; tfoot &gt; tr &gt; th.danger,
.table &gt; tfoot &gt; tr.danger &gt; td,
.table &gt; tfoot &gt; tr.danger &gt; th {
  background-color: #e74848;
}

.table-hover &gt; tbody &gt; tr &gt; td.danger:hover,
.table-hover &gt; tbody &gt; tr &gt; th.danger:hover, .table-hover &gt; tbody &gt; tr.danger:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .danger, .table-hover &gt; tbody &gt; tr.danger:hover &gt; th {
  background-color: #e43131;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e2e2e2;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive &gt; .table {
    margin-bottom: 0;
  }
  .table-responsive &gt; .table &gt; thead &gt; tr &gt; th,
  .table-responsive &gt; .table &gt; thead &gt; tr &gt; td,
  .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th,
  .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td,
  .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th,
  .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td {
    white-space: nowrap;
  }
  .table-responsive &gt; .table-bordered, .table-responsive &gt; #wp-calendar {
    border: 0;
  }
  .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, .table-responsive &gt; #wp-calendar &gt; thead &gt; tr &gt; th:first-child,
  .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child,
  .table-responsive &gt; #wp-calendar &gt; thead &gt; tr &gt; td:first-child,
  .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child,
  .table-responsive &gt; #wp-calendar &gt; tbody &gt; tr &gt; th:first-child,
  .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child,
  .table-responsive &gt; #wp-calendar &gt; tbody &gt; tr &gt; td:first-child,
  .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child,
  .table-responsive &gt; #wp-calendar &gt; tfoot &gt; tr &gt; th:first-child,
  .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child,
  .table-responsive &gt; #wp-calendar &gt; tfoot &gt; tr &gt; td:first-child {
    border-left: 0;
  }
  .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, .table-responsive &gt; #wp-calendar &gt; thead &gt; tr &gt; th:last-child,
  .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child,
  .table-responsive &gt; #wp-calendar &gt; thead &gt; tr &gt; td:last-child,
  .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child,
  .table-responsive &gt; #wp-calendar &gt; tbody &gt; tr &gt; th:last-child,
  .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child,
  .table-responsive &gt; #wp-calendar &gt; tbody &gt; tr &gt; td:last-child,
  .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child,
  .table-responsive &gt; #wp-calendar &gt; tfoot &gt; tr &gt; th:last-child,
  .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child,
  .table-responsive &gt; #wp-calendar &gt; tfoot &gt; tr &gt; td:last-child {
    border-right: 0;
  }
  .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .table-responsive &gt; #wp-calendar &gt; tbody &gt; tr:last-child &gt; th,
  .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td,
  .table-responsive &gt; #wp-calendar &gt; tbody &gt; tr:last-child &gt; td,
  .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th,
  .table-responsive &gt; #wp-calendar &gt; tfoot &gt; tr:last-child &gt; th,
  .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td,
  .table-responsive &gt; #wp-calendar &gt; tfoot &gt; tr:last-child &gt; td {
    border-bottom: 0;
  }
}

/* 4. Layout */
/*------------------------------------*\
    Layout
\*------------------------------------*/
.boxed {
  background: url("../../../images/box-bg.png") repeat transparent;
}
.boxed &gt; .wpo-wrapper {
  max-width: 1380px;
  background: #fff;
  margin: 0 auto;
}
.boxed:before {
  content: '';
  position: absolute;
  z-index: -1;
  background: url("../../../images/box-trans.png") no-repeat center top transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 1270px;
}

/*------------------------------------*\
    Topbar
\*------------------------------------*/
.wpo-search-form {
  display: none;
}

.wpo-topbar {
  margin: 0;
  padding: 0;
  background: #f6f6f6;
  border: none;
  color: #e2e2e2;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpo-topbar &gt; .container {
  padding-top: 10px;
  padding-bottom: 10px;
}
.wpo-topbar a {
  color: #777777;
}
.wpo-topbar a:hover {
  color: #f57c21;
}
.wpo-topbar ul {
  margin: 0;
  padding: 0;
}
.wpo-topbar ul li {
  float: left;
  list-style: none;
  padding: 0 12px;
  line-height: 100%;
  border-right: 1px solid #999;
}
.rtl .wpo-topbar ul li {
  float: right;
}
.rtl .wpo-topbar ul li {
  border-left: 1px solid #999;
  border-right: inherit;
}
.wpo-topbar ul li:first-child {
  padding-left: 0;
}
.rtl .wpo-topbar ul li:first-child {
  padding-right: 0;
  padding-left: inherit;
}
.wpo-topbar ul li:last-child {
  border-right: 0;
}
.rtl .wpo-topbar ul li:last-child {
  border-left: 0;
  border-right: inherit;
}
.wpo-topbar ul li a {
  color: #777777;
}
.wpo-topbar ul li a:hover, .wpo-topbar ul li a:active {
  color: #f57c21;
}
.wpo-topbar .fa {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
}
.wpo-topbar .topbar-quick-settings &gt; * {
  float: left;
}
.rtl .wpo-topbar .topbar-quick-settings &gt; * {
  float: right;
}

/*------------------------------------*\
    Header
\*------------------------------------*/
.wpo-header {
  background: #f7f7f7;
  padding: 0;
}
.wpo-header .icon, .wpo-header .fa {
  color: #000;
  font-size: 14px;
}
.wpo-header .icon:hover, .wpo-header .icon:active, .wpo-header .icon:focus, .wpo-header .fa:hover, .wpo-header .fa:active, .wpo-header .fa:focus {
  color: #f57c21;
}
.wpo-header .header-wrap .logo-in-theme a {
  display: block;
}
.wpo-header .header-wrap .skin-logo {
  background: url("../../../images/logo-green.png") left top no-repeat transparent;
  display: block;
  width: 215px;
  height: 60px;
}
.wpo-header ul {
  margin: 0;
  padding: 0;
}
.wpo-header ul li {
  float: left;
  list-style: none;
  padding: 0 12px;
}
.rtl .wpo-header ul li {
  float: right;
}
.wpo-header ul li a {
  color: #999999;
}
.wpo-header ul li a:hover, .wpo-header ul li a:active {
  color: #f57c21;
}
.wpo-header .menu_fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
  background: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1188px;
  padding: 0 28px;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.wpo-header .menu_fixed .logo {
  margin: 18px 0;
}
.wpo-header .menu_fixed .navbar-mega .navbar-nav &gt; li &gt; a {
  line-height: 55px;
}
.wpo-header .menu_fixed .search-from {
  top: 22px;
  right: 40px;
}
.rtl .wpo-header .menu_fixed .search-from {
  left: 40px;
  right: auto;
}
.wpo-header .menu_fixed .top-cart {
  right: 90px;
  top: 23px;
}
.rtl .wpo-header .menu_fixed .top-cart {
  left: 90px;
  right: auto;
}

.header-default {
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
}
.header-default .header-wrap {
  position: relative;
}
.header-default .navbar-mega .navbar-nav &gt; .aligned-fullwidth &gt; .mega-dropdown-menu {
  margin-top: -88px;
}
.header-default .wpo-megamenu {
  padding: 15px 10px;
  border-bottom: 1px solid #e2e2e2;
  position: static;
}
.header-default .wpo-megamenu &gt; .navbar-collapse {
  padding: 0;
}
.header-default .header-top {
  position: relative;
}
.header-default .header-top .wpo-megamenu {
  position: static;
}
.header-default .header-center {
  border-left: 1px solid #e2e2e2;
}
.rtl .header-default .header-center {
  border-right: 1px solid #e2e2e2;
  border-left: inherit;
}
.header-default .header-topright {
  position: relative;
  padding: 28px 0;
  border-right: 1px solid #e2e2e2;
}
.rtl .header-default .header-topright {
  border-left: 1px solid #e2e2e2;
  border-right: inherit;
}
.header-default .header-topright:before {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  width: 200%;
  height: 1px;
  background: #e2e2e2;
}
.header-default .top-cart {
  padding: 19.5px 0;
  clear: both;
  border-right: 1px solid #e2e2e2;
}
.rtl .header-default .top-cart {
  border-left: 1px solid #e2e2e2;
  border-right: inherit;
}
.header-default .categories_searchform {
  clear: both;
  padding: 18px 22px;
  width: 637px;
}

.stheader-2 .wpo-topbar {
  border-bottom: 1px solid #e2e2e2;
}
.stheader-2 .wpo-header {
  background: #f6f6f6;
  border-bottom: 0;
}
.stheader-2 .wpo-header .wpo-megamenu {
  background: #333333;
  margin: 0;
  padding: 6px;
  border: none;
}
.stheader-2 .wpo-header .top-cart {
  border: 0;
  padding: 34px;
}
.stheader-2 .header-center {
  padding: 15px 0;
  border-right: 1px solid #e2e2e2;
}
.rtl .stheader-2 .header-center {
  border-left: 1px solid #e2e2e2;
  border-right: inherit;
}
.stheader-2 .navbar-mega .navbar-nav &gt; li &gt; a {
  color: #fff;
}
.stheader-2 .navbar-mega .navbar-nav &gt; li .mega-dropdown-menu {
  margin: 0;
}
.stheader-2 .navbar-mega .navbar-nav .aligned-fullwidth &gt; .mega-dropdown-menu {
  margin-top: 0px;
}
.stheader-2 .navbar-mega .caret {
  display: none;
}

.stheader-3 .header-top {
  border-top: 1px solid #e2e2e2;
}
.stheader-3 .wpo-header {
  background: #f6f6f6;
}
.stheader-3 .header-center {
  padding: 42px 30px;
  border-right: 1px solid #e2e2e2;
}
.rtl .stheader-3 .header-center {
  border-left: 1px solid #e2e2e2;
  border-right: inherit;
}
.stheader-3 .header-center .fa, .stheader-3 .header-center .icon {
  border: 2px solid #000;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 36px;
  border-radius: 5px;
}
.stheader-3 .top-cart {
  border: 0;
  padding: 42px 32px;
}
.stheader-3 .header-bottom {
  background: #98b552;
  padding: 6px 0;
}
.stheader-3 .header-bottom .search-category {
  margin: 2px 0 0;
  width: 500px;
}
.stheader-3 .wpo-megamenu {
  border: 0;
  padding: 0;
}
.stheader-3 .wpo-megamenu .navbar-nav &gt; li &gt; a {
  color: #fff;
}
.stheader-3 .wpo-megamenu .navbar-nav &gt; li.aligned-fullwidth &gt; .mega-dropdown-menu {
  margin: 6px 0 0;
}

/*------------------------------------*\
    Breadcrumb
\*------------------------------------*/
.breadcrumb .delimiter {
  font-family: arial;
  font-size: 10px;
  margin: 0 5px;
}

/*------------------------------------*\
    Slideshow
\*------------------------------------*/
/*------------------------------------*\
    Wrapper
\*------------------------------------*/
.wpb_revslider_element .btn {
  padding: 10px 18px;
}

/*------------------------------------*\
    Container
\*------------------------------------*/
.home .wpo-mainbody {
  background: #f6f6f6;
}

.wpo-mainbody {
  background: #fff;
  padding: 18px 0 50px;
}

.page-template[class*="template-news"] .wpo-topbar {
  background: #f6f6f6;
}
.page-template[class*="template-news"] .wpo-topbar &gt; .container {
  background: transparent;
}
.page-template[class*="template-news"] .wpo-header {
  background: #f7f7f7;
}
.page-template[class*="template-news"] .wpo-header &gt; .container {
  background: transparent;
}
.page-template[class*="template-news"] .wpo-mainbody.news-page {
  margin: 30px 0px;
}
.page-template[class*="template-news"] .wpo-mainbody &gt; .container {
  padding-top: 28px;
  padding-bottom: 28px;
}
.page-template[class*="template-news"] .wpo-footer {
  background: #f7f7f7;
}
.page-template[class*="template-news"] .wpo-footer .widget .widget-title, .page-template[class*="template-news"] .wpo-footer .widget .widgettitle, .page-template[class*="template-news"] .wpo-footer .widget .wpb_heading {
  margin-bottom: 35px;
}
.page-template[class*="template-news"] .wpo-footer .list-location {
  padding-bottom: 30px;
  background: url("../../../images/bg-map.png") no-repeat 0 0 transparent;
}
.page-template[class*="template-news"] .wpo-footer .wpb-inner {
  padding-left: 0;
  padding-right: 0;
}
.page-template[class*="template-news"] .wpo-footer .input-group-form .form-control-reversed,
.page-template[class*="template-news"] .wpo-footer .input-group-form .input-group-addon {
  background: #f7f7f7;
}
.page-template[class*="template-news"] .wpb_text_column_content p {
  margin-bottom: 20px;
}
.page-template[class*="template-news"] .wpo-copyright {
  background: #f7f7f7;
}
.page-template[class*="template-news"] .wpo-copyright &gt; .container {
  background: transparent;
}

/*------------------------------------*\
    Content
\*------------------------------------*/
.wpo-content {
  background: transparent;
}
.wpo-content:before, .wpo-content:after {
  content: " ";
  display: table;
}
.wpo-content:after {
  clear: both;
}

/*------------------------------------*\
    Footer
\*------------------------------------*/
.wpo-footer {
  background: #f7f7f7;
  padding: 0px;
  position: relative;
  color: #999999;
}
.wpo-footer a {
  color: #999999;
}
.wpo-footer a:hover, .wpo-footer a:focus, .wpo-footer a:active {
  color: #f57c21;
}
.wpo-footer .footer-top {
  padding: 0;
  margin: 0;
  background: #fff;
}
.wpo-footer .footer-middle {
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #333333;
}
.wpo-footer .footer-middle .inner {
  border-bottom: 1px solid #484848;
}
.wpo-footer .footer-middle .wpb_column {
  position: relative;
}
.wpo-footer .footer-middle .wpb_column:before {
  display: block;
  content: '';
  position: absolute;
  width: 1px;
  height: 400%;
  right: 9px;
  top: 0;
  border-right: 1px solid #484848;
}
.rtl .wpo-footer .footer-middle .wpb_column:before {
  left: 9px;
  right: auto;
}
.wpo-footer .footer-middle .wpb_column:last-child:before {
  display: none;
}
.wpo-footer .footer-bottom {
  background: #333333;
  color: #fff;
  padding: 10px 0;
}
.wpo-footer .footer-bottom .widgettitle,
.wpo-footer .footer-bottom h3 {
  color: #fff;
  font-weight: bold;
  font-family: "Raleway", sans-serif;
}
.wpo-footer .footer-bottom .inner {
  overflow: hidden;
  padding: 8px 0;
  background: url("../../../images/body-gird.png");
}
.wpo-footer .footer-bottom .inner &gt; div {
  padding: 15px 0;
  background: #333333;
}
.wpo-footer .footer-bottom .inner .inner {
  padding: 0;
  background: none;
}

/*------------------------------------*\
    Copyright
\*------------------------------------*/
.wpo-copyright {
  text-align: center;
  color: #999999;
  background: #333333;
  padding: 10px 0 50px;
}
.wpo-copyright .widget .widget-title, .wpo-copyright .widget .widgettitle, .wpo-copyright .widget .wpb_heading {
  color: #000;
  text-transform: uppercase;
  margin: 0 0 30px 0;
  padding: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpo-copyright .widget .widget-title:after, .wpo-copyright .widget .widgettitle:after, .wpo-copyright .widget .wpb_heading:after {
  display: none;
}
.wpo-copyright a {
  color: #f57c21;
}
.wpo-copyright a:hover, .wpo-copyright a:focus, .wpo-copyright a:active {
  color: #f57c21;
}
.wpo-copyright address {
  margin: 0;
}
.wpo-copyright .social li .fa {
  color: #0d292f;
}
.wpo-copyright .social li:hover .fa {
  color: #fff;
}

.banner .fa, .banner .icon {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 4px;
  border: 2px solid #000;
  color: #000;
  text-align: center;
  line-height: 36px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
}
.banner .media strong {
  display: block;
}

.wpo-counter .wpb_column {
  border-right: 1px solid #e2e2e2;
}
.rtl .wpo-counter .wpb_column {
  border-left: 1px solid #e2e2e2;
  border-right: inherit;
}
.wpo-counter .wpb_column:last-child {
  border-right: 0;
}
.rtl .wpo-counter .wpb_column:last-child {
  border-left: 0;
  border-right: inherit;
}

/* 5. Layout */
.bs-component .modal,
.bs-docs-section .modal {
  bottom: auto;
  display: block;
  left: auto;
  position: relative;
  right: auto;
  top: auto;
  z-index: 1;
}
.bs-component p:empty,
.bs-docs-section p:empty {
  margin: 0;
  padding: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.bs-component br,
.bs-docs-section br {
  display: none;
}
.bs-component .modal-dialog,
.bs-docs-section .modal-dialog {
  width: 90%;
}

.corporate-v1 .font-size-lg {
  text-transform: capitalize !important;
}

div.wpcf7-validation-errors {
  margin: 0;
  padding: 15px;
}

.contact-form-content {
  padding: 18px;
  background: white;
  margin-bottom: 28px;
  min-height: 260px;
}
.contact-form-content .rounded {
  color: #fff;
  width: 40px;
  height: 40px;
  background: #cccccc;
}
.contact-form-content .rounded .fa, .contact-form-content .rounded .icon {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  margin: 13px;
}
.contact-form-content small {
  color: #666666;
}

.isotope-filter {
  text-align: center;
}

.wpo-portfolio {
  padding: 9px;
  background: #fff;
}
.wpo-portfolio .widget-title {
  margin-bottom: 40px;
  padding-bottom: 25px;
}

.page_not_found {
  margin: 20px 0 80px 0;
}
.rtl .page_not_found {
  margin: 20px 0 80px 0;
}
.page_not_found .error-title {
  letter-spacing: 15px;
  margin: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 80px;
  /* 9 */
  font-size: 8rem;
  /* 9 */
}
.page_not_found .error-content {
  line-height: 40px;
  margin-bottom: 30px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 28px;
  /* 9 */
  font-size: 2.8rem;
  /* 9 */
}
.page_not_found .page-footer p {
  margin-bottom: 20px;
}

.wpo-single-product .breadcrumb {
  padding: 20px 0;
}

.blog-page {
  background: #f6f6f6;
}

/* 6. Post */
/*
* General Post Style using for all with naming class entry
*/
.entry-content {
  line-height: 1.7;
}

.author-title {
  margin-top: 0;
  text-transform: uppercase;
}

.entry-meta {
  margin-bottom: 18px;
}
.entry-meta a {
  color: #999999;
}
.entry-meta .meta-sep {
  margin: 0 5px;
}
.entry-meta .fa {
  margin-right: 10px;
}
.rtl .entry-meta .fa {
  margin-left: 10px;
  margin-right: inherit;
}

.title-share {
  margin: 10px 0;
}

.tag-links {
  display: block;
  margin: 5px 0 0;
  text-transform: uppercase;
  font-size: 12px;
  text-color: #999999;
}
.tag-links .fa {
  margin-right: 10px;
}
.rtl .tag-links .fa {
  margin-left: 10px;
  margin-right: inherit;
}

.author-about {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 30px 0;
  margin-top: 18px;
}

.post-related {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.related-post-title {
  letter-spacing: 2px;
  margin: 20px 0;
  text-transform: uppercase;
}

.ratings {
  overflow: hidden;
}

.post-edit-link {
  font-weight: 700;
  text-decoration: underline;
}

.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: 400;
}
.entry-vote.vote-perfect .entry-vote-inner {
  color: #e74848;
}
.entry-vote.vote-good .entry-vote-inner {
  color: #f2f331;
}
.entry-vote.vote-average .entry-vote-inner {
  color: #91e536;
}
.entry-vote.vote-bad .entry-vote-inner {
  color: #f57c21;
}
.entry-vote.vote-poor .entry-vote-inner {
  color: #98b552;
}

.post-next {
  margin-bottom: 10px;
}
.post-next .btn a {
  color: #000000;
}
.post-next .btn a:hover, .post-next .btn a:active {
  color: #fff;
}

.entry-image {
  margin: 0 0 15px;
  display: block;
}

.entry-thumb {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.entry-title {
  margin: 15px 0;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 800;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 13px;
  /* 9 */
  font-size: 1.3rem;
  /* 9 */
}
.entry-title .fa {
  margin-right: 5px;
}
.rtl .entry-title .fa {
  margin-left: 5px;
  margin-right: inherit;
}

.entry-content-inner {
  padding: 18px;
}

.blog-title, .page-title {
  margin: 0 0 12px;
}

.blog-type .entry-image img {
  width: auto;
  height: auto;
}

.readmore {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px;
  /* 9 */
  font-size: 1.1rem;
  /* 9 */
  text-transform: uppercase;
  font-weight: 700;
}
.readmore .fa {
  vertical-align: text-top;
  margin-left: 2px;
}
.rtl .readmore .fa {
  margin-right: 2px;
  margin-left: inherit;
}

/*
* using for new, magazine
*/
.post-title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}

.post-thumb {
  position: relative;
}

.post-link {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  display: block;
  padding: 10px 15px;
  color: #fff;
  float: left;
  width: 100%;
  height: auto;
  background: #0d292f;
}
.rtl .post-link {
  float: right;
}

.blog-date {
  font-style: italic;
  z-index: 10;
  color: #fff;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #f57c21;
  margin-bottom: 18px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}

/** Post blog style **/
.blog.style1 .entry-thumb {
  margin-bottom: 18px;
}
.blog.style1 .blog-date {
  top: 0;
  position: absolute;
  right: 10px;
  padding: 5px 0;
}
.rtl .blog.style1 .blog-date {
  left: 10px;
  right: auto;
}
.blog.style2 {
  position: relative;
  text-align: center;
  color: #fff;
}
.blog.style2 .blog-date {
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 .blog.style2 .blog-date {
  display: inline;
  zoom: 1;
}
.blog.style2 .blog-date .month {
  text-transform: lowercase;
}
.blog.style2 .entry-title {
  margin-bottom: 18px;
}
.blog.style2 .entry-title a {
  color: #fff;
}
.blog.style2 .entry-title a:hover {
  color: #f57c21;
}
.blog.style2 .entry-content {
  z-index: 1;
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 70%;
  height: 50%;
  position: absolute;
}
.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: 18px 0;
}

/*------------------------------------*\
    blog
\*------------------------------------*/
.blog-post .entry-date {
  color: #fff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  font-weight: 700;
  background: #333333;
  padding: 15px 20px;
  text-align: center;
  text-transform: uppercase;
  margin-right: 30px;
}
.rtl .blog-post .entry-date {
  margin-left: 30px;
  margin-right: inherit;
}
.blog-post .entry-date &gt; span {
  display: block;
}
.blog-post .entry-title {
  margin: 0 0 10px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
}
.blog-post .information-post {
  display: table;
}

/*------------------------------------*\
    Magazine
\*------------------------------------*/
.post .entry-content-inner {
  padding: 0;
}
.post .entry-image {
  display: block;
  margin: 0;
}
.post .entry-meta &gt; * {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  text-transform: none;
  font-style: italic;
}
.post .entry-meta .post-categories {
  padding: 0;
  margin: 0;
  list-style: none;
}
.post .entry-meta .entry-comment a {
  position: relative;
}
.post .entry-meta .entry-comment a::before {
  content: "\f075";
  font-family: "FontAwesome";
  color: #e6e6e6;
}
.post .entry-meta .entry-comment a:hover, .post .entry-meta .entry-comment a:hover::before {
  color: #f57c21;
}

/* Post type: Grid */
.posts-grid .post {
  text-align: center;
}
.posts-grid .post .entry-description {
  display: none;
}
.posts-grid .post .entry-meta::after {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.posts-grid .post .entry-content-inner {
  background: #fff;
  margin: -30px 20px 0;
  padding: 10px 0 0;
  position: relative;
  z-index: 1;
}
.posts-grid .post .entry-title {
  padding: 0 5px;
}

/* Post type: List */
.posts-list .post {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #e2e2e2;
}
.posts-list .post:first-child {
  padding-top: 0;
}
.posts-list .post:last-child {
  border: 0;
}
.posts-list .post .entry-thumb {
  width: 170px;
  height: 170px;
  float: left;
  margin-right: 30px;
}
.rtl .posts-list .post .entry-thumb {
  float: right;
}
.rtl .posts-list .post .entry-thumb {
  margin-left: 30px;
  margin-right: inherit;
}
.posts-list .post .entry-content {
  overflow: hidden;
}
.posts-list .post .entry-title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  line-height: 1.1;
}
.posts-list .post .entry-description {
  margin-bottom: 0;
}

/* Post type: By Category */
.posts-grid-category {
  overflow: hidden;
}

.category-posts {
  position: relative;
}
.category-posts::after {
  content: "";
  top: 20px;
  position: absolute;
  right: 0;
  width: 1px;
  height: 1000px;
  background: #e2e2e2;
}
.rtl .category-posts::after {
  left: 0;
  right: auto;
}
.category-posts .post {
  border-bottom: 1px solid #e2e2e2;
}
.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: #f57c21;
  font-weight: 400;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 10px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
  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 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 10px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
}
.category-posts .posts-more .entry-title a {
  color: #777777;
}
.category-posts .posts-more .entry-title a:hover {
  color: #f57c21;
}

/*------------------------------------*\
    Portfolio blog style
\*------------------------------------*/
/*------------------------------------*\
    Portfolio blog style
\*------------------------------------*/
.blog-list .type-post {
  margin-bottom: 0;
  padding: 28px 0;
  border-bottom: 1px solid #e2e2e2;
}
.blog-list .type-post:first-child {
  padding-top: 0;
}
.blog-list .type-post:last-child {
  border: 0;
  margin-bottom: 28px;
}
.blog-list .entry-meta {
  margin-bottom: 9px;
}

/*------------------------------------*\
    Post detail
\*------------------------------------*/
.sharebox {
  margin-bottom: 30px;
}
.sharebox .sharebox-title {
  margin: 10px 0;
}

.social-networks {
  margin: 0;
  float: right;
}
.rtl .social-networks {
  float: left;
}
.social-networks li {
  padding: 0;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  margin: 0px 5px 0px 0px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.rtl .social-networks li {
  margin: 0px 0px 0px 5px;
}
.social-networks li .fa {
  color: #999999;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.social-networks li:hover {
  border-color: #f57c21;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.social-networks li:hover .fa {
  color: #f57c21;
}
.social-networks li:last-child {
  margin: 0;
}
.social-networks li:last-child a {
  margin: 0;
}

/*------------------------------------*\
    Comment List
\*------------------------------------*/
.commentlists .the-comment {
  border-bottom: 1px solid #e7e6e6;
  padding-bottom: 22.5px;
  margin-bottom: 22.5px;
}
.commentlists .the-comment p {
  margin: 0;
}
.commentlists div.avatar {
  float: left;
  margin-right: 13.5px;
}
.rtl .commentlists div.avatar {
  float: right;
}
.commentlists .comment-author {
  margin-bottom: 13.5px;
}
.commentlists .children {
  padding-left: 36px;
}

.avatar-img {
  border-radius: 50%;
  overflow: hidden;
}

.comment-respond .title {
  letter-spacing: 2px;
  margin: 20px 0;
  text-transform: uppercase;
}
.comment-respond .h-info {
  display: none;
}
.comment-respond .form-control {
  background: #f3f3f3;
  border: 0;
}
.comment-respond .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.comment-respond .form-group {
  margin-bottom: 18px;
}

/*------------------------------------*\
    Single Blog
\*------------------------------------*/
.single-page .breadcrumb {
  margin-bottom: 18px;
}
.single-page .blog-title, .single-page .page-title {
  margin: 18px 0;
  text-transform: uppercase;
}

/*------------------------------------*\
    Single portfolio
\*------------------------------------*/
.single-portfolio .header-title .entry-title {
  margin-top: 0;
}
.single-portfolio .header-title .btn {
  padding-left: 0;
  padding-right: 0;
}
.single-portfolio .header-title .btn::hover {
  text-decoration: none;
}

/*------------------------------------*\
    Blog Page Default
\*------------------------------------*/
.post-area article {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.post-area .blog-masonry {
  height: auto !important;
}

.blog-post-icon {
  display: table;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 1;
  background: #f57c21;
  right: 0;
  width: 30px;
  height: 30px;
}
.rtl .blog-post-icon {
  left: 0;
  right: auto;
}
.blog-post-icon .fa {
  display: table-cell;
  vertical-align: middle;
}

.blog-post-detail {
  overflow: hidden;
}

.blog-post-list .entry-title {
  margin-top: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
}

/*------------------------------------*\
    sticky post
\*------------------------------------*/
.sticky .entry-title {
  font-size: 18px;
  border-bottom: 2px solid #f57c21;
  display: inline-block;
  padding: 0 0 5px;
}
.sticky .entry-title a {
  color: #f57c21;
}
.sticky .information-post {
  padding: 10px 0 0;
}

/*------------------------------------*\
    chat post
\*------------------------------------*/
.chat-row {
  display: table;
  padding: 5px;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  margin-right: 10px;
}
.rtl .chat-row {
  margin-left: 10px;
  margin-right: inherit;
}
.chat-row &gt; div {
  display: inline-table;
  margin-right: 10px;
}
.rtl .chat-row &gt; div {
  margin-left: 10px;
  margin-right: inherit;
}
.chat-row.chat-speaker-2 {
  background: #f7f7f7;
}

/* block */
.widget {
  position: relative;
  margin-bottom: 18px;
  border: 0px solid transparent;
  padding: 0px;
  /* block styles */
  /* Blog Section */
}
.widget .widget-title, .widget .widgettitle, .widget .wpb_heading {
  position: relative;
  overflow: hidden;
  border-top: 3px solid #f57c21;
  color: #fff;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  padding: 13px 15px;
  margin: 0;
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  background: #333333;
}
.widget .widget-title.text-separator, .widget .widgettitle.text-separator, .widget .wpb_heading.text-separator {
  border: 0;
  padding: 0;
  color: #999999;
  background: transparent;
}
.widget .widget-title.text-separator &gt; span, .widget .widgettitle.text-separator &gt; span, .widget .wpb_heading.text-separator &gt; span {
  padding-top: 0;
  padding-bottom: 0;
}
.widget .widget-content {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.widget .widget-content:before, .widget .widget-content:after {
  content: " ";
  display: table;
}
.widget .widget-content:after {
  clear: both;
}
.widget .widget-title-reversed {
  margin-right: 75px;
}
.rtl .widget .widget-title-reversed {
  margin-left: 75px;
  margin-right: inherit;
}
.widget.nopadding .widget-content {
  padding: 0;
  margin: 0;
}
.widget.section-blog {
  background: transparent;
  padding: 0;
  overflow: visible;
}
.widget.section-blog .widget-title, .widget.section-blog .widgettitle, .widget.section-blog .wpb_heading {
  margin: 0 0 30px 0;
}

.title-shipping {
  text-transform: uppercase;
  background: #f57c21;
  color: #fff;
  padding: 7px 20px;
  position: relative;
}
.title-shipping:after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 100%;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent #f57c21;
}
.rtl .title-shipping:after {
  right: 100%;
  left: auto;
}
.rtl .title-shipping:after {
  border-color: transparent #f57c21 transparent transparent;
}
.title-shipping .shipping-main {
  font-family: "Raleway", "Times New Roman", Times, serif;
}

.widget-theme {
  border-color: #e2e2e2;
  background: #f57c21;
}
.widget-theme .widget-title, .widget-theme .widgettitle, .widget-theme .wpb_heading {
  color: #fff;
  background-color: #f57c21;
  border-color: #e2e2e2;
}
.widget-theme .widget-title span:before, .widget-theme .widget-title span:after, .widget-theme .widgettitle span:before, .widget-theme .widgettitle span:after, .widget-theme .wpb_heading span:before, .widget-theme .wpb_heading span:after {
  background: #fff;
}
.widget-theme .widget-title + .widget-collapse .widget-content, .widget-theme .widgettitle + .widget-collapse .widget-content, .widget-theme .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #e2e2e2;
}
.widget-theme &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #e2e2e2;
}

.widget-default {
  border-color: #e2e2e2;
  background: #333;
}
.widget-default .widget-title, .widget-default .widgettitle, .widget-default .wpb_heading {
  color: #fff;
  background-color: #333;
  border-color: #e2e2e2;
}
.widget-default .widget-title span:before, .widget-default .widget-title span:after, .widget-default .widgettitle span:before, .widget-default .widgettitle span:after, .widget-default .wpb_heading span:before, .widget-default .wpb_heading span:after {
  background: #fff;
}
.widget-default .widget-title + .widget-collapse .widget-content, .widget-default .widgettitle + .widget-collapse .widget-content, .widget-default .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #e2e2e2;
}
.widget-default &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #e2e2e2;
}

.widget-primary {
  border-color: #333333;
  background: #333333;
}
.widget-primary .widget-title, .widget-primary .widgettitle, .widget-primary .wpb_heading {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.widget-primary .widget-title span:before, .widget-primary .widget-title span:after, .widget-primary .widgettitle span:before, .widget-primary .widgettitle span:after, .widget-primary .wpb_heading span:before, .widget-primary .wpb_heading span:after {
  background: #fff;
}
.widget-primary .widget-title + .widget-collapse .widget-content, .widget-primary .widgettitle + .widget-collapse .widget-content, .widget-primary .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #333333;
}
.widget-primary &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #333333;
}

.widget-success {
  border-color: #98b552;
  background: #98b552;
}
.widget-success .widget-title, .widget-success .widgettitle, .widget-success .wpb_heading {
  color: #fff;
  background-color: #98b552;
  border-color: #98b552;
}
.widget-success .widget-title span:before, .widget-success .widget-title span:after, .widget-success .widgettitle span:before, .widget-success .widgettitle span:after, .widget-success .wpb_heading span:before, .widget-success .wpb_heading span:after {
  background: #fff;
}
.widget-success .widget-title + .widget-collapse .widget-content, .widget-success .widgettitle + .widget-collapse .widget-content, .widget-success .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #98b552;
}
.widget-success &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #98b552;
}

.widget-info {
  border-color: #38c1ee;
  background: #38c1ee;
}
.widget-info .widget-title, .widget-info .widgettitle, .widget-info .wpb_heading {
  color: #fff;
  background-color: #38c1ee;
  border-color: #38c1ee;
}
.widget-info .widget-title span:before, .widget-info .widget-title span:after, .widget-info .widgettitle span:before, .widget-info .widgettitle span:after, .widget-info .wpb_heading span:before, .widget-info .wpb_heading span:after {
  background: #fff;
}
.widget-info .widget-title + .widget-collapse .widget-content, .widget-info .widgettitle + .widget-collapse .widget-content, .widget-info .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #38c1ee;
}
.widget-info &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #38c1ee;
}

.widget-warning {
  border-color: #f2f331;
  background: #f2f331;
}
.widget-warning .widget-title, .widget-warning .widgettitle, .widget-warning .wpb_heading {
  color: #fff;
  background-color: #f2f331;
  border-color: #f2f331;
}
.widget-warning .widget-title span:before, .widget-warning .widget-title span:after, .widget-warning .widgettitle span:before, .widget-warning .widgettitle span:after, .widget-warning .wpb_heading span:before, .widget-warning .wpb_heading span:after {
  background: #fff;
}
.widget-warning .widget-title + .widget-collapse .widget-content, .widget-warning .widgettitle + .widget-collapse .widget-content, .widget-warning .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #f2f331;
}
.widget-warning &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #f2f331;
}

.widget-danger {
  border-color: #e74848;
  background: #e74848;
}
.widget-danger .widget-title, .widget-danger .widgettitle, .widget-danger .wpb_heading {
  color: #fff;
  background-color: #e74848;
  border-color: #e74848;
}
.widget-danger .widget-title span:before, .widget-danger .widget-title span:after, .widget-danger .widgettitle span:before, .widget-danger .widgettitle span:after, .widget-danger .wpb_heading span:before, .widget-danger .wpb_heading span:after {
  background: #fff;
}
.widget-danger .widget-title + .widget-collapse .widget-content, .widget-danger .widgettitle + .widget-collapse .widget-content, .widget-danger .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #e74848;
}
.widget-danger &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #e74848;
}

.widget-highlighted {
  border-color: #f57c21;
  background: #f57c21;
}
.widget-highlighted .widget-title, .widget-highlighted .widgettitle, .widget-highlighted .wpb_heading {
  color: #fff;
  background-color: #f57c21;
  border-color: #f57c21;
}
.widget-highlighted .widget-title span:before, .widget-highlighted .widget-title span:after, .widget-highlighted .widgettitle span:before, .widget-highlighted .widgettitle span:after, .widget-highlighted .wpb_heading span:before, .widget-highlighted .wpb_heading span:after {
  background: #fff;
}
.widget-highlighted .widget-title + .widget-collapse .widget-content, .widget-highlighted .widgettitle + .widget-collapse .widget-content, .widget-highlighted .wpb_heading + .widget-collapse .widget-content {
  border-top-color: #f57c21;
}
.widget-highlighted &gt; .widget-footer + .widget-collapse .widget-body {
  border-bottom-color: #f57c21;
}
.widget-highlighted .widget-content {
  border-color: #f57c21;
  border-width: 2px;
}

/* block inline style */
.widget-inline .icon {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 35px;
  /* 9 */
  font-size: 3.5rem;
  /* 9 */
}
.widget-inline .explain {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px;
  /* 9 */
  font-size: 1.1rem;
  /* 9 */
}
.widget-inline .widget-content {
  color: #fff;
  position: relative;
  text-transform: uppercase;
  font-weight: 400;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
}
.widget-inline .input-group {
  width: 100%;
}

.wpo-sidebar .widget {
  border: 0px solid #e2e2e2;
  padding: 0;
}

/* block-selector style in topbar */
.wpo-topbar .widget:last-child, .wpo-topbar .widget:first-child {
  margin: 0;
}
.wpo-topbar .social li a:hover {
  color: #f57c21;
}

/* block-selector style in header */
.stheader-3 .wpo-topbar .fa, .stheader-3 .wpo-topbar .icon,
.stheader-2 .wpo-topbar .fa,
.stheader-2 .wpo-topbar .icon {
  margin-right: 10px;
}
.rtl .stheader-3 .wpo-topbar .fa, .rtl .stheader-3 .wpo-topbar .icon, .rtl
.stheader-2 .wpo-topbar .fa, .rtl
.stheader-2 .wpo-topbar .icon {
  margin-left: 10px;
  margin-right: inherit;
}
.stheader-3 .wpo-topbar .feedback,
.stheader-2 .wpo-topbar .feedback {
  border-left: 1px solid #e2e2e2;
}
.rtl .stheader-3 .wpo-topbar .feedback, .rtl
.stheader-2 .wpo-topbar .feedback {
  border-right: 1px solid #e2e2e2;
  border-left: inherit;
}
.stheader-3 .feedback,
.stheader-3 .support,
.stheader-2 .feedback,
.stheader-2 .support {
  color: #999999;
  margin-left: 10px;
  padding-left: 10px;
}
.rtl .stheader-3 .feedback, .rtl
.stheader-3 .support, .rtl
.stheader-2 .feedback, .rtl
.stheader-2 .support {
  margin-right: 10px;
  margin-left: inherit;
}
.rtl .stheader-3 .feedback, .rtl
.stheader-3 .support, .rtl
.stheader-2 .feedback, .rtl
.stheader-2 .support {
  padding-right: 10px;
  padding-left: inherit;
}

.stheader-3 .user-login {
  margin-right: 12px;
}
.rtl .stheader-3 .user-login {
  margin-left: 12px;
  margin-right: inherit;
}
.stheader-3 .user-login li {
  border-right: 1px solid #999999 !important;
}

/* block-selector style in footer */
.wpo-footer .widget-title, .wpo-footer .widgettitle, .wpo-footer .wpb_heading {
  background: none;
  border: 0;
  font-size: 12px;
  color: #f57c21;
  padding: 0 0 10px;
  letter-spacing: 2px;
}
.wpo-footer .widget-title &gt; span, .wpo-footer .widgettitle &gt; span, .wpo-footer .wpb_heading &gt; span {
  background: none;
  padding: 0;
}
.wpo-footer ul {
  list-style: none;
}
.wpo-footer ul li {
  line-height: 1.5;
}
.wpo-footer .footer-top .widget .widget-title, .wpo-footer .footer-top .widget .widgettitle, .wpo-footer .footer-top .widget .wpb_heading {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  margin: 0 0 15px;
  padding: 0;
}
.wpo-footer .footer-top .widget .widget-title:after, .wpo-footer .footer-top .widget .widgettitle:after, .wpo-footer .footer-top .widget .wpb_heading:after {
  display: none;
}
.wpo-footer .footer-top .about-us .widget-content {
  padding-right: 30px;
}
.rtl .wpo-footer .footer-top .about-us .widget-content {
  padding-left: 30px;
  padding-right: inherit;
}
.wpo-footer .footer-middle .wpb_column {
  padding-top: 40px;
  padding-bottom: 40px;
}
.wpo-footer .footer-middle .widget .widget-content {
  background: #333333;
  padding: 0;
}
.wpo-footer .footer-bottom .widget .widget-title, .wpo-footer .footer-bottom .widget .widgettitle, .wpo-footer .footer-bottom .widget .wpb_heading {
  color: #fff;
  text-transform: uppercase;
  margin: 25px 0;
  padding: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */
}
.wpo-footer .footer-bottom .widget .widget-title:before, .wpo-footer .footer-bottom .widget .widget-title:after, .wpo-footer .footer-bottom .widget .widgettitle:before, .wpo-footer .footer-bottom .widget .widgettitle:after, .wpo-footer .footer-bottom .widget .wpb_heading:before, .wpo-footer .footer-bottom .widget .wpb_heading:after {
  display: none;
}
.wpo-footer .footer-bottom ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wpo-footer .footer-bottom ul li {
  border: 0px solid #e2e2e2 !important;
  margin: 0px;
  padding: 0px !important;
  line-height: 2.5;
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}
.wpo-footer .tagcloud a {
  color: #fff;
  border: 1px solid #f57c21;
}
.wpo-footer .tagcloud a:hover {
  border: 1px solid #f57c21;
}
.wpo-footer .widget-twitter li {
  text-transform: none;
  margin-bottom: 18px;
  line-height: 1.4286;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpo-footer .widget-twitter li:last-child {
  margin-bottom: 0;
}
.wpo-footer .entry-title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpo-footer .wpo-newsletter .wpo-newsletter-inner {
  background: #454545;
}

/* 10. Widget */
/* widget styles */
/*------------------------------------*\
    Widget
\*------------------------------------*/
.widget .textwidget img {
  margin: 5px 0;
}
.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 .post-widget .image {
  width: 80px;
  height: 80px;
}
.widget .post-widget .image img {
  width: 100%;
  height: 100%;
}
.widget.widget_archive ul, .widget.widget_archive ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_archive ul li, .widget.widget_archive ol li {
  line-height: 2.5;
}
.widget.widget_archive ul li ul, .widget.widget_archive ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_archive ul li ul, .rtl .widget.widget_archive ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_categories ul, .widget.widget_categories ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_categories ul li, .widget.widget_categories ol li {
  line-height: 2.5;
}
.widget.widget_categories ul li ul, .widget.widget_categories ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_categories ul li ul, .rtl .widget.widget_categories ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_pages ul, .widget.widget_pages ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_pages ul li, .widget.widget_pages ol li {
  line-height: 2.5;
}
.widget.widget_pages ul li ul, .widget.widget_pages ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_pages ul li ul, .rtl .widget.widget_pages ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_meta ul, .widget.widget_meta ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_meta ul li, .widget.widget_meta ol li {
  line-height: 2.5;
}
.widget.widget_meta ul li ul, .widget.widget_meta ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_meta ul li ul, .rtl .widget.widget_meta ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_nav_menu ul, .widget.widget_nav_menu ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_nav_menu ul li, .widget.widget_nav_menu ol li {
  line-height: 2.5;
}
.widget.widget_nav_menu ul li ul, .widget.widget_nav_menu ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_nav_menu ul li ul, .rtl .widget.widget_nav_menu ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_rss ul, .widget.widget_rss ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_rss ul li, .widget.widget_rss ol li {
  line-height: 2.5;
}
.widget.widget_rss ul li ul, .widget.widget_rss ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_rss ul li ul, .rtl .widget.widget_rss ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_rss ul li {
  background: none;
}
.widget.widget_rss ul li a {
  padding: 0;
}
.widget.widget_recent_entries ul, .widget.widget_recent_entries ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_recent_entries ul li, .widget.widget_recent_entries ol li {
  line-height: 2.5;
}
.widget.widget_recent_entries ul li ul, .widget.widget_recent_entries ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_recent_entries ul li ul, .rtl .widget.widget_recent_entries ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_recent_entries ul li {
  background: none;
}
.widget.widget_recent_comments ul, .widget.widget_recent_comments ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_recent_comments ul li, .widget.widget_recent_comments ol li {
  line-height: 2.5;
}
.widget.widget_recent_comments ul li ul, .widget.widget_recent_comments ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_recent_comments ul li ul, .rtl .widget.widget_recent_comments ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_recent_comments ul li {
  background: none;
}
.widget.widget_recent_comments ul li a {
  color: #f57c21;
}
.widget.widget_rss ul, .widget.widget_rss ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_rss ul li, .widget.widget_rss ol li {
  line-height: 2.5;
}
.widget.widget_rss ul li ul, .widget.widget_rss ol li ul {
  padding-left: 15px;
}
.rtl .widget.widget_rss ul li ul, .rtl .widget.widget_rss ol li ul {
  padding-right: 15px;
  padding-left: inherit;
}
.widget.widget_rss ul li {
  background: none;
}
.widget.widget_rss ul li a {
  padding: 0;
}
.widget.widget_rss ul li:before {
  display: none;
}
.widget.widget_wpo_featured_video_widget .widget-video-name {
  line-height: 1.5;
  font-weight: 700;
}
.widget.widget_wpo_tabs_widget .nav-tabs li {
  margin-bottom: 10px;
}

/*------------------------------------*\
    Widget gallary images
\*------------------------------------*/
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
  margin: 0;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item + .isotope-item {
  margin: 10px 0 0;
}

/*------------------------------------*\
    Partners
\*------------------------------------*/
.partners &gt; * {
  display: inline-block;
  margin: 0;
}
.partners h3 {
  text-transform: uppercase;
  margin-right: 20px;
}
.rtl .partners h3 {
  margin-left: 20px;
  margin-right: inherit;
}

/*------------------------------------*\
    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: #f57c21;
  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;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  margin: 0 0 0 4px;
}
.rtl .contact .contact-icon .fa {
  margin: 0 4px 0 0;
}

/*------------------------------------*\
    Widget Sidebar
\*------------------------------------*/
.wpo-sidebar select, .wpo-sidebar table {
  width: 100%;
}
.wpo-sidebar .post-widget .blog-title, .wpo-sidebar .post-widget .page-title, .wpo-sidebar .post-widget h6,
.wpo-sidebar .comment-widget .blog-title,
.wpo-sidebar .comment-widget .page-title,
.wpo-sidebar .comment-widget h6 {
  margin: 0 0 5px;
  text-transform: capitalize;
  line-height: 1.2857;
  font-weight: 700;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpo-sidebar .post-widget p,
.wpo-sidebar .comment-widget p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  font-style: italic;
}
.wpo-sidebar .post-widget .post-date,
.wpo-sidebar .comment-widget .post-date {
  margin: 0;
  line-height: 18px;
}

.template-news .wpo-sidebar .post-widget .blog-title, .template-news .wpo-sidebar .post-widget .page-title, .template-news .wpo-sidebar .post-widget h6,
.template-news .wpo-sidebar .comment-widget .blog-title,
.template-news .wpo-sidebar .comment-widget .page-title,
.template-news .wpo-sidebar .comment-widget h6 {
  text-transform: none;
  font-weight: 600;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}

/*------------------------------------*\
    Flickr Gallery Widget
\*------------------------------------*/
.widget_wpo_flickr_widget .flickr_badge_image {
  width: 57px;
  height: 57px;
  margin: 0px 4px 4px 0px;
}
.rtl .widget_wpo_flickr_widget .flickr_badge_image {
  margin: 0px 0px 4px 4px;
}

.flickr-gallery img {
  padding: 0;
  margin: 4px;
  width: 60px;
  height: 60px;
  float: left;
}
.rtl .flickr-gallery img {
  float: right;
}

/*------------------------------------*\
    Tags Widget
\*------------------------------------*/
.tagcloud a {
  z-index: 1;
  position: relative;
  color: #999999;
  border: 1px solid #e2e2e2;
  margin: 2px 0;
  padding: 5px 10px;
  background: transparent;
  text-transform: none;
  font-size: 14px !important;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
.lt-ie8 .tagcloud a {
  display: inline;
  zoom: 1;
}
.tagcloud a:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  z-index: -1;
  height: 100%;
  left: 0;
  background-color: #f57c21;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.rtl .tagcloud a:after {
  right: 0;
  left: auto;
}
.tagcloud a:hover {
  color: #fff;
  border-color: #f57c21;
}
.tagcloud a:hover:after {
  width: 100%;
}

/*------------------------------------*\
    Widget support
\*------------------------------------*/
.support strong {
  font-family: "Raleway", "Times New Roman", Times, serif;
  font-weight: 400;
}

/*------------------------------------*\
	Widget Twitter
\*------------------------------------*/
.widget-twitter {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget-twitter .fa, .widget-twitter .icon {
  color: #f57c21;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 28px;
  /* 9 */
  font-size: 2.8rem;
  /* 9 */
  margin: 6px 10px 0 0;
}
.rtl .widget-twitter .fa, .rtl .widget-twitter .icon {
  margin: 6px 0 0 10px;
}

/*------------------------------------*\
    Social
\*------------------------------------*/
.social {
  margin: 0;
}
.social li {
  display: inline-block;
}
.social li a {
  background: transparent;
  margin-right: 20px;
  float: left;
  color: #b1b1b1;
}
.rtl .social li a {
  margin-left: 20px;
  margin-right: inherit;
}
.rtl .social li a {
  float: right;
}
.social li a &gt; .fa, .social li a .icon {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
}
.social li a:hover {
  color: #f57c21;
}
.social li:last-child a {
  margin: 0;
}

/*------------------------------------*\
    vertical menu
\*------------------------------------*/
.vertical-menu {
  background: #fff;
  color: #999999;
  padding: 0;
  margin: 0;
  border: 1px solid #e2e2e2;
}
.vertical-menu .navbar-nav {
  display: block;
  width: 100%;
}
.vertical-menu .navbar-nav &gt; li &gt; .dropdown-menu {
  min-height: 100%;
  border: 1px solid #e2e2e2;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.176);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.176);
}
.vertical-menu &gt; .nav &gt; li {
  position: static;
  display: block;
  float: none;
}
.vertical-menu &gt; .nav &gt; li:hover &gt; a, .vertical-menu &gt; .nav &gt; li.open &gt; a {
  background: #3d3d3d;
  color: #fff;
}
.vertical-menu &gt; .nav &gt; li:hover:last-child &gt; a, .vertical-menu &gt; .nav &gt; li:hover:last-child &gt; a:hover, .vertical-menu &gt; .nav &gt; li:hover:last-child &gt; a:focus, .vertical-menu &gt; .nav &gt; li.open:last-child &gt; a, .vertical-menu &gt; .nav &gt; li.open:last-child &gt; a:hover, .vertical-menu &gt; .nav &gt; li.open:last-child &gt; a:focus {
  border: none;
}
.vertical-menu &gt; .nav &gt; li &gt; a {
  text-transform: inherit;
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.vertical-menu &gt; .nav &gt; li &gt; a .fa {
  font-size: 16px;
  min-width: 25px;
}
.vertical-menu &gt; .nav &gt; li .caret {
  float: right;
  margin-right: 15px;
  border: 0;
}
.rtl .vertical-menu &gt; .nav &gt; li .caret {
  float: left;
}
.rtl .vertical-menu &gt; .nav &gt; li .caret {
  margin-left: 15px;
  margin-right: inherit;
}
.vertical-menu &gt; .nav &gt; li .caret:before {
  display: inline-block;
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.vertical-menu .dropdown-menu {
  text-align: inherit;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0;
  margin: 0;
  padding: 25px;
  border: none;
  top: 0;
  z-index: 9999;
}
.vertical-menu .dropdown-menu:before, .vertical-menu .dropdown-menu:after {
  content: " ";
  display: table;
}
.vertical-menu .dropdown-menu:after {
  clear: both;
}
.vertical-menu .dropdown-menu .widget-title {
  padding: 0px;
  margin: 0 0 10px;
  font-family: "Raleway", "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  background: none;
  border: none;
  text-align: left;
}
.rtl .vertical-menu .dropdown-menu .widget-title {
  text-align: right;
}
.vertical-menu .dropdown-menu .woocommerce .box-content &gt; .col-sm-12 {
  padding: 0;
}
.vertical-menu .dropdown-menu a {
  color: #999999;
}
.vertical-menu .dropdown-menu a:hover, .vertical-menu .dropdown-menu a:active {
  color: #f57c21;
}
.vertical-menu .dropdown-menu ul {
  padding: 0;
  list-style: none;
}
.vertical-menu .dropdown-menu ul ul {
  padding-left: 9px;
}
.rtl .vertical-menu .dropdown-menu ul ul {
  padding-right: 9px;
  padding-left: inherit;
}
.vertical-menu .dropdown-menu ul li {
  line-height: 30px;
}
.vertical-menu .dropdown-menu .mega-widget-text {
  line-height: 1.5;
}
.vertical-menu .dropdown-menu .wpo-widget + .wpo-widget {
  margin-top: 10px;
}
.vertical-menu .dropdown-menu .product-block {
  padding-top: 0;
  padding-left: 0;
  border: 0;
}
.rtl .vertical-menu .dropdown-menu .product-block {
  padding-right: 0;
  padding-left: inherit;
}
.vertical-menu .dropdown-menu .product-block .rating,
.vertical-menu .dropdown-menu .product-block .quick-view,
.vertical-menu .dropdown-menu .product-block .image .image-effect,
.vertical-menu .dropdown-menu .product-block .effect-hover,
.vertical-menu .dropdown-menu .product-block .add-button,
.vertical-menu .dropdown-menu .product-block .button-groups {
  display: none !important;
}
.vertical-menu .dropdown-menu .product-block .image:hover .image-hover {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.vertical-menu .dropdown-menu .product-block .caption {
  text-align: center;
}
.vertical-menu .dropdown-menu .product-block .name {
  margin-bottom: 7px;
}
.vertical-menu .dropdown-menu .product-block .name a {
  font-family: "Raleway", "Times New Roman", Times, serif;
  font-size: 14px;
  color: #000;
}
.vertical-menu .dropdown-menu .product-block .price, .vertical-menu .dropdown-menu .product-block table .amount, table .vertical-menu .dropdown-menu .product-block .amount, .vertical-menu .dropdown-menu .product-block .table .amount, .table .vertical-menu .dropdown-menu .product-block .amount {
  position: relative;
  bottom: inherit;
  width: 100%;
  border: none;
  padding: 0;
  font-size: 18px;
  font-family: "Raleway", sans-serif;
}
.vertical-menu.menu-left .dropdown-menu {
  left: 100% !important;
  right: auto !important;
}
.vertical-menu.menu-right .dropdown-menu {
  left: auto !important;
  right: 100% !important;
}

.widget_wpo_menu_vertical.style2 {
  padding: 30px 9px 0;
  margin-top: -31px;
  border-style: solid;
  border-color: #e2e2e2;
  border-width: 0 1px 1px;
}
.widget_wpo_menu_vertical.style2 .vertical-menu {
  background: #fff;
}
.widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li:hover &gt; a, .widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li.open &gt; a, .widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li:active &gt; a, .widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li.active &gt; a {
  color: #f57c21;
  background: none;
}
.widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li &gt; a {
  border-bottom: 1px solid #e2e2e2;
}
.widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li &gt; a .icon, .widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li &gt; a .fa {
  display: none;
}
.widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li &gt; a:before {
  content: '+';
  color: #000;
  position: absolute;
  left: -2px;
}
.rtl .widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li &gt; a:before {
  right: -2px;
  left: auto;
}
.widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li:last-child &gt; a {
  border: none;
}
.widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li .caret {
  position: absolute;
  right: 0;
}
.rtl .widget_wpo_menu_vertical.style2 .vertical-menu .nav &gt; li .caret {
  left: 0;
  right: auto;
}

.widget_mc4wp_widget form {
  margin: 0;
}

.wpo-newsletter {
  position: relative;
}
.wpo-newsletter:after {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #000 #000 transparent transparent;
}
.rtl .wpo-newsletter:after {
  right: 0;
  left: auto;
}
.rtl .wpo-newsletter:after {
  border-color: #000 transparent transparent #000;
}
.wpo-newsletter .mc4wp-form {
  margin-top: 0;
}
.wpo-newsletter .wpo-newsletter-inner {
  overflow: hidden;
  position: relative;
  background: #333333;
  color: #999999;
  padding: 20px;
}
.wpo-newsletter .text-title {
  color: #fff;
  font-family: "Raleway", "Times New Roman", Times, serif;
  font-size: 10px;
  background: #e74848;
  padding: 5px 25px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(28px, 11px) rotate(40deg);
  -moz-transform: translate(28px, 11px) rotate(40deg);
  -ms-transform: translate(28px, 11px) rotate(40deg);
  -o-transform: translate(28px, 11px) rotate(40deg);
  transform: translate(28px, 11px) rotate(40deg);
}

.information {
  padding: 0 20px;
}
.information .fa, .information .icon {
  width: 38px;
  height: 38px;
  border-radius: 4px;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  line-height: 36px;
}
.information .fa em, .information .icon em {
  display: none;
}

.wpo-contact-content {
  margin-bottom: 20px;
  padding: 0 !important;
  background: transparent !important;
}
.wpo-contact-content .locality {
  padding-bottom: 25px;
}

.wpb_image_grid_ul &gt; li {
  margin: 0 18px 0 0;
  color: red;
}
.rtl .wpb_image_grid_ul &gt; li {
  margin: 0 0 0 18px;
}

/*
*  Shortcode
*/
.grid-system .cell {
  border: 1px solid #e2e2e2;
  background: #e1e1e1;
  text-align: center !important;
  margin: 0 0px 10px 0;
  padding: 8px 0 8px 0;
}
.rtl .grid-system .cell {
  margin: 0 0 10px 0px;
}
.rtl .grid-system .cell {
  padding: 8px 0 8px 0;
}
.grid-system &gt; div {
  padding: 0 5px 0 5px;
}
.rtl .grid-system &gt; div {
  padding: 0 5px 0 5px;
}

.features-btn .table &gt; thead &gt; tr &gt; th,
.features-btn .table &gt; thead &gt; tr &gt; td,
.features-btn .table &gt; tbody &gt; tr &gt; th,
.features-btn .table &gt; tbody &gt; tr &gt; td,
.features-btn .table &gt; tfoot &gt; tr &gt; th,
.features-btn .table &gt; tfoot &gt; tr &gt; td {
  vertical-align: middle;
}

.icon .input-group-addon {
  background: #fff;
}
.icon .input-group-addon .fa, .icon .input-group-addon .icon {
  color: #000;
}

.icons-examples {
  padding-bottom: 18px;
  min-height: 130px;
}
.icons-examples .fa {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 2.4rem;
  /* 9 */
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
}
.rtl .icons-examples .fa {
  text-align: right;
}

.shortcode_sourcecode {
  margin: 10px 0;
}
.shortcode_sourcecode code {
  white-space: normal;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 769px) {
  #offcanvas-search {
    width: 100%;
  }

  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -70%;
    /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -70%;
    /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 70%;
    /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 70%;
    /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 70%;
    /* 6 columns */
  }
  .sidebar-offcanvas .offcanvas-inner {
    background: #333333;
    border: 0;
  }
  .sidebar-offcanvas .offcanvas-inner .offcanvas-heading {
    padding-bottom: 0;
  }
  .sidebar-offcanvas .offcanvas-body {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sidebar-offcanvas .navbar-collapse {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .sidebar-offcanvas .navbar-nav {
    margin: 0;
  }
  .sidebar-offcanvas li {
    overflow: hidden;
    position: relative;
    clear: both;
  }
  .sidebar-offcanvas li.active &gt; a {
    color: #f57c21;
  }
  .sidebar-offcanvas li a {
    color: #ffffff;
    display: block;
    padding: 10px 0;
  }
  .sidebar-offcanvas li .dropdown-menu {
    padding-left: 15px;
    padding-right: 15px;
    background: transparent;
    margin: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
  }
  .sidebar-offcanvas li .dropdown-menu &gt; li &gt; a {
    padding: 5px 15px;
  }

  .btn-offcanvas {
    margin: 0;
  }
  .btn-offcanvas .fa {
    color: #fff;
    vertical-align: middle;
  }

  .mobile-dropdown-menu {
    display: none;
    padding: 0 0 0 30px;
  }

  .mobile-toggle {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
  }
  .mobile-toggle:hover, .mobile-toggle:active {
    border-color: #f57c21 transparent transparent;
  }
}
/*
*  Main Menu
*/
.navbar-mega {
  min-height: inherit;
  margin: 0px;
  border: 0px solid transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.navbar-mega ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.navbar-mega ul li {
  border: none;
}
.navbar-mega ul li.parent {
  position: relative;
}
.navbar-mega ul li.dropdown-submenu {
  position: relative;
}
.navbar-mega ul li.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  right: auto;
  position: absolute;
}
.navbar-mega .navbar-nav &gt; .open &gt; a {
  color: #f57c21;
}
.navbar-mega .navbar-nav &gt; .open &gt; a:hover, .navbar-mega .navbar-nav &gt; .open &gt; a:focus {
  color: #f57c21;
}
.navbar-mega .navbar-nav &gt; li &gt; a {
  position: relative;
  padding: 13px 5px;
  color: #000;
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 14px;
}
.navbar-mega .navbar-nav &gt; li &gt; a:hover, .navbar-mega .navbar-nav &gt; li &gt; a:focus {
  color: #f57c21;
}
.navbar-mega .navbar-nav &gt; li &gt; a:after {
  border-color: transparent transparent #f57c21;
  border-style: solid;
  border-width: 0px 6px 6px 6px;
  content: "";
  pointer-events: none;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 10px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.rtl .navbar-mega .navbar-nav &gt; li &gt; a:after {
  right: calc(50% - 10px);
  left: auto;
}
.navbar-mega .navbar-nav &gt; li &gt; a .text-label {
  position: absolute;
  top: -10px;
  color: #fff;
  font-size: 9px;
  padding: 3px 5px;
  line-height: 100%;
  left: 50%;
  margin-left: -18px;
}
.navbar-mega .navbar-nav &gt; li &gt; a .text-label:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: #34b4cf transparent transparent;
  border-width: 3px;
  top: 100%;
  left: 50%;
  margin-left: -3px;
}
.navbar-mega .navbar-nav &gt; li &gt; a .text-label.text_new {
  background: #34b4cf;
}
.navbar-mega .navbar-nav &gt; li &gt; a .text-label.text_hot {
  background: #eb5466;
}
.navbar-mega .navbar-nav &gt; li &gt; a .text-label.text_hot:before {
  border-color: #eb5466 transparent transparent;
}
.navbar-mega .navbar-nav &gt; li:first-child &gt; a {
  padding-left: 0;
}
.rtl .navbar-mega .navbar-nav &gt; li:first-child &gt; a {
  padding-right: 0;
  padding-left: inherit;
}
.navbar-mega .navbar-nav &gt; li.parent:hover a:after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu {
  border: 1px solid #e2e2e2;
  padding: 10px 25px;
  margin-top: 6px;
  background: #fff;
  min-width: 225px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #999999;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu ul li {
  display: block;
  padding: 0;
  float: none;
  line-height: 30px;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu ul li a {
  display: block;
  min-height: inherit;
  font-weight: 300;
  padding: 0;
  color: #999999;
  text-transform: uppercase;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu ul li a:hover {
  color: #f57c21;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu ul li:last-child {
  border: 0;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .widget-title {
  margin: 0 0 10px 0;
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
  font-family: 'Roboto', sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  padding: 15px 0;
  border-bottom: 1px solid #e2e2e2;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid:hover .price, .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid:hover table .amount, table .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid:hover .amount, .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid:hover .table .amount, .table .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid:hover .amount {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid .button-groups {
  display: none;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid .rating, .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid .price, .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid table .amount, table .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid .amount, .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid .table .amount, .table .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-grid .amount {
  margin-bottom: 10px;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block {
  padding-top: 0;
  padding-left: 0;
  border: 0;
}
.rtl .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block {
  padding-right: 0;
  padding-left: inherit;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .rating,
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .quick-view,
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .image .image-effect,
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .effect-hover,
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .add-button,
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .button-groups {
  display: none !important;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .image:hover .image-hover {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .caption {
  text-align: center;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .name {
  margin-bottom: 7px;
  min-height: 0;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .name a {
  font-family: "Raleway", "Times New Roman", Times, serif;
  font-size: 14px;
  color: #000;
}
.navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .price, .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block table .amount, table .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .amount, .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .table .amount, .table .navbar-mega .navbar-nav &gt; li .dropdown-menu .product-block .amount {
  position: relative;
  bottom: inherit;
  width: 100%;
  border: none;
  padding: 0;
  font-size: 18px;
  font-family: "Raleway", sans-serif;
}
.navbar-mega .navbar-nav .active &gt; a {
  color: #f57c21 !important;
}
.navbar-mega .navbar-nav &gt; .aligned-fullwidth {
  position: static !important;
}
.navbar-mega .navbar-nav &gt; .aligned-fullwidth &gt; .dropdown-menu {
  width: 100% !important;
}

.navbar-mega-full-width {
  padding: 0;
  margin: 0;
  border: 0px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: transparent;
}
.navbar-mega-full-width .navbar-header {
  float: none;
}
.navbar-mega-full-width .container {
  position: relative;
}
.navbar-mega-full-width .navbar-nav {
  float: none;
  margin: 0;
  text-align: center;
}
.navbar-mega-full-width .navbar-nav &gt; li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 .navbar-mega-full-width .navbar-nav &gt; li {
  display: inline;
  zoom: 1;
}
.navbar-mega-full-width .navbar-nav &gt; li &gt; a {
  line-height: 30px;
}
.navbar-mega-full-width.mainmenu-inverse .navbar-nav {
  display: block;
  float: left;
  text-align: left;
}
.rtl .navbar-mega-full-width.mainmenu-inverse .navbar-nav {
  float: right;
}
.rtl .navbar-mega-full-width.mainmenu-inverse .navbar-nav {
  text-align: right;
}
.navbar-mega-full-width.mainmenu-inverse .navbar-nav &gt; li:first-child &gt; a {
  padding-left: 0;
}
.rtl .navbar-mega-full-width.mainmenu-inverse .navbar-nav &gt; li:first-child &gt; a {
  padding-right: 0;
  padding-left: inherit;
}
.navbar-mega-full-width.mainmenu-inverse .collapse {
  padding: 0;
}

@media (min-width: 768px) {
  .navbar-mega.animate .mega &gt; .dropdown-menu {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
  .navbar-mega.animate .mega.animating &gt; .dropdown-menu {
    overflow: hidden;
    display: block !important;
  }
  .navbar-mega.animate .mega.open &gt; .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }
  .navbar-mega.animate .mega.open.animating &gt; .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }
  .navbar-mega.animate.fading .mega.open &gt; .dropdown-menu {
    -webkit-animation: fadeInUp 0.3s linear alternate running;
    -o-animation: fadeInUp 0.3s linear alternate running;
    animation: fadeInUp 0.3s linear alternate running;
  }
  .navbar-mega.animate.zoom .mega.open &gt; .dropdown-menu {
    -webkit-animation: zoomIn 0.3s;
    -o-animation: zoomIn 0.3s;
    animation: zoomIn 0.3s;
  }
  .navbar-mega.animate.elastic .mega &gt; .dropdown-menu {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 10% 0;
    -moz-transform-origin: 10% 0;
    -ms-transform-origin: 10% 0;
    transform-origin: 10% 0;
  }
  .navbar-mega.animate.elastic .mega.open &gt; .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .navbar-mega.animate.elastic .depth-0.mega &gt; .dropdown-menu {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  .navbar-mega.animate.elastic .depth-0.open &gt; .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .navbar-mega.animate.slide .mega.animating &gt; .dropdown-menu {
    overflow: hidden;
  }
  .navbar-mega.animate.slide .mega &gt; .dropdown-menu &gt; div {
    margin-top: -100%;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
  }
  .navbar-mega.animate.slide .mega.open &gt; .dropdown-menu &gt; div {
    margin-top: 0%;
  }
  .navbar-mega.animate.slide .mega .mega &gt; .dropdown-menu {
    min-width: 0;
  }
  .navbar-mega.animate.slide .mega .mega &gt; .dropdown-menu &gt; div {
    min-width: 200px;
    margin-top: 0;
    margin-left: -500px;
  }
  .rtl .navbar-mega.animate.slide .mega .mega &gt; .dropdown-menu &gt; div {
    margin-right: -500px;
    margin-left: inherit;
  }
  .navbar-mega.animate.slide .mega .mega.open &gt; .dropdown-menu &gt; div {
    margin-left: 0;
  }
  .rtl .navbar-mega.animate.slide .mega .mega.open &gt; .dropdown-menu &gt; div {
    margin-right: 0;
    margin-left: inherit;
  }
}
/* 8. Form */
/*
*  Form
*/
/* Button
------------------------------------------------*/
.btn-outline {
  color: #fff;
  background-color: #f57c21;
  border: 0px solid #f57c21;
  -webkit-box-shadow: 0 -4px 0 -1px #ce5901 inset;
  box-shadow: 0 -4px 0 -1px #ce5901 inset;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: #fff;
  background-color: #ce5901;
  border: 0px solid #ce5901;
}
.btn-outline .fa, .btn-outline .icon {
  margin: 0 5px 0 0;
  font-size: 14px;
}
.rtl .btn-outline .fa, .rtl .btn-outline .icon {
  margin: 0 0 0 5px;
}

.btn-outline-lg {
  padding: 15px 70px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 8px;
}

.btn-outline-sm {
  padding: 7px 25px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-outline-xs {
  padding: 5px 5px;
  font-size: 9px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-inverse {
  color: #fff;
  background-color: #ce5901;
  border: 0px solid #ce5901;
  -webkit-box-shadow: 0 -4px 0 -1px #f57c21 inset;
  box-shadow: 0 -4px 0 -1px #f57c21 inset;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {
  color: #fff;
  background-color: #f57c21;
  border: 0px solid #f57c21;
}
.btn-inverse .fa, .btn-inverse .icon {
  margin: 0 5px 0 0;
  font-size: 14px;
}
.rtl .btn-inverse .fa, .rtl .btn-inverse .icon {
  margin: 0 0 0 5px;
}

.btn-outline-inverse {
  color: #fff;
  background-color: #f57c21;
  border: #f57c21;
  -webkit-box-shadow: 0 -4px 0 -1px #a84d08 inset;
  box-shadow: 0 -4px 0 -1px #a84d08 inset;
}
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active, .btn-outline-inverse.active {
  color: #fff;
  background-color: #a84d08;
  border: #a84d08;
}
.btn-outline-inverse .fa, .btn-outline-inverse .icon {
  margin: 0 5px 0 0;
  font-size: 14px;
}
.rtl .btn-outline-inverse .fa, .rtl .btn-outline-inverse .icon {
  margin: 0 0 0 5px;
}

.btn-trm {
  color: #fff;
  background-color: #f57c21;
  border: #f57c21;
  -webkit-box-shadow: 0 -4px 0 -1px #a84d08 inset;
  box-shadow: 0 -4px 0 -1px #a84d08 inset;
}
.btn-trm:hover, .btn-trm:focus, .btn-trm:active, .btn-trm.active {
  color: #fff;
  background-color: #a84d08;
  border: #a84d08;
}
.btn-trm .fa, .btn-trm .icon {
  margin: 0 5px 0 0;
  font-size: 14px;
}
.rtl .btn-trm .fa, .rtl .btn-trm .icon {
  margin: 0 0 0 5px;
}

/* Search
------------------------------------------------*/
.wpo-search {
  border: 1px solid #e2e2e2;
  text-align: left;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.rtl .wpo-search {
  text-align: right;
}
.wpo-search .input-search {
  border: 0;
  padding: 10px;
  background: #fff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  height: 38px;
  border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -ms-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
}
.wpo-search .input-search::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.wpo-search .input-search:-ms-input-placeholder {
  color: #999999;
}
.wpo-search .input-search::-webkit-input-placeholder {
  color: #999999;
}
.wpo-search .input-search:hover, .wpo-search .input-search:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.wpo-search .fa {
  border: 0;
  padding: 0;
  color: #0d292f;
  background: none transparent;
  -webkit-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  -o-transform: rotate(80deg);
  transform: rotate(80deg);
}
.wpo-search .btn-search {
  cursor: pointer;
  background: #fff;
  border: 0px;
}

.search-category {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}
.search-category .search-category-container {
  height: 40px;
  padding: 0;
  background: #f6f6f6;
  border-style: solid;
  border-color: #e2e2e2;
  border-width: 0 1px;
}
.search-category .select {
  border: 0;
  margin: 0;
}
.search-category .select select {
  background: url("../../../images/arrow.png") no-repeat scroll 86% center;
  padding: 8px;
}
.search-category .select select:hover, .search-category .select select:focus {
  outline-style: none;
}
.search-category .btn-search {
  padding: 0 14px;
}
.search-category .btn-search .searchsubmit {
  padding: 0;
  border: 0;
  background: transparent;
}
.search-category .search-category-input {
  border: none;
}
.search-category .search-category-input:focus, .search-category .search-category-input:active, .search-category .search-category-input:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search-category .input-group-btn {
  background: #222222;
}
.search-category .input-group-btn .icon,
.search-category .input-group-btn .fa {
  color: #fff;
}

.button-search {
  display: table;
  padding: 0;
  text-align: center;
  width: 30px;
  height: 20px;
}
.button-search:hover {
  color: #f57c21;
  text-decoration: none;
}
.button-search:hover .fa {
  color: #f57c21;
}
.button-search .fa {
  color: #999999;
  display: table-cell;
  vertical-align: middle;
}

/* comment form
------------------------------------------------*/
label.rememberme {
  cursor: pointer;
}

/* Select, Input
------------------------------------------------*/
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea, select {
  border: 1px solid #e2e2e2;
  padding: 5px 6px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.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: #fff;
  margin: 0 0 5px 0;
}
.input-group-form .form-control-reversed {
  border: 0px;
  background: #0d292f;
  color: #cccccc;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  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: #0d292f;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.select {
  overflow: hidden;
  width: 200px;
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  border: 1px solid #e2e2e2;
}
.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: 218px;
  border: 0;
  cursor: pointer;
}
.select select:hover, .select select:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e2e2e2;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 0;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.4286;
  color: #333333;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px 6px;
  font-size: 13px;
  line-height: 1.4286;
  color: #333333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
}
.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.4286 \0;
}
input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control,
input[type="time"].input-sm,
.form-horizontal .form-group-sm input[type="time"].form-control,
input[type="datetime-local"].input-sm,
.form-horizontal .form-group-sm input[type="datetime-local"].form-control,
input[type="month"].input-sm,
.form-horizontal .form-group-sm input[type="month"].form-control {
  line-height: 30px;
}
input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control,
input[type="time"].input-lg,
.form-horizontal .form-group-lg input[type="time"].form-control,
input[type="datetime-local"].input-lg,
.form-horizontal .form-group-lg input[type="datetime-local"].form-control,
input[type="month"].input-lg,
.form-horizontal .form-group-lg input[type="month"].form-control {
  line-height: 48px;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 7px;
  margin-top: 7px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled, fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled, fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

select.input-sm, .form-horizontal .form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control,
select[multiple].input-sm,
.form-horizontal .form-group-sm select[multiple].form-control {
  height: auto;
}

.input-lg, .form-horizontal .form-group-lg .form-control {
  height: 48px;
  padding: 10px 16px;
  font-size: 19px;
  line-height: 1.33;
  border-radius: 0;
}

select.input-lg, .form-horizontal .form-group-lg select.form-control {
  height: 48px;
  line-height: 48px;
}

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control,
select[multiple].input-lg,
.form-horizontal .form-group-lg select[multiple].form-control {
  height: auto;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #fff;
}
.has-success .form-control {
  border-color: #fff;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
}
.has-success .form-control:focus {
  border-color: #e6e6e6;
}
.has-success .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #98b552;
}
.has-success .form-control-feedback {
  color: #fff;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #fff;
}
.has-warning .form-control {
  border-color: #fff;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
}
.has-warning .form-control:focus {
  border-color: #e6e6e6;
}
.has-warning .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #f2f331;
}
.has-warning .form-control-feedback {
  color: #fff;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #fff;
}
.has-error .form-control {
  border-color: #fff;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
}
.has-error .form-control:focus {
  border-color: #e6e6e6;
}
.has-error .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #e74848;
}
.has-error .form-control-feedback {
  color: #fff;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #d9d9d9;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group &gt; .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -9px;
  margin-right: -9px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 9px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

.bg-primary {
  background-color: #333333;
}

.bg-success {
  background-color: #333333;
}

.bg-info {
  background-color: #333333;
}

.bg-warning {
  background-color: #333333;
}

.bg-danger {
  background-color: #333333;
}

.text-primary {
  color: #333333;
}

.text-success {
  color: #98b552;
}

.text-info {
  color: #38c1ee;
}

.text-warning {
  color: #f2f331;
}

.text-danger {
  color: #e74848;
}

.text-skin {
  color: #f57c21;
}

.text-hightlight {
  color: #000;
}

/*------------------------------------*\
    Tabs
\*------------------------------------*/
.tabs-list {
  border: 0;
  text-align: left;
}
.rtl .tabs-list {
  text-align: right;
}

/*------------------------------------*\
    Breadcrumbs
\*------------------------------------*/
.breadcrumb &gt; .fa {
  margin: 0 5px 0 5px;
}
.rtl .breadcrumb &gt; .fa {
  margin: 0 5px 0 5px;
}

/*------------------------------------*\
    Customize Live Theme Editor
\*------------------------------------*/
#wpo-customize {
  top: 0;
  border: 0;
  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -webkit-transition: left 0.5s ease-in-out 0s;
  -o-transition: left 0.5s ease-in-out 0s;
  transition: left 0.5s ease-in-out 0s;
  -webkit-box-shadow: 3px 2px 5px 0 rgba(50, 50, 50, 0.2);
  box-shadow: 3px 2px 5px 0 rgba(50, 50, 50, 0.2);
  background: #fff;
}
#wpo-customize .panel {
  border-color: #c7c7c7;
}
#wpo-customize .panel .accordion-inner {
  padding: 10px;
  border-color: #c7c7c7;
}
#wpo-customize .panelbutton {
  border-color: #d5d5d5;
  -webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
}
#wpo-customize .panel-heading {
  padding: 3px 10px;
}
#wpo-customize .group-input {
  margin-top: 0;
  margin-bottom: 15px;
  margin-right: 6px;
}
.rtl #wpo-customize .group-input {
  margin-left: 6px;
  margin-right: inherit;
}
#wpo-customize .nav {
  border: 0;
}
#wpo-customize .nav a {
  color: #000;
  padding: 5px 10px;
  background: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin: 0 3px 3px 0;
  border: 1px solid #c7c7c7;
}
.rtl #wpo-customize .nav a {
  margin: 0 0 3px 3px;
}
#wpo-customize .nav a:hover {
  background: #fff;
}
#wpo-customize .nav a::before {
  display: none;
}
#wpo-customize .nav .active &gt; a, #wpo-customize .nav .active:hover, #wpo-customize .nav .active:focus, #wpo-customize .nav .active:active {
  background: #fff;
}
#wpo-customize .nav .active &gt; a::before, #wpo-customize .nav .active:hover::before, #wpo-customize .nav .active:focus::before, #wpo-customize .nav .active:active::before {
  display: none;
}
#wpo-customize .label {
  padding: 4px 5px;
}
#wpo-customize select, #wpo-customize input[type="text"] {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-color: #c7c7c7;
}
#wpo-customize .accordion-toggle {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  text-transform: uppercase;
  color: #000;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 #wpo-customize .accordion-toggle {
  display: inline;
  zoom: 1;
}
#wpo-customize .accordion-toggle:hover {
  color: #000;
}
#wpo-customize .panelbutton {
  background: #f57c21;
  right: -40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border: 0;
  padding: 0;
  display: table;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  text-align: center;
  width: 40px;
  height: 40px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  -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;
}
.rtl #wpo-customize .panelbutton {
  left: -40px;
  right: auto;
}
#wpo-customize .panelbutton &gt; * {
  display: table-cell;
  vertical-align: middle;
}
#wpo-customize .panel-heading {
  padding: 2px 5px;
}
#wpo-customize .form-group label {
  color: gray;
}

/*-------------------------------------------
	Modal
-------------------------------------------*/
.modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.modal-lg {
  width: 900px;
}
.modal-lg.modal-min-width {
  width: 500px;
  height: auto;
  min-height: 90px;
}
.modal-lg.modal-min-width .modal-content {
  border: 0;
}
.modal-lg .total, .modal-lg .buttons {
  text-align: center;
}

/*-------------------------------------------
	Pagination
-------------------------------------------*/
.wpo-pagination:before, .wpo-pagination:after {
  content: " ";
  display: table;
}
.wpo-pagination:after {
  clear: both;
}
.wpo-pagination .pagination,
.wpo-pagination .page-numbers {
  margin: 0;
  border: 0;
}

.product-bottom {
  padding: 10px;
  background: #fff;
  clear: both;
}

.result-count {
  padding: 10px 0;
  margin: 0;
}

/*------------------------------------*\
    Mobile
\*------------------------------------*/
.active-mobile {
  width: 44px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  position: relative;
  cursor: default;
  border-left: 1px solid white;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.active-mobile:before {
  background-color: white;
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  left: 0;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  display: none;
}
.rtl .active-mobile:before {
  right: 0;
  left: auto;
}
.active-mobile:first-child:before {
  display: none;
}
.active-mobile:hover {
  background-color: white;
}
.active-mobile:hover .fa, .active-mobile:hover .icon {
  color: #f57c21;
}
.active-mobile:hover:before {
  display: none;
}
.active-mobile:hover .active-content {
  left: auto;
}
.rtl .active-mobile:hover .active-content {
  right: auto;
  left: auto;
}
.active-mobile &gt; .fa, .active-mobile &gt; .icon {
  display: block;
  color: #fff;
  position: absolute;
  top: 50%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  left: 50%;
  margin: -10px 0px 0 -10px;
}
.rtl .active-mobile &gt; .fa, .rtl .active-mobile &gt; .icon {
  right: 50%;
  left: auto;
}
.rtl .active-mobile &gt; .fa, .rtl .active-mobile &gt; .icon {
  margin: -10px -10px 0 0px;
}
.active-mobile.cart-popup {
  background: url("../../../images/cart-m.svg") no-repeat 20px 50%;
}
.active-mobile.cart-popup .fa, .active-mobile.cart-popup .icon {
  display: none;
}
.active-mobile .wpo-search {
  border: 0;
  background-color: #212121;
}
.active-mobile .wpo-search .input-search, .active-mobile .wpo-search .btn-search {
  background-color: transparent;
  color: #fff;
}
.active-mobile .wpo-search .input-search {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
}
.active-mobile .wpo-search .btn-search .fa {
  color: #fff;
}
.active-mobile .active-content {
  position: absolute;
  top: 100%;
  z-index: 9999;
  color: #777777;
  padding: 18px;
  background-color: white;
  left: -10000px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  min-width: 270px;
  visibility: hidden;
  right: 0;
  text-align: left;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.rtl .active-mobile .active-content {
  right: -10000px;
  left: auto;
}
.rtl .active-mobile .active-content {
  left: 0;
  right: auto;
}
.rtl .active-mobile .active-content {
  text-align: right;
}
.active-mobile.cart-popup .active-content {
  background-color: white;
  min-width: 320px;
}
.active-mobile .title {
  color: #fff;
  margin: 0 0 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid white;
}
.rtl .active-mobile .title {
  margin: 0 0 10px 0;
}
.active-mobile ul li {
  display: block;
  margin: 0;
  padding: 10px 0;
  line-height: normal;
  text-transform: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}

/*------------------------------------*\
    Custom Panel
\*------------------------------------*/
.custom-panel {
  border: 0;
}
.custom-panel .panel-footer {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #e2e2e2;
}

.pricing-tables .panel-heading {
  border-color: #e2e2e2;
}
.pricing-tables .panel-footer {
  border-top: 0px;
}

/*------------------------------------*\
    class sufix
\*------------------------------------*/
.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.red {
  color: #e74848;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

.blue {
  color: #38c1ee;
}

.green {
  color: #8bc34a !important;
}

.static {
  position: static !important;
}

.relative {
  position: relative !important;
}

.header-underline .widget-title {
  background: #f6f6f6;
  margin: 25px 0;
  position: relative;
  width: 100%;
}
.header-underline .widget-title:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #e2e2e2;
  top: 50%;
  left: 0;
}
.header-underline .widget-title span {
  padding: 0 40px;
  background: #f6f6f6;
  color: #f57c21;
  letter-spacing: 3px;
  position: relative;
  z-index: 999;
}

/*-------------------------------------------
    No Margin
-------------------------------------------*/
.no-margin {
  margin: 0 !important;
}
.no-margin .pagination {
  margin: 0;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom, .wpo-testimonial.skin-3 {
  margin-bottom: 0 !important;
}

/*-------------------------------------------
    No Padding
-------------------------------------------*/
.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-position {
  position: static !important;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 .inline-block {
  display: inline;
  zoom: 1;
}

/*------------------------------------*\
    Clear List Style
\*------------------------------------*/
.clear-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

/*-------------------------------------------
    Clear heading style
-------------------------------------------*/
.no-heading-style:after {
  display: none !important;
}

/*-------------------------------------------
    Text Transform
-------------------------------------------*/
.text-none {
  text-transform: none !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

/*-------------------------------------------
    Wrapper
-------------------------------------------*/
.well.no-margin {
  margin-bottom: 0;
}
.well.no-padding {
  padding-bottom: 0;
}

/*------------------------------------*\
    Font size heading title
\*------------------------------------*/
.font-size-lg {
  font-size: 26px !important;
}

.font-size-md {
  font-size: 18px !important;
}

.font-size-sm {
  font-size: 14px !important;
}

.font-size-xs {
  font-size: 12px !important;
}

/*------------------------------------*\
    rounded
\*------------------------------------*/
.rounded {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.no-rounded {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

/*------------------------------------*\
    Border
\*------------------------------------*/
.no-border {
  border: 0px !important;
}

/*------------------------------------*\
    No background
\*------------------------------------*/
.bg-transparent {
  background: transparent !important;
}

/* Visual Composer  */
/* Heading , title, and description
// -------------------------------------------*/
.visual-description {
  display: block;
  line-height: 1.66667;
  margin: 10px 0;
  color: #999999;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}

.page-template[class*="layout-full-width"] .visual-description {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  text-transform: lowercase;
}

.image-icon {
  width: 40px;
  height: 40px;
}

/* Accordion
// -------------------------------------------*/
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title {
  cursor: pointer;
  letter-spacing: 0px;
  text-transform: uppercase;
  background: transparent;
  margin: -1px;
  padding: 15px 20px;
  font-weight: 800;
  font-family: "Montserrat";
  line-height: 1.5;
  color: #000000;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  -webkit-box-shadow: inset 0 0 0 0 #f57c21;
  box-shadow: inset 0 0 0 0 #f57c21;
  -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
  transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title:hover {
  -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
  transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
  -webkit-box-shadow: inset 0 -46px 0 0 #f57c21;
  box-shadow: inset 0 -46px 0 0 #f57c21;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title a {
  color: inherit;
  display: inline;
  padding: 0;
  border: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title .ui-accordion-header-icon {
  display: table;
  text-align: center;
  background: none transparent;
  top: 1px;
  width: 43px;
  height: 43px;
  right: 1px;
}
.rtl .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title .ui-accordion-header-icon {
  left: 1px;
  right: auto;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title .ui-accordion-header-icon:before {
  display: table-cell;
  vertical-align: middle;
  content: "\f067";
  font-family: "FontAwesome";
  color: #000;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title:hover {
  color: #fff;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.panel-title:hover .ui-accordion-header-icon:before {
  color: #fff;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active {
  background: #0d292f;
  color: #fff;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active .ui-accordion-header-icon:before {
  color: #fff;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-corner-top .ui-accordion-header-icon:before {
  content: "\f068";
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin: 0 0 5px 0;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_content .wpb_content_element {
  padding: 0;
  margin: 0;
}

/* toggle
// -------------------------------------------*/
.wpb_toggle.panel-heading {
  margin: 0;
  background-position: 20px center;
  padding-left: 50px;
}
.rtl .wpb_toggle.panel-heading {
  padding-right: 50px;
  padding-left: inherit;
}

.wpb_toggle_content.panel-body {
  margin-top: 0;
}

.last_toggle_el_margin {
  margin-bottom: 0 !important;
}

/* VC Template Skin 2
// -------------------------------------------*/
.vc-template-skin2 .wpb-container:last-child .wpb-inner, .vc-template-skin2 .wpb-container:first-child .wpb-inner {
  border: 0px;
}
.vc-template-skin2 .block-intro &gt; .wpb_wrapper {
  background: #fff;
}
.vc-template-skin2 .block-client-say &gt; .wpb_wrapper {
  padding-top: 100px;
  padding-right: 40px;
}
.vc-template-skin2 .block-client-say .widget-brand-logo {
  margin-bottom: 70px !important;
}
.vc-template-skin2 .block-client-say .widget-brand-logo .widget-brands-inner {
  border: 0px;
  padding: 0px;
}
.vc-template-skin2 .block-client-say .widget-brand-logo .carousel-controls {
  display: none;
}
.vc-template-skin2 .block-latest-update {
  padding-bottom: 60px;
}
.vc-template-skin2 .block-latest-update &gt; .wpb_wrapper {
  padding-top: 111px;
  padding-right: 40px;
}
.vc-template-skin2 .block-latest-project &gt; .wpb_wrapper {
  background: #fff;
  margin-left: -30px;
}
.rtl .vc-template-skin2 .block-latest-project &gt; .wpb_wrapper {
  margin-right: -30px;
  margin-left: inherit;
}
.vc-template-skin2 .blog-type .type-post {
  padding-left: 0;
  padding-right: 0;
}
.vc-template-skin2 .blog-type .post-container {
  background: #fff;
}
.vc-template-skin2 .blog-type .post-container .entry-blog-container {
  padding: 20px;
  border: 1px solid #e2e2e2;
}
.vc-template-skin2 .blog-type .post-container .entry-title {
  margin-top: 0;
}
.vc-template-skin2 .blog-type .post-container .entry-image {
  overflow: hidden;
  margin-bottom: -1px;
}
.vc-template-skin2 .blog-type .post-container .entry-content {
  margin: 0;
}
.vc-template-skin2 .blog-type .post-container .entry-meta {
  position: absolute;
  top: 20px;
  right: 20px;
}
.rtl .vc-template-skin2 .blog-type .post-container .entry-meta {
  left: 20px;
  right: auto;
}
.vc-template-skin2 .blog-type .post-container .entry-meta span {
  display: none;
}
.vc-template-skin2 .blog-type .post-container .entry-meta span:first-child {
  display: table;
  text-align: center;
  background: #f57c21;
}
.vc-template-skin2 .blog-type .post-container .entry-meta span:first-child span {
  padding: 5px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  font-weight: 400;
  vertical-align: middle;
  display: table-cell;
  color: #fff;
  line-height: normal;
}
.vc-template-skin2 .blog-type .post-container .entry-link, .vc-template-skin2 .blog-type .post-container .blog-post-icon {
  display: none;
}
.vc-template-skin2 .wpb-inner {
  overflow: hidden;
  border-bottom: 1px solid #e2e2e2;
}
.vc-template-skin2 .wpb-inner .wpb_wrapper {
  padding-bottom: 9999px;
  margin-bottom: -9999px;
}

/* Separator
// -------------------------------------------*/
.widget-text-separator.vc_sep_color_grey .vc_sep_holder .vc_sep_line {
  border-color: #e2e2e2;
}

/* Container, Box, layout
// -------------------------------------------*/
.wpb-container {
  background: transparent;
  margin: 0 0 18px;
}
.wpb-container .block-skills-info-box .wpb_wrapper {
  margin-right: -1px;
  background: #f57c21;
}
.rtl .wpb-container .block-skills-info-box .wpb_wrapper {
  margin-left: -1px;
  margin-right: inherit;
}
.wpb-container .block-skills-info-box .wpo-inforbox {
  text-align: left;
}
.rtl .wpb-container .block-skills-info-box .wpo-inforbox {
  text-align: right;
}
.wpb-container .block-skills-info-box .wpo-inforbox .inforbox-heading {
  border-color: #f57d22;
}
.wpb-container .block-skills-info-box .wpo-inforbox .inforbox-heading::after {
  background: #fff;
}
.wpb-container .block-skills-info-box .wpo-inforbox .inforbox-heading span {
  padding: 0 0 10px 0;
  margin: 0;
  border-color: rgba(255, 255, 255, 0.3);
  position: relative;
}
.wpb-container .block-skills-info-box .wpo-inforbox .inforbox-heading span:before {
  content: "";
  bottom: -1px;
  left: 0;
  width: 30px;
  height: 1px;
  position: absolute;
  background: #fff;
}
.rtl .wpb-container .block-skills-info-box .wpo-inforbox .inforbox-heading span:before {
  right: 0;
  left: auto;
}
.wpb-container .block-skills-info-box .wpo-inforbox .inforbox-content {
  padding: 0 30px 0 30px;
  font-weight: 400;
}
.rtl .wpb-container .block-skills-info-box .wpo-inforbox .inforbox-content {
  padding: 0 30px 0 30px;
}
.wpb-container .block-skills-info-box .wpo-inforbox .inforbox-heading,
.wpb-container .block-skills-info-box .wpo-inforbox .inforbox-content {
  color: #fff;
}
.wpb-container .block-skills-content,
.wpb-container .block-skills-progress-bar {
  padding-top: 100px;
  padding-bottom: 100px;
}
.wpb-container .block-services .wpb-container {
  padding: 112px 30px;
  background: #fff;
  margin: 0 0 0 -30px;
}
.wpb-container:last-child {
  margin-bottom: 0;
}
.wpb-container.wpb-highlighted {
  background: #0d292f url("../../../images/bg-counter.png") no-repeat 0 0;
  margin-bottom: 0px;
}
.wpb-container.wpb-highlighted .wpb-container {
  background: transparent;
}
.wpb-container:last-child .wpb-inner {
  border: 0px;
}
.wpb-container.counter-style-2 .parallax-inner {
  padding: 0 80px;
  background: none;
}

/* Reassuarence
// -------------------------------------------*/
.wpo-reassuarence .no-heading-style {
  margin-top: 15px;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.wpo-reassuarence .widget-content {
  font-style: italic;
}
.wpo-reassuarence.reassuarence-special .widget-content {
  font-style: normal;
}
.wpo-reassuarence.no-heading-style .reassuarence-icon {
  margin: 0 0 15px 0;
}
.wpo-reassuarence.no-heading-style .widget-title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.wpo-reassuarence.no-heading-style .widget-title:after {
  display: none;
}

/* Inforbox
// -------------------------------------------*/
.wpo-inforbox {
  margin: 0 0 0 0;
  padding-top: 100px;
  padding-bottom: 30px;
  min-height: 503px;
  text-align: right;
}
.rtl .wpo-inforbox {
  text-align: left;
}
.wpo-inforbox.dark .inforbox-heading {
  border-color: #cecece;
}
.wpo-inforbox.inforbox-latest-project {
  min-height: 670px;
}
.wpo-inforbox .inforbox-heading {
  border: 0;
  text-transform: none;
  padding-bottom: 0;
  font-family: "Montserrat";
  line-height: 1.2;
  margin-bottom: 25px;
  letter-spacing: 0px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 36px;
  /* 9 */
  font-size: 3.6rem;
  /* 9 */
}
.wpo-inforbox .inforbox-heading span {
  padding-bottom: 15px;
  position: relative;
  border-bottom: 1px solid #e2e2e2;
  display: block;
  margin-right: 30px;
}
.rtl .wpo-inforbox .inforbox-heading span {
  margin-left: 30px;
  margin-right: inherit;
}
.wpo-inforbox .inforbox-heading span::after {
  content: "";
  bottom: 0px;
  position: absolute;
  width: 30px;
  height: 1px;
  right: 0;
  background: #f57c21;
}
.rtl .wpo-inforbox .inforbox-heading span::after {
  left: 0;
  right: auto;
}
.wpo-inforbox .inforbox-heading::after {
  display: none;
}
.wpo-inforbox .inforbox-heading.separator_align_left {
  padding-left: 30px;
}
.wpo-inforbox .inforbox-heading.separator_align_left::after {
  right: auto;
  left: 0;
}
.rtl .wpo-inforbox .inforbox-heading.separator_align_left::after {
  right: 0;
  left: auto;
}
.rtl .wpo-inforbox .inforbox-heading.separator_align_left {
  padding-right: 30px;
  padding-left: inherit;
}
.wpo-inforbox .inforbox-heading.separator_align_right::after {
  right: 0;
  left: auto;
}
.rtl .wpo-inforbox .inforbox-heading.separator_align_right::after {
  left: 0;
  right: auto;
}
.wpo-inforbox .inforbox-content {
  color: #000;
  font-weight: 500;
  padding: 0 30px;
}

/* Shop By Category Filter
// -------------------------------------------*/
.wpo-category-filter {
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  color: #000;
  text-transform: uppercase;
}
.wpo-category-filter .category-filter-content {
  padding: 0 18px;
}
.wpo-category-filter .category-filter-title {
  margin: 0 0 8px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}
.wpo-category-filter .slogan {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -1px;
}
.wpo-category-filter .widget-content {
  background: transparent;
}
.wpo-category-filter .category-filter-list {
  margin-top: 10px;
}
.wpo-category-filter .category-filter-list li {
  line-height: 1.8;
}
.wpo-category-filter .category-filter-list li a {
  color: #999999;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 10px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
}
.wpo-category-filter .category-filter-list li a:hover {
  color: #f57c21;
}
.wpo-category-filter .category-filter-list li a .fa {
  margin-left: 10px;
}
.rtl .wpo-category-filter .category-filter-list li a .fa {
  margin-right: 10px;
  margin-left: inherit;
}

/* Counter
// -------------------------------------------*/
.wpo-counter {
  padding: 15px 10px;
  color: #777777;
}
.wpo-counter .counter-icon-wrapper {
  margin-right: 25px;
}
.rtl .wpo-counter .counter-icon-wrapper {
  margin-left: 25px;
  margin-right: inherit;
}
.wpo-counter .counter-icon-wrapper .fa {
  color: #f57c21;
}
.wpo-counter .counter-number {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 36px;
  /* 9 */
  font-size: 3.6rem;
  /* 9 */
  font-weight: 300;
  font-family: 'Oswald', sans-serif;
  margin-right: 15px;
  line-height: 100%;
}
.rtl .wpo-counter .counter-number {
  margin-left: 15px;
  margin-right: inherit;
}
.wpo-counter .counter-title {
  color: #777777;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  text-transform: uppercase;
}

.block-recent-projects .isotope-filter {
  text-align: center;
}

/* VC Pie chart
// -------------------------------------------*/
.block-pie-chart-ourskills {
  background: url("../../../images/bg-hight-light.png") no-repeat 0 0 #0d292f;
}

.vc_pie_chart {
  margin-bottom: 30px !important;
}
.vc_pie_chart .vc_pie_wrapper {
  width: 165px !important;
  margin: 0 0 10px 0;
}
.vc_pie_chart .vc_pie_chart_value {
  line-height: 165px !important;
  color: #fff;
  font-size: 25px !important;
  font-size: 2.5rem !important;
  position: relative;
}
.vc_pie_chart .vc_pie_chart_value:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 67px;
  height: 67px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.vc_pie_chart .vc_pie_chart_value,
.vc_pie_chart canvas {
  width: 165px !important;
  height: 165px !important;
}
.vc_pie_chart .vc_pie_chart_back {
  border-width: 45px;
  width: 155px !important;
  height: 155px !important;
  margin: 5px;
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.vc_pie_chart .wpb_pie_chart_heading {
  color: #fff;
  text-transform: none;
  margin-bottom: 25px;
  font-weight: 400;
}
.vc_pie_chart[data-pie-color="btn-"] .vc_pie_chart_back {
  border-color: rgba(0, 0, 0, 0.8);
}

/* WPO - Product (feature home page)
// -------------------------------------------*/
.wpo-thumb-list {
  padding: 37px 30px 27px;
  color: #999999;
  font-style: italic;
}
.wpo-thumb-list .media-heading {
  color: #fff;
  font-style: normal;
}
.wpo-thumb-list .pull-left {
  margin-right: 18px;
}
.rtl .wpo-thumb-list .pull-left {
  margin-left: 18px;
  margin-right: inherit;
}

/* WPO - Ourservice
// -------------------------------------------*/
.wpo-ourservice {
  overflow: visible;
  padding: 0 10px;
  margin: 0;
}
.wpo-ourservice .ourservice-icon {
  margin: 0 0 20px 0;
}
.wpo-ourservice .ourservice-heading {
  margin: 0 0 10px;
  font-family: "Raleway", sans-serif;
}
.wpo-ourservice .media-body {
  position: relative;
  overflow: visible;
  min-height: 54px;
}
.wpo-ourservice .tool-ourservice {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  padding: 0 5px;
  color: #f57c21;
  border: 1px solid #f57c21;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.rtl .wpo-ourservice .tool-ourservice {
  left: 0;
  right: auto;
}
.wpo-ourservice .tool-ourservice:hover {
  color: #fff;
  background: #f57c21;
}
.wpo-ourservice .tooltip {
  min-width: 200px;
}

/* Text Block
// -------------------------------------------*/
.block-about .block-about-image {
  bottom: 0;
  position: absolute;
  right: 0;
}
.rtl .block-about .block-about-image {
  left: 0;
  right: auto;
}
.block-about .text-hightlight {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  font-weight: 500;
  margin: 0px 0 20px 0;
}
.block-about .wpb_text_column {
  padding: 100px 0;
}

.block-callout {
  background: url("../../../images/bg-counter.png") no-repeat 0 0 #f57c21;
}

.inline-onefield &gt; .wpb-inner {
  background: url("../../../images/bg-counter.png") no-repeat 0 0 #f57c21;
}
.inline-onefield &gt; .wpb-inner .callout {
  padding: 45px 40px;
}

.wpb_text_column {
  padding: 0px;
}
.wpb_text_column.callout {
  padding: 60px 0px;
}
.wpb_text_column.callout:before, .wpb_text_column.callout:after {
  content: " ";
  display: table;
}
.wpb_text_column.callout:after {
  clear: both;
}
.wpb_text_column.callout h2 {
  font-family: "Montserrat";
  color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 36px;
  /* 9 */
  font-size: 3.6rem;
  /* 9 */
}
.wpb_text_column.callout .text-uppercase {
  color: #fff;
  font-weight: 400;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpb_text_column.callout .btn {
  margin-top: 16px;
}
.wpb_text_column.callout .btn:hover {
  border: 1px solid #fff;
  background: transparent;
}

.block-intro .lead {
  font-weight: 300;
}

/* Single Image
// -------------------------------------------*/
.wpb_single_image .wpb_wrapper &gt; a {
  display: block;
}

/* Progress Bar
// -------------------------------------------*/
.wpo-progress-bar.vc_progress_bar {
  margin-bottom: 57px;
  margin-top: 40px;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar {
  overflow: visible;
  background: #999999;
  margin-bottom: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar .vc_label {
  top: -24px;
  display: table;
  text-align: left;
  margin: 0;
  padding: 0;
}
.rtl .wpo-progress-bar.vc_progress_bar .vc_single_bar .vc_label {
  text-align: right;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar .vc_label_title,
.wpo-progress-bar.vc_progress_bar .vc_single_bar .vc_label_units {
  display: table-cell;
  vertical-align: bottom;
  margin: 0px;
  line-height: normal;
  padding: 0 5px 0 0;
}
.rtl .wpo-progress-bar.vc_progress_bar .vc_single_bar .vc_label_title, .rtl
.wpo-progress-bar.vc_progress_bar .vc_single_bar .vc_label_units {
  padding: 0 0 0 5px;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar .vc_label_units {
  font-weight: 800;
  color: #f57c21;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar.bar_red .vc_bar {
  background: #e74848;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar.bar_orange .vc_bar {
  background: #f57c21;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar.bar_green .vc_bar {
  background: #98b552;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar.bar_blue .vc_bar {
  background: #38c1ee;
}
.wpo-progress-bar.vc_progress_bar .vc_single_bar.bar_turquoise .vc_bar {
  background: #9c619c;
}

/* Block Our Skill
// -------------------------------------------*/
.block-our-skills .wpb-inner {
  background: #f57c21;
}

.wpb-inner-highlighted:before, .wpb-inner-highlighted:after {
  content: " ";
  display: table;
}
.wpb-inner-highlighted:after {
  clear: both;
}
.wpb-inner-highlighted .wpb_single_image {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 999;
}

/*-------------------------------------------
    Testimonial
-------------------------------------------*/
.wpo-testimonial {
  margin-bottom: 90px;
}
.wpo-testimonial.skin-1 .widget-content {
  padding: 0 0 30px 0;
}
.wpo-testimonial.skin-1 .testimonial-customer-name {
  color: #f57c21;
  margin-bottom: 5px;
  font-weight: 800;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.wpo-testimonial.skin-1 .testimonial-customer-position {
  color: #fff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  font-style: italic;
}
.wpo-testimonial.skin-1 .testimonial-description {
  width: 40%;
  line-height: 1.66666;
  color: #fff;
  margin: 0 auto 30px;
  font-style: italic;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
}
.wpo-testimonial.skin-1 .testimonial-info p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}
.wpo-testimonial.skin-1 .testimonial-navigation .testimonial-carousel-indicators {
  margin-bottom: 0;
  bottom: 0px;
}
.wpo-testimonial.skin-1 .testimonial-navigation .testimonial-carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: 0px;
  border-color: #f57c21;
}
.wpo-testimonial.skin-1 .testimonial-navigation .testimonial-carousel-indicators li.active {
  border-color: #fff;
}
.wpo-testimonial.skin-1 .testimonial-navigation .carousel-control {
  border: 0px;
  width: 70px;
  height: 70px;
}
.wpo-testimonial.skin-1 .testimonial-navigation .carousel-control .fa {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 80px;
  /* 9 */
  font-size: 8rem;
  /* 9 */
}
.wpo-testimonial.skin-2 {
  text-align: right;
  padding: 50px 0px;
}
.rtl .wpo-testimonial.skin-2 {
  text-align: left;
}
.wpo-testimonial.skin-2 .widget-title {
  color: #fff;
}
.wpo-testimonial.skin-2 .testimonial-description {
  width: auto;
  height: auto;
  font-style: italic;
  font-weight: 300;
  color: #fff;
}
.wpo-testimonial.skin-2 .testimonial-description p {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-align: left;
  border: 1px solid #565656;
  padding: 23px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
}
.rtl .wpo-testimonial.skin-2 .testimonial-description p {
  text-align: right;
}
.wpo-testimonial.skin-2 .testimonial-carousel {
  padding: 0 40px;
}
.wpo-testimonial.skin-2 .testimonial-navigation {
  margin: 5px 0px;
}
.wpo-testimonial.skin-2 .testimonial-info {
  display: table;
  width: 100%;
  text-align: right;
}
.rtl .wpo-testimonial.skin-2 .testimonial-info {
  text-align: left;
}
.wpo-testimonial.skin-2 .testimonial-info img {
  display: table-cell;
  border: 2px solid #f2f331;
  vertical-align: middle;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 0 0 18px;
}
.rtl .wpo-testimonial.skin-2 .testimonial-info img {
  margin: 0 18px 0 0;
}
.wpo-testimonial.skin-2 .testimonial-info .testimonial-info-text {
  width: 84%;
  display: table-cell;
  vertical-align: middle;
  padding-top: 10px;
}
.wpo-testimonial.skin-2 .testimonial-info .testimonial-customer-name {
  margin-bottom: 0;
}
.wpo-testimonial.skin-2 .testimonial-info .testimonial-customer-position {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 10px;
  /* 9 */
  font-size: 1rem;
  /* 9 */
}
.wpo-testimonial.skin-2 .carousel-indicators {
  position: static;
  margin: 0 auto 30px;
}
.wpo-testimonial.skin-3 {
  overflow: visible;
  padding-top: 100px;
}
.wpo-testimonial.skin-3 .testimonial-description {
  margin-bottom: 50px;
  font-weight: 300;
  color: #fff;
  line-height: 1.2;
  width: 40%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 25px;
  /* 9 */
  font-size: 2.5rem;
  /* 9 */
}
.wpo-testimonial.skin-3 .testimonial-info {
  padding-bottom: 100px;
}
.wpo-testimonial.skin-3 .testimonial-navigation {
  text-align: center;
}
.wpo-testimonial.skin-3 .testimonial-customer-position {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators {
  bottom: -68px;
  height: 100px;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.lt-ie8 .wpo-testimonial.skin-3 .testimonial-carousel-indicators {
  display: inline;
  zoom: 1;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li {
  margin: 0 3px;
  overflow: hidden;
  border: 0px;
  background: transparent;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 .wpo-testimonial.skin-3 .testimonial-carousel-indicators li {
  display: inline;
  zoom: 1;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li .testimonial-carousel-inner {
  display: block;
  padding: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: padding 0.3s ease-in;
  -o-transition: padding 0.3s ease-in;
  transition: padding 0.3s ease-in;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li .testimonial-carousel-inner span {
  display: block;
  position: relative;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li .testimonial-carousel-inner span:before {
  top: 0;
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border: 3px solid #fff;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.rtl .wpo-testimonial.skin-3 .testimonial-carousel-indicators li .testimonial-carousel-inner span:before {
  right: 0;
  left: auto;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li.active .testimonial-carousel-inner {
  padding: 0;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li.active .testimonial-carousel-inner span:before {
  background: transparent;
}
.wpo-testimonial.skin-3 .testimonial-carousel-indicators li.active .testimonial-carousel-inner img {
  border: 5px solid #f57c21;
}
.wpo-testimonial.skin-4 {
  margin-bottom: 60px;
}
.wpo-testimonial.skin-4 .testimonial-info {
  margin: -15px 0 0 20px;
}
.rtl .wpo-testimonial.skin-4 .testimonial-info {
  margin: -15px 20px 0 0;
}
.wpo-testimonial.skin-4 .testimonial-info-text {
  margin-top: 15px;
}
.wpo-testimonial.skin-4 .testimonial-customer-name {
  margin-bottom: 0;
}
.wpo-testimonial.skin-4 .testimonial-description {
  padding: 20px 30px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  color: #000;
}
.wpo-testimonial.skin-4 .testimonial-customer-position {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px;
  /* 9 */
  font-size: 1.1rem;
  /* 9 */
}
.wpo-testimonial.skin-4 .testimonial-customer-avata {
  width: 70px;
  height: 70px;
}
.wpo-testimonial.skin-4 .testimonial-customer-avata img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #f57c21;
}
.wpo-testimonial.skin-4 .testimonial-navigation .carousel-indicators {
  bottom: -15px;
}
.wpo-testimonial.skin-4 .testimonial-navigation .carousel-indicators li {
  background: #999999;
  border: 0;
}
.wpo-testimonial.skin-4 .testimonial-navigation .carousel-indicators li.active {
  background: #f57c21;
}

.parallax {
  background-position: 50% 0;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-color: #0d292f;
}
.parallax .wpb-inner {
  padding: 98px 0px;
}
.parallax .widget-title, .parallax .widgettitle, .parallax .wpb_heading {
  color: #fff;
}
.parallax .widget-title:after, .parallax .widgettitle:after, .parallax .wpb_heading:after {
  background-repeat: no-repeat;
  background-image: url("../../../images/icons/global-3.png");
  background-position: 0 0;
  width: 184px;
  height: 16px;
}
.parallax .product-block {
  margin: 0;
}
.parallax .product-block .name a {
  color: #fff;
}
.parallax .product-block .name a:hover {
  color: #f57c21;
}
.parallax .wpb_text_column {
  padding: 70px 0 100px;
}
.parallax .wpb_text_column .text-muted {
  color: #fff;
  text-transform: none;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 400;
  padding: 0 0 10px 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.parallax .wpb_text_column .text-lead {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 72px;
  /* 9 */
  font-size: 7.2rem;
  /* 9 */
  color: #f97354;
  padding: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 0.416667;
  font-weight: 400;
  border: 3px solid #928988;
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 .parallax .wpb_text_column .text-lead {
  display: inline;
  zoom: 1;
}
.parallax .wpb_text_column .white {
  color: #fff;
}
.parallax .wpb_text_column .text-success {
  position: relative;
  padding: 0 0 20px 0;
}
.parallax .wpb_text_column .text-success:before {
  position: absolute;
  content: "";
  display: block;
  background: #fff;
  margin: 0 auto;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: 367px;
  height: 2px;
}
.parallax .wpb_text_column .text-uppercase {
  color: #fff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  padding: 5px 0;
}

/*------------------------------------*\
    Portfolio
\*------------------------------------*/
.wpo-portfolio-inner {
  border: 0;
}
.wpo-portfolio-inner .content {
  padding: 9px 0 0;
}

.wpo-portfolio-masonry {
  border: 0;
}
.wpo-portfolio-masonry .wpo-portfolio-content-inner {
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.wpo-portfolio-masonry .wpo-portfolio-content-inner:hover .content {
  background-color: rgba(115, 146, 184, 0.7);
  opacity: 1;
  filter: alpha(opacity=100);
}
.wpo-portfolio-masonry .wpo-portfolio-content-inner:hover h4 {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.3s, 0.3s;
  -moz-transition-delay: 0.3s, 0.3s;
  -ms-transition-delay: 0.3s, 0.3s;
  -o-transition-delay: 0.3s, 0.3s;
  transition-delay: 0.3s, 0.3s;
}
.wpo-portfolio-masonry .wpo-portfolio-content-inner:hover p {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.4s, 0.4s;
  -moz-transition-delay: 0.4s, 0.4s;
  -ms-transition-delay: 0.4s, 0.4s;
  -o-transition-delay: 0.4s, 0.4s;
  transition-delay: 0.4s, 0.4s;
}
.wpo-portfolio-masonry .wpo-portfolio-content-inner:hover .btn {
  -webkit-transition-delay: 0.5s, 0.5s;
  -moz-transition-delay: 0.5s, 0.5s;
  -ms-transition-delay: 0.5s, 0.5s;
  -o-transition-delay: 0.5s, 0.5s;
  transition-delay: 0.5s, 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.wpo-portfolio-masonry .content {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s 0.1s ease-in-out;
  -o-transition: all 0.2s 0.1s ease-in-out;
  transition: all 0.2s 0.1s ease-in-out;
  width: 100%;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.wpo-portfolio-masonry .wpo-portfolio-thumbnail {
  display: block;
  position: relative;
}
.wpo-portfolio-masonry .wpo-portfolio-thumbnail .btn {
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 7px 15px;
}
.wpo-portfolio-masonry .wpo-portfolio-thumbnail .btn .fa {
  margin: 0;
}
.wpo-portfolio-masonry h4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(200px, -200px);
  -ms-transform: translate(200px, -200px);
  -o-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  font-weight: 300;
  padding: 10px;
  margin: 20px 0 0 0;
}
.wpo-portfolio-masonry h4 a {
  color: #fff;
}
.wpo-portfolio-masonry h4 a:hover, .wpo-portfolio-masonry h4 a:active {
  color: #000;
}
.wpo-portfolio-masonry p {
  -webkit-transform: translate(-200px, 200px);
  -ms-transform: translate(-200px, 200px);
  -o-transform: translate(-200px, 200px);
  transform: translate(-200px, 200px);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.isotope,
.isotope-item {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item,
.isotope-item .isotope-item {
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden .isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope-filter {
  text-align: center;
}
.isotope-filter .wpo-portfolio-filters {
  display: inline-block;
}
.isotope-filter .wpo-portfolio-filters &gt; li &gt; a.active {
  color: #f57c21;
}

/*------------------------------------*\
    Pricing Table
\*------------------------------------*/
.wpo-pricing-table {
  border: 0px;
  margin: 18px 0 !important;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wpo-pricing-table .plain-info p {
  margin-bottom: 0;
}
.wpo-pricing-table .plan-title {
  color: #fff;
  position: relative;
  padding-bottom: 20px;
}
.wpo-pricing-table .plan-title:after {
  content: "";
  background: #fff;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 1px;
}
.wpo-pricing-table .plan-link {
  line-height: 2.5;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}
.wpo-pricing-table .plan-link:hover {
  background: #f57c21;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
}
.wpo-pricing-table .plan-price {
  text-transform: uppercase;
}
.wpo-pricing-table .plan-figure {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 72px;
  /* 9 */
  font-size: 7.2rem;
  /* 9 */
  font-weight: 400;
}
.wpo-pricing-table .plan-currency {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 40px;
  /* 9 */
  font-size: 4rem;
  /* 9 */
  font-weight: 400;
}
.wpo-pricing-table .plan-period {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}
.wpo-pricing-table .pricing-body {
  border-top: 0px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 0px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
}
.wpo-pricing-table .pricing-header,
.wpo-pricing-table .pricing-footer {
  border: 0px;
}
.wpo-pricing-table ul, .wpo-pricing-table ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wpo-pricing-table ul li, .wpo-pricing-table ol li {
  padding: 12px;
  border-bottom: 1px solid #e2e2e2;
}
.wpo-pricing-table ul li:last-child, .wpo-pricing-table ol li:last-child {
  border-bottom: 0px;
}
.wpo-pricing-table.featured-plan {
  margin: 0 !important;
}
.wpo-pricing-table.featured-plan .pricing-header {
  background: #f57c21;
  padding-top: 35px;
  padding-bottom: 35px;
}
.wpo-pricing-table.featured-plan .plan-link {
  background: #f57c21;
  padding-top: 18px;
  padding-bottom: 18px;
}
.wpo-pricing-table:hover {
  -webkit-transform: translateY(-2%);
  -ms-transform: translateY(-2%);
  -o-transform: translateY(-2%);
  transform: translateY(-2%);
}

/*------------------------------------*\
    Our Team Grid - List Style
\*------------------------------------*/
.wpo-our-team {
  overflow: hidden;
}
.wpo-our-team:hover .team-member-social {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: fadeInUp 0.4s;
  -o-animation: fadeInUp 0.4s;
  animation: fadeInUp 0.4s;
}
.wpo-our-team:hover .team-member-body-content {
  -webkit-transform: translateY(-55px);
  -ms-transform: translateY(-55px);
  -o-transform: translateY(-55px);
  transform: translateY(-55px);
  margin-top: 0;
}

.team-member-body {
  z-index: 1;
  border: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0;
  position: relative;
  background: transparent;
}

.team-member-body-content {
  background: #fff;
  padding: 0px 0px 18px 0px;
  margin: 1px -1px 0;
  position: relative;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-top: 0px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 0px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
}

.team-member-image {
  margin: -1px;
}

.team-member-content-inner {
  padding: 17px 0 0;
  margin: 0 30px;
  top: -30px;
  position: relative;
  left: 0;
  background: #fff;
}
.rtl .team-member-content-inner {
  right: 0;
  left: auto;
}

.team-member-name {
  text-transform: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
}

.team-member-position {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  text-transform: uppercase;
}

.team-member-position,
.team-member-name {
  font-weight: 400;
  margin-top: 0;
  font-family: "Raleway", sans-serif;
}

.team-member-social {
  margin: 0;
  bottom: 0;
  padding: 0px 12px;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  left: 0;
  width: 100%;
  height: 49px;
  border-top: 1px solid #e2e2e2;
}
.rtl .team-member-social {
  right: 0;
  left: auto;
}
.team-member-social li {
  padding: 7px 0 0 0;
}
.team-member-social .fa {
  color: #c2c2c2;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 17px;
  /* 9 */
  font-size: 1.7rem;
  /* 9 */
  width: 35px;
  height: 35px;
  display: table;
  padding: 3px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.team-member-social .fa:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  vertical-align: middle;
  display: table-cell;
  background: transparent;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.team-member-social .fa:hover {
  color: #fff;
  background: #fff;
  border-color: #f57c21;
  -webkit-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}
.team-member-social .fa:hover:before {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  background: #f57c21;
}

/*------------------------------------*\
    Brand Logo
\*------------------------------------*/
.widget-brand-logo .carousel-control .conner {
  display: table-cell;
  vertical-align: middle;
}
.widget-brand-logo .carousel-control:hover {
  color: #fff;
}
.widget-brand-logo .widget-brands-inner {
  padding: 0 30px;
  position: relative;
}
.widget-brand-logo.brand-customer .widget-brands-inner, .widget-brand-logo.brand-customer .carousel-control {
  border: 0px;
}
.widget-brand-logo.brand-customer .carousel-controls {
  display: none;
}
.widget-brand-logo .attachment-brand-logo {
  filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.widget-brand-logo .attachment-brand-logo:hover {
  filter: none;
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  opacity: 1;
  filter: alpha(opacity=100);
}

/*------------------------------------*\
    Split layout Blog
\*------------------------------------*/
.split-layout {
  overflow: hidden;
  color: #fff;
}
.split-layout .post {
  position: relative;
}
.split-layout .entry-meta {
  color: #999999;
}
.split-layout .entry-meta a {
  color: #999999;
}
.split-layout .entry-meta a:hover {
  color: #f57c21;
}
.split-layout .entry-meta:after {
  background: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.split-layout .entry-image:before {
  content: "";
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
}
.split-layout .post-categories li {
  display: none;
}
.split-layout .post-categories li:first-child {
  display: block;
}
.split-layout .entry-content {
  text-align: center;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  padding: 18px;
  overflow: hidden;
}
.rtl .split-layout .entry-content {
  right: 0;
  left: auto;
}
.split-layout .entry-title {
  line-height: 1.4;
  text-transform: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.split-layout .entry-title a {
  color: #fff;
  z-index: 1;
  position: relative;
}
.split-layout .entry-title a:hover {
  color: #f57c21;
}
.split-layout .entry-description {
  display: none;
}
.split-layout .main-posts .post {
  height: 436px;
}
.split-layout .main-posts .entry-title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  line-height: 1.4;
}
.split-layout .main-posts .entry-content {
  overflow: hidden;
  padding-left: 35px;
}
.rtl .split-layout .main-posts .entry-content {
  padding-right: 35px;
  padding-left: inherit;
}
.split-layout .secondary-posts .post {
  width: 218px;
  height: 218px;
}

.vc_row {
  margin-left: -9px !important;
  margin-right: -9px !important;
}
.vc_row.vc_grid {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* 7. Slideshow */
/*
*  Revolution Slider
*/
.slide-full {
  margin-left: -8px;
  margin-right: -8px;
}

.wpb_revslider_element {
  overflow: hidden;
}
.wpb_revslider_element:hover .tparrows {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.wpb_revslider_element:hover .tp-leftarrow {
  margin-left: 0px;
}
.rtl .wpb_revslider_element:hover .tp-leftarrow {
  margin-right: 0px;
  margin-left: inherit;
}
.wpb_revslider_element:hover .tp-rightarrow {
  margin-right: 0px;
}
.rtl .wpb_revslider_element:hover .tp-rightarrow {
  margin-left: 0px;
  margin-right: inherit;
}
.wpb_revslider_element .tp-bullets.simplebullets.round .bullet {
  background-image: none;
  background-color: #0d292f;
  border: 2px solid transparent;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.wpb_revslider_element .tp-bullets.simplebullets.round .bullet.selected {
  border-color: #f57c21;
  background-color: #fff;
}
.wpb_revslider_element .no-slides-text {
  padding: 50px 0px;
}

.tp-caption {
  color: #000;
}
.tp-caption.tp-caption_1 {
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  letter-spacing: 5px;
  border-bottom: 1px solid #f57c21;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
}
.tp-caption.tp-caption_2 {
  font-weight: 200;
  letter-spacing: -4px;
  line-height: 90px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 90px;
  /* 9 */
  font-size: 9rem;
  /* 9 */
}
.tp-caption.tp-caption_3 {
  font-weight: 800;
  letter-spacing: -4px;
  line-height: 90px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 90px;
  /* 9 */
  font-size: 9rem;
  /* 9 */
}
.tp-caption.tp-caption_4 {
  line-height: 30px;
}

.tparrows.default {
  position: relative;
  visibility: hidden;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 38px;
  height: 38px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tparrows.default:before {
  content: "\f105";
  font-family: "FontAwesome";
  margin: auto;
  display: block;
  color: #000;
  font-weight: bold;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 38px;
  height: 38px;
  position: absolute;
  text-align: center;
  line-height: 38px;
}
.tparrows.tp-leftarrow {
  margin-left: -38px;
}
.rtl .tparrows.tp-leftarrow {
  margin-right: -38px;
  margin-left: inherit;
}
.tparrows.tp-leftarrow:before {
  content: "\f104";
}
.tparrows.tp-rightarrow {
  margin-right: -38px;
}
.rtl .tparrows.tp-rightarrow {
  margin-left: -38px;
  margin-right: inherit;
}
.tparrows:hover {
  background-color: #f57c21;
}
.tparrows:hover:before {
  color: #fff;
}

.slider-v2 .tp-caption.text-style-white-medium {
  color: #000;
  font-size: 24px !important;
}
.slider-v2 .tp-caption.text_light_big_green {
  color: #98b552;
  font-weight: 900;
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 80px;
  /* 9 */
  font-size: 8rem;
  /* 9 */
}
.slider-v2 .tp-caption.text_light_big_green::after {
  content: "";
  background: #98b552;
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 1px;
  left: 0px;
}
.rtl .slider-v2 .tp-caption.text_light_big_green::after {
  right: 0px;
  left: auto;
}
.slider-v2 .tp-caption.tp-caption.small_light_white {
  color: #000;
  font-weight: 400;
}
.slider-v2 .btn {
  background: #98b552;
  -webkit-box-shadow: inset 0 0 0 0 #0d292f;
  box-shadow: inset 0 0 0 0 #0d292f;
  -webkit-transition: all 0.5s cubic-bezier(0.8, 0, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.8, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0.8, 0, 0, 1);
}
.slider-v2 .btn:hover {
  -webkit-transition: all 0.5s cubic-bezier(0.8, 0, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.8, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0.8, 0, 0, 1);
  -webkit-box-shadow: inset 0 -40px 0 0 #0d292f;
  box-shadow: inset 0 -40px 0 0 #0d292f;
}

.slider-v3 .tp-caption.text-style-white-medium {
  color: #000;
  font-weight: 300;
  font-size: 24px !important;
}
.slider-v3 .tp-caption.text-style-white-medium.white {
  color: #fff;
  text-align: center;
}
.slider-v3 .tp-caption.text-style-yellow-medium {
  font-weight: 900 !important;
  font-size: 80px !important;
  color: #38c1ee;
}
.slider-v3 .tp-caption.text-style-yellow-medium:after {
  background: #38c1ee;
}
.slider-v3 .tp-caption.text-style-yellow-medium.white {
  color: #fff;
  text-align: center;
}
.slider-v3 .tp-caption.text-style-yellow-medium.white:after {
  background: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 30px;
  height: 1px;
  position: absolute;
  top: auto;
}
.slider-v3 .tp-caption.small_light_white {
  color: #000;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
}
.slider-v3 .tp-caption.small_light_white.white {
  color: #fff;
  text-align: center;
  font-weight: 300;
}
.slider-v3 .tp-caption .btn {
  background: #38c1ee;
  border-color: #36c0ee;
}
.slider-v3 .tp-caption .btn:hover {
  background: #0d292f;
  border-color: #0c272d;
}

.slider-4 .tp-caption.black {
  color: #fff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 40px;
  /* 9 */
  font-size: 4rem;
  /* 9 */
  font-weight: 300;
  line-height: normal !important;
}
.slider-4 .tp-caption.small_text {
  color: #fff;
  font-weight: 300 !important;
  font-family: "Raleway", sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
}
.slider-4 .btn {
  padding: 0 15px !important;
  line-height: 32px !important;
  height: 32px !important;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px;
  /* 9 */
  font-size: 1.1rem;
  /* 9 */
}

/* 9. Responsive */
/*
*  Responsive
*/
@media (min-width: 1200px) {
  .wpo-off-canvas, .off-canvas-toggle {
    display: none;
  }

  .off-canvas-effect-2.off-canvas-open .wpo-wrapper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@media (max-width: 1200px) {
  .full-lg {
    width: 100% !important;
  }

  .header-default .header-center {
    border-right: 1px solid #e2e2e2;
    float: right !important;
  }
  .header-default .wpo-megamenu {
    width: 100%;
  }

  .vertical-menu &gt; .nav &gt; li &gt; a {
    font-size: 11px;
    padding: 9px 15px;
  }
  .vertical-menu &gt; .nav &gt; li &gt; a .fa {
    font-size: 14px;
  }

  .social li a {
    margin-right: 15px;
  }
  .rtl .social li a {
    margin-left: 15px;
    margin-right: inherit;
  }

  .title-shipping {
    padding: 7px;
  }

  .product-info .single-product-cart .cart {
    display: block;
  }
  .product-info .single-product-cart .cart &gt; * {
    display: block;
    overflow: hidden;
  }
  .product-info .single-product-cart .cart .cart-number {
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 0 0 1px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wpo-header ul li {
    padding: 0 7px;
  }

  .stheader-3 #cart .cart-icon {
    font-size: 10px;
  }
  .stheader-3 .wpo-header .top-banner {
    padding-bottom: 24px;
    padding-top: 24px;
  }

  .navbar-mega .navbar-nav &gt; li .dropdown-menu .widget-title {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 12px;
    /* 9 */
    font-size: 1.2rem;
    /* 9 */
  }

  .wpo-off-canvas, .off-canvas-toggle {
    display: none;
  }

  .off-canvas-effect-2.off-canvas-open .wpo-wrapper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  .split-layout .main-posts .entry-content {
    top: 50%;
    padding-bottom: 0;
  }
  .split-layout .secondary-posts .post {
    width: 172px;
    height: 172px;
  }
  .split-layout .secondary-posts .entry-title {
    display: none;
  }

  .blog-meta {
    right: 0;
  }
  .rtl .blog-meta {
    left: 0;
    right: auto;
  }

  .blog-type .entry-image {
    width: auto;
    height: auto;
  }

  .wpo-sidebar .widget .widget-title {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
  }
  .wpo-sidebar .media {
    overflow: visible;
  }
  .wpo-sidebar .media .pull-left {
    float: none !important;
    margin: 0 0 15px 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .wpo-sidebar .media .media-body {
    overflow: visible;
  }
  .wpo-sidebar .media .media-body .star-rating {
    margin: 0;
  }

  .wpo-category-filter .category-filter-image {
    display: none;
  }
  .wpo-category-filter .category-filter-content {
    margin-left: 28px;
    margin-right: 0px;
    text-align: left;
  }
  .rtl .wpo-category-filter .category-filter-content {
    margin-right: 28px;
    margin-left: inherit;
  }
  .rtl .wpo-category-filter .category-filter-content {
    margin-left: 0px;
    margin-right: inherit;
  }
  .rtl .wpo-category-filter .category-filter-content {
    text-align: right;
  }

  .support {
    font-size: 10px;
  }

  .widget_deals_products .panel-heading {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 979px) {
  .products-layout .product.col-md-2 {
    width: 33.333333%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wpo-megamenu .navbar-collapse {
    padding: 0;
  }
  .wpo-megamenu.navbar-mega-full-width .container {
    border: 0;
  }
  .wpo-megamenu #main-menu {
    text-align: center;
    width: 100%;
  }
  .wpo-megamenu #main-menu &gt; li {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  .lt-ie8 .wpo-megamenu #main-menu &gt; li {
    display: inline;
    zoom: 1;
  }
  .wpo-megamenu #main-menu .dropdown-menu {
    text-align: left;
  }
  .rtl .wpo-megamenu #main-menu .dropdown-menu {
    text-align: right;
  }
  .wpo-megamenu #main-menu .dropdown-menu .wpo-widget {
    margin-bottom: 30px;
  }

  .wpo-inforbox .inforbox-content {
    display: none;
  }
  .wpo-inforbox .inforbox-heading {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 24px;
    /* 9 */
    font-size: 2.4rem;
    /* 9 */
  }
  .wpo-inforbox .inforbox-heading span {
    border: 0;
  }
  .wpo-inforbox .inforbox-heading span:after, .wpo-inforbox .inforbox-heading span:before {
    display: none;
  }

  .split-layout .secondary-posts .post {
    width: 175px;
    height: 175px;
  }
  .split-layout .secondary-posts .post .entry-title {
    display: none;
  }
  .split-layout .main-posts .entry-content {
    top: 50%;
    padding: 20px 20px 0 30px;
  }

  .wpo-grid-posts .posts-grid-category {
    margin-bottom: 50px;
  }

  .wpo-counter .counter-number {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 22px;
    /* 9 */
    font-size: 2.2rem;
    /* 9 */
  }
  .wpo-counter .counter-title {
    display: none;
  }

  .wpo-pricing-table .plan-figure {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 40px;
    /* 9 */
    font-size: 4rem;
    /* 9 */
  }
  .wpo-pricing-table .plan-title {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 12px;
    /* 9 */
    font-size: 1.2rem;
    /* 9 */
  }
  .wpo-pricing-table .plan-currency {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 20px;
    /* 9 */
    font-size: 2rem;
    /* 9 */
  }

  .blog-type .entry-image {
    height: auto;
  }

  .blog.style2 .entry-content {
    min-height: 240px;
  }
  .blog.style2 .blog-date {
    display: none;
  }
  .blog.style2 .entry-title, .blog.style2 .entry-description {
    padding: 0 20px;
  }

  .vc_pie_chart .wpb_pie_chart_descript {
    display: none;
  }

  .active-mobile {
    width: 60px;
  }
  .active-mobile .fa, .active-mobile .icon {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 25px;
    /* 9 */
    font-size: 2.5rem;
    /* 9 */
  }
  .active-mobile .fa:hover, .active-mobile .icon:hover {
    color: #fff;
  }

  .wpo-off-canvas, .off-canvas-toggle {
    display: none;
  }

  .navbar-header {
    display: none;
  }
}
@media (max-width: 991px) {
  .active-mobile:hover .active-content {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }
  .active-mobile .menu-top-menu-header-container .menu li {
    float: none;
    line-height: 25px;
  }
  .active-mobile .menu-top-menu-header-container .menu li a {
    padding: 0;
    border: 0;
    line-height: normal;
  }

  .page-template[class*="template-news"] .wpo-mainbody.news-page {
    margin: 0 0 30px 0;
  }

  input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }

  .wpo-sidebar .widget_sp_image {
    display: none;
  }

  .wpo-header .header-wrap .logo {
    width: 100%;
    text-align: center;
  }
  .wpo-header .header-wrap .header-center {
    width: 100%;
  }
  .wpo-header.header-default .header-topright {
    display: none;
  }
  .wpo-header.header-default .header-top {
    margin: 0 0 15px;
  }
  .wpo-header.header-default .header-top .wpo-megamenu {
    float: none !important;
  }

  .stheader-3 .header-default .logo {
    width: 100%;
    text-align: center;
  }

  .wpb-container {
    margin: 0 0 30px;
  }

  .wpo-mainbody {
    padding: 20px 0;
  }

  .information {
    text-align: center;
  }
  .information &gt; div {
    display: inline-block;
  }

  .wpo-footer .wpo-ourservice {
    margin: 5px 0;
  }
  .wpo-footer .footer-middle .inner {
    border: none;
  }
  .wpo-footer .footer-middle .row &gt; div:last-child, .wpo-footer .footer-middle .row &gt; div:first-child {
    border-bottom: 1px solid #484848;
    border-top: 1px solid #484848;
    background: #333333;
  }
  .wpo-footer .footer-middle .row &gt; div:last-child:before, .wpo-footer .footer-middle .row &gt; div:first-child:before {
    display: none;
  }

  .widget_wpo_menu_vertical {
    display: none;
  }

  .active-mobile {
    width: 70px;
  }
  .active-mobile &gt; .fa, .active-mobile &gt; .icon {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 25px;
    /* 9 */
    font-size: 2.5rem;
    /* 9 */
  }

  .widget-brand-logo .row &gt; div {
    margin: 8px 0;
  }
  .widget-brand-logo .row &gt; div:nth-child(2n+1) {
    clear: left;
  }

  .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    margin: 0 !important;
  }

  .title-shipping {
    margin-bottom: 20px !important;
    text-align: left;
  }
  .rtl .title-shipping {
    text-align: right;
  }
  .title-shipping:after {
    display: none;
  }

  .wpo-off-canvas,
  .off-canvas-toggle {
    display: block;
  }

  .block-pie-chart-ourskills {
    background-image: none;
  }

  .blog.style2 {
    margin-bottom: 30px;
  }
  .blog.style2 .blog-date {
    display: none;
  }
  .blog.style2 .entry-title,
  .blog.style2 .entry-description {
    padding: 0 20px;
  }

  .blog-type .entry-image {
    height: auto;
  }

  .wpo-inforbox {
    padding-top: 30px;
    min-height: inherit;
  }

  .split-layout {
    display: none;
  }

  .posts-grid-category {
    margin: 0 0 30px 0;
  }

  .posts-grid .post {
    margin-bottom: 20px;
  }

  .wpo-category-filter .slogan {
    font-size: 25px;
  }

  .full-width {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .products-layout .product.col-md-2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .row-offcanvas .sidebar-offcanvas .btn-close {
    min-width: 23px;
    line-height: 100%;
    font-size: 15px;
  }

  .header-default .wpo-megamenu,
  .header-default .header-center {
    border: none;
  }
  .header-default .btn-offcanvas {
    margin: -153px 0 0;
  }

  .stheader-3 .btn-offcanvas,
  .stheader-2 .btn-offcanvas {
    margin: 0;
  }
  .stheader-3.row-offcanvas.active .sidebar-offcanvas .btn-close,
  .stheader-2.row-offcanvas.active .sidebar-offcanvas .btn-close {
    margin: 0;
  }

  .rev_slider_wrapper .tparrows {
    display: none;
  }

  .row &gt; .product + .product .product-grid,
  .list-product &gt; .product + .product .product-grid {
    padding-top: 15px;
  }

  .wpo-footer .wpo-ourservice {
    margin: 5px 0;
  }

  .wpo-off-canvas,
  .off-canvas-toggle {
    display: block;
  }

  .active-mobile.setting-popup .active-content {
    width: 100%;
    min-width: 320px;
    right: -100%;
    left: auto;
  }

  .wpo-category-filter {
    margin-bottom: 30px !important;
  }
  .wpo-category-filter .category-filter-image {
    display: none;
  }
  .wpo-category-filter .category-filter-content {
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
  }
}
@media (max-width: 480px) {
  .visual-description {
    display: none;
  }

  .wpo-off-canvas,
  .off-canvas-toggle {
    display: block;
  }

  .wpo-pricing-table {
    margin-bottom: 30px !important;
  }
  .wpo-pricing-table .plan-title {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
  }
  .wpo-pricing-table .plan-figure {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 30px;
    /* 9 */
    font-size: 3rem;
    /* 9 */
  }
  .wpo-pricing-table .plan-currency {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 15px;
    /* 9 */
    font-size: 1.5rem;
    /* 9 */
  }

  .active-mobile .active-content {
    padding: 20px 40px;
  }
  .active-mobile.setting-popup .active-content {
    width: 100%;
    min-width: 320px;
    right: -100%;
    left: auto;
  }

  .nav-tabs &gt; li {
    width: 100%;
  }

  .widget-product-tabs .nav-tabs {
    position: relative !important;
    background: #333333;
    top: 0 !important;
  }
  .widget-product-tabs .nav-tabs &gt; li {
    width: auto !important;
  }
  .widget-product-tabs .nav-tabs .wpo-cat_title {
    display: none;
  }
}
.zoom-2 {
  overflow: hidden;
}
.zoom-2 img {
  position: relative;
  width: 100%;
  -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);
}

.tab-pane {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.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, .wpb_single_image .wpb_wrapper &gt; a {
  position: relative;
}
.image-plus-1::before, .wpb_single_image .wpb_wrapper &gt; a::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(0.5) rotateY(180deg);
  -moz-transform: scale(0.5) rotateY(180deg);
  -ms-transform: scale(0.5) rotateY(180deg);
  -o-transform: scale(0.5) rotateY(180deg);
  transform: scale(0.5) rotateY(180deg);
  background: url("../../../images/plus.png") no-repeat scroll center center/60px 60px rgba(0, 0, 0, 0.6);
}
.rtl .image-plus-1::before, .rtl .wpb_single_image .wpb_wrapper &gt; a::before, .wpb_single_image .rtl .wpb_wrapper &gt; a::before {
  right: 0;
  left: auto;
}
.image-plus-1:hover::before, .wpb_single_image .wpb_wrapper &gt; a:hover::before {
  visibility: visible;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: scale(1) rotateY(0deg);
  -moz-transform: scale(1) rotateY(0deg);
  -ms-transform: scale(1) rotateY(0deg);
  -o-transform: scale(1) rotateY(0deg);
  transform: scale(1) rotateY(0deg);
}

.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);
}

/**
* Table of Contents:
*
* 1.0 - Body
* 2.0 - Headings
* 3.0 - Text Elements
* 4.0 - Links
* 5.0 - Alignment
* 6.0 - Tables
* 7.0 - Images
* 8.0 - Galleries
* 9.0 - Audio/Video
* 10.0 - RTL
* ----------------------------------------------------------------------------
*/
/**
 * 5.0 Alignment
 * ----------------------------------------------------------------------------
 */
.alignleft {
  float: left;
  margin: 7px 24px 7px 0;
}
.rtl .alignleft {
  float: right;
}
.rtl .alignleft {
  margin: 7px 0 7px 24px;
}

.alignright {
  float: right;
  margin: 7px 0 7px 24px;
}
.rtl .alignright {
  float: left;
}
.rtl .alignright {
  margin: 7px 24px 7px 0;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 7px auto;
}

blockquote.alignleft,
blockquote.alignright {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 17px;
  width: 50%;
}

blockquote.alignleft p,
blockquote.alignright p {
  margin-bottom: 17px;
}

.attachment .site-content {
  margin-left: auto;
  width: 100%;
}
.rtl .attachment .site-content {
  margin-right: auto;
  margin-left: inherit;
}

/**
 * 6.0 Tables
 * ----------------------------------------------------------------------------
 */
/**
 * 7.0 Images
 * ----------------------------------------------------------------------------
 */
.wp-caption {
  background: transparent;
  margin: 0 0 30px 0;
  max-width: 100%;
  padding: 5px;
  text-align: center;
  border: 1px solid #e2e2e2;
  text-align: left;
}
.rtl .wp-caption {
  text-align: right;
}

.html5-captions .wp-caption {
  padding: 0;
}

.wp-caption.alignleft {
  margin: 7px 14px 7px 0;
}

.html5-captions .wp-caption.alignleft {
  margin-right: 24px;
}
.rtl .html5-captions .wp-caption.alignleft {
  margin-left: 24px;
  margin-right: inherit;
}

.wp-caption.alignright {
  margin: 7px 0 7px 14px;
}

.wp-caption.alignright img,
.wp-caption.alignright .wp-caption-dd {
  padding-left: 10px;
}

.html5-captions .wp-caption.alignright {
  margin-left: 24px;
}
.rtl .html5-captions .wp-caption.alignright {
  margin-right: 24px;
  margin-left: inherit;
}

.html5-captions .wp-caption.alignright img,
.html5-captions .wp-caption.alignright .wp-caption-dd {
  padding: 0;
}

.wp-caption.aligncenter {
  margin: 7px 0;
}

.wp-caption-dt {
  margin: 0;
}

.wp-caption .wp-caption-text,
.wp-caption-dd {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0;
  padding: 0 10px 0 0;
  /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
  text-align: left;
}
.rtl .wp-caption .wp-caption-text, .rtl
.wp-caption-dd {
  text-align: right;
}

.mceTemp + ul,
.mceTemp + ol {
  list-style-position: inside;
}

/**
 * 8.0 Gallery
 * -----------------------------------------------------------------------------
 */
.gallery .gallery-item {
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.rtl .gallery .gallery-item {
  float: right;
}
.rtl .gallery .gallery-item {
  margin: 0 0 4px 4px;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
  width: auto;
}

.gallery-columns-2 .gallery-item {
  max-width: 48%;
  max-width: -webkit-calc(50% - 14px);
  max-width: calc(50% - 14px);
  width: auto;
}

.gallery-columns-3 .gallery-item {
  max-width: 32%;
  max-width: -webkit-calc(33.3% - 11px);
  max-width: calc(33.3% - 11px);
  width: auto;
}

.gallery-columns-4 .gallery-item {
  max-width: 23%;
  max-width: -webkit-calc(25% - 9px);
  max-width: calc(25% - 9px);
  width: auto;
}

.gallery-columns-5 .gallery-item {
  max-width: 19%;
  max-width: -webkit-calc(20% - 8px);
  max-width: calc(20% - 8px);
  width: auto;
}

.gallery-columns-6 .gallery-item {
  max-width: 15%;
  max-width: -webkit-calc(16.7% - 7px);
  max-width: calc(16.7% - 7px);
  width: auto;
}

.gallery-columns-7 .gallery-item {
  max-width: 13%;
  max-width: -webkit-calc(14.28% - 7px);
  max-width: calc(14.28% - 7px);
  width: auto;
}

.gallery-columns-8 .gallery-item {
  max-width: 11%;
  max-width: -webkit-calc(12.5% - 6px);
  max-width: calc(12.5% - 6px);
  width: auto;
}

.gallery-columns-9 .gallery-item {
  max-width: 9%;
  max-width: -webkit-calc(11.1% - 6px);
  max-width: calc(11.1% - 6px);
  width: auto;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0;
}
.rtl .gallery-columns-1 .gallery-item:nth-of-type(1n), .rtl
.gallery-columns-2 .gallery-item:nth-of-type(2n), .rtl
.gallery-columns-3 .gallery-item:nth-of-type(3n), .rtl
.gallery-columns-4 .gallery-item:nth-of-type(4n), .rtl
.gallery-columns-5 .gallery-item:nth-of-type(5n), .rtl
.gallery-columns-6 .gallery-item:nth-of-type(6n), .rtl
.gallery-columns-7 .gallery-item:nth-of-type(7n), .rtl
.gallery-columns-8 .gallery-item:nth-of-type(8n), .rtl
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-left: 0;
  margin-right: inherit;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
.gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
.gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
.gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
.gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
.gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
.gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
.gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
  margin-left: 12px;
}
.rtl .gallery-columns-1 .gallery-item:nth-of-type(1n), .rtl
.gallery-columns-2 .gallery-item:nth-of-type(2n - 1), .rtl
.gallery-columns-3 .gallery-item:nth-of-type(3n - 2), .rtl
.gallery-columns-4 .gallery-item:nth-of-type(4n - 3), .rtl
.gallery-columns-5 .gallery-item:nth-of-type(5n - 4), .rtl
.gallery-columns-6 .gallery-item:nth-of-type(6n - 5), .rtl
.gallery-columns-7 .gallery-item:nth-of-type(7n - 6), .rtl
.gallery-columns-8 .gallery-item:nth-of-type(8n - 7), .rtl
.gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
  margin-right: 12px;
  margin-left: inherit;
}

.gallery .gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  line-height: 1.5;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: 100%;
}
.rtl .gallery .gallery-caption {
  text-align: right;
}

.gallery .gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/**
 * 9.0 Audio/Video
 * ----------------------------------------------------------------------------
 */
.mejs-mediaelement,
.mejs-container .mejs-controls {
  background: #000;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #fff;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #24890d;
}

.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: rgba(255, 255, 255, 0.33);
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0;
}

.mejs-overlay-loading {
  background: transparent;
}

/**
 * 10.0 RTL
 * ----------------------------------------------------------------------------
 */
html .mceContentBody.rtl {
  direction: rtl;
  unicode-bidi: embed;
}

.rtl .wp-caption,
.rtl tr th {
  text-align: right;
}
.rtl .rtl .wp-caption, .rtl
.rtl tr th {
  text-align: left;
}

.rtl td {
  text-align: right;
}
.rtl .rtl td {
  text-align: left;
}
</pre></body></html>