/*refer 11011*/
     /* Emarat HTML Template*/
     /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header / Style Two / Style Three / Style Four / Style Five / Style Six 5. Main Slider 6. Services Section 7. About Section 8. Counter Section 9. Project Section 10. Team Section 11. Testimonial Section 12. News Section 13. Clients Section / Style Two 14. Main Footer / Style Two / Style Three 15. Call To Action Section 16. Video Section 17. Reasons Section 18. Fullwidth Section 19. Pricing Section 20. Offers Section 21. Faq Section 22. Comming Soon Section 23. Subscribe Section 24. Products Section 25. Factory Section 26. Construction Section 27. Page Title 28. Service Single Section 29. Blog Widgets 30. Map Section 31. Contact Form **********************************************/
     
     @import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
     /*font-family: 'Arimo', sans-serif;
 font-family: 'Raleway', sans-serif;
*/
     
     @import url('font-awesome.css');
     @import url('flaticon.css');
     @import url('animate.css');
     @import url('owl.css');
     @import url('jquery-ui.css');
     @import url('jquery.fancybox.min.css');
     @import url('jquery.bootstrap-touchspin.css');
     @import url('jquery.mCustomScrollbar.min.css');
     /*** ==================================================================== Reset ==================================================================== ***/
     
     * {
         margin: 0px;
         padding: 0px;
         border: none;
         outline: none;
     }
     /*** ==================================================================== Global Settings ==================================================================== ***/
     
     body {
         font-family: 'Arimo', sans-serif;
         font-size: 14px;
         color: #777777;
         line-height: 1.7em;
         font-weight: 400;
         background: #ffffff;
         -webkit-font-smoothing: antialiased;
         -moz-font-smoothing: antialiased;
     }
     
     .bordered-layout .page-wrapper {
         padding: 0px 50px 0px;
     }
     
     a {
         text-decoration: none;
         cursor: pointer;
         color: #cfc436;
     }
     
     button {
         cursor: pointer;
         text-decoration: none;
         outline: none !important;
     }
     
     a:hover,
     a:focus,
     a:visited {
         text-decoration: none;
         outline: none !important;
     }
     
     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
         position: relative;
         font-weight: normal;
         margin: 0px;
         background: none;
         line-height: 1.6em;
         font-family: 'Raleway', sans-serif;
     }
     
     input,
     button,
     select,
     textarea {
         font-family: 'Raleway', sans-serif;
     }
     
     textarea {
         overflow: hidden;
     }
     
     p {
         position: relative;
         line-height: 1.8em;
     }
     
     .auto-container {
         position: static;
         max-width: 1200px;
         padding: 0px 15px;
         margin: 0 auto;
     }
     
     .medium-container {
         max-width: 850px;
     }
     
     .page-wrapper {
         position: relative;
         margin: 0 auto;
         width: 100%;
         min-width: 300px;
     }
     
     ul,
     li {
         list-style: none;
         padding: 0px;
         margin: 0px;
     }
     
     img {
         display: inline-block;
         max-width: 100%;
     }
     
     .theme-btn {
         display: inline-block;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .centered {
         text-align: center;
     }
     /*List Style One*/
     
     .list-style-one {
         position: relative;
     }
     
     .list-style-one li {
         position: relative;
         color: #eeeeee;
         font-size: 15px;
         font-weight: 400;
         margin-bottom: 15px;
         padding-left: 30px;
         line-height: 1.6em;
     }
     
     .list-style-one li:first-child .icon {
         font-size: 14px;
     }
     
     .list-style-one li .icon {
         position: absolute;
         left: 0px;
         top: 0px;
         font-weight: 400;
         color: #cfc436;
         font-size: 20px;
     }
     
     .list-style-one li a:hover {
         color: #cfc436;
     }
     /*List Style Two*/
     
     .list-style-two {
         position: relative;
         margin-bottom: 50px;
     }
     
     .list-style-two li {
         position: relative;
         color: #ffffff;
         font-size: 16px;
         font-weight: 400;
         padding-left: 40px;
         margin-bottom: 15px;
     }
     
     .list-style-two li:nth-child(2) .icon {
         font-size: 14px;
     }
     
     .list-style-two li .icon {
         position: absolute;
         left: 0px;
         top: 0px;
         font-weight: 400;
         color: #cfc436;
         font-size: 20px;
     }
     
     .list-style-two li a:hover {
         color: #cfc436;
     }
     /*List Style Three*/
     
     .list-style-three {
         position: relative;
     }
     
     .list-style-three li {
         position: relative;
         color: #777777;
         font-size: 16px;
         font-weight: 400;
         margin-bottom: 15px;
         padding-left: 30px;
     }
     
     .list-style-three li:before {
         position: absolute;
         content: "\f105";
         left: 0px;
         top: 0px;
         font-weight: 400;
         color: #cfc436;
         font-size: 18px;
         font-family: 'FontAwesome';
     }
     /*List Style Four*/
     
     .list-style-four {
         position: relative;
     }
     
     .list-style-four li {
         position: relative;
         color: #777777;
         font-size: 16px;
         font-weight: 400;
         margin-bottom: 12px;
         padding-left: 30px;
     }
     
     .list-style-four li:before {
         position: absolute;
         content: "\f0da";
         left: 0px;
         top: 0px;
         font-weight: 400;
         color: #cfc436;
         font-size: 18px;
         font-family: 'FontAwesome';
     }
     /*List Style Five*/
     
     .list-style-five {
         position: relative;
         margin-bottom: 25px;
     }
     
     .list-style-five li {
         position: relative;
         color: #666666;
         font-size: 14px;
         font-weight: 400;
         margin-bottom: 8px;
         padding-left: 30px;
     }
     
     .list-style-five li:before {
         position: absolute;
         content: "\f00c";
         left: 0px;
         top: 0px;
         font-weight: 400;
         color: #cfc436;
         font-size: 16px;
         font-family: 'FontAwesome';
     }
     /*Btn Style One*/
     
     .btn-style-one {
         position: relative;
         line-height: 24px;
         color: #222222;
         font-size: 15px;
         font-weight: 700;
         background: #cfc436;
         text-transform: uppercase;
         border: 2px solid #cfc436;
         padding: 11px 30px 11px;
     }
     
     .btn-style-one:hover {
         background: none;
         color: #cfc436;
     }
     /*Btn Style Two*/
     
     .btn-style-two {
         position: relative;
         line-height: 24px;
         color: #ffffff;
         font-size: 15px;
         font-weight: 700;
         background: none;
         text-transform: uppercase;
         border: 2px solid #ffffff;
         padding: 11px 30px 11px;
     }
     
     .btn-style-two:hover {
         background: #cfc436;
         color: #222222;
         border-color: #cfc436;
     }
     /*Btn Style Three*/
     
     .btn-style-three {
         position: relative;
         line-height: 24px;
         color: #ffffff;
         font-size: 14px;
         font-weight: 400;
         background: #222222;
         text-transform: uppercase;
         border: 2px solid #222222;
         padding: 11px 28px 11px;
     }
     
     .btn-style-three:hover {
         background: none;
         color: #222222;
     }
     /*Btn Style Four*/
     
     .btn-style-four {
         position: relative;
         line-height: 24px;
         color: #222222;
         font-size: 15px;
         font-weight: 700;
         background: none;
         text-transform: uppercase;
         border: 2px solid #222222;
         padding: 11px 30px 11px;
     }
     
     .btn-style-four:hover {
         background: #222222;
         color: #ffffff;
         border-color: #222222;
     }
     /*Social Icon One*/
     
     .social-icon-one {
         position: relative;
         text-align: center;
         padding-top: 20px;
         padding-bottom: 15px;
         display: inline-block;
         background-color: #cfc436;
     }
     
     .social-icon-one:after {
         position: absolute;
         content: '';
         left: 0px;
         bottom: -50px;
         border-top: 50px solid #cfc436;
         border-right: 65px solid transparent;
     }
     
     .social-icon-one li {
         position: relative;
         margin-bottom: 2px;
     }
     
     .social-icon-one li:last-child {
         margin-bottom: 0px;
     }
     
     .social-icon-one li a {
         position: relative;
         font-size: 18px;
         color: #222222;
         display: block;
         padding: 10px 25px 10px;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .social-icon-one li a:hover {
         color: #ffffff;
         background-color: #222222;
     }
     /*** ==================================================================== Social Icon Two ==================================================================== ***/
     
     .social-icon-two {
         position: relative;
         margin-top: 20px;
     }
     
     .social-icon-two li {
         position: relative;
         margin-right: 12px;
         display: inline-block;
     }
     
     .social-icon-two li.follow {
         color: #cfc436;
         font-weight: 600;
         font-size: 24px;
         font-family: 'Raleway', sans-serif;
     }
     
     .social-icon-two li a {
         position: relative;
         font-size: 16px;
         color: #cccccc;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .social-icon-two li a:hover {
         color: #cfc436;
     }
     /*** ==================================================================== Social Icon Three ==================================================================== ***/
     
     .social-icon-three {
         position: relative;
     }
     
     .social-icon-three .share {
         color: #222222;
         font-size: 16px;
         font-weight: 700;
     }
     
     .social-icon-three li {
         position: relative;
         margin-right: 18px;
         display: inline-block;
     }
     
     .social-icon-three li a {
         position: relative;
         font-size: 18px;
         color: #777777;
         display: inline-block;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .social-icon-three li a:hover {
         color: #cfc436;
     }
     
     .theme_color {
         color: #cfc436;
     }
     
     .preloader {
         position: fixed;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         z-index: 999999;
         background-color: #ffffff;
         background-position: center center;
         background-repeat: no-repeat;
         background-image: url(../images/icons/preloader.svg);
         background-size: 180px;
     }
     
     img {
         display: inline-block;
         max-width: 100%;
         height: auto;
     }
     /*** ==================================================================== Scroll To Top style ==================================================================== ***/
     
     .scroll-to-top {
         position: fixed;
         bottom: 15px;
         right: 15px;
         width: 40px;
         height: 40px;
         color: #ffffff;
         font-size: 13px;
         text-transform: uppercase;
         line-height: 38px;
         text-align: center;
         z-index: 100;
         cursor: pointer;
         background: #0a0a0a;
         display: none;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .scroll-to-top:hover {
         color: #ffffff;
         background: #cfc436;
     }
     /*** ==================================================================== Section Title ==================================================================== ***/
     
     .sec-title {
         position: relative;
         margin-bottom: 60px;
     }
     
     .sec-title .title {
         position: relative;
         color: #cfc436;
         font-size: 18px;
         font-weight: 700;
         margin-bottom: 15px;
         text-transform: capitalize;
     }
     
     .sec-title h2 {
         position: relative;
         color: #222222;
         font-size: 36px;
         font-weight: 700;
         line-height: 1.4em;
     }
     
     .sec-title .seperater {
         position: relative;
         margin-top: 15px !important;
         width: 60px;
     }
     
     .sec-title .seperater:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 60px;
         height: 2px;
         background-color: #d7d7d7;
     }
     
     .sec-title .seperater:after {
         position: absolute;
         content: '';
         left: 10px;
         top: 6px;
         width: 40px;
         height: 2px;
         background-color: #d7d7d7;
     }
     
     .sec-title.centered .seperater {
         margin: 0 auto;
     }
     
     .sec-title.light h2 {
         color: #ffffff;
     }
     /*** ==================================================================== Main Header style ==================================================================== ***/
     
     .main-header {
         position: relative;
         z-index: 999;
         width: 100%;
         border-top: 4px solid #cfc436;
     }
     
     .main-header .header-top {
         position: relative;
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     }
     /***************** Header Top ******************/
     
     .main-header .header-top .top-left {
         position: relative;
         float: left;
     }
     
     .main-header .header-top .top-left .links {
         position: relative;
     }
     
     .main-header .header-top .top-left .links li {
         position: relative;
         margin-right: 18px;
         padding: 9px 0px 10px 0px;
         padding-right: 22px;
         display: inline-block;
         border-right: 1px solid rgba(0, 0, 0, 0.1);
     }
     
     .main-header .header-top .top-left .links li:last-child {
         border-right: none;
     }
     
     .main-header .header-top .top-left .links li a {
         position: relative;
         font-size: 15px;
         font-weight: 400;
         color: #333;
         padding-left: 22px;
     }
     
     .main-header .header-top .top-left .links li a .icon {
         position: absolute;
         left: 0px;
         top: -2px;
         color: #cfc436;
         margin-right: 10px;
     }
     /***************** End Header Top ******************/
     
     .main-header .header-top .top-right:before {
         position: absolute;
         content: '';
         left: -30px;
         top: 0px;
         border-top: 43px solid #222222;
         border-left: 30px solid transparent;
     }
     
     .main-header .header-top .top-right {
         position: relative;
         text-align: right;
         padding: 10px 0px;
         background-color: #222222;
     }
     
     .main-header .header-top .top-right:after {
         position: absolute;
         content: '';
         left: 100%;
         top: 0px;
         width: 4000px;
         height: 100%;
         display: block;
         background-color: #222222;
     }
     
     .main-header .header-top .top-right .text {
         position: relative;
         color: #ffffff;
         font-size: 14px;
         padding-left: 5px;
     }
     /*Language Dropdown*/
     
     .main-header .language {
         position: relative;
         line-height: 1em;
         display: inline-block;
     }
     
     .main-header .language .flag-icon {
         margin-right: 10px;
     }
     
     .main-header .language .dropdown-menu {
         top: 100%;
         right: 0px;
         left: auto;
         width: 170px;
         border-radius: 0px;
         margin-top: 17px;
         background-color: #222222;
         border: none;
         padding: 0px;
         border-top: 3px solid #cfc436;
     }
     
     .main-header .language>a {
         color: #000000 !important;
         padding: 0px 0px;
         background: none !important;
         text-transform: capitalize;
         display: inline-block;
         border: 0px;
         font-weight: 400;
         font-size: 12px;
         line-height: 1em;
     }
     
     .main-header language a:hover {
         background: none;
     }
     
     .main-header .language .dropdown-menu>li {
         padding-right: 0px !important;
         margin: 0px !important;
         float: none;
         display: block !important;
         border-bottom: 1px solid rgba(255, 255, 255, 0.20);
     }
     
     .main-header .language .dropdown-menu>li:last-child {
         border-bottom: none;
     }
     
     .main-header .language .dropdown-menu>li>a {
         padding: 10px 20px !important;
         color: #ffffff;
         text-align: left;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .main-header .language .dropdown-menu>li>a:hover {
         color: #ffffff !important;
         background-color: #cfc436;
     }
     
     .header-top-two {
         position: relative;
         background-color: #222222;
     }
     
     .header-top-two .top-right .links {
         position: relative;
         float: left;
         padding: 13px 0px;
     }
     
     .header-top-two .top-right .links li {
         position: relative;
         font-size: 14px;
         color: #ffffff;
         margin-right: 28px;
         display: inline-block;
     }
     
     .header-top-two .top-right {
         position: relative;
         float: right;
     }
     
     .header-top-two .top-right .social-icons {
         position: relative;
         padding: 13px 0px;
         float: right;
     }
     
     .header-top-two .top-right .social-icons li {
         position: relative;
         margin-left: 12px;
         display: inline-block;
     }
     
     .header-top-two .top-right .social-icons li:last-child {
         border-right: none;
     }
     
     .header-top-two .top-right .social-icons li a {
         position: relative;
         color: #ffffff;
         font-size: 16px;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .header-top-two .top-right .social-icons li a:hover {
         color: #cfc436;
     }
     
     .header-style-two {
         position: relative;
         border-top: none;
         background-color: #ffffff;
     }
     
     .main-header .main-box {
         position: relative;
         padding: 0px 0px;
         left: 0px;
         top: 0px;
         width: 100%;
         background: none;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .main-header .main-box .outer-container {
         position: relative;
         padding: 0px 40px;
     }
     
     .header-style-two .main-box .outer-container {
         padding: 0px;
     }
     
     .main-header .main-box .logo-box {
         position: relative;
         float: left;
         left: 0px;
         z-index: 10;
         padding: 30px 0px;
     }
     
     .main-header .main-box .logo-box .logo img {
         display: inline-block;
         max-width: 100%;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .main-header .nav-toggler {
         position: absolute;
         top: 50%;
         margin-top: 0px;
         display: block;
     }
     
     .main-header .nav-toggler button {
         position: relative;
         display: block;
         color: #444444;
         text-align: center;
         font-size: 24px;
         line-height: 34px;
         font-weight: normal;
         background: none;
     }
     
     .main-header .header-upper {
         position: relative;
         /*margin-bottom:-30px;
    */
     }
     
     .header-style-four .header-upper .outer-box {
         position: relative;
         float: right;
         color: #ffffff;
         margin-top: 10px;
         margin-left: 30px;
     }
     
     .header-style-four .header-upper .outer-box button {
         color: #ffffff;
         font-size: 30px;
     }
     /*Header Style Five*/
     
     .header-style-five {
         position: absolute;
         border: none;
     }
     
     .main-header.header-style-five .header-upper .logo-box {
         margin-top: 0px;
     }
     
     .header-style-six {
         border: none;
     }
     
     .main-header.header-style-six .nav-outer {
         background-color: #444444;
         padding-left: 0px;
     }
     
     .main-header.header-style-six .nav-outer .outer-btn {
         position: relative;
         right: 0px;
         top: 0px;
         float: right;
     }
     
     .main-header.header-style-six .nav-outer .outer-btn .quote-btn {
         position: relative;
         right: 0px;
         top: 0px;
         color: #ffffff;
         font-size: 18px;
         font-weight: 500;
         letter-spacing: 1px;
         padding: 18px 40px;
         display: inline-block;
         background-color: #cfc436;
         text-transform: capitalize;
     }
     
     .header-style-six .header-upper {
         background: url(../images/background/12.jpg) repeat;
     }
     
     .main-header.header-style-six .info-box {
         padding: 75px 0px 45px;
     }
     
     .header-style-six .header-upper .info-box.left-info {
         margin-left: 0px;
     }
     
     .main-header.header-style-six .info-box .inner-box ul li {
         color: #ffffff;
         font-size: 18px;
         margin-bottom: 4px;
     }
     
     .main-header.header-style-six .upper-box .logo-box {
         position: absolute;
         top: 0px;
         left: 50%;
         width: auto;
         margin: 0 auto;
         margin-left: -92px;
         display: inline-block;
         padding: 44px 0px;
     }
     
     .main-header.header-style-six .upper-box .search-box-outer {
         margin-right: 20px;
         margin-top: 17px;
     }
     
     .main-header.header-style-six .upper-box .search-box-btn {
         color: #ffffff;
         border-color: #cfc436;
     }
     
     .main-header.header-style-six .upper-box .social-icons {
         position: relative;
         float: left;
     }
     
     .main-header.header-style-six .upper-box .social-icons li {
         position: relative;
         margin-left: 5px;
         padding: 13px 0px;
         display: inline-block;
     }
     
     .main-header.header-style-six .upper-box .social-icons li a {
         position: relative;
         width: 40px;
         height: 40px;
         color: #ffffff;
         font-size: 16px;
         line-height: 40px;
         text-align: center;
         display: inline-block;
         background-color: #555555;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
         border-radius: 4px 0px 4px 0px;
     }
     
     .main-header.header-style-six .upper-box .social-icons li a:hover {
         background-color: #cfc436;
         color: #ffffff;
     }
     
     .main-header.header-style-six .main-menu .navigation>li {
         margin-right: 0px;
     }
     
     .main-header.header-style-six .main-menu .navigation>li:before {
         display: none;
     }
     
     .main-header.header-style-six .main-menu .navigation>li>a {
         color: #ffffff;
         font-size: 15px;
         padding: 15px 30px;
     }
     
     .main-header.header-style-six .main-menu .navigation>li:after {
         position: absolute;
         content: '';
         right: 0px;
         top: 24px;
         width: 2px;
         height: 12px;
         background-color: #3a3a3a;
     }
     
     .main-header.header-style-six .main-menu .navigation>li:hover::after,
     .main-header.header-style-six .main-menu .navigation>li.current::after {
         opacity: 0;
     }
     
     .main-header.header-style-six .main-menu .navigation>li:hover>a,
     .main-header.header-style-six .main-menu .navigation>li.current>a {
         background-color: #cfc436;
         color: #ffffff;
     }
     
     .main-header .header-upper .upper-right {
         position: relative;
         top: 10px;
         padding-top: 30px;
     }
     
     .main-header .nav-outer {
         position: relative;
         bottom: -30px;
         padding-left: 35px;
         background-color: #cfc436;
     }
     
     .main-header .header-lower {
         position: relative;
     }
     
     .header-style-two .nav-outer {
         margin: 0px;
         float: right;
         bottom: auto;
         background-color: inherit !important;
     }
     
     .main-header .header-upper .logo-box {
         padding: 25px 0px 0px;
     }
     
     .main-header .info-box {
         position: relative;
         float: left;
         min-height: 56px;
         margin-left: 50px;
         font-size: 13px;
         color: #777777;
         text-align: left;
         padding: 0px 0px 20px 65px;
     }
     
     .main-header .info-box:last-child {
         padding-left: 0px;
         float: right;
     }
     
     .main-header .info-box .icon-box {
         position: absolute;
         width: 48px;
         height: 48px;
         left: 0px;
         top: 0px;
         color: #cfc436;
         font-size: 24px;
         line-height: 46px;
         text-align: center;
         border-radius: 50%;
         border: 1px solid #2e2e2e;
         -moz-transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .main-header .info-box>li {
         position: relative;
         line-height: 20px;
         color: #777777;
         font-size: 16px;
         margin-top: 8px;
         font-weight: 400;
         text-transform: capitalize;
     }
     
     .main-header .info-box strong {
         position: relative;
         font-weight: 700;
         color: #3d3e3e;
         font-size: 18px;
     }
     
     .main-header .info-box .quote-btn {
         position: relative;
         line-height: 24px;
         color: #1f1f1f;
         font-size: 16px;
         font-weight: 600;
         padding: 14px 38px;
         border-radius: 50px;
         background: none;
         text-transform: uppercase;
         border: 1px solid #2e2e2e;
     }
     
     .main-header .info-box .quote-btn:hover {
         color: #ffffff;
         border-color: #26447b;
         background-color: #26447b;
     }
     
     .main-header .info-box .social-nav {
         position: relative;
         margin-top: 4px;
     }
     
     .main-header .info-box .social-nav li {
         position: relative;
         margin-left: 8px;
         display: inline-block;
     }
     
     .main-header .info-box .social-nav li a {
         position: relative;
         width: 40px;
         height: 40px;
         color: #222222;
         line-height: 38px;
         font-size: 16px;
         text-align: center;
         display: inline-block;
         -moz-transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
         border: 1px solid #222222;
     }
     
     .main-header .info-box .social-nav li a:hover {
         color: #cfc436;
         background-color: #222222;
     }
     
     .header-style-three {
         position: absolute;
         left: 0px;
         top: 0px;
     }
     
     .header-style-three .main-box .outer-container {
         padding: 0px;
     }
     
     .header-style-three .nav-outer {
         background-color: inherit !important;
         float: right;
         bottom: 0px;
         padding-left: 0px;
     }
     
     .header-style-three .nav-outer .outer-box {
         float: left;
         margin-top: 45px;
         margin-left: 38px;
     }
     
     .header-style-three .nav-outer .outer-box .search-box-outer .search-box-btn {
         color: #ffffff;
         border-radius: 0px;
         border-color: #cfc436;
     }
     /*Header Style Four*/
     
     .header-style-four {
         position: absolute;
         border: none;
     }
     
     .header-style-four .header-upper .logo-box {
         margin-top: 0px;
     }
     
     .header-style-four .info-box:last-child,
     .header-style-five .info-box:last-child {
         padding-left: 65px;
     }
     
     .header-style-four .info-box li,
     .header-style-four .info-box strong,
     .header-style-five .info-box li,
     .header-style-five .info-box strong {
         color: #ffffff;
     }
     
     .header-style-four .info-box .icon-box {
         border-color: #ffffff;
     }
     
     .header-style-five .header-upper {
         background-color: #222222;
         margin-bottom: 0px;
     }
     
     .header-style-five .header-upper .auto-container {
         max-width: 1800px;
         padding-left: 80px;
         padding-right: 0px;
     }
     
     .main-header.header-style-five .header-upper .logo-box {
         padding: 40px 0px;
     }
     
     .main-header.header-style-five .header-upper .upper-right {
         padding-top: 0px;
         top: 0px;
     }
     
     .main-header.header-style-five .info-box {
         padding: 47px 60px 46px 120px;
         background-color: #333333;
         margin-left: 0px;
         min-height: 150px;
     }
     
     .main-header.header-style-five .info-box:nth-child(2) {
         background-color: #444444;
     }
     
     .main-header.header-style-five .info-box:nth-child(3) {
         background-color: #555555;
     }
     
     .main-header.header-style-five .info-box .icon-box {
         left: 50px;
         top: 45px;
         width: auto;
         height: auto;
         border: none;
         font-size: 40px;
     }
     
     .main-header.header-style-five .header-lower {
         border-bottom: 1px solid rgba(255, 255, 255, 0.60);
     }
     
     .main-header.header-style-five .header-lower .auto-container {
         max-width: 1800px;
         padding: 0px 80px;
     }
     
     .main-header.header-style-five .nav-outer {
         bottom: 0px;
         padding: 0px;
         background: none;
     }
     
     .main-header.header-style-five .main-menu .navigation>li {
         margin-right: 20px;
     }
     
     .main-header.header-style-five .main-menu .navigation>li>a {
         font-size: 15px;
         color: #ffffff;
         padding: 25px 10px;
     }
     
     .main-header.header-style-five .main-menu .navigation>li:before {
         top: auto;
         bottom: -1px;
         background-color: #cfc436;
     }
     
     .main-header.header-style-five .outer-box {
         margin-top: 30px;
     }
     
     .main-header.header-style-five .outer-box .options {
         position: relative;
     }
     
     .main-header.header-style-five .outer-box .options>li {
         position: relative;
         float: left;
         line-height: 1.4em;
         padding-left: 15px;
         margin-left: 15px;
         margin-right: 0px;
         margin-top: 0px;
         display: inline-block;
     }
     
     .main-header.header-style-five .outer-box .options li>a {
         font-size: 16px;
         color: #ffffff;
     }
     
     .main-header.header-style-five .outer-box .options li:nth-child(2) {
         border-left: 2px solid #ffffff;
     }
     
     .main-header.header-style-five .outer-box .options .search-box-btn {
         position: relative;
         width: auto;
         height: auto;
         border: none;
         color: #ffffff;
     }
     
     .main-menu {
         position: static;
         float: left;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .main-menu .navbar-collapse {
         padding: 0px;
     }
     
     .main-menu .navigation {
         position: static;
         margin: 0px;
     }
     
     .main-menu .navigation>li {
         position: relative;
         float: left;
         margin-right: 40px;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .main-menu .navigation>li:last-child {
         margin-right: 0px;
     }
     
     .main-menu .navigation>li:last-child::after {
         display: none;
     }
     
     .main-menu .navigation>li:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 4px;
         opacity: 0;
         background-color: #222222;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .header-style-two .main-menu .navigation>li:before {
         bottom: 42px;
     }
     
     .main-header.header-style-two .nav-outer .outer-box {
         float: right;
         margin-top: 26px;
         margin-left: 30px;
     }
     
     .header-style-three {
         border-top: none;
     }
     
     .main-header.header-style-three .nav-outer .outer-box .search-box-outer,
     .main-header.header-style-two .nav-outer .outer-box .search-box-outer {
         margin-top: 0px;
         margin-right: 0px;
     }
     
     .main-header.header-style-two .search-box-outer .dropdown-menu {
         top: 74px;
     }
     
     .main-header .nav-outer .outer-box .search-box-outer {
         margin-right: 40px;
         margin-top: 12px;
     }
     
     .main-menu .navigation>li:hover::before,
     .main-menu .navigation>li.current::before,
     .header-style-three .main-menu .navigation>li.current:after,
     .header-style-three .main-menu .navigation>li:hover:after {
         opacity: 1;
     }
     
     .sticky-header .main-menu .navigation>li>a,
     .header-style-two .sticky-header .main-menu .navigation>li>a,
     .header-style-three .sticky-header .main-menu .navigation>li>a {
         padding: 20px 0px !important;
         color: #444444 !important;
     }
     
     .sticky-header .main-menu .navigation>li:hover>a,
     .sticky-header .main-menu .navigation>li.current>a {
         color: #cfc436;
         background-color: inherit !important;
     }
     
     .sticky-header .nav-outer .options-box {
         margin-top: 26px;
     }
     
     .header-top-three {
         position: relative;
         border-bottom: 1px solid rgba(255, 255, 255, 0.15);
     }
     
     .header-top-three .top-left {
         position: relative;
         float: left;
     }
     
     .header-top-three .top-left .links {
         position: relative;
     }
     
     .header-top-three .top-left .links li {
         position: relative;
         margin-right: 18px;
         padding: 13px 0px;
         padding-right: 22px;
         display: inline-block;
         border-right: 1px solid rgba(255, 255, 255, 0.25);
     }
     
     .header-top-three .top-left .links li:last-child {
         border-right: none;
     }
     
     .header-top-three .top-left .links li a {
         position: relative;
         font-size: 15px;
         font-weight: 400;
         color: #ffffff;
         padding-left: 24px;
     }
     
     .header-top-three .top-left .links li a .icon {
         position: absolute;
         left: 0px;
         color: #cfc436;
     }
     
     .header-top-three .top-right {
         position: relative;
         float: right;
     }
     
     .header-top-three .top-right .social-icons {
         position: relative;
         float: left;
     }
     
     .header-top-three .top-right .social-icons li {
         position: relative;
         margin-left: 15px;
         padding: 13px 0px;
         display: inline-block;
     }
     
     .header-top-three .top-right .social-icons li a {
         position: relative;
         color: #ffffff;
         font-size: 16px;
     }
     
     .header-top-three .top-right .cart-box {
         position: relative;
         float: left;
         color: #ffffff;
         font-size: 16px;
         margin-top: 13px;
         background: none;
         margin-left: 18px;
         display: inline-block;
     }
     
     .header-top-three .top-right .cart-box .cart-box-btn {
         background: none;
         color: #ffffff;
         transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
     }
     
     .header-top-three .top-right .cart-box .cart-box-btn:hover {
         color: #cfc436;
     }
     
     .cart-product {
         position: relative;
         margin-bottom: 24px;
         min-height: 90px;
         border-bottom: 1px solid #e4e4e4;
     }
     
     .cart-product .inner {
         position: relative;
         padding-left: 90px;
         min-height: 70px;
     }
     
     .cart-product .inner .cross-icon {
         position: absolute;
         right: 0px;
         top: -2px;
         z-index: 1;
         color: #263120;
         font-size: 16px;
         cursor: pointer;
     }
     
     .cart-product .inner .image {
         position: absolute;
         width: 70px;
         height: 70px;
         left: 0px;
         top: 0px;
     }
     
     .cart-product .inner h3 {
         position: relative;
         font-weight: 600;
         font-size: 15px;
         margin: 0px;
         text-transform: uppercase;
     }
     
     .cart-product .inner h3 a {
         color: #222222;
     }
     
     .cart-product .inner .quantity-text {
         position: relative;
         font-weight: 300;
         color: #222222;
     }
     
     .cart-product .inner .price {
         position: relative;
         font-weight: 600;
         font-size: 16px;
         margin: 0px;
         color: #222222;
     }
     
     .header-top-three .top-right .cart-box .cart-panel {
         border-radius: 0px;
         padding: 20px 20px;
         min-width: 300px;
         margin-top: 18px;
         border-color: #e4e4e4;
         border-top: 3px solid #cfc436;
         border-left: 0px;
         border-right: 0px;
         border-bottom: 0px;
     }
     
     .header-top-three .top-right .cart-box .cart-panel .cart-total {
         color: #000000;
         font-size: 16px;
         font-weight: 400;
         text-align: center;
         text-transform: uppercase;
     }
     
     .header-top-three .top-right .cart-box .cart-panel .cart-total span {
         font-weight: 700;
     }
     
     .header-top-three .top-right .cart-box .cart-panel .btns-boxed {
         position: relative;
         text-align: center;
         margin-top: 20px;
     }
     
     .header-top-three .top-right .cart-box .cart-panel .btns-boxed li {
         position: relative;
         margin: 0px 5px;
         display: inline-block;
     }
     
     .header-top-three .top-right .cart-box .cart-panel .btns-boxed li a {
         position: relative;
         color: #292929;
         font-weight: 500;
         font-size: 12px;
         padding: 6px 15px;
         display: inline-block;
         border: 1px solid #292929;
         text-transform: uppercase;
         transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         font-family: 'Montserrat', sans-serif;
     }
     
     .header-top-three .top-right .cart-box .cart-panel .btns-boxed li a:hover {
         color: #ffffff;
         background-color: #292929;
     }
     
     .header-top-three .top-right .cart-box .icon a {
         color: #999999;
     }
     /*.header-top-three .top-right .cart-box{
     position:relative;
     float:left;
     font-size:20px;
     padding:13px 0px;
     padding-left:20px;
     margin-left:35px;
     margin-right:10px;
     border-left:1px solid rgba(255,255,255,0.25);
}
 .header-top-three .top-right .cart-box a{
     position:relative;
     color:#ffffff;
}
*/
     
     .header-top-three .top-right .cart-box .total-cart {
         position: absolute;
         width: 15px;
         height: 15px;
         color: #222222;
         font-weight: 700;
         font-size: 10px;
         border-radius: 50%;
         text-align: center;
         line-height: 14px;
         background-color: #cfc436;
     }
     
     .header-style-three .main-box .logo-box {
         padding: 20px 0px;
     }
     
     .header-style-three .main-menu .navigation>li>a {
         padding: 50px 0px;
         color: #ffffff;
     }
     
     .header-style-three .main-menu .navigation>li:before {
         position: absolute;
         content: '';
         left: 0px;
         top: auto;
         bottom: 28px;
         width: 75%;
         height: 3px;
         background-color: #cfc436;
     }
     
     .header-style-three .main-menu .navigation>li:after {
         position: absolute;
         content: '';
         left: 0px;
         bottom: 22px;
         width: 100%;
         height: 3px;
         opacity: 0;
         background-color: #cfc436;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     /*Sticky Header*/
     
     .sticky-header {
         position: fixed;
         opacity: 0;
         visibility: hidden;
         left: 0px;
         top: 0px;
         width: 100%;
         padding: 0px 0px;
         background: #ffffff;
         z-index: 0;
         border-bottom: 1px solid #e6e6e6;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .sticky-header .logo {
         padding: 10px 0px 10px;
     }
     
     .fixed-header .sticky-header {
         z-index: 999999;
         opacity: 1;
         visibility: visible;
         -ms-animation-name: fadeInDown;
         -moz-animation-name: fadeInDown;
         -op-animation-name: fadeInDown;
         -webkit-animation-name: fadeInDown;
         animation-name: fadeInDown;
         -ms-animation-duration: 500ms;
         -moz-animation-duration: 500ms;
         -op-animation-duration: 500ms;
         -webkit-animation-duration: 500ms;
         animation-duration: 500ms;
         -ms-animation-timing-function: linear;
         -moz-animation-timing-function: linear;
         -op-animation-timing-function: linear;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         -ms-animation-iteration-count: 1;
         -moz-animation-iteration-count: 1;
         -op-animation-iteration-count: 1;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
     }
     
     .main-menu .navigation>li>a {
         position: relative;
         display: block;
         color: #222222;
         text-align: center;
         line-height: 30px;
         text-transform: uppercase;
         letter-spacing: 0px;
         opacity: 1;
         font-weight: 700;
         padding: 15px 0px;
         font-size: 16px;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .header-style-two .main-box .logo-box {
         padding: 35px 0px;
         margin-top: -50px;
         padding-right: 20px;
         background-color: #cfc436;
     }
     
     .header-style-two .main-box .logo-box:before {
         position: absolute;
         content: '';
         right: 0px;
         top: 0px;
         height: 100%;
         z-index: -1;
         width: 50000px;
         background-color: #cfc436;
     }
     
     .header-style-two .main-box .logo-box:after {
         position: absolute;
         content: '';
         right: -110px;
         top: 0px;
         border-top: 141px solid #cfc436;
         border-right: 110px solid transparent;
     }
     
     .header-style-two .main-menu .navigation>li:before {
         display: none;
     }
     
     .header-style-two .sticky-header .main-menu .navigation>li {
         margin-right: 0px;
     }
     
     .header-style-two .main-menu .navigation>li>a {
         padding: 30px 0px;
         font-size: 15px;
     }
     
     .header-style-two .main-menu .navigation>li.current>a,
     .header-style-two .main-menu .navigation>li:hover>a {
         color: #cfc436;
     }
     
     .header-style-two .main-menu .navigation>li:after {
         display: none;
     }
     
     .sticky-header .main-menu .navigation>li {
         position: relative;
         margin-left: 30px;
         margin-right: 0px !important;
     }
     
     .sticky-header .main-menu .navigation>li:before,
     .sticky-header .main-menu .navigation>li:after {
         display: none;
     }
     
     .main-menu .navigation>li:hover>a,
     .main-menu .navigation>li.current>a,
     .main-header.light-version .main-menu .navigation>li:hover>a,
     .main-header.light-version .main-menu .navigation>li.current>a {
         opacity: 1;
     }
     
     .main-menu .navigation>li:hover>a:before,
     .main-menu .navigation>li.current>a:before {
         width: 100%;
     }
     
     .main-menu .navigation>li>ul {
         position: absolute;
         left: 0px;
         top: 120%;
         width: 250px;
         padding: 0px;
         z-index: 100;
         display: none;
         background: #ffffff;
         border-top: 3px solid #cfc436;
         transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     }
     
     .main-menu .navigation>li>ul.from-right {
         left: auto;
         right: 0px;
     }
     
     .main-menu .navigation>li>ul>li {
         position: relative;
         width: 100%;
         border-bottom: 1px solid rgba(0, 0, 0, 0.10);
     }
     
     .main-menu .navigation>li>ul>li:last-child {
         border-bottom: none;
     }
     
     .main-menu .navigation>li>ul>li>a {
         position: relative;
         display: block;
         padding: 10px 15px;
         line-height: 24px;
         font-weight: 400;
         font-size: 14px;
         text-transform: capitalize;
         color: #272727;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .main-menu .navigation>li>ul>li:hover>a {
         color: #ffffff;
         background: #2c2c2c;
     }
     
     .main-menu .navigation>li>ul>li.dropdown>a:after {
         font-family: 'FontAwesome';
         content: "\f105";
         position: absolute;
         right: 10px;
         top: 10px;
         width: 10px;
         height: 20px;
         display: block;
         color: #253d4a;
         line-height: 20px;
         font-size: 16px;
         font-weight: normal;
         text-align: center;
         z-index: 5;
     }
     
     .main-menu .navigation>li>ul>li.dropdown:hover>a:after {
         color: #ffffff;
     }
     
     .main-menu .navigation>li>ul>li>ul {
         position: absolute;
         left: 100%;
         top: 20px;
         width: 250px;
         padding: 0px;
         z-index: 100;
         display: none;
         background: #ffffff;
         border-top: 3px solid #cfc436;
         -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     }
     
     .main-menu .navigation>li>ul>li>ul.from-right {
         left: auto;
         right: 0px;
     }
     
     .main-menu .navigation>li>ul>li>ul>li {
         position: relative;
         width: 100%;
         border-bottom: 1px solid rgba(0, 0, 0, 0.10);
     }
     
     .main-menu .navigation>li>ul>li>ul>li:last-child {
         border-bottom: none;
     }
     
     .main-menu .navigation>li>ul>li>ul>li>a {
         position: relative;
         display: block;
         padding: 10px 15px;
         line-height: 24px;
         font-weight: 400;
         font-size: 14px;
         text-transform: capitalize;
         color: #272727;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .main-menu .navigation>li>ul>li>ul>li:hover>a {
         color: #ffffff;
         background: #2c2c2c;
     }
     
     .main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
         font-family: 'FontAwesome';
         content: "\f105";
         position: absolute;
         right: 10px;
         top: 11px;
         width: 10px;
         height: 20px;
         display: block;
         color: #272727;
         line-height: 20px;
         font-size: 16px;
         font-weight: normal;
         text-align: center;
         z-index: 5;
     }
     
     .main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
         color: #ffffff;
     }
     
     .main-menu .navigation>li.dropdown:hover>ul {
         visibility: visible;
         opacity: 1;
         top: 100%;
     }
     
     .main-menu .navigation li>ul>li.dropdown:hover>ul {
         visibility: visible;
         opacity: 1;
         top: 0;
         transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
     }
     
     .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
         position: absolute;
         right: 10px;
         top: 6px;
         width: 30px;
         height: 30px;
         text-align: center;
         color: #ffffff;
         line-height: 28px;
         border: 1px solid #ffffff;
         background-size: 20px;
         cursor: pointer;
         z-index: 5;
         display: none;
     }
     
     .main-header .options-box {
         position: relative;
         float: left;
         margin-top: 42px;
         right: 0px;
         margin-left: 0px;
     }
     
     .main-header .options-box .options-nav {
         position: relative;
     }
     
     .main-header .options-box .options-nav>li {
         position: relative;
         color: #ffffff;
         font-size: 22px;
         margin-left: 28px;
         display: inline-block;
     }
     
     .main-header .options-box .options-nav li.menu-btn {
         cursor: pointer;
     }
     
     .main-header .options-box .options-nav>li>a {
         position: relative;
         color: #ffffff;
     }
     
     .main-header .header-lower .outer-box {
         position: relative;
         float: right;
     }
     
     .main-header .header-lower .outer-box .advisor-box {
         position: relative;
         float: left;
     }
     
     .main-header .header-lower .outer-box .advisor-box .advisor-btn {
         position: relative;
         color: #cfc436;
         font-size: 17px;
         font-weight: 700;
         line-height: 24px;
         padding: 18px 25px 18px 25px;
         background-color: #222222;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         transition: all 500ms ease;
         text-transform: uppercase;
     }
     
     .main-header .header-lower .outer-box .advisor-box .advisor-btn:before {
         position: absolute;
         content: '';
         left: -28px;
         top: 0px;
         border-top: 60px solid #222222;
         border-left: 28px solid transparent;
     }
     
     .search-box-outer {
         position: relative;
         float: left;
         margin-top: 13px;
         margin-right: 40px;
     }
     
     .main-header .search-box-btn {
         position: relative;
         float: left;
         width: 35px;
         height: 35px;
         display: block;
         font-size: 14px;
         color: #222222;
         padding: 0px;
         margin: 0px;
         cursor: pointer;
         background: none;
         border-radius: 50%;
         border: 1px dashed #222222;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .main-header .search-box-btn:after {
         display: none;
     }
     
     .main-header .search-box-outer .dropdown-menu {
         top: 63px !important;
         right: 0px;
         padding: 0px;
         width: 280px;
         left: auto !important;
         border-radius: 0px;
         border-top: 3px solid #e6cc7e;
         transform: translate3d(0px, 0px, 0px) !important;
     }
     
     .sticky-header .search-box-outer .dropdown-menu {
         top: 40px;
     }
     
     .main-header .search-box-outer .dropdown-menu>li {
         padding: 0px;
         border: none;
         background: none;
     }
     
     .main-header .search-panel .form-container {
         padding: 25px 20px;
     }
     
     .main-header .search-panel .form-group {
         position: relative;
         margin: 0px;
     }
     
     .main-header .search-panel input[type="text"],
     .main-header .search-panel input[type="search"],
     .main-header .search-panel input[type="password"],
     .main-header .search-panel select {
         display: block;
         width: 100%;
         color: #000000;
         line-height: 24px;
         padding: 7px 40px 7px 15px;
         height: 40px;
         border: 1px solid #e0e0e0;
         background: #ffffff;
     }
     
     .main-header .search-panel input:focus,
     .main-header .search-panel select:focus {
         border-color: #cfc436;
     }
     
     .main-header .search-panel input:focus,
     .main-header .search-panel select:focus {
         border-color: #cfc436;
     }
     
     .main-header .search-panel .search-btn {
         position: absolute;
         right: 0px;
         top: 0px;
         width: 40px;
         height: 40px;
         text-align: center;
         color: #555555;
         font-size: 12px;
         background: none;
         cursor: pointer;
     }
     /************************ Mega Menu ***************************/
     
     .main-menu .navigation>li.has-mega-menu {
         position: static;
     }
     
     .header-style-two .main-menu .navigation>li.has-mega-menu>a:after,
     .main-menu .navigation>li.has-mega-menu:before,
     .main-menu .navigation>li.has-mega-menu:after {
         display: none;
     }
     
     .main-menu .navigation>li>.mega-menu {
         position: absolute;
         left: 0px;
         right: 0;
         margin: auto;
         width: 100%;
         max-width: 1170px;
         background-color: #ffffff;
         padding: 45px 40px 30px 45px;
         top: 100%;
         z-index: 100;
         opacity: 0;
         -webkit-transform: scaleY(0);
         -moz-transform: scaleY(0);
         -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
         transform: scaleY(0);
         -webkit-transform-origin: top;
         -moz-transform-origin: top;
         -ms-transform-origin: top;
         -o-transform-origin: top;
         transform-origin: top;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     }
     
     .main-menu .navigation>li:hover>.mega-menu {
         opacity: 1;
         visibility: visible;
         -webkit-transform: scaleY(1);
         -moz-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
         transform: scaleY(1);
     }
     
     .main-menu .navigation>li>.mega-menu .mega-menu-bar {
         position: relative;
     }
     
     .main-menu .navigation>li .mega-menu-bar h3 {
         position: relative;
         color: #020e28;
         font-size: 20px;
         font-weight: 500;
         padding-bottom: 10px;
         border-bottom: 1px solid #f2f2f2;
     }
     
     .main-menu .navigation>li .mega-menu-bar>ul {
         position: relative;
     }
     
     .main-menu .navigation>li .mega-menu-bar .column>ul>li {
         position: relative;
         width: 100%;
         border-bottom: 1px solid #f2f2f2;
         text-transform: capitalize;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .main-menu .navigation>li .mega-menu-bar .column {
         position: relative;
         margin-bottom: 10px;
     }
     
     .main-menu .navigation>li .mega-menu-bar .column>ul>li:last-child {
         border: none;
     }
     
     .main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
         position: relative;
         display: block;
         padding: 10px 15px;
         line-height: 20px;
         font-weight: 400;
         font-size: 14px;
         color: #848484;
         text-transform: capitalize;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         font-family: 'Rubik', sans-serif;
     }
     
     .main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
         color: #ffffff;
         background: #2c2c2c;
     }
     /*** ==================================================================== Main Slider style ==================================================================== ***/
     
     .main-slider {
         position: relative;
         z-index: 10;
     }
     
     .main-slider .play-btn {
         font-size: 64px;
         line-height: 1em;
     }
     
     .main-slider .play-btn a {
         color: #cfc436;
     }
     
     .main-slider .tp-caption {
         z-index: 5 !important;
     }
     
     .main-slider .tp-dottedoverlay {
         background: rgba(0, 0, 0, 0.40) !important;
     }
     
     .main-slider .tparrows.gyges {
         width: 60px;
         height: 60px;
         line-height: 60px;
         border-radius: 50%;
         background-color: rgba(255, 255, 255, 0.20);
     }
     
     .main-slider .tparrows.gyges:before {
         line-height: 60px;
     }
     
     .main-slider .tparrows.gyges:hover {
         color: #333333 !important;
         background-color: #333333;
     }
     
     .main-slider .title {
         position: relative;
         font-size: 30px;
         color: #ffffff;
         font-weight: 800;
         line-height: 1.5em;
         text-transform: uppercase;
         text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.80);
     }
     
     .main-slider .title.title-two {
         font-weight: 700;
         font-size: 48px;
         color: #cfc436;
         text-transform: capitalize;
     }
     
     .main-slider h2 {
         font-size: 54px;
         color: #ffffff;
         font-weight: 700;
         line-height: 1.3em;
         text-transform: uppercase;
         text-shadow: 2px 6px 5px rgba(0, 0, 0, 0.80);
     }
     
     .main-slider h3 {
         font-size: 36px;
         color: #cfc436;
         font-weight: 400;
         line-height: 1.3em;
     }
     
     .main-slider .text {
         position: relative;
         font-weight: 400;
         line-height: 2em;
         color: #ffffff;
         font-size: 16px;
     }
     
     .main-slider .border-layer {
         border: 5px solid rgba(255, 255, 255, 0.8);
         border-top: none;
         height: 180px;
         z-index: -1;
     }
     
     .main-slider .text.alternate {
         text-align: right !important;
     }
     
     .main-slider .text.text-center {
         text-align: center !important;
     }
     
     .main-slider .btns-boxed .theme-btn {
         margin-right: 0px;
         margin-left: 20px;
         z-index: 10;
     }
     
     .main-slider .theme-btn {
         margin-right: 20px;
     }
     
     .main-slider .tparrows.preview3,
     .main-slider .tparrows.preview3 {
         background: none !important;
         overflow: hidden;
         height: 90px;
     }
     
     .main-slider.alternate .tparrows.preview3 {
         margin-top: 30px !important;
         height: 50px;
     }
     
     .main-slider .contact-number {
         position: absolute;
         width: 100%;
         bottom: 40px;
         display: block;
         z-index: 20;
         color: #ffffff;
         font-size: 15px;
         text-align: center;
     }
     
     .main-slider .contact-number .icon {
         position: relative;
         display: block;
         margin-bottom: 15px;
         color: #cfc436;
         font-size: 30px;
     }
     
     .main-slider .tparrows.preview3::after {
         top: 0px;
         color: #101010;
         font-size: 26px;
         padding: 0px;
         background: rgba(255, 255, 255, 0.70);
         font-weight: 400;
         width: 36px;
         height: 90px;
         line-height: 90px;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .main-slider .tparrows.tp-leftarrow.preview3::after {
         content: '\f104';
         font-family: 'FontAwesome';
     }
     
     .main-slider .tparrows.tp-rightarrow.preview3::after {
         content: '\f105';
         font-family: 'FontAwesome';
     }
     
     .main-slider .tparrows.preview3:hover::after {
         background: rgba(255, 255, 255, 1);
     }
     
     .main-slider .tparrows.preview3.tp-leftarrow {
         left: 0px !important;
     }
     
     .main-slider .tparrows.preview3.tp-rightarrow {
         right: -36px !important;
     }
     
     .main-slider .tparrows.preview3 .tp-arr-iwrapper {
         visibility: hidden;
         opacity: 0;
         display: none;
     }
     
     .main-slider .tp-bannertimer,
     .main-slider .tp-bullets {
         display: none !important;
     }
     
     .main-slider .mouse-btn-down {
         position: absolute;
         left: 50%;
         margin-left: -20px;
         bottom: 40px;
         width: 30px;
         height: 70px;
         cursor: pointer;
         display: block;
         animation: fadeInDown 2s infinite;
         -moz-animation: fadeInDown 2s infinite;
         -ms-animation: fadeInDown 2s infinite;
         -o-animation: fadeInDown 2s infinite;
         -webkit-animation: fadeInDown 2s infinite;
         background: url(../images/icons/scroll-icon.png) center center no-repeat;
         z-index: 20;
     }
     /*** ==================================================================== About Section ==================================================================== ***/
     
     .about-section {
         position: relative;
         padding: 0px 0px 0px;
     }
     
     .about-section:before {
         position: absolute;
         content: '';
         right: 0px;
         top: 0px;
         width: 270px;
         height: 270px;
         /* background: url(../images/resource/curve-1.png) no-repeat; */
     }
     
     .about-section .image-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .about-section .image-column .inner-column {
         position: relative;
         padding-left: 100px;
     }
     
     .about-section .image-column .inner-column .image:before {
         position: absolute;
         content: '';
         left: -50px;
         top: 50px;
         width: 496px;
         height: 360px;
         border: 2px solid #ebebeb;
     }
     
     .about-section .image-column .image {
         position: relative;
     }
     
     .about-section .image-column .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .about-section .content-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .about-section .content-column .inner-column {
         position: relative;
         padding-top: 60px;
     }
     
     .about-section .content-column .inner-column .bold-text {
         position: relative;
         color: #222222;
         font-size: 16px;
         font-weight: 700;
         margin-bottom: 35px;
     }
     
     .about-section .content-column .inner-column .sec-title {
         margin-bottom: 22px;
     }
     
     .about-section .content-column .inner-column .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.8em;
         margin-bottom: 50px;
     }
     
     .about-section .content-column .inner-column .experiance-box span {
         position: absolute;
         left: 30px;
         top: -10px;
         line-height: 1em;
         font-size: 84px;
         font-weight: 800;
     }
     
     .about-section .content-column .inner-column .experiance-box span:before {
         position: absolute;
         content: '';
         left: -30px;
         top: -15px;
         width: 110px;
         height: 110px;
         z-index: -1;
         border: 3px solid #dddddd;
     }
     /*** ==================================================================== Fact Counter style ==================================================================== ***/
     
     .fact-counter-section {
         position: relative;
         background-size: cover;
         padding: 80px 0px 50px 0px;
         background-color: #3d4a66;
         background-repeat: repeat;
     }
     
     .fact-counter-section .outer-image {
         position: absolute;
         left: 0px;
         bottom: -100px;
     }
     
     .fact-counter {
         position: relative;
     }
     
     .fact-counter .column {
         position: relative;
         z-index: 5;
         margin-bottom: 30px;
     }
     
     .fact-counter .column .inner {
         position: relative;
         text-align: center;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .fact-counter .count-outer {
         position: relative;
         font-size: 36px;
         line-height: 1em;
         font-weight: 500;
         margin: 0px 0px;
     }
     
     .fact-counter .count-outer .icon {
         position: relative;
         width: 70px;
         height: 70px;
         color: #cfc436;
         display: block;
         font-size: 36px;
         text-align: center;
         margin: 0 auto;
         line-height: 66px;
         margin-bottom: 35px;
         border: 1px dashed #ffffff;
     }
     
     .fact-counter .count-outer .count-text {
         position: relative;
         font-weight: 700;
         color: #ffffff;
         font-size: 40px;
     }
     
     .fact-counter .column .counter-title {
         position: relative;
         font-size: 15px;
         font-weight: 400;
         color: #ffffff;
         margin-top: 10px;
         text-transform: uppercase;
         display: block;
         letter-spacing: 1px;
     }
     /*** ==================================================================== Services Section ==================================================================== ***/
     
     .services-section {
         position: relative;
         padding: 80px 0px 50px;
     }
     
     .services-block {
         position: relative;
         margin-bottom: 30px;
     }
     
     .services-block .inner-box {
         position: relative;
         padding: 50px 30px 40px;
         text-align: center;
         border: 1px solid #e1e1e1;
     }
     
     .services-block .inner-box:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(255, 255, 255, 1);
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .services-block .inner-box:hover::before {
         background-color: rgba(34, 34, 34, 0.85);
     }
     
     .services-block .inner-box .icon-box {
         position: relative;
         color: #cfc436;
         font-size: 56px;
         line-height: 1em;
         margin-bottom: 25px;
     }
     
     .services-block .inner-box h3 {
         position: relative;
         color: #222222;
         font-size: 22px;
         font-weight: 600;
         margin-bottom: 15px;
     }
     
     .services-block .inner-box h3 a {
         position: relative;
         color: #222222;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .services-block .inner-box h3 a:hover {
         color: #cfc436;
     }
     
     .services-block .inner-box .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         font-weight: 400;
         line-height: 1.8em;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .services-block .inner-box:hover h3 a,
     .services-block .inner-box:hover .text {
         color: #ffffff;
     }
     /*** ==================================================================== Project Section ==================================================================== ***/
     
     .project-section {
         position: relative;
         padding: 80px 0px 80px;
         background-attachment: fixed;
         background-repeat: no-repeat;
         background-size: cover;
     }
     
     .project-section:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(34, 34, 34, 0.97);
     }
     
     .project-tab {
         position: relative;
     }
     
     .project-tab .sec-title {
         margin-bottom: 40px;
     }
     
     .project-tab .project-carousel .owl-nav,
     .project-tab .project-carousel .owl-dots {
         display: none;
     }
     
     .project-tab .tabs-header {
         position: relative;
     }
     
     .project-tab .product-tab-btns {
         position: relative;
         padding-top: 42px;
         top: 20px;
     }
     
     .project-tab .product-tab-btns .p-tab-btn {
         position: relative;
         cursor: pointer;
         color: #ffffff;
         font-weight: 400;
         font-size: 14px;
         display: inline-block;
         margin-bottom: 10px;
         margin-left: 30px;
         text-transform: uppercase;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .project-tab .product-tab-btns .p-tab-btn:last-child {
         padding-right: 0px;
     }
     
     .project-tab .product-tab-btns .p-tab-btn:last-child::after {
         display: none;
     }
     
     .project-tab .product-tab-btns .p-tab-btn:hover,
     .project-tab .product-tab-btns .p-tab-btn.active-btn {
         color: #cfc436;
     }
     
     .project-tab .p-tabs-content {
         position: relative;
         display: block;
     }
     
     .project-tab .p-tab {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: auto;
         visibility: hidden;
     }
     
     .project-tab .p-tab.active-tab {
         position: relative;
         visibility: visible;
         z-index: 5;
     }
     
     .project-block {
         position: relative;
     }
     
     .project-block .inner-box {
         position: relative;
         overflow: hidden;
     }
     
     .project-block .inner-box .image {
         position: relative;
     }
     
     .project-block .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .project-block .inner-box .image:before {
         position: absolute;
         content: '';
         left: 0px;
         bottom: 0px;
         width: 100%;
         height: 80%;
         display: block;
         z-index: 1;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         /*background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
     background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
     background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
     background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
    */
     }
     
     .project-block .inner-box:hover .image:before {
         opacity: 0;
     }
     
     .project-block .inner-box .image .overlay-box {
         position: absolute;
         left: 25px;
         bottom: 25px;
         right: 25px;
         z-index: 1;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         height: 40px;
     }
     
     .project-block .inner-box:hover .image .overlay-box {
         opacity: 0;
     }
     
     .project-block .inner-box .image .overlay-box .content {
         position: relative;
         background-color: #000000a6;
         text-align: center;
         padding: 5px;
     }
     
     .project-block .inner-box .image .overlay-box .content h3 {
         position: relative;
         color: #ffffff;
         font-size: 15px;
         font-weight: 600;
         line-height: 1.7em;
         margin-bottom: 1px;
     }
     
     .project-block .inner-box .image .overlay-box .content .see-project {
         position: relative;
         color: #cfc436;
         font-size: 12px;
     }
     
     .project-block .inner-box .image .overlay-box .content .see-project .fa {
         margin-left: 5px;
     }
     
     .project-block .inner-box .image .overlay-two {
         position: absolute;
         left: 0px;
         bottom: 0px;
         right: 0px;
         top: 0px;
         z-index: 2;
         width: 100%;
         height: 100%;
         display: block;
         opacity: 0;
         background-color: #ebebeb;
         -webkit-transition: all 900ms ease;
         -ms-transition: all 900ms ease;
         -o-transition: all 900ms ease;
         transition: all 900ms ease;
         -webkit-transform: perspective(400px) rotateY(-90deg);
         -moz-transform: perspective(400px) rotateY(-90deg);
         -ms-transform: perspective(400px) rotateY(-90deg);
         -o-transform: perspective(400px) rotateY(-90deg);
         transform: perspective(400px) rotateY(-90deg);
         -webkit-transform-origin: top;
         -moz-transform-origin: top;
         -ms-transform-origin: top;
         -o-transform-origin: top;
         transform-origin: top;
         -ms-transition: all 0.5s;
         -moz-transition: all 0.5s;
         -webkit-transition: all 0.5s;
         -o-transition: all 0.5s;
         transition: all 0.5s;
     }
     
     .project-block .inner-box:hover .image .overlay-two {
         opacity: 1;
         -webkit-transform: perspective(400px) rotateY(0deg);
         -moz-transform: perspective(400px) rotateY(0deg);
         -ms-transform: perspective(400px) rotateY(0deg);
         -o-transform: perspective(400px) rotateY(0deg);
         transform: perspective(400px) rotateY(0deg);
     }
     
     .project-block .inner-box .image .overlay-two .overlay-two-inner {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: table;
         text-align: left;
         padding: 10px 20px;
         vertical-align: middle;
     }
     
     .project-block .inner-box .overlay-two .overlay-two-inner .overlay-two-content {
         position: relative;
         display: table-cell;
         vertical-align: middle;
     }
     
     .project-block .inner-box .image .overlay-two h2 {
         position: relative;
         color: #222222;
         font-size: 18px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 25px;
     }
     
     .project-block .inner-box .image .overlay-two h2 a {
         position: relative;
         color: #222222;
     }
     
     .project-block .inner-box .image .overlay-two .text {
         position: relative;
         color: #222;
         font-size: 12px;
         line-height: 1.8em;
         margin-bottom: 55px;
         font-weight: 600;
     }
     
     .project-block .inner-box .image .overlay-two .see-more {
         position: relative;
         font-size: 15px;
         color: #222222;
         font-weight: 600;
     }
     
     .project-block .inner-box .image .overlay-two .see-more .fa {
         margin-left: 5px;
     }
     /*** ==================================================================== Team Section ==================================================================== ***/
     
     .team-section {
         position: relative;
         padding: 80px 0px 50px;
     }
     
     .team-block {
         position: relative;
         margin-bottom: 40px;
     }
     
     .team-block .inner-box {
         position: relative;
         overflow: hidden;
     }
     
     .team-block .inner-box .social-icon-one {
         position: absolute;
         left: 0px;
         z-index: 1;
         top: -100%;
         transition: all 0.6s ease;
         -moz-transition: all 0.6s ease;
         -webkit-transition: all 0.6s ease;
         -ms-transition: all 0.6s ease;
         -o-transition: all 0.6s ease;
     }
     
     .team-block .inner-box:hover .social-icon-one {
         top: 0%;
     }
     
     .team-block .inner-box .image {
         position: relative;
         border: 2px solid #dddddd;
         transition: all 0.6s ease;
         -moz-transition: all 0.6s ease;
         -webkit-transition: all 0.6s ease;
         -ms-transition: all 0.6s ease;
         -o-transition: all 0.6s ease;
     }
     
     .team-block .inner-box:hover .image {
         border-color: #cfc436;
     }
     
     .team-block .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .team-block .inner-box .lower-box {
         position: relative;
         padding-top: 35px;
         text-align: center;
     }
     
     .team-block .inner-box .lower-box h3 {
         position: relative;
         color: #222222;
         font-size: 20px;
         font-weight: 700;
         line-height: 1.4em;
         text-transform: uppercase;
         font-family: 'Raleway', sans-serif;
     }
     
     .team-block .inner-box .lower-box h3 a {
         color: #222222;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .team-block .inner-box .lower-box h3 a:hover {
         color: #cfc436;
     }
     
     .team-block .inner-box .lower-box .designation {
         position: relative;
         color: #777777;
         font-size: 14px;
         margin-top: 5px;
     }
     /*** ==================================================================== Testimonial Section ==================================================================== ***/
     
     .testimonial-section {
         position: relative;
         padding: 80px 0px;
         background-repeat: no-repeat;
         background-size: cover;
     }
     
     .testimonial-section:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(34, 34, 34, 0.50);
     }
     
     .testimonial-block {
         position: relative;
     }
     
     .testimonial-block .inner-box {
         position: relative;
         padding-left: 135px;
     }
     
     .testimonial-block .inner-box .image {
         position: absolute;
         left: 0px;
         top: 45px;
         width: 103px;
         height: 103px;
         overflow: hidden;
         border-radius: 50%;
     }
     
     .testimonial-block .inner-box .content {
         position: relative;
         padding: 30px 30px;
         background-color: #ffffff;
     }
     
     .testimonial-block .inner-box .content:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
         border-top: 100px solid #ffffff;
         border-left: 100px solid transparent;
     }
     
     .testimonial-block .inner-box:hover .content:before {
         left: -60px;
     }
     
     .testimonial-block .inner-box .content h3 {
         position: relative;
         color: #222222;
         font-size: 18px;
         font-weight: 600;
     }
     
     .testimonial-block .inner-box .content .rating {
         position: absolute;
         right: 30px;
         top: 30px;
     }
     
     .testimonial-block .inner-box .content .fa {
         position: relative;
         color: #cfc436;
         display: inline-block;
     }
     
     .testimonial-block .inner-box .content .text {
         position: relative;
         color: #222;
         font-size: 15px;
         line-height: 1.6em;
         margin-top: 15px;
     }
     
     .testimonial-section .owl-nav {
         position: absolute;
         right: 0px;
         top: -80px;
         z-index: 99;
     }
     
     .testimonial-section .owl-prev,
     .testimonial-section .owl-next {
         position: relative;
         height: 38px;
         width: 38px;
         line-height: 36px;
         text-align: center;
         font-size: 16px;
         color: #222222;
         margin-left: 10px;
         background: #ffffff;
         display: inline-block;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .testimonial-section .owl-prev:hover,
     .testimonial-section .owl-next:hover {
         color: #ffffff;
         border-color: #cfc436;
         background-color: #cfc436;
     }
     /*** ==================================================================== News Section ==================================================================== ***/
     
     .news-section {
         position: relative;
         padding: 80px 0px 50px;
     }
     
     .news-block {
         position: relative;
         margin-bottom: 40px;
     }
     
     .news-block .inner-box {
         position: relative;
         overflow: hidden;
     }
     
     .news-block .inner-box .image {
         position: relative;
     }
     
     .news-block .inner-box .image:before {
         position: absolute;
         top: 0;
         left: -100%;
         z-index: 2;
         display: block;
         content: '';
         width: 75%;
         height: 100%;
         background: -webkit-linear-gradient(left, rgba(251, 185, 8, 0) 0%, rgba(0, 0, 0, .4) 100%);
         background: linear-gradient(to right, rgba(251, 185, 8, 0) 0%, rgba(0, 0, 0, .4) 100%);
         -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);
     }
     
     .news-block .inner-box:hover .image:before {
         -webkit-animation: shine .75s;
         animation: shine .75s;
     }
     
     @-webkit-keyframes shine {
         100% {
             left: 125%;
         }
     }
     
     @keyframes shine {
         100% {
             left: 125%;
         }
     }
     
     .news-block .inner-box .image .post-date {
         position: absolute;
         right: 0px;
         top: 0px;
         font-size: 16px;
         color: #ffffff;
         padding: 10px 15px;
         text-align: center;
         border-radius: 50px 0px 50px 50px;
         background-color: #cfc436;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .news-block .inner-box .image .post-date:before {
         position: absolute;
         content: '';
         left: 4px;
         top: 4px;
         right: 4px;
         bottom: 4px;
         border: 1px dashed #ffffff;
         border-radius: 50px 0px 50px 50px;
     }
     
     .news-block .inner-box:hover .image .post-date {
         background-color: #222222;
     }
     
     .news-block .inner-box .image .post-date span {
         font-weight: 700;
         display: block;
     }
     
     .news-block .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .news-block .inner-box .lower-content {
         position: relative;
         padding-top: 30px;
     }
     
     .news-block .inner-box .lower-content h3 {
         position: relative;
         font-size: 24px;
         font-weight: 700;
         line-height: 1.5em;
         margin-bottom: 8px;
     }
     
     .news-block .inner-box .lower-content h3 a {
         position: relative;
         color: #222222;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .news-block .inner-box .lower-content h3 a:hover {
         color: #cfc436;
     }
     
     .news-block .inner-box .lower-content .post-meta {
         position: relative;
     }
     
     .news-block .inner-box .lower-content .post-meta li {
         position: relative;
         color: #cfc436;
         font-size: 14px;
         padding-right: 12px;
         margin-right: 10px;
         display: inline-block;
     }
     
     .news-block .inner-box .lower-content .post-meta li:after {
         position: absolute;
         content: '/';
         color: #cfc436;
         right: 0px;
         top: 0px;
     }
     
     .news-block .inner-box .lower-content .post-meta li:last-child::after {
         display: none;
     }
     
     .news-block .inner-box .lower-content .text {
         position: relative;
         margin-top: 15px;
         font-size: 16px;
         line-height: 1.7em;
     }
     /*** ==================================================================== Sponsors Section ==================================================================== ***/
     
     .sponsors-section {
         position: relative;
         padding: 55px 0px 55px;
     }
     
     .sponsors-section:before {
         position: absolute;
         content: '';
         left: 0px;
         bottom: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(255, 255, 255, 0.85);
     }
     
     .sponsors-section.style-three:before {
         position: absolute;
         content: '';
         left: 0px;
         bottom: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(0, 0, 0, 0.90);
     }
     
     .sponsors-section .sponsors-outer {
         position: relative;
     }
     
     .sponsors-section .sponsors-outer .owl-dots,
     .sponsors-section .sponsors-outer .owl-nav {
         position: relative;
         display: none;
     }
     
     .sponsors-section .sponsors-outer .image-box {
         position: relative;
         text-align: center;
     }
     
     .sponsors-section .sponsors-outer .image-box img {
         max-width: 100%;
         width: auto;
         display: inline-block;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     
     .sponsors-section .sponsors-outer .image-box img:hover {
         -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
     
     .sponsors-section.style-two {
         background-color: #f2f2f2;
     }
     
     .sponsors-section.style-two::before {
         display: none;
     }
     /*** ==================================================================== Main Footer ==================================================================== ***/
     
     .main-footer {
         position: relative;
         /*padding:20px 0px 0px;
    */
     }
     
     .main-footer .footer-widget {
         position: relative;
         margin-bottom: 40px;
     }
     
     .main-footer .widgets-section {
         position: relative;
         padding-bottom: 40px;
     }
     
     .main-footer .footer-widget h2 {
         position: relative;
         font-size: 16px;
         font-weight: 600;
         color: #ffffff;
         line-height: 1.2em;
         margin-bottom: 40px;
         margin-top: 25px;
         text-transform: capitalize;
         margin-left: 30px;
     }
     
     .main-footer .logo-widget {
         position: relative;
     }
     
     .main-footer .logo-widget .logo {
         position: relative;
         margin-bottom: 20px;
     }
     
     .main-footer .logo-widget .text {
         position: relative;
         color: #ffffff;
         font-size: 15px;
         line-height: 1.9em;
     }
     /*News Widget Block*/
     
     .news-widget-block {
         position: relative;
         margin-bottom: 30px;
     }
     
     .news-widget-block:last-child {
         margin-bottom: 0px;
     }
     
     .news-widget-block:last-child {
         margin-bottom: 0px;
     }
     
     .news-widget-block .widget-inner {
         position: relative;
         padding-left: 100px;
         min-height: 70px;
     }
     
     .news-widget-block .widget-inner .image {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 70px;
         height: 70px;
     }
     
     .news-widget-block .widget-inner h3 {
         position: relative;
         color: #ffffff;
         font-size: 14px;
         line-height: 1.8em;
         margin-bottom: 5px;
         font-weight: 600;
     }
     
     .news-widget-block .widget-inner h3 a {
         position: relative;
         color: #ffffff;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .news-widget-block .widget-inner h3 a:hover {
         color: #cfc436;
     }
     
     .news-widget-block .widget-inner .post-date {
         position: relative;
         color: #eeeeee;
         font-size: 14px;
     }
     
     .footer-style-two .footer-bottom {
         margin-top: 80px;
     }
     
     footer .footer-bottom {
         position: relative;
         padding: 20px 0px;
         background-color: rgba(255, 255, 255, 0.10);
     }
     
     footer .footer-bottom .copyright {
         position: relative;
         color: #ffffff;
         font-size: 16px;
     }
     
     footer .footer-bottom .footer-nav {
         position: relative;
         text-align: center;
     }
     
     footer .footer-bottom .footer-nav li {
         position: relative;
         padding-left: 20px;
         margin-left: 20px;
         line-height: 1.2em;
         display: inline-block;
         border-left: 2px solid rgba(255, 255, 255, 0.40);
     }
     
     footer .footer-bottom .footer-nav li:first-child {
         border: none;
     }
     
     footer .footer-bottom .footer-nav li a {
         position: relative;
         font-size: 15px;
         text-transform: capitalize;
         color: rgba(255, 255, 255, 0.90);
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     footer .footer-bottom .footer-nav li a:hover {
         color: #cfc436;
     }
     /*Footer Style Two*/
     
     .footer-style-two {
         position: relative;
         padding-top: 90px;
         background-size: cover;
         background-repeat: no-repeat;
     }
     
     .footer-style-two:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(34, 34, 34, 0.90);
     }
     
     .footer-style-two .info-column {
         position: relative;
         margin-bottom: 60px;
     }
     
     .footer-style-two .info-column .inner-column {
         position: relative;
         padding-right: 60px;
     }
     
     .footer-style-two .info-column .sec-title {
         margin-bottom: 30px;
     }
     
     .footer-style-two .info-column .text {
         position: relative;
         color: #ffffff;
         font-size: 16px;
         line-height: 1.9em;
         margin-bottom: 50px;
     }
     
     .footer-style-two .map-column .map-canvas {
         height: 520px;
     }
     
     .p-tab.active-tab .project-block {
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
         -moz-transform: scaleY(1);
         transform: scaleY(1);
     }
     
     .p-tab .project-block {
         transition: all 0.7s ease;
         -moz-transition: all 0.7s ease;
         -webkit-transition: all 0.7s ease;
         -ms-transition: all 0.7s ease;
         -o-transition: all 0.7s ease;
         -webkit-transform: scaleY(0);
         -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
         -moz-transform: scaleY(0);
         transform: scaleY(0);
     }
     /*** ==================================================================== Call To Action ==================================================================== ***/
     
     .call-to-action-section {
         position: relative;
         padding: 48px 0px;
         background-repeat: repeat;
     }
     
     .call-to-action-section .auto-container {
         max-width: 970px;
         margin: 0 auto;
     }
     
     .call-to-action-section h2 {
         position: relative;
         color: #ffffff;
         font-size: 24px;
         font-weight: 600;
         margin-top: 10px;
         text-transform: uppercase;
     }
     /*** ==================================================================== Services Section Two ==================================================================== ***/
     
     .services-section-two {
         position: relative;
         padding: 80px 0px 80px;
     }
     
     .services-block-two {
         position: relative;
     }
     
     .services-block-two .inner-box {
         position: relative;
         overflow: hidden;
     }
     
     .services-block-two .inner-box .image {
         position: relative;
     }
     
     .services-block-two .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .services-block-two .inner-box .image .overlay-box {
         position: absolute;
         left: 0px;
         bottom: 0px;
         right: 0px;
         top: -100%;
         z-index: 2;
         opacity: 0;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         background-color: #ebebeb;
         border-bottom: 1px solid transparent;
     }
     
     .services-block-two .inner-box:hover .image .overlay-box {
         opacity: 1;
         top: 0%;
         border-bottom: 1px solid #222;
     }
     
     .services-block-two .inner-box .image .overlay-box .overlay-inner {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: table;
         vertical-align: middle;
         padding: 10px 30px;
     }
     
     .services-block-two .inner-box .image .overlay-box .overlay-inner .content {
         position: relative;
         display: table-cell;
         vertical-align: middle;
     }
     
     .services-block-two .inner-box .image .text {
         position: relative;
         color: #222;
         line-height: 1.8em;
         font-size: 15px;
         margin-bottom: 25px;
         font-weight: 500;
     }
     
     .services-block-two .inner-box .image .read-more {
         position: relative;
         color: #cfc436;
         font-size: 14px;
         font-weight: 600;
         text-transform: uppercase;
     }
     
     .services-block-two .inner-box .lower-box {
         position: relative;
         padding: 12px 0px;
         padding-left: 100px;
         background-color: #ebebeb;
     }
     
     .services-block-two .inner-box .lower-box .icon-box {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 70px;
         height: 70px;
         color: #222222;
         font-size: 34px;
         line-height: 68px;
         text-align: center;
         background-color: #cfc436;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .services-block-two .inner-box:hover .lower-box .icon-box {
         background-color: #222222;
         color: #cfc436;
     }
     
     .services-block-two .inner-box .lower-box .icon-box .icon {
         position: relative;
     }
     
     .services-block-two .inner-box .lower-box h3 {
         position: relative;
     }
     
     .services-block-two .inner-box .lower-box h3 a {
         position: relative;
         color: #222222;
         font-size: 20px;
         font-weight: 600;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .services-section-two .owl-nav {
         display: none;
     }
     
     .services-section-two .owl-dots {
         position: relative;
         text-align: center;
         margin-top: 70px;
     }
     
     .services-section-two .owl-dots .owl-dot {
         position: relative;
         width: 6px;
         height: 6px;
         margin: 0px 3px;
         display: inline-block;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         background-color: #222222;
     }
     
     .services-section-two .owl-dots .owl-dot:hover,
     .services-section-two .owl-dots .owl-dot.active {
         width: 40px;
         background-color: #cfc436;
     }
     /*** ==================================================================== Video Section ==================================================================== ***/
     
     .video-section {
         position: relative;
         padding: 90px 0px 80px;
         text-align: center;
         background-size: cover;
         background-repeat: no-repeat;
         background-attachment: fixed;
     }
     
     .video-section:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(0, 0, 0, 0.80);
     }
     
     .video-section .play-icon {
         position: relative;
         color: #cfc436;
         font-size: 76px;
         line-height: 1em;
     }
     
     .video-section .title {
         position: relative;
         color: #cfc436;
         font-size: 17px;
         margin-top: 25px;
     }
     
     .video-section h2 {
         position: relative;
         color: #ffffff;
         font-size: 48px;
         font-weight: 700;
         line-height: 1.4em;
         margin-top: 20px;
         margin-bottom: 15px;
     }
     
     .video-section .text {
         position: relative;
         color: #ffffff;
         font-size: 15px;
         line-height: 1.9em;
         text-align: center;
     }
     /* =======  Video Background  ======= */
     
     .video-fullscreen-wrap {
         height: 100vh;
         overflow: hidden;
     }
     
     .video-fullscreen-video {
         height: 100%;
     }
     
     .video-fullscreen-wrap video {
         width: 100vw;
         height: auto;
         min-width: 100%;
         min-height: 100%;
         -o-object-fit: cover;
         object-fit: cover;
     }
     
     .video-fullscreen-wrap .video-fullscreen-inner {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: right;
     }
     
     .video-lauch-wrapper {
         border: none;
         background: none;
         width: 100%;
         padding: 0;
     }
     
     .video-fullscreen-wrap .overlay {
         /*  background-image: linear-gradient(to bottom right, #000000, #000000);*/
         opacity: 1;
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         width: 100%;
         height: 100%;
         margin: 0;
         box-sizing: border-box;
         text-align: center;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         /* z-index: 4; */
     }
     
     .video-fullscreen-wrap .butn-dark a {
         color: #fff;
     }
     
     .position-relative {
         position: relative !important;
         margin-top: 142px;
     }
     /*** ==================================================================== Reason Section ==================================================================== ***/
     
     .reason-section {
         position: relative;
         padding-top: 90px;
         background-color: #f2f2f2;
     }
     
     .reason-section.style-two {
         background: none;
     }
     
     .reason-section .image-column {
         position: relative;
     }
     
     .reason-section .image-column .image {
         position: relative;
     }
     
     .reason-section .content-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .reason-section .content-column .sec-title {
         margin-bottom: 30px;
     }
     
     .reason-section .content-column .inner-column {
         position: relative;
         padding-left: 40px;
     }
     
     .reason-section .content-column .text {
         position: relative;
         color: #777777;
         font-size: 16px;
         line-height: 1.8em;
         margin-bottom: 50px;
     }
     /*Reason List*/
     
     .reason-list {
         position: relative;
     }
     
     .reason-list li {
         position: relative;
         padding-left: 75px;
         color: #222222;
         font-size: 16px;
         font-weight: 700;
         padding-top: 14px;
         margin-bottom: 50px;
         text-transform: uppercase;
     }
     
     .reason-list li .icon {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 50px;
         height: 50px;
         color: #cfc436;
         font-size: 20px;
         line-height: 48px;
         text-align: center;
         background-color: #ffffff;
         border: 1px dashed #bbbbbb;
     }
     /*** ==================================================================== Projects Section ==================================================================== ***/
     
     .project-section-two {
         position: relative;
         padding: 55px 0px 55px;
     }
     
     .project-section-two .project-block {
         margin-bottom: 30px;
     }
     
     .project-section-two .btn-box {
         margin-top: 40px;
     }
     /*** ==================================================================== Fluid Section Two ==================================================================== ***/
     
     .fluid-section-one {
         position: relative;
     }
     
     .fluid-section-one .outer-container {
         position: relative;
         min-height: 250px;
         background-color: #cfc436;
     }
     
     .fluid-section-one .image-column {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 50%;
         height: 100%;
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     
     .fluid-section-one .image-column .image-box {
         position: relative;
         display: none;
     }
     
     .fluid-section-one .image-column .image-box img {
         position: relative;
         display: block;
         width: 100%;
     }
     
     .fluid-section-one .content-column {
         position: relative;
         float: right;
         width: 50%;
     }
     
     .fluid-section-one .content-column .inner-column {
         position: relative;
         max-width: 600px;
         width: 100%;
         margin: 0 auto;
         padding: 90px 15px 70px 15px;
     }
     
     .fluid-section-one .content-column .inner-column .title {
         position: relative;
         color: #222222;
         font-size: 16px;
         font-weight: 700;
         margin-bottom: 10px;
     }
     
     .fluid-section-one .content-column .inner-column h2 {
         position: relative;
         color: #ffffff;
         font-size: 36px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 25px;
     }
     
     .fluid-section-one .content-column .inner-column .text {
         position: relative;
         color: #ffffff;
         font-size: 16px;
         line-height: 1.8em;
         margin-bottom: 30px;
         font-weight: 600;
     }
     /*Custom Select*/
     
     .form-group .ui-selectmenu-button.ui-button {
         width: 100%;
         font-size: 14px;
         font-style: normal;
         height: 50px;
         padding: 10px 18px;
         line-height: 28px;
         color: #333333;
         border-radius: 0px;
         border: 1px solid #e5e5e5;
         background: #ffffff;
     }
     
     .form-group .ui-button .ui-icon {
         background: none;
         position: relative;
         top: 2px;
         text-indent: 0px;
         color: #333333;
     }
     
     .form-group .ui-button .ui-icon:before {
         font-family: 'FontAwesome';
         content: "\f107";
         position: absolute;
         right: 0px;
         top: 2px !important;
         top: 13px;
         width: 10px;
         height: 20px;
         display: block;
         color: #333333;
         line-height: 20px;
         font-size: 16px;
         font-weight: normal;
         text-align: center;
         z-index: 5;
     }
     
     .ui-widget.ui-widget-content {
         border: 1px solid #e0e0e0;
     }
     
     .ui-menu .ui-menu-item {
         font-size: 14px;
         border-bottom: 1px solid #e0e0e0;
     }
     
     .ui-menu .ui-menu-item:last-child {
         border: none;
     }
     
     .ui-state-active,
     .ui-widget-content .ui-state-active {
         background: #844935;
         border-color: #cfc436;
     }
     
     .ui-menu .ui-menu-item-wrapper {
         position: relative;
         display: block;
         padding: 8px 20px;
         font-size: 14px;
         line-height: 24px;
     }
     
     .ui-menu-item:hover {
         background-color: #17519d;
     }
     /*** ==================================================================== Consult Form ==================================================================== ***/
     
     .consult-form {
         position: relative;
     }
     
     .consult-form .row {
         margin: 0px -8px;
     }
     
     .consult-form .row .column {
         padding: 0px 8px;
     }
     
     .consult-form .form-group {
         position: relative;
         margin-bottom: 20px;
     }
     
     .consult-form .form-group input[type="text"],
     .consult-form .form-group input[type="tel"],
     .consult-form .form-group input[type="email"],
     .consult-form .form-group select {
         position: relative;
         display: block;
         width: 100%;
         line-height: 28px;
         padding: 10px 20px;
         color: #000000;
         height: 50px;
         font-size: 15px;
         background: #ffffff;
         border: 1px solid #e1e1e1;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .consult-form .form-group input[type="text"]:focus,
     .consult-form .form-group input[type="tel"]:focus,
     .consult-form .form-group input[type="email"]:focus,
     .consult-form .form-group textarea:focus {}
     
     .consult-form .form-group textarea {
         position: relative;
         display: block;
         width: 100%;
         line-height: 22px;
         padding: 15px 20px;
         color: #797979;
         height: 120px;
         background: #ffffff;
         resize: none;
         font-size: 15px;
         border: 1px solid #e1e1e1;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .consult-form .form-group .btn-detail {
         position: relative;
         text-align: center;
         margin-left: 30px;
         color: #ffffff;
         font-weight: 600;
         display: inline-block;
     }
     
     .consult-form button {
         margin-top: 15px;
         padding: 11px 42px;
     }
     /*** ==================================================================== Price Section ==================================================================== ***/
     
     .price-section {
         position: relative;
         padding: 80px 0px 30px;
     }
     
     .price-block {
         position: relative;
         margin-bottom: 50px;
     }
     
     .price-block .inner-box {
         position: relative;
     }
     
     .price-block .inner-box .upper-box {
         position: relative;
         padding: 30px 15px;
         text-align: center;
     }
     
     .price-block .inner-box .upper-box:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(251, 185, 8, 0.90);
     }
     
     .price-block .inner-box .upper-box .title {
         position: relative;
         color: #ffffff;
         font-size: 16px;
     }
     
     .price-block .inner-box .upper-box h2 {
         position: relative;
         color: #222222;
         font-size: 36px;
         font-weight: 700;
         line-height: 1.4em;
     }
     
     .price-block .inner-box .price {
         position: relative;
         padding: 10px 0px;
         font-size: 72px;
         font-weight: 700;
         line-height: 1em;
         color: #ffffff;
         text-align: center;
         background-color: #222222;
     }
     
     .price-block .inner-box .price sub {
         position: relative;
         color: #cfc436;
         font-size: 22px;
     }
     
     .price-block .inner-box .middle-box {
         position: relative;
         text-align: center;
         padding: 50px 0px 30px;
     }
     
     .price-block .inner-box .middle-box ul {
         position: relative;
     }
     
     .price-block .inner-box .middle-box ul li {
         position: relative;
         color: #777777;
         font-size: 16px;
         margin-bottom: 20px;
     }
     
     .price-block .inner-box .purchased {
         position: relative;
         padding: 14px 0px;
         text-align: center;
         display: block;
         color: #ffffff;
         font-size: 18px;
         font-weight: 700;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         background-color: #222222;
     }
     
     .price-block .inner-box:hover .purchased {
         background-color: #cfc436;
     }
     /*** ==================================================================== Default Section ==================================================================== ***/
     
     .default-section {
         position: relative;
         padding-top: 10px;
         background-color: red;
         margin-bottom: -50px;
         background-color: red;
     }
     
     .default-section.style-two {
         background: none;
         height: 50%;
         margin-bottom: -50px;
         background-color: red;
     }
     
     .default-section .testimonial-column {
         position: relative;
         /*margin-bottom:40px;
    */
     }
     
     .default-section .testimonial-column .owl-carousel .owl-stage-outer {
         padding-top: 90px;
     }
     
     .testimonial-block-two {
         position: relative;
     }
     
     .testimonial-block-two .inner-box {
         position: relative;
         text-align: center;
         padding-bottom: 35px;
         padding-left: 35px;
         padding-right: 35px;
         border: 2px solid #f6f6f6;
     }
     
     .testimonial-block-two .inner-box .image {
         position: relative;
         margin: 0 auto;
         width: 141px;
         margin-top: -92px;
     }
     
     .testimonial-block-two .inner-box h3 {
         position: relative;
         color: #1a1d1f;
         font-size: 20px;
         font-weight: 700;
         margin-top: 20px;
         margin-bottom: 10px;
     }
     
     .testimonial-block-two .inner-box .quote-icon {
         position: relative;
     }
     
     .testimonial-block-two .inner-box .quote-icon .icon img {
         position: relative;
         width: auto;
         margin: 0 auto;
         display: none;
     }
     
     .testimonial-block-two .inner-box .text {
         position: relative;
         color: #666666;
         font-size: 16px;
         line-height: 1.8em;
         margin-bottom: 12px;
     }
     
     .testimonial-block-two .inner-box .rating {
         position: relative;
         color: #cfc436;
         font-size: 16px;
         margin-bottom: 6px;
     }
     
     .testimonial-block-two .inner-box .post-date {
         position: relative;
         color: #666666;
         font-size: 16px;
     }
     
     .default-section .testimonial-column .owl-dots {
         display: none;
     }
     
     .default-section .testimonial-column .owl-nav {
         position: absolute;
         left: 50%;
         top: 35px;
         max-width: 270px;
         width: 100%;
         margin-left: -135px;
     }
     
     .default-section .testimonial-column .owl-nav .owl-prev,
     .default-section .testimonial-column .owl-nav .owl-next {
         position: absolute;
         font-size: 24px;
         color: #1a1d1f;
         display: inline-block;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .default-section .testimonial-column .owl-nav .owl-prev .fa::before {
         content: '\f177';
         font-family: 'FontAwesome';
     }
     
     .default-section .testimonial-column .owl-nav .owl-next .fa::before {
         content: '\f178';
         font-family: 'FontAwesome';
     }
     
     .default-section .testimonial-column .owl-nav .owl-next {
         right: 0px;
     }
     
     .default-section .testimonial-column .owl-nav .owl-prev:hover,
     .default-section .testimonial-column .owl-nav .owl-next:hover {
         color: #cfc436;
     }
     
     .default-section .news-column {
         position: relative;
     }
     
     .default-section .news-column .inner-column .owl-dots {
         position: relative;
         display: none;
     }
     
     .default-section .news-column .inner-column .owl-nav {
         position: absolute;
         right: 0px;
         top: -100px;
     }
     
     .default-section .news-column .inner-column .owl-nav .owl-prev,
     .default-section .news-column .inner-column .owl-nav .owl-next {
         position: relative;
         width: 30px;
         height: 30px;
         color: #1a1d1f;
         font-size: 18px;
         line-height: 26px;
         text-align: center;
         margin-left: 8px;
         display: inline-block;
         border: 2px solid #1a1d1f;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .default-section .news-column .inner-column .owl-nav .owl-prev:hover,
     .default-section .news-column .inner-column .owl-nav .owl-next:hover {
         color: #cfc436;
         border-color: #cfc436;
     }
     /*News Block Two*/
     
     .news-block-two {
         position: relative;
         margin-bottom: 40px;
     }
     
     .news-block-two .inner-box {
         position: relative;
     }
     
     .news-block-two .inner-box .image-column {
         position: relative;
     }
     
     .news-block-two .inner-box .image-column .image {
         position: relative;
     }
     
     .news-block-two .inner-box .image-column .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .news-block-two .inner-box .content-column {
         position: relative;
     }
     
     .news-block-two .inner-box .content-column .inner-content {
         position: relative;
         padding-top: 3px;
     }
     
     .news-block-two .inner-box .content-column h3 {
         position: relative;
         font-size: 20px;
         font-weight: 700;
         line-height: 1.4em;
     }
     
     .news-block-two .inner-box .content-column h3 a {
         position: relative;
         color: #222222;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .news-block-two .inner-box .content-column h3 a:hover {
         color: #cfc436;
     }
     
     .news-block-two .inner-box .content-column .text {
         position: relative;
         color: #666666;
         font-size: 16px;
         line-height: 1.6em;
         margin-top: 10px;
         margin-bottom: 8px;
     }
     
     .news-block-two .inner-box .content-column .post-meta {
         position: relative;
     }
     
     .news-block-two .inner-box .content-column .post-meta li {
         position: relative;
         color: #666666;
         font-size: 14px;
         margin-right: 14px;
         display: inline-block;
     }
     
     .news-block-two .inner-box .content-column .post-meta li .icon {
         position: relative;
         margin-right: 8px;
         color: #cfc436;
     }
     /*** ==================================================================== About Section Two ==================================================================== ***/
     
     .about-section-two {
         position: relative;
         padding: 80px 0px 40px;
     }
     
     .about-section-two .content-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .about-section-two .content-column .inner-column {
         position: relative;
     }
     
     .about-section-two .content-column .inner-column .sec-title {
         position: relative;
         margin-bottom: 20px;
     }
     
     .about-section-two .content-column .inner-column .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.9em;
         margin-bottom: 40px;
     }
     /* Reason List Two */
     
     .reason-list-two {
         position: relative;
     }
     
     .reason-list-two li {
         position: relative;
         padding-left: 45px;
         color: #222222;
         font-size: 16px;
         font-weight: 700;
         margin-bottom: 25px;
         text-transform: capitalize;
     }
     
     .reason-list-two li .icon {
         position: absolute;
         left: 0px;
         top: 0px;
         color: #cfc436;
         font-size: 20px;
         font-weight: 400;
     }
     /*About Block*/
     
     .about-block {
         position: relative;
         margin-bottom: 30px;
     }
     
     .about-block .inner-box {
         position: relative;
     }
     
     .about-block .inner-box .image {
         position: relative;
     }
     
     .about-block .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .about-block .inner-box .lower-content {
         position: relative;
         padding-top: 25px;
     }
     
     .about-block .inner-box .lower-content h3 {
         position: relative;
         font-size: 20px;
         font-weight: 400;
         font-weight: 700;
         margin-bottom: 10px;
     }
     
     .about-block .inner-box .lower-content h3 a {
         position: relative;
         color: #222222;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .about-block .inner-box .lower-content .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.9em;
     }
     
     .about-block .inner-box .lower-content h3 a:hover {
         color: #cfc436;
     }
     /*** ==================================================================== Offer Section ==================================================================== ***/
     
     .offer-section {
         position: relative;
         padding: 90px 0px;
     }
     
     .offer-section .auto-container {
         position: relative;
     }
     
     .offer-section .sec-title {
         margin-bottom: 40px;
     }
     
     .offer-section .side-image {
         position: absolute;
         right: -120px;
         bottom: 0px;
     }
     /*Offer Tab*/
     
     .offer-section .offer-tabs {
         position: relative;
         padding-right: 250px;
     }
     
     .offer-section .offer-tabs .tab-btns {
         position: relative;
     }
     
     .offer-section .offer-tabs .tab-btns .tab-btn {
         position: relative;
         display: block;
         font-size: 14px;
         color: #222222;
         font-weight: 700;
         cursor: pointer;
         line-height: 1.6em;
         padding: 17px 30px 17px 30px;
         transition: all 500ms ease;
         text-transform: uppercase;
         border-top: 1px solid #acacac;
         border-left: 10px solid transparent;
     }
     
     .offer-section .offer-tabs .tab-btns .tab-btn:last-child {
         border-bottom: 1px solid #acacac;
     }
     
     .offer-section .offer-tabs .tab-btns .tab-btn.active-btn,
     .offer-section .offer-tabs .tab-btns .tab-btn:hover {
         color: #cfc436;
         border-left-color: #cfc436;
     }
     
     .offer-section .offer-tabs .tabs-content {
         position: relative;
     }
     
     .offer-section .offer-tabs .tabs-content .tab {
         position: relative;
         display: none;
     }
     
     .offer-section .offer-tabs .tabs-content .tab .content .image img {
         width: 100%;
         display: block;
     }
     
     .offer-section .offer-tabs .tabs-content .tab.active-tab {
         display: block;
     }
     
     .offer-section .offer-tabs .tabs-content .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.9em;
         margin-bottom: 40px;
     }
     /*** ==================================================================== Faq Section ==================================================================== ***/
     
     .faq-section {
         position: relative;
         padding: 90px 0px 90px;
     }
     
     .faq-section .image-column {
         position: relative;
     }
     
     .faq-section .image-column .image {
         position: relative;
         text-align: center;
     }
     
     .faq-section .image-column .image img {
         position: relative;
         max-width: 100%;
         display: inline-block;
     }
     
     .faq-section .content-column {
         position: relative;
     }
     
     .faq-section .content-column .inner-column {
         position: relative;
     }
     
     .faq-section .content-column .sec-title {
         margin-bottom: 25px;
     }
     /*** ==================================================================== Accordion Style ==================================================================== ***/
     
     .accordion-box {
         position: relative;
     }
     
     .accordion-box .block {
         position: relative;
         margin-bottom: 20px;
     }
     
     .accordion-box .block .acc-btn {
         position: relative;
         font-size: 12px;
         cursor: pointer;
         line-height: 30px;
         color: #222222;
         font-weight: 600;
         border-radius: 0px;
         /*background-color:#f4f4f4;
    */
         padding: 10px 45px 10px 40px;
         transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         border: 1px solid #f5f5f5;
     }
     
     .accordion-box .block .acc-btn.active {
         background-color: #cfc436;
         border-color: #cfc436;
     }
     
     .accordion-box .block .icon-outer {
         position: absolute;
         right: 15px;
         top: 10px;
         font-size: 18px;
         color: #242424;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .accordion-box .block .icon-outer .icon {
         position: absolute;
         right: 0px;
         width: 28px;
         height: 28px;
         font-size: 16px;
         font-weight: 300;
         text-align: center;
     }
     
     .accordion-box .block .icon-outer .icon-plus {
         opacity: 1;
     }
     
     .accordion-box .block .icon-outer .icon-minus {
         opacity: 0;
         font-weight: 300;
     }
     
     .accordion-box .block .acc-btn.active .icon-outer .icon-minus {
         opacity: 1;
         background: none;
     }
     
     .accordion-box .block .acc-btn.active .icon-outer .icon-plus {
         opacity: 0;
     }
     
     .accordion-box .block .acc-content {
         position: relative;
         display: none;
     }
     
     .accordion-box .block .acc-content .content-text {
         padding-bottom: 6px;
     }
     
     .accordion-box .block .acc-content.current {
         display: block;
     }
     
     .accordion-box .block .content {
         position: relative;
         font-size: 14px;
         padding: 20px 20px 10px 20px;
     }
     
     .accordion-box .block .content .text {
         margin-bottom: 0px;
         line-height: 1.8em;
         font-size: 12px;
         color: #666666;
     }
     
     .accordion-box .block .content p:last-child {
         margin-bottom: 0px;
     }
     /*** ==================================================================== Comming Soon Section ==================================================================== ***/
     
     .comming-soon-section {
         position: relative;
         padding: 80px 0px 40px;
         background-attachment: fixed;
         background-size: cover;
         background-repeat: no-repeat;
     }
     
     .comming-soon-section .title-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .comming-soon-section .title-column .sec-title {
         position: relative;
         margin-bottom: 20px;
     }
     
     .comming-soon-section .title-column .text {
         position: relative;
         color: #ffffff;
         font-size: 15px;
         line-height: 1.9em;
     }
     
     .comming-soon-section .content-column {
         position: relative;
     }
     
     .comming-soon-section .content-column .inner-column {
         position: relative;
         padding-top: 35px;
     }
     
     .comming-soon-section .content-column .text {
         position: relative;
         color: #cfc436;
         font-size: 15px;
         font-weight: 700;
         letter-spacing: 5px;
         margin-bottom: 20px;
     }
     /*** ==================================================================== Countdown style ==================================================================== ***/
     
     .time-counter {
         position: relative;
     }
     
     .time-counter .time-countdown {
         position: relative;
     }
     
     .time-counter .time-countdown .counter-column {
         position: relative;
         margin-left: 20px;
         width: 170px;
         height: 170px;
         text-align: center;
         display: inline-block;
         padding: 30px 0px 10px;
         border: 5px solid #ffffff;
         color: #ffffff;
         font-size: 18px;
         line-height: 30px;
         text-transform: uppercase;
         font-weight: 300;
         border-radius: 50%;
         margin: 0 auto;
         margin: 0px 55px 40px;
     }
     
     .time-counter .time-countdown .counter-column .count {
         position: relative;
         display: block;
         font-size: 60px;
         line-height: 40px;
         padding: 10px 10px;
         color: #cfc436;
         letter-spacing: 1px;
         font-weight: 700;
     }
     /*** ==================================================================== Subscribe Section ==================================================================== ***/
     
     .subscribe-section {
         position: relative;
         padding: 46px 0px 55px;
         overflow: hidden;
         background-color: #cfc436;
     }
     
     .subscribe-section:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 50%;
         height: 100%;
         display: block;
         background-color: #333333;
     }
     
     .subscribe-section .title-column .icon-box {
         position: absolute;
         content: '';
         right: -55px;
         top: -22px;
         width: 140px;
         height: 140px;
         z-index: 1;
         text-align: center;
     }
     
     .subscribe-section .title-column .icon-box .icon {
         position: relative;
         color: #ffffff;
         line-height: 105px;
         font-size: 50px;
         margin-left: 28px;
     }
     
     .subscribe-section .title-column .icon-box:before {
         position: absolute;
         content: '';
         right: 0px;
         top: 0px;
         width: 110px;
         height: 110px;
         transform: rotate(-45deg);
         background-color: #222222;
         transition: all 2000ms ease;
         -moz-transition: all 2000ms ease;
         -webkit-transition: all 2000ms ease;
         -ms-transition: all 2000ms ease;
         -o-transition: all 2000ms ease;
         box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.80);
     }
     
     .subscribe-section:hover .title-column .icon-box:before {
         transform: rotate(135deg);
     }
     
     .subscribe-section h2 {
         position: relative;
         color: #cfc436;
         font-size: 30px;
         font-weight: 700;
         line-height: 1.2em;
     }
     
     .subscribe-section .text {
         position: relative;
         color: #ffffff;
         z-index: 9;
         margin-top: 5px;
         font-size: 15px;
     }
     
     .subscribe-section .form-column {
         position: relative;
     }
     
     .subscribe-section .form-column .inner-column {
         position: relative;
         padding-left: 80px;
     }
     
     .subscribe-form .form-group {
         position: relative;
         display: block;
         margin: 0px;
         width: 100%;
         z-index: 1;
         margin-top: 8px;
     }
     
     .subscribe-form .form-group input[type="text"],
     .subscribe-form .form-group input[type="tel"],
     .subscribe-form .form-group input[type="email"],
     .subscribe-form .form-group textarea {
         position: relative;
         display: block;
         width: 100%;
         line-height: 28px;
         height: 50px;
         font-size: 14px;
         color: #777777;
         font-weight: 400;
         background: #ffffff;
         padding: 10px 50px 10px 20px;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .subscribe-form .form-group input[type="submit"],
     .subscribe-form button {
         position: absolute;
         right: 0px;
         top: 0px;
         height: 50px;
         line-height: 40px;
         color: #ffffff;
         font-size: 14px;
         text-align: center;
         font-weight: 700;
         padding: 0px 28px;
         background: #333333;
         letter-spacing: 1px;
         text-transform: uppercase;
     }
     /*** ==================================================================== Products Section ==================================================================== ***/
     
     .products-section {
         position: relative;
         padding: 80px 0px 90px;
     }
     
     .products-section .auto-container {
         position: relative;
     }
     
     .products-section .title-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .products-section .title-column .inner-column {
         position: relative;
     }
     
     .products-section .title-column .sec-title {
         margin-bottom: 25px;
     }
     
     .products-section .title-column .text {
         position: relative;
         line-height: 1.8em;
         color: #777777;
         font-size: 16px;
     }
     
     .products-section .products-column {
         position: static;
     }
     
     .products-section .products-column .inner-column .owl-carousel {
         position: static;
     }
     
     .products-section .products-column .owl-dots {
         display: none;
     }
     
     .products-section .products-column .owl-nav {
         position: absolute;
         left: 15px;
         bottom: 0px;
     }
     
     .products-section .products-column .owl-nav .owl-prev,
     .products-section .products-column .owl-nav .owl-next {
         position: relative;
         width: 40px;
         height: 40px;
         color: #222222;
         line-height: 38px;
         text-align: center;
         margin-right: 10px;
         font-size: 20px;
         display: inline-block;
         border: 1px dashed #222222;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .products-section .products-column .owl-nav .owl-prev:hover,
     .products-section .products-column .owl-nav .owl-next:hover {
         color: #cfc436;
         border-color: #cfc436;
     }
     
     .product-block {
         position: relative;
     }
     
     .product-block .inner-box {
         position: relative;
         text-align: center;
     }
     
     .product-block .inner-box .image {
         position: relative;
         padding: 30px 0px;
         border: 1px solid #f6f5f5;
     }
     
     .product-block .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .product-block .inner-box .lower-content {
         position: relative;
         padding-top: 20px;
     }
     
     .product-block .inner-box .lower-content .price {
         position: relative;
         font-size: 18px;
         font-weight: 700;
         color: #222222;
         margin-bottom: 15px;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .product-block .inner-box .lower-content .price span {
         color: #cfc436;
         font-size: 13px;
         text-decoration: line-through;
     }
     /*** ==================================================================== Factory Section ==================================================================== ***/
     
     .factory-section {
         position: relative;
         padding: 1px 0px 55px;
     }
     
     .factory-section .content-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .factory-section .content-column .inner-column {
         position: relative;
         /*padding-right:100px;
    */
     }
     
     .factory-section .content-column .inner-column h2 {
         position: relative;
         color: #000000;
         font-size: 36px;
         font-weight: 700;
         margin-top: 20px;
         margin-bottom: 20px;
     }
     
     .factory-section .content-column .inner-column .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.9em;
         margin-bottom: 30px;
     }
     
     .factory-section .content-column .inner-column .icons-box {
         position: relative;
     }
     
     .factory-section .content-column .inner-column .icons-box .icon {
         position: relative;
         font-size: 60px;
         line-height: 1em;
         color: #000000;
         margin-right: 30px;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .factory-section .content-column .inner-column .icons-box .icon:hover {
         color: #cfc436;
     }
     /*Video Box*/
     
     .video-box {
         position: relative;
         z-index: 1;
     }
     
     .video-box .image {
         position: relative;
         overflow: hidden;
     }
     
     .video-box .image img {
         position: relative;
         width: 100%;
     }
     
     .video-box .overlay-box {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         text-align: center;
         overflow: hidden;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         background: rgba(0, 0, 0, 0.60);
     }
     
     .video-box:hover .overlay-box {
         z-index: 1;
         background: rgba(0, 0, 0, 0.20);
     }
     
     .video-box .overlay-box span {
         position: relative;
         width: 60px;
         height: 60px;
         top: 25%;
         z-index: 99;
         color: #ffffff;
         font-weight: 400;
         font-size: 80px;
         margin-top: -30px;
         text-align: center;
         border-radius: 50%;
     }
     /*** ==================================================================== Construction Section ==================================================================== ***/
     
     .construction-section {
         position: relative;
         padding: 60px 0px;
         overflow: hidden;
     }
     
     .construction-section .content-column {
         position: relative;
     }
     
     .construction-section .content-column:after {
         position: absolute;
         right: -140px;
         top: -60px;
         height: 100%;
         content: '';
         z-index: 1;
         border-top: 300px solid #cfc436;
         border-right: 130px solid transparent;
         border-left: 75px solid #cfc436;
     }
     
     .construction-section:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 50%;
         z-index: 1;
         height: 100%;
         display: block;
         background-color: #cfc436;
     }
     
     .construction-section:after {
         position: absolute;
         content: '';
         right: 0px;
         top: 0px;
         width: 60%;
         height: 100%;
         background: url(../images/footer.jpeg) no-repeat;
     }
     
     .construction-section .content-column h2 {
         position: relative;
         color: #ffffff;
         font-size: 30px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 15px;
         z-index: 2;
     }
     
     .construction-section .content-column .text {
         position: relative;
         color: #222222;
         font-size: 18px;
         z-index: 2;
         line-height: 1.6em;
         margin-right: 60px;
         margin-bottom: 12px;
     }
     
     .construction-section .content-column .number {
         position: relative;
         color: #222222;
         font-size: 24px;
         z-index: 1;
         font-style: italic;
         font-weight: 700;
         margin-right: 60px;
         display: inline-block;
     }
     
     .construction-section .content-column .number span {
         position: relative;
         color: #222222;
         font-size: 24px;
         margin-left: 40px;
         z-index: 1;
     }
     
     .construction-section .content-column .inner-column .theme-btn {
         display: inline-block;
         position: relative;
         z-index: 9;
     }
     /*Main Footer Three*/
     
     .main-footer-three {
         position: relative;
         overflow: hidden;
     }
     
     .main-footer-three .widgets-section {
         position: relative;
         padding: 80px 0px 50px;
     }
     
     .main-footer-three .footer-widget {
         position: relative;
         margin-bottom: 40px;
     }
     
     .main-footer-three .footer-widget h2 {
         position: relative;
         font-weight: 600;
         font-size: 20px;
         color: #ffffff;
         margin-bottom: 30px;
     }
     
     .main-footer-three .logo-widget:before {
         position: absolute;
         content: '';
         right: 0px;
         top: -400px;
         width: 100000%;
         height: 10000%;
         background-color: #222222;
     }
     
     .main-footer-three .logo {
         position: relative;
         margin-bottom: 25px;
     }
     
     .main-footer-three .text {
         position: relative;
         color: #eeeeee;
         font-size: 14px;
         line-height: 1.9em;
         margin-bottom: 20px;
     }
     /*** ==================================================================== subscribe-form ==================================================================== ***/
     
     .subscribe-form-two {
         position: relative;
     }
     
     .subscribe-form-two form {
         position: relative;
     }
     
     .subscribe-form-two .form-group {
         position: relative;
     }
     
     .subscribe-form-two .form-group input[type="text"],
     .subscribe-form-two .form-group input[type="tel"],
     .subscribe-form-two .form-group input[type="email"],
     .subscribe-form-two .form-group textarea {
         position: relative;
         width: 100%;
         line-height: 28px;
         padding: 10px 25px;
         height: 50px;
         display: inline-block;
         font-size: 14px;
         background: none;
         font-weight: 400;
         color: #ffffff;
         border-radius: 50px;
         border: 1px solid rgba(255, 255, 255, 1);
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .subscribe-form-two .form-group input::-webkit-input-placeholder {
         color: #ffffff;
     }
     
     .subscribe-form-two .form-group .subscribe-btn {
         position: absolute;
         width: 60px;
         height: 50px;
         top: 0px;
         right: 0px;
         float: right;
         color: #ffffff;
         font-size: 18px;
         font-weight: 400;
         text-align: center;
         padding: 0px;
         display: inline-block;
         background: #cfc436;
         border-radius: 0px 50px 50px 0px;
     }
     
     .footer-bottom-two {
         position: relative;
         padding: 20px 0px;
         background-color: #000000;
     }
     
     .footer-bottom-two .copyright {
         position: relative;
         color: #ffffff;
         font-size: 16px;
     }
     
     .footer-bottom-two .footer-nav {
         position: relative;
         text-align: center;
     }
     
     .footer-bottom-two .footer-nav li {
         position: relative;
         padding-left: 20px;
         margin-left: 20px;
         line-height: 1.2em;
         display: inline-block;
         border-left: 2px solid rgba(255, 255, 255, 0.40);
     }
     
     .footer-bottom-two .footer-nav li:first-child {
         border: none;
     }
     
     .footer-bottom-two .footer-nav li a {
         position: relative;
         font-size: 15px;
         color: #eeeeee;
         text-transform: capitalize;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .footer-bottom-two .footer-nav li a:hover {
         color: #cfc436;
     }
     /*** ==================================================================== Hidden Sidebar style ==================================================================== ***/
     
     .hidden-bar {
         position: fixed;
         top: 0;
         width: 305px;
         height: 100%;
         background: #272727;
         z-index: 9999;
         transition: all 700ms ease;
         -webkit-transition: all 700ms ease;
         -ms-transition: all 700ms ease;
         -o-transition: all 700ms ease;
         -moz-transition: all 700ms ease;
     }
     
     .hidden-bar .mCSB_inside>.mCSB_container {
         margin-right: 0px;
     }
     
     .hidden-bar.right-align {
         right: -400px;
     }
     
     .hidden-bar.right-align.visible-sidebar {
         right: 0px;
     }
     
     .hidden-bar.left-align {
         left: 0px;
     }
     
     .hidden-bar .hidden-bar-closer {
         position: absolute;
         top: 10px;
         right: 15px;
         background: none;
         color: #ffffff;
         transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         z-index: 999999;
     }
     
     .hidden-bar .hidden-bar-closer:hover {
         color: #414857;
     }
     
     .hidden-bar .hidden-bar-closer:hover .btn {
         color: #ffffff;
     }
     
     .hidden-bar .hidden-bar-closer .btn {
         background-color: transparent;
         border: none;
         color: #ffffff;
         outline: none;
         font-size: 14px;
     }
     
     .hidden-bar .social-icons {
         text-align: center;
         margin: 50px 0px 30px;
     }
     
     .hidden-bar .social-icons ul {
         font-size: 0;
         margin-left: -5px;
         margin-right: -5px;
     }
     
     .hidden-bar .social-icons ul li {
         display: inline-block;
         padding: 0 5px;
     }
     
     .hidden-bar .social-icons ul li a {
         display: block;
         width: 36px;
         height: 36px;
         font-size: 16px;
         line-height: 36px;
         text-align: center;
         background: #414857;
         color: #ffffff;
         border-radius: 5px;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .hidden-bar .social-icons ul li a:hover {
         background: #ffffff;
         color: #414857;
     }
     
     .hidden-bar .logo {
         padding: 40px 30px;
     }
     
     .hidden-bar .logo img {
         display: inline-block;
         max-width: 100%;
     }
     
     .hidden-bar .side-menu {
         background-color: transparent;
         padding: 0;
         font-size: 13px;
         letter-spacing: 1px;
     }
     
     .hidden-bar .side-menu ul li ul a {
         background: transparent;
     }
     
     .hidden-bar .side-menu ul li ul li ul li a {
         background: transparent;
     }
     
     .hidden-bar .side-menu a.current {
         color: #ffffff;
     }
     
     .hidden-bar .side-menu ul li a {
         background: transparent;
         color: #ffffff;
         display: block;
         font-size: 14px;
         font-weight: 400;
         text-transform: capitalize;
         border-top: 1px solid rgba(255, 255, 255, 0.30);
         border-bottom: 1px solid rgba(255, 255, 255, 0.30);
         padding: 10px 15px 10px 20px;
         position: relative;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .hidden-bar .side-menu ul li a:hover,
     .hidden-bar .side-menu ul>li.current>a,
     .hidden-bar .side-menu ul>li>ul>li.current>a {
         background: rgba(255, 255, 255, 0.10);
         color: #ffffff;
     }
     
     .hidden-bar .side-menu ul li a .btn.expander {
         background: none;
         color: #ffffff;
         border: 1px solid rgba(255, 255, 255, 0.80);
         padding: 5px 10px;
         font-size: 14px;
         border-radius: 0px;
         position: absolute;
         top: 6px;
         right: 20px;
         width: 32px;
         height: 32px;
         outline: none;
     }
     /*** ==================================================================== Page Title ==================================================================== ***/
     
     .page-title {
         position: relative;
         padding: 200px 0px 0px;
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center;
         overflow: hidden;
     }
     
     .page-title .auto-container {
         position: relative;
         padding: 100px 0px 0px;
     }
     
     .page-title h1 {
         position: relative;
         color: #ffffff;
         font-size: 36px;
         font-weight: 700;
         line-height: 1.2em;
         margin-bottom: 90px;
         text-transform: capitalize;
         margin-left: 20px;
     }
     
     .page-breadcrumb {
         position: relative;
         left: 0px;
         bottom: 0px;
         display: inline-block;
         padding: 15px 45px 15px 0px;
         background-color: rgba(0, 0, 0, 0.40);
         border-right: 4px solid #cfc436;
         margin-left: 20px;
     }
     
     .page-breadcrumb:after {
         position: absolute;
         content: '';
         right: 100%;
         top: 0px;
         width: 200000px;
         height: 100%;
         display: block;
         background-color: rgba(0, 0, 0, 0.40);
     }
     
     .page-breadcrumb li {
         position: relative;
         display: inline-block;
         margin-right: 10px;
         padding-right: 15px;
         color: #cfc436;
         font-size: 14px;
         font-weight: 400;
         text-transform: uppercase;
     }
     
     .page-breadcrumb li:first-child::after {
         position: absolute;
         content: '-';
         right: -3px;
         top: -1px;
         color: #ffffff;
         font-size: 18px;
     }
     
     .page-breadcrumb li:last-child {
         padding-right: 0px;
         margin-right: 0px;
     }
     
     .page-breadcrumb li a {
         color: #ffffff;
         font-weight: 500;
         text-transform: uppercase;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .page-breadcrumb li a:hover {
         color: #cfc436;
     }
     /*** ==================================================================== Services Section Three ==================================================================== ***/
     
     .services-section-three {
         position: relative;
         padding: 90px 0px 70px;
     }
     
     .services-section-three .services-block-two {
         margin-bottom: 30px;
     }
     /*** ==================================================================== Sidebar Page Container ==================================================================== ***/
     
     .sidebar-page-container {
         position: relative;
         padding: 80px 0px 40px;
     }
     
     .sidebar-page-container .content-side,
     .sidebar-page-container .sidebar-side {
         margin-bottom: 40px;
     }
     
     .sidebar-widget {
         position: relative;
         margin-bottom: 40px;
     }
     
     .sidebar-widget h2 {
         position: relative;
         color: #222222;
         font-size: 24px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 30px;
     }
     /*Blog Category*/
     
     .blog-cat {
         position: relative;
         border: 1px solid #dddddd;
     }
     
     .blog-cat li {
         position: relative;
     }
     
     .blog-cat li:last-child a {
         border-bottom: none;
     }
     
     .blog-cat li a {
         position: relative;
         color: #222222;
         font-size: 14px;
         font-weight: 700;
         display: block;
         padding: 18px 15px 18px 38px;
         border-bottom: 1px solid #dddddd;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         font-family: 'Raleway', sans-serif;
     }
     
     .blog-cat li a:before {
         position: absolute;
         content: '\f105';
         right: 22px;
         top: 15px;
         color: #222222;
         font-size: 18px;
         font-family: 'FontAwesome';
     }
     
     .blog-cat li.active a,
     .blog-cat li a:hover {
         color: #ffffff;
         background-color: #cfc436;
     }
     /*Brochure Box*/
     
     .brochure-box {
         position: relative;
         margin-bottom: 20px;
         padding: 20px 15px 20px 30px;
         border: 1px solid #dddddd;
         background-color: #f3f3f3;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .brochure-box .inner {
         position: relative;
         padding-left: 30px;
     }
     
     .brochure-box .overlay-link {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
     }
     
     .brochure-box .inner .icon {
         position: absolute;
         left: 0px;
         top: 0px;
         color: #222222;
         font-size: 20px;
         font-weight: 300;
     }
     
     .brochure-box .inner .text {
         position: relative;
         font-size: 16px;
         font-weight: 600;
         color: #666666;
         font-family: 'Raleway', sans-serif;
     }
     
     .brochure-box:hover {
         color: #ffffff;
         border-color: #ffb902;
         background-color: #ffb902;
     }
     
     .service-single {
         position: relative;
     }
     
     .service-single .inner-box {
         position: relative;
     }
     
     .service-single .inner-box .image {
         position: relative;
     }
     
     .service-single .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .service-single .inner-box .lower-content {
         position: relative;
         padding-top: 40px;
     }
     
     .service-single .inner-box .lower-content h2 {
         position: relative;
         font-weight: 700;
         font-size: 30px;
         color: #222222;
         margin-bottom: 15px;
     }
     
     .service-single .inner-box .lower-content h3 {
         position: relative;
         font-weight: 700;
         font-size: 24px;
         color: #222222;
         margin-bottom: 15px;
     }
     
     .service-single .inner-box .lower-content .text {
         position: relative;
     }
     
     .service-single .inner-box .lower-content .text p {
         position: relative;
         color: #777777;
         font-size: 16px;
         line-height: 1.8em;
         margin-bottom: 20px;
     }
     
     .service-single .inner-box .lower-content .service-quote {
         position: relative;
         padding: 40px 45px;
         margin-top: 40px;
         margin-bottom: 50px;
         background-color: #ebebeb;
     }
     
     .service-single .inner-box .lower-content .service-quote .quote-text {
         position: relative;
         color: #666666;
         font-size: 15px;
         line-height: 1.7em;
         margin-bottom: 18px;
     }
     
     .service-single .inner-box .lower-content .service-quote .quote-author {
         position: relative;
         font-weight: 600;
         font-size: 15px;
         color: #222222;
         text-align: right;
     }
     /*** ==================================================================== Service Tabs Style ==================================================================== ***/
     
     .service-single .service-tabs {
         position: relative;
     }
     
     .service-single .service-tabs .tab-btns {
         position: relative;
         z-index: 1;
         border-bottom: 1px solid #dddddd;
     }
     
     .service-single .service-tabs .tab-btns .tab-btn {
         position: relative;
         top: 1px;
         display: block;
         float: left;
         margin-right: 5px;
         font-size: 16px;
         background: #f3f3f3;
         color: #222222;
         text-transform: capitalize;
         font-weight: 600;
         line-height: 24px;
         cursor: pointer;
         border: 1px solid transparent;
         padding: 11px 22px 9px;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         font-family: 'Raleway', sans-serif;
     }
     
     .service-single .service-tabs .tab-btns .tab-btn:hover:after,
     .service-single .service-tabs .tab-btns .tab-btn.active-btn:after {
         position: absolute;
         content: '';
         left: 0px;
         bottom: -3px;
         width: 100%;
         height: 5px;
         background-color: #ffffff;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .service-single .service-tabs .tab-btns .tab-btn:hover,
     .service-single .service-tabs .tab-btns .tab-btn.active-btn {
         color: #cfc436;
         border-color: #e2e2e2;
         background: #ffffff;
     }
     
     .service-single .service-tabs .tabs-content {
         position: relative;
         padding: 22px 22px 22px;
         border: 1px solid #dddddd;
         border-top: 0px;
     }
     
     .service-single .service-tabs .tabs-content .tab {
         position: relative;
         display: none;
         border-top: 0px;
     }
     
     .service-single .service-tabs .tabs-content .tab.active-tab {
         display: block;
     }
     
     .service-single .service-tabs .tabs-content .tab .content {
         position: relative;
     }
     
     .service-single .service-tabs .tabs-content .tab .content p {
         position: relative;
         font-size: 15px;
         line-height: 1.8em;
         color: #666666;
         margin-bottom: 10px;
     }
     /*** ==================================================================== Gallery Page Section ==================================================================== ***/
     
     .project-page-section {
         position: relative;
         /*padding:80px 0px;
    */
     }
     
     .project-page-section .btn-box {
         margin-top: 50px;
     }
     
     .project-page-section .filters {
         position: relative;
     }
     
     .project-page-section .filters .filter-tabs {
         position: relative;
         margin-bottom: 40px;
         text-align: center;
     }
     
     .project-page-section .filters .filter-tabs .filter {
         position: relative;
         color: #222222;
         font-size: 14px;
         cursor: pointer;
         margin-bottom: 15px;
         font-weight: 400;
         margin: 0px 15px;
         display: inline-block;
         text-transform: uppercase;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .project-page-section .filters .filter-tabs .filter.active,
     .project-page-section .filters .filter-tabs .filter:hover {
         color: #cfc436;
     }
     
     .project-page-section .project-block {
         margin-bottom: 30px;
     }
     
     .project-block.mix {
         display: none;
     }
     /*** ==================================================================== Project Single Section ==================================================================== ***/
     
     .project-single-section {
         position: relative;
         /*padding:80px 0px 60px;
    */
     }
     
     .project-single-section .upper-section {
         position: relative;
     }
     
     .project-single-section .upper-section .image-column {
         position: relative;
         margin-bottom: 30px;
     }
     
     .project-single-section .upper-section .image-column .image {
         position: relative;
     }
     
     .project-single-section .upper-section .image-column .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .project-single-section .upper-section .info-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .project-single-section .upper-section .info-column .inner-column {
         position: relative;
     }
     
     .project-single-section .upper-section .info-column h2 {
         position: relative;
         color: #222222;
         font-size: 24px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 10px;
     }
     
     .project-single-section .upper-section .info-column .text {
         position: relative;
         color: #666666;
         font-size: 14px;
         line-height: 1.8em;
         margin-bottom: 18px;
     }
     
     .project-single-section .upper-section .info-column .info-list {
         position: relative;
     }
     
     .project-single-section .upper-section .info-column .info-list li {
         position: relative;
         margin-bottom: 6px;
         color: #666666;
         font-size: 14px;
         font-weight: 400;
     }
     
     .project-single-section .upper-section .info-column .info-list li span {
         color: #222222;
         font-weight: 700;
         width: 180px;
         display: inline-block;
     }
     
     .project-single-section .lower-section {
         position: relative;
     }
     
     .project-single-section .lower-section .content-column {
         position: relative;
     }
     
     .project-single-section .lower-section .content-column h2 {
         position: relative;
         color: #222222;
         font-size: 30px;
         line-height: 1.6em;
         font-weight: 700;
         margin-bottom: 15px;
     }
     
     .project-single-section .lower-section .content-column .text {
         position: relative;
     }
     
     .project-single-section .lower-section .content-column .text p {
         position: relative;
         color: #666666;
         font-size: 14px;
         line-height: 1.8em;
         margin-bottom: 20px;
     }
     
     .project-single-section .lower-section .content-column .text h3 {
         position: relative;
         color: #222222;
         font-size: 20px;
         font-weight: 700;
         margin-bottom: 16px;
     }
     
     .project-single-section .lower-section .contact-column {
         position: relative;
     }
     
     .project-single-section .lower-section .contact-column .inner-column {
         position: relative;
         padding: 35px 35px;
         background-size: cover;
         border: 1px solid #dddddd;
         background-repeat: no-repeat;
     }
     
     .project-single-section .lower-section .contact-column .title {
         position: relative;
         color: #ffb902;
         font-size: 14px;
         font-weight: 700;
         margin-bottom: 6px;
     }
     
     .project-single-section .lower-section .contact-column h2 {
         position: relative;
         color: #222222;
         font-size: 24px;
         font-weight: 700;
         margin-bottom: 15px;
         text-transform: uppercase;
     }
     
     .project-single-section .lower-section .contact-column .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.8em;
         margin-bottom: 30px;
     }
     
     .project-single-section .lower-section .contact-column .contact-btn {
         position: relative;
         color: #ffb902;
         font-size: 14px;
         font-weight: 600;
         padding: 8px 30px;
         display: inline-block;
         text-transform: capitalize;
         border: 1px solid #222222;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         background-color: #ffffff;
     }
     
     .project-single-section .lower-section .contact-column .contact-btn:hover {
         color: #ffffff;
         border-color: #ffb902;
         background-color: #ffb902;
     }
     
     .blog-page-section {
         position: relative;
         padding: 80px 0px 80px;
     }
     /*** ==================================================================== Styled Pagination ==================================================================== ***/
     
     .styled-pagination {
         position: relative;
         display: inline-block;
     }
     
     .styled-pagination li {
         position: relative;
         display: inline-block;
         margin: 0px 6px 10px 0px;
     }
     
     .styled-pagination li a {
         position: relative;
         display: inline-block;
         line-height: 38px;
         height: 40px;
         font-size: 14px;
         min-width: 40px;
         color: #666666;
         font-weight: 400;
         text-align: center;
         background: #ffffff;
         border: 1px solid #cccccc;
         text-transform: capitalize;
         transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         -moz-transition: all 500ms ease;
     }
     
     .styled-pagination li.next a,
     .styled-pagination li.prev a {
         width: 100px;
     }
     
     .styled-pagination li a:hover,
     .styled-pagination li a.active {
         color: #ffffff;
         border-color: #222222;
         background-color: #222222;
     }
     
     .blog-page-section .styled-pagination {
         margin-top: 40px;
     }
     
     .blog-single {
         position: relative;
     }
     
     .blog-single .inner-box {
         position: relative;
     }
     
     .blog-single .inner-box .image {
         position: relative;
     }
     
     .blog-single .inner-box .image .post-date {
         position: absolute;
         right: 0px;
         top: 0px;
         width: 80px;
         height: 80px;
         font-size: 16px;
         color: #ffffff;
         padding: 15px 15px 10px;
         text-align: center;
         border-radius: 50px 0px 50px 50px;
         background-color: #cfc436;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .blog-single .inner-box .image .post-date:before {
         position: absolute;
         content: '';
         left: 4px;
         top: 4px;
         right: 4px;
         bottom: 4px;
         border: 1px dashed #ffffff;
         border-radius: 50px 0px 50px 50px;
     }
     
     .blog-single .inner-box:hover .image .post-date {
         background-color: #222222;
     }
     
     .blog-single .inner-box .image .post-date span {
         font-weight: 700;
         display: block;
     }
     
     .blog-single .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .blog-single .inner-box .title-box {
         position: relative;
         padding-top: 20px;
         margin-bottom: 15px;
     }
     
     .blog-single .inner-box .title-box h2 {
         position: relative;
         font-size: 26px;
         color: #222222;
         font-weight: 700;
         line-height: 1.5em;
         margin-bottom: 10px;
     }
     
     .blog-single .inner-box .title-box .post-info {
         position: relative;
     }
     
     .blog-single .inner-box .title-box .post-info li {
         position: relative;
         color: #cfc436;
         font-size: 14px;
         margin-right: 10px;
         padding-right: 10px;
         display: inline-block;
     }
     
     .blog-single .inner-box .title-box .post-info li:after {
         position: absolute;
         content: '/';
         right: -5px;
         top: 0px;
     }
     
     .blog-single .inner-box .lower-content {
         position: relative;
     }
     
     .blog-single .inner-box .lower-content .text {
         position: relative;
     }
     
     .blog-single .inner-box .lower-content .text .two-column {
         position: relative;
         margin-top: 30px;
         margin-bottom: 20px;
     }
     
     .blog-single .inner-box .lower-content .text p {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.8em;
         margin-bottom: 20px;
     }
     /*Post Share Options*/
     
     .post-share-options {
         position: relative;
         margin-top: 40px;
         padding: 20px 0px 0px;
         border-top: 1px solid #dddddd;
     }
     
     .post-share-options .posts {
         position: relative;
     }
     
     .post-share-options .posts li {
         position: relative;
         color: #222222;
         font-size: 18px;
         line-height: 1.2em;
         display: inline-block;
         border-right: 2px solid #ffb902;
     }
     
     .post-share-options .posts li:last-child {
         border: none;
     }
     
     .post-share-options .posts li.prev {
         padding-right: 15px;
         margin-right: 10px;
     }
     
     .post-share-options .posts li a {
         position: relative;
         color: #222222;
         line-height: 1.2em;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .post-share-options .posts li a:hover {
         color: #ffb902;
     }
     
     .post-share-options .posts li a .fa {
         color: #ffb902;
     }
     /*Comment Area*/
     
     .sidebar-page-container .comments-area {
         position: relative;
         margin-top: 40px;
     }
     
     .sidebar-page-container .group-title {
         position: relative;
         margin-bottom: 50px;
     }
     
     .sidebar-page-container .group-title h2 {
         position: relative;
         font-size: 26px;
         color: #222222;
         font-weight: 700;
     }
     
     .sidebar-page-container .group-title h2 span {
         font-weight: 700;
     }
     
     .sidebar-page-container .comments-area .comment-box {
         position: relative;
         padding: 0px 0px 28px;
         margin-bottom: 50px;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
         border-bottom: 1px solid #ebebeb;
     }
     
     .sidebar-page-container .comments-area .comment-box:last-child {
         margin-bottom: 0px;
     }
     
     .sidebar-page-container .comments-area .comment {
         position: relative;
         min-height: 100px;
         padding: 0px 0px 0px 125px;
         font-size: 14px;
     }
     
     .sidebar-page-container .comments-area .comment .comment-inner {
         position: relative;
     }
     
     .sidebar-page-container .comments-area .comment .comment-reply {
         position: absolute;
         right: 0px;
         bottom: -50px;
         color: #222222;
         font-size: 14px;
         text-align: center;
         font-weight: 500;
         padding: 9px 18px;
         display: inline-block;
         text-transform: capitalize;
         background-color: #cfc436;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .sidebar-page-container .comments-area .reply-comment {
         padding-left: 100px;
     }
     
     .sidebar-page-container .comments-area .comment-box .author-thumb {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100px;
         overflow: hidden;
         margin-bottom: 20px;
     }
     
     .sidebar-page-container .comments-area .comment-box .author-thumb img {}
     
     .sidebar-page-container .comments-area .comment-info {
         position: relative;
         color: #777777;
         line-height: 24px;
         font-size: 14px;
         margin-bottom: 5px;
     }
     
     .sidebar-page-container .comments-area .comment-box strong {
         font-size: 20px;
         font-weight: 500;
         color: #222222;
         line-height: 18px;
         display: inline-block;
         text-transform: capitalize;
     }
     
     .sidebar-page-container .comments-area .comment-box .text {
         color: #777777;
         font-size: 16px;
         line-height: 1.8em;
         margin-bottom: 20px;
     }
     
     .sidebar-page-container .comments-area .comment-info .location {
         position: relative;
         font-size: 13px;
         color: #888888;
         display: inline-block;
         margin-left: 15px;
     }
     /*** ==================================================================== Comment Form ==================================================================== ***/
     
     .comment-form {
         position: relative;
         margin-top: 80px;
     }
     
     .comment-form .group-title {
         margin-bottom: 25px;
     }
     
     .comment-form .form-group {
         position: relative;
         margin-bottom: 30px;
     }
     
     .comment-form .form-group input[type="text"],
     .comment-form .form-group input[type="password"],
     .comment-form .form-group input[type="tel"],
     .comment-form .form-group input[type="email"],
     .comment-form .form-group select {
         position: relative;
         display: block;
         width: 100%;
         line-height: 28px;
         padding: 10px 25px;
         height: 50px;
         font-size: 14px;
         border: 2px solid #dddddd;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .comment-form .form-group input[type="text"]:focus,
     .comment-form .form-group input[type="password"]:focus,
     .comment-form .form-group input[type="tel"]:focus,
     .comment-form .form-group input[type="email"]:focus,
     .comment-form .form-group select:focus,
     .comment-form .form-group textarea:focus {
         border-color: #cfc436;
     }
     
     .comment-form .form-group textarea {
         position: relative;
         display: block;
         width: 100%;
         line-height: 24px;
         padding: 15px 25px;
         color: #a5a5a5;
         height: 190px;
         font-size: 14px;
         resize: none;
         border: 2px solid #dddddd;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .comment-form .comment-btn {
         margin-top: 4px;
         color: #ffffff;
         font-size: 16px;
         font-weight: 600;
         padding: 13px 36px;
         display: inline-block;
         background-color: #3d3e3e;
     }
     
     .sidebar-page-container .sidebar {
         position: relative;
         padding: 45px 45px 0px;
         border: 2px solid #f3f3f3;
     }
     
     .sidebar-page-container .sidebar.default-sidebar {
         border: none;
         padding: 0px;
     }
     /*Sidebar Title*/
     
     .sidebar-title {
         position: relative;
         margin-bottom: 20px;
     }
     
     .sidebar-title h2 {
         position: relative;
         color: #222222;
         font-size: 22px;
         font-weight: 600;
         text-transform: capitalize;
     }
     /*Search Box Widget*/
     
     .sidebar .search-box .form-group {
         position: relative;
         margin: 0px;
     }
     
     .sidebar .search-box .form-group input[type="text"],
     .sidebar .search-box .form-group input[type="search"] {
         position: relative;
         line-height: 48px;
         padding: 10px 50px 10px 20px;
         border: 1px solid #dddddd;
         background: none;
         display: block;
         font-size: 14px;
         width: 100%;
         height: 50px;
         border-radius: 50px;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .sidebar .search-box .form-group button {
         position: absolute;
         right: 0px;
         top: 0px;
         height: 50px;
         width: 60px;
         display: block;
         font-size: 16px;
         color: #cfc436;
         line-height: 100%;
         font-weight: normal;
         background: none;
     }
     /*Cat List*/
     
     .cat-list {
         position: relative;
     }
     
     .cat-list li {
         position: relative;
         margin-bottom: 15px;
         padding-bottom: 15px;
         border-bottom: 1px solid #ebebeb;
     }
     
     .cat-list li:last-child {
         margin-bottom: 0px;
         border: none;
     }
     
     .cat-list li a {
         position: relative;
         color: #666666;
         font-weight: 400;
         padding-left: 22px;
         display: block;
         font-size: 16px;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .cat-list li a:before {
         position: absolute;
         content: '\f105';
         left: 0px;
         top: 0px;
         font-size: 20px;
         font-weight: 400;
         font-family: 'FontAwesome';
     }
     
     .cat-list li a:hover {
         color: #cfc436;
     }
     /*Post Widget*/
     
     .sidebar .popular-posts .post {
         position: relative;
         font-size: 15px;
         color: #242424;
         padding: 0px 0px;
         padding-left: 106px;
         min-height: 85px;
         margin-bottom: 40px;
     }
     
     .sidebar .popular-posts .post:last-child {
         margin-bottom: 0px;
     }
     
     .sidebar .popular-posts .post .post-thumb {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 85px;
     }
     
     .sidebar .popular-posts .post .post-thumb img {
         display: block;
         width: 100%;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .sidebar .popular-posts .post .text {
         position: relative;
         top: -4px;
         font-size: 16px;
         margin: 0px 0px 0px;
         font-weight: 600;
         color: #222222;
         line-height: 1.9em;
         text-transform: capitalize;
     }
     
     .sidebar .popular-posts .post .text a {
         color: #3d3e3e;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .sidebar .popular-posts .post a:hover {
         color: #cfc436;
     }
     
     .sidebar .popular-posts .post-info {
         font-size: 14px;
         color: #777777;
         font-weight: 400;
     }
     /*Popular Tags*/
     
     .sidebar .popular-tags a {
         position: relative;
         display: inline-block;
         line-height: 24px;
         padding: 4px 18px 4px;
         margin: 0px 6px 10px 0px;
         color: #777777;
         text-align: center;
         font-size: 12px;
         background: #e1e1e1;
         font-weight: 400;
         border-radius: 50px;
         border: 1px solid #e1e1e1;
         text-transform: capitalize;
         transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
     }
     
     .sidebar .popular-tags a:hover {
         border-color: #cfc436;
         background-color: #cfc436;
         color: #222222;
     }
     /*** ==================================================================== Contact Form Section ==================================================================== ***/
     
     .contact-form-section {
         position: relative;
         padding: 80px 0px 60px;
     }
     
     .contact-form-section .title-box {
         position: relative;
         text-align: center;
         margin-bottom: 60px;
     }
     
     .contact-form-section .title-box .title {
         position: relative;
         color: #cfc436;
         font-size: 18px;
         font-weight: 700;
         margin-bottom: 10px;
     }
     
     .contact-form-section .title-box h2 {
         position: relative;
         color: #222222;
         font-size: 36px;
         font-weight: 700;
         margin-bottom: 10px;
     }
     
     .contact-form-section .title-box .text {
         position: relative;
         color: #888888;
         font-size: 16px;
         line-height: 1.8em;
         max-width: 730px;
         margin: 0 auto;
     }
     /* Contact Form */
     
     .contact-form {
         position: relative;
     }
     
     .contact-form .form-group {
         position: relative;
         margin-bottom: 30px;
     }
     
     .contact-form input[type="text"],
     .contact-form input[type="email"],
     .contact-form input[type="password"],
     .contact-form select,
     .contact-form textarea {
         display: block;
         width: 100%;
         line-height: 28px;
         height: 50px;
         font-size: 14px;
         padding: 10px 22px;
         background: none;
         color: #888888;
         border: 1px solid #dddddd;
         transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
     }
     
     .contact-form textarea {
         height: 180px;
         resize: none;
         font-size: 14px;
         background: none;
         border: 1px solid #dddddd;
     }
     
     .contact-form input[type="text"]:focus,
     .contact-form input[type="email"]:focus,
     .contact-form input[type="password"]:focus,
     .contact-form select:focus,
     .contact-form textarea:focus {
         border-color: #cfc436;
     }
     
     .contact-form .message-btn {
         color: #222222;
         font-size: 16px;
         font-weight: 700;
         margin-top: 10px;
         padding: 16px 36px;
         background-color: #cfc436;
     }
     
     .contact-form input.error,
     .contact-form select.error,
     .contact-form textarea.error {
         border-color: #ff0000 !important;
     }
     
     .contact-form label.error {
         display: block;
         line-height: 24px;
         padding: 5px 0px 0px;
         margin: 0px;
         text-transform: uppercase;
         font-size: 12px;
         color: #ff0000;
         font-weight: 500;
     }
     /* Info Section */
     
     .contact-page-info-section {
         position: relative;
         padding-bottom: 100px;
         background-size: cover;
         background-repeat: no-repeat;
     }
     
     .contact-page-info-section .info-column {
         position: relative;
         margin-bottom: 60px;
     }
     
     .contact-page-info-section .info-column .inner-column {
         position: relative;
         padding-right: 60px;
     }
     
     .contact-page-info-section .info-column .sec-title {
         margin-bottom: 30px;
     }
     
     .contact-page-info-section .list-style-two li {
         color: #222222;
     }
     
     .contact-page-info-section .info-column .text {
         position: relative;
         color: #222222;
         font-size: 16px;
         line-height: 1.9em;
         margin-bottom: 40px;
     }
     
     .map-outer iframe {
         position: relative;
         left: 0;
         top: 0;
         width: 100%;
         height: 520px;
     }
     
     .contact-page-info-section .map-column .map-canvas {
         height: 520px;
     }
     /*Shop Item*/
     
     .shop-item {
         position: relative;
         margin-bottom: 70px;
     }
     
     .shop-item .inner-box {
         position: relative;
         outline: 15px solid #ffffff;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .shop-item .inner-box:hover .image .overlay-box {
         opacity: 1;
     }
     
     .shop-item .inner-box .image {
         position: relative;
         z-index: 11;
         text-align: center;
         background-color: #f8f8f8;
     }
     
     .shop-item .inner-box .image .overlay-box {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         opacity: 0;
         text-align: center;
         background-color: rgba(51, 51, 51, 0.70);
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .shop-item .inner-box .image .overlay-box .cart-option {
         position: relative;
         top: 50%;
         margin-top: -25px;
     }
     
     .shop-item .inner-box .image .overlay-box .cart-option li {
         position: relative;
         margin: 0px 3px;
         color: #cfc436;
         display: inline-block;
     }
     
     .shop-item .inner-box .image .overlay-box .cart-option li a {
         position: relative;
         color: #ffffff;
         font-size: 18px;
         display: block;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .shop-item .inner-box .image .overlay-box .cart-option li a .fa {
         font-size: 16px;
         margin-right: 8px;
         border: 1px solid #ffffff;
         display: inline-block;
         width: 40px;
         height: 40px;
         line-height: 38px;
     }
     
     .shop-item .inner-box .image .overlay-box .cart-option li a:hover {
         color: #ffffff;
     }
     
     .shop-item .inner-box .image img {
         width: 100%;
         display: inline-block;
     }
     
     .shop-item .inner-box .lower-content {
         position: relative;
         z-index: 11;
         padding: 20px 0px 0px;
     }
     
     .shop-item .inner-box .lower-content h3 {
         position: relative;
         font-size: 18px;
         font-weight: 700;
         margin-bottom: 6px;
     }
     
     .shop-item .inner-box .lower-content h3 a {
         color: #000000;
         transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -webkit-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
     }
     
     .shop-item .inner-box .lower-content h3 a:hover {
         color: #cfc436;
     }
     
     .shop-item .inner-box .lower-content .price {
         position: relative;
         color: #cfc436;
         font-size: 18px;
         font-weight: 700;
     }
     
     .shop-item .inner-box .lower-content .price .discount {
         position: relative;
         color: #777777;
         margin-right: 8px;
         text-decoration: line-through;
     }
     
     .shop-item .inner-box .lower-content .rating .fa {
         position: relative;
         display: inline-block;
         font-size: 16px;
         color: #cfc436;
     }
     
     .product-details .basic-details {
         position: relative;
         margin-bottom: 50px;
     }
     
     .product-details .image-column,
     .product-details .info-column {
         margin-bottom: 20px;
     }
     
     .product-details .image-column .image-box img {
         position: relative;
         display: block;
         width: 100%;
         background-color: #f7f7f7;
     }
     
     .product-details .basic-details .details-header {
         position: relative;
         margin-bottom: 16px;
     }
     
     .product-details .basic-details .details-header h4 {
         font-size: 24px;
         font-weight: 700;
         margin: 5px 0px 20px;
         line-height: 1.4em;
         color: #333333;
     }
     
     .product-details .basic-details .details-header h4 a {
         color: #333333;
     }
     
     .product-details .basic-details .details-header .rating {
         font-size: 18px;
         color: #cfc436;
         margin-bottom: 15px;
         display: inline-block;
     }
     
     .product-details .basic-details .details-header .reviews {
         position: relative;
         display: inline-block;
         color: #777777;
         font-weight: 700;
         margin-left: 15px;
     }
     
     .product-details .basic-details .details-header .rating .fa {
         display: inline-block;
     }
     
     .product-details .basic-details .details-header .rating .txt {
         font-size: 14px;
         padding-left: 10px;
         color: #777777;
     }
     
     .product-details .basic-details .details-header .item-price {
         font-size: 22px;
         font-weight: 700;
         color: #cfc436;
         line-height: 24px;
     }
     
     .product-details .basic-details .prod-info {
         margin-bottom: 15px;
         line-height: 1.6em;
         font-size: 13px;
     }
     
     .product-details .basic-details .prod-info strong {
         font-weight: 700;
         color: #111111;
     }
     
     .product-details .basic-details .text {
         margin-bottom: 25px;
         color: #777777;
         font-size: 16px;
         font-weight: 400;
         line-height: 1.8em;
     }
     
     .product-details .basic-details .item-quantity .field-label {
         float: left;
         font-weight: 700;
         font-size: 14px;
         line-height: 32px;
         display: inline-block;
         padding-right: 20px;
     }
     
     .product-details .basic-details .quantity-spinner,
     .cart-section input.quantity-spinner {
         line-height: 24px;
         padding: 10px 15px !important;
         height: 46px !important;
         box-shadow: none !important;
     }
     
     .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
     .cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn {
         padding: 11px 10px;
         background: #f4f5f6;
     }
     
     .product-details .bootstrap-touchspin .input-group-btn-vertical i,
     .cart-section .bootstrap-touchspin .input-group-btn-vertical i {
         top: 6px;
     }
     
     .product-details .basic-details .item-quantity {
         position: relative;
         float: left;
         width: 85px;
         margin-bottom: 25px;
         margin-right: 20px;
     }
     
     .product-details .basic-details .item-quantity .field-label {
         float: left;
         font-weight: 700;
         font-size: 14px;
         line-height: 32px;
         display: inline-block;
         padding-right: 20px;
     }
     
     .product-details .basic-details .quantity-spinner,
     .cart-table input.quantity-spinner {
         font-size: 18px;
         line-height: 24px;
         padding: 10px 15px !important;
         height: 50px !important;
         box-shadow: none !important;
     }
     
     .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
     .cart-table .bootstrap-touchspin .input-group-btn-vertical>.btn {
         padding: 12px 10px;
         background: #f4f5f6;
         border-radius: 0px;
     }
     
     .product-details .bootstrap-touchspin .input-group-btn-vertical i,
     .cart-table .bootstrap-touchspin .input-group-btn-vertical i {
         top: 8px;
     }
     
     .product-details .basic-details .add-to-cart {
         padding: 11px 20px;
         font-weight: 700;
         border-radius: 0px;
         text-transform: uppercase;
     }
     /*** ==================================================================== Product Tabs Style ==================================================================== ***/
     
     .shop-single .product-details .prod-tabs {
         position: relative;
         padding-bottom: 60px;
         margin-bottom: 80px;
         border-bottom: 1px solid #cccccc;
     }
     
     .shop-single .product-details .prod-tabs .tab-btns {
         position: relative;
         z-index: 1;
         margin-bottom: 50px;
     }
     
     .shop-single .product-details .prod-tabs .tab-btns .tab-btn {
         position: relative;
         top: 1px;
         display: block;
         float: left;
         margin-right: 10px;
         font-size: 16px;
         background: #eeeeee;
         color: #000000;
         text-transform: uppercase;
         font-weight: 700;
         line-height: 24px;
         cursor: pointer;
         padding: 13px 43px 13px;
         transition: all 500ms ease;
     }
     
     .shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
     .shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn {
         color: #000000;
         background: #cfc436;
     }
     
     .shop-single .product-details .prod-tabs .tabs-content {
         position: relative;
     }
     
     .shop-single .product-details .prod-tabs .tabs-content .tab {
         position: relative;
         display: none;
         border-top: 0px;
     }
     
     .shop-single .product-details .prod-tabs .tabs-content .tab.active-tab {
         display: block;
     }
     
     .shop-single .product-details .prod-tabs .tabs-content .tab .content {
         position: relative;
     }
     
     .shop-single .product-details .prod-tabs .tabs-content .tab .content p {
         position: relative;
         font-size: 16px;
         line-height: 1.7em;
         margin-bottom: 25px;
         color: #797979;
     }
     
     .shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child {
         margin-bottom: 0px;
     }
     
     .prod-tabs .tabs-content .tab .title {
         position: relative;
         color: #000000;
         font-size: 24px;
         font-weight: 700;
         margin-bottom: 35px;
         font-family: 'Raleway', sans-serif;
     }
     /*Comment Form*/
     
     .shop-comment-form {
         position: relative;
         margin-top: 50px;
     }
     
     .shop-comment-form h2 {
         position: relative;
         color: #333333;
         font-size: 24px;
         font-weight: 700;
         margin-bottom: 10px;
         text-transform: uppercase;
     }
     
     .shop-comment-form .mail-text {
         position: relative;
         color: #777777;
         font-size: 16px;
         margin-bottom: 15px;
     }
     
     .shop-comment-form .group-title {
         margin-bottom: 20px;
     }
     
     .shop-comment-form .rating-box {
         position: relative;
         margin-bottom: 20px;
     }
     
     .shop-comment-form .rating-box .text {
         position: relative;
         font-size: 16px;
         color: #333333;
         margin-bottom: 15px;
     }
     
     .shop-comment-form .rating-box .rating {
         position: relative;
         display: inline-block;
     }
     
     .shop-comment-form .rating-box .rating .fa {
         position: relative;
         display: inline-block;
     }
     
     .shop-comment-form .rating-box .rating a {
         position: relative;
         color: #333333;
         font-size: 14px;
         display: inline-block;
     }
     
     .shop-comment-form .rating-box .rating a:hover {
         color: #cfc436;
     }
     
     .shop-comment-form .form-group {
         position: relative;
         margin-bottom: 20px;
     }
     
     .shop-comment-form .form-group label {
         position: relative;
         color: #333333;
         font-size: 16px;
         font-weight: 400;
     }
     
     .shop-comment-form .form-group:last-child {
         margin-bottom: 0px;
     }
     
     .shop-comment-form .form-group input[type="text"],
     .shop-comment-form .form-group input[type="password"],
     .shop-comment-form .form-group input[type="tel"],
     .shop-comment-form .form-group input[type="email"],
     .shop-comment-form .form-group select {
         position: relative;
         display: block;
         width: 100%;
         line-height: 28px;
         padding: 10px 15px;
         border: 1px solid #dddddd;
         height: 50px;
         color: #848484;
         font-weight: 300;
         background: #ffffff;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .shop-comment-form .form-group input[type="text"]:focus,
     .shop-comment-form .form-group input[type="password"]:focus,
     .shop-comment-form .form-group input[type="tel"]:focus,
     .shop-comment-form .form-group input[type="email"]:focus,
     .shop-comment-form .form-group select:focus,
     .shop-comment-form .form-group textarea:focus {
         border-color: #cfc436;
     }
     
     .shop-comment-form .form-group textarea {
         position: relative;
         display: block;
         width: 100%;
         line-height: 26px;
         padding: 10px 15px;
         color: #848484;
         border: 1px solid #dddddd;
         height: 120px;
         font-weight: 300;
         background: #ffffff;
         resize: none;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .shop-comment-form button {
         position: relative;
         font-weight: 700;
         border-radius: 0px;
         font-size: 16px;
         padding: 7px 28px;
         text-transform: uppercase;
     }
     
     .shop-comment-form input:focus,
     .shop-comment-form select:focus,
     .shop-comment-form textarea:focus {
         border-color: #f06529;
     }
     /*** ==================================================================== Cart Section style ==================================================================== ***/
     
     .cart-section {
         position: relative;
         padding: 90px 0px 60px;
     }
     
     .cart-outer {
         position: relative;
     }
     
     .checkout-page .cart-outer {
         margin-bottom: 40px;
     }
     
     .cart-outer .table-outer {
         position: relative;
         width: 100%;
         overflow-x: auto;
     }
     
     .cart-outer .cart-table {
         width: 100%;
         min-width: 900px;
     }
     
     .cart-table .cart-header {
         position: relative;
         width: 100%;
         text-transform: uppercase;
         font-size: 13px;
         background: #333333;
         color: #ffffff;
         border: 1px solid #ebebeb;
     }
     
     .cart-table thead tr th {
         line-height: 24px;
         padding: 13px 25px;
         font-weight: 700;
         font-size: 16px;
         letter-spacing: 1px;
         text-align: center;
         text-transform: uppercase;
         border-right: 1px solid #cccccc;
         font-family: 'Raleway', sans-serif;
     }
     
     .cart-table thead tr th .fa {
         font-size: 18px;
     }
     
     .cart-table tbody tr td {
         line-height: 24px;
         padding: 25px 25px 20px;
     }
     
     .cart-table tbody tr .qty {
         width: 200px;
         padding-right: 80px;
     }
     
     .cart-table tbody tr .qty .quantity-spinner {
         background: #ffffff;
     }
     
     .cart-table tbody tr .prod-column .column-box {
         position: relative;
         min-height: 110px;
     }
     
     .cart-table tbody tr .prod-column .column-box .prod-thumb {
         position: relative;
         width: 100px;
     }
     
     .cart-table tbody tr .prod-column .column-box .prod-thumb img {
         display: block;
         max-width: 100%;
     }
     
     .cart-table tbody tr .prod-column .column-box h4 {
         font-size: 14px;
         color: #444444;
         font-weight: 400;
         line-height: 90px;
     }
     
     .cart-table tbody tr .prod-column .author {
         font-size: 13px;
         color: #333333;
         margin-bottom: 0px;
     }
     
     .cart-table tbody tr .sub-total {
         font-weight: 400;
         color: #797979;
         font-size: 17px;
     }
     
     .cart-table tbody tr .sub-total.price {}
     
     .cart-table tbody tr .remove-btn {
         position: relative;
         font-size: 14px;
         color: #1c1c1c;
         line-height: 30px;
         font-weight: 500;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         transition: all 500ms ease;
     }
     
     .cart-table tbody tr .remove-btn .fa {
         position: relative;
         font-size: 18px;
         line-height: 30px;
     }
     
     .cart-table tbody tr .remove-btn:hover {
         color: #fbb200;
     }
     
     .cart-table tbody tr {
         border-bottom: 1px solid #cccccc;
     }
     
     .cart-table tbody tr td {
         vertical-align: middle;
         color: #797979;
         font-size: 17px;
         text-align: center;
         border-left: 1px solid #cccccc;
     }
     
     .cart-table tbody tr td.prod-column {
         padding-left: 48px;
     }
     
     .cart-table tbody tr td.total {
         font-size: 18px;
         color: #333333;
     }
     
     .cart-table tbody tr td:last-child {
         border-right: 1px solid #ebebeb;
         text-align: center;
     }
     
     .cart-table tbody tr td .prod-title {
         position: relative;
         font-size: 16px;
         color: #333333;
         font-weight: 400;
     }
     
     .cart-table tbody tr td .quantity-spinner {
         padding: 5px 0px 5px 20px;
         line-height: 24px;
         height: 34px;
         display: block;
         width: 100%;
         position: relative;
     }
     
     .cart-table tbody .available-info {
         position: relative;
         padding-left: 50px;
     }
     
     .cart-table tbody .available-info .icon {
         position: absolute;
         left: 0px;
         top: 5px;
         width: 40px;
         height: 40px;
         line-height: 40px;
         text-align: center;
         font-size: 18px;
         color: #ffffff;
         background: #223555;
         border-radius: 50%;
     }
     
     .cart-section .cart-options {
         position: relative;
         padding: 20px 0px 10px;
         margin-bottom: 30px;
         border-top: 0px;
     }
     
     .cart-section .apply-coupon {
         position: relative;
     }
     
     .cart-section .cart-options .cart-btn {
         padding: 10px 39px 10px;
         line-height: 24px;
         font-size: 13px;
         font-weight: 700;
         border-radius: 0px;
         text-transform: uppercase;
     }
     
     .cart-section .apply-coupon .form-group {
         position: relative;
         float: left;
         margin-right: 30px;
     }
     
     .cart-section .apply-coupon .form-group input[type="text"] {
         display: block;
         line-height: 15px;
         padding: 8px 20px;
         border: 1px solid #cccccc;
         width: 225px;
         height: 44px;
         background: #ffffff;
     }
     
     .cart-section .coupon-btn {
         padding: 10px 39px 10px;
         line-height: 24px;
         font-size: 13px;
         color: #333333;
         font-weight: 700;
         text-transform: uppercase;
         background-color: #fbb200;
     }
     
     .cart-section .cart-options .btn-style-one {
         top: -7px;
         padding-left: 32px;
         padding-right: 32px;
     }
     
     .cart-section .totals-table {
         position: relative;
         margin-bottom: 20px;
         border: 1px solid #cccccc;
     }
     
     .cart-section .totals-table li {
         line-height: 24px;
         padding: 14px 30px;
         border-bottom: 1px solid #cccccc;
     }
     
     .cart-section .totals-table li:first-child {}
     
     .cart-section .totals-table li h3 {
         position: relative;
         font-weight: 700;
         color: #333333;
         font-size: 18px;
     }
     
     .cart-section .totals-table li:last-child {
         border-bottom: none;
         padding: 50px 30px;
     }
     
     .cart-section .totals-table .col {
         position: relative;
         display: block;
         float: left;
         line-height: 24px;
         width: 50%;
         color: #333333;
         font-size: 16px;
         font-weight: 700;
         text-transform: capitalize;
     }
     
     .cart-section .totals-table li .col:last-child {
         text-align: right;
     }
     
     .cart-section .totals-table .total .price {
         color: #cfc436;
         font-weight: 700;
     }
     
     .cart-section .totals-table .proceed-btn {
         padding: 13px 34px 13px;
         line-height: 24px;
         font-size: 14px;
         font-weight: 700;
         border-radius: 0px;
         text-transform: uppercase;
     }
     
     .shipping-block {
         position: relative;
         margin-bottom: 40px;
     }
     
     .shipping-block .inner-box {
         position: relative;
         padding: 16px 20px 6px;
         border: 1px solid #cccccc;
     }
     
     .shipping-block .inner-box h3 {
         position: relative;
         color: #333333;
         font-size: 15px;
         font-weight: 700;
         margin-bottom: 10px;
         text-transform: capitalize;
     }
     
     .shipping-block .inner-box h4 {
         position: relative;
         color: #fbb200;
         font-size: 14px;
         font-weight: 600;
         margin-bottom: 15px;
         text-transform: capitalize;
     }
     
     .shipping-form {
         position: relative;
     }
     
     .shipping-form .form-group {
         position: relative;
         margin-bottom: 15px;
     }
     
     .shipping-form .form-group input[type="text"],
     .shipping-form .form-group input[type="password"],
     .shipping-form .form-group input[type="tel"],
     .shipping-form .form-group input[type="email"] {
         position: relative;
         display: block;
         width: 100%;
         line-height: 18px;
         padding: 10px 20px;
         height: 40px;
         font-size: 14px;
         border: 1px solid #cccccc;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .shipping-form .form-group input[type="text"]:focus,
     .shipping-form .form-group input[type="password"]:focus,
     .shipping-form .form-group input[type="tel"]:focus,
     .shipping-form .form-group input[type="email"]:focus,
     .shipping-form .form-group select:focus,
     .shipping-form .form-group textarea:focus {
         border-color: #cfc436;
     }
     
     .shipping-form button {
         margin-top: 0px;
         font-size: 15px;
         font-weight: 700;
         border-radius: 0px;
         padding: 6px 26px;
         text-transform: capitalize;
     }
     /*** ==================================================================== CheckOut Sectioon ==================================================================== ***/
     
     .checkout-page {
         position: relative;
         padding: 90px 0px 90px;
     }
     
     .checkout-page .default-links {
         position: relative;
         margin-bottom: 30px;
     }
     
     .checkout-page .default-links li {
         line-height: 24px;
         padding: 14px 30px 18px;
         background: #333333;
         color: #ffffff;
         font-size: 16px;
     }
     
     .checkout-page .default-links li .fa {
         position: relative;
         top: 2px;
         margin-right: 20px;
         font-size: 24px;
         color: #cfc436;
     }
     
     .checkout-page .default-links li a {
         color: #fa9928;
     }
     
     .checkout-form {
         position: relative;
     }
     
     .checkout-form .checkout-title {
         position: relative;
     }
     
     .checkout-form .checkout-title h2 {
         position: relative;
         color: #222222;
         font-size: 30px;
         margin-bottom: 15px;
     }
     
     .checkout-form .form-group {
         position: relative;
         margin-bottom: 5px;
     }
     
     .checkout-form .form-group .field-label {
         display: block;
         line-height: 24px;
         margin-bottom: 6px;
         text-transform: capitalize;
         color: #222222;
         font-size: 16px;
         font-weight: 400;
     }
     
     .checkout-form .form-group .field-label sup {
         top: -1px;
         font-size: 16px;
     }
     
     .checkout-form .form-group .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         margin-bottom: 5px;
     }
     
     .checkout-form input[type="text"],
     .checkout-form input[type="email"],
     .checkout-form input[type="password"],
     .checkout-form input[type="tel"],
     .checkout-form input[type="number"],
     .checkout-form input[type="url"],
     .checkout-form select,
     .checkout-form textarea {
         position: relative;
         display: block;
         width: 100%;
         background: #ffffff;
         line-height: 22px;
         padding: 12px 15px;
         height: 48px;
         margin-bottom: 10px;
         border: 1px solid #e0e0e0;
         transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
     }
     
     .checkout-form textarea {
         resize: none;
         height: 60px !important;
     }
     
     .checkout-form input:focus,
     .checkout-form select:focus,
     .checkout-form textarea:focus {
         border-color: #fa9928;
     }
     
     .checkout-page .check-box {
         line-height: 24px;
         font-size: 14px;
         font-weight: normal;
         padding-top: 5px;
     }
     
     .checkout-page .check-box label {
         position: relative;
         top: -1px;
         font-weight: normal;
         padding: 0px;
         font-size: 16px;
         cursor: pointer;
         color: #333333;
     }
     
     .checkout-page .lower-content {
         margin-top: 30px;
     }
     
     .checkout-page .lower-content .order-column {
         margin-bottom: 40px;
     }
     
     .checkout-page .lower-content .column h2 {
         position: relative;
         color: #222222;
         font-size: 24px;
         margin-bottom: 30px;
         padding-bottom: 12px;
     }
     
     .checkout-page .lower-content .column h2:after {
         position: absolute;
         content: '';
         left: 0px;
         bottom: 0px;
         width: 40px;
         height: 2px;
         background-color: #fa9928;
     }
     /*Coupon Box*/
     
     .coupon-box {
         position: relative;
         padding: 25px 25px;
         margin-bottom: 25px;
         background-color: #f5f5f5;
     }
     
     .coupon-form {
         position: relative;
     }
     
     .coupon-form .form-group {
         position: relative;
         margin-bottom: 0px;
     }
     
     .coupon-form .form-group input[type="text"] {
         position: relative;
         display: block;
         width: 100%;
         line-height: 28px;
         padding: 10px 20px;
         height: 44px;
         font-size: 14px;
         border: 1px solid #cccccc;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .coupon-form .form-group input[type="text"]:focus {
         border-color: #cfc436;
     }
     
     .coupon-form button {
         margin-top: 0px;
         font-size: 16px;
         font-weight: 700;
         border-radius: 0px;
         padding: 8px 26px;
         text-transform: capitalize;
     }
     
     .order-box {
         position: relative;
         margin-top: 15px;
     }
     
     .order-box h2 {
         position: relative;
         color: #333333;
         font-size: 28px;
         font-weight: 700;
         margin-bottom: 20px;
     }
     
     .order-box .title-box {
         position: relative;
         padding: 13px 30px;
         background-color: #333333;
     }
     
     .order-box .title-box .col {
         position: relative;
         width: 50%;
         float: left;
         color: #ffffff;
         font-size: 16px;
         font-weight: 700;
     }
     
     .order-box ul {
         position: relative;
     }
     
     .order-box ul li {
         position: relative;
         padding: 25px 30px;
         border-bottom: 1px solid #cccccc;
     }
     
     .order-box ul li strong {
         color: #333333;
         font-weight: 700;
         font-size: 16px;
     }
     
     .order-box ul li span {
         width: 50%;
         float: right;
         color: #cfc436;
         font-size: 16px;
         font-weight: 700;
     }
     
     .order-box ul li span.free {
         color: #777777;
         font-size: 16px;
     }
     
     .order-box ul li:last-child {
         border-bottom: none;
     }
     
     .payment-box {
         position: relative;
         margin-top: 20px;
         background-color: #f5f5f5;
     }
     
     .payment-box .upper-box {
         position: relative;
         padding: 15px 35px;
         border-bottom: 1px solid #b7b7b7;
     }
     
     .payment-options {
         position: relative;
         margin-top: 20px;
         margin-bottom: 20px;
     }
     
     .payment-box .payment-options li {
         position: relative;
         margin-bottom: 10px;
     }
     
     .payment-box .payment-options li .radio-option {
         position: relative;
     }
     
     .payment-box .payment-options li .radio-option label {
         position: relative;
         display: inline-block;
         padding-left: 30px;
         font-weight: 700 !important;
         text-transform: capitalize;
         letter-spacing: 1px;
         color: #333333;
         cursor: pointer;
         font-size: 18px;
     }
     
     .payment-box .payment-options li .radio-option label strong {}
     
     .payment-box .payment-options li .radio-option input[type="radio"] {
         position: absolute;
         left: 0px;
         top: 3px;
     }
     
     .payment-box .payment-options li .radio-option label .small-text {
         position: relative;
         display: block;
         letter-spacing: 0px;
         text-transform: none;
         font-weight: normal;
         font-size: 14px;
         color: #777777;
         line-height: 1.8em;
         padding: 15px 20px;
         margin-top: 20px;
         background-color: #ededed;
     }
     
     .payment-box .payment-options li .radio-option label .small-text:before {
         position: absolute;
         content: '';
         left: 30px;
         top: -13px;
         border-left: 15px solid transparent;
         border-right: 15px solid transparent;
         border-bottom: 15px solid #ededed;
     }
     
     .payment-box .payment-options li .radio-option label img {
         position: relative;
         display: block;
         max-width: 100%;
         padding-left: 30px;
         margin-top: 20px;
     }
     
     .payment-box .payment-options li .radio-option .what-paypall {
         position: relative;
         display: block;
         color: #777777;
         font-size: 16px;
         font-weight: 700;
         margin-left: 120px;
         margin-top: 10px;
     }
     
     .payment-box .lower-box {
         position: relative;
         padding: 15px 15px;
     }
     
     .payment-box .lower-box .btn-style-one {
         font-size: 18px;
         font-weight: 700;
         border-radius: 0px;
         padding: 8px 19px;
         text-transform: capitalize;
     }
     /*Sidebar Range slider */
     
     .range-slider-one {
         position: relative;
         min-height: 48px;
         padding-top: 10px;
         overflow: hidden;
         margin-top: -20px;
     }
     
     .range-slider-one .title {
         position: relative;
         float: left;
         color: #848484;
         font-size: 16px;
         font-weight: 300;
         margin-top: 8px;
     }
     
     .range-slider-one .title:before {
         position: absolute;
         content: '$';
         right: -14px;
         top: 0px;
         color: #848484;
         font-size: 16px;
         font-weight: 300;
     }
     
     .range-slider-one .input {
         float: right;
         left: 8px;
         max-width: 75px;
         padding-left: 8px;
         margin-top: 8px;
         position: relative;
     }
     
     .range-slider-one .input input {
         background: none;
         color: #777777;
         font-size: 16px;
         font-weight: 300;
         width: auto;
         text-align: left;
     }
     
     .range-slider-one .ui-widget.ui-widget-content {
         height: 3px;
         border: none;
         margin-bottom: 35px;
         background: #e5e5e5;
     }
     
     .range-slider-one .ui-slider .ui-slider-range {
         top: 0px;
         height: 3px;
         background: #333333;
     }
     
     .range-slider-one .ui-state-default,
     .range-slider-one .ui-widget-content .ui-state-default {
         top: -3px;
         width: 10px;
         height: 10px;
         background: #fbb200;
         cursor: pointer;
         border-color: #fbb200;
     }
     
     .range-slider-one .theme-btn {
         padding: 8px 24px;
         border-radius: 0px;
         font-size: 18px;
         font-weight: 700;
         text-transform: uppercase;
     }
     /*Sidebar Realated Posts */
     
     .sidebar .related-posts .post {
         position: relative;
         padding: 0px 0px;
         padding-left: 90px;
         min-height: 95px;
         margin-bottom: 20px;
         border-bottom: 1px solid #eeeeee;
     }
     
     .sidebar .related-posts .post:last-child {
         margin-bottom: 0px;
         border: 0px;
         min-height: inherit;
     }
     
     .sidebar .related-posts .post .post-thumb {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 70px;
     }
     
     .sidebar .related-posts .post .post-thumb img {
         display: block;
         width: 100%;
     }
     
     .sidebar .related-posts .post h4 {
         top: -2px;
         font-size: 16px;
         font-weight: 700;
         color: #333333;
         text-transform: capitalize;
     }
     
     .sidebar .related-posts .post h4 a {
         color: #333333;
         transition: all 300ms ease;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
     }
     
     .sidebar .related-posts .post a,
     .sidebar .related-posts .post a:hover {
         color: #fbb200;
     }
     
     .sidebar .related-posts .post .price {
         font-size: 16px;
         letter-spacing: 1px;
         font-weight: 400;
         color: #777777;
     }
     
     .sidebar .related-posts .post .rating {
         margin-bottom: 1px;
         line-height: 1em;
     }
     
     .sidebar .related-posts .post .rating .fa {
         position: relative;
         display: inline-block;
         font-size: 16px;
         line-height: 26px;
         color: #cfc436;
     }
     /*** ==================================================================== Login Section ==================================================================== ***/
     
     .login-section {
         position: relative;
         padding: 90px 0px 100px;
     }
     
     .login-section h2 {
         position: relative;
         color: #333333;
         font-size: 36px;
         font-weight: 700;
         line-height: 1.2em;
         margin-bottom: 25px;
     }
     
     .login-section .inner-container {
         position: relative;
         padding: 25px 28px 15px;
         background-color: #f5f5f5;
     }
     
     .login-section.style-two {
         padding: 0px;
         margin-bottom: 30px;
     }
     
     .login-form {
         position: relative;
     }
     
     .login-form .form-group {
         position: relative;
         margin-bottom: 12px;
     }
     
     .login-form .form-group:nth-child(2) {
         margin-bottom: 30px;
     }
     
     .login-section.style-two .login-form .form-group:nth-child(2) {
         margin-bottom: 15px;
     }
     
     .login-form .form-group label {
         position: relative;
         color: #333333;
         font-weight: 400;
         font-size: 16px;
     }
     
     .login-form .form-group.no-margin {
         margin-bottom: 0px;
     }
     
     .login-form .form-group input[type="text"],
     .login-form .form-group input[type="password"],
     .login-form .form-group input[type="tel"],
     .login-form .form-group input[type="email"] {
         position: relative;
         display: block;
         width: 100%;
         line-height: 28px;
         padding: 10px 20px;
         height: 50px;
         font-size: 14px;
         border: 1px solid #cccccc;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .login-form .form-group input[type="text"]:focus,
     .login-form .form-group input[type="password"]:focus,
     .login-form .form-group input[type="tel"]:focus,
     .login-form .form-group input[type="email"]:focus,
     .login-form .form-group select:focus,
     .login-form .form-group textarea:focus {
         border-color: #cfc436;
     }
     
     .login-form button {
         margin-top: 0px;
         font-size: 16px;
         font-weight: 700;
         border-radius: 0px;
         padding: 6px 19px;
         text-transform: capitalize;
     }
     
     .login-form .psw {
         position: relative;
         color: #333333;
         font-size: 16px;
     }
     /*Comming Soon*/
     
     .comming-soon {
         position: fixed;
         width: 100%;
         height: 100%;
         display: block;
         overflow-y: auto;
         background-size: cover;
     }
     
     .comming-soon:before {
         position: fixed;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(0, 0, 0, 0.70);
     }
     
     .comming-soon .content {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: table;
         text-align: center;
         vertical-align: middle;
     }
     
     .comming-soon .content .content-inner {
         position: relative;
         padding: 50px 15px;
         display: table-cell;
         vertical-align: middle;
     }
     
     .comming-soon .content .content-inner h2 {
         position: relative;
         color: #ffffff;
         font-size: 90px;
         font-weight: 300;
         line-height: 1.2em;
         margin-bottom: 80px;
     }
     
     .comming-soon .content .content-inner .text {
         position: relative;
         color: #ffffff;
         font-size: 20px;
         font-weight: 300;
         line-height: 1.6em;
         margin-top: 28px;
         margin-bottom: 60px;
         letter-spacing: 1px;
     }
     
     .comming-soon .emailed-form .form-group {
         position: relative;
         display: block;
         max-width: 650px;
         margin: 0 auto;
         width: 100%;
         margin-bottom: 20px;
     }
     
     .comming-soon .emailed-form .form-group input[type="text"],
     .comming-soon .emailed-form .form-group input[type="tel"],
     .comming-soon .emailed-form .form-group input[type="email"],
     .comming-soon .emailed-form .form-group textarea {
         position: relative;
         display: block;
         width: 100%;
         line-height: 20px;
         height: 60px;
         font-size: 14px;
         color: #797979;
         overflow: hidden;
         padding: 10px 50px 10px 30px;
         background: #ffffff;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .comming-soon .emailed-form .form-group input[type="submit"],
     .comming-soon .emailed-form button {
         position: absolute;
         right: 5px;
         top: 5px;
         width: 160px;
         height: 50px;
         line-height: 40px;
         color: #ffffff;
         font-size: 14px;
         font-weight: 300;
         text-align: center;
         background: #cfc436;
         letter-spacing: 1px;
         text-transform: capitalize;
     }
     /*Error Section*/
     
     .error-section {
         position: relative;
         padding: 180px 0px 180px;
         background-repeat: no-repeat;
         background-size: cover;
     }
     
     .error-section .content {
         position: relative;
         text-align: center;
     }
     
     .error-section:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(26, 26, 32, 0.70);
     }
     
     .error-section h1 {
         position: relative;
         color: #cfc436;
         font-size: 180px;
         font-weight: 600;
         line-height: 1em;
         margin-bottom: 10px;
     }
     
     .error-section h2 {
         position: relative;
         color: #ffffff;
         font-size: 50px;
         font-weight: 300;
         line-height: 1.2em;
         margin-bottom: 10px;
     }
     
     .error-section .text {
         position: relative;
         color: #ffffff;
         font-size: 20px;
         font-weight: 300;
         margin-top: 20px;
         margin-bottom: 30px;
     }
     /*Faq Page Section*/
     
     .nav-tabs .nav-item.show .nav-link,
     .nav-tabs .nav-link.active {
         color: #495057;
         background-color: #fff;
         border-color: #000 #000 #000;
     }
     
     .faq-page-section {
         position: relative;
         /*padding:90px 0px 0px;
    */
         margin-top: 30px;
         margin-bottom: 10px;
     }
     /*Search Box Widget*/
     
     .faq-page-section .search-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .faq-page-section .search-column .search-box .form-group {
         position: relative;
         margin: 0px;
     }
     
     .faq-page-section .search-column .search-box .form-group input[type="text"],
     .faq-page-section .search-column .search-box .form-group input[type="search"] {
         position: relative;
         line-height: 28px;
         padding: 10px 50px 10px 5px;
         border-bottom: 1px solid #f2f2f2;
         background: none;
         display: block;
         font-size: 18px;
         width: 100%;
         height: 50px;
         color: #848484;
         font-weight: 400;
         transition: all 500ms ease;
         -moz-transition: all 500ms ease;
         -webkit-transition: all 500ms ease;
         -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
         font-family: 'Barlow', sans-serif;
     }
     
     .faq-page-section .search-column .search-box .form-group button {
         position: absolute;
         right: 5px;
         top: 10px;
         height: 28px;
         width: 30px;
         font-size: 16px;
         color: #222222;
         line-height: 100%;
         background: none;
         display: inline-block;
         font-weight: normal;
         text-align: right;
     }
     /*** ==================================================================== Team Single Section ==================================================================== ***/
     
     .team-single-section {
         position: relative;
         padding: 50px 0px 70px;
     }
     
     .team-single-section .team-detail {
         position: relative;
         margin-bottom: 30px;
     }
     
     .team-single-section .team-detail .content-column {
         position: relative;
     }
     
     .team-single-section .team-detail .content-column .inner-box {
         position: relative;
         padding-top: 50px;
     }
     
     .team-single-section .team-detail .content-column .inner-box h2 {
         position: relative;
         color: #222222;
         font-size: 26px;
         font-weight: 700;
         text-transform: uppercase;
     }
     
     .team-single-section .team-detail .content-column .inner-box .title {
         position: relative;
         color: #777777;
         font-size: 18px;
         margin-bottom: 30px;
         padding-bottom: 15px;
         text-transform: uppercase;
     }
     
     .team-single-section .team-detail .content-column .inner-box .title:after {
         position: absolute;
         left: 0px;
         bottom: 0px;
         content: '';
         width: 30px;
         height: 1px;
         background-color: #cfc436;
     }
     
     .team-single-section .content-column .inner-box .social-icon-two li {
         display: inline-block;
         margin-right: 5px;
     }
     /*Skill Box*/
     
     .skills-box {
         position: relative;
         margin-top: 30px;
     }
     
     .skills-box h3 {
         position: relative;
         color: #222222;
         font-size: 15px;
         font-weight: 700;
         padding-bottom: 12px;
         margin-bottom: 30px;
         text-transform: uppercase;
     }
     
     .skills-box h3:before {
         position: absolute;
         left: 0px;
         bottom: 0px;
         content: '';
         width: 30px;
         height: 1px;
         background-color: #cfc436;
     }
     /*** ==================================================================== Progress Levels Section ==================================================================== ***/
     
     .progress-levels {
         position: relative;
         margin-bottom: 30px;
     }
     
     .normal-section .column .progress-levels {
         padding-left: 15px;
     }
     
     .progress-levels .progress-box {
         position: relative;
         overflow: hidden;
         margin-bottom: 20px;
         padding-right: 160px;
         padding-top: 4px;
         padding-bottom: 4px;
     }
     
     .progress-levels .progress-box:last-child {
         margin-bottom: 0px;
     }
     
     .progress-levels .progress-box .box-title {
         position: absolute;
         font-size: 15px;
         color: #777777;
         font-weight: 400;
         top: -4px;
         right: 0px;
         text-transform: capitalize;
     }
     
     .progress-levels .progress-box .bar {
         position: relative;
         height: 12px;
     }
     
     .progress-levels .progress-box .bar .bar-innner {
         position: relative;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 12px;
         border-radius: 5px;
         background-color: #f4f4f4;
     }
     
     .progress-levels .progress-box .bar .bar-fill {
         position: absolute;
         left: -100%;
         top: 0px;
         width: 0px;
         height: 12px;
         background: #cfc436;
         border-radius: 5px;
         -moz-transition: all 2000ms ease 300ms;
         -webkit-transition: all 2000ms ease 300ms;
         -ms-transition: all 2000ms ease 300ms;
         -o-transition: all 2000ms ease 300ms;
         transition: all 2000ms ease 300ms;
     }
     
     .progress-levels .progress-box.animated .bar .bar-fill {
         left: 0px;
     }
     
     .progress-levels .progress-box.animated .percent {
         opacity: 1;
     }
     
     .team-single-section .team-detail .image-column {
         position: relative;
     }
     
     .team-single-section .team-detail .image-column .image {
         position: relative;
         text-align: center;
     }
     
     .team-single-section .team-detail .text {
         position: relative;
         margin-top: 30px;
     }
     
     .team-single-section .team-detail .text p {
         position: relative;
         color: #777777;
         font-size: 16px;
         margin-bottom: 20px;
     }
     
     .team-single-section .team-detail .text p:last-child {
         margin-bottom: 0px;
     }
     /*Team Single Section*/
     
     .team-single-section {
         position: relative;
     }
     
     .team-single-section .team-title {
         position: relative;
         color: #222222;
         font-size: 24px;
         font-weight: 700;
         padding-bottom: 12px;
         margin-bottom: 50px;
         text-transform: uppercase;
     }
     
     .team-single-section .team-title:after {
         position: absolute;
         left: 0px;
         bottom: 0px;
         content: '';
         width: 50px;
         height: 1px;
         background-color: #85c977;
     }
     
     .testimonial-page-section {
         position: relative;
         padding: 90px 0px 50px;
     }
     
     .testimonial-block-three {
         position: relative;
         margin-bottom: 55px;
     }
     
     .testimonial-block-three .inner-box {
         position: relative;
         padding: 35px 35px 45px;
         border: 1px solid #e1e1e1;
     }
     
     .testimonial-block-three .inner-box h3 {
         position: relative;
         color: #3d3e3e;
         font-size: 24px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 20px;
     }
     
     .testimonial-block-three .inner-box .text {
         position: relative;
         color: #777777;
         font-size: 14px;
         line-height: 2em;
     }
     
     .testimonial-block-three .inner-box .author-info {
         position: relative;
         color: #cfc436;
         font-size: 14px;
         margin-top: 20px;
     }
     
     .testimonial-block-three .inner-box .author-info span {
         position: relative;
         color: #777777;
         margin-left: 25px;
     }
     
     .testimonial-block-three .inner-box .quote-icon {
         position: absolute;
         right: 50px;
         bottom: -16px;
         width: 36px;
         height: 32px;
         color: #cfc436;
         font-size: 16px;
         font-weight: 600;
         text-align: center;
         line-height: 30px;
         background-color: #ebebeb;
     }
     
     .color-trigger .fa {
         -webkit-animation: rotation 2s infinite linear;
     }
     
     @-webkit-keyframes rotation {
         from {
             -webkit-transform: rotate(0deg);
         }
         to {
             -webkit-transform: rotate(359deg);
         }
     }
     
     .subscribe-section-two {
         position: relative;
         padding: 75px 0px 70px;
         background-color: #0d0d0c;
     }
     
     .subscribe-section-two .auto-container {
         position: relative;
     }
     
     .subscribe-section-two .inner-container {
         position: relative;
         max-width: 980px;
         margin: 0 auto;
         padding-left: 300px;
     }
     
     .subscribe-section-two .inner-container h2 {
         position: absolute;
         left: 0px;
         top: -20px;
         color: #ffffff;
         font-size: 36px;
         line-height: 1.1em;
         text-transform: uppercase;
     }
     
     .subscribe-section-two .inner-container h2 span {
         position: relative;
         font-size: 16px;
         font-weight: 700;
         display: block;
         color: #cfc436;
         text-transform: capitalize;
     }
     
     .newsletter-form {
         margin-top: 20px;
     }
     
     .newsletter-form .form-group {
         position: relative;
         display: block;
         max-width: 650px;
         margin: 0 auto;
         width: 100%;
         margin-bottom: 20px;
     }
     
     .newsletter-form .form-group input[type="text"],
     .newsletter-form .form-group input[type="tel"],
     .newsletter-form .form-group input[type="email"],
     .newsletter-form .form-group textarea {
         position: relative;
         display: block;
         width: 100%;
         line-height: 20px;
         height: 60px;
         font-size: 14px;
         color: #797979;
         overflow: hidden;
         border-radius: 50px;
         background: #ffffff;
         padding: 10px 50px 10px 30px;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .newsletter-form .form-group input[type="submit"],
     .newsletter-form button {
         position: absolute;
         right: 5px;
         top: 5px;
         width: 160px;
         height: 50px;
         line-height: 40px;
         color: #ffffff;
         font-size: 16px;
         font-weight: 700;
         text-align: center;
         background: #cfc436;
         letter-spacing: 1px;
         border-radius: 50px;
         text-transform: uppercase;
     }
     /*Team Section Two*/
     
     .team-section-two {
         position: relative;
         padding: 80px 0px 40px;
     }
     
     .team-block-two {
         position: relative;
         margin-bottom: 40px;
     }
     
     .team-block-two .inner-box {
         position: relative;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
         border: 2px solid #dddddd;
         border-bottom: 0px;
     }
     
     .team-block-two .inner-box .image {
         position: relative;
         text-align: center;
         background-color: #f7f8f7;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .team-block-two .inner-box .image img {
         position: relative;
     }
     
     .team-block-two .inner-box .lower-content {
         position: relative;
         padding-top: 32px;
         text-align: center;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .team-block-two .inner-box .lower-content:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 50%;
         height: 0%;
         display: block;
         background-color: #f5f5f5;
         -webkit-transition: all 600ms ease;
         -ms-transition: all 600ms ease;
         -o-transition: all 600ms ease;
         -moz-transition: all 600ms ease;
         transition: all 600ms ease;
     }
     
     .team-block-two .inner-box .lower-content:after {
         position: absolute;
         content: '';
         right: 0px;
         bottom: 0px;
         width: 50%;
         height: 0%;
         display: block;
         background-color: #f5f5f5;
         -webkit-transition: all 600ms ease;
         -ms-transition: all 600ms ease;
         -o-transition: all 600ms ease;
         -moz-transition: all 600ms ease;
         transition: all 600ms ease;
     }
     
     .team-block-two .inner-box:hover .lower-content:before,
     .team-block-two .inner-box:hover .lower-content:after {
         height: 100%;
     }
     
     .team-block-two .inner-box .lower-content h3 {
         position: relative;
         color: #cfc436;
         font-size: 20px;
         font-weight: 700;
         z-index: 1;
         line-height: 1.4em;
         margin-bottom: 6px;
         text-transform: uppercase;
     }
     
     .team-block-two .inner-box .lower-content h3 a {
         poistion: relative;
         color: #cfc436;
     }
     
     .team-block-two .inner-box:hover .lower-content h3 a {
         color: #222222;
     }
     
     .team-block-two .inner-box .lower-content .designation {
         position: relative;
         color: #777777;
         z-index: 1;
         font-size: 14px;
         margin-bottom: 35px;
     }
     
     .team-block-two .inner-box .lower-content .social-navs {
         position: relative;
         width: 100%;
         z-index: 1;
         background-color: #222222;
         -webkit-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .team-block-two .inner-box .lower-content .social-navs:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 0%;
         height: 100%;
         display: block;
         background-color: #cfc436;
         -webkit-transition: all 900ms ease;
         -ms-transition: all 900ms ease;
         -o-transition: all 900ms ease;
         -moz-transition: all 900ms ease;
         transition: all 900ms ease;
     }
     
     .team-block-two .inner-box:hover .lower-content .social-navs:before {
         width: 100%;
     }
     
     .team-block-two .inner-box .lower-content .social-navs li {
         position: relative;
         margin: 0px 0px;
         display: inline-block;
     }
     
     .team-block-two .inner-box .lower-content .social-navs li a {
         position: relative;
         color: #ffffff;
         font-size: 16px;
         width: 44px;
         padding: 12px 15px;
         display: inline-block;
         -webkit-transition: all 900ms ease;
         -ms-transition: all 900ms ease;
         -o-transition: all 900ms ease;
         -moz-transition: all 900ms ease;
         transition: all 900ms ease;
     }
     
     .team-block-two .inner-box .lower-content .social-navs li a:hover {
         color: #ffffff;
         background-color: #000000;
     }
     
     .team-block-two .inner-box:hover .image {
         background-color: #ffffff;
         border-color: #cfc436;
         border-bottom-color: #f5f5f5;
     }
     
     .team-block-two .inner-box:hover {
         border-color: #cfc436
     }
     
     .team-block-two .inner-box:hover .lower-content {
         /*border-left-color:#cfc436;
     border-right-color:#cfc436;
    */
     }
     /*News Block Three*/
     
     .news-block-three {
         position: relative;
         margin-bottom: 40px;
     }
     
     .news-block-three .inner-box {
         position: relative;
         overflow: hidden;
     }
     
     .news-block-three .inner-box .image {
         position: relative;
     }
     
     .news-block-three .inner-box:hover .image img {
         position: relative;
         width: 100%;
         display: block;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .news-block-three .inner-box:hover .image img {
         opacity: 0.7;
     }
     
     .news-block-three .inner-box .image .option-box {
         position: absolute;
         right: 0px;
         top: 0px;
         width: 60px;
         height: 60px;
         font-size: 20px;
         color: #ffffff;
         z-index: 1;
         line-height: 40px;
         padding: 10px 15px;
         text-align: center;
         display: inline-block;
         border-radius: 50px 0px 50px 50px;
         background-color: #cfc436;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .news-block-three .inner-box .image .option-box:before {
         position: absolute;
         content: '';
         left: 4px;
         top: 4px;
         right: 4px;
         bottom: 4px;
         border: 1px dashed #ffffff;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
         border-radius: 50px 0px 50px 50px;
     }
     
     .news-block-three .inner-box:hover .image .option-box:before,
     .news-block-three .inner-box:hover .image .option-box {
         border-radius: 0px;
     }
     
     .news-block-three .inner-box .image .post-info {
         position: absolute;
         left: 0px;
         bottom: 0px;
         width: 100%;
         padding: 12px 20px;
         background-color: #222222;
     }
     
     .news-block-three .inner-box .image .post-info li {
         position: relative;
         color: #ffffff;
         margin-right: 10px;
         padding-right: 10px;
         display: inline-block;
     }
     
     .news-block-three .inner-box .image .post-info li:after {
         position: absolute;
         content: '/';
         right: -6px;
         top: 0px;
     }
     
     .news-block-three .inner-box .image .post-info li:last-child::after {
         display: none;
     }
     
     .news-block-three .inner-box .image .post-date {
         position: absolute;
         right: 0px;
         top: 0px;
         font-size: 16px;
         color: #ffffff;
         padding: 10px 15px;
         text-align: center;
         border-radius: 50px 0px 50px 50px;
         background-color: #cfc436;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .news-block-three .inner-box .image .post-date:before {
         position: absolute;
         content: '';
         left: 4px;
         top: 4px;
         right: 4px;
         bottom: 4px;
         border: 1px dashed #ffffff;
         border-radius: 50px 0px 50px 50px;
     }
     
     .news-block-three .inner-box:hover .image .post-date {
         background-color: #222222;
     }
     
     .news-block-three .inner-box .image .post-date span {
         font-weight: 700;
         display: block;
     }
     
     .news-block-three .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .news-block-three .inner-box .lower-content {
         position: relative;
         padding-top: 20px;
     }
     
     .news-block-three .inner-box .lower-content h3 {
         position: relative;
         font-size: 24px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 8px;
     }
     
     .news-block-three .inner-box .lower-content h3 a {
         position: relative;
         color: #222222;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .news-block-three .inner-box .lower-content h3 a:hover {
         color: #cfc436;
     }
     /*** ==================================================================== Fullwidth Section ==================================================================== ***/
     
     .fullwidth-gallery-section {
         position: relative;
         padding: 80px 0px;
         overflow: hidden;
         background-color: #f5f5f5;
     }
     
     .fullwidth-gallery-section .big-letter {
         position: absolute;
         color: #222222;
         font-size: 200px;
         font-weight: 700;
         line-height: 1em;
         left: 0px;
         top: 0px;
         opacity: 0.10;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .fullwidth-gallery-section .outer-container {
         position: static;
     }
     
     .fullwidth-gallery-section .owl-carousel .owl-stage-outer {
         overflow: visible;
     }
     
     .fullwidth-gallery-section .owl-dots {
         display: none;
     }
     
     .fullwidth-gallery-section .owl-nav {
         position: absolute;
         left: 0px;
         top: 50%;
         width: 100%;
         margin-top: -35px;
     }
     
     .fullwidth-gallery-section .owl-nav .owl-prev {
         position: absolute;
         left: -60px;
         width: 70px;
         height: 60px;
         display: inline-block;
         background: url(../images/icons/prev-icon.png) no-repeat;
     }
     
     .fullwidth-gallery-section .owl-nav .owl-next {
         position: absolute;
         right: -60px;
         width: 70px;
         height: 60px;
         display: inline-block;
         background: url(../images/icons/next-icon.png) no-repeat;
     }
     
     .project-block-two {
         position: relative;
     }
     
     .project-block-two .inner-box {
         position: relative;
     }
     
     .project-block-two .inner-box .content-column {
         position: relative;
         margin-bottom: 40px;
     }
     
     .project-block-two .inner-box .content-column .inner-column {
         position: relative;
         padding-top: 95px;
     }
     
     .project-block-two .inner-box .content-column .inner-column .slide-number {
         position: relative;
         color: #febc35;
         font-size: 24px;
         font-weight: 700;
         margin-bottom: 50px;
     }
     
     .project-block-two .inner-box .content-column .inner-column .slide-number span {
         font-size: 16px;
     }
     
     .project-block-two .inner-box .content-column .inner-column h2 {
         position: relative;
         margin-bottom: 30px;
     }
     
     .project-block-two .inner-box .content-column .inner-column h2 a {
         position: relative;
         color: #222222;
         font-size: 36px;
         font-weight: 700;
         line-height: 1.3em;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .project-block-two .inner-box .content-column .inner-column .see-project:hover,
     .project-block-two .inner-box .content-column .inner-column h2 a:hover {
         color: #febc35;
     }
     
     .project-block-two .inner-box .content-column .inner-column .see-project {
         position: relative;
         color: #222222;
         font-size: 14px;
         font-weight: 700;
         text-transform: uppercase;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .project-block-two .inner-box .content-column .inner-column .see-project .arrow {
         position: relative;
         top: 1px;
     }
     
     .project-block-two .inner-box .image-column {
         position: relative;
     }
     
     .project-block-two .inner-box .image-column .image {
         position: relative;
     }
     
     .project-block-two .inner-box .image-column .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     /*** ==================================================================== Testimonial Section Two ==================================================================== ***/
     
     .testimonial-section-two {
         position: relative;
         padding: 80px 0px;
     }
     
     .testimonial-section-two .sec-title {
         padding-bottom: 30px;
         border-bottom: 2px solid #f5f5f5;
     }
     
     .testimonial-section-two .owl-dots {
         display: none;
     }
     
     .testimonial-section-two .owl-nav {
         position: absolute;
         right: 0px;
         top: -110px;
     }
     
     .testimonial-section-two .owl-nav .owl-next {
         border-left: 2px solid #222222;
     }
     
     .testimonial-section-two .owl-nav .owl-prev,
     .testimonial-section-two .owl-nav .owl-next {
         position: relative;
         color: #222222;
         font-size: 22px;
         font-weight: 700;
         padding-left: 16px;
         margin-left: 14px;
         line-height: 1em;
         display: inline-block;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .testimonial-section-two .owl-nav .owl-prev:hover,
     .testimonial-section-two .owl-nav .owl-next:hover {
         color: #cfc436;
     }
     
     .testimonial-block-four {
         position: relative;
         margin-bottom: 30px;
     }
     
     .testimonial-block-four .inner-box {
         position: relative;
     }
     
     .testimonial-block-four .inner-box .image-column {
         position: relative;
     }
     
     .testimonial-block-four .inner-box .image-column .image {
         position: relative;
     }
     
     .testimonial-block-four .inner-box .image-column .image .quote-icon {
         position: absolute;
         left: 0px;
         width: 35px;
         height: 35px;
         color: #ffffff;
         font-size: 16px;
         line-height: 35px;
         text-align: center;
         z-index: 1;
         background-color: #cfc436;
     }
     
     .testimonial-block-four .inner-box .image-column .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .testimonial-block-four .inner-box .content-column {
         position: relative;
     }
     
     .testimonial-block-four .inner-box .content-column .inner-column {
         position: relative;
         padding-top: 12px;
     }
     
     .testimonial-block-four .inner-box .content-column h3 {
         position: relative;
         color: #222222;
         font-size: 18px;
         font-weight: 700;
         line-height: 1.4em;
         margin-bottom: 20px;
     }
     
     .testimonial-block-four .inner-box .content-column h3 span {
         position: relative;
         color: #cfc436;
         font-size: 14px;
         font-weight: 400;
     }
     
     .testimonial-block-four .inner-box .content-column .text {
         position: relative;
         color: #777777;
         font-size: 15px;
         line-height: 1.7em;
         margin-bottom: 20px;
     }
     
     .testimonial-block-four .inner-box .content-column .rating {
         position: relative;
     }
     
     .testimonial-block-four .inner-box .content-column .rating .fa {
         position: relative;
         color: #cfc436;
         font-size: 14px;
     }
     
     .we-do-section {
         position: relative;
         padding: 80px 0px 0px;
         background-repeat: repeat;
     }
     
     .services-block-three {
         position: relative;
     }
     
     .services-block-three .inner-box {
         position: relative;
     }
     
     .services-block-three .inner-box .image {
         position: relative;
     }
     
     .services-block-three .inner-box .image img {
         position: relative;
         width: 100%;
         display: block;
     }
     
     .services-block-three .inner-box .lower-content {
         position: relative;
         padding: 33px 20px;
         text-align: center;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .services-block-three .inner-box .lower-content:before {
         position: absolute;
         content: '';
         left: 0px;
         bottom: 0px;
         width: 100%;
         height: 0px;
         opacity: 0;
         background-color: #cfc436;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .services-block-three .inner-box:hover .lower-content:before {
         height: 100%;
         opacity: 1;
     }
     
     .services-block-three .inner-box .lower-content h3 {
         position: relative;
         color: #222222;
         font-size: 20px;
         font-weight: 600;
         line-height: 1.4em;
         padding-bottom: 15px;
         margin-bottom: 18px;
     }
     
     .services-block-three .inner-box .lower-content h3:after {
         position: absolute;
         content: '';
         left: 50%;
         bottom: 0px;
         height: 2px;
         width: 50px;
         margin-left: -25px;
         background-color: #cfc436;
     }
     
     .services-block-three .inner-box .lower-content h3 a {
         position: relative;
         color: #222222;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .services-block-three .inner-box:hover .lower-content h3:after {
         background-color: #ffffff;
     }
     
     .services-block-three .inner-box:hover .lower-content .text,
     .services-block-three .inner-box:hover .lower-content h3 a {
         color: #ffffff;
     }
     
     .services-block-three .inner-box .lower-content .text {
         position: relative;
         font-size: 15px;
         color: #222;
         line-height: 1.7em;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .we-do-section .owl-carousel.owl-drag .owl-item {
         margin-right: 0px !important;
     }
     
     .we-do-section .owl-dots {
         display: none;
     }
     
     .we-do-section .owl-nav {
         position: absolute;
         right: 100px;
         top: -100px;
         z-index: 99;
     }
     
     .we-do-section .owl-prev,
     .we-do-section .owl-next {
         position: relative;
         height: 40px;
         width: 40px;
         line-height: 36px;
         text-align: center;
         font-size: 20px;
         color: #252525;
         margin-left: 15px;
         background-color: #ffffff;
         display: inline-block;
         border: 2px solid #252525;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
     
     .we-do-section .owl-prev:hover,
     .we-do-section .owl-next:hover {
         color: #ffffff;
         border-color: #cfc436;
         background-color: #cfc436;
     }
     
     .color-palate .option-box>li {
         position: relative;
         color: #ffffff;
         width: 40%;
         margin: 0px 3px;
         cursor: pointer;
         margin-bottom: 9px;
         padding: 6px 12px;
         display: inline-block;
         background-color: #cfc436;
         text-transform: capitalize;
     }
     /* Rtl */
     
     .rtl .header-style-three .main-box .logo-box,
     .rtl .header-top-three .top-left,
     .rtl .main-header .header-upper .logo-box,
     .rtl .header-style-two .main-box .logo-box,
     .rtl .header-top-two .top-right .links,
     .rtl .header-style-four .header-upper .logo-box,
     .rtl .main-header.header-style-five .main-menu,
     .rtl .header-style-six .header-upper .info-box.left-info,
     .rtl .main-header.header-style-five .header-upper .logo-box {
         float: right;
     }
     
     .rtl .main-header.header-style-four .header-upper .upper-right,
     .rtl .main-header.header-style-six .info-box:last-child,
     .rtl .main-header.header-style-five .header-lower .outer-box,
     .rtl .main-header.header-style-five .header-upper .upper-right,
     .rtl .header-style-three .nav-outer,
     .rtl .header-top-three .top-right,
     .rtl .main-header .header-upper .upper-right,
     .rtl .header-top-two .top-right .social-icons {
         float: left;
     }
     
     .rtl .header-top-two .top-right {
         width: 100%;
         padding-right: 315px;
     }
     
     .rtl .main-header.header-style-two .search-box-outer .dropdown-menu {
         left: 0px;
         right: auto;
     }
     
     .rtl .header-top-two .top-right .social-icons {
         float: left;
     }
     
     .rtl .header-style-five .header-upper .auto-container {
         padding-left: 0px;
         padding-right: 80px;
     }
     
     .rtl .main-header.header-style-five .info-box {
         margin: 0px;
     }
     
     .rtl .header-top-two .top-right .links li {
         margin-right: 0px;
         margin-left: 25px;
         text-align: right;
         float: left;
     }
     
     .rtl .header-style-two .main-box .logo-box:before {
         left: -60px;
         -ms-transform: skewX(25deg);
         -webkit-transform: skewX(25deg);
         transform: skewX(25deg);
     }
     
     .rtl .header-style-two .nav-outer {
         padding-left: 0px;
         float: left;
     }
     
     .rtl .newsletter-form .form-group input {
         padding: 12px 12px 12px 180px;
     }
     
     .rtl .newsletter-form .form-group input[type="submit"],
     .rtl .newsletter-form button {
         left: 5px;
         right: auto;
     }
     
     .rtl .sec-title.centered {
         text-align: center;
     }
     
     .rtl .sidebar-title h2,
     .rtl .sec-title,
     .rtl .social-icon-two,
     .rtl .page-title h1,
     .rtl .blog-single .inner-box,
     .rtl .about-block .inner-box .lower-content,
     .rtl .about-section-two .content-column .inner-column,
     .rtl .project-block-two .inner-box .content-column .inner-column,
     .rtl .main-footer .footer-widget h2,
     .rtl .main-footer .logo-widget,
     .rtl .offer-section .offer-tabs .tab-btns .tab-btn,
     .rtl .accordion-box .block .acc-btn,
     .rtl .products-section .title-column .text,
     .rtl .factory-section .content-column .inner-column,
     .rtl .construction-section .content-column,
     .rtl .testimonial-block-three .inner-box,
     .rtl .news-block-three .inner-box .lower-content,
     .rtl .news-block-three .inner-box .image .post-info,
     .rtl .testimonial-block .inner-box .content .text,
     .rtl .testimonial-block .inner-box .content h3,
     .rtl .subscribe-section-two .inner-container h2,
     .rtl .service-single .inner-box,
     .rtl .main-footer-three .text,
     .rtl .footer-style-two .info-column .inner-column,
     .rtl .project-block .inner-box .image .overlay-box,
     .rtl .reason-section .content-column .inner-column,
     .rtl .project-block .inner-box .image .overlay-two .overlay-two-inner,
     .rtl .services-block-two .inner-box .image .overlay-box,
     .rtl .about-section .content-column .inner-column,
     .rtl .fluid-section-one .content-column .inner-column,
     .rtl .accordion-box .block .content .text,
     .rtl .news-block-two .inner-box .content-column,
     .rtl .news-block .inner-box .lower-content,
     .rtl .team-single-section .team-detail .text,
     .rtl .footer-style-two .info-column .inner-column,
     .rtl .project-single-section .lower-section .contact-column .inner-column,
     .rtl .project-single-section .lower-section .content-column h2,
     .rtl .project-single-section .lower-section .content-column .text,
     .rtl .main-menu .navigation>li>.mega-menu .mega-menu-bar,
     .rtl .call-to-action-section h2,
     .rtl .project-single-section .upper-section .info-column .inner-column,
     .rtl .testimonial-block-four .inner-box .content-column .inner-column {
         text-align: right;
     }
     
     .rtl .services-block-two .inner-box .lower-box .icon-box,
     .rtl .fact-counter-section .outer-image {
         right: 0px;
         left: auto;
     }
     
     .rtl .services-block-two .inner-box .lower-box {
         padding-right: 100px;
         padding-left: 15px;
         text-align: right;
     }
     
     .rtl .testimonial-block .inner-box .content .rating {
         left: 30px;
         right: auto;
     }
     
     .rtl .list-style-one li {
         padding-left: 0px;
         text-align: right;
         padding-right: 30px;
     }
     
     .rtl .news-widget-block .widget-inner .image,
     .rtl .list-style-one li .icon {
         right: 0px;
         left: auto;
     }
     
     .rtl .news-widget-block .widget-inner {
         padding-left: 0px;
         padding-right: 100px;
         text-align: right;
     }
     
     .rtl .main-header .info-box {
         margin-left: 0px;
         margin-right: 50px;
         text-align: right;
         padding-left: 0px;
         padding-right: 65px;
     }
     
     .rtl .reason-list li {
         padding-left: 0px;
         padding-right: 75px;
     }
     
     .rtl .default-section .news-column .inner-column .owl-nav {
         left: 0px;
         right: auto;
     }
     
     .rtl .list-style-five li:before,
     .rtl .testimonial-block-four .inner-box .image-column .image .quote-icon,
     .rtl .reason-list li .icon {
         right: 0px;
         left: auto;
     }
     
     .rtl .reason-list-two li,
     .rtl .list-style-two li {
         padding-left: 0px;
         text-align: right;
         padding-right: 40px;
     }
     
     .rtl .brochure-box .inner .icon,
     .rtl .reason-list-two li .icon,
     .rtl .list-style-two li .icon {
         left: auto;
         right: 0px;
     }
     
     .rtl .accordion-box .block .icon-outer {
         left: 40px;
         right: auto;
     }
     
     .rtl .subscribe-form .form-group input {
         padding: 12px 12px 12px 165px;
     }
     
     .rtl .testimonial-section .owl-nav,
     .rtl .subscribe-form .form-group input[type="submit"],
     .rtl .subscribe-form button {
         left: 0px;
         right: auto;
     }
     
     .rtl .construction-section .content-column .text {
         margin-right: 0px;
     }
     
     .rtl .offer-section .side-image {
         display: none;
     }
     
     .rtl .offer-section .offer-tabs {
         padding-right: 0px;
     }
     
     .rtl .comming-soon .emailed-form .form-group input[type="submit"],
     .rtl .comming-soon .emailed-form button {
         left: 5px;
         right: auto;
     }
     
     .rtl .comming-soon .emailed-form .form-group input {
         padding-left: 180px;
     }
     
     .rtl .progress-levels .progress-box {
         padding-right: 0px;
         padding-left: 160px;
     }
     
     .rtl .progress-levels .progress-box .box-title {
         right: auto;
         left: 0px;
     }
     
     .rtl .cat-list li a,
     .rtl .list-style-five li,
     .rtl .brochure-box .inner,
     .rtl .list-style-four li {
         text-align: right;
         padding-left: 0px;
         padding-right: 30px;
     }
     
     .rtl .cat-list li a:before,
     .rtl .list-style-four li:before {
         right: 0px;
         left: auto;
         transform: rotate(180deg);
     }
     
     .rtl .sidebar .popular-posts .post {
         padding-left: 0px;
         text-align: right;
         padding-right: 106px;
     }
     
     .rtl .sidebar .related-posts .post .post-thumb,
     .rtl .sidebar-page-container .comments-area .comment-box .author-thumb,
     .rtl .sidebar .popular-posts .post .post-thumb {
         right: 0px;
         left: auto;
     }
     
     .rtl .shop-comment-form,
     .rtl .prod-tabs .tabs-content .tab .title,
     .rtl .service-single .service-tabs .tabs-content .tab .content,
     .rtl .contact-page-info-section .info-column .text,
     .rtl .shop-single .product-details .prod-tabs .tabs-content .tab .content,
     .rtl .product-details .basic-details .text,
     .rtl .product-details .basic-details .details-header,
     .rtl .shop-item .inner-box .lower-content h3,
     .rtl .popular-tags .widget-content {
         text-align: right;
     }
     
     .rtl .sidebar-page-container .comments-area .comment {
         padding-left: 0px;
         text-align: right;
         padding-right: 125px;
     }
     
     .rtl .sidebar-page-container .comments-area .comment .comment-reply {
         left: 0px;
         right: auto;
     }
     
     .rtl .sidebar .related-posts .post {
         padding-left: 0px;
         padding-right: 95px;
         text-align: right;
     }
     
     .rtl .we-do-section .owl-nav {
         left: 0px;
         right: auto;
     }
     
     .rtl .main-header.header-style-two .nav-outer .outer-box {
         float: left;
         margin-left: 0px;
         margin-right: 30px;
     }
     
     .bootstrap-touchspin .input-group-btn-vertical {
         display: none;
     }
     
     .rtl .header-style-two .main-menu {
         float: right;
     }
     
     .rtl .header-style-one .main-menu {
         float: right;
         padding-right: 20px;
     }
     
     .rtl .main-header .header-lower .outer-box {
         float: left;
     }
     
     .rtl .header-style-one .nav-outer .outer-box .search-box-outer {
         float: right;
         margin-left: 30px;
         margin-right: 0px;
     }
     
     .rtl .header-style-one .header-lower .outer-box .advisor-box {
         float: left;
     }
     
     .rtl .header-style-one .nav-outer {
         padding-left: 0px;
     }
     
     .rtl .header-style-one .header-lower .outer-box .advisor-box .advisor-btn:before {
         display: none;
     }
     
     .rtl .header-style-one .search-box-outer .dropdown-menu {
         left: 0px;
         right: auto;
     }
     
     .rtl .header-style-one .header-top .top-left .links li a {
         padding-left: 0px;
         padding-right: 22px;
         text-align: right;
     }
     
     .rtl .main-header .header-top .top-left .links li a .icon {
         right: 0px;
         left: auto;
         margin-right: 0px;
     }
     
     .rtl .header-top-three .top-left .links li a .icon,
     .rtl .header-style-one .info-box .icon-box {
         right: 0px;
         left: auto;
     }
     
     .rtl .header-top-three .top-left .links li a {
         padding-left: 0px;
         padding-right: 24px;
         text-align: right;
     }
     
     .rtl .header-style-three .main-menu {
         float: right;
     }
     
     .rtl .header-style-three .nav-outer .outer-box {
         margin-left: 0px;
         margin-right: 30px;
     }
     
     .rtl .header-style-four .info-box .icon-box {
         right: 0px;
         left: auto;
     }
     
     .rtl .main-header.header-style-five .info-box {
         text-align: right;
         padding-left: 65px;
         padding-right: 120px;
     }
     
     .rtl .main-header.header-style-five .info-box .icon-box {
         left: auto;
         right: 40px;
     }
     
     .rtl .header-style-six .main-menu {
         float: right;
     }
     
     .rtl .main-header.header-style-six .nav-outer .outer-btn {
         float: left;
     }
     
     .rtl .header-style-six .header-upper .info-box.left-info {
         padding-right: 0px;
         margin-right: 0px;
     }
     
     .rtl .main-header.header-style-three .search-box-outer .dropdown-menu,
     .rtl .main-header.header-style-six .search-box-outer .dropdown-menu,
     .rtl .main-header.header-style-five .search-box-outer .dropdown-menu {
         left: 0px;
         right: auto;
     }
     
     .rtl .header-style-one .info-box:last-child {
         order: 1;
     }
     
     .rtl .header-style-one .info-box {
         float: right;
     }
     
     .rtl .form-group textarea,
     .rtl .ui-menu .ui-menu-item-wrapper,
     .rtl .ui-selectmenu-button.ui-button,
     .rtl .form-group input[type="text"],
     .rtl .form-group input[type="tel"],
     .rtl .form-group input[type="email"],
     .rtl .form-group select {
         text-align: right;
     }
     
     .rtl .subscribe-form-two .form-group input[type="text"],
     .rtl .subscribe-form-two .form-group input[type="tel"],
     .rtl .subscribe-form-two .form-group input[type="email"],
     .rtl .subscribe-form-two .form-group textarea {
         text-align: right;
     }
     
     .rtl .subscribe-form-two .form-group .subscribe-btn {
         left: 0px;
         right: auto;
         border-radius: 50px 0px 0px 50px;
     }
     
     .subscribe-section .title-column .inner-column {}
     
     .rtl .subscribe-section .title-column {
         text-align: right;
         padding-right: 80px;
     }
     
     .rtl .list-style-three li {
         text-align: right;
         padding-left: 0px;
         padding-right: 20px;
     }
     
     .rtl .list-style-three li:before {
         left: auto;
         right: 0px;
         transform: rotate(180deg);
     }
     
     .rtl footer .footer-bottom .footer-nav,
     .rtl footer .footer-bottom .copyright {
         text-align: right;
     }
     
     .rtl .consult-form .form-group .btn-detail,
     .rtl .main-menu .navigation>li>ul>li>a,
     .rtl .main-menu .navigation>li>ul>li>ul>li>a {
         text-align: right;
     }
     
     .rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
         display: none;
     }
     
     .rtl .testimonial-section-two .owl-nav {
         left: 0px;
         right: auto;
     }
     
     .rtl .testimonial-section-two .owl-nav .owl-prev,
     .rtl .testimonial-section-two .owl-nav .owl-next {
         margin-left: 0px;
         padding-right: 0px;
         padding-right: 14px;
     }
     
     .rtl .news-block-two .inner-box .content-column .post-meta li .icon,
     .rtl .consult-form .form-group .btn-detail .fa {
         float: right;
         margin-right: 0px;
         margin-left: 10px;
     }
     
     .rtl .footer-bottom-two .footer-nav,
     .rtl .footer-bottom-two .copyright,
     .rtl .main-footer-three .footer-widget h2,
     .rtl .main-footer-three .logo,
     .rtl .hidden-bar .side-menu {
         text-align: right;
     }
     
     .rtl .hidden-bar .side-menu ul li a .btn.expander {
         left: 20px;
         right: auto;
     }
     
     .rtl .main-footer-three .footer-widget {
         padding-right: 30px;
     }
     
     .rtl .blog-cat li a {
         text-align: right;
     }
     
     .rtl .blog-cat li a:before {
         left: 20px;
         right: auto;
     }
     
     .rtl .team-single-section .team-detail .content-column .inner-box {
         text-align: right;
     }
     
     .rtl .skills-box h3:before,
     .rtl .team-single-section .team-detail .content-column .inner-box .title:after {
         right: 0px;
         left: auto;
     }
     
     .rtl .social-icon-three li {
         margin-right: 0px;
         margin-left: 18px;
     }
     
     .rtl .hidden-bar .logo {
         text-align: right;
     }
     
     .rtl .main-header.header-style-four .info-box {
         float: right;
     }
     
     .rtl .header-style-four .header-upper .outer-box {
         margin-top: 0px;
         margin-left: 0px;
         margin-right: 25px;
     }
     /*new css code*/
     /** * Template Name: BizPage - v5.8.0 * Template URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/ * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ */
     /*-------------------------------------------------------------- # General --------------------------------------------------------------*/
     
     .whatsapp-chat {
         width: 80px;
         height: 80px;
         right: 5px;
         bottom: 10px;
         position: fixed;
         z-index: 99999;
     }
     
     .ld-shap {
         width: 200px;
         height: 200px;
         left: 5px;
         bottom: 10px;
         margin-top: -50px;
         position: fixed;
         z-index: 99999;
         margin-bottom: 65px;
     }
     
     .modal-footer .btn {
         background-color: #ccc334;
         font-family: "Open Sans", sans-serif;
     }
     
     .icon-bar {
         border-radius: 10px;
         position: fixed;
         top: 50%;
         -webkit-transform: translate(-50%);
         -ms-transform: translateX(-50%);
         transform: translateY(-50%);
         height: 80px;
         right: 1px;
         bottom: 10px;
         z-index: 99999;
     }
     
     .icon-bar a {
         display: block;
         text-align: center;
         padding: 10px;
         transition: all 0.3s ease;
         color: white;
         font-size: 18px;
         padding: 3px;
     }
     
     .icon-bar a:hover {
         background-color: #d1c735;
     }
     
     .facebook {
         background: #cfc436;
         color: white;
         vertical-align: bottom;
         text-align: center;
         -ms-writing-mode: tb-rl;
         -webkit-writing-mode: vertical-rl;
         writing-mode: vertical-rl;
         transform: rotate(180deg);
         white-space: nowrap;
     }
     
     .input-group {
         padding-left: 10px;
         padding-right: 10px;
     }
     /*New tab*/
     
     .project-tab {
         padding-top: 10%;
         margin-top: -8%;
     }
     
     .project-tab ol,
     ul {
         padding-left: 20rem;
     }
     
     .project-tab #tabs {
         background: #007b5e;
         color: #cfc436;
     }
     
     .project-tab #tabs h6.section-title {
         color: #eee;
     }
     
     .project-tab #tabs .nav-tabs .nav-item.show .nav-link,
     .nav-tabs .nav-link.active {
         color: #cfc436;
         background-color: transparent;
         border-color: transparent transparent #f3f3f3;
         border-bottom: 3px solid !important;
         font-size: 12px;
         font-weight: bold;
     }
     
     .project-tab .nav-link {
         border: 1px solid transparent;
         border-top-left-radius: .25rem;
         border-top-right-radius: .25rem;
         color: #cfc436;
         font-size: 13px;
         font-weight: 300;
     }
     
     .project-tab .nav-link:hover {
         border: none;
     }
     
     .project-tab thead {
         background: #f3f3f3;
         color: #cfc436;
     }
     
     .project-tab a {
         text-decoration: none;
         color: #cfc436;
         font-weight: 600;
     }
     /*project tab*/
     /* Style the tab */
     
     .tab {
         overflow: hidden;
         border: 1px solid #ccc;
         background-color: #f1f1f1;
     }
     
     .tab button {
         background-color: inherit;
         float: left;
         border: none;
         outline: none;
         cursor: pointer;
         padding: 14px 16px;
         transition: 0.3s;
     }
     
     .tab button:hover {
         background-color: #ddd;
     }
     /* Create an active/current tablink class */
     
     .tab button.active {
         background-color: #ccc;
     }
     /* Style the tab content */
     
     .tabcontent {
         display: none;
         padding: 6px 12px;
         border: 1px solid #ccc;
         border-top: none;
     }
     /*timeline start*/
     
     body {
         background-color: #000;
         margin-top: 20px;
     }
     
     .main-timeline {
         position: relative
     }
     
     .main-timeline:before {
         content: "";
         display: block;
         width: 2px;
         height: 100%;
         background: #c6c6c6;
         margin: 0 auto;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         color: #000;
     }
     
     .main-timeline .timeline {
         margin-bottom: 40px;
         position: relative
     }
     
     .main-timeline .timeline:after {
         content: "";
         display: block;
         clear: both
     }
     
     .main-timeline .icon {
         width: 18px;
         height: 18px;
         line-height: 18px;
         margin: auto;
         position: absolute;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
     }
     
     .main-timeline .icon:before,
     .main-timeline .icon:after {
         content: "";
         width: 100%;
         height: 100%;
         border-radius: 50%;
         position: absolute;
         top: 0;
         left: 0;
         transition: all 0.33s ease-out 0s
     }
     
     .main-timeline .icon:before {
         background: #fff;
         border: 2px solid #232323;
         left: -3px
     }
     
     .main-timeline .icon:after {
         border: 2px solid #c6c6c6;
         left: 3px
     }
     
     .main-timeline .timeline:hover .icon:before {
         left: 3px
     }
     
     .main-timeline .timeline:hover .icon:after {
         left: -3px
     }
     
     .main-timeline .date-content {
         width: 50%;
         float: left;
         margin-top: 22px;
         position: relative
     }
     
     .main-timeline .date-content:before {
         content: "";
         width: 36.5%;
         height: 2px;
         background: #c6c6c6;
         margin: auto 0;
         position: absolute;
         top: 0;
         right: 10px;
         bottom: 0
     }
     
     .main-timeline .date-outer {
         width: 125px;
         height: 125px;
         font-size: 16px;
         text-align: center;
         margin: auto;
         z-index: 1
     }
     
     .main-timeline .date-outer:before,
     .main-timeline .date-outer:after {
         content: "";
         width: 125px;
         height: 125px;
         margin: 0 auto;
         border-radius: 50%;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         transition: all 0.33s ease-out 0s
     }
     
     .main-timeline .date-outer:before {
         background: #fff;
         border: 2px solid #232323;
         left: -6px
     }
     
     .main-timeline .date-outer:after {
         border: 2px solid #cfc436;
         left: 6px
     }
     
     .main-timeline .timeline:hover .date-outer:before {
         left: 6px
     }
     
     .main-timeline .timeline:hover .date-outer:after {
         left: -6px
     }
     
     .main-timeline .date {
         width: 100%;
         margin: auto;
         position: absolute;
         top: 27%;
         left: 0
     }
     
     .main-timeline .month {
         font-size: 18px;
         font-weight: 700
     }
     
     .main-timeline .year {
         display: block;
         font-size: 30px;
         font-weight: 700;
         color: #232323;
         line-height: 36px
     }
     
     .main-timeline .timeline-content {
         width: 50%;
         padding: 20px 0 20px 50px;
         float: right
     }
     
     .main-timeline .title {
         font-size: 19px;
         font-weight: 700;
         line-height: 24px;
         margin: 0 0 15px 0;
         color: #000;
     }
     
     .main-timeline .description {
         margin-bottom: 0
     }
     
     .main-timeline .timeline:nth-child(2n) .date-content {
         float: right
     }
     
     .main-timeline .timeline:nth-child(2n) .date-content:before {
         left: 10px
     }
     
     .main-timeline .timeline:nth-child(2n) .timeline-content {
         padding: 20px 50px 20px 0;
         text-align: right
     }
     
     @media only screen and (max-width: 991px) {
         .main-timeline .date-content {
             margin-top: 35px
         }
         .main-timeline .date-content:before {
             width: 22.5%
         }
         .main-timeline .timeline-content {
             padding: 10px 0 10px 30px
         }
         .main-timeline .title {
             font-size: 17px
         }
         .main-timeline .timeline:nth-child(2n) .timeline-content {
             padding: 10px 30px 10px 0
         }
         /* #sticky-wrapper .sree {
             background-color: red;
             width: 100%;
             margin-left: -60px;
             margin-right: -60px;
         } */
     }
     
     @media only screen and (max-width: 767px) {
         .main-timeline:before {
             margin: 0;
             left: 7px
         }
         .main-timeline .timeline {
             margin-bottom: 20px
         }
         .main-timeline .timeline:last-child {
             margin-bottom: 0
         }
         .main-timeline .icon {
             margin: auto 0
         }
         .main-timeline .date-content {
             width: 95%;
             float: right;
             margin-top: 0
         }
         .main-timeline .date-content:before {
             display: none
         }
         .main-timeline .date-outer {
             width: 110px;
             height: 110px
         }
         .main-timeline .date-outer:before,
         .main-timeline .date-outer:after {
             width: 110px;
             height: 110px
         }
         .main-timeline .date {
             top: 30%
         }
         .main-timeline .year {
             font-size: 24px
         }
         .main-timeline .timeline-content,
         .main-timeline .timeline:nth-child(2n) .timeline-content {
             width: 95%;
             text-align: center;
             padding: 10px 0;
             font-size: small;
         }
         .main-timeline .title {
             margin-bottom: 10px
         }
         .events .col-md-6 {
             width: 100%;
         }
         .testimonial-block .inner-box .content .rating {
             font-size: 8px;
             /* margin-left: 80px; */
             margin-top: 6px;
         }
     }
     /*timeline end*/
     /*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/
     
     section {
         padding: 60px 0;
         overflow: hidden;
     }
     
     .section-bg {
         background-color: #f6f7f6;
     }
     
     .section-title {
         padding-bottom: 40px;
     }
     
     .section-title h2 {
         font-size: 14px;
         font-weight: 500;
         padding: 0;
         line-height: 1px;
         margin: 0 0 5px 0;
         letter-spacing: 2px;
         text-transform: uppercase;
         color: #aaaaaa;
         font-family: "Poppins", sans-serif;
     }
     
     .section-title h2::after {
         content: "";
         width: 120px;
         height: 1px;
         display: inline-block;
         background: #9ae1af;
         margin: 4px 10px;
     }
     
     .section-title p {
         margin: 0;
         margin: 0;
         font-size: 36px;
         font-weight: 700;
         text-transform: uppercase;
         font-family: "Poppins", sans-serif;
         color: #37423b;
     }
     
     .breadcrumbs {
         margin-top: 73px;
         text-align: center;
         background: #5fcf80;
         padding: 30px 0;
         color: #fff;
     }
     
     @media (max-width: 992px) {
         .breadcrumbs {
             margin-top: 63px;
         }
     }
     
     .breadcrumbs h2 {
         font-size: 32px;
         font-weight: 500;
     }
     
     .breadcrumbs p {
         font-size: 14px;
         margin-bottom: 0;
     }
     /*-------------------------------------------------------------- # Events --------------------------------------------------------------*/
     
     .events .card {
         border: 0;
         padding: 0 30px;
         margin-bottom: 60px;
         position: relative;
     }
     
     .events .card-img {
         width: calc(100% + 60px);
         margin-left: -30px;
         overflow: hidden;
         z-index: 9;
         border-radius: 0;
     }
     
     .events .card-img img {
         max-width: 100%;
         transition: all 0.3s ease-in-out;
     }
     
     .events .card-body {
         z-index: 10;
         background: #fff;
         border-top: 4px solid #fff;
         padding: 30px;
         box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
         margin-top: -60px;
         margin-right: 0px;
         margin-left: 0px;
         transition: 0.3s;
     }
     
     .events .card-title {
         font-weight: 700;
         text-align: center;
         margin-bottom: 20px;
     }
     
     .events .card-title a {
         color: #37423b;
         transition: 0.3s;
     }
     
     .events .card-text {
         color: #5e5e5e;
     }
     
     .events .read-more a {
         color: #777777;
         text-transform: uppercase;
         font-weight: 600;
         font-size: 12px;
         transition: 0.3s;
     }
     
     .events .read-more a:hover {
         color: #5fcf80;
     }
     
     .events .card:hover img {
         transform: scale(1.1);
     }
     
     .events .card:hover .card-body {
         border-color: #cfc436;
     }
     
     .events .card:hover .card-body .card-title a {
         color: #cfc436;
     }
     /*-------------------------------------------------------------- # Our Values --------------------------------------------------------------*/
     
     .our-values .card {
         border: 0;
         padding: 160px 20px 20px 20px;
         position: relative;
         width: 100%;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center center;
     }
     
     .our-values .card-body {
         z-index: 10;
         background: rgba(255, 255, 255, 0.9);
         padding: 15px 30px;
         box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
         transition: 0.3s;
         transition: ease-in-out 0.4s;
         border-radius: 5px;
     }
     
     .our-values .card-title {
         font-weight: 700;
         text-align: center;
         margin-bottom: 15px;
     }
     
     .our-values .card-title a {
         color: #150517;
     }
     
     .our-values .card-text {
         color: #5e5e5e;
     }
     
     .our-values .read-more a {
         color: #777777;
         text-transform: uppercase;
         font-weight: 600;
         font-size: 12px;
         transition: 0.4s;
     }
     
     .our-values .read-more a:hover {
         text-decoration: underline;
     }
     
     .our-values .card:hover .card-body {
         background: #ff7f5d;
     }
     
     .our-values .card:hover .read-more a,
     .our-values .card:hover .card-title,
     .our-values .card:hover .card-title a,
     .our-values .card:hover .card-text {
         color: #fff;
     }
     
     .gallery-title {
         font-size: 36px;
         color: #42B32F;
         text-align: center;
         font-weight: 500;
         margin-bottom: 70px;
     }
     
     .gallery-title:after {
         content: "";
         position: absolute;
         width: 7.5%;
         left: 46.5%;
         height: 45px;
         border-bottom: 1px solid #5e5e5e;
     }
     
     .filter-button {
         font-size: 18px;
         border: 1px solid #42B32F;
         border-radius: 5px;
         text-align: center;
         color: #42B32F;
         margin-bottom: 30px;
     }
     
     .filter-button:hover {
         font-size: 18px;
         border: 1px solid #42B32F;
         border-radius: 5px;
         text-align: center;
         color: #ffffff;
         background-color: #42B32F;
     }
     
     .btn-default:active .filter-button:active {
         background-color: #42B32F;
         color: white;
     }
     
     .port-image {
         width: 100%;
     }
     
     .gallery_product {
         margin-bottom: 30px;
     }
     
     .gallery-title {
         font-size: 36px;
         color: #42B32F;
         text-align: center;
         font-weight: 500;
         margin-bottom: 70px;
     }
     
     .gallery-title:after {
         content: "";
         position: absolute;
         width: 7.5%;
         left: 46.5%;
         height: 45px;
         border-bottom: 1px solid #5e5e5e;
     }
     
     .filter-button {
         font-size: 18px;
         border: 1px solid #42B32F;
         border-radius: 5px;
         text-align: center;
         color: #42B32F;
         margin-bottom: 30px;
     }
     
     .filter-button:hover {
         font-size: 18px;
         border: 1px solid #42B32F;
         border-radius: 5px;
         text-align: center;
         color: #ffffff;
         background-color: #42B32F;
     }
     
     .btn-default:active .filter-button:active {
         background-color: #42B32F;
         color: white;
     }
     
     .port-image {
         width: 100%;
     }
     
     .gallery_product {
         margin-bottom: 30px;
     }
     /*video gallery*/
     
     body {
         font-family: 'Overpass', sans-serif;
     }
     
     .section-header {
         text-align: center;
         margin: 60px auto 20px auto;
         font-family: 'Montserrat', sans-serif;
         font-size: 36px;
         font-weight: 400;
         text-transform: uppercase;
         color: #222;
     }
     
     .section-header-underline {
         border: 1px solid #222;
         width: 3rem;
         margin: 0 auto;
         margin-bottom: 30px;
     }
     
     .video-gallery {
         position: relative;
         margin: 0 auto;
         max-width: 1000px;
         text-align: center;
     }
     
     .video-gallery .gallery-item {
         position: relative;
         float: left;
         overflow: hidden;
         margin: 10px 1%;
         min-width: 320px;
         max-width: 580px;
         max-height: 360px;
         width: 48%;
         background: #000;
         cursor: pointer;
     }
     
     .video-gallery .gallery-item img {
         position: relative;
         display: block;
         opacity: .45;
         width: 105%;
         height: 300px;
         transition: opacity 0.35s, transform 0.35s;
         transform: translate3d(-23px, 0, 0);
         backface-visibility: hidden;
     }
     
     .video-gallery .gallery-item .gallery-item-caption {
         padding: 2em;
         color: #fff;
         text-transform: uppercase;
         font-size: 1.25em;
     }
     
     .video-gallery .gallery-item .gallery-item-caption,
     .video-gallery .gallery-item .gallery-item-caption>a {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
     }
     
     .video-gallery .gallery-item h2 {
         font-weight: 300;
         overflow: hidden;
         padding: 0.5em 0;
     }
     
     .video-gallery .gallery-item h2,
     .video-gallery .gallery-item p {
         position: relative;
         margin: 0;
         z-index: 10;
     }
     
     .video-gallery .gallery-item p {
         letter-spacing: 1px;
         font-size: 68%;
         padding: 1em 0;
         opacity: 0;
         transition: opacity 0.35s, transform 0.35s;
         transform: translate3d(10%, 0, 0);
     }
     
     .video-gallery .gallery-item:hover img {
         opacity: .3;
         transform: translate3d(0, 0, 0);
     }
     
     .video-gallery .gallery-item .gallery-item-caption {
         text-align: left;
     }
     
     .video-gallery .gallery-item h2::after {
         content: "";
         position: absolute;
         bottom: 0;
         left: 0;
         width: 15%;
         height: 1px;
         background: #fff;
         transition: transform 0.3s;
         transform: translate3d(-100%, 0, 0);
     }
     
     .video-gallery .gallery-item:hover h2::after {
         transform: translate3d(0, 0, 0);
     }
     
     .video-gallery .gallery-item:hover p {
         opacity: 1;
         transform: translate3d(0, 0, 0);
     }
     
     @media screen and (max-width: 50em) {
         .video-gallery .gallery-item {
             display: inline-block;
             float: none;
             margin: 10px auto;
             width: 100%;
         }
     }
     /*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/
     
     section {
         padding: 60px 0;
         overflow: hidden;
     }
     
     .section-bg {
         background-color: #f4fbfe;
     }
     
     .section-title {
         text-align: center;
         padding-bottom: 30px;
     }
     
     .section-title h2 {
         font-size: 32px;
         font-weight: bold;
         text-transform: uppercase;
         margin-bottom: 20px;
         padding-bottom: 0;
         color: #0f394c;
     }
     
     .section-title p {
         margin-bottom: 0;
     }
     /*-------------------------------------------------------------- # Gallery --------------------------------------------------------------*/
     
     .gallery .gallery-item {
         overflow: hidden;
         border-right: 3px solid #fff;
         border-bottom: 3px solid #fff;
     }
     
     .gallery .gallery-item img {
         transition: all ease-in-out 0.4s;
     }
     
     .gallery .gallery-item:hover img {
         transform: scale(1.1);
     }
     /*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/
     
     #hero {
         width: 100%;
         height: 100vh;
         /*background: url("../images/aport2.jpg") top center no-repeat;
    */
         background-size: cover;
         position: relative;
         padding-top: 82px;
     }
     
     #hero:before {
         content: "";
         /*background: rgba(0, 0, 0, 0.6);
    */
         position: absolute;
         bottom: 0;
         top: 0;
         left: 0;
         right: 0;
     }
     
     #hero h1 {
         margin: 0;
         font-size: 48px;
         font-weight: 700;
         color: #fff;
     }
     
     #hero h2 {
         color: #fff;
         margin: 10px 0 0 0;
         font-size: 24px;
     }
     
     #hero .btn-get-started {
         font-family: "Raleway", sans-serif;
         font-weight: 500;
         font-size: 16px;
         letter-spacing: 1px;
         display: inline-block;
         padding: 10px 30px;
         border-radius: 4px;
         transition: 0.5s;
         margin-top: 30px;
         color: #fff;
         background: #e03a3c;
         border: 2px solid #e03a3c;
     }
     
     #hero .btn-get-started:hover {
         background: transparent;
         border-color: #fff;
     }
     /* @media (min-width: 768px) {
         .tex-over h6 {
             display: none;
         }
         .tex-over h5 {
             display: none;
         }
     } */
     /*      
     @media(min-width: 768px) {
         .mbr {
             margin-top: -50px;
             font-size: 15px;
         }
         .mbr h1 {
             margin-top: -40px;
             font-size: 30px;
         }
         .mbr h4 {
             margin-top: 10px;
             font-size: 12px;
         }
     } */
     
     @media (max-width: 768px) {
         #hero {
             text-align: center;
             padding-top: 58px;
         }
         #hero h1 {
             font-size: 28px;
         }
         #hero h2 {
             font-size: 18px;
             line-height: 24px;
         }
         /* .tex-over h6 {
             font-size: 20px;
             margin-top: 370px;
         }
         .tex-over h5 {
              display: none; 
             font-size: 20px;
             margin-top: 100px;
          }  */
         .right img {
             height: 50px;
             width: 50px;
         }
         .centered h1 {
             font-size: 30px;
         }
         .mbr {
             margin-top: -50px;
             font-size: 15px;
         }
         .mbr h1 {
             margin-top: -40px;
             font-size: 30px;
         }
         .mbr h4 {
             margin-top: 10px;
             font-size: 12px;
         }
         .sponsors-outer .owl-carousel .owl-item img {
             width: 50%;
             margin-left: 78px;
         }
         .factory-section {
             margin-top: -10px
         }
         .factory-section .image img {
             margin-top: -75px;
         }
         .about-section .imgs img {
             margin-top: -60px;
             /* background-color: #cfc436; */
         }
         .about-section {
             margin-top: -30px;
         }
         #hero .centered h2 {
             margin-top: 80px;
             margin-left: -20px;
             font-size: 10px;
         }
         #hero .centered h1 {
             margin-top: 60px;
             font-size: 15px;
             margin-left: -20px;
         }
         #hero .right img {
             margin-top: 30px;
             height: 100px;
             width: 100px;
         }
         .video-box .overlay-box span {
             width: 40px;
             height: 40px;
         }
         .video-fullscreen-wrap {
             height: 90vh;
         }
         #myModal {
             margin-top: 55px;
         }
         #ld-shap {
             margin-top: 55px;
         }
         /* .factory-section {
             margin-top: -10px;
             background-color: red;
         } */
         /* .plmodal {
             visibility: hidden;
             background-color: black;
         } */
         /* added 26.08 */
         .zoo {
             margin-top: -20px;
             /* background-color: red; */
         }
     }
     
     @media (max-height: 500px) {
         #hero {
             height: 120vh;
         }
     }
     /*Guide to buy*/
     
     body {
         margin-top: 20px;
     }
     
     .timeline_area {
         position: relative;
         z-index: 1;
     }
     
     .single-timeline-area {
         position: relative;
         z-index: 1;
         padding-left: 180px;
     }
     
     @media only screen and (max-width: 575px) {
         .single-timeline-area {
             padding-left: 100px;
         }
     }
     
     .single-timeline-area .timeline-date {
         position: absolute;
         width: 180px;
         height: 100%;
         top: 0;
         left: 0;
         z-index: 1;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         -ms-grid-row-align: center;
         align-items: center;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         padding-right: 60px;
     }
     
     @media only screen and (max-width: 575px) {
         .single-timeline-area .timeline-date {
             width: 100px;
         }
     }
     
     .single-timeline-area .timeline-date::after {
         position: absolute;
         width: 3px;
         height: 100%;
         content: "";
         background-color: #ebebeb;
         top: 0;
         right: 30px;
         z-index: 1;
     }
     
     .single-timeline-area .timeline-date::before {
         position: absolute;
         width: 11px;
         height: 11px;
         border-radius: 50%;
         background-color: #cfc436;
         content: "";
         top: 50%;
         right: 26px;
         z-index: 5;
         margin-top: -5.5px;
     }
     
     .single-timeline-area .timeline-date p {
         margin-bottom: 0;
         color: #020710;
         font-size: 13px;
         text-transform: uppercase;
         font-weight: 500;
     }
     
     .single-timeline-area .single-timeline-content {
         position: relative;
         z-index: 1;
         padding: 30px 30px 25px;
         border-radius: 6px;
         margin-bottom: 15px;
         margin-top: 15px;
         -webkit-box-shadow: 0 0.25rem 1rem 0 rgba(47, 91, 234, 0.125);
         box-shadow: 0 0.25rem 1rem 0 rgba(47, 91, 234, 0.125);
         border: 1px solid #ebebeb;
     }
     
     @media only screen and (max-width: 575px) {
         .single-timeline-area .single-timeline-content {
             padding: 20px;
         }
     }
     
     .single-timeline-area .single-timeline-content .timeline-icon {
         -webkit-transition-duration: 500ms;
         transition-duration: 500ms;
         width: 30px;
         height: 30px;
         background-color: #cfc436;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 30px;
         flex: 0 0 30px;
         text-align: center;
         max-width: 30px;
         border-radius: 50%;
         margin-right: 15px;
     }
     
     .single-timeline-area .single-timeline-content .timeline-icon i {
         color: #ffffff;
         line-height: 30px;
     }
     
     .single-timeline-area .single-timeline-content .timeline-text h6 {
         -webkit-transition-duration: 500ms;
         transition-duration: 500ms;
     }
     
     .single-timeline-area .single-timeline-content .timeline-text p {
         font-size: 13px;
         margin-bottom: 0;
     }
     
     .single-timeline-area .single-timeline-content:hover .timeline-icon,
     .single-timeline-area .single-timeline-content:focus .timeline-icon {
         background-color: #854731;
     }
     
     .single-timeline-area .single-timeline-content:hover .timeline-text h6,
     .single-timeline-area .single-timeline-content:focus .timeline-text h6 {
         color: #854731;
     }
     /*26-04-22*/
     /*-------------------------------------------------------------- # About --------------------------------------------------------------*/
     
     .about .container {
         box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
         padding-bottom: 15px;
         background: #fff;
         margin-top: 30px;
     }
     
     .about .count-box {
         width: 100%;
     }
     
     .about .count-box i {
         display: block;
         font-size: 48px;
         color: #94c045;
         float: left;
         line-height: 0;
     }
     
     .about .count-box span {
         font-size: 28px;
         line-height: 24px;
         display: block;
         font-weight: 700;
         color: #646c55;
         margin-left: 60px;
     }
     
     .about .count-box p {
         padding: 5px 0 0 0;
         margin: 0 0 0 60px;
         font-family: "Raleway", sans-serif;
         font-weight: 600;
         font-size: 14px;
         color: #646c55;
     }
     
     .about .count-box a {
         font-weight: 600;
         display: block;
         margin-top: 20px;
         color: #646c55;
         font-size: 15px;
         font-family: "Poppins", sans-serif;
         transition: ease-in-out 0.3s;
     }
     
     .about .count-box a:hover {
         color: #8b9578;
     }
     
     .about .content {
         font-size: 15px;
     }
     
     .about .content h3 {
         font-weight: 700;
         font-size: 24px;
         color: #3c4133;
         margin-top: 70px;
         text-align: center;
     }
     
     .about .content ul {
         list-style: none;
         padding: 0;
     }
     
     .about .content ul li {
         padding-bottom: 10px;
         padding-left: 28px;
         position: relative;
     }
     
     .about .content ul i {
         font-size: 24px;
         color: #94c045;
         position: absolute;
         left: 0;
         top: -2px;
     }
     
     .about .content p:last-child {
         margin-bottom: 0;
         text-align: center;
     }
     
     .about .play-btn {
         width: 94px;
         height: 94px;
         background: radial-gradient(#94c045 50%, rgba(148, 192, 69, 0.4) 52%);
         border-radius: 50%;
         display: block;
         position: absolute;
         left: calc(50% - 47px);
         top: calc(50% - 47px);
         overflow: hidden;
     }
     
     .about .play-btn::after {
         content: "";
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-40%) translateY(-50%);
         width: 0;
         height: 0;
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-left: 15px solid #fff;
         z-index: 100;
         transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
     }
     
     .about .play-btn::before {
         content: "";
         position: absolute;
         width: 120px;
         height: 120px;
         -webkit-animation-delay: 0s;
         animation-delay: 0s;
         -webkit-animation: pulsate-btn 2s;
         animation: pulsate-btn 2s;
         -webkit-animation-direction: forwards;
         animation-direction: forwards;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: steps;
         animation-timing-function: steps;
         opacity: 1;
         border-radius: 50%;
         border: 5px solid rgba(148, 192, 69, 0.7);
         top: -15%;
         left: -15%;
         background: rgba(198, 16, 0, 0);
     }
     
     .about .play-btn:hover::after {
         border-left: 15px solid #94c045;
         transform: scale(20);
     }
     
     .about .play-btn:hover::before {
         content: "";
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-40%) translateY(-50%);
         width: 0;
         height: 0;
         border: none;
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-left: 15px solid #fff;
         z-index: 200;
         -webkit-animation: none;
         animation: none;
         border-radius: 0;
     }
     
     @-webkit-keyframes pulsate-btn {
         0% {
             transform: scale(0.6, 0.6);
             opacity: 1;
         }
         100% {
             transform: scale(1, 1);
             opacity: 0;
         }
     }
     
     @keyframes pulsate-btn {
         0% {
             transform: scale(0.6, 0.6);
             opacity: 1;
         }
         100% {
             transform: scale(1, 1);
             opacity: 0;
         }
     }
     
     .about button {
         padding-left: 30px;
         padding-right: 30px;
         padding-top: 10px;
         padding-bottom: 10px;
         color: #000;
         border-radius: 1px;
         text-align: center;
         align-items: center;
         margin-left: 35%;
         border: 1px solid #884631;
     }
     
     button:hover {
         color: #fff;
         background-color: #884631;
     }
     
     @media only screen and (max-width: 575px) {
         .about button {
             margin-left: 30%;
         }
     }
     
     @media only screen and (max-width: 575px) {
         .about p {
             text-align: center;
         }
     }
     /*27-04-22*/
     /*-------------------------------------------------------------- # About-1 --------------------------------------------------------------*/
     
     .about-1 .content {
         background-color: #f6f9ff;
         padding: 40px;
     }
     
     .about-1 h3 {
         font-size: 14px;
         font-weight: 700;
         color: #4154f1;
         text-transform: uppercase;
     }
     
     .about-1 h2 {
         font-size: 24px;
         font-weight: 700;
         color: #012970;
     }
     
     .about-1 p {
         margin: 15px 0 30px 0;
         line-height: 24px;
     }
     
     .about-1 .btn-read-more {
         line-height: 0;
         padding: 15px 40px;
         border-radius: 4px;
         transition: 0.5s;
         color: #fff;
         background: #4154f1;
         box-shadow: 0px 5px 25px rgba(65, 84, 241, 0.3);
     }
     
     .about-1 .btn-read-more span {
         font-family: "Nunito", sans-serif;
         font-weight: 600;
         font-size: 16px;
         letter-spacing: 1px;
     }
     
     .about-1 .btn-read-more i {
         margin-left: 5px;
         font-size: 18px;
         transition: 0.3s;
     }
     
     .about-1 .btn-read-more:hover i {
         transform: translateX(5px);
     }
     
     @media only screen and (max-width: 575px) {
         .card-body p {
             text-align: justify;
         }
     }
     
     @media only screen and (max-width: 575px) {
         .events .card-body {
             margin-left: -20px;
             margin-right: -20px;
         }
         .events .card-body p {
             margin-left: -40px;
             margin-right: -40px;
         }
         #planModal {
             display: none;
         }
     }
     
     @media only screen and (max-width: 575px) {
         .site-navbar-wrap .col-2 img {
             width: 100%;
             height: 50%;
             margin-top: 10px;
         }
         #planModal {
             display: none;
         }
     }
     /*-------------------------------------------------------------------------------------------------------------------------------*/
     /* TESTIMONIAL PAGES */
     /*-------------------------------------------------------------------------------------------------------------------------------*/
     
     .testimonial_sec .image {
         vertical-align: middle;
         width: 100%;
         display: inline-block;
     }
     
     .testimonial_sec .image img {
         margin: 0 auto;
     }
     
     .testimonial_sec .content {
         display: inline-block;
         vertical-align: middle;
     }
     
     .testimonial_sec .simple-text p {
         font-size: 17px;
         color: #898989;
         font-family: 'Lato', sans-serif;
         font-weight: 400;
         line-height: 30px;
         margin-bottom: 0;
         text-align: left;
     }
     
     .testimonial_sec .content h3 {
         font-family: 'Montserrat', sans-serif;
         font-weight: 600;
         font-size: 30px;
         color: #2a2a2a;
         margin-top: 0;
         margin-bottom: 10px;
     }
     
     .testimonial_sec .content h5 {
         font-family: 'Lato', sans-serif;
         font-weight: 400;
         font-size: 15px;
         color: #898989;
         margin-bottom: 10px;
     }
     
     .star_rating {
         color: #fdb714;
     }
     
     .testimonial_sec .simple-text p {
         margin-top: 20px;
     }
     
     .testimonial_sec .icon {
         font-size: 40px;
         color: #cfc436;
         text-align: center;
         margin-top: 20px;
     }
     
     .testi1 {
         background: #f1f1f1;
     }
     
     .testimonial_sec .image img {
         margin: 0 auto;
     }
     
     .img-circle {
         border-radius: 50%;
     }
     
     @media(max-width:414px) {
         .testimonial_sec .content h3 {
             font-size: 24px;
         }
         .testimonial_sec .content {
             display: block;
             vertical-align: middle;
             text-align: center;
         }
         .testimonial_sec .simple-text p {
             padding: 0px 15px;
             text-align: center;
         }
         .testi1 .image {
             margin-top: 20px;
             align-items: center;
         }
         .testimonial_sec .image img {
             margin-left: 120px;
             width: 30%;
             height: 30%;
         }
         /**==================================================================History Section==================================================================***/
         .history-section {
             position: relative;
             background-repeat: no-repeat;
             background-position: center;
             background-size: cover;
             background-attachment: fixed;
         }
         .history-section:before {
             position: absolute;
             content: '';
             background: #252733;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             opacity: .98;
         }
         .history-section .auto-container {
             max-width: 1300px;
         }
         .history-block {
             position: relative;
         }
         .history-block:nth-child(odd) .inner-box {
             transform: translateX(50%);
         }
         .history-block .inner-box {
             position: relative;
         }
         .history-block .date {
             color: #fff;
             font-size: 20px;
             font-weight: 500;
             margin-bottom: 10px;
         }
         .history-block .content {
             position: relative;
         }
         .history-block .content .image {
             position: absolute;
             left: 0;
             top: 0;
             opacity: 0;
             transition: all .5s ease;
         }
         .history-block .inner-box:hover .content .image {
             opacity: 1;
         }
         .history-block .content .text {
             color: #fff;
             transition: all .5s ease;
         }
         .history-block .inner-box:hover .content .text {
             opacity: 0;
         }
         .timeline--horizontal .timeline-divider {
             background: #31333e;
             height: 2px;
         }
         .timeline--horizontal .timeline__item:after {
             left: 0;
             transform: translate(0, -50%);
             border: 0px;
             border-radius: 0;
             background: #f57f4b;
             width: 12px;
             height: 12px;
             border-radius: 50%;
         }
         .timeline__content {
             border-radius: 0px;
             border: 0px;
             border-left: 1px solid #3c3e49;
             background: transparent;
             padding-top: 30px;
             padding-bottom: 30px;
         }
         .timeline__item--bottom .timeline__content {
             padding-top: 30px;
             padding-bottom: 30px;
         }
         .timeline--horizontal .timeline__item .timeline__content:before {
             display: none;
         }
         .timeline--horizontal .timeline__item .timeline__content:after {
             display: none;
         }
         .timeline__content .date {
             color: #fff;
             font-size: 20px;
             font-weight: 500;
             margin-bottom: 30px;
             line-height: 1em;
         }
         .timeline__content .content {
             position: relative;
         }
         .timeline__content .content .image {
             position: absolute;
             left: 0;
             top: 0;
             opacity: 0;
             transition: all .5s ease;
         }
         .timeline__content:hover .content .image {
             opacity: 1;
         }
         .timeline__content .content .text {
             color: #fff;
             transition: all .5s ease;
             font-size: 16px;
         }
         .timeline__content:hover .content .text {
             opacity: 0;
         }
         .timeline-nav-button {
             background-color: transparent;
         }
         /* @media (max-width: 992px) {
         .video-banner {
             width: 100%;
             height: 200%;
        }
    }
    */
         @media (min-width: 1280px) and (max-width: 1366px) {
             .section {
                 /* overflow: hidden;
             */
             }
             .tex-over h6 {
                 font-size: 60px;
                 background-color: red;
             }
         }
         @media (max-width: 1366px) {}
         @media only screen and (max-width: 992px) {
             .container,
             .container-lg,
             .container-md,
             .container-sm {
                 max-width: 1018px;
                 /* background-color: red;
             */
             }
             .video-banner.video-banner {
                 margin-top: 200px;
             }
             .sticky-wrapper {
                 width: 300px;
             }
             /* .plmodal {
                 display: none;
                 background-color: blue;
             } */
             #hero .hero-container .carousel-item {
                 margin-top: 30px;
                 background-color: red;
             }
         }
         @media only screen and (min-width: 992px) {
             /* .tex-over h6 {
                 display: none;
             }
             .tex-over h5 {
                 display: none;
             } */
         }
         @media only screen and (min-width: 400px) and (max-width: 950px) {
             .plmodal {
                 /* visibility: hidden;
                 background-color: yellow; */
             }
         }
     }
     /* modal pop */
     
     #myModal .nflip {
         /*font-family: 'arial black';*/
         font-size: 15px;
         text-align: center;
         padding: 0;
         margin: 0;
         margin-left: 50%;
         transform: translateX(-200%);
         opacity: 0;
         animation: slide-in-anim 1.5s ease-out forwards;
         height: calc(2.25rem + 2px);
         padding: .375rem 1.75rem .375rem .75rem;
     }
     
     #myModal .mlflip {
         font-size: 15px;
         text-align: center;
         padding: 0;
         margin: 0;
         margin-left: 50%;
         transform: translateX(-200%);
         opacity: 0;
         animation: slide-in-anim 1.5s ease-out forwards;
         height: calc(2.25rem + 2px);
         padding: .375rem 1.75rem .375rem .75rem;
     }
     
     #myModal .mflip {
         font-size: 15px;
         text-align: center;
         padding: 0;
         margin: 0;
         margin-left: 50%;
         transform: translateY(-200%);
         opacity: 0;
         animation: slide-in-anim 1.5s ease-out forwards;
         height: calc(2.25rem + 2px);
         padding: .375rem 1.75rem .375rem .75rem;
     }
     
     #myModal .sbtn {
         transform: translateX(-200%);
         opacity: 0;
         animation: slide-in-anim 1.5s ease-out forwards;
         height: calc(2.25rem + 2px);
         padding: .375rem 1.75rem .375rem .75rem;
     }
     
     @keyframes slide-in-anim {
         20% {
             opacity: 0;
         }
         60% {
             transform: translateX(-45%);
         }
         75% {
             transform: translateX(-52%);
         }
         100% {
             opacity: 1;
             transform: translateX(-50%);
         }
     }
     /*slideup*/
     
     #myModal .slide-up {
         -webkit-animation: slide-up 0.9s cubic-bezier(0.65, 0, 0.35, 1) both;
         animation: slide-up 0.9s cubic-bezier(0.65, 0, 0.35, 1) both;
     }
     
     @-webkit-keyframes slide-up {
         0% {
             transform: translateY(100px);
         }
         100% {
             transform: translateY(0);
         }
     }
     
     @keyframes slide-up {
         0% {
             transform: translateY(100px);
         }
         100% {
             transform: translateY(0);
         }
     }
     /***** Slide left *****/
     
     #myModal .slide-left {
         animation: 0.9s slide-left;
     }
     
     @keyframes slide-left {
         from {
             margin-left: 100%;
         }
         to {
             margin-left: 0%;
         }
     }
     /***** Slide left *****/
     
     #myModal .slide-left1 {
         animation: 1.5s slide-left;
     }
     
     @keyframes slide-left {
         from {
             margin-left: 100%;
         }
         to {
             margin-left: 0%;
         }
     }
     /***** Slide Right *****/
     
     #myModal .slide-right {
         animation: 0.9s slide-right;
     }
     
     @keyframes slide-right {
         from {
             margin-left: -100%;
         }
         to {
             margin-left: 0%;
         }
     }
     
     #myModal .slide-right1 {
         animation: 1.5s slide-right;
     }
     
     @keyframes slide-right {
         from {
             margin-left: -100%;
         }
         to {
             margin-left: 0%;
         }
     }

/* Force error label in input-group to be below */
.form-control + label.error,
.input-group > label.error {
  display: block !important;
  width: 100%;
  color: red;
  font-size: 13px;
  margin-top: 5px;
   /* same as mt-n2 */
}