/**
 * Template Name: HoneyHome
 * Description: Html Template for Builders and Constraction
 * Version: 1.9
 * Author: PrismSpark
 * Template URI: http://prismspark.com
 * License URI: http://prismspark.com
 */
        /* ------------------------------------------------------------------

[contents]

1.  Body
2.  Header
3.  Service
4.  About Us  
5.  Our Project
6.  Price
7.  Blog
8.  Single Blog
9.  Shop
10. Shop Details
11. Login
12. 404 Page
13. Contact
14. Office
15. Google Map
16. Footer
------------------------------------------------------------------- */
        /* ===========================
---Default
============================ */
        
        body {
            background-color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-family: 'Titillium Web', sans-serif;
            font-size: 16px;
            line-height: 27px;
            color: #999;
            position: relative;
            overflow-x: hidden;
        }
        
        .container {
            margin: 0 auto;
            max-width: 18000px;
        }
        /* ===========================
---google fonts
============================ */
        
        @font-face {
            font-family: 'Titillium Web';
            font-style: normal;
            font-weight: 400;
            src: url('../fonts/titillium-web-v4-latin-regular.eot');
            /* IE9 Compat Modes */
            src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('../fonts/titillium-web-v4-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/titillium-web-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/titillium-web-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
            url('../fonts/titillium-web-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/titillium-web-v4-latin-regular.svg#TitilliumWeb') format('svg');
            /* Legacy iOS */
        }
        /* ===========================
---Header
============================ */
        
        figure,
        p,
        address {
            margin: 0;
            line-height: 27px;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            color: #252525;
        }
        
        main>section {
            padding: 10px 0;
        }
        
        .section-heading-right,
        .section-heading-left {
            margin-top: 80px;
            margin-bottom: 0px;
        }
        
        .section-heading-right h2 {
            text-transform: uppercase;
            font-size: 30px;
            border-right: 2px solid #f2af00;
            display: inline-block;
            padding: 10px 20px 10px 10px;
        }
        
        .section-heading-left h2 {
            text-transform: uppercase;
            font-size: 30px;
            border-left: 2px solid #f2af00;
            display: inline-block;
            padding: 10px 20px 10px 10px;
        }
        
        .section-heading-bottom h2 {
            text-transform: uppercase;
            font-size: 30px;
            border-bottom: 2px solid #f2af00;
            display: inline-block;
            padding: 10px 20px 10px 10px;
        }
        
        .paratex h4 {
            line-height: 27px;
            color: #999;
            text-align: center;
            clear: none;
            position: relative;
            width: 60%;
            margin: 0px auto 0px;
        }
        /* ===========================
---Navigation 
============================ */
        
        .relative {
            position: relative;
        }
        
        .left {
            float: left !important;
        }
        
        .right {
            float: right !important;
        }
        
        .stick-fixed {
            position: fixed !important;
            top: 0;
            left: 0;
        }
        
        .round {
            -webkit-border-radius: 2px !important;
            -moz-border-radius: 2px !important;
            border-radius: 2px !important;
        }
        
        .clearlist,
        .clearlist li {
            list-style: none;
            padding: 0;
            margin: 0;
            background: none;
        }
        
        .full-wrapper {
            margin: 0 2%;
        }
        
        img:not([draggable]),
        embed,
        object,
        video {
            max-width: 100%;
            height: auto;
        }
        /* Logo */
        
        .nav-logo-wrap {
            float: left;
            margin-right: 20px;
        }
        
        .nav-logo-wrap .logo {
            display: table-cell;
            vertical-align: middle;
            max-width: 175px;
            height: 96px;
            -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .nav-logo-wrap .logo img {
            max-height: 100%;max-width: 175px;
        }
        
        .nav-logo-wrap .logo:before,
        .nav-logo-wrap .logo:after {
            display: none;
        }
        
        .logo,
        a.logo:hover {
            font-size: 18px;
            font-weight: 400 !important;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            text-decoration: none;
            color: rgba(0, 0, 0, .9);
        }
        /* Desktop nav */
        
        .main-nav {
            width: 100%;
            height: 96px !important;
            position: relative;
            top: 0;
            left: 0;
            text-align: left;
            background: rgba(255, 255, 255, .97);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
            -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
            z-index: 1030;
            -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .small-height {
            height: 70px !important;
        }
        
        .small-height .inner-nav ul li a {
            height: 70px !important;
            line-height: 70px !important;
        }
        
        .inner-nav {
            display: inline-block;
            position: relative;
            float: right;
        }
        
        .inner-nav ul {
            float: right;
            margin: auto;
            font-size: 11px;
            font-weight: 400;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-align: center;
            line-height: 7.3;
        }
        
        .inner-nav ul li {
            float: left;
            margin-left: 5px;
            position: relative;
        }
        
        .inner-nav ul li a {
            color: #777;
            letter-spacing: 2px;
            display: inline-block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-decoration: none;
            -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .inner-nav ul>li:first-child>a {}
        
        .inner-nav ul li a:hover,
        .inner-nav ul li a.active {
            color: #000;
            text-decoration: none;
        }
        /* Menu sub */
        
        .mn-sub {
            display: none;
            width: 200px;
            position: absolute;
            top: 100%;
            left: 0;
            padding: 0;
            background: rgba(30, 30, 30, .97);
        }
        
        .mn-sub li {
            display: block;
            width: 100%;
            margin: 0 !important;
        }
        
        .inner-nav ul li .mn-sub li a {
            display: block;
            width: 100%;
            height: auto !important;
            line-height: 1.3 !important;
            position: relative;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 11px 15px;
            font-size: 13px;
            text-align: left;
            text-transform: none;
            border-left: none;
            border-right: none;
            letter-spacing: 0;
            color: #b0b0b0 !important;
            cursor: pointer;
        }
        
        .mobile-on .mn-has-multi>li:last-child>a {
            border-bottom: 1px solid rgba(255, 255, 255, .065) !important;
        }
        
        .mn-sub li a:hover,
        .inner-nav ul li .mn-sub li a:hover,
        .mn-sub li a.active {
            background: rgba(255, 255, 255, .09);
            color: #f5f5f5 !important;
        }
        
        .mn-sub li ul {
            left: 100%;
            right: auto;
            top: 0;
            border-left: 1px solid rgba(255, 255, 255, .07);
        }
        
        .inner-nav>ul>li:last-child .mn-sub,
        .inner-nav li .mn-sub.to-left {
            left: auto;
            right: 0;
        }
        
        .inner-nav li:last-child .mn-sub li ul,
        .inner-nav li .mn-sub li ul.to-left {
            left: auto;
            right: 100%;
            top: 0;
            border-left: none;
            border-right: 1px solid rgba(255, 255, 255, .07);
        }
        
        .mobile-on .inner-nav li:last-child .mn-sub li ul {
            left: auto;
            right: auto;
            top: 0;
        }
        
        .mn-wrap {
            padding: 3px;
        }
        /* Menu sub multi */
        
        .mn-has-multi {
            width: auto !important;
            padding: 15px;
            text-align: left;
            white-space: nowrap;
        }
        
        .mn-sub-multi {
            width: 190px !important;
            overflow: hidden;
            white-space: normal;
            float: none !important;
            display: inline-block !important;
            vertical-align: top;
        }
        
        .mn-sub-multi>ul {
            width: auto;
            margin: 0;
            padding: 0;
            float: none;
        }
        
        .mn-group-title {
            font-weight: 700;
            text-transform: uppercase;
            color: #fff !important;
        }
        
        .mn-group-title:hover {
            background: none !important;
        }
        
        .mobile-on .mn-sub-multi>ul {
            left: auto;
            right: auto;
            border: none;
        }
        
        .mobile-on .mn-sub-multi {
            display: block;
            width: 100% !important;
        }
        
        .mobile-on .mn-sub-multi>ul>li:last-child>a {
            border: none !important;
        }
        
        .mobile-on .mn-sub>li:last-child>a {
            border: none !important;
        }
        
        .mobile-on .mn-sub-multi:last-child>ul {
            border-bottom: none !important;
        }
        /* Mobile nav */
        
        .mobile-on .desktop-nav {
            display: none;
            width: 100%;
            position: absolute;
            top: 100%;
            left: 0;
            padding: 0 15px;
            z-index: 100;
        }
        
        .mobile-on .full-wrapper .desktop-nav {
            padding: 0;
        }
        
        .mobile-on .desktop-nav ul {
            width: 100%;
            float: none;
            background: rgba(18, 18, 18, .97);
            position: relative;
            overflow-x: hidden;
        }
        
        .mobile-on .desktop-nav>ul {
            overflow-y: auto;
        }
        
        .mobile-on .desktop-nav ul li {
            display: block;
            float: none !important;
            overflow: hidden;
        }
        
        .mobile-on .desktop-nav ul li ul {
            padding: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .1);
        }
        
        .mobile-on .desktop-nav ul li a {
            display: block;
            width: 100%;
            height: 38px !important;
            line-height: 38px !important;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 10px;
            text-align: left;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid rgba(255, 255, 255, .065);
            color: #999;
            letter-spacing: 1px;
            cursor: pointer;
        }
        
        .mobile-on .desktop-nav ul li a:hover,
        .mobile-on .desktop-nav ul li a.active {
            background: rgba(255, 255, 255, .03);
            color: #ddd;
        }
        /* Menu sub */
        
        .mobile-on .mn-has-sub>.fa {
            display: block;
            width: 18px;
            height: 18px;
            font-size: 14px;
            line-height: 16px;
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -8px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, .1);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }
        
        .mobile-on .js-opened>.mn-has-sub>.fa {
            border-color: rgba(255, 255, 255, .4);
            line-height: 14px;
        }
        
        .mobile-on .inner-nav li {
            margin: 0 !important;
        }
        
        .mobile-on .mn-sub {
            display: none;
            opacity: 0;
            position: relative;
            left: 0 !important;
            right: 0;
            top: 0;
            bottom: 0;
            border-left: none !important;
            border-right: none !important;
            border-top: none;
            z-index: 10;
        }
        
        .mobile-on .mn-sub li {
            padding-left: 10px;
        }
        
        .inner-nav li.js-opened .mn-sub {
            opacity: 1;
        }
        
        .mobile-nav {
            display: none;
            float: right;
            vertical-align: middle;
            font-size: 11px;
            font-weight: 400;
            text-transform: uppercase;
            border-left: 1px solid rgba(0, 0, 0, .05);
            border-right: 1px solid rgba(0, 0, 0, .05);
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -webkit-transition-property: background, color;
            -moz-transition-property: background, color;
            -o-transition-property: background, color;
            transition-property: background, color;
        }
        
        .mobile-nav:hover,
        .mobile-nav.active {
            background: #fff;
            color: #777;
        }
        
        .mobile-nav:active {
            -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .05) inset;
            -moz-box-shadow: 0 0 35px rgba(0, 0, 0, .05) inset;
            box-shadow: 0 0 35px rgba(0, 0, 0, .05) inset;
        }
        
        .no-js .mobile-nav {
            width: 55px;
            height: 55px;
        }
        
        .mobile-on .mobile-nav {
            display: table;
        }
        
        .mobile-nav .fa {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 21px;
        }
        /* Menu sub multi */
        
        .mobile-on .mn-has-multi {
            width: auto;
            padding: 0;
            text-align: left;
            white-space: normal;
        }
        
        .mobile-on .mn-sub {
            width: 100%;
            float: none;
            position: relative;
            overflow-x: hidden;
        }
        /* Dark panel style */
        
        .main-nav.dark {
            background-color: #8c8b8b;
            /* -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; */
        }
        
        .main-nav.transparent .inner-nav ul>li>a {
            color: #8c8b8b !important;
        }
        
        .main-nav.transparent .inner-nav ul>li>a:hover,
        .main-nav.transparent .inner-nav ul>li>a:active {
            color: #f2af00 !important;
        }
        
        .main-nav.dark .inner-nav ul>li>a {
            color: #333;
            text-transform: uppercase;
            font-weight: 600;
        }
        
        .main-nav.dark .inner-nav ul>li>a:hover,
        .main-nav.dark .inner-nav ul>li>a.active {
            color: #f2af00;
        }
        
        .main-nav.dark .mobile-nav {
            background-color: transparent;
            border-color: transparent;
            color: rgba(255, 255, 255, .9);
        }
        
        .main-nav.dark .mobile-nav:hover,
        .main-nav.dark .mobile-nav.active {
            color: #fff;
        }
        
        .main-nav.mobile-on.dark .inner-nav {
            border-top: 1px solid rgba(100, 100, 100, .4);
        }
        
        .main-nav.dark .logo,
        .main-nav.dark a.logo:hover {
            font-size: 18px;
            font-weight: 800;
            text-transform: uppercase;
            text-decoration: none;
            color: rgba(255, 255, 255, .9);
        }
        
        .main-nav.dark .mn-sub {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        
        .main-nav.dark .mn-soc-link {
            border: 1px solid rgba(255, 255, 255, .2);
        }
        
        .main-nav.dark .mn-soc-link:hover {
            border: 1px solid rgba(255, 255, 255, .3);
        }
        /* Transparent panel style */
        
        .main-nav.transparent {
            background: rgba(0, 0, 0, 0.4) !important;
        }
        
        .main-nav.js-transparent {
            -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        /* Centered menu */
        
        .mn-centered {
            text-align: center;
        }
        
        .mn-centered .inner-nav {
            float: none;
        }
        
        .mn-centered .inner-nav>ul {
            float: none;
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
        }
        
        .mn-centered .inner-nav>ul>li:first-child {
            margin-left: 0;
        }
        
        .mn-centered .mobile-nav {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }
        /* Aligned left menu */
        
        .mn-align-left {}
        
        .mn-align-left .inner-nav {
            float: none;
            width: 100%;
        }
        
        .mn-align-left .inner-nav>ul {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }
        
        .mn-align-left .inner-nav>ul>li:first-child {
            margin-left: 0;
        }
        
        .mn-align-left .mobile-nav {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }
        /* Fullscreen menu */
        
        .fm-logo-wrap {
            position: absolute;
            top: 30px;
            left: 30px;
            height: 54px;
            z-index: 1030;
        }
        
        .fm-logo-wrap .logo {
            display: block;
            max-width: 200px;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .fm-button {
            display: block;
            position: fixed;
            top: 30px;
            right: 30px;
            width: 54px;
            height: 54px;
            background: #111;
            opacity: .85;
            text-indent: -12345px;
            z-index: 1030;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .fm-button:hover {
            opacity: 1;
        }
        
        .fm-button span {
            display: block;
            width: 22px;
            height: 2px;
            background: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -1px 0 0 -11px;
            -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .fm-button span:before,
        .fm-button span:after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background: #fff;
            position: absolute;
            top: -6px;
            left: 0;
            -webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
            -moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
            -o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
            -ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
            transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
        }
        
        .fm-button span:after {
            top: auto;
            bottom: -6px;
        }
        /* Active menu button */
        
        .fm-button.active {
            background: #222;
            z-index: 2001;
        }
        
        .fm-button.active span {
            background: transparent;
        }
        
        .fm-button.active span:before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .fm-button.active span:after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
        /* Menu wrapper */
        
        .fm-wrapper {
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            padding: 50px 30px;
            overflow-x: hidden;
            overflow-y: auto;
            background: rgba(10, 10, 10, .97);
            z-index: 2000;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        .fm-wrapper-sub {
            display: table;
            width: 100%;
            height: 100%;
            opacity: 0;
            -webkit-transform: translateY(30px);
            -moz-transform: translateY(30px);
            -o-transform: translateY(30px);
            -ms-transform: translateY(30px);
            transform: translateY(30px);
            -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .fm-wrapper-sub.js-active {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -o-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        
        .fm-wrapper-sub-sub {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }
        
        .fm-menu-links,
        .fm-menu-links ul {
            margin: 0;
            padding: 10px 0;
            line-height: 1.3;
            text-align: center;
        }
        
        .fm-menu-links ul.fm-sub {
            padding: 0;
        }
        
        .fm-menu-links a {
            display: block;
            position: relative;
            margin: 0;
            padding: 15px 20px;
            color: #999;
            font-size: 17px;
            letter-spacing: 2px;
            font-weight: 400;
            text-transform: uppercase;
            text-decoration: none;
            cursor: pointer;
            -webkit-tap-highlight-color: rgba(255, 255, 255, .1);
            -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            z-index: 11;
        }
        
        .no-touch .fm-menu-links a:hover,
        .fm-menu-links a:active,
        .fm-menu-links li.js-opened>a {
            color: #d5d5d5;
            text-decoration: none;
        }
        
        .fm-menu-links li {
            margin: 0;
            padding: 0;
            position: relative;
            overflow: hidden;
        }
        
        .fm-menu-links li>a:active,
        .fm-menu-links li.active>a,
        .fm-menu-links li a.active {
            color: #f5f5f5;
        }
        
        .fm-menu-links li.js-opened:before {
            display: none;
        }
        
        .no-touch .fm-menu-links li.js-opened>a:hover,
        .fm-menu-links li.js-opened>a:active {
            color: #fff;
        }
        
        .fm-has-sub {}
        
        .fm-has-sub .fa {
            font-size: 14px;
        }
        
        .js-opened>.fm-has-sub>.fa {
            color: #fff;
        }
        
        .fm-sub {
            display: none;
            opacity: 0;
            position: relative;
        }
        
        .fm-sub>li>a {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 13px;
            font-weight: 400;
        }
        
        .fm-menu-links li.js-opened .fm-sub {
            opacity: 1;
        }
        
        .fm-search {
            width: 320px;
        }
        
        .fm-search input.search-field {
            background: transparent;
            color: #555;
            text-align: center;
            border: none;
            border-bottom: 1px solid rgba(255, 255, 255, .2);
        }
        
        .fm-search input.search-field:hover {
            border: none;
            border-bottom: 1px solid rgba(255, 255, 255, .4);
        }
        
        .fm-search input.search-field:focus {
            color: #999;
            border-color: rgba(255, 255, 255, .7);
        }
        
        .fm-search .search-button:hover {
            color: #fff;
        }
        
        .form-control {
            border-radius: 0px;
        }
        /*Logotypes*/
        
        .logo-item {
            height: 80px;
            text-align: center;
            opacity: .75;
            -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
            -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
            -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
            -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
            transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        }
        
        .logo-item:hover {
            opacity: 1;
        }
        
        .logo-item img {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        /* Search widget */
        
        .search-wrap {
            position: relative;
        }
        
        .search-field {
            width: 100% !important;
            height: 40px !important;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        .search-button {
            width: 42px;
            height: 40px;
            line-height: 38px;
            margin-top: -20px;
            position: absolute;
            top: 50%;
            right: 1px;
            overflow: hidden;
            background: transparent;
            border: none;
            outline: none;
            color: #999;
            font-size: 14px;
        }
        
        .search-button:hover {
            color: #111;
        }
        
        .search-button:hover+.search-field {
            border-color: #ccc;
        }
        /* Widget menu */
        
        .widget-menu {
            font-size: 13px;
        }
        
        .widget-menu li {
            padding: 5px 0;
        }
        
        .widget-menu li a {
            color: #555;
            text-decoration: none;
            padding-bottom: 2px;
            text-decoration: none;
            border-bottom: 1px solid transparent;
            -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        
        .widget-menu li a:hover,
        .widget-menu li a.active {
            color: #999;
        }
        
        .widget-menu li small {
            font-size: 11px;
            color: #aaa;
        }
        /* new button */
        
        .label-new {
            background: #f32929;
            color: white;
            padding: 2px 3px;
            font-size: 9px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        /* ===========================
---Loder
============================ */
        /* #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    opacity: 0.9;
    z-index: 9999;
}

#load {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
} */
        /* ===========================
--- Slider
============================ */
        
        #main-slider {
            position: relative;
            margin-bottom: 10px;
        }
        
        .no-margin {
            margin: 0;
            padding: 0;
        }
        
        .tp-caption {
            z-index: 1;
            white-space: nowrap
        }
        /*=============================================*/
        
        #main-slider .carousel .carousel-content,
        #main-slider1 .carousel-content {
            padding: 0px 10px 0px 10px;
            position: absolute;
            /* background: rgba(244, 242, 204, 0.8); */
            background: rgba(0, 0, 0, 0.54);
            border-radius: 5px;
            min-height:
        }
        
        #main-slider .carousel .slide-margin,
        #main-slider1 .slide-margin {
            margin-top: 120px;
        }
        
        #main-slider .carousel h1,
        #main-slider1 h1 {
            color: #f2af00;
            font-size: 36px;
        }
        
        #main-slider .carousel h2,
        #main-slider1 h2 {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
        }
        
        @media (min-width:767px) {
			.slide-img-webinar {
                background-image: url(../img/mobile-banner-home.jpg);
            }
			.slide-img-lockdown {
                background-image: url(../img/mobile_lockdown.jpg);
            }
            .slide-img-1 {
                background-image: url(../img/banner1.jpg);
            }
            .slide-img-111 {
                background-image: url(../img/webinar-banner.jpg);
            }
            .slide-img-2 {
                background-image: url(../img/banner2.jpg);
            }
            .slide-img-3 {
                background-image: url(../img/banner3.jpg);
            }
            .slide-img-4 {
                background-image: url(../img/banner4.jpg);
            }
        }
        
        @media (max-width:768px) {
				.slide-img-webinar {
                background-image: url(../img/mobile-banner-home.jpg);
            }
			.slide-img-lockdown {
                background-image: url(../img/mobile_lockdown.jpg);
            }
            .slide-img-1 {
                background-image: url(../img/mobile-banner1.png);
            }
            .slide-img-111 {
                background-image: url(../img/mobile-webinar-banner.jpg);
            }
            .slide-img-2 {
                background-image: url(../img/mobile-banner2.png);
            }
            .slide-img-3 {
                background-image: url(../img/mobile-banner3.png);
            }
            .slide-img-4 {
                background-image: url(../img/mobile-banner4.jpg);
            }
        }
        
        #main-slider .carousel .btn-slide,
        #main-slider1 .btn-slide {
            padding: 5px 16px;
            background: rgb(0, 8, 82);
            font-size: 14px;
            color: #fff;
            margin-top: 25px;
            display: inline-block;
            text-align: center;
            text-transform: uppercase;
        }
        
        #main-slider .carousel .slider-img {
            text-align: right;
            position: absolute;
            margin-left: 15px;
        }
        
        #main-slider .carousel .item {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            left: 0 !important;
            opacity: 0;
            top: -97px;
            position: absolute;
            width: 100%;
            display: block !important;
            height: 710px;
            -webkit-transition: opacity ease-in-out 500ms;
            -moz-transition: opacity ease-in-out 500ms;
            -o-transition: opacity ease-in-out 500ms;
            transition: opacity ease-in-out 500ms;
        }
        
        #main-slider .carousel .item:first-child {
            top: auto;
            position: relative;
        }
        
        #main-slider .carousel .item.active {
            opacity: 1;
            -webkit-transition: opacity ease-in-out 500ms;
            -moz-transition: opacity ease-in-out 500ms;
            -o-transition: opacity ease-in-out 500ms;
            transition: opacity ease-in-out 500ms;
            z-index: 1;
        }
        
        #main-slider .prev,
        #main-slider .next {
            position: absolute;
            top: 50%;
            background: rgba(242, 175, 0, 0.4);
            color: #fff;
            display: inline-block;
            margin-top: -25px;
            height: 40px;
            line-height: 40px;
            width: 40px;
            line-height: 40px;
            text-align: center;
            z-index: 5;
        }
        
        #main-slider .prev:hover,
        #main-slider .next:hover {
            background-color: rgba(255, 255, 255, 0.8);
            color: rgba(242, 175, 0, 0.4);
        }
        
        #main-slider .prev {
            left: 10px;
        }
        
        #main-slider .next {
            right: 10px;
        }
        
        #main-slider .carousel-indicators li {
            width: 10px;
            height: 10px;
            background-color: #fff;
            margin: 0 15px 0 0;
            position: relative;
        }
        
        #main-slider .carousel-indicators li:after {
            position: absolute;
            content: "";
            width: 14px;
            height: 14px;
            border-radius: 100%;
            background: rgba(0, 0, 0, 0);
            border: 1px solid #FFF;
            left: -3px;
            top: -3px;
        }
        
        #main-slider .carousel-indicators .active {
            width: 10px;
            height: 10px;
            background-color: #f2af00;
            margin: 0 15px 0 0;
            border: 1px solid #f2af00;
            position: relative;
        }
        
        #main-slider .carousel-indicators .active:after {
            position: absolute;
            content: "";
            width: 14px;
            height: 14px;
            border-radius: 100%;
            background: #f2af00;
            border: 1px solid #f2af00;
            left: -3px;
            top: -3px;
        }
        
        #main-slider .active .animation.animated-item-1 {
            -webkit-animation: fadeInUp 300ms linear 300ms both;
            -moz-animation: fadeInUp 300ms linear 300ms both;
            -o-animation: fadeInUp 300ms linear 300ms both;
            -ms-animation: fadeInUp 300ms linear 300ms both;
            animation: fadeInUp 300ms linear 300ms both;
        }
        
        #main-slider .active .animation.animated-item-2 {
            -webkit-animation: fadeInUp 300ms linear 600ms both;
            -moz-animation: fadeInUp 300ms linear 600ms both;
            -o-animation: fadeInUp 300ms linear 600ms both;
            -ms-animation: fadeInUp 300ms linear 600ms both;
            animation: fadeInUp 300ms linear 600ms both;
        }
        
        #main-slider .active .animation.animated-item-3 {
            -webkit-animation: fadeInUp 300ms linear 900ms both;
            -moz-animation: fadeInUp 300ms linear 900ms both;
            -o-animation: fadeInUp 300ms linear 900ms both;
            -ms-animation: fadeInUp 300ms linear 900ms both;
            animation: fadeInUp 300ms linear 900ms both;
        }
        
        #main-slider .active .animation.animated-item-4 {
            -webkit-animation: fadeInUp 300ms linear 1200ms both;
            -moz-animation: fadeInUp 300ms linear 1200ms both;
            -o-animation: fadeInUp 300ms linear 1200ms both;
            -ms-animation: fadeInUp 300ms linear 1200ms both;
            animation: fadeInUp 300ms linear 1200ms both;
        }
        /* slider responsive */
        
        @media(width: 1216px) {
            #main-slider .carousel .carousel-content,
            #main-slider1 .carousel-content,
            {
                margin-left: 60px;
            }
        }
        
        @media(width: 1024px) {
            #main-slider .carousel .carousel-content,
            #main-slider1 .carousel-content {
                margin-left: 60px;
            }
        }
        
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            #main-slider .carousel .item {
                height: 680px;
            }
            #main-slider .carousel h1 {
                font-size: 30px;
            }
            #main-slider .carousel h2 {
                font-size: 16px;
            }
            #main-slider .carousel .carousel-content {
                margin-left: 45px;
            }
        }
        /* sm */
        
        @media (min-width: 768px) and (max-width: 991px) {
            #main-slider .carousel h1 {
                font-size: 25px;
            }
            #main-slider .carousel h2 {
                font-size: 16px;
            }
            #main-slider .carousel .carousel-content {
                margin-left: 45px;
            }
        }
        /* xs */
        
        @media only screen and (max-width: 767px) {
            #main-slider .carousel h1 {
                font-size: 20px;
            }
            #main-slider .carousel h2 {
                font-size: 12px;
            }
            #main-slider .carousel .item {
                height: 750px;
            }
            #main-slider .carousel .slide-margin {
                margin-top: 50px;
            }
        }
        /* XS Portrait */
        
        @media(max-width: 480px) and (max-width: 767px) {
            #main-slider .carousel h1 {
                font-size: 20px;
            }
            #main-slider .carousel h2 {
                font-size: 16px;
            }
            #main-slider .carousel .item {
                height: 700px;
            }
        }
        
        @media only screen and (width: 321px) {
            #main-slider .carousel h1 {
                font-size: 20px;
            }
            #main-slider .carousel h2 {
                font-size: 12px;
            }
        }
        
        @media(max-width: 320px) and (max-width: 533px) {
            #main-slider .carousel h1 {
                font-size: 20px;
            }
            #main-slider .carousel h2 {
                font-size: 12px;
            }
            #main-slider .carousel .item {
                height: 400px;
            }
        }
        /* ===========================
--- Service
============================ */
        
        .service-image img {
            width: 100%;
        }
        
        .service-item {
            margin-top: 0px;
        }
        
        .service-item .cap {
            margin-top: 35px;
            font-size: 20px;
        }
        
        .service-item .long-cap {
            color: #999;
            font-size: 15px;
            line-height: 27px;
            padding: 14px 10px 6px 10px;
        }
        
        .hvr-image {
            overflow: hidden;
        }
        
        .hvr-image img {
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .hvr-image:hover img {
            -ms-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
            filter: alpha(opacity=85);
            -moz-opacity: 0.85;
            -khtml-opacity: 0.85;
            opacity: 0.85;
        }
        /* ===========================
--- About
============================ */
        
        .boxed-grey {
            background: #eaeaea;
            padding: 20px;
            margin-top: 20px;
        }
        
        .team h5 {
            margin-bottom: 30px;
        }
        
        .team p.subtitle {
            margin-bottom: 10px;
            color: #000;
        }
        
        .avatar {
            margin-bottom: 0px;
            max-width: 100%;
            display: inline-block;
        }
        /* ===========================
---projects
============================ */
        
        .view {
            overflow: hidden;
            position: relative;
            text-align: center;
            cursor: default;
        }
        
        .view .mask,
        .view .content {
            height: 100%;
            width: 100%;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
            cursor: pointer;
        }
        
        .view img {
            display: block;
            position: relative;
        }
        
        .view p {
            line-height: 15px;
            font-size: 14px;
            font-style: italic;
            position: relative;
            color: #fff;
            padding: 10px 20px;
            text-align: center;
        }
        
        .info {
            margin: 30% auto;
            display: inline-block;
            text-decoration: none;
            padding: 7px 30px;
            /* background: #fff; */
            color: #000;
            text-transform: uppercase;
            /* -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000; */
        }
        /* .info:hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
} */
        
        .view-first img {
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }
        
        .view-first .mask {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            background-color: rgba(219, 127, 8, 0.7);
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }
        
        .view-first p {
            -webkit-transform: translateY(100px);
            -moz-transform: translateY(100px);
            -o-transform: translateY(100px);
            -ms-transform: translateY(100px);
            transform: translateY(100px);
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }
        
        .view-first:hover img {
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            -o-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }
        
        .view-first a.info {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
        
        .view-first:hover .mask {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }
        
        .view-first:hover p,
        .view-first:hover a.info {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
        }
        
        .view-first:hover p {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
        }
        
        .iso-section img {
            max-width: 100%;
            transition: all 0.3s ease-in;
        }
        /* FILTER CSS */
        
        .filter-wrapper {
            width: 100%;
            margin: 0 0 24px 0;
            overflow: hidden;
            text-align: center;
        }
        
        .filter-wrapper li {
            display: inline-block;
            margin: 4px;
        }
        
        .filter-wrapper li a {
            color: #999999;
            font-size: 16px;
            font-weight: bold;
            padding: 8px 17px;
            display: block;
            text-decoration: none;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
        }
        
        .filter-wrapper li a.selected,
        .filter-wrapper li a:focus,
        .filter-wrapper li a:hover {
            background: #f2af00;
            border-color: transparent;
            color: #ffffff;
        }
        /* ===========================
---ISOTOPE BOX CSS
============================ */
        
        .iso-box-section {
            width: 100%;
        }
        
        .iso-box-wrapper {
            width: 100%;
            padding: 0;
            clear: both;
            position: relative;
        }
        
        .iso-box {
            position: relative;
            min-height: 50px;
            float: left;
            overflow: hidden;
            margin-bottom: 20px;
        }
        
        .iso-box>a {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        /* ===========================
  Blog Page
============================ */
        
        .blog-title {
            text-transform: uppercase;
            padding-top: 0px;
            padding-bottom: 25px;
            line-height: 0.7;
            text-align: center;
        }
        
        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a {
            color: inherit;
        }
        
        .blog-item {
            margin-bottom: 0px;
            text-align: center;
        }
        
        .bp-content {
            padding: 40px 0px;
        }
        
        .s1 {
            padding-right: 40px;
            margin-right: 25px;
        }
        
        .s2 {
            padding-left: 40px;
            margin-left: 25px;
        }
        
        .p-0 {
            padding: 0px;
        }
        
        .m-t-0 {
            margin-top: 0px;
        }
        
        .m-l-0 {
            margin-left: 0px;
        }
        
        .m-r-0 {
            margin-right: 0px;
        }
        
        .m-b-0 {
            margin-bottom: 0px;
        }
        
        .p-t-0 {
            padding-top: 0px;
        }
        
        .p-l-0 {
            padding-left: 0px;
        }
        
        .p-r-0 {
            padding-right: 0px;
        }
        
        .p-b-0 {
            padding-bottom: 0px;
        }
        
        .p-t-30 {
            padding-top: 30px;
        }
        
        .p-b-30 {
            padding-bottom: 30px;
        }
        
        .m-t-30 {
            margin-top: 30px;
        }
        
        .m-b-30 {
            margin-bottom: 30px;
        }
        
        .m-t-60 {
            margin-top: 60px;
        }
        
        .m-b-60 {
            margin-bottom: 60px;
        }
        
        .p-t-60 {
            padding-top: 60px;
        }
        
        .p-b-60 {
            padding-bottom: 60px;
        }
        
        @media (max-width: 767px) {
            .block-blog h2 {
                padding: 25px 0px 15px 0px;
            }
            .block-bp .blog-item {
                margin-bottom: 30px;
            }
            .bp-category>.ser-item:last-child,
            .block-blog .container>.blog-item:last-child,
            .block-bp .bp-content h2 {
                margin-bottom: 0px;
            }
            .block-blog .bp-content {
                padding: 0px;
                margin-bottom: 20px;
                display: inline-block;
            }
            .s1,
            .s2 {
                padding: 0px;
                margin: 0px;
                border: none;
            }
            .atv .down_brc i,
            .atv .down_brc,
            .btn-1 {
                font-size: 13px;
            }
            .p-r-0 {
                padding-right: 15px;
            }
            .p-l-0 {
                padding-left: 15px;
            }
        }
        
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            .bp-content {
                padding: 0px 0px 20px;
            }
            .s1 {
                padding-right: 0px;
                margin-right: 0px;
            }
            .s2 {
                padding-left: 0px;
                margin-left: 0px;
            }
        }
        
        .pagination {
            margin-top: 80px;
        }
        
        .pagination>.page-numbers {
            padding-top: 30px;
        }
        
        .pagination>.page-numbers .dots {
            display: block;
            padding: 12px 0;
        }
        
        .pagination ul {
            list-style: none;
            padding: 0;
        }
        
        .pagination li {
            display: inline-block;
            background: #f2f2f2;
            border-radius: 0px;
            width: 45px;
            transition: all 200ms ease-out;
            margin-bottom: 4px;
        }
        
        .pagination li a {
            display: block;
            color: #999999;
            padding: 12px 18px;
        }
        
        .pagination li:hover {
            background: #f2af00;
        }
        
        .pagination li:hover a {
            color: #333333;
        }
        
        .pagination li .current {
            display: block;
            color: #333333;
            background: #f2af00;
            padding: 12px 18px;
            border-radius: 0px;
        }
        /* ===========================
  Single Blog Page
============================ */
        
        ul {
            list-style-type: none;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        a:hover,
        a:focus,
        a:visited {
            text-decoration: none;
            outline: none;
        }
        
        img {
            max-width: 100%;
        }
        
        button {
            border: none;
            outline: none;
            box-shadow: none;
            display: block;
            padding: 0;
        }
        
        input,
        textarea {
            outline: none;
            box-shadow: none;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        
        .clear-fix {
            clear: both;
        }
        
        .clear-fix:after {
            display: table;
            content: '';
            clear: both;
        }
        
        .float-left {
            float: left;
        }
        
        .float-right {
            float: right;
        }
        
        .round-border {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -o-border-radius: 50%;
            -ms-border-radius: 50%;
        }
        
        a.theme-button,
        .theme-button {
            background: #f2af00;
            overflow: hidden;
            position: relative;
            z-index: 2;
            text-align: center;
            font-weight: 700;
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .theme-button:before {
            content: '';
            width: 30px;
            height: 130%;
            background: rgba(215, 215, 215, 0.2);
            position: absolute;
            top: -10px;
            left: -45px;
            z-index: -1;
            -webkit-transform: rotate(-20deg);
            -moz-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            transform: rotate(-20deg);
        }
        
        .theme-button:hover:before {
            left: 120%;
        }
        
        .btn-blog {
            padding: 5px 15px;
            background: #f2af00;
            color: #fff;
            margin-top: 25px;
            display: inline-block;
        }
        
        #blog-post {
            padding: 50px 0 33px;
        }
        
        #blog-post article {
            margin-bottom: 65px;
        }
        
        #blog-post article:last-child {
            margin-bottom: 65px;
        }
        
        #blog-post article .post-title h2 {
            font-weight: 600;
            font-size: 1.5em;
            line-height: 30px;
            color: #353535;
            text-transform: capitalize;
            margin: 0;
        }
        
        #blog-post article .img-holder {
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
        }
        
        #blog-post .carousel-indicators {
            bottom: 13px;
        }
        
        #blog-post .carousel-indicators li,
        #blog-post .carousel-indicators li.active {
            width: 14px;
            height: 14px;
            margin-left: 2px;
            margin-right: 2px;
        }
        
        #blog-post .carousel-indicators li {
            border: 2px solid #fff;
            margin-left: 2px;
            margin-right: 2px;
        }
        
        #blog-post article .post-meta {
            margin-bottom: 16px;
        }
        
        #blog-post article .post-date ul {
            border-bottom: 1px solid #e8eaef;
            border-top: 1px solid #e8eaef;
            margin-bottom: 42px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        
        #blog-post article .post-date ul li {
            display: inline;
            font-size: 16px;
            margin-right: 32px;
        }
        
        #blog-post article .post-date ul li span:first-child {
            font-size: 18px;
            color: #8d8d8d;
            display: inline-block;
            vertical-align: middle;
            margin-right: 4px;
        }
        
        #blog-post article .post-date ul li span:last-child {
            color: #a3a3a3;
            letter-spacing: 0.06em;
            margin-right: 2px;
        }
        
        #blog-post article>p,
        #blog-post article p {
            font-size: 1em;
            line-height: 28px;
            margin-bottom: 20px;
        }
        
        #blog-post article>p mark {
            background: #f2af00;
            color: #fff;
            display: inline-block;
            line-height: 11px;
        }
        
        #blog-post article>.read-more {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 39px;
            color: #FE5454;
            padding: 0 0px;
            display: inline-block;
        }
        
        #blog-post article>.read-more:hover {
            color: #000;
        }
        
        #blog-post article h3 {
            margin-bottom: 20px;
        }
        
        #blog-post article h3.margin_fix_top {
            margin-top: 25px;
        }
        
        #blog-post article p {
            margin-bottom: 6px;
        }
        
        #blog-post article ul.highlight {
            margin-top: 16px;
        }
        
        #blog-post article ul.highlight li {
            line-height: 32px;
        }
        
        #blog-post article ul.highlight li span {
            padding-right: 2px;
        }
        
        #blog-post article .expert_quote_area .col-lg-12 .expert_quote {
            background: #f5f4f4 none repeat scroll 0 0;
            margin-left: 30px;
            margin-top: 30px;
            overflow: hidden;
            position: relative;
        }
        
        #blog-post article .expert_quote_area .col-lg-12 .expert_quote:before {
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 6px;
        }
        
        #blog-post article .expert_quote_area .col-lg-12 .expert_quote p {
            font-weight: 300;
            color: #646464;
            font-size: 17px;
            padding: 26px 30px 0px 103px;
            position: relative;
            margin: 0;
        }
        
        #blog-post article .expert_quote_area .col-lg-12 .expert_quote p:before {
            color: #d0d0d0;
            content: "\f10d�";
            font-family: 'fontawesome';
            font-size: 54px;
            left: 30px;
            position: absolute;
            top: 45px;
        }
        
        #blog-post article .expert_quote_area .col-lg-12 .expert_quote span {
            float: right;
            font-size: 16px;
            font-style: italic;
            padding-bottom: 24px;
            padding-right: 37px;
            text-transform: capitalize;
        }
        
        #blog-post article .shear_area .shear {
            margin-top: 80px;
            overflow: hidden;
        }
        
        #blog-post article .shear_area .shear h6 {
            float: left;
            margin-right: 25px;
            text-align: center;
            text-transform: uppercase;
            font-size: 16px;
            margin-top: 4px;
        }
        
        #blog-post article .shear_area .shear .social_button {
            float: left;
            margin: 0;
            padding: 0;
        }
        
        #blog-post article .shear_area .shear .social_button ul li {
            display: inline-block;
        }
        
        #blog-post article .shear_area .shear .social_button ul li a {
            background-color: transparent;
            color: #787c7f;
            display: inline-block;
            margin: 0 8px;
            line-height: 17px;
        }
        
        #blog-post article .shear_area .shear .social_button ul li a:hover,
        #blog-post article .shear_area .shear .social_button ul li a:focus,
        #blog-post article .shear_area .shear .social_button ul li a:active {
            color: #f2af00;
        }
        
        #blog-post article .administrator {
            background: #f9f9f9 none repeat scroll 0 0;
            border: 1px solid #ebebeb;
            margin-top: 70px;
            overflow: hidden;
            margin-bottom: 70px;
        }
        
        #blog-post article .administrator .administrator_img {
            padding-bottom: 22px;
            padding-left: 6px;
            padding-top: 18px;
        }
        
        #blog-post article .administrator .administrator_text {
            margin-left: -57px;
        }
        
        #blog-post article .administrator .administrator_text h4 {
            font-size: 16px;
            margin-top: 18px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        
        #blog-post article .administrator .administrator_text p {
            color: #808080;
            font-size: 15px;
            line-height: 25px;
            padding-top: 2px;
            padding-right: 16px;
        }
        
        #blog-post .comments_area h4 {
            margin-bottom: 33px;
            padding-bottom: 35px;
            border-bottom: 1px solid #e9e9e9;
        }
        
        #blog-post .comments_area .single_comment>img {
            border-radius: 40px;
        }
        
        #blog-post .comments_area .single_comment .comment {
            position: relative;
            width: 87%;
            padding-left: 30px;
        }
        
        #blog-post .comments_area .single_comment .comment a.reply {
            width: 60px;
            line-height: 30px;
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            background: #f2af00;
            border-radius: 0px;
            font-size: 13px;
            position: absolute;
            top: -20px;
            right: -20px;
        }
        
        #blog-post .comments_area .single_comment .comment a.reply:hover {
            color: #000;
        }
        
        #blog-post .comments_area .single_comment .comment h6 {
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            margin-bottom: 5px;
        }
        
        #blog-post .comments_area .single_comment .comment span {
            font-style: italic;
        }
        
        #blog-post .comments_area .single_comment .comment p {
            margin-top: 17px;
        }
        
        #blog-post .comments_area .single_comment {
            border-bottom: 1px solid #e9e9e9;
            padding-bottom: 25px;
            margin-bottom: 34px;
        }
        
        #blog-post .comments_area .single_comment.border_fix {
            border-bottom: none;
            border-top: 1px solid #e9e9e9;
            margin: 34px 0 0px 102px;
            padding-top: 38px;
            padding-bottom: 15px;
        }
        
        #blog-post article .comment-box .comment-box-title h4 {
            color: #353535;
            padding: 37px 0 25px;
        }
        
        #blog-post article .comment-box .comment-box-field .comment-box-half input {
            background: #f9f9f9 none repeat scroll 0 0;
            border: 1px solid #ebebeb;
            margin-bottom: 15px;
            padding: 9px 0 9px 20px;
            width: 100%;
            outline: none;
        }
        
        #blog-post article .comment-box .comment-box-field .comment-box-full textarea {
            background: #f9f9f9 none repeat scroll 0 0;
            border: 1px solid #ebebeb;
            height: 163px;
            padding: 10px 0 10px 20px;
            resize: none;
            width: 100%;
            outline: none;
        }
        
        #blog-post article .comment-box form button {
            color: #fff;
            width: 150px;
            line-height: 43px;
            margin-top: 30px;
        }
        /*------- blog-fix-width-4column---------*/
        
        .blog_sidebar form,
        .blog_sidebar .category_list,
        .blog_sidebar .tags_widget,
        .blog_sidebar .recent_blog,
        .blog_sidebar .flickr_widget,
        .blog_sidebar .site_archives,
        .blog_sidebar .text_wideget,
        .blog_sidebar {
            margin-bottom: 40px;
        }
        
        .blog_sidebar .text_wideget p {
            font-size: 15px;
            color: #808080;
            padding-top: 3px;
            line-height: 26px;
            padding-left: 3px;
            padding-right: 6px;
        }
        
        .blog_sidebar form .search_item_holder {
            position: relative;
        }
        
        .blog_sidebar form input {
            font-size: 15px;
            border: 1px solid #eeeff0;
            height: 42px;
            outline: none;
            width: 100%;
            padding-left: 13px;
            padding-right: 41px;
        }
        
        .blog_sidebar form button {
            height: 42px;
            width: 42px;
            outline: none;
            box-shadow: none;
            color: #fff;
            background-color: #f2af00;
            position: absolute;
            right: 0;
            top: 0;
            font-size: 16px;
        }
        
        .blog_sidebar h4 {
            font-weight: 700;
            font-size: 1em;
            text-transform: uppercase;
            color: #3d3d3d;
            position: relative;
            padding-left: 13px;
            padding-bottom: 14px;
            border-bottom: 1px solid #e8eaef;
            margin-top: 0;
        }
        
        .blog_sidebar h4:before {
            content: '';
            background: #f2af00;
            position: absolute;
            width: 3px;
            height: 30px;
            left: 0;
            top: 0;
        }
        
        .blog_sidebar .tags_widget h4 {
            margin-bottom: 9px;
        }
        
        .blog_sidebar .category_list ul li a {
            display: block;
            font-size: 15px;
            color: #8c8c8c;
            line-height: 40px;
            border-bottom: 4px solid #fff;
            background-color: #eaeaea;
        }
        
        .blog_sidebar .category_list ul li:last-child a {
            border: none;
            padding-bottom: 0;
        }
        
        .blog_sidebar .category_list ul {
            margin: 10px 0 0 0;
        }
        
        .blog_sidebar .category_list ul li a span,
        .blog_sidebar .site_archives ul li a span {
            color: #a6a6a6;
            float: right;
        }
        
        .tags_widget ul li {
            display: inline-block;
            margin: 8px 1px 0px 4px;
            text-align: center;
        }
        
        .tags_widget ul li a {
            font-size: 14px;
            display: block;
            color: #808080;
            padding: 5px 15px;
            text-transform: capitalize;
            background: #f8f8f9;
            border: 1px solid #f4f4f5;
        }
        
        .blog_sidebar .recent_blog h4 {
            margin-bottom: 25px;
        }
        
        .blog_sidebar .recent_blog .img-content {
            width: 30%;
        }
        
        .blog_sidebar .recent_blog .text {
            width: 70%;
            padding-left: 10px;
        }
        
        .blog_sidebar .recent_blog .text a {
            line-height: 21px;
            color: #000;
            margin: -3px 0 2px 0;
            font-weight: 500;
        }
        
        .blog_sidebar .recent_blog .text span {
            font-size: 15px;
        }
        
        .blog_sidebar .recent_blog .recent_blog_single_item {
            border-bottom: 1px solid #efeefe;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }
        
        .blog_sidebar .recent_blog .recent_blog_single_item:last-child {
            border: none;
        }
        /* ===========================
  Shop Page
============================ */
        
        ul li {
            list-style: none;
        }
        
        .heading-shop {
            margin-bottom: 50px;
        }
        
        .right {
            right: 0;
        }
        
        .category-products {
            border: 1px solid #F7F7F0;
            margin-bottom: 35px;
            padding-bottom: 0px;
            padding-top: 0px;
        }
        
        .panel-default>.panel-heading .badge {
            color: #f5f5f5;
            background-color: rgba(248, 184, 29, 0.8);
        }
        
        .left-sidebar {
            margin-bottom: 30px;
        }
        
        .left-sidebar h2,
        .brands_products h2 {
            color: #252525;
            font-size: 18px;
            font-weight: 700;
            margin: 0 auto 30px;
            text-align: center;
            text-transform: uppercase;
            position: relative;
            z-index: 3;
        }
        
        .left-sidebar h2:after,
        h2.title:after {
            content: " ";
            position: absolute;
            border-right: 3px solid #f2af00;
            border-bottom: 1px solid #eaeaea;
            padding: 20px 20px 10px 10px;
            right: 0;
            width: 100%;
            height: 0;
            z-index: -2;
        }
        
        .category-products .panel {
            background-color: #FFFFFF;
            border: 0px;
            border-radius: 0px;
            box-shadow: none;
            margin-bottom: 0px;
        }
        
        .category-products .panel-default .panel-heading {
            background-color: #eaeaea;
            border: 0 none;
            border-radius: 0px;
            color: #FFFFFF;
            padding: 10px 20px;
        }
        
        .panel-heading h4 {
            color: #696763;
            font-size: 14px;
            text-decoration: none;
            text-transform: uppercase;
        }
        
        .panel-group .panel-heading+.panel-collapse .panel-body {
            border-top: 0 none;
        }
        
        .category-products .badge {
            background: none;
            border-radius: 0px;
            color: #696763;
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            line-height: 1;
            min-width: 10px;
            padding: 3px 7px;
            text-align: center;
            vertical-align: baseline;
            white-space: nowrap;
        }
        
        .panel-body ul {
            padding-left: 20px;
        }
        
        .panel-body ul li a {
            color: #696763;
            font-size: 12px;
            text-transform: uppercase;
        }
        
        .brands-name {
            border: 1px solid #F7F7F0;
            padding-bottom: 20px;
            padding-top: 15px;
        }
        
        .brands-name .nav-stacked li a {
            background-color: #FFFFFF;
            color: #696763;
            font-size: 14px;
            padding: 5px 25px;
            text-decoration: none;
            text-transform: uppercase;
        }
        
        .brands-name .nav-stacked li a:hover {
            background-color: #fff;
            color: #696763;
        }
        
        .shipping {
            background-color: #F2F2F2;
            margin-top: 40px;
            overflow: hidden;
            padding-top: 20px;
            position: relative;
        }
        
        .price-range {
            margin-top: 30px;
        }
        
        .well {
            background-color: #FFFFFF;
            border: 1px solid #F7F7F0;
            border-radius: 4px;
            box-shadow: none;
            margin-bottom: 20px;
            min-height: 20px;
            padding: 35px;
        }
        
        .tooltip-inner {
            background-color: #FE980F;
            border-radius: 4px;
            color: #FFFFFF;
            max-width: 200px;
            padding: 3px 8px;
            text-align: center;
            text-decoration: none;
        }
        
        .tooltip.top .tooltip-arrow {
            border-top-color: #FE980F;
            border-width: 5px 5px 0;
            bottom: 0;
            left: 50%;
            margin-left: -5px;
        }
        
        .padding-right {
            padding-right: 0;
        }
        
        .features_items {
            overflow: hidden;
        }
        
        h2.title {
            color: #FE980F;
            font-size: 18px;
            font-weight: 700;
            margin: 0 15px;
            text-transform: uppercase;
            margin-bottom: 30px;
            position: relative;
        }
        
        .product-image-wrapper {
            border: 1px solid #F7F7F5;
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        .single-products {
            position: relative;
        }
        
        .new,
        .sale {
            position: absolute;
            top: 0;
            right: 0;
        }
        
        .productinfo h2 {
            color: #252525;
            font-size: 24px;
            font-weight: 700;
        }
        
        .product-overlay h2 {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
        }
        
        .productinfo p {
            font-size: 14px;
            font-weight: 400;
            color: #696763;
        }
        
        .productinfo img {
            width: 100%;
        }
        
        .productinfo {
            position: relative;
        }
        
        .product-overlay {
            background-color: rgba(248, 184, 29, 0.8);
            top: 0;
            display: none;
            height: 0;
            position: absolute;
            transition: height 500ms ease 0s;
            width: 100%;
            display: block;
        }
        
        .single-products:hover .product-overlay {
            display: block;
            height: 100%;
        }
        
        .product-overlay .overlay-content {
            bottom: 0;
            position: absolute;
            bottom: 0;
            text-align: center;
            width: 100%;
        }
        
        .product-overlay .add-to-cart {
            background: #fff;
            border: 0 none;
            border-radius: 0;
            color: #FE980F;
            font-size: 15px;
            margin-bottom: 25px;
        }
        
        .product-overlay .add-to-cart:hover {
            background: #fff;
            color: #FE980F;
        }
        
        .product-overlay p {
            font-size: 14px;
            font-weight: 400;
            color: #fff;
        }
        
        .add-to-cart {
            background: #F5F5ED;
            border: 0 none;
            border-radius: 0;
            color: #696763;
            font-size: 15px;
            margin-bottom: 25px;
        }
        
        .add-to-cart:hover {
            background: #FE980F;
            border: 0 none;
            border-radius: 0;
            color: #FFFFFF;
        }
        
        .add-to {
            margin-bottom: 10px;
        }
        
        .add-to-cart i {
            margin-right: 5px;
        }
        
        .add-to-cart:hover {
            background: #FE980F;
            color: #FFFFFF;
        }
        
        .recommended_items {
            margin-bottom: 40px;
            overflow: hidden;
        }
        
        #recommended-item-carousel .carousel-inner .item {
            padding-left: 0;
        }
        
        .recommended-item-control {
            position: absolute;
            top: 41%;
        }
        
        .recommended-item-control i {
            background: none repeat scroll 0 0 #FE980F;
            color: #FFFFFF;
            font-size: 20px;
            padding: 4px 10px;
        }
        
        .recommended-item-control i:hover {
            background: #ccccc6;
        }
        
        .recommended_items h2 {
            color: #252525;
        }
        /* ===========================
  Shop Details
============================ */
        
        .category-tab {
            overflow: hidden;
        }
        
        .category-tab ul {
            background: #eaeaea;
            border-bottom: 1px solid #f2af00;
            list-style: none outside none;
            margin: 0 0 30px;
            padding: 0;
            width: 100%;
        }
        
        .category-tab ul li a {
            border: 0 none;
            border-radius: 0;
            color: #555;
            display: block;
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .category-tab ul li a:hover {
            background: #f2af00;
            color: #fff;
        }
        
        .nav-tabs li.active a,
        .nav-tabs li.active a:hover,
        .nav-tabs li.active a:focus {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #f2af00;
            border: 0px;
            color: #FFFFFF;
            cursor: default;
            margin-right: 0;
            margin-left: 0;
        }
        
        .nav-tabs li a {
            border: 1px solid rgba(0, 0, 0, 0);
            border-radius: 4px 4px 0 0;
            line-height: 1.42857;
            margin-right: 0;
        }
        
        .product-details {
            overflow: hidden;
        }
        
        .product-details {
            margin-bottom: 40px;
            overflow: hidden;
            margin-top: 10px;
        }
        
        .view-product {
            position: relative;
        }
        
        .view-product img {
            border: 1px solid #F7F7F0;
            height: 380px;
            width: 100%;
        }
        
        .view-product h3 {
            background: #f2af00;
            bottom: 0;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 0;
            padding: 8px 20px;
            position: absolute;
            right: 0;
        }
        
        #similar-product .carousel-inner .item {
            padding-left: 0px;
        }
        
        #similar-product .carousel-inner .item img {
            display: inline-block;
            margin-left: 15px;
        }
        
        .item-control {
            position: absolute;
            top: 35%;
        }
        
        .item-control i {
            background: #f2af00;
            color: #FFFFFF;
            font-size: 20px;
            padding: 5px 10px;
        }
        
        .item-control i:hover {
            background: #ccccc6;
        }
        
        .product-information {
            border: 1px solid #F7F7F0;
            overflow: hidden;
            padding-bottom: 60px;
            padding-left: 60px;
            padding-top: 60px;
            position: relative;
        }
        
        .newarrival {
            position: absolute;
            top: 0;
            left: 0
        }
        
        .product-information h2 {
            color: #363432;
            font-size: 20px;
            margin-top: 0;
        }
        
        .product-information p {
            color: #696763;
            margin-bottom: 5px;
        }
        
        .product-information span {
            display: inline-block;
            margin-bottom: 8px;
            margin-top: 18px;
        }
        
        .product-information span span {
            color: #f2af00;
            float: left;
            font-size: 30px;
            font-weight: 700;
            margin-right: 20px;
            margin-top: 0px;
        }
        
        .product-information span input {
            border: 1px solid #DEDEDC;
            color: #696763;
            font-size: 20px;
            font-weight: 700;
            height: 33px;
            outline: medium none;
            text-align: center;
            width: 50px;
        }
        
        .product-information span label {
            color: #696763;
            font-weight: 700;
            margin-right: 5px;
        }
        
        .share {
            margin-top: 15px;
        }
        
        .cart {
            background: #f2af00;
            border: 0 none;
            border-radius: 0;
            color: #FFFFFF;
            font-size: 15px;
            margin-bottom: 10px;
            margin-left: 20px;
        }
        
        .shop-details-tab {
            border: 1px solid #F7F7F0;
            margin-bottom: 75px;
            margin-left: 15px;
            margin-right: 15px;
            padding-bottom: 10px;
        }
        
        .shop-details-tab .col-sm-12 {
            padding-left: 0;
            padding-right: 0;
        }
        /*=======================
    PRICE SECTION 
=========================*/
        
        .plan {
            /* background: #eaeaea; */
            padding: 0 0 15px 0;
            margin: 30px 0px;
            list-style: none;
            /* text-align: center; */
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
            border: 1px solid #f2af00!important;
            min-height: 340px;
        }
        
        .plan:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }
        
        .plan li {
            padding: 0px 15px 0px 40px;
            color: #434749;
        }
        
        .plan li.plan-head {
            padding: 15px 0px;
            background-color: #000;
            color: #FFFFFF;
            line-height: 20px;
            font-size: 20px;
            font-weight: 600;
            border: none;
        }
        
        .plan div.main-price {
            padding: 25px 0px;
            background-color: #ffffff;
            color: #000;
            border: none;
            font-weight: 900;
            font-size: 24px;
            text-align: center;
        }
        
        .c-b {
            background-color: #f2af00!important;
        }
        
        .c-v {
            background-color: #f2af00!important;
        }
        
        .c-a {
            background-color: #f2af00!important;
        }
        
        .plan .btn {
            color: #ffffff;
            background-color: #f2af00;
            border-radius: 0;
        }
        /* ===========================
--- Login
============================ */
        
        .login {
            margin: 0;
            background: #eaeaea;
        }
        
        *,
         :after,
         :before {
            box-sizing: border-box
        }
        
        .clearfix:after,
        .clearfix:before {
            content: '';
            display: table
        }
        
        .clearfix:after {
            clear: both;
            display: block
        }
        
        a {
            color: inherit;
            text-decoration: none
        }
        
        .avatarc {
            width: 100%;
            margin: auto;
            width: 106px;
            border-radius: 0px;
            height: 58px;
            position: relative;
            bottom: 10px;
        }
        
        .avatarc img {
            width: 106px;
            height: 58px;
            border-radius: 0px;
            margin: auto;
            display: block;
        }
        
        .login-wrap {
            width: 100%;
            margin: auto;
            max-width: 525px;
            min-height: 670px;
            position: relative;
            background: rgba(255, 255, 255, 0.7);
        }
        
        .login-html {
            width: 100%;
            height: 100%;
            position: absolute;
            padding: 120px 70px 50px 70px;
        }
        
        .login-html .sign-in-htm,
        .login-html .sign-up-htm {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            position: absolute;
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
        }
        
        .login-html .sign-in,
        .login-html .sign-up,
        .login-form .group .check {
            display: none;
        }
        
        .login-html .tab,
        .login-form .group .label,
        .login-form .group .button {
            text-transform: uppercase;
        }
        
        .login-html .tab {
            font-size: 22px;
            margin-right: 15px;
            padding-bottom: 5px;
            margin: 60px 15px 10px 0;
            display: inline-block;
            border-bottom: 2px solid transparent;
        }
        
        .login-html .sign-in:checked+.tab,
        .login-html .sign-up:checked+.tab {
            color: #fff;
            border-color: #1161ee;
        }
        
        .login-form {
            min-height: 345px;
            position: relative;
            -webkit-perspective: 1000px;
            perspective: 1000px;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        
        .login-form .group {
            margin-bottom: 15px;
        }
        
        .login-form .group .label,
        .login-form .group .input,
        .login-form .group .button {
            width: 100%;
            color: #fff;
            display: block;
        }
        
        .login-form .group .input,
        .login-form .group .button {
            border: none;
            padding: 8px 20px;
            border-radius: 0px;
            background: rgba(94, 101, 109, 0.3);
        }
        
        .login-form .group .label {
            color: #aaa;
            font-size: 12px;
        }
        
        .login-form .group .button {
            background: #f2af00;
        }
        
        .login-form .group label .icon {
            width: 15px;
            height: 15px;
            border-radius: 0px;
            position: relative;
            display: inline-block;
            background: #555;
        }
        
        .login-form .group label .icon:before,
        .login-form .group label .icon:after {
            content: '';
            width: 10px;
            height: 2px;
            background: #fff;
            position: absolute;
            -webkit-transition: all .2s ease-in-out 0s;
            transition: all .2s ease-in-out 0s;
        }
        
        .login-form .group label .icon:before {
            left: 3px;
            width: 5px;
            bottom: 6px;
            -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
        }
        
        .login-form .group label .icon:after {
            top: 6px;
            right: 0;
            -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
        }
        
        .login-form .group .check:checked+label {
            color: #555;
        }
        
        .login-form .group .check:checked+label .icon {
            background: #555;
        }
        
        .login-form .group .check:checked+label .icon:before {
            -webkit-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
        }
        
        .login-form .group .check:checked+label .icon:after {
            -webkit-transform: scale(1) rotate(-45deg);
            transform: scale(1) rotate(-45deg);
        }
        
        .login-html .sign-in:checked+.tab+.sign-up+.tab+.login-form .sign-in-htm {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        
        .login-html .sign-up:checked+.tab+.login-form .sign-up-htm {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        
        .hr {
            height: 2px;
            margin: 20px 0 50px 0;
            background: rgba(94, 101, 109, 0.3);
        }
        
        .foot-lnk {
            text-align: center;
        }
        
        .foot-lnk a {
            color: #555;
        }
        /* ===========================
--- 404 page
============================ */
        
        .bg-404 {
            background: url(../images/bg.jpg) no-repeat;
        }
        
        .wrapper {
            padding: 150px 0px 130px;
        }
        
        .sub-title {
            font-size: 20px;
            font-weight: 700;
            color: #555;
            line-height: 71px;
            letter-spacing: 4px;
            opacity: 1;
            text-transform: uppercase;
        }
        
        .title {
            font-size: 123px;
            font-weight: 700;
            color: #f2af00;
            line-height: 88px;
            letter-spacing: 4px;
            opacity: 1;
            text-transform: uppercase;
            padding: 25px 0px;
        }
        
        .sm-title {
            font-size: 18px;
            color: #555;
            opacity: 1;
        }
        
        .btn-submit {
            background: #f2af00;
            border: 0px;
            display: inline-block;
            font-size: 16px;
            text-transform: uppercase;
            padding: 10px 40px;
            font-weight: normal;
            border-radius: 0px;
            color: #fff;
            position: relative;
            overflow: hidden;
            margin-top: 25px;
        }
        
        .btn-submit:hover {
            background: #eaeaea;
        }
        /* ===========================
--- Contact
============================ */
        
        .contactboxed .btn {
            color: #ffffff;
            background-color: #f2af00;
            border-radius: 0;
        }
        
        .contactboxed {
            background: #eaeaea;
            padding: 20px;
            border: 1px solid #eee;
        }
        
        .form-group label {
            text-align: left !important;
            display: block;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 12px;
        }
        
        form#contact-form input,
        form#contact-form select,
        form#contact-form textarea {
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .office {
            background: #eaeaea;
            padding: 0 0 0px 0;
            margin: 30px 0px;
            list-style: none;
            text-align: center;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }
        
        .office:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }
        
        .widget-contact {
            text-align: left;
            padding: 30px 15px 30px 30px;
            height: 230px;
        }
        
        .widget-contact h3 {
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 20px;
            border-left: 2px solid #f2af00;
            display: inline-block;
            padding: 10px 10px 10px 10px;
        }
        
        .widget-contact p {
            margin-top: 0px;
            margin-bottom: 27px;
        }
        
        .widget-contact a {
            color: #f2af00;
            margin-top: 0px;
        }
        
        .company-social {
            text-align: left;
            margin-left: 0;
            padding-left: 0;
            margin-top: 0px;
        }
        
        .company-social li {
            display: inline-block;
            margin: 0 !important;
            padding: 0;
        }
        
        .company-social a {
            margin: 0;
            padding: 0;
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: #3bbec0;
            color: #fff;
            -webkit-transition: background .3s ease-in-out;
            transition: background .3s ease-in-out;
        }
        
        .company-social a i {
            text-align: center;
            margin: 0;
            padding: 0;
        }
        
        .company-social .social-facebook a {
            background: #3873ae;
        }
        
        .company-social .social-twitter a {
            background: #62c6f8;
        }
        
        .company-social .social-google a {
            background: #d14836;
        }
        
        .company-social .social-facebook a:hover {
            background: #4893ce;
        }
        
        .company-social .social-twitter a:hover {
            background: #82e6ff;
        }
        
        .company-social .social-google a:hover {
            background: #333;
        }
        
        .company-social .social-vimeo a:hover {
            background: #71c6f3;
        }
        /* ===========================
--- Google map
============================ */
        
        .map {
            position: relative;
            margin-bottom: 40px;
        }
        
        #google-map {
            position: relative;
            margin-top: 10px;
            height: 300px;
            width: 100%;
        }
        /* ===========================
--- Footer
============================ */
        
        .toper {
            text-align: center;
            padding: 10px 0px;
            background: #f2af00;
            opacity: 0.6;
        }
        
        footer {
            text-align: center;
            padding: 10px 0px;
            background: rgba(0, 0, 0, 0.8);
        }
        
        footer p,
        a {
            color: #fff;
        }
        
        .btn-circle {
            width: 70px;
            height: 70px;
            margin-top: 5px;
            padding: 0px 5px;
            border: 2px solid #fff;
            border-radius: 50%;
            font-size: 40px;
            color: #fff;
            background: 0 0;
            -webkit-transition: background .3s ease-in-out;
            -moz-transition: background .3s ease-in-out;
            transition: background .3s ease-in-out;
        }
        /* WEBinar */
        
        .header-section {
            padding-top: 50px;
            padding-bottom: 50px;
            background-color: #241127;
        }
        
        .header-section p {
            color: #fff;
        }
        
        .header-section h2 {
            font-size: 60px;
            line-height: 70px;
            color: #fff;
        }
        
        .slot-section {
            background: linear-gradient(to right, rgb(84, 22, 53) 0%, rgb(127, 16, 75) 70%, rgb(84, 22, 53) 100%);
            position: relative;
            padding: 60px 0px;
        }
        
        .slot-section .section-heading-r h2,
        .slot-section .slot-add p {
            color: #ce2286;
            text-transform: uppercase;
        }
        
        .slot-section .section-heading-r h2 {
            font-size: 40px;
        }
        
        .slot-section .paratex p {
            font-size: 16px;
            color: #fff;
            font-weight: 600;
        }
        
        .slot-section .slot-head {
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        .slot-section .slot-text,
        .slot-section .slot-time {
            border: 3px solid #ce2286;
            margin: 10px;
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            padding: 5px 0px;
            cursor: pointer;
        }
        
        .slot-section .slot-time a {
            font-size: 16px;
            font-weight: 500;
        }
        
        .slot-section .slot-text p span {
            font-size: 32px;
        }
        
        .slot-section .slot-add {
            background-color: #fff;
            padding: 10px 0px;
        }
        
        .slot-section hr {
            border-top: 2px solid #f2af00;
            margin-top: 8px;
            margin-bottom: 8px;
        }
        
        @media(max-width:767px) {
            .slot-section .slot-text {
                margin: 0px 25px;
            }
            .slot-section .slot-add p {
                margin-bottom: 20px;
            }
            .header-section .heading-about p {
                font-size: 12px;
            }
            .header-section h2 {
                font-size: 20px;
                line-height: 24px;
            }
        }
        
        @media(max-width:400px) {
            .header-section .heading-about p {
                font-size: 10px;
            }
        }
        
        @media (min-width: 768px) {
            .slot .modal-dialog {
                width: 300px;
            }
        }
        
        .slot-slider .carousel .item {
            background-size: cover !important;
        }
        
        .slot-slider {
            padding: 0;
            margin: 0;
        }
        
        @media(max-width:767px) {
            .slot-slider .carousel .item {
                height: 550px !important;
            }
        }