@import url('flaticon.css');
 @import url('fontawesome-all.css');
 @import url('animate.css');
 @import url('jquery-ui.css');
 @import url('jquery.mCustomScrollbar.min.css');
 @import url('owl.css');
 @import url('jquery.bootstrap-touchspin.css');
 @import url('jquery-ui.css');
 @import url('jquery.fancybox.min.css'); 
 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 100;
     src: url("../fonts/Nexa-Thin.otf") format("opentype"), url("../fonts/Nexa-Thin.ttf") format("truetype"), url("../fonts/Nexa-Thin.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 100;
     src: url("../fonts/Nexa-Thin-Italic.otf") format("opentype"), url("../fonts/Nexa-Thin-Italic.ttf") format("truetype"), url("../fonts/Nexa-Thin-Italic.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 200;
     src: url("../fonts/Nexa-Light.otf") format("opentype"), url("../fonts/Nexa-Light.ttf") format("truetype"), url("../fonts/Nexa-Light.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 200;
     src: url("../fonts/Nexa-Light-Italic.otf") format("opentype"), url("../fonts/Nexa-Light-Italic.ttf") format("truetype"), url("../fonts/Nexa-Light-Italic.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 300;
     src: url("../fonts/Nexa-Book.otf") format("opentype"), url("../fonts/Nexa-Book.ttf") format("truetype"), url("../fonts/Nexa-Book.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 300;
     src: url("../fonts/Nexa-Book-Italic.otf") format("opentype"), url("../fonts/Nexa-Book-Italic.ttf") format("truetype"), url("../fonts/Nexa-Book-Italic.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 400;
     src: url("../fonts/Nexa-Regular.otf") format("opentype"), url("../fonts/Nexa-Regular.ttf") format("truetype"), url("../fonts/Nexa-Regular.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 400;
     src: url("../fonts/Nexa-Italic.otf") format("opentype"), url("../fonts/Nexa-Italic.ttf") format("truetype"), url("../fonts/Nexa-Italic.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 500;
     src: url("../fonts/Nexa-Bold.otf") format("opentype"), url("../fonts/Nexa-Bold.ttf") format("truetype"), url("../fonts/Nexa-Bold.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 500;
     src: url("../fonts/Nexa-Bold-Italic.otf") format("opentype"), url("../fonts/Nexa-Bold-Italic.ttf") format("truetype"), url("../fonts/Nexa-Bold-Italic.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 600;
     src: url("../fonts/Nexa-XBold.otf") format("opentype"), url("../fonts/Nexa-XBold.ttf") format("truetype"), url("../fonts/Nexa-XBold.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 600;
     src: url("../fonts/Nexa-XBold-Italic.otf") format("opentype"), url("../fonts/Nexa-XBold-Italic.ttf") format("truetype"), url("../fonts/Nexa-XBold-Italic.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 700;
     src: url("../fonts/Nexa-Heavy.otf") format("opentype"), url("../fonts/Nexa-Heavy.ttf") format("truetype"), url("../fonts/Nexa-Heavy.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 700;
     src: url("../fonts/Nexa-Heavy-Italic.otf") format("opentype"), url("../fonts/Nexa-Heavy-Italic.ttf") format("truetype"), url("../fonts/Nexa-Heavy-Italic.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: normal;
     font-weight: 800;
     src: url("../fonts/Nexa-Black.otf") format("opentype"), url("../fonts/Nexa-Black.ttf") format("truetype"), url("../fonts/Nexa-Black.eot") format("embedded-opentype");
 }

 @font-face {
     font-family: 'Nexa';
     font-style: italic;
     font-weight: 800;
     src: url("../fonts/Nexa-Black-Italic.otf") format("opentype"), url("../fonts/Nexa-Black-Italic.ttf") format("truetype"), url("../fonts/Nexa-Black-Italic.eot") format("embedded-opentype");
 }

 html {
     scroll-behavior: smooth;
 }

 * {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
     font-size: 100%;
 }

 body {
     font-size: 18px;
     color: #000;
     line-height: 36px;
     font-weight: 400;
     background: #ffffff;
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     font-family: 'Nexa';
     overflow-x: hidden;
     overflow-y: scroll;
 }

 a {
     text-decoration: none;
     cursor: pointer;
     color: #e38b00;
     transition: all 500ms ease;
 }

 a:hover,
 a:focus,
 a:visited {
     text-decoration: none;
     outline: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-weight: normal;
     margin: 0px;
     background: none;
     line-height: 1.2em;
     font-family: "Nexa";
 }

 textarea {
     overflow: hidden;
     resize: none;
 }

 figure {
     margin: 0;
     padding: 0;
 }

 button {
     outline: none !important;
     cursor: pointer;
 }

 p,
 .text {
     font-size: 18px;
     line-height: 36px;
     font-weight: 200;
     color: #000;
     margin: 0;
 }

 ::-webkit-input-placeholder {
     color: inherit;
 }

 ::-moz-input-placeholder {
     color: inherit;
 }

 ::-ms-input-placeholder {
     color: inherit;
 }

 .auto-container {
     position: static;
     max-width: 1200px;
     padding: 0px 15px;
     margin: 0 auto;
 }

 .page-wrapper {
     position: relative;
     margin: 0 auto;
     width: 100%;
     min-width: 300px;
     overflow: hidden;
     z-index: 99;
 }

 h4 {
     font-family: "Nexa";
     font-size: 16px;
     font-weight: bold;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.2;
     letter-spacing: normal;
     text-align: left;
     color: #000;
 }

 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }

 .theme-btn {
     display: inline-block;
     text-align: center;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .centered {
     text-align: center !important;
 }
 /*Btn Style One*/

 .btn-style-one {
     position: relative;
     font-size: 16px;
     line-height: 30px;
     color: #ffffff;
     padding: 15px 40px;
     text-transform: capitalize;
     font-weight: 400;
     border-radius: 50px;
     background-color: #e38b00;
 }

 .btn-style-one:hover {
     color: #ffffff;
     -webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
     -moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
     -ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
     -o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
     box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
 }

 .btn-style-one:before {
     position: absolute;
     top: -1px;
     right: -1px;
     left: -1px;
     bottom: -1px;
     content: "";
     border-radius: 50px;
     border: 2px solid #222222;
     transition: all 300ms ease;
     opacity: 0;
 }

 .btn-style-one:hover:before {
     opacity: 1;
 }
 /*Btn Style Two*/

 .btn-style-two {
     position: relative;
     font-size: 16px;
     line-height: 20px;
     color: #222222;
     padding: 13px 45px;
     text-transform: capitalize;
     font-weight: 400;
     border-radius: 50px;
     background-color: #ffffff;
     border: 2px solid #e38b00;
     -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
 }

 .btn-style-two:hover {
     color: #ffffff;
     border: 2px solid #e38b00;
     -webkit-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -moz-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -ms-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -o-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
 }
 /*Btn Style Three*/

 .btn-style-three {
     position: relative;
     font-size: 16px;
     line-height: 20px;
     color: #fff;
     padding: 18px 35px;
     text-transform: capitalize;
     font-weight: 400;
     border-radius: 50px;
     background-color: #494949;
     -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
 }

 .btn-style-three:hover {
     color: #ffffff;
     -webkit-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -moz-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -ms-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -o-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
 }
 /*Btn Style Four*/

 .btn-style-four {
     position: relative;
     font-size: 16px;
     line-height: 20px;
     color: #fff;
     padding: 18px 35px;
     text-transform: capitalize;
     font-weight: 400;
     border-radius: 50px;
     background-color: #222222;
     -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
     box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
 }

 .btn-style-four:hover {
     color: #ffffff;
     -webkit-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -moz-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -ms-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     -o-box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
     box-shadow: rgba(277, 139, 0, 1) 0 0px 0px 40px inset;
 }
 /*Btn Style Five*/

 .btn-style-five {
     position: relative;
     font-size: 16px;
     line-height: 30px;
     color: #ffffff;
     padding: 10px 45px;
     text-transform: capitalize;
     font-weight: 400;
     border-radius: 50px;
     background-color: #e38b00;
 }

 .btn-style-five:hover {
     color: #ffffff;
     background-color: #222222;
 }
 /*=== List Style One ===*/

 .list-style-one {
     position: relative;
 }

 .list-style-one li {
     position: relative;
     float: left;
     width: 100%;
     font-size: 18px;
     line-height: 36px;
     color: #666666;
     font-weight: 400;
     padding-left: 35px;
     padding-bottom: 10px;
 }

 .list-style-one li:before {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 18px;
     line-height: 36px;
     color: #e38b00;
     content: "\f058";
     font-family: "Font Awesome 5 Free";
 }
 /*=== List Style Two ===*/

 .list-style-two {
     position: relative;
     display: block;
     margin-bottom: 30px;
 }

 .list-style-two li {
     position: relative;
     font-size: 18px;
     line-height: 20px;
     color: #222222;
     font-weight: 500;
     padding-left: 35px;
     margin-bottom: 15px;
     font-family: "Rubik", sans-serif;
 }

 .list-style-two li:before {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 18px;
     line-height: 20px;
     color: #e38b00;
     font-weight: 900;
     font-family: "FontAwesome";
     content: "\f061";
 }

 .theme_color {
     color: #e38b00;
 }

 .pull-right {
     float: right;
 }

 .pull-left {
     float: left;
 }

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

 img {
     display: inline-block;
     max-width: 100%;
     height: auto;
 }
 /***

====================================================================
	Scroll To Top style
====================================================================

***/

 .scroll-to-top {
     position: fixed;
     bottom: 80px;
     right: 20px;
     width: 50px;
     height: 50px;
     color: #000;
     font-size: 20px;
     line-height: 50px;
     text-align: center;
     z-index: 100;
     cursor: pointer;
     background: #44c3ef;
     display: none;
     border-radius: 50%;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .scroll-to-top:hover {
     background: #e38b00;
     color: #222222;
 }
 /***

====================================================================
	Main Header style
====================================================================

***/

 .main-header {
     position: relative;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 9999;
 }

 .main-header .top-left {
     position: relative;
     float: left;
 }

 .main-header .top-left .contact-list {
     position: relative;
     padding: 5px 0;
 }

 .main-header .top-left .contact-list li {
     position: relative;
     float: left;
     font-size: 18px;
     line-height: 30px;
     color: #222222;
     font-weight: 400;
     margin-right: 25px;
 }

 .main-header .top-left .contact-list li:last-child {
     margin-right: 0;
 }

 .main-header .top-left .contact-list li i {
     float: left;
     font-size: 16px;
     line-height: 30px;
     margin-right: 10px;
     color: #ffffff;
 }

 .main-header .top-left .contact-list li a {
     color: #222222;
     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;
 }

 .main-header .top-left .contact-list li a:hover {
     color: #ffffff;
 }

 .main-header .top-right {
     position: relative;
     float: right;
     padding: 5px 0;
 }

 .social-icon-four {
     position: relative;
 }

 .social-icon-four li {
     position: relative;
     float: left;
     margin-left: 20px;
 }

 .social-icon-four li:first-child {
     margin-left: 0;
 }

 .social-icon-four li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #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;
 }

 .social-icon-four li a:hover {
     color: #222222;
 }

 .main-header .main-box {
     position: relative;
     display: block;
 }

 .main-header .inner-container {
     position: relative;
     padding: 0 15px;
 }

 .main-header .logo-box {
     position: relative;
     float: left;
 }

 .logo-box img {
     max-width: 90%;
 }

 .main-header .logo-box .logo {
     position: relative;
     padding: 12px 0 8px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-header .nav-outer {
     position: static;
     float: right;
 }

 .navbar-toggler {
     border: 0 !important;
 }

 .main-menu {
     position: static;
     float: left;
     font-family: "Nexa";
 }

 .main-menu .navbar-header {
     display: none;
 }

 .main-menu .navbar-collapse {
     padding: 0px;
 }

 .main-menu .navigation {
     position: static;
     margin: 0px;
 }

 .main-menu .navigation>li {
     position: relative;
     float: left;
     margin-left: 45px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-menu .navigation>li>a {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 24px;
     font-weight: 500;
     color: #fff;
     padding: 33px 0;
     opacity: 1;
     text-align: center;
     text-transform: capitalize;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-menu .navigation>li.current>a {
     color: #e38b00;
 }

 .main-menu .navigation>li>a:hover::before,
 .main-menu .navigation>li.current>a::before {
     content: "";
     position: absolute;
     left: 0;
     top: 53px;
     margin: 0 auto;
     width: 44px;
     height: 2px;
     background: #e38b00;
 }
 /* .main-menu .navigation > li > a:hover::after,
.main-menu .navigation > li.current > a::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e38b00;
	transform: translateX(-50%);
} */

 .main-menu .navigation>li>ul>li>ul>li:hover>a {
     color: #25262c;
     background: #ffffff;
 }

 .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: #292929;
     line-height: 20px;
     font-size: 13px;
     font-weight: 900;
     text-align: center;
     z-index: 5;
 }

 .main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
     color: #ffffff;
 }

 .main-menu .navigation>li>ul {
     position: absolute;
     left: 0px;
     top: 110%;
     width: 200px;
     padding: 0px 0px;
     z-index: 100;
     background: rgba(0, 0, 0, .90);
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     transition: all 200ms linear;
     opacity: 1;
     -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(255, 255, 255, 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 20px;
     line-height: 24px;
     font-weight: 400;
     font-size: 15px;
     color: #ffffff;
     text-align: left;
     text-transform: capitalize;
     border-left: 4px solid transparent;
     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 {
     border-left: 4px solid #e38b00;
     background: #222222;
 }

 .main-menu .navigation>li>ul>li.dropdown>a:after {
     content: "\f105";
     position: absolute;
     right: 15px;
     top: 11px;
     width: 10px;
     height: 20px;
     display: block;
     line-height: 20px;
     font-size: 16px;
     color: #ffffff;
     font-weight: normal;
     text-align: center;
     z-index: 5;
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
 }

 .main-menu .navigation>li>ul>li>ul {
     position: absolute;
     left: 110%;
     top: 0%;
     width: 200px;
     padding: 0px 0px;
     z-index: 100;
     background: rgba(47, 46, 50, .90);
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     transition: all 200ms linear;
     -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>li {
     position: relative;
     width: 100%;
     border-bottom: 1px solid rgba(255, 255, 255, 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 20px;
     line-height: 24px;
     font-weight: 400;
     font-size: 15px;
     color: #ffffff;
     text-align: left;
     text-transform: capitalize;
     border-left: 4px solid transparent;
     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>a:hover {
     color: #ffffff;
     background: #222222;
     border-left: 4px solid #e38b00;
 }

 .main-menu .navigation>li.dropdown:hover>ul {
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     transition: all 300ms linear;
     visibility: visible;
     opacity: 1;
     top: 100%;
 }

 .main-menu .navigation li>ul>li.dropdown:hover>ul {
     visibility: visible;
     opacity: 1;
     top: 0;
     left: 100%;
     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 .navbar-collapse>ul li.dropdown .dropdown-btn {
     position: absolute;
     right: 10px;
     top: 8px;
     width: 34px;
     height: 30px;
     border: 1px solid #ffffff;
     text-align: center;
     font-size: 16px;
     line-height: 30px;
     color: #ffffff;
     cursor: pointer;
     z-index: 5;
     display: none;
 }

 .main-header .outer-box {
     position: relative;
     float: right;
     top: 0;
     right: 0;
 }

 .main-header .outer-box .nav-toggler {
     position: relative;
     margin-left: 25px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     border-radius: 50%;
     font-size: 16px;
     color: #e38b00;
     transition: all 0.5s ease-in-out;
 }

 .main-header .outer-box .nav-toggler:hover {
     color: #fff;
 }

 .social-icon-one {
     position: relative;
 }

 .social-icon-one li {
     position: relative;
     float: left;
     margin-left: 22px;
 }

 .social-icon-one li a {
     position: relative;
     display: block;
     font-size: 13px;
     line-height: 30px;
     color: #222222;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .social-icon-one li a:hover {
     color: #e38b00;
 }

 .main-header .contact-info {
     position: relative;
 }

 .main-header .contact-info li {
     position: relative;
     float: left;
     margin-left: 35px;
     font-size: 18px;
     line-height: 30px;
     color: #222222;
     font-weight: 400;
 }

 .main-header .contact-info li span {
     position: relative;
     float: left;
     font-size: 18px;
     line-height: 30px;
     color: #aaaaaa;
     font-weight: 400;
 }

 .main-header .contact-info li a {
     color: #222222;
     transition: all 300ms ease;
 }

 .main-header .contact-info li a:hover {
     color: #e38b00;
 }
 /*===================================
		Header Style One
===================================*/

 .header-style-one {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 9999;
 }

 .header-style-one {
     position: relative;
     left: 0;
     top: 0px;
     width: 100%;
 }

 .header-style-one .header-lower {
     position: relative;
     background-color: rgba(0, 0, 0, 0.80);
     margin: 0 30px;
     padding: 0 40px;
 }

 .header-style-one .header-lower:before {
     position: absolute;
     top: 0;
     left: -30px;
     height: 0;
     width: 0;
     border-left: 30px solid transparent;
     border-top: 100px solid rgba(0, 0, 0, 0.80);
     content: "";
 }

 .header-style-one .header-lower:after {
     position: absolute;
     top: 0;
     right: -30px;
     height: 0;
     width: 0;
     border-right: 30px solid transparent;
     border-top: 100px solid rgba(0, 0, 0, 0.80);
     content: "";
 }
 /* .header-style-one .nav-outer{
	float: right;
} */

 .header-style-one .main-menu .navigation>li {
     margin-left: 35px;
 }

 .header-style-one .main-menu .navigation>li>a {
     position: relative;
     color: #3b3737;
     font-weight: 500;
     font-size: 15px;
 }

 .header-style-one .main-menu .navigation>li>a:hover {
     color: #e38b00;
 }

 .header-style-one .main-menu .navigation>li>a:before {
     position: absolute;
     left: 50%;
     width: 0;
     height: 1px;
     bottom: 35px;
     content: "";
     background-color: #e38b00;
     transition: all 300ms ease;
 }

 .header-style-one .main-menu .navigation>li:hover>a:before,
 .header-style-one .main-menu .navigation>li.current>a:before {
     left: 0%;
     width: 100%;
 }

 .header-style-one .outer-box {
     padding: 29.5px 0;
     margin-left: 32px;
 }

 .header-style-one .search-box-btn:hover {
     color: #ffffff !important;
 }

 .header-style-one .search-box-outer .dropdown-menu {
     top: 20px !important;
 }
 /*===================================
		Header Style Two
===================================*/

 .main-header.header-style-two:after {
     display: none;
 }

 .header-style-two {
     position: relative;
     width: 100%;
     border-bottom: none;
 }

 .header-style-two .header-top .inner-container {
     padding: 0 40px;
 }

 .header-style-two .header-lower {
     position: relative;
     width: 100%;
     background-image: url(../images/resource/main-header-two.jpg);
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .header-style-two .header-lower .auto-container {
     position: relative;
     max-width: 1170px;
 }

 .header-style-two .header-lower .main-box {
     position: relative;
     width: 100%;
 }

 .header-style-two .nav-outer {
     float: right;
 }

 .header-style-two .main-menu .navigation>li {
     margin-left: 35px;
 }

 .header-style-two .main-menu .navigation>li>a {
     position: relative;
     color: #ffffff;
     font-weight: 500;
     font-size: 15px;
 }

 .header-style-two .main-menu .navigation>li>a:before {
     position: absolute;
     left: 50%;
     width: 0;
     height: 1px;
     bottom: 35px;
     content: "";
     background-color: #e38b00;
     transition: all 300ms ease;
 }

 .header-style-two .main-menu .navigation>li:hover>a:before,
 .header-style-two .main-menu .navigation>li.current>a:before {
     left: 0%;
     width: 100%;
 }

 .header-style-two .outer-box {
     padding: 32.5px 0;
     margin-left: 45px;
 }

 .header-style-two .search-box-btn:hover {
     color: #ffffff !important;
 }

 .header-style-two .search-box-outer .dropdown-menu {
     top: 37px !important;
 }

 .header-style-two .search-box-outer {
     float: right;
     margin-left: 40px;
 }

 .main-header .cart-btn {
     position: relative;
     float: left;
 }

 .main-header .cart-btn a {
     position: relative;
     display: inline-block;
     font-size: 20px;
     line-height: 35px;
     color: #e38b00;
 }

 .main-header .cart-btn a i:before {
     margin-left: 0;
     font-size: 26px;
 }

 .main-header .cart-btn .count {
     position: absolute;
     right: -11px;
     top: 0;
     height: 22px;
     width: 22px;
     line-height: 22px;
     color: #e38b00;
     font-size: 12px;
     text-align: center;
     font-weight: 400;
     background-color: #fff;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
 }
 /*search box btn*/

 .main-header .search-box-outer {
     position: relative;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     display: inline-block;
 }

 .main-header .search-box-btn {
     position: relative;
     height: 35px;
     width: 35px;
     cursor: pointer;
     background: none;
     font-size: 15px;
     color: #fff;
     line-height: 33px;
     border: 1px dashed #e38b00;
     border-radius: 50%;
     outline: none;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-header .search-box-btn:hover {
     color: #e38b00;
 }

 .dropdown-toggle::after {
     display: none;
 }

 .main-header .search-box-outer .dropdown-menu {
     top: 37px !important;
     right: 0 !important;
     left: auto !important;
     transform: none !important;
     padding: 0px;
     width: 280px;
     border-radius: 0px;
     border-top: 3px solid #25262c;
 }

 .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%;
     line-height: 24px;
     padding: 7px 40px 7px 15px;
     height: 40px;
     font-size: 18px;
     border: 1px solid #e0e0e0;
     background: #ffffff;
 }

 .main-header .search-panel input:focus,
 .main-header .search-panel select:focus {
     border-color: #25262c;
 }

 .main-header .search-panel .search-btn {
     position: absolute;
     right: 0px;
     top: 0px;
     width: 40px;
     height: 40px;
     text-align: center;
     color: #000;
     font-size: 12px;
     background: none;
     cursor: pointer;
 }
 /*===================================
		Search Box
===================================*/

 .header-searchbar {
     position: relative;
     display: inline-block;
     margin-left: 35px;
 }

 .header-searchbar i {
     position: relative;
     height: 35px;
     width: 35px;
     cursor: pointer;
     text-align: center;
     background: none;
     font-size: 15px;
     color: #fff;
     line-height: 33px;
     border: 1px dashed #e38b00;
     border-radius: 50%;
     outline: none;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .wraper_search {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
 }

 .wraper_search>.table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
 }

 .wraper_search>.table>.table-cell {
     position: relative;
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     text-align: center;
 }

 .wraper_search>.table>.table-cell>.search-layer:nth-child(1) {
     left: 0;
     background-color: rgba(0, 0, 0, 0.5);
     transition: all 0.3s ease-in-out 0s;
     -webkit-transition: all 0.3s ease-in-out 0s;
 }

 .wraper_search>.table>.table-cell>.search-layer {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
 }

 .wraper_search>.table>.table-cell>.search-layer:nth-child(2) {
     left: 300px;
     background-color: rgba(0, 0, 0, 0.4);
     transition: all 0.3s ease-in-out 0.3s;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
 }

 .wraper_search>.table>.table-cell>.search-layer {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
 }

 .wraper_search>.table>.table-cell>.search-layer:nth-child(3) {
     left: 600px;
     background-color: rgba(0, 0, 0, 0.9);
     transition: all 0.9s ease-in-out 0.6s;
     -webkit-transition: all 0.9s ease-in-out 0.6s;
 }

 .wraper_search>.table>.table-cell>.search-layer {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
 }

 .wraper_search>.table>.table-cell>.search-close {
     position: absolute;
     top: 40px;
     right: 40px;
     width: 30px;
     z-index: 2;
     text-align: center;
     cursor: pointer;
 }

 .wraper_search>.table>.table-cell>.search-close>.search-close-line:nth-child(1) {
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
 }

 .wraper_search>.table>.table-cell>.search-close>.search-close-line {
     width: 100%;
     height: 2px;
     float: left;
     margin-bottom: 5px;
     background-color: #fff;
 }

 .wraper_search>.table>.table-cell>.search-close>.search-close-line:nth-child(2) {
     margin-top: -7px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
 }

 .wraper_search>.table>.table-cell>.search-close>.search-close-line {
     width: 100%;
     height: 2px;
     float: left;
     margin-bottom: 5px;
     background-color: #fff;
 }

 .wraper_search>.table>.table-cell .inner_search {
     position: relative;
     z-index: 1;
     float: right;
     width: 100%;
     max-width: 500px;
     padding: 100px 40px 100px 40px;
     text-align: right;
 }

 .wraper_search>.table>.table-cell .inner_search>.flyout-search-title {
     margin-bottom: 30px;
 }

 .wraper_search>.table>.table-cell .inner_search>.flyout-search-title>*:last-child {
     margin-bottom: 0 !important;
 }

 .wraper_search>.table>.table-cell .inner_search>.flyout-search-title h4 {
     margin-bottom: 20px;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 25px;
     color: #fff;
     line-height: 45px;
     letter-spacing: 50px;
     opacity: 0;
     transition: all 1s ease-in-out 0s;
     -webkit-transition: all 1s ease-in-out 0s;
 }

 .wraper_search>.table>.table-cell .inner_search>.search-bar .form-row {
     position: relative;
     padding: 0;
     margin: 0;
 }

 .wraper_search>.table>.table-cell .inner_search>.search-bar .form-row input[type=search] {
     width: 100%;
     height: 60px;
     padding: 0px 40px 0px 0px;
     background-color: initial;
     border: none;
     border-bottom: 3px #dedede solid;
     box-shadow: initial;
     font-size: 20px;
     color: #fff;
 }

 .wraper_search>.table>.table-cell .inner_search>.search-bar .form-row button[type=submit] {
     position: absolute;
     top: 17px;
     right: 0;
     z-index: 1;
     width: 40px;
     height: auto;
     background-color: initial;
     border: none;
     cursor: pointer;
 }

 .wraper_search>.table>.table-cell .inner_search>.search-bar .form-row button[type=submit] i {
     font-size: 20px;
     color: #fff;
     line-height: 20px;
 }

 .wraper_search>.table>.table-cell .inner_search>.search-bar .form-row input[type=search] {
     width: 100%;
     height: 60px;
     padding: 0px 40px 0px 0px;
     background-color: initial;
     border: none;
     border-bottom: 3px #dedede solid;
     box-shadow: initial;
     font-size: 20px;
     color: #fff;
 }

 body.flyout-searchbar-active .wraper_search {
     opacity: 1;
     visibility: visible;
 }

 body.flyout-searchbar-active .wraper_search>.table>.table-cell>.search-layer {
     transform: translateX(0);
     -webkit-transform: translateX(0);
 }

 body.flyout-searchbar-active .wraper_search>.table>.table-cell>.search-layer {
     transform: translateX(0);
     -webkit-transform: translateX(0);
 }

 body.flyout-searchbar-active .wraper_search>.table>.table-cell>.search-layer {
     transform: translateX(0);
     -webkit-transform: translateX(0);
 }

 body.flyout-searchbar-active .wraper_search>.table>.table-cell .inner_search>.flyout-search-title h4 {
     letter-spacing: 0;
     opacity: 1;
 }
 /*===================================
		Header Style Three
===================================*/

 .header-style-three {
     position: relative;
     background-color: #232122;
 }

 .header-style-three .logo-box:before {
     position: absolute;
     top: 0;
     margin-right: -230px;
     right: 100%;
     height: 100%;
     width: 1000%;
     background-color: #ffffff;
     content: "";
     transform: skew(40deg);
 }

 .header-style-three .inner-container {
     position: relative;
 }

 .header-style-three .nav-outer {
     float: right;
 }

 .header-style-three .outer-box {
     position: relative;
     float: right;
     padding: 30px 0;
 }

 .header-style-three .main-menu .navigation>li {
     margin-left: 35px;
 }

 .header-style-three .main-menu .navigation>li>a {
     position: relative;
     color: #ffffff;
     font-weight: 500;
     font-size: 15px;
 }

 .header-style-three .main-menu .navigation>li>a:before {
     position: absolute;
     left: 50%;
     width: 0;
     height: 1px;
     bottom: 35px;
     content: "";
     background-color: #e38b00;
     transition: all 300ms ease;
 }

 .header-style-three .main-menu .navigation>li:hover>a:before,
 .header-style-three .main-menu .navigation>li.current>a:before {
     left: 0%;
     width: 100%;
 }

 .header-style-three .outer-box {
     margin-left: 30px;
 }

 .header-style-three .search-box-outer {
     margin-left: 20px;
 }

 .header-style-three .nav-toggler {
     position: relative;
     height: 30px;
     width: 30px;
     text-align: center;
     line-height: 30px;
     font-size: 15px;
     color: #222222;
     font-weight: 400;
     background-color: #ffffff;
     border-radius: 5px;
     cursor: pointer;
     transition: all 300ms ease;
 }

 .header-style-three .nav-toggler:hover {
     background-color: #ffa500;
     color: #ffffff;
 }
 /*===================================
		Header Style Four
===================================*/

 .header-style-four .header-top {
     position: relative;
     background-color: #222222 !important;
 }

 .header-style-four .top-left .contact-list {
     margin-left: -24px;
 }

 .header-style-four .top-right {
     padding: 0
 }

 .header-style-four .top-left .contact-list li i {
     color: #e38b00;
 }

 .header-style-four .top-left .contact-list li {
     color: #fff;
 }

 .header-style-four .top-left .contact-list li a {
     color: #fff;
 }

 .header-style-four .top-left .contact-list li a:hover {
     color: #e38b00;
 }

 .main-header.header-style-four:after {
     display: none;
 }

 .header-style-four .social-icon-four {
     margin-right: -25px;
 }

 .header-style-four .social-icon-four li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #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;
     padding: 5px 7px;
     width: 30px;
     text-align: center;
 }

 .header-style-four .social-icon-four li a:hover {
     background-color: #fff;
     color: #e38b00;
 }

 .header-style-four {
     position: relative;
     width: 100%;
     border-bottom: none;
 }

 .header-style-four .header-top .inner-container {
     padding: 0 40px;
 }

 .header-style-four .header-lower {
     position: absolute;
     width: 100%;
     background: none;
 }

 .header-style-four .header-lower:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 50%;
     background-color: #222222;
 }

 .header-style-four .header-lower .auto-container {
     position: relative;
     max-width: 1170px;
 }

 .header-style-four .header-lower .main-box {
     position: relative;
     width: 100%;
     background-image: url(../images/resource/main-header-four.jpg);
     background-position: top center;
     background-repeat: no-repeat;
     padding: 0 30px;
     background-size: cover;
 }

 .header-style-four .nav-outer {
     float: right;
 }

 .header-style-four .main-menu .navigation>li {
     margin-left: 35px;
 }

 .header-style-four .main-menu .navigation>li>a {
     position: relative;
     color: #222222;
     font-weight: 500;
     font-size: 15px;
 }

 .header-style-four .main-menu .navigation>li>a:hover {
     color: #e38b00;
 }

 .header-style-four .main-menu .navigation>li>a:before {
     position: absolute;
     left: 50%;
     top: auto;
     width: 0;
     height: 1px;
     bottom: 31px;
     content: "";
     background-color: #e38b00;
     transition: all 300ms ease;
 }

 .header-style-four .navigation>li>a:hover::before,
 .header-style-four .navigation>li.current>a::before {
     content: "";
     position: absolute;
     left: 0;
     top: auto;
     bottom: 31px;
     margin: 0 auto;
     width: 49px;
     height: 2px;
     background: #e38b00;
 }

 .header-style-four .navigation>li>a:hover::after,
 .header-style-four .navigation>li.current>a::after {
     display: none;
 }

 .header-style-four .outer-box {
     padding: 32.5px 0;
     margin-left: 45px;
 }

 .header-style-four .search-box-btn {
     color: #222;
 }

 .header-style-four .search-box-btn:hover {
     color: #e38b00 !important;
 }

 .header-style-four .search-box-outer .dropdown-menu {
     top: 37px !important;
 }

 .header-style-four .search-box-outer {
     float: right;
     margin-left: 40px;
 }

 .main-header .cart-btn {
     position: relative;
     float: left;
 }

 .main-header .cart-btn a {
     position: relative;
     display: inline-block;
     font-size: 20px;
     line-height: 35px;
     color: #e38b00;
 }

 .main-header .cart-btn a i:before {
     margin-left: 0;
     font-size: 26px;
 }

 .main-header .cart-btn .count {
     position: absolute;
     right: -11px;
     top: 0;
     height: 22px;
     width: 22px;
     line-height: 22px;
     color: #e38b00;
     font-size: 12px;
     text-align: center;
     font-weight: 400;
     background-color: #fff;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
 }

 .header-style-four .header-searchbar i {
     color: #e38b00;
 }
 /*===================================
		Header Style Five
===================================*/

 .header-style-five {
     position: absolute;
 }

 .header-style-five .main-menu {
     margin-right: 200px;
 }

 .header-style-five .main-menu .navigation {
     margin-left: 15px;
 }

 .header-style-five .nav-outer {
     background: rgba(255, 255, 255, 0.6);
 }

 .header-style-five .logo-box {
     position: relative;
     float: left;
     background: rgba(255, 255, 255, 0.6);
     padding-right: 75px;
 }

 .header-style-five .logo-box:before {
     content: "";
     position: absolute;
     left: -100%;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.6);
 }

 .header-style-five .logo-box .logo {
     padding: 15px 0;
 }

 .header-style-five .inner-container {
     position: relative;
     padding-left: 60px;
     padding-right: 0;
     margin-top: 50px;
 }

 .header-style-five .main-menu .navigation>li {
     margin-left: 35px;
 }

 .header-style-five .main-menu .navigation>li>a {
     position: relative;
     color: #222222;
     font-weight: 500;
     font-size: 15px;
 }

 .header-style-five .main-menu .navigation>li>a:hover {
     color: #e38b00;
 }

 .header-style-five .main-menu .navigation>li>a:before {
     position: absolute;
     left: 50%;
     top: auto;
     width: 0;
     height: 1px;
     bottom: 31px;
     content: "";
     background-color: #e38b00;
     transition: all 300ms ease;
 }

 .header-style-five .navigation>li>a:hover::before,
 .header-style-five .navigation>li.current>a::before {
     content: "";
     position: absolute;
     left: 0;
     top: auto;
     bottom: 31px;
     margin: 0 auto;
     width: 49px;
     height: 2px;
     background: #e38b00;
 }

 .header-style-five .navigation>li>a:hover::after,
 .header-style-five .navigation>li.current>a::after {
     display: none;
 }

 .header-style-five .outer-box {
     position: relative;
     padding: 45px 0;
     float: right;
 }

 .header-style-five .search-box-outer .phone-num {
     position: relative;
     left: -160px;
     top: 36px;
     font-size: 16px;
     color: #333;
 }

 .header-style-five .search-box-outer .search-box-btn {
     color: #333;
     border: 1px dashed #e38b00;
     background-color: #fff;
     margin-top: 4px;
 }

 .header-style-five .search-box-outer {
     float: left;
     position: relative;
     right: 0;
 }

 .header-style-five .header-searchbar i {
     color: #e38b00;
 }
 /***

====================================================================
	Side Nav Bar
====================================================================

***/

 .sidenav-bar {
     position: fixed;
     left: -350px;
     top: 0px;
     width: 350px;
     height: 100%;
     overflow-y: auto;
     background: #111111;
     z-index: 99999;
     transition: all 500ms ease;
 }

 .active-side-nav .sidenav-bar {
     left: 0;
 }

 .sidenav-bar .inner-box {
     position: relative;
     padding: 50px 30px;
 }

 .sidenav-bar:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-image: url(../images/icons/icon-dots-dark.jpg);
     background-repeat: repeat;
     background-position: center;
     content: "";
 }

 .sidenav-bar .upper-box {
     position: relative;
     margin-bottom: 50px;
 }

 .sidenav-bar .upper-box .logo a {
     position: relative;
 }

 .sidenav-bar .cross-icon {
     position: absolute;
     right: 0;
     top: 15px;
     height: 40px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 18px;
     color: #222222;
     font-weight: 400;
     background-color: #ffffff;
     cursor: pointer;
     transition: all 300ms ease;
 }

 .sidenav-bar .cross-icon:hover {
     background-color: #ffa500;
     color: #ffffff;
 }

 .sidenav-bar .side-nav {
     position: relative;
     margin-bottom: 50px;
 }

 .sidenav-bar .side-nav .navigation>li.dropdown>a:before {
     font-family: 'FontAwesome';
     content: "\f105";
     position: absolute;
     right: 0px;
     top: 10px;
     line-height: 30px;
     display: block;
     font-size: 16px;
     z-index: 5;
     font-weight: 300;
 }

 .sidenav-bar .side-nav .navigation>li.dropdown.active>a:before {
     content: "\f107";
 }

 .sidenav-bar .side-nav .navigation>li.dropdown>ul,
 .sidenav-bar .side-nav .navigation>li.dropdown>ul>li.dropdown>ul {
     position: relative;
     display: block;
     left: 0%;
     top: 0px;
     width: 100%;
     z-index: 100;
     padding: 10px 0px;
 }

 .sidenav-bar .side-nav .navigation li.dropdown .dropdown-btn {
     position: absolute;
     right: 0px;
     top: 10px;
     width: 34px;
     height: 30px;
     border: 1px solid #e0e0e0;
     text-align: center;
     font-size: 16px;
     line-height: 36px;
     color: #ffffff;
     cursor: pointer;
     z-index: 5;
     display: none;
 }

 .sidenav-bar .subscribe-form {
     position: relative;
 }

 .sidenav-bar .subscribe-form h5 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 1.2em;
     color: #ffffff;
     font-weight: 400;
     margin-bottom: 25px;
 }

 .sidenav-bar .subscribe-form form {
     position: relative;
 }

 .sidenav-bar .subscribe-form input[type="text"],
 .sidenav-bar .subscribe-form input[type="email"] {
     position: relative;
     display: block;
     width: 100%;
     font-size: 18px;
     line-height: 30px;
     color: #999999;
     font-weight: 400;
     padding: 10px 30px;
     background-color: #000000;
     border-radius: 30px;
     transition: all 300ms ease;
 }

 .sidenav-bar .subscribe-form button,
 .sidenav-bar .subscribe-form input[type="submit"] {
     position: relative;
     display: block;
     width: 100%;
     margin-top: 10px;
     height: 50px;
     font-size: 16px;
     line-height: 30px;
     color: #000000;
     font-weight: 600;
     padding: 10px 30px;
     text-transform: uppercase;
 }

 .sidenav-bar .subscribe-form button:hover,
 .sidenav-bar .subscribe-form input[type="submit"]:hover {
     color: #ffffff;
 }

 .form-back-drop {
     position: fixed;
     right: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     opacity: 0;
     background: rgba(0, 0, 0, 0.70);
     visibility: hidden;
     z-index: 99999;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .active-side-nav .form-back-drop {
     opacity: 1;
     visibility: visible;
 }

 .mCSB_inside>.mCSB_container {
     margin-right: 0;
 }
 /***

====================================================================
	Hidden Sidebar style
====================================================================

***/

 .hidden-bar {
     position: fixed;
     left: -500px;
     top: 0px;
     max-width: 100%;
     height: 100%;
     overflow-y: auto;
     z-index: 99999;
     opacity: 0;
     background-color: #222222;
     visibility: hidden;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .active-side-nav .hidden-bar {
     left: 0px;
     opacity: 1;
     visibility: visible;
 }

 .hidden-bar .inner-box {
     position: relative;
     background-color: #222222;
     padding: 28px 30px 20px;
 }

 .hidden-bar .inner-box .cross-icon {
     position: absolute;
     right: 30px;
     top: 30px;
     cursor: pointer;
     color: #ffffff;
     font-size: 20px;
     z-index: 2;
 }

 .hidden-bar .inner-box h2 {
     position: relative;
     font-size: 28px;
     font-weight: 500;
     line-height: 1.2em;
     color: #ffffff;
     margin-bottom: 20px;
 }
 /*Appointment Form*/

 .hidden-bar .appointment-form {
     position: relative;
 }

 .hidden-bar .appointment-form .form-group {
     position: relative;
     margin-bottom: 15px;
 }

 .hidden-bar .appointment-form input[type="text"],
 .hidden-bar .appointment-form input[type="email"],
 .hidden-bar .appointment-form textarea {
     position: relative;
     display: block;
     width: 100%;
     line-height: 23px;
     padding: 10px 25px;
     height: 45px;
     color: #ffffff;
     font-size: 16px;
     border: 1px solid rgba(255, 255, 255, 0.10);
     background: none;
     transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
 }

 .hidden-bar .appointment-form input::placeholder,
 .hidden-bar .appointment-form textarea::placeholder {
     color: #bdbdbd;
 }

 .hidden-bar .appointment-form input:focus,
 .hidden-bar .appointment-form textarea:focus {
     border-color: #ffffff;
 }

 .hidden-bar .appointment-form textarea {
     height: 135px;
     resize: none;
 }

 .hidden-bar .appointment-form .form-group button {
     margin-top: 10px;
     display: block;
     width: 100%;
     border-radius: 0;
     font-weight: 700;
     background-color: #ffffff;
     color: #222222;
 }

 .hidden-bar .appointment-form .form-group button:hover {
     color: #ffffff;
 }

 .contact-info-box {
     position: relative;
     padding-top: 20px;
 }

 .contact-info-box .info-list {
     position: relative;
     padding-bottom: 18px;
     margin-bottom: 25px;
 }

 .contact-info-box .info-list li {
     position: relative;
     display: block;
     color: #ffffff;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 5px;
 }

 .contact-info-box .info-list li a {
     position: relative;
     display: inline-block;
     color: #ffffff;
     font-size: 18px;
     font-weight: 500;
 }

 .contact-info-box .info-list:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 0px;
     width: 50px;
     height: 1px;
     background-color: #ffffff;
 }

 .contact-info-box .social-list {
     position: relative;
 }

 .contact-info-box .social-list li {
     position: relative;
     width: 50%;
     float: left;
     margin-bottom: 6px;
     display: inline-block;
 }

 .contact-info-box .social-list li a {
     position: relative;
     font-size: 15px;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.50);
     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;
 }

 .contact-info-box .social-list li a:hover {
     color: rgba(255, 255, 255, 0.80);
 }

 .mCSB_inside>.mCSB_container {
     margin-right: 0;
 }
 /***

====================================================================
				Sticky Header
====================================================================

***/

 .sticky-header {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     left: 0px;
     top: 0px;
     width: 100%;
     padding: 0px 0px;
     z-index: -1;
     background-color: #fff;
     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -webkit-transition: top 300ms ease;
     -moz-transition: top 300ms ease;
     -ms-transition: top 300ms ease;
     -o-transition: top 300ms ease;
     transition: top 300ms ease;
 }

 .dis {
     display: none;
 }

 .fixed-header {
     opacity: 1;
     position: fixed;
     z-index: 9999;
     top: 0px;
     visibility: visible;
     background: rgba(255, 255, 255);
     box-shadow: 0px 1px 8px -1px #ccc;
 }

 .fixed-header .main-menu .navigation>li>a {
     color: rgba(5, 5, 5, 0.9);
 }

 .fixed-header img {
     width: 100%;
 }

 .logo {
     position: relative;
     margin-right: 50px;
 }

 .fixed-header .sticky-header {
     opacity: 1;
     z-index: 9999;
     visibility: visible;
     background: rgba(0, 0, 0, 0.7);
 }

 .fixed-header .sticky-header .logo {
     padding: 10px 0;
 }

 .fixed-header .sticky-header .main-menu {
     float: right;
 }

 .sticky-header .main-menu .navigation>li {
     margin-left: 30px !important;
     padding: 0;
     margin-right: 0;
     background-color: transparent;
 }

 .sticky-header .main-menu .navigation>li>a:before,
 .sticky-header .main-menu .navigation>li:after {
     display: none !important;
 }

 .sticky-header .main-menu .navigation>li>a {
     padding: 20px 10px !important;
     line-height: 30px;
     font-size: 16px;
     font-weight: 400;
     color: #333;
     text-transform: capitalize;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .sticky-header .main-menu .navigation>li:hover>a,
 .sticky-header .main-menu .navigation>li.current>a,
 .sticky-header .main-menu .navigation>li.current-menu-item>a {
     opacity: 1;
     color: #e38b00;
 }

 .sticky-header .main-menu .navigation>li>a:hover::after,
 .sticky-header .main-menu .navigation>li.current>a::after {
     display: none;
 }

 .sticky-header .main-menu .navigation>li:before,
 .sticky-header .main-menu .navigation>li.dropdown>a:after {
     display: none;
 }

 .sticky-header .main-menu .navigation>li.dropdown:hover>ul {
     margin-top: 0;
 }

 .header-style-four.fixed-header .logo-box .logo {
     padding: 10px 0;
 }

 .header-style-four.fixed-header .main-menu .navigation>li>a {
     padding: 30px 0;
 }

 .header-style-four.fixed-header .search-box-btn {
     top: 5px;
 }

 .header-style-four.fixed-header .search-box-outer .dropdown-menu {
     top: 0 !important;
 }
 /************************ Mega Menu ***************************/

 .main-menu .navigation>li.has-mega-menu {
     position: static;
 }

 .main-menu .navigation>li>.mega-menu {
     position: absolute;
     left: 0px;
     right: 0;
     margin: auto;
     width: 100%;
     max-width: 1170px;
     background: rgba(0, 0, 0, .90);
     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: #f1f1f1;
     font-size: 18px;
     font-weight: 500;
     padding-bottom: 10px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
     text-align: left;
 }

 .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 rgba(255, 255, 255, 0.10);
     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 20px;
     line-height: 24px;
     font-weight: 400;
     font-size: 15px;
     color: #ffffff;
     text-align: left;
     text-transform: capitalize;
     border-left: 4px solid transparent;
     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>ul>li>a:hover {
     border-left: 4px solid #e38b00;
     background: #222222;
 }
 /***

====================================================================
		Banner Section
====================================================================

***/

 .pt-120 {
     padding: 63px 0px 0px;
 }

 .pt-60 {
     padding: 85px 0px 20px;
 }

 .r-flex {
     display: -ms-flexbox!important;
     display: flex!important;
     justify-content: space-between;
     align-items: flex-start;
     flex-wrap: nowrap;
 }

 .banner-section {
     position: relative;
     width: 100%;
     height: auto;
     background-position: center;
     top: 0px;
     background-color: #000000;
     background-repeat: no-repeat;
     margin-bottom: 100px;
 }

 .banner-title {
     width: 366px;
     height: 45px;
     margin: 207px 112.6px 14.5px 316.1px;
     object-fit: contain;
     font-family: BwModelicaSS01;
     font-size: 38px;
     font-weight: 800;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.2;
     letter-spacing: normal;
     text-align: left;
     color: #ffffff;
 }

 .banner-carousel .content-box {
     position: relative;
     z-index: 33;
 }

 .banner-carousel h1 {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 72px;
     color: #ffffff;
     font-weight: 700;
     margin-bottom: 20px;
     opacity: 0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
     transform: translateY(-50px);
     z-index: 33;
 }

 .banner-carousel .active h1 {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     transition-delay: 700ms;
     z-index: 33;
 }

 .banner-carousel .content-box .text {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 1.2em;
     color: #ffffff;
     font-weight: 400;
     margin-bottom: 40px;
     opacity: 0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     -webkit-transform: translateY(-100px);
     -moz-transform: translateY(-100px);
     -ms-transform: translateY(-100px);
     -o-transform: translateY(-100px);
     transform: translateY(-100px);
 }

 .banner-carousel .active .text {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .banner-section .banner-carousel {
     position: relative;
 }

 .banner-section .owl-item,
 .banner-section .owl-stage,
 .banner-section .owl-wrapper,
 .banner-section .owl-stage-outer,
 .banner-section .owl-wrapper-outer {
     height: 100% !important;
 }

 .banner-section .slide-item {
     position: relative;
     width: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     padding: 0;
 }

 .banner-section .slide-item:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: "";
     background-color: #000000;
     opacity: 0.60;
 }

 .banner-section .slide-item .content-box {
     position: relative;
     max-width: 1200px;
     padding: 267px 0 308px;
 }

 .banner-section .content-box .title {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 1.2em;
     color: #aaaaaa;
     font-weight: 700;
     margin-bottom: 30px;
     text-transform: uppercase;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-50px);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section .active .content-box .title {
     opacity: 1;
     visibility: visible;
     transform: translateY(0px);
     transition-delay: 1000ms;
 }

 .banner-section .content-box h2 {
     position: relative;
     display: block;
     font-size: 78px;
     line-height: 1.2em;
     margin-bottom: 0;
 }

 .banner-section .active .content-box h2 {
     animation: slideInRight 1s;
     animation-delay: 500ms;
 }

 .banner-section .content-box .video-link a {
     position: relative;
     display: inline-block;
     height: 60px;
     width: 60px;
     text-align: center;
     line-height: 60px;
     font-size: 16px;
     color: #ffa500;
     font-weight: 400;
     border: 2px solid #ffffff;
     border-radius: 50%;
     background-color: rgba(0, 0, 0, 0.46);
     transform: translateY(-50px);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section .content-box .video-link a:hover {
     color: #ffffff;
     border-color: #000000;
 }

 .banner-section .owl-nav {
     display: none !important;
 }

 .banner-section .owl-dots {
     position: absolute;
     left: 254px;
     bottom: 91px;
     display: none !important;
 }

 .banner-section .owl-dot {
     position: relative;
     display: inline-block;
     height: 6px;
     width: 6px;
     background-color: #fff;
     border-radius: 50%;
     margin-bottom: 35px;
     margin-right: 38px;
     -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: 1px solid #fff;
 }

 .banner-section .owl-dots:before {
     content: "";
     position: absolute;
     left: 0;
     top: 4px;
     width: 95px;
     height: 2px;
     background: #fff;
 }

 .banner-section .owl-dot.active {
     background-color: #e38b00;
     height: 8px;
     width: 8px;
     border: 1px solid #fff;
     top: 1px;
 }

 .banner-section .social-links {
     position: absolute;
     left: 80px;
     bottom: 90px;
     z-index: 9;
 }

 .social-icon-three {
     position: relative;
 }

 .social-icon-three li {
     position: relative;
     display: block;
     margin-bottom: 25px;
 }

 .social-icon-three li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 40px;
     color: #ffffff;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     width: 40px;
     height: 40px;
     border: 1px dashed transparent;
     border-radius: 50%;
     text-align: center;
 }

 .social-icon-three li a:hover {
     color: #fff;
     border: 1px dashed #e38b00;
 }

 .banner-section .carousel-column {
     position: relative;
 }

 .banner-section .carousel-column .carousel-outer {
     position: relative;
 }

 .banner-section .thumbs-carousel {
     position: absolute;
     right: 22%;
     bottom: 50px;
     transform-origin: right;
     max-width: 230px;
     background-color: #fff;
 }

 .banner-section .thumbs-carousel .thumb-box {
     position: relative;
 }

 .banner-section .thumbs-carousel .thumb-box figure {
     position: relative;
     margin-bottom: 0;
     right: -30px;
 }

 .banner-section .carousel-outer .thumbs-carousel img {
     width: 200px;
     height: auto;
 }

 .banner-section .carousel-outer .thumbs-carousel .owl-dots {
     display: none !important;
 }

 .banner-section .carousel-outer .thumbs-carousel .owl-nav {
     position: absolute;
     left: -44px;
     bottom: 37px;
     display: none !important;
 }

 .banner-section .carousel-outer .thumbs-carousel .owl-prev {
     display: none;
 }

 .banner-section .carousel-outer .thumbs-carousel .owl-next {
     position: relative;
     font-size: 16px;
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 18px;
     z-index: 9;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .banner-section .carousel-outer .thumbs-carousel .owl-next:hover {
     color: #e38b00;
 }

 .banner-section .carousel-outer .thumbs-carousel .owl-next i {
     display: block;
 }

 .banner-section .carousel-outer .thumbs-carousel .owl-next i:before {
     margin-left: 28px;
     font-size: 40px;
     color: #e38b00;
 }
 /***

====================================================================
			Banner Section Style two
====================================================================

***/

 .banner-section-two {
     position: relative;
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .banner-section-two:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 1920px;
     height: 203px;
     background-image: url(../images/main-slider/image-4.png);
     z-index: 1;
 }

 .banner-section-two .outer-column {
     position: relative;
     width: 100%;
     padding: 150px 0 194px;
     z-index: 1;
 }

 .banner-section-two .text-column {
     position: relative;
     width: 100%;
     padding: 147px 40px 0 90px;
 }

 .banner-section-two .text-column .content-box h1 {
     font-size: 48px;
     color: #fff;
     font-weight: 400;
 }

 .banner-section-two .text-column .content-box .text {
     color: #fff;
     padding: 21px 0px;
 }

 .banner-section-two .form-column {
     position: relative;
     width: 100%;
     padding: 0 90px;
 }

 .banner-section-two .form-column .content-box {
     width: 100%;
     position: relative;
     background-color: #fff;
     border-radius: 25px;
 }

 .banner-section-two .form-column .content-box .title-box {
     position: relative;
     width: 100%;
     background-color: #e38b00;
     border-radius: 25px 25px 0 0;
     padding: 25px 35px 30px;
     text-align: center;
 }

 .banner-section-two .form-column .content-box .title-box h2 {
     font-size: 24px;
     line-height: 30px;
     color: #fff;
     font-weight: 600;
 }

 .banner-section-two .form-column .content-box .title-box .text {
     color: #000;
     font-size: 16px;
     padding-top: 6px;
 }

 .banner-form {
     position: relative;
     width: 100%;
     padding: 35px;
 }

 .banner-form .form-group {
     position: relative;
     margin-bottom: 20px;
     text-align: center;
 }

 .banner-form .form-group input[type="text"],
 .banner-form .form-group input[type="email"] {
     position: relative;
     display: block;
     width: 100%;
     font-size: 18px;
     color: #000;
     line-height: 30px;
     padding: 14px 25px;
     background-color: #ffffff;
     height: 60px;
     border: 1px solid #888888;
     font-weight: 400;
     border-radius: 60px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-form .form-group input:focus,
 .banner-form .form-group select:focus {
     border-color: #e38b00;
 }

 .banner-form .form-group button {
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 700;
     padding: 15px 45px;
     line-height: 30px;
 }
 /***

====================================================================
		Banner Section Three
====================================================================

***/

 .banner-section-three {
     position: relative;
     z-index: 99;
     padding-left: 100px;
 }

 .banner-section-three .banner-carousel-two {
     z-index: 99;
     position: relative;
 }

 .banner-section-three .banner-carousel-two:before {
     content: "";
     position: absolute;
     left: -100px;
     bottom: 0;
     width: 100px;
     height: 295px;
     background-color: rgba(0, 0, 0, 0.50);
 }

 .banner-section-three .slide-item {
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     padding: 530px 0 0;
 }

 .banner-carousel-two .content-box {
     position: relative;
 }

 .banner-carousel-two .content-box .inner-box {
     position: relative;
     float: left;
     max-width: 672px;
     background-color: rgba(0, 0, 0, 0.50);
     padding: 58px 70px 37px 3px;
     opacity: 0;
     margin-left: -100px;
     visibility: hidden;
     -webkit-transform: translateX(100px);
     -moz-transform: translateX(100px);
     -ms-transform: translateX(100px);
     -o-transform: translateX(100px);
     transform: translateX(100px);
 }

 .banner-carousel-two .content-box .inner-box:before {
     position: absolute;
     top: 0;
     right: 100%;
     height: 100%;
     width: 1000%;
     background-color: rgba(0, 0, 0, 0.50);
     content: "";
 }

 .banner-carousel-two .active .content-box .inner-box {
     visibility: visible;
     opacity: 1;
     -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
     -ms-transform: translateX(0px);
     -o-transform: translateX(0px);
     transform: translateX(0px);
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit--moz-transition-delay: 300ms;
     -moz--moz-transition-delay: 300ms;
     -ms--moz-transition-delay: 300ms;
     -o--moz-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
 }

 .banner-carousel-two .content-box .title {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 1.2em;
     color: #e38b00;
     font-weight: 600;
     margin-bottom: 22px;
     opacity: 0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
     transform: translateY(-50px);
     font-family: "Open Sans", sans-serif;
 }

 .banner-carousel-two .active .content-box .title {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1500ms;
     -moz-transition-delay: 1500ms;
     -ms-transition-delay: 1500ms;
     -o-transition-delay: 1500ms;
     transition-delay: 1500ms;
 }

 .banner-carousel-two .content-box h2 {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 1.2em;
     color: #ffffff;
     font-weight: 600;
     margin-bottom: 20px;
     opacity: 0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
     transform: translateY(-50px);
 }

 .banner-carousel-two .active h2 {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     transition-delay: 700ms;
 }

 .banner-carousel-two .content-box .text {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 36px;
     color: #ffffff;
     font-weight: 400;
     margin-bottom: 20px;
     opacity: 0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     -webkit-transform: translateY(-100px);
     -moz-transform: translateY(-100px);
     -ms-transform: translateY(-100px);
     -o-transform: translateY(-100px);
     transform: translateY(-100px);
     padding-right: 100px;
 }

 .banner-carousel-two .active .text {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .banner-carousel-two .link-box {
     position: absolute;
     opacity: 0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
     right: 55px;
     bottom: 53px;
 }

 .banner-carousel-two .active .link-box {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1500ms;
     -moz-transition-delay: 1500ms;
     -ms-transition-delay: 1500ms;
     -o-transition-delay: 1500ms;
     transition-delay: 1500ms;
 }

 .banner-carousel-two .link-box a {
     display: inline-block;
     font-size: 16px;
     line-height: 30px;
     color: #ffad00;
     font-weight: 400;
     padding: 0;
     transition: all 300ms ease;
 }

 .banner-carousel-two .link-box a:hover {
     color: #ffffff;
 }

 .banner-section-three .contact-info {
     position: absolute;
     left: 45px;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     transform: rotate(-90deg);
     transform-origin: left;
     bottom: 75px;
 }

 .banner-section-three .contact-info li {
     position: relative;
     float: left;
     margin-right: 35px;
     font-size: 18px;
     line-height: 30px;
     color: #222222;
     font-weight: 400;
 }

 .banner-section-three .contact-info li span {
     position: relative;
     float: left;
     font-size: 18px;
     line-height: 30px;
     color: #aaaaaa;
     font-weight: 400;
 }

 .banner-section-three .contact-info li a {
     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;
 }

 .banner-section-three .contact-info li a:hover {
     color: #ff8a00;
 }

 .banner-carousel-two .owl-nav {
     position: absolute;
     max-width: 1170px;
     padding: 0 20px;
     width: 180%;
     text-align: right;
     margin: 0 auto;
     left: 0;
     right: 0;
     bottom: -30px;
     height: 0;
 }

 .banner-carousel-two .owl-next,
 .banner-carousel-two .owl-prev {
     position: relative;
     display: inline-block;
     padding-left: 25px;
     font-size: 18px;
     color: #bbbbbb;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 30px;
     padding-top: 6px;
     background-color: transparent;
     z-index: 9;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .banner-carousel-two .owl-next:hover,
 .banner-carousel-two .owl-prev:hover {
     color: #ff8a00;
 }

 .banner-carousel-two .owl-next:before,
 .banner-carousel-two .owl-prev:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 40px;
     width: 60px;
     border: 2px solid #bbbbbb;
     border-right: 0;
     content: "";
     z-index: -1;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .banner-carousel-two .owl-next:hover:before,
 .banner-carousel-two .owl-prev:hover:before {
     border-color: #ff8a00;
 }

 .banner-carousel-two .owl-next:before {
     left: auto;
     right: -25px;
     border: 2px solid #bbbbbb;
     border-left: 0;
 }

 .banner-carousel-two .owl-next span {
     margin-left: 5px;
 }

 .banner-carousel-two .owl-prev span {
     margin-right: 5px;
 }

 .banner-section-three .bottom-box {
     position: relative;
     background-color: #fff;
     margin-left: -100px;
     box-shadow: 15px 0 51px rgba(0, 0, 0, 0.2);
 }

 .banner-section-three .bottom-box .outer-box {
     position: relative;
 }

 .banner-section-three .social-links {
     position: relative;
     z-index: 1;
     float: left;
     width: 40%;
     padding: 29px 0;
 }

 .banner-section-three .social-links li {
     position: relative;
     display: inline-block;
     margin-right: 30px;
     font-weight: 500;
     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;
 }

 .banner-section-three .social-links li span {
     position: relative;
     font-size: 16px;
     line-height: 30px;
     color: #333;
     font-weight: 500;
     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;
 }

 .banner-section-three .social-links li a {
     color: #333;
     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;
 }

 .banner-section-three .social-links li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 40px;
     color: #ffffff;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     width: 40px;
     height: 40px;
     border: 1px dashed transparent;
     border-radius: 50%;
     text-align: center;
 }

 .banner-section-three .social-links li a:hover {
     color: #e38b00;
     border: 1px dashed #e38b00;
 }

 .banner-section-three .info-bottom {
     float: left;
     background-color: #333;
     width: 60%;
     padding: 35px 0;
     position: relative;
 }

 .banner-section-three .info-bottom:before {
     content: "";
     position: absolute;
     right: 0;
     top: -8px;
     width: 205px;
     height: 106px;
     background-image: url(../images/background/banner-bottom.png);
 }

 .banner-section-three .info-bottom li {
     position: relative;
     display: inline-block;
     text-align: right;
     width: 41%;
     color: #fff;
 }

 .banner-section-three .info-bottom li a {
     color: #fff;
 }

 .banner-section-three .info-bottom li a:hover {
     text-decoration: underline;
 }

 .banner-section-three .info-bottom li span {
     color: #e38b00;
     font-weight: 700;
 }
 /***

====================================================================
			Main Slider
====================================================================

***/

 .main-slider {
     position: relative;
     z-index: 99;
 }

 .main-slider .tp-caption {
     z-index: 98;
     position: relative;
 }

 .main-slider .rev_slider .slotholder:before {
     width: 100%;
     height: 100%;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     /* black overlay with 70% transparency */
     background: rgba(0, 0, 0, 0.7);
     z-index: 1;
 }

 .main-slider h1 {
     font-size: 60px;
     line-height: 1em;
     color: #ffffff;
     font-weight: 700;
     text-align: center;
     text-transform: uppercase;
 }

 .main-slider .text {
     color: #fff;
     font-size: 18px;
     text-align: center;
 }

 .btns-box {
     position: relative;
     text-align: center;
     margin: 40px 0 !important;
 }

 .anim-icons {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     height: 100%;
     width: 100%;
     max-width: 1170px;
     margin: 0 auto;
 }

 .arrow-down {
     position: absolute;
     left: 50%;
     bottom: 50px;
     z-index: 99;
     text-align: center;
     opacity: 1;
     margin-left: -8px;
     animation: fadeInDown 3s infinite;
     background: #000;
     padding: 26px 12px;
     cursor: pointer;
     border-radius: 48px;
     border: 1px solid #fff;
 }

 .arrow-down::before {
     content: "";
     position: absolute;
     left: 19px;
     top: -11px;
     width: 2px;
     height: 32px;
     background-color: #fff;
 }

 .arrow-down .fa {
     position: relative;
     display: inline-block;
     width: 16px;
     bottom: -19px;
     font-size: 16px;
     color: #fff;
 }
 /***

====================================================================
			Main Slider Style Two
====================================================================

***/

 .main-slider.style-two {
     position: relative;
     z-index: 99;
     margin-top: 0;
 }

 .main-slider.style-two .rev_slider .slotholder:before {
     width: 100%;
     height: 100%;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     /* black overlay with 0% transparency */
     background: rgba(0, 0, 0, 0);
     z-index: 1;
 }

 .main-slider.style-two h1 {
     font-size: 72px;
     line-height: 1em;
     color: #ffffff;
     font-weight: 700;
     text-align: center;
     text-transform: none !important;
     text-shadow: 5px 0 13px rgba(0, 0, 0, 0.24);
 }

 .main-slider.style-two .arrow-down {
     position: absolute;
     left: 50%;
     bottom: 50px;
     z-index: 99;
     text-align: center;
     opacity: 1;
     margin-left: -8px;
     animation: fadeInDown 3s infinite;
     background: rgba(0, 0, 0, 0.3);
     padding: 26px 12px;
     cursor: pointer;
     border-radius: 48px;
     border: 1px solid #fff;
 }

 .main-slider.style-two .social-links {
     position: absolute;
     top: 35%;
     left: 150px;
 }

 .main-slider.style-two .social-icon-three {
     position: relative;
 }

 .main-slider.style-two .social-icon-three li {
     position: relative;
     display: block;
     margin-bottom: 25px;
 }

 .main-slider.style-two .social-icon-three li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 40px;
     color: #333;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     width: 40px;
     height: 40px;
     border: none;
     border-radius: 0;
     text-align: center;
     z-index: 99;
 }

 .main-slider.style-two .social-icon-three li a:hover {
     background-color: #fff;
     color: #e38b00;
     border: none;
 }
 /***

====================================================================
			Page Title
====================================================================

***/

 .page-title {
     position: relative;
     padding: 233px 0 165px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
 }

 .page-title:before {
     content: '';
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background: #000000;
     opacity: .80;
     position: absolute;
 }

 .page-title .inner-container {
     position: relative;
 }

 .page-title .title-box {
     position: relative;
     float: left;
 }

 .page-title h1 {
     position: relative;
     display: block;
     font-size: 48px;
     color: #ffffff;
     line-height: 50px;
     font-weight: 600;
     margin-bottom: 35px;
 }

 .page-title .title {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 40px;
     color: #ffffff;
     font-weight: 400;
 }

 .page-title .bread-crumb {
     position: relative;
     float: right;
     background: rgba(0, 0, 0, 0.5);
     padding: 14px 30px;
     border-radius: 30px 0 0px 30px;
     border: 1px dashed #fff;
     border-right: none;
 }

 .page-title .bread-crumb:before {
     position: absolute;
     width: 771px;
     left: 100%;
     height: 60px;
     top: -1px;
     content: "";
     background: rgba(0, 0, 0, 0.5);
     border: 1px dashed #fff;
     border-right: none;
     border-left: none;
 }

 .page-title .bread-crumb li {
     position: relative;
     float: left;
     font-size: 18px;
     line-height: 30px;
     color: #e38b00;
     font-weight: 700;
     text-transform: capitalize;
     cursor: default;
     padding-right: 20px;
     margin-right: 20px;
 }

 .page-title .bread-crumb span {
     margin-right: 10px;
 }

 .page-title .bread-crumb li a {
     color: #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;
 }

 .page-title .bread-crumb li a:hover {
     color: #e38b00;
 }
 /***

====================================================================
	Section Title
====================================================================

***/

 .sec-title {
     position: relative;
     margin-bottom: 40px;
 }

 .sec-title h2 {
     position: relative;
     display: block;
     font-size: 36px;
     line-height: 30px;
     color: #fff;
     font-weight: 600;
     padding: 0 0 30px;
 }

 .sec-title h2 span {
     color: #44c3ef;
 }

 .theme-color {
     color: #44c3ef;
 }

 .join-list {
     display: flex;
     justify-content: space-between;
 }

 .join-list ul {
     list-style: none;
     padding-left: 20px;
 }

 .join-list ul li {
     color: #fff;
 }

 .join-list ul li::before {
     content: "•";
     /* You can use other characters or symbols here */
     color: #44c3ef;
     /* Set the desired color */
     margin-right: 5px;
     /* Add spacing between marker and content */
 }

 .join-list {
     background-color: #0c0c0c;
     margin: 20px 0 0;
     padding: 63px 60px;
     object-fit: contain;
     border-radius: 50px;
 }

 .sec-title.text-center {
     right: 0;
     margin: 0 auto;
 }

 .sec-title.text-center h2:before {
     left: 47%
 }

 .sec-title.text-center h2:after {
     left: 51%;
 }

 @-webkit-keyframes shine {
     from {
         -webkit-mask-position: 150%;
     }
     to {
         -webkit-mask-position: -50%;
     }
 }
 /***

====================================================================
	Section Title Style Two
====================================================================

***/

 .sec-title {
     position: relative;
     margin-bottom: 40px;
 }

 .sec-title h3 {
     position: relative;
     display: block;
     font-weight: 600;
     padding: 0 0 30px;
     font-size: 18px;
     line-height: 30px;
     color: #222222;
     font-weight: 600;
 }

 .sec-title h3:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 40px;
     height: 2px;
     background-color: #e38b00;
 }

 .sec-title h3:after {
     content: "";
     position: absolute;
     left: 45px;
     bottom: 0;
     width: 10px;
     height: 2px;
     background-color: #333333;
 }

 .sec-title.text-center {
     right: 0;
     margin: 0 auto;
 }

 .sec-title.text-center h3:before {
     left: 47%
 }

 .sec-title.text-center h3:after {
     left: 51%;
 }

 .mb-0 {
     padding-bottom: 10px !important;
 }
 /***

====================================================================
			About Section
====================================================================

***/

 .about-section {
     position: relative;
     background-repeat: no-repeat;
     background-position: center left;
     padding: 0 0 50px;
 }

 .about-section .image-column {
     position: relative;
 }

 .about-section .image-column .inner-column {
     position: relative;
     text-align: center;
 }

 .about-section .image-column .title-box {
     position: absolute;
     left: 95px;
     bottom: 75px;
     width: 100%;
     text-align: left;
     z-index: 9;
 }

 .about-section .image-column .title-box h2 {
     position: relative;
     display: block;
     font-size: 60px;
     line-height: 78px;
     color: #f2f2f2;
     font-weight: 900;
     text-transform: uppercase;
     text-shadow: 0 0 10px #000;
     font-family: "Rubik", sans-serif;
 }

 .about-section .image-column .image-box {
     position: relative;
     z-index: 1;
 }

 .about-section .image-column .image-box .image {
     position: relative;
     margin-bottom: 0;
     z-index: 1;
 }

 .about-section .image-column .image-box .image:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: -50px;
     width: 471px;
     height: 500px;
     background-image: url(../images/resource/1.png);
     background-position: top center;
     background-repeat: no-repeat;
     z-index: -1;
 }

 .about-section .image-column .image img {
     display: inline-block;
     max-width: 100%;
     height: auto;
 }

 .about-section .content-column {
     position: relative;
 }

 .about-section .content-column .inner-column {
     position: relative;
     padding-top: 28px;
 }

 .about-section .content-column .content-box {
     position: relative;
     padding-right: 50px;
 }

 .about-section .content-column .content-box h5 {
     color: #e38b00;
     font-size: 24px;
     line-height: 36px;
     font-weight: 500;
     padding-bottom: 20px;
 }

 .about-section .content-column .content-box .text {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 36px;
     color: #000;
     margin-bottom: 5px;
 }

 .about-section .content-column .content-box .link-box {
     position: relative;
 }

 .about-section .content-column .content-box .link-box a {
     font-weight: 700;
 }
 /***

====================================================================
			Services Section
====================================================================

***/

 .services-section {
     position: relative;
     padding: 70px 0 90px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 100%;
     background: #ffffff;
 }

 .services-section .lower-content p,
 .services-section .lower-content .text {
     font-size: 18px;
     line-height: 29px;
     color: #ffffffd4;
 }

 .services-section .lower-content h3 {
     font-size: 32px;
     line-height: 30px;
     font-weight: 500;
     padding-bottom: 20px;
     color: #ffffffd4;
 }

 .services-section .image-box {
     top: -26px;
     position: absolute;
     left: 14px;
 }

 .services-section:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     width: 250px;
     height: 381px;
     animation: slideInRight 1s;
     animation-delay: 500ms;
     z-index: -1;
     background-repeat: no-repeat;
 }

 .services-section .upper-box {
     position: relative;
     padding: 46px 0 341px;
 }

 .services-section .upper-box:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: "";
     opacity: .85;
 }

 .services-section .services-box {
     position: relative;
     margin-top: 0px;
     padding: 0px 70px;
 }

 .services-section .services-box h4 {
     color: #000;
     font-size: 17px;
 }

 .services-section .services-box .auto-container {
     padding: 0;
 }

 .services-carousel {
     position: relative;
     padding-bottom: 52px;
 }

 .service-overlay {
     position: relative;
 }

 .join-us {
     margin: auto;
     display: block;
     text-align: center;
 }

 .service-overlay::before {
     content: '';
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background: rgba(12, 12, 12, 0.3);
 }

 .service-block {
     position: relative;
     padding: 57px 40px 38px 40px;
     margin: 10px;
     min-width: 190px;
     height: auto;
     min-height: 156px;
     object-fit: contain;
     border-radius: 50px;
     box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
     background-color: #fff;
 }

 .service-block .inner-box {
     position: relative;
 }

 .service-block .inner-box .icon-box {
     position: relative;
     text-align: center;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .service-block:hover .icon-box {
     transform: rotateY(190deg);
 }

 .service-block .inner-box .icon-box i:before {
     margin: 0;
     font-size: 55px;
     color: #bbbbbb;
     line-height: 60px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .service-block:hover .inner-box .icon-box i:before {
     color: #e38b00;
 }

 .service-block .lower-content {
     position: relative;
     padding: 24px 20px 24px;
     text-align: left;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .service-footer {
     display: flex;
     align-items: center;
     justify-content: flex-start;
 }

 .service-footer span:nth-child(1),
 .service-footer span:nth-child(3) {
     color: #44c3ef;
 }

 .service-footer span:nth-child(2) {
     color: #44c3ef;
     margin-left: 8px;
 }

 .service-block .lower-content p {
     position: relative;
     padding: 10px 0 0 0;
     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-section .service-block .lower-content h3 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 30px;
     color: #222222;
     font-weight: 600;
     margin-bottom: 8px;
 }

 .service-block .lower-content h3 a {
     color: #222222;
     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;
 }

 .service-block .lower-content h3 a:hover {
     color: #e38b00;
 }

 .service-block .lower-content .text {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 36px;
     color: #000;
     min-height: 300px;
     margin-bottom: 27px;
 }

 .service-block .lower-content .link-box {
     position: relative;
 }

 .service-block .lower-content .link-box a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 1.2em;
     color: #e38b00;
     font-weight: 600;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .service-block .lower-content .link-box a:hover {
     color: #222;
 }

 .services-carousel .owl-dots {
     position: absolute;
     display: block !important;
     left: 0;
     bottom: 0;
     width: 100%;
     text-align: center;
 }

 .services-carousel .owl-dot {
     position: relative;
     display: inline-block;
     height: 6px;
     width: 12px;
     margin: 0 5px;
     background-color: #333333;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     margin-bottom: 7px;
 }

 .services-carousel .owl-dot:hover,
 .services-carousel .owl-dot.active {
     background-color: #e38b00;
 }

 .service-block .image-box {
     position: relative;
 }

 .service-block .image-box .image {
     position: relative;
     margin-bottom: 0;
 }

 .service-block .image-box .image img {
     display: block;
     width: 100%;
     height: auto;
 }

 .service-block .image-box .overlay-box {
     position: absolute;
     left: 0;
     top: 0;
     height: 0%;
     width: 100%;
     background: #e38b00 padding-box content-box;
     content: "";
     padding: 15px;
     opacity: 0;
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 .service-block .inner-box:hover .overlay-box {
     height: 100%;
     opacity: 0.70;
 }

 .service-block .overlay-box a {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 40px;
     width: 40px;
     margin-left: -20px;
     margin-top: -20px;
     text-align: center;
     font-size: 30px;
     line-height: 40px;
     color: #000000;
     font-weight: 400;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
 }

 .service-block .inner-box:hover .overlay-box a {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     transition: all 300ms linear;
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .service-block .overlay-box a i {
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .service-block .overlay-box a:hover i {
     color: #ffffff;
 }
 /***

====================================================================
			Services Section Style Two
====================================================================

***/

 .services-section.style-two {
     position: relative;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     padding: 10px 0 100px;
 }

 .services-section.style-two::before {
     display: none;
 }

 .services-section.style-two::after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
 }

 .services-section.style-two .services-carousel-two .service-block {
     position: relative;
     background-color: #fff;
     margin: 0 15px;
     padding: 35px 50px;
     margin-top: 90px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .services-section.style-two .services-carousel-two .center .service-block {
     margin-top: 15px;
     background-color: #e38b00;
 }

 .services-section.style-two .services-carousel {
     position: relative;
     padding-bottom: 0;
 }

 .services-section.style-two .service-block .lower-content h3 {
     font-size: 24px;
     margin-bottom: 42px;
     position: relative;
 }

 .services-section.style-two .services-carousel-two .center .service-block .lower-content h3 a,
 .services-section.style-two .services-carousel-two .center .service-block .lower-content .text {
     color: #fff;
 }

 .services-section.style-two .services-carousel-two .center .service-block .lower-content a {
     color: #fff;
 }

 .services-section.style-two .service-block .lower-content h3::before {
     content: "";
     position: absolute;
     left: 50%;
     bottom: -18px;
     width: 40px;
     height: 1px;
     background-color: #dddddd;
     transform: translateX(-50%);
 }

 .services-section.style-two .services-carousel-two .center .service-block .lower-content h3::before {
     background-color: #fff;
 }

 .services-section.style-two .services-carousel-two .number-slide {
     position: absolute;
     right: -43px;
     font-size: 72px;
     font-weight: 700;
     bottom: -3px;
     opacity: 0.1;
     color: #333;
 }
 /***

====================================================================
			Services Section Style Three
====================================================================

***/

 .services-section.style-three {
     position: relative;
     width: 100%;
     z-index: 2;
     padding: 98px 0 83px;
 }

 .services-section.style-three:before {
     content: "";
     position: absolute;
     left: 0;
     top: -398px;
     width: 100%;
     height: 815px;
     background-image: url(../images/background/10.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     animation: none;
 }

 .services-section.style-three .services-box {
     position: relative;
     z-index: 2;
     margin-top: 60px;
     padding: 0px 15px;
 }

 .services-section.style-three .sec-title {
     z-index: 2;
 }
 /***

====================================================================
			Services Section Style Four
====================================================================

***/

 .services-section.style-four {
     position: relative;
     padding: 38px 0 98px;
 }

 .services-section.style-four .sec-title {
     position: relative;
     margin-bottom: 34px;
 }

 .services-section.style-four .owl-item {
     position: relative;
     display: inline-block;
 }

 .services-section.style-four .sec-title h3 {
     padding: 0 0 23px;
 }

 .services-section.style-four:before {
     display: none;
 }

 .services-section.style-four .col-lg-3.col-md-6.col-sm-12 {
     padding: 0;
     margin: 0;
 }

 .services-section.style-four .service-block {
     position: relative;
     padding: 0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     overflow: hidden;
 }

 .services-section.style-four .service-block:hover {
     background-image: none;
 }

 .services-section.style-four .service-block:before {
     content: "";
     position: absolute;
     left: -100%;
     opacity: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #000;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .service-block:hover:before {
     left: 0;
     opacity: 1;
 }

 .yellow-block {
     background-color: #e38b00;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .service-block:hover .lower-content .sec-title h3 a,
 .services-section.style-four .service-block:hover .lower-content .text,
 .services-section.style-four .service-block:hover .lower-content .link-box a {
     color: #fff;
 }

 .grey-img-block {
     background-image: url('../images/background/service-block-1.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }

 .drk-grey-block {
     background-color: #333333;
 }

 .services-section.style-four .service-block .lower-content {
     position: relative;
     padding: 89px 48px 73px 74px;
     text-align: left;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .yellow-block .lower-content .sec-title h3,
 .services-section.style-four .yellow-block .lower-content .sec-title h3 a,
 .services-section.style-four .yellow-block .lower-content .text,
 .services-section.style-four .drk-grey-block .lower-content .sec-title h3,
 .services-section.style-four .drk-grey-block .lower-content .sec-title h3 a,
 .services-section.style-four .drk-grey-block .lower-content .link-box a {
     color: #fff;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .drk-grey-block .lower-content .text {
     color: #bbbbbb;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .yellow-block .lower-content .link-box a,
 .services-section.style-four .grey-img-block .lower-content .link-box a {
     color: #333;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .yellow-block .lower-content .sec-title h3:before {
     background-color: #fff;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .drk-grey-block .lower-content .sec-title h3:after {
     background-color: #fff;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .services-section.style-four .owl-nav,
 .services-section.style-four .owl-dots {
     display: none;
 }
 /***

====================================================================
			Services Section Style Five
====================================================================

***/

 .services-section.style-five:before {
     display: none;
 }

 .services-section.style-five .services-box.style-two {
     margin-top: 0;
 }
 /***

====================================================================
			Services Section Style Six
====================================================================

***/

 .services-section.style-six {
     position: relative;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     padding: 10px 0 99px;
 }

 .services-section.style-six::before {
     display: none;
 }

 .services-section.style-six::after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.9);
 }

 .services-section.style-six .services-carousel-two .service-block {
     position: relative;
     background-color: #fff;
     margin: 0 15px;
     padding: 35px 50px;
     margin-top: 90px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .services-section.style-six .services-carousel-two .center .service-block {
     margin-top: 15px;
     background-color: #e38b00;
 }

 .services-section.style-six .services-carousel {
     position: relative;
     padding-bottom: 0;
 }

 .services-section.style-six .service-block .lower-content h3 {
     font-size: 24px;
     margin-bottom: 42px;
     position: relative;
 }

 .services-section.style-six .services-carousel-two .center .service-block .lower-content h3 a,
 .services-section.style-six .services-carousel-two .center .service-block .lower-content .text {
     color: #fff;
 }

 .services-section.style-six .services-carousel-two .center .service-block .lower-content a {
     color: #333;
 }

 .services-section.style-six .service-block .lower-content h3::before {
     content: "";
     position: absolute;
     left: 50%;
     bottom: -18px;
     width: 40px;
     height: 1px;
     background-color: #dddddd;
     transform: translateX(-50%);
 }

 .services-section.style-six .services-carousel-two .center .service-block .lower-content h3::before {
     background-color: #000;
 }

 .services-section.style-six .services-carousel-two .number-slide {
     position: absolute;
     right: -43px;
     font-size: 72px;
     font-weight: 700;
     bottom: -3px;
     opacity: 0.1;
     color: #333;
 }
 /***

====================================================================
			Services Section Style Seven
====================================================================

***/

 .services-section.style-seven {
     padding: 98px 0 47px;
 }

 .services-section.style-seven .service-block .inner-box .icon-box {
     text-align: left;
 }

 .services-section.style-seven .service-block .lower-content {
     padding: 29px 0px 29px;
     text-align: left;
 }

 .services-section.style-seven .service-block:hover .icon-box {
     transform: rotateY(0);
 }
 /***

====================================================================
			Fluid Section One
====================================================================

***/

 .fluid-section-one {
     position: relative;
     z-index: 1;
 }

 .fluid-section-one.style-two {
     padding: 100px 0;
 }

 .fluid-section-one .container-fluid {
     position: relative;
     min-height: 350px;
 }

 .fluid-section-one .content-column {
     position: relative;
     float: left;
     width: 48%;
     padding: 150px 0 99px 0;
     z-index: 22;
 }

 .fluid-section-one .content-column .inner-column::before {
     content: "";
     position: absolute;
     left: 0;
     top: -152px;
     width: 501px;
     height: 190px;
     background-image: url(../images/background/2.png);
     z-index: -1;
     opacity: 0.78;
     background-repeat: no-repeat;
 }

 .fluid-section-one .content-column .inner-column::after {
     content: "";
     position: absolute;
     left: 205px;
     bottom: -97px;
     width: 173px;
     height: 193px;
     background-image: url(../images/background/3.png);
     background-repeat: no-repeat;
 }

 .fluid-section-one .content-column .inner-column {
     position: relative;
     max-width: 870px;
     margin: 0 auto;
     box-shadow: 29px 0px 51px rgba(0, 0, 0, 0.24);
     background-color: #fff;
 }

 .fluid-section-one .content-column .row {
     margin: 0 -38px;
 }

 .fluid-section-one .content-column .text-column {
     position: relative;
     z-index: 1;
 }

 .fluid-section-one .content-column .text-column .inner-box {
     position: relative;
     padding: 90px 130px 167px 243px;
     z-index: 2;
 }

 .fluid-section-one .content-column .inner-column::before {
     content: "";
     position: absolute;
     left: 0;
     top: -152px;
     width: 501px;
     height: 190px;
     background-image: url(../images/background/2.png);
     z-index: -1;
 }

 .fluid-section-one .content-column .text-column .inner-box h4 {
     font-size: 24px;
     font-weight: 600;
     line-height: 48px;
     margin-bottom: 31px;
 }

 .fluid-section-one .content-column .text-column .inner-box .text {
     position: relative;
     margin-left: 70px;
     color: #e38b00;
     font-size: 18px;
     font-weight: 600;
 }

 .fluid-section-one .content-column .text-column .inner-box .text::before {
     content: "";
     position: absolute;
     left: -70px;
     top: 11px;
     width: 50px;
     height: 3px;
     background-color: #333;
 }

 .fluid-section-one .image-column {
     position: absolute;
     float: right;
     right: 0px;
     top: 0px;
     width: 55%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
 }

 .fluid-section-one .image-column:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #141b28;
     opacity: .10;
     content: "";
 }

 .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 .image-column .video-link {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
 }

 .fluid-section-one .image-column a {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
 }

 .fluid-section-one .image-column a h5 {
     font-size: 15px;
     display: block;
     color: #ffffff;
     line-height: 1.2em;
     font-weight: 400;
     text-decoration: underline;
 }

 .fluid-section-one .image-column .fa {
     position: relative;
     display: block;
     height: 70px;
     width: 70px;
     margin: 0 auto;
     border-radius: 50%;
     color: #e38b00;
     text-align: center;
     font-size: 24px;
     line-height: 65px;
     background-color: rgba(255, 255, 255, 0.43);
     border: 1px solid #e38b00;
 }

 .fluid-section-one .image-column .video-link:before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 80px;
     height: 80px;
     background: #fff;
     border-radius: 50%;
     -webkit-animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite;
     animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite;
 }

 @-webkit-keyframes pulse-border {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
     }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
     }
 }

 @keyframes pulse-border {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
     }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
     }
 }
 /***

====================================================================
			Fluid Section two
====================================================================

***/

 .fluid-section-two {
     position: relative;
     z-index: 1;
 }

 .fluid-section-two .container-fluid {
     position: relative;
     min-height: 350px;
 }

 .fluid-section-two .image-column {
     position: absolute;
     float: left;
     left: 0px;
     top: 0px;
     width: 55%;
     height: 93%;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
 }

 .fluid-section-two .image-column:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #141b28;
     opacity: .10;
     content: "";
 }

 .fluid-section-two .image-column .image-box {
     position: relative;
     display: none;
 }

 .fluid-section-two .image-column .image-box img {
     position: relative;
     display: block;
     width: 100%;
 }

 .fluid-section-two .content-column {
     position: relative;
     float: right;
     width: 54%;
     padding: 54px 0 0 0;
     z-index: 22;
 }

 .fluid-section-two .content-column .inner-column {
     position: relative;
     max-width: 1045px;
     box-shadow: 29px 0px 51px rgba(0, 0, 0, 0.24);
     background-color: #fff;
     margin-right: -25px;
 }

 .fluid-section-two .content-column .text-column {
     position: relative;
     z-index: 1;
 }

 .fluid-section-two .services-box .col-lg-6.col-md-6 {
     padding: 0;
 }

 .fluid-section-two .content-column .text-column .inner-box {
     position: relative;
     padding: 90px 338px 42px 98px;
     z-index: 2;
 }

 .fluid-section-two .content-column .text-column .inner-box .text {
     position: relative;
     color: #777;
     font-size: 18px;
     font-weight: 400;
     padding-bottom: 26px;
 }

 .fluid-section-two .services-box {
     position: relative;
     padding-top: 45px;
 }

 .fluid-section-two .services-box .box-cloumn {
     position: relative;
     margin-bottom: 85px;
 }

 .fluid-section-two .services-box .box-cloumn .icon-box {
     position: absolute;
     left: 0;
     top: 6px;
 }

 .fluid-section-two .services-box .box-cloumn .icon-box i:before {
     margin: 0;
     font-size: 60px;
     color: #1f1f1f;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
 }

 .fluid-section-two .services-box .box-cloumn h4 {
     font-size: 18px;
     color: #777;
     font-weight: 500;
     padding-left: 76px;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
 }

 .fluid-section-two .services-box .box-cloumn:hover h4 {
     color: #333333;
 }

 .fluid-section-two .services-box .box-cloumn:hover .icon-box i:before {
     color: #e38b00;
 }
 /***

====================================================================
	Skill Secstion
====================================================================

 ***/

 .skill-section {
     position: relative;
     width: 100%;
     padding: 100px 0 0;
 }

 .skill-section .skills-column {
     position: absolute;
     right: -97%;
     max-width: 570px;
     width: 100%;
     margin: 0 auto;
     background-color: #fff;
     box-shadow: 7px 0 51px rgba(0, 0, 0, 0.11);
     padding: 62px 60px 35px;
     top: -550px;
 }

 .skill-section .inner-column .image-column img {
     width: 100%;
 }
 /*** Progress Levels Section ***/

 .progress-levels {
     position: relative;
 }

 .normal-section .column .progress-levels {
     padding-left: 15px;
 }

 .progress-levels .progress-box {
     position: relative;
     margin-bottom: 30px;
     overflow: hidden;
 }

 .member-details .progress-levels .progress-box {
     margin-bottom: 40px;
 }

 .member-details .progress-levels .progress-box:last-child {
     margin-bottom: 0px;
 }

 .about-myself .progress-levels .progress-box:last-child {
     margin-bottom: 30px;
 }

 .progress-levels .progress-box .box-title {
     position: relative;
     font-size: 18px;
     color: #e38b00;
     text-transform: capitalize;
     margin-bottom: 7px;
     font-family: "NexaRegular";
 }

 .progress-levels .progress-box .bar {
     position: relative;
     height: 4px;
 }

 .progress-levels .progress-box .bar .bar-innner {
     position: relative;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 4px;
     background: #ddd;
 }

 .progress-levels .progress-box .bar .bar-fill {
     position: absolute;
     left: -100%;
     top: 0px;
     width: 0px;
     height: 4px;
     background: #888888;
     transition: all 2000ms ease 300ms;
     -moz-transition: all 2000ms ease 300ms;
     -webkit-transition: all 2000ms ease 300ms;
     -ms-transition: all 2000ms ease 300ms;
     -o-transition: all 2000ms ease 300ms;
 }

 .progress-levels .progress-box.animated .bar .bar-fill {
     left: 0px;
 }

 .progress-levels .progress-box .percent {
     position: absolute;
     left: 0px;
     top: -34px;
     width: 100%;
     text-align: right;
     letter-spacing: 1px;
     font-size: 18px;
     color: #636363 !important;
     line-height: 24px;
     opacity: 0;
     transition: all 2000ms ease 700ms;
     -moz-transition: all 2000ms ease 700ms;
     -webkit-transition: all 2000ms ease 700ms;
     -ms-transition: all 2000ms ease 700ms;
     -o-transition: all 2000ms ease 700ms;
 }

 .progress-levels .progress-box.animated .percent {
     opacity: 1;
 }
 /***

====================================================================
	Skill Secstion style two
====================================================================

 ***/

 .skill-section.style-two {
     position: relative;
     width: 100%;
     padding: 0;
 }

 .skill-section.style-two .col-lg-6.col-md-12 {
     padding: 0;
 }

 .skill-section.style-two .inner-column .image-column {
     position: absolute;
     float: left;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
 }

 .skill-section.style-two .inner-column .image-column .image-box {
     position: relative;
     display: none;
 }

 .skill-section.style-two .inner-column .image-column .image-box img {
     width: 100%;
     display: block;
 }

 .skill-section.style-two .skills-column {
     position: relative;
     right: auto;
     max-width: 100%;
     width: 100%;
     margin: 0 auto;
     box-shadow: none;
     top: 0;
     padding: 95px 131px 69px;
 }

 .skill-section.style-two .sec-title h2 {
     color: #fff;
 }

 .skill-section.style-two .sec-title h2:after {
     background-color: #fff;
 }

 .skill-section.style-two .progress-levels .progress-box .percent {
     color: #777 !important;
 }
 /***

====================================================================
	Skill Secstion style Three
====================================================================

 ***/

 .skill-section.style-three {
     padding: 100px 0 60px;
 }
 /***

====================================================================
			Video bottom Banner Section
====================================================================

***/

 .video-secion {
     position: relative;
     width: 100%;
 }

 .video-secion:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 545px;
     background-color: #141729;
 }

 .video-secion .text-column .inner-column {
     max-width: 850px;
     margin: 0 auto;
 }

 .video-secion .text-column .inner-column h3 {
     color: #e38b00;
     font-size: 24px;
     font-weight: 600;
     padding-bottom: 36px;
 }

 .video-secion .text-column .inner-column .text {
     color: #fff;
     font-size: 18px;
     line-height: 30px;
     font-weight: 600;
 }

 .video-secion .image-column {
     position: relative;
     width: 100%;
     margin-top: 88px;
     z-index: 4;
 }

 .video-secion .image-column .image-box img {
     position: relative;
     display: block;
     width: 100%;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
 }

 .video-secion .image-column .video-link {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
 }

 .video-secion .image-column a {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .video-secion .image-column .fa {
     position: relative;
     display: block;
     height: 70px;
     width: 70px;
     margin: 0 auto;
     border-radius: 50%;
     color: #e38b00;
     text-align: center;
     font-size: 24px;
     line-height: 65px;
     background-color: rgba(255, 255, 255, 1);
     border: 1px solid #e38b00;
 }

 .video-secion .image-column a:before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 80px;
     height: 80px;
     background: #fff;
     border-radius: 50%;
     -webkit-animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite;
     animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite;
 }
 /***

====================================================================
		Video Section
====================================================================

***/

 .video-section {
     position: relative;
 }

 .video-section .outer-box {
     position: relative;
     max-width: 1720px;
     margin: 0 auto;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     padding: 100px 0;
 }

 .video-section .outer-box:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #222222;
     opacity: 0.90;
     content: "";
 }

 .video-section .content-column {
     position: relative;
     order: 12;
 }

 .video-section .content-column .inner-column {
     position: relative;
     padding: 35px 35px 0px 40px;
 }

 .video-section .content-column .sec-title {
     margin-bottom: 22px;
 }

 .video-section .content-column .title {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 25px;
     color: #e38b00;
     font-weight: 400;
     margin-bottom: 30px;
 }

 .video-section .content-column .text {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 36px;
     color: #ffffff;
     font-weight: 400;
 }

 .video-section .video-column .inner-column {
     position: relative;
     padding-left: 50px;
 }

 .video-section .video-column .video-box {
     position: relative;
 }

 .video-section .video-column .video-box .image {
     position: relative;
     margin-bottom: 0;
 }

 .video-section .video-column .video-box .image img {
     display: block;
     width: 100%;
     height: auto;
 }

 .video-section .video-column .video-box .link {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     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;
 }

 .video-section .video-column .video-box .link:hover {
     background-color: rgba(0, 0, 0, 0.50);
 }

 .video-section .video-column .video-box .link .icon {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 60px;
     width: 60px;
     background-color: #333333;
     padding-left: 4px;
     font-size: 18px;
     color: #e38b00;
     border-radius: 50%;
     text-align: center;
     line-height: 60px;
     margin-top: -30px;
     margin-left: -30px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .video-section .video-column .video-box .link:hover .icon {
     -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
     -ms-transform: scale(1.5);
     -o-transform: scale(1.5);
     transform: scale(1.5);
 }
 /*== Video Section Style Two ==*/

 .video-section.style-two .outer-box {
     padding-bottom: 155px;
 }

 .video-section.style-two .outer-box:before {
     display: none;
 }

 .video-section.style-two .content-column .text {
     color: #000;
 }

 .video-section .video-column .video-box:before {
     position: absolute;
     left: -50px;
     height: 320px;
     width: 520px;
     bottom: -55px;
     background-image: url(../images/icons/icon-lines.jpg);
     background-repeat: no-repeat;
     background-position: center;
     content: "";
 }
 /***

====================================================================
			Price Section
====================================================================

***/

 .price-section {
     position: relative;
 }

 .sec-title.text-center {
     margin-bottom: 48px;
 }

 .price-section .price-block {
     position: relative;
     width: 100%;
 }

 .price-section .price-block .inner-box {
     position: relative;
     background-position: right top;
     background-repeat: no-repeat;
     border: 1px solid #d7d7d7;
     background-color: #fff;
     overflow: hidden;
     background-color: #fff;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
     margin-bottom: 60px;
 }

 .price-section .price-block .inner-box:before {
     content: "";
     position: absolute;
     right: -100%;
     top: 0;
     width: 100%;
     height: 100%;
     top: 0;
     background-color: #fff;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .price-section .price-block:hover .inner-box:before {
     right: 0;
 }

 .price-section .price-block .upper-box h3 {
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     background-color: #333333;
     text-align: center;
     padding: 19px;
     margin-right: 116px;
     border-radius: 0 35px 35px 0;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .price-section .price-block:hover .upper-box h3 {
     margin-right: 0px;
 }

 .price-section .price-block .price {
     position: relative;
     font-size: 48px;
     font-weight: 600;
     color: #333333;
     font-family: "Nexa";
     padding: 63px 60px 0;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .price-section .price-block .price sub {
     font-size: 16px;
     font-weight: 600;
     color: #e38b00;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .price-section .price-block .price span {
     display: block;
     font-size: 18px;
     font-weight: 600;
     margin-top: 15px;
     font-family: "Nexa";
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .price-section .price-block:hover .price {
     padding: 63px 0 0 106px;
 }

 .price-section .price-block .middle-box {
     position: relative;
     width: 100%;
     padding: 31px 60px 48px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .price-section .price-block:hover .middle-box {
     padding: 31px 60px 48px 104px;
 }

 .price-section .price-block .purchased {
     margin: 0 0 54px 55px;
     display: inline-block;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .price-section .price-block:hover .purchased {
     margin: 0 0 54px 105px;
 }

 .price-section .price-block .middle-box ul li {
     font-size: 18px;
     color: #777;
     font-family: "Open Sans", sans-serif;
 }

 .pricing-tabs .tabs-btn {
     position: relative;
     width: 100%;
     text-align: center;
 }

 .pricing-tabs .tab-buttons {
     position: relative;
     overflow: hidden;
     border-radius: 60px;
     display: inline-block;
     border: 1px solid #e3e3e3;
 }

 .pricing-tabs .tab-buttons .tab-btn {
     position: relative;
     color: #222222;
     font-size: 18px;
     font-weight: 600;
     float: left;
     cursor: pointer;
     padding: 17px 45px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
     font-family: "Nexa";
     border-radius: 60px;
 }

 .pricing-tabs .tab-buttons .tab-btn:hover,
 .pricing-tabs .tab-buttons .tab-btn.active-btn {
     color: #ffffff;
     background-color: #222222;
 }

 .pricing-tabs .tabs-content .tab {
     position: relative;
     display: none;
 }

 .pricing-tabs .tabs-content .tab.active-tab {
     display: block;
 }
 /***

====================================================================
			Price Section style two
====================================================================

***/

 .price-section.style-two {
     position: relative;
     padding: 100px 0 90px;
 }
 /***

====================================================================
			Legecy Section
====================================================================

***/

 .legacy-section {
     position: relative;
     width: 100%;
     padding: 100px 0 0;
 }

 .legacy-section.style-three {
     padding: 100px 0;
 }

 .legacy-section .image-column {
     position: relative;
 }

 .legacy-section .outer-column {
     position: absolute;
     top: -668px;
     background-color: #fff;
     box-shadow: 5px 0 40px rgba(0, 0, 0, 0.13);
     padding: 67px 65px 26px;
     left: 100px;
 }

 .legacy-section .outer-column .inner-column .text {
     position: relative;
     padding-bottom: 36px;
 }
 /***

====================================================================
			Legecy Section style Two
====================================================================

***/

 .legacy-section.style-two {
     position: relative;
     width: 100%;
     padding: 0;
 }

 .legacy-section.style-two .col-lg-6 {
     padding: 0;
 }

 .legacy-section.style-two .inner-column .image-column {
     position: absolute;
     float: left;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
 }

 .legacy-section.style-two .inner-column .image-column .image-box {
     position: relative;
     display: none;
 }

 .legacy-section.style-two .inner-column .image-column .image-box img {
     width: 100%;
     display: block;
 }

 .legacy-section.style-two .outer-column {
     position: relative;
     top: 0;
     background-color: #fff;
     box-shadow: none;
     padding: 97px 80px 55px 119px;
     left: 0;
 }
 /***

====================================================================
	Subscribe Section
====================================================================

***/

 .subscribe-section {
     position: relative;
     padding: 0 0 95px;
 }

 .subscribe-section .auto-container {
     position: relative;
 }

 .subscribe-section .inner-container {
     position: relative;
     max-width: 1170px;
     margin: 0 auto;
     padding-left: 470px;
 }

 .subscribe-section .inner-container h2 {
     position: absolute;
     left: 0px;
     top: -20px;
     color: #333333;
     font-size: 36px;
     font-weight: 600;
     line-height: 1.1em;
     text-transform: capitalize;
 }

 .subscribe-section .inner-container h2 span {
     position: relative;
     font-size: 16px;
     font-weight: 700;
     display: block;
     color: #000;
     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: 18px;
     color: #777;
     overflow: hidden;
     border-radius: 50px;
     background: #eeeeee;
     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: 0;
     top: 0;
     width: 160px;
     height: 60px;
     color: #ffffff;
     font-size: 16px;
     font-weight: 700;
     text-align: center;
     background: #e38b00;
     letter-spacing: 1px;
     border-radius: 50px;
     text-transform: uppercase;
 }
 /***


/***

====================================================================
			Fun Fact Section
====================================================================

***/

 .fun-fact-section {
     position: relative;
 }

 .fun-fact-section .outer-box {
     position: relative;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     background-attachment: fixed;
     max-width: 100%;
     margin: 0 auto;
     padding: 143px 0 45px;
     margin-top: -51px;
 }

 .fact-counter {
     position: relative;
 }

 .fact-counter .counter-column {
     position: relative;
     margin-bottom: 40px;
 }

 .fact-counter .count-box {
     position: relative;
     font-size: 60px;
     line-height: 1em;
     color: #ffffff;
     font-weight: 700;
     padding: 20px 0;
 }

 .fact-counter .count-box .count {
     position: relative;
     display: block;
     width: 100%;
     text-align: center;
     font-size: 40px;
     line-height: 1em;
     color: #e38b00;
     font-weight: 700;
 }

 .fact-counter .count-box .count-text {
     position: relative;
     display: inline-block;
     font-size: 40px;
     line-height: 1em;
     color: #e38b00;
     font-weight: 700;
 }

 .fact-counter .count-box .counter-title {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 1.2em;
     font-weight: 600;
     color: #333333;
     padding: 31px 0 9px;
     font-family: "Montserrat", sans-serif;
     text-align: center;
 }
 /***

====================================================================
			Fun Fact Section Style Two
====================================================================

***/

 .fun-fact-section.style-two .outer-box {
     position: relative;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     background-attachment: fixed;
     max-width: 100%;
     margin: 0 auto;
     margin-top: 0px;
     padding: 93px 0 85px;
 }
 /***

====================================================================
	Project Section
====================================================================

***/

 .project-section {
     position: relative;
     padding: 96px 0px 0px;
 }

 .project-section .tabs-header {
     position: relative;
     margin-bottom: 15px;
 }

 .project-section .product-tab-btns {
     position: relative;
     padding-top: 39px;
 }

 .project-section .product-tab-btns .p-tab-btn {
     position: relative;
     cursor: pointer;
     color: #333;
     font-weight: 600;
     font-size: 16px;
     display: inline-block;
     margin-bottom: 10px;
     margin-left: 30px;
     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-section .product-tab-btns .p-tab-btn:last-child {
     padding-right: 0px;
 }

 .project-section .product-tab-btns .p-tab-btn:last-child::after {
     display: none;
 }

 .project-section .product-tab-btns .p-tab-btn:hover,
 .project-section .product-tab-btns .p-tab-btn.active-btn {
     color: #e38b00;
 }

 .project-tab {
     position: relative;
 }

 .project-tab .sec-title {
     margin-bottom: 40px;
 }

 .project-tab .projects-carousel .owl-dots {
     display: none;
 }

 .project-tab .projects-carousel .owl-nav {
     display: block;
     float: right;
     margin-top: 40px;
 }

 .project-tab .projects-carousel .owl-nav .owl-next span {
     margin-left: 15px;
 }

 .project-tab .projects-carousel .owl-nav .owl-next::before {
     content: "";
     position: absolute;
     left: -15px;
     top: 6px;
     width: 2px;
     height: 15px;
     background-color: #bbbbbb;
 }

 .project-tab .projects-carousel .owl-nav .owl-prev span {
     margin-right: 15px;
 }

 .project-tab .projects-carousel .owl-nav .owl-prev,
 .project-tab .projects-carousel .owl-nav .owl-next {
     display: inline-block;
     margin: 0 14px;
     font-size: 16px;
     font-weight: 600;
     color: #333;
     position: relative;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }

 .project-tab .projects-carousel .owl-nav .owl-prev:hover,
 .project-tab .projects-carousel .owl-nav .owl-next:hover {
     color: #e38b00;
 }

 .project-tab .projects-carousel .owl-nav .owl-prev span,
 .project-tab .projects-carousel .owl-nav .owl-next span {
     transform: rotate(270deg);
 }

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

 .p-tab.active-tab {
     position: relative;
     visibility: visible;
     z-index: 5;
 }

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

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

 .project-section .text-column {
     position: relative;
     padding-top: 54px;
 }

 .project-section .text-column .inner-box .text {
     font-size: 18px;
     color: #333;
     font-weight: 600;
 }

 .project-section .text-column .inner-box h3 {
     color: #e38b00;
     font-size: 30px;
     font-weight: 600;
     margin: 13px 0 27px;
 }

 .project-section .text-column .inner-box h6 {
     font-size: 18px;
     color: #777;
     font-weight: 400;
     margin-bottom: 46px;
 }

 .project-section .text-column .inner-box .more-project {
     position: relative;
     margin-top: 100px;
 }

 .project-section .text-column .inner-box .more-project a {
     color: #333;
     font-size: 16px;
     font-weight: 600;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
 }

 .project-section .text-column .inner-box .more-project a:hover {
     color: #e38b00;
 }

 .project-section .text-column .inner-box .more-project a i {
     color: #e38b00;
     margin-left: 10px;
 }

 .project-block {
     position: relative;
     margin-left: 10px;
 }

 .project-block .inner-box {
     position: relative;
 }

 .project-block .inner-box .image {
     position: relative;
 }

 .project-block .inner-box .image img {
     position: relative;
     width: 100%;
     display: block;
 }

 .project-block .inner-box:hover .image:before {
     opacity: 0;
 }

 .project-block .inner-box .image .overlay-box {
     position: absolute;
     left: 0px;
     bottom: 0px;
     right: 0px;
     top: 0px;
     z-index: 2;
     width: 100%;
     height: 100%;
     display: block;
     opacity: 0;
     background: rgba(0, 0, 0, 0.67);
     -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-box {
     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-box .overlay-inner {
     position: absolute;
     left: -20px;
     top: 0;
     width: 100%;
     height: 100%;
     display: table;
     text-align: left;
     padding: 10px 20px;
     vertical-align: middle;
     z-index: 999;
     transform: translate(-20%, 23%);
 }

 .project-block .inner-box .overlay-box .overlay-inner .overlay-content {
     position: relative;
     display: table-cell;
     vertical-align: middle;
 }

 .project-block .inner-box .image .overlay-box .see-more {
     position: relative;
 }

 .project-block .inner-box .image .overlay-box .see-more span:before {
     margin-left: 0;
     font-size: 46px;
     color: #fff;
     padding: 25px 30px;
     background-color: #e38b00;
 }
 /***

====================================================================
	Project Section Style two
====================================================================

***/

 .project-section.style-three {
     position: relative;
     padding: 51px 0px 138px;
 }

 .project-section.style-three .sec-title {
     margin-bottom: 53px;
 }

 .project-section.style-three:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 10%;
     height: 100%;
     background-image: url('../images/background/11.jpg');
 }

 .project-section.style-three::after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 40%;
     height: 709px;
     background-color: #ebebeb;
 }

 .project-section.style-three .text-column .inner-box .more-project {
     position: relative;
     margin-top: 106px;
 }

 .project-section.style-three .project-block {
     position: relative;
     padding: 0 100px 0 45px;
 }

 .projects-carousel-three .owl-nav {
     display: none;
 }

 .projects-carousel-three .owl-dots {
     display: block;
     margin-top: 35px;
     margin-left: 16px;
 }

 .projects-carousel-three .owl-dots .owl-dot {
     background-color: #d7d7d7;
     width: 30px;
     height: 2px;
     display: inline-block;
     margin-right: 14px;
 }

 .projects-carousel-three .owl-dots .owl-dot.active {
     background-color: #222222;
 }

 .projects-carousel-three .inner-box .image .overlay-box .overlay-inner {
     position: absolute;
     left: 37px;
     top: 24px;
     width: 100%;
     height: 100%;
     display: table;
     text-align: left;
     padding: 10px 20px;
     vertical-align: middle;
     z-index: 999;
     transform: translate(-20%, 23%);
 }

 .projects-carousel-three .inner-box .image .overlay-box {
     position: absolute;
     left: 0px;
     bottom: 0px;
     right: 0px;
     top: 0px;
     z-index: 2;
     width: 100%;
     height: 100%;
     display: block;
     opacity: 0;
     background: rgba(0, 0, 0, 0);
     -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;
 }
 /***

====================================================================
	Gallery Section Two
====================================================================

***/

 .gallery-section {
     position: relative;
     overflow: hidden;
     padding: 97px 0px 98px;
 }

 .gallery-section .row {
     margin: 0px -15px;
 }

 .gallery-section .column-gallery {
     position: relative;
     width: 33.33%;
     float: left;
     padding: 0px 8px;
 }

 .gallery-section .small-column {
     position: relative;
     width: 33.33%;
     float: left;
     padding: 0px 8px;
 }

 .gallery-section .filters {
     position: relative;
 }

 .gallery-section .filters .filter-tabs {
     position: relative;
     margin-bottom: 60px;
     text-align: center;
 }

 .gallery-section .filters .filter-tabs .filter {
     position: relative;
     color: #333;
     font-size: 18px;
     cursor: pointer;
     font-weight: 600;
     padding: 0px 20px;
     text-transform: capitalize;
     display: inline-block;
     line-height: 1em;
     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;
 }

 .gallery-section .filters .filter-tabs .filter:after {
     position: absolute;
     content: '|';
     right: -7px;
     top: 0px;
     color: #cacaca;
     font-size: 18px;
 }

 .gallery-section .filters .filter-tabs .filter:last-child::after {
     display: none;
 }

 .gallery-section .filters .filter-tabs .filter.active,
 .gallery-section .filters .filter-tabs .filter:hover {
     color: #e38b00;
 }

 .gallery-section .default-portfolio-item {
     margin-bottom: 16px;
 }

 .default-portfolio-item {
     position: relative;
     display: block;
     margin-bottom: 30px;
 }

 .default-portfolio-item .inner-box {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .default-portfolio-item .image-box {
     position: relative;
     display: block;
 }

 .default-portfolio-item .image-box img {
     position: relative;
     display: block;
     width: 100%;
 }

 .default-portfolio-item .overlay-box {
     position: absolute;
     left: 0px;
     top: 0px;
     opacity: 0;
     color: #ffffff;
     text-align: center;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     visibility: hidden;
     width: 100%;
     height: 100%;
 }

 .default-portfolio-item .inner-box .overlay-box .overlay-inner {
     position: absolute;
     left: -100%;
     bottom: 30px;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .default-portfolio-item .inner-box:hover .overlay-box {
     opacity: 1;
     visibility: visible;
     left: 0;
 }

 .default-portfolio-item .inner-box:hover .overlay-box .overlay-inner {
     opacity: 1;
     visibility: visible;
     left: 0;
 }

 .default-portfolio-item .inner-box .content-inner {
     position: relative;
     background: #222222;
     text-align: left;
     padding: 14px 26px 19px;
 }

 .default-portfolio-item .overlay-inner .content {
     position: relative;
     display: table-cell;
     vertical-align: middle;
 }

 .default-portfolio-item .overlay-inner .content .tags {
     position: relative;
     font-size: 12px;
     font-weight: 400;
     color: #fff;
     text-transform: capitalize;
 }

 .default-portfolio-item .overlay-inner h3 {
     font-size: 16px;
     color: #fff;
     font-weight: 600;
     text-transform: capitalize;
 }

 .default-portfolio-item .overlay-inner h3 a {
     color: #fff;
     transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .default-portfolio-item .overlay-inner h3 a:hover {
     color: #e38b00;
 }

 .default-portfolio-item .overlay-inner .link {
     position: absolute;
     width: 80px;
     height: 80px;
     display: inline-block;
     font-size: 30px;
     color: #fff;
     text-align: center;
     line-height: 38px;
     background-color: #e38b00;
     transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     right: -80px;
     bottom: 0;
 }

 .default-portfolio-item .overlay-inner .link .icon {
     position: relative;
     margin-top: 18px;
     display: block;
 }

 .default-portfolio-item .overlay-inner .link .icon:before {
     color: #fff;
     text-align: center;
     margin-left: 0;
     font-size: 30px;
 }

 .default-portfolio-item .overlay-inner .link:hover {
     background-color: #ffffff;
 }

 .default-portfolio-item .overlay-inner .link:hover .icon:before {
     color: #e38b00;
 }

 .gallery-section .load-more-btn {
     position: relative;
     margin-top: 42px;
 }
 /***

====================================================================
	Gallery Section Three
====================================================================

***/

 .gallery-section.style-two {
     position: relative;
     overflow: hidden;
     padding: 97px 0px 98px;
     margin-top: -1px;
 }

 .gallery-section.style-two .sec-title h2 {
     color: #fff;
 }

 .gallery-section.style-two .sec-title h2::after {
     background-color: #fff;
 }

 .gallery-section.style-two .default-portfolio-item {
     margin-bottom: 0;
 }

 .gallery-section.style-two .big-column {
     position: relative;
     width: 50%;
     float: left;
     padding: 0;
 }

 .gallery-section.style-two .small-column {
     position: relative;
     width: 25%;
     float: left;
     padding: 0;
 }

 .gallery-section.style-two .filters .filter-tabs .filter {
     color: #fff;
 }
 /***

====================================================================
		Projects Section Two
====================================================================

***/

 .projects-section-two {
     position: relative;
     padding: 100px 0;
 }

 .projects-section-two .upper-box {
     position: relative;
 }

 .projects-section-two .upper-box .sec-title {
     float: left;
     margin-bottom: 50px;
 }

 .projects-section-two .upper-box .link-box {
     position: relative;
     float: right;
     margin-top: 25px;
 }

 .projects-section-two .upper-box .link-box a {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 30px;
     color: #e38b00;
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .projects-section-two .upper-box .link-box a:hover {
     color: #222222;
 }

 .projects-carousel-two {
     position: relative;
 }

 .project-block-two {
     position: relative;
     padding-left: 200px;
     transition: all 300ms ease;
 }

 .project-block-two .image-box {
     position: relative;
 }

 .project-block-two .image-box .image {
     position: relative;
     margin-bottom: 0;
 }

 .project-block-two .image-box .image img {
     display: block;
     width: 100%;
     height: auto;
 }

 .project-block-two .info-box {
     position: absolute;
     left: 200px;
     top: 50%;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .projects-carousel-two .active .project-block-two .info-box {
     left: 18px;
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 500ms;
     -moz-transition-delay: 500ms;
     -ms-transition-delay: 500ms;
     -o-transition-delay: 500ms;
     transition-delay: 500ms;
 }

 .project-block-two .info-box .inner-box {
     position: relative;
     background: #ffffff;
     max-width: 300px;
     width: 100%;
     padding: 35px 30px 20px;
     -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
     -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
     -ms-box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
     -o-box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
     box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
 }

 .project-block-two .info-box .title {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 1.2em;
     color: #000;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 15px;
 }

 .project-block-two .info-box h3 {
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 1.2em;
     color: #222222;
     font-weight: 500;
     margin-bottom: 25px;
 }

 .project-block-two .info-box .text {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 30px;
     color: #000;
     font-weight: 400;
     margin-bottom: 65px;
 }

 .project-block-two .info-box .link-box {
     position: relative;
 }

 .project-block-two .info-box .link-box a {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 30px;
     color: #e38b00;
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
     -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 .info-box .link-box a:hover {
     color: #222222;
 }

 .projects-carousel-two .owl-nav {
     position: absolute;
     left: 15px;
     bottom: 0;
     width: 60px;
     height: 30px;
 }

 .projects-carousel-two .owl-next,
 .projects-carousel-two .owl-prev {
     position: absolute;
     left: 15px;
     bottom: 0;
     font-size: 12px;
     line-height: 30px;
     color: #222222;
     font-weight: 400;
     transition: all 300ms ease;
     z-index: 9;
 }

 .projects-carousel-two .owl-next {
     left: auto;
     right: -15px;
 }

 .projects-carousel-two .owl-next:hover,
 .projects-carousel-two .owl-prev:hover {
     color: #e38b00;
 }

 .projects-carousel-two .owl-dots {
     position: absolute;
     left: 15px;
     bottom: 0;
     height: 30px;
     width: 60px;
     z-index: 0;
     counter-reset: slides-num;
 }

 .projects-carousel-two .owl-dots:after {
     position: absolute;
     left: 52px;
     content: counter(slides-num);
     display: inline-block;
     line-height: 30px;
     font-size: 16px;
     font-weight: 700;
     color: #222222;
 }

 .projects-carousel-two .owl-dot {
     display: inline-block;
     counter-increment: slides-num;
 }

 .projects-carousel-two .owl-dot span {
     display: none;
 }

 .projects-carousel-two .owl-dot.active:before {
     position: absolute;
     content: counter(slides-num) " /";
     line-height: 30px;
     font-size: 16px;
     font-weight: 700;
     color: #222222;
     left: 30px;
     top: 0;
 }
 /***

====================================================================
	Project Detail
====================================================================

***/

 .project-details-section {
     position: relative;
     padding: 100px 0 60px;
 }

 .tabs-box {
     position: relative;
 }

 .tabs-box .tab {
     display: none;
 }

 .tabs-box .tab.active-tab {
     display: block;
 }

 .project-detail .upper-box {
     position: relative;
 }

 .project-detail .project-tabs {
     position: relative;
 }

 .project-detail .project-tabs .tab-btns {
     position: relative;
     float: left;
     margin-left: 30px;
     width: 270px;
 }

 .project-detail .project-tabs .tab-btn {
     position: relative;
     display: block;
     cursor: pointer;
     margin-bottom: 25px;
 }

 .project-detail .project-tabs .tab-btn img {
     display: block;
     width: 100%;
     height: auto;
 }

 .project-detail .tabs-content {
     position: relative;
     float: left;
 }

 .project-detail .tabs-content .image {
     position: relative;
     overflow: hidden;
     background: #000;
 }

 .project-detail .tabs-content .image img {
     display: block;
     width: 100%;
     height: auto;
     transition: all 500ms ease;
 }

 .project-detail .tabs-content .image:hover img {
     transform: scale(1.1);
     opacity: 0.5;
 }

 .project-detail .lower-content {
     position: relative;
     padding-top: 50px;
 }

 .project-detail .lower-content .content-column {
     position: relative;
 }

 .project-detail .lower-content h2 {
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 1.2em;
     color: #222222;
     font-weight: 500;
     margin-bottom: 20px;
 }

 .project-detail .lower-content h3 {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 1.2em;
     color: #222222;
     font-weight: 500;
     margin-bottom: 27px;
 }

 .project-detail .lower-content h4 {
     position: relative;
     display: block;
     font-size: 24px;
     line-height: 1.2em;
     color: #222222;
     font-weight: 500;
     margin-bottom: 20px;
 }

 .project-detail .lower-content p {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 36px;
     color: #666666;
     font-weight: 400;
     margin-bottom: 30px;
 }

 .project-detail .list-image {
     position: relative;
     width: 100%;
     margin-bottom: 20px;
 }

 .project-detail .list-image .image-box-right img {
     width: 100%;
 }

 .project-detail .list-style-one {
     position: relative;
     margin-bottom: 30px;
 }

 .project-detail .list-style-one:after {
     display: table;
     clear: both;
     content: "";
 }

 .project-detail .info-column {
     position: relative;
     margin-bottom: 40px;
 }

 .project-detail .info-list {
     position: relative;
     display: block;
     margin-bottom: 40px;
 }

 .project-detail .info-list li {
     position: relative;
     font-size: 18px;
     line-height: 36px;
     color: #666666;
     font-weight: 400;
 }

 .project-detail .info-list li strong {
     position: relative;
     float: left;
     color: #222222;
     font-weight: 700;
     width: 165px;
 }
 /*Help Box Two*/

 .help-box {
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url(../images/icons/help-bg.jpg);
 }

 .help-box:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(34, 34, 34, 0.7);
 }

 .help-box .inner {
     position: relative;
     border: 1px solid #dddddd;
     padding: 35px 40px;
     -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.07);
     -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.07);
     -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.07);
     -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.07);
     box-shadow: 0 0 16px rgba(0, 0, 0, 0.07);
 }

 .help-box .inner .title {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 24px;
     color: #e38b00;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .help-box .inner h2 {
     position: relative;
     color: #fff;
     font-size: 30px;
     font-weight: 600;
     line-height: 1.2em;
     text-transform: uppercase;
     margin-bottom: 23px;
 }

 .help-box .inner .text {
     position: relative;
     color: #fff;
     font-size: 15px;
     line-height: 36px;
     margin-bottom: 30px;
 }

 .help-box .inner .theme-btn {
     background-color: #fff;
     border: 1px solid #fff;
     padding: 10px 35px;
     line-height: 20px;
     color: #e38b00;
 }

 .mb-4 {
     margin-bottom: 10px;
 }

 .mb-2 {
     margin-bottom: 5px;
 }

 .mt-2 {
     padding-top: 8px;
 }

 .mb-4 {
     margin-bottom: 10px;
 }

 .theme-btn {
     width: 154.1px;
     padding: 10px 20px;
     object-fit: contain;
     color: #000;
     margin: 10px 0px;
     font-size: 15px;
     display: block;
     border-radius: 32.7px;
     background-color: #44c3ef;
 }

 .theme-btn.center {
     width: 154.1px;
     padding: 10px 20px;
     object-fit: contain;
     color: #000;
     font-size: 15px;
     border-radius: 32.7px;
     background-color: #44c3ef;
 }

 .help-box .inner .theme-btn:hover {
     color: #ffffff;
     border: 1px solid #e38b00;
 }
 /*Related Projects*/

 .recent-projects {
     position: relative;
     width: 100%;
     background-color: #f5f5f5;
     padding: 100px 0 70px;
 }

 .recent-projects .sec-title {
     margin-left: 15px;
 }

 .recent-portfolio-carousal {
     float: left;
     width: 100%;
     display: inline-block;
     position: relative;
     padding: 0 15px;
 }

 .recent-portfolio-carousal .owl-stage-outer {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .recent-portfolio-carousal .owl-item {
     float: left;
     position: relative;
 }

 .recent-portfolio-carousal .owl-nav {
     display: block;
     margin-top: 0;
     position: absolute;
     right: 0;
     top: -50px;
 }

 .recent-portfolio-carousal .owl-nav .owl-next span {
     margin-left: 15px;
 }

 .recent-portfolio-carousal .owl-nav .owl-next::before {
     content: "";
     position: absolute;
     left: -15px;
     top: 6px;
     width: 2px;
     height: 15px;
     background-color: #bbbbbb;
 }

 .recent-portfolio-carousal .owl-nav .owl-prev span {
     margin-right: 15px;
 }

 .recent-portfolio-carousal .owl-nav .owl-prev,
 .recent-portfolio-carousal .owl-nav .owl-next {
     display: inline-block;
     margin: 0 14px;
     font-size: 16px;
     font-weight: 600;
     color: #333;
     position: relative;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     cursor: pointer;
 }

 .recent-portfolio-carousal .owl-nav .owl-prev:hover,
 .recent-portfolio-carousal .owl-nav .owl-next:hover {
     color: #e38b00;
 }

 .recent-portfolio-carousal .owl-nav .owl-prev span,
 .recent-portfolio-carousal .owl-nav .owl-next span {
     transform: rotate(270deg);
 }
 /***

====================================================================
			Styled Pagination
====================================================================

***/

 .styled-pagination {
     position: relative;
     display: block;
     width: 100%;
 }

 .styled-pagination ul {
     position: relative;
     width: 100%;
     text-align: center;
 }

 .styled-pagination li {
     position: relative;
     display: inline-block;
     margin: 0 10px 8px;
 }

 .styled-pagination li a {
     position: relative;
     display: block;
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 46px;
     font-weight: 700;
     font-size: 16px;
     background: #ffffff;
     color: #333;
     border-radius: 50%;
     border: 2px dashed #333;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .styled-pagination li a:hover,
 .styled-pagination li.active a {
     color: #fff;
     background-color: #e38b00;
     border-color: #e38b00;
 }

 .styled-pagination li.next-post a,
 .styled-pagination li.prev-post a {
     width: auto;
     padding: 0px 20px;
     background-color: #333;
     border-color: #333;
     border-radius: 39px 39px 0 39px;
     color: #fff;
 }

 .styled-pagination li.next-post a:hover,
 .styled-pagination li.prev-post a:hover {
     color: #333;
     background-color: #ebebeb;
     border-color: #ebebeb;
 }
 /***

====================================================================
		Offer Section
====================================================================

***/

 .offer-section {
     position: relative;
     background-repeat: no-repeat;
     background-position: right center;
     background-size: cover;
     padding: 100px 0 0px;
     z-index: 99;
 }

 .offer-section:before {
     position: absolute;
     left: 0;
     bottom: 0;
     height: 200px;
     width: 100%;
     background-color: #ffffff;
     content: "";
 }

 .offer-section .content-column {
     position: relative;
     margin-bottom: 50px;
 }

 .offer-section .content-column .title {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 1.2em;
     color: #e38b00;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .offer-section .content-column h2 {
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 1.2em;
     color: #f2f2f2;
     font-weight: 700;
     font-family: "Montserrat", sans-serif;
     margin-bottom: 30px;
 }

 .offer-section .content-column h2 span {
     text-transform: uppercase;
 }

 .offer-section .content-column .discount {
     position: relative;
     display: block;
     font-size: 84px;
     line-height: 1em;
     color: #e38b00;
     font-weight: 800;
     margin-bottom: 40px;
 }

 .offer-section .content-column .text {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #f2f2f2;
     font-weight: 700;
 }

 .offer-section .form-column {
     position: relative;
     z-index: 9;
 }

 .offer-section .form-column .inner-column {
     position: relative;
     margin-left: -15px;
 }

 .discount-form {
     position: relative;
     background-color: #f7f7f7;
     padding: 55px 50px 35px;
     border-radius: 10px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
 }

 .discount-form .form-group {
     position: relative;
     margin-bottom: 20px;
 }

 .discount-form .form-group input[type="text"],
 .discount-form .form-group input[type="email"],
 .discount-form .form-group input[type="url"],
 .discount-form .form-group textarea,
 .discount-form .form-group select {
     position: relative;
     display: block;
     width: 100%;
     font-size: 18px;
     color: #000;
     line-height: 30px;
     padding: 14px 25px;
     background-color: #ffffff;
     height: 60px;
     border: 1px solid #bbbbbb;
     font-weight: 400;
     border-radius: 10px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .discount-form .form-group input:focus,
 .discount-form .form-group select:focus,
 .discount-form .form-group textarea:focus {
     border-color: #e38b00;
 }

 .discount-form .form-group textarea {
     height: 220px;
     resize: none;
     margin-bottom: 10px;
 }

 .discount-form .form-group button {
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 700;
     padding: 15px 45px;
     line-height: 30px;
 }
 /***

====================================================================
			Team Section
====================================================================

***/

 .team-section {
     position: relative;
     padding: 97px 0 40px;
 }

 .team-section::before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     width: 243px;
     height: 533px;
     background-image: url(../images/background/4.png);
     z-index: -1;
     transform: translateY(-50%);
 }

 .team-section .sec-title {
     margin-bottom: 60px;
     position: relative;
 }

 .team-section .team-block {
     position: relative;
     margin-bottom: 60px;
 }

 .team-section .team-block .inner-box {
     position: relative;
     z-index: 1;
 }

 .team-section .team-block .image-box {
     position: relative;
 }

 .team-section .team-block .image-box .image {
     position: relative;
     margin-bottom: 0;
     overflow: hidden;
     z-index: 9;
 }

 .team-section .team-block .image-box img {
     display: block;
     width: 100%;
     height: auto;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .team-section .team-block .inner-box:hover .image-box img {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
 }

 .team-section .team-block .inner-box .image:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 0px;
     width: 100%;
     height: 100px;
     opacity: 0;
     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));
 }

 .team-section .team-block .inner-box:hover .image:before {
     opacity: 1;
 }

 .team-section .team-block .image-box .social-links {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     text-align: center;
     z-index: 9999;
 }

 .team-section .team-block .image-box .social-links li {
     position: relative;
     display: inline-block;
     left: 0;
     opacity: 0;
     visibility: hidden;
     margin: 0 5px;
 }

 .team-section .team-block .image-box .social-links li a {
     display: block;
     text-align: center;
     font-size: 19px;
     line-height: 50px;
     width: 30px;
     text-align: center;
     color: #fff;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .team-section .team-block .image-box .social-links li a:hover {
     background-color: #e38b00;
     border-radius: 25px 25px 0 0;
     color: #fff;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(2) {
     transition-delay: 100ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(3) {
     transition-delay: 200ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(4) {
     transition-delay: 300ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(5) {
     transition-delay: 400ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(6) {
     transition-delay: 500ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(7) {
     transition-delay: 600ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(8) {
     transition-delay: 700ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(9) {
     transition-delay: 800ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li:nth-child(10) {
     transition-delay: 900ms;
 }

 .team-section .team-block .inner-box:hover .image-box .social-links li {
     left: 0;
     bottom: 0;
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     transition: all 200ms linear;
     z-index: 9;
 }

 .team-section .team-block .inner-box .info-box {
     position: relative;
     border-bottom: 1px solid #dddddd;
     padding: 23px 0 33px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .team-section .team-block .inner-box:hover .info-box {
     border-bottom: 1px solid #e38b00;
 }

 .team-section .team-block .inner-box .info-box .name a {
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
     color: #333333;
     text-align: left;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
 }

 .team-section .team-block .inner-box:hover .info-box .name a {
     color: #e38b00;
 }

 .team-section .team-block .inner-box .designation {
     position: relative;
     display: block;
     width: 100%;
     text-align: left;
     font-size: 18px;
     line-height: 30px;
     color: #000;
     font-weight: 400;
 }
 /***

====================================================================
			Team Section style Two
====================================================================

***/

 .team-section.style-two {
     position: relative;
     padding: 97px 0 40px;
 }

 .team-section.style-two::before {
     display: none;
 }

 .team-section.style-two::after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
 }

 .team-section.style-two .sec-title h2 {
     color: #fff;
     z-index: 1;
 }

 .team-section.style-two .sec-title h2:after {
     background-color: #fff;
 }

 .team-section.style-two .inner-box .info-box {
     border-bottom: 1px solid #fff;
 }

 .team-section.style-two .team-block .inner-box .info-box .name a {
     color: #fff;
 }

 .team-section.style-two .team-block .inner-box .designation {
     color: #fff;
 }

 .team-section.style-two .team-block .inner-box:hover .info-box .name a {
     color: #e38b00;
 }
 /***

====================================================================
		Testimonial Section
====================================================================

***/

 .testimonial-section {
     position: relative;
 }

 .testimonial-section .outer-container {
     position: relative;
     min-height: 350px;
 }

 .testimonial-section .image-column {
     position: absolute;
     float: left;
     left: 0px;
     top: 0px;
     width: 62%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
     max-height: 570px;
 }

 .testimonial-section .image-column:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #000;
     opacity: .55;
     content: "";
 }

 .testimonial-section .image-column-two {
     position: absolute;
     float: right;
     right: 0px;
     top: 0px;
     width: 38%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
     max-height: 570px;
 }

 .testimonial-section .image-column .image-box {
     position: relative;
     display: none;
 }

 .testimonial-section .image-column .image-box img {
     position: relative;
     display: block;
     width: 100%;
 }

 .testimonial-section .title-column {
     position: relative;
     float: right;
     width: 100%;
     max-width: 35%;
 }

 .testimonial-section .title-column .inner-column {
     position: relative;
     padding: 100px 15px 0;
     max-width: 500px;
     text-align: right;
     margin: 0 auto;
 }

 .testimonial-section .title-column .sec-title {
     margin-bottom: 60px;
 }

 .testimonial-section .title-column .text {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #000;
     font-weight: 400;
 }

 .testimonial-section .testimonial-column {
     position: relative;
     width: 100%;
     max-width: 900px;
     margin: 100px auto 0;
 }

 .testimonial-section .testimonial-column::before {
     content: "";
     position: absolute;
     right: 0;
     right: 0;
     bottom: 0;
     width: 171px;
     height: 251px;
     background-image: url(../images/background/8.png);
     z-index: 1
 }

 .testimonial-section .testimonial-column .inner-column {
     position: static;
     float: left;
     width: 100%;
     padding: 97px 170px 108px 100px;
     box-shadow: 7px 0 51px rgba(0, 0, 0, 0.11);
 }

 .testimonial-section .testimonial-column .inner-column:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #fff;
     content: "";
 }

 .testimonial-carousel {
     position: relative;
 }

 .testimonial-carousel .info-box .image-box,
 .testimonial-carousel .info-box .text-box {
     position: relative;
     float: left;
 }

 .testimonial-carousel .info-box .text-box {
     padding: 24px 0 0 37px;
 }

 .testimonial-section .testimonial-block {
     position: relative;
     width: 100%;
 }

 .testimonial-section .testimonial-block .inner-box {
     position: relative;
 }

 .testimonial-section .testimonial-block .inner-box::before {
     position: absolute;
     right: 117px;
     bottom: -133px;
     font-size: 48px;
     line-height: 30px;
     color: #dbdbdb;
     font-weight: 900;
     font-family: "Font Awesome 5 Free";
     content: "\f10e";
 }

 .testimonial-section .testimonial-block .info-box {
     position: relative;
     width: 100%;
     margin-top: 39px;
 }

 .testimonial-carousel .info-box .text-box .name {
     font-size: 18px;
     font-weight: 600;
     color: #e38b00;
     line-height: 30px;
 }

 .testimonial-carousel .info-box .text-box .designation {
     font-size: 18px;
 }

 .testimonial-carousel .owl-nav {
     position: absolute;
     left: 15px;
     bottom: 0;
     width: 60px;
     height: 30px;
     display: none;
 }

 .testimonial-carousel .owl-next,
 .testimonial-carousel .owl-prev {
     position: absolute;
     left: 15px;
     bottom: 0;
     font-size: 12px;
     line-height: 30px;
     color: #222222;
     font-weight: 400;
     transition: all 300ms ease;
     z-index: 9;
 }

 .testimonial-carousel .owl-next {
     left: auto;
     right: -15px;
 }

 .testimonial-carousel .owl-next:hover,
 .testimonial-carousel .owl-prev:hover {
     color: #e38b00;
 }

 .testimonial-carousel .owl-dots {
     position: absolute;
     right: -24%;
     top: -297px;
     height: 180px;
     width: 150px;
     z-index: 9999;
     counter-reset: slides-num;
     background-color: #e38b00;
 }

 .testimonial-carousel .owl-dots::after {
     position: absolute;
     left: 63%;
     content: counter(slides-num);
     display: inline-block;
     line-height: 30px;
     font-size: 18px;
     font-weight: 400;
     color: #fff;
     top: 54%;
     transform: translate(-50%, -50%);
 }

 .testimonial-carousel .owl-dot {
     display: inline-block;
     counter-increment: slides-num;
 }

 .testimonial-carousel .owl-dot span {
     display: none;
 }

 .testimonial-carousel .owl-dot.active::before {
     position: absolute;
     content: counter(slides-num) " /";
     line-height: 30px;
     font-size: 36px;
     font-weight: 700;
     color: #fff;
     left: 43%;
     top: 50%;
     text-align: center;
     transform: translate(-50%, -50%);
 }
 /***

====================================================================
		Testimonial Section Two
====================================================================

***/

 .testimonial-section-two {
     position: relative;
     padding: 298px 0 309px;
     background-size: cover;
     background-repeat: no-repeat;
     margin-top: -199px;
 }

 .testimonial-carousel-two {
     position: relative;
 }

 .testimonial-block-two {
     position: relative;
 }

 .testimonial-block-two .inner-box {
     position: relative;
     padding: 43px 45px;
     border: 1px solid #bbbbbb;
     background-color: #ffffff;
 }

 .testimonial-block-two .inner-box .text {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #000;
     font-weight: 400;
     margin-bottom: 20px;
 }

 .testimonial-block-two .image-box {
     position: relative;
     text-align: left;
 }

 .testimonial-block-two .image-box:before {
     content: "";
     position: absolute;
     left: 49px;
     top: 100px;
     width: 3px;
     height: 55px;
     background-color: #e38b00;
 }

 .testimonial-block-two .image-box .thumb {
     position: absolute;
     left: 0;
     top: 0;
     width: 100px;
     height: 100px;
     border-radius: 50%;
 }

 .testimonial-block-two .image-box .thumb img {
     display: block;
     width: 100px;
     height: 100px;
     border-radius: 50%;
 }

 .testimonial-block-two .info-box {
     position: relative;
     width: 100%;
     padding-left: 129px;
 }

 .testimonial-block-two .info-box .name {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 25px;
     color: #222222;
     font-weight: 600;
 }

 .testimonial-block-two .info-box .name span {
     font-size: 15px;
     color: #e38b00;
     margin-left: 10px;
 }

 .testimonial-carousel-two .owl-dots {
     position: absolute;
     display: block !important;
     left: 0;
     bottom: -76px;
     width: 100%;
     text-align: center;
 }

 .testimonial-carousel-two .owl-dot {
     width: 10px;
     height: 10px;
     background-color: #e38b00;
     display: inline-block;
     margin-right: 10px;
     -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-carousel-two .owl-dot.active,
 .testimonial-carousel-two .owl-dot:hover {
     width: 30px;
     height: 6px;
     background-color: #333;
 }
 /***

====================================================================
			FAQ Section
====================================================================

***/

 .faq-section {
     position: relative;
     padding: 0 0 100px;
 }

 .faq-section .container-fluid {
     position: relative;
     min-height: 350px;
 }

 .faq-section .image-column {
     position: absolute;
     float: right;
     right: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
 }

 .faq-section .image-column:before {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #000;
     opacity: .10;
     content: "";
 }

 .faq-section .image-column .image-box {
     position: relative;
     display: none;
 }

 .faq-section .image-column .image-box img {
     position: relative;
     display: block;
     width: 100%;
 }

 .faq-section .accordion-column {
     position: relative;
     z-index: 999;
 }

 .faq-section .accordion-column .inner-column {
     position: relative;
     margin-left: 334px;
     background-color: #fff;
     padding: 78px 53px 33px 60px;
     border-radius: 45px;
     box-shadow: 12px 0 51px rgba(0, 0, 0, 0.17);
     margin-bottom: 80px;
     margin-top: 80px;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .faq-section .accordion-column .sec-title {
     margin-bottom: 35px;
 }

 .faq-section .accordion-box {
     position: relative;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .accordion-box {
     position: relative;
 }

 .accordion-box .block {
     position: relative;
     padding-top: 0px;
     border-bottom: 1px solid #f2f2f2;
     margin-bottom: 11px;
 }

 .accordion-box .block:last-child {
     margin-bottom: 0px;
     border-bottom: 1px solid transparent;
 }

 .accordion-box .block .acc-btn {
     position: relative;
     font-size: 16px;
     cursor: pointer;
     line-height: 1.2em;
     color: #222;
     font-weight: 500;
     padding: 20px 30px 20px 55px;
     transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     font-family: "Nexa";
 }

 .accordion-box .block .acc-btn.active {
     background: #ffffff;
 }

 .accordion-box .block .icon-outer {
     position: absolute;
     left: 0;
     top: 36px;
     font-size: 25px;
     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;
 }

 .accordion-box .block .icon-outer .icon {
     position: absolute;
     top: 50%;
     margin-top: -15px;
     font-size: 18px;
     color: #e38b00;
     line-height: 1em;
     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;
 }

 .accordion-box .block .icon-outer .icon_right {
     opacity: 1;
 }

 .accordion-box .block .icon-outer .icon_down {
     opacity: 0;
     color: #222 !important;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
 }

 .accordion-box .block .acc-btn.active .icon-outer .icon_down {
     opacity: 1;
 }

 .accordion-box .block .acc-btn.active .icon-outer .icon_right {
     opacity: 0;
 }

 .accordion-box .block .acc-btn.active-block .icon-outer .icon_down {
     opacity: 1;
 }

 .accordion-box .block .acc-btn.active .icon-outer {
     color: #ff4747;
 }

 .accordion-box .block .acc-content {
     position: relative;
     display: none;
     padding: 0 20px;
     padding-left: 55px;
     border-bottom: 1px solid #f2f2f2;
 }

 .accordion-box .block .acc-content .content-text {
     padding-bottom: 6px;
 }

 .accordion-box .block .acc-content.current {
     display: block;
     border-bottom: 1px solid transparent;
 }

 .accordion-box .block .content {
     position: relative;
     font-size: 18px;
 }

 .accordion-box .block .content .text {
     margin-bottom: 10px;
 }
 /***

====================================================================
			FAQ Section style two
====================================================================

***/

 .faq-section.style-two {
     position: relative;
     padding: 100px 0 0;
 }

 .faq-section.style-two .accordion-column {
     position: relative;
     z-index: 999;
     padding: 0 130px;
 }

 .faq-section.style-two .upper-column {
     position: relative;
     width: 100%;
 }

 .faq-section.style-two .upper-column .text {
     font-size: 20px;
     line-height: 40px;
 }

 .faq-section.style-two .accordion-column .inner-column {
     margin-left: 0;
     margin-top: 0;
     box-shadow: none;
     padding: 78px 53px 0px 60px;
 }

 .faq-section.style-two .accordion-box .block .acc-btn {
     font-size: 18px;
 }
 /***

====================================================================
				Featured Section
====================================================================

***/

 .featured-secion {
     position: relative;
     width: 100%;
     padding: 100px 0 0;
 }

 .featured-secion .outer-cloumn {
     position: relative;
     border: 1px solid #ddd;
     display: table;
     padding: 38px 29px 28px;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     -ms-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
     width: 100%;
     margin-bottom: 30px;
 }

 .featured-secion .outer-cloumn:hover {
     border-color: #e38b00;
 }

 .featured-secion .outer-cloumn .icon-box {
     display: table-cell;
     vertical-align: middle;
 }

 .featured-secion .outer-cloumn .icon-box i:before {
     margin: 0;
     color: #e38b00;
     font-size: 48px;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     -ms-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
 }

 .featured-secion .outer-cloumn:hover .icon-box i:before {
     color: #333;
 }

 .featured-secion .outer-cloumn .text-box {
     display: table-cell;
     padding-left: 20px;
 }

 .featured-secion .outer-cloumn .text-box h4 {
     font-size: 22px;
     color: #333;
     font-weight: 600;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     -ms-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
 }

 .featured-secion .outer-cloumn:hover .text-box h4 {
     color: #e38b00;
 }
 /***

====================================================================
	Products Section
====================================================================

***/

 .products-section {
     position: relative;
     padding: 67px 0px 113px;
 }

 .products-section .sec-title {
     margin-bottom: 70px;
 }
 /*Product Block*/

 .product-block {
     position: relative;
     margin-bottom: 40px;
 }

 .product-block .inner-box {
     position: relative;
     overflow: hidden;
     padding-bottom: 45px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .product-block .inner-box .image {
     position: relative;
 }

 .product-block .inner-box .image:before {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.7);
     z-index: 1;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     transition: all 900ms ease;
     transform: scale(0);
 }

 .product-block .inner-box:hover .image:before {
     transform: scale(1);
 }

 .product-block .inner-box .image .options-box {
     position: absolute;
     top: 42%;
     left: 40%;
     transform: translate(-50%, -50%);
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     transition: all 900ms ease;
     z-index: 2;
     transform: scale(0);
 }

 .product-block .inner-box:hover .image .options-box {
     transform: scale(1);
 }

 .product-block .inner-box .image .options-box .icon-area {
     position: relative;
     margin-bottom: 12px;
 }

 .product-block .inner-box .image .options-box .icon-area a {
     position: relative;
     width: 50px;
     height: 50px;
     color: #fff;
     font-size: 20px;
     line-height: 48px;
     display: block;
     font-weight: 500;
     text-align: center;
     border-radius: 50px;
     background-color: #e38b00;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .product-block .inner-box .image .options-box .icon-area a:hover {
     color: #e38b00;
     background-color: #fff;
 }

 .product-block .inner-box .image img {
     position: relative;
     width: 100%;
     display: block;
 }

 .product-block .inner-box .lower-box {
     position: relative;
     text-align: center;
     border-bottom: 1px solid #ddd;
     padding: 24px 0px 19px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .product-block .inner-box:hover .lower-box {
     position: relative;
     background-color: #dddddd;
 }

 .product-block .inner-box .lower-box h3 {
     position: relative;
     font-size: 18px;
     font-weight: 600;
     line-height: 1.4em;
     margin-bottom: 3px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .product-block .inner-box .lower-box h3 a {
     position: relative;
     color: #222;
 }

 .product-block .inner-box .lower-box .product-price {
     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;
 }

 .product-block .inner-box .lower-box .product-price li {
     position: relative;
     color: #e38b00;
     font-size: 16px;
     margin: 0px 4px;
     font-weight: 600;
     display: inline-block;
     font-family: "Nexa";
 }

 .product-block .inner-box .lower-box .product-price li.discount {
     color: #000;
     font-size: 18px;
     text-decoration: line-through;
 }

 .load-more {
     display: block;
     width: 100%;
 }
 /***

====================================================================
		Products Section style two
====================================================================

***/

 .products-section.style-two {
     position: relative;
     padding: 97px 0px 132px;
 }

 .products-section.style-two .sec-title {
     margin-bottom: 40px;
 }

 .products-section.style-two .products-column {
     padding: 0;
 }

 .products-carousel {
     position: relative;
 }

 .products-section.style-two .product-block {
     border-right: 2px solid #dddddd;
 }

 .products-section.style-two .product-block:last-child {
     border-right: none;
 }

 .products-section.style-two .product-block .inner-box {
     position: relative;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -ms-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
     padding-bottom: 0;
 }

 .products-section.style-two .product-block .inner-box .image:before {
     display: none;
 }

 .products-section.style-two .product-block .info-box {
     position: relative;
     padding: 33px 36px;
     text-align: left;
 }

 .products-section.style-two .product-block .info-box .name {
     font-size: 18px;
     font-weight: 600;
     color: #e38b00;
 }

 .products-section.style-two .product-block .inner-box .lower-box {
     position: relative;
     text-align: left;
     border-bottom: none;
     padding: 27px 36px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
     float: left;
     width: 100%;
 }

 .products-section.style-two .product-block .inner-box:hover .lower-box {
     position: relative;
     background-color: transparent;
 }

 .products-section.style-two .product-block .inner-box .lower-box .product-price {
     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;
     float: left;
 }

 .products-section.style-two .product-block .inner-box .lower-box .product-price li {
     position: relative;
     color: #333;
     font-size: 18px;
     margin: 0px 4px;
     font-weight: 700;
     display: inline-block;
     font-family: "NexaRegular";
 }

 .products-section.style-two .product-block .inner-box .lower-box .product-price li.discount {
     color: #000;
     font-size: 18px;
     text-decoration: line-through;
 }

 .products-section.style-two .product-block .inner-box .lower-box .icon-area {
     position: relative;
     float: right;
     top: -7px;
 }

 .products-section.style-two .product-block .inner-box .lower-box .icon-area a {
     position: relative;
     width: 43px;
     height: 43px;
     color: #333333;
     font-size: 18px;
     line-height: 42px;
     font-weight: 500;
     display: inline-block;
     text-align: center;
     border-radius: 50px;
     background-color: #ebebeb;
     -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.style-two .product-block .inner-box:hover .lower-box a {
     color: #fff;
     background-color: #e38b00;
 }

 .products-section.style-two .owl-dots {
     position: absolute;
     display: block !important;
     left: 0;
     bottom: -44px;
     width: 100%;
     text-align: center;
 }

 .products-section.style-two .owl-dot {
     width: 15px;
     height: 3px;
     background-color: #bbbbbb;
     display: inline-block;
     margin-right: 5px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .products-section.style-two .owl-dot.active,
 .products-section.style-two .owl-dot:hover {
     width: 30px;
     height: 3px;
     background-color: #333;
 }
 /***

====================================================================
				offers banner Section
====================================================================

***/

 .offers-banner-section .col-xl-6 {
     padding: 0;
 }

 .offers-banner-section .offer-box-left {
     position: relative;
     float: left;
     width: 98%;
     padding: 137px 140px 137px 0;
     border-radius: 0px 50px 50px 0;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .offers-banner-section .offer-box-left .inner-column {
     float: right;
 }

 .offers-banner-section .offer-box-left .inner-column .text,
 .offers-banner-section .offer-box-right .inner-column .text {
     font-size: 16px;
     color: #fff;
     line-height: 60px;
 }

 .offers-banner-section .offer-box-left .inner-column h3,
 .offers-banner-section .offer-box-right .inner-column h3 {
     font-size: 36px;
     color: #fff;
     font-weight: 700;
 }

 .offers-banner-section .offer-box-left .inner-column .offer-text {
     font-size: 18px;
     font-weight: 600;
     line-height: 48px;
     color: #e38b00;
 }

 .offers-banner-section .offer-box-right .inner-column .offer-text {
     font-size: 18px;
     font-weight: 600;
     line-height: 48px;
     color: #333333;
 }

 .offers-banner-section .offer-box-right {
     position: relative;
     float: right;
     width: 98%;
     padding: 137px 0px 137px 140px;
     border-radius: 50px 0px 0px 50px;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .offers-banner-section .offer-box-right .inner-column {
     float: left;
     text-align: right;
 }
 /***

====================================================================
				News Section
====================================================================

***/

 .news-section {
     position: relative;
     padding: 100px 0 70px;
 }

 .news-section .news-box {
     margin: 0;
 }

 .news-section .sec-title {
     position: relative;
     margin-bottom: 45px;
     z-index: 1;
 }

 .news-block {
     position: relative;
     margin-bottom: 30px;
     z-index: 1;
 }

 .news-block .inner-box {
     position: relative;
 }

 .news-block .image-box {
     position: relative;
 }

 .news-block .image-box .image {
     position: relative;
     margin-bottom: 0;
 }

 .news-block .image-box .image img {
     display: block;
     width: 100%;
     height: auto;
 }

 .news-block .image-box .overlay-box {
     position: absolute;
     left: 0;
     top: 0;
     height: 0%;
     width: 100%;
     background: #e38b00 padding-box content-box;
     content: "";
     padding: 15px;
     opacity: 0;
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 .news-block .inner-box:hover .overlay-box {
     height: 100%;
     opacity: 0.70;
 }

 .news-block .overlay-box a {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 40px;
     width: 40px;
     margin-left: -20px;
     margin-top: -20px;
     text-align: center;
     font-size: 30px;
     line-height: 40px;
     color: #000000;
     font-weight: 400;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
 }

 .news-block .inner-box:hover .overlay-box a {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 300ms linear;
     -moz-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     -o-transition: all 300ms linear;
     transition: all 300ms linear;
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .news-block .overlay-box a i {
     -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 .overlay-box a:hover i {
     color: #ffffff;
 }

 .news-block .caption-box {
     position: relative;
     margin-top: -30px;
     margin-left: 60px;
     padding: 22px 30px 33px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);
     -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);
     -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);
     -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);
     box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);
 }

 .news-block .caption-box h3 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 30px;
     color: #222;
     font-weight: 600;
     margin-top: 4px;
 }

 .news-block .caption-box .text {
     margin-top: 17px;
 }

 .news-carousel {
     position: relative;
     width: 100%;
 }

 .news-carousel .owl-stage-outer {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .news-carousel .owl-item {
     float: left;
 }

 .news-block .inner-box .caption-box .post-date {
     position: absolute;
     left: -60px;
     background-color: #e38b00;
     padding: 12px 4px 21px;
     font-size: 20px;
     text-align: center;
     font-weight: 600;
     color: #fff;
     border-radius: 0 0 30px 30px;
     top: 30px;
     line-height: 20px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -ms-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
     width: 50px;
 }

 .news-block .inner-box .caption-box .post-date span {
     width: 100%;
     display: inline-block;
     font-size: 18px;
 }

 .news-block .inner-box:hover .caption-box .post-date {
     background-color: #222222;
 }

 .news-block .caption-box h3 a {
     color: #222;
     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;
 }

 .news-block .inner-box .caption-box h3 a:hover {
     color: #e38b00;
 }

 .news-block .caption-box .info {
     position: relative;
     display: block;
 }

 .news-block .caption-box .info li {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 24px;
     color: #000;
     font-weight: 400;
     margin-right: 25px;
     -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 .caption-box .info li i {
     margin-right: 10px;
     color: #e38b00;
 }

 .news-block .inner-box:hover .caption-box .info li {
     color: #222222;
 }

 .news-block .caption-box .info li a {
     color: #000;
 }

 .news-carousel .owl-nav {
     display: block;
     margin-top: 0;
     position: absolute;
     right: 0;
     top: -50px;
 }

 .news-carousel .owl-nav .owl-next span {
     margin-left: 15px;
 }

 .news-carousel .owl-nav .owl-next::before {
     content: "";
     position: absolute;
     left: -15px;
     top: 6px;
     width: 2px;
     height: 15px;
     background-color: #bbbbbb;
 }

 .news-carousel .owl-nav .owl-prev span {
     margin-right: 15px;
 }

 .news-carousel .owl-nav .owl-prev,
 .news-carousel .owl-nav .owl-next {
     display: inline-block;
     margin: 0 14px;
     font-size: 16px;
     font-weight: 600;
     color: #333;
     position: relative;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     cursor: pointer;
 }

 .news-carousel .owl-nav .owl-prev:hover,
 .news-carousel .owl-nav .owl-next:hover {
     color: #e38b00;
 }

 .news-carousel .owl-nav .owl-prev span,
 .news-carousel .owl-nav .owl-next span {
     transform: rotate(270deg);
 }
 /***

====================================================================
				News Section style Two
====================================================================

***/

 .news-section.style-two {
     position: relative;
     padding: 97px 0 70px;
 }

 .news-carousel-two {
     position: relative;
     width: 100%;
 }

 .news-carousel-two .owl-stage-outer {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .news-carousel-two .owl-item {
     float: left;
 }

 .news-carousel-two .owl-nav {
     display: block;
     margin-top: 0;
     position: absolute;
     right: 0;
     top: -50px;
 }

 .news-carousel-two .owl-nav .owl-next span {
     margin-left: 15px;
 }

 .news-carousel-two .owl-nav .owl-next::before {
     content: "";
     position: absolute;
     left: -15px;
     top: 6px;
     width: 2px;
     height: 15px;
     background-color: #bbbbbb;
 }

 .news-carousel-two .owl-nav .owl-prev span {
     margin-right: 15px;
 }

 .news-carousel-two .owl-nav .owl-prev,
 .news-carousel-two .owl-nav .owl-next {
     display: inline-block;
     margin: 0 14px;
     font-size: 16px;
     font-weight: 600;
     color: #333;
     position: relative;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     cursor: pointer;
 }

 .news-carousel-two .owl-nav .owl-prev:hover,
 .news-carousel-two .owl-nav .owl-next:hover {
     color: #e38b00;
 }

 .news-carousel-two .owl-nav .owl-prev span,
 .news-carousel-two .owl-nav .owl-next span {
     transform: rotate(270deg);
 }
 /***

====================================================================
		Blog Section
====================================================================

***/

 .blog-classic .news-block {
     margin-bottom: 60px;
     width: 100%;
     display: inline-block;
     position: relative;
 }

 .blog-carousal .owl-item {
     float: left;
     overflow: hidden;
 }

 .news-block .blog-carousal {
     position: relative;
     overflow: hidden;
 }

 .news-block.style-two .caption-box {
     float: left;
     z-index: 9;
 }

 .news-block.style-two .image-box .overlay-box {
     padding: 27px;
 }

 .blog-carousal .owl-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
 }

 .blog-carousal .owl-nav .owl-prev {
     float: left;
 }

 .blog-carousal .owl-nav .owl-next {
     float: right;
 }

 .blog-carousal .owl-nav .owl-prev,
 .blog-carousal .owl-nav .owl-next {
     cursor: pointer;
     font-size: 16px;
     color: #fff;
     padding: 50px 10px;
     background: rgba(0, 0, 0, 0.5);
     -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-carousal .owl-nav .owl-prev:hover,
 .blog-carousal .owl-nav .owl-next:hover {
     background: rgba(255, 255, 255, 0.5);
     color: #000;
 }

 .news-block .blockquote {
     position: relative;
     display: block;
     padding: 50px 50px 110px 59px;
     margin-bottom: 0;
 }

 .news-block .blockquote:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #ffffff;
     opacity: 0.80;
     content: "";
 }

 .news-block .blockquote .icon {
     position: absolute;
     right: 70px;
     bottom: 29px;
     height: 106px;
     width: 65px;
     background-color: #ffffff;
     line-height: 60px;
     text-align: center;
     font-size: 30px;
     color: #bbbbbb;
     font-weight: 700;
     font-family: "Font Awesome 5 Free";
     -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.09);
     -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.09);
     -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.09);
     -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.09);
     box-shadow: 0 0 13px rgba(0, 0, 0, 0.09);
     border-radius: 70px 70px 0 0;
 }

 .news-block .blockquote h2 {
     position: relative;
     display: block;
     font-size: 46px;
     line-height: 1.2em;
     color: #222222;
     font-weight: 400;
     letter-spacing: -0.04em;
     font-family: 'BenchNine', sans-serif;
 }

 .news-block .blockquote .author {
     position: relative;
     line-height: 25px;
     color: #ffffff;
     font-size: 18px;
     background-color: #222222;
     padding: 7px 15px;
     margin-bottom: 25px;
     display: inline-block;
 }

 .news-block .blockquote h2 span {
     color: #ff8a00;
     text-transform: uppercase;
 }

 .news-block .image-box .image {
     position: relative;
     margin-bottom: 0;
 }

 .news-block .image-box .link-box {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .news-block .image-box .link {
     position: relative;
     display: block;
     height: 70px;
     width: 70px;
     margin: 0 auto;
     border-radius: 50%;
     color: #e38b00;
     text-align: center;
     font-size: 24px;
     line-height: 65px;
     background-color: rgba(255, 255, 255, 1);
     border: 1px solid #e38b00;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     z-index: 1;
 }

 .news-block .image-box .link:before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 80px;
     height: 80px;
     background: #fff;
     border-radius: 50%;
     -webkit-animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite;
     animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite;
     z-index: -1;
 }
 /***

====================================================================
		Blog Detail
====================================================================

***/

 .blog-detail .news-block {
     position: relative;
     margin-bottom: 40px;
     z-index: 1;
 }

 .blog-detail .news-block .caption-box h3 {
     font-size: 24px;
     margin-bottom: 15px;
 }

 .blog-detail .news-block .caption-box p {
     position: relative;
     font-size: 18px;
     line-height: 30px;
     color: #000;
     font-weight: 400;
     margin-bottom: 30px;
 }

 .blog-detail .news-block .caption-box blockquote {
     position: relative;
     display: block;
     padding-left: 40px;
     font-size: 18px;
     line-height: 36px;
     color: #000;
     font-weight: 600;
     font-style: italic;
     margin-bottom: 30px;
     padding-top: 15px;
     font-family: "Nexa";
 }

 .blog-detail .news-block .caption-box blockquote:before {
     content: "";
     position: absolute;
     left: 0;
     top: 12px;
     width: 2px;
     height: 80px;
     background-color: #e38b00;
 }

 .blog-detail .tags {
     position: relative;
     margin-bottom: 30px;
 }

 .blog-detail .tags .title {
     position: relative;
     margin-left: 236px;
     font-size: 15px;
     line-height: 36px;
     color: #333;
     font-weight: 600;
     font-family: "Montserrat", sans-serif;
     padding: 5px 0;
     margin-bottom: 10px;
     float: left;
 }

 .blog-detail .tags ul {
     position: relative;
     float: right;
 }

 .blog-detail .tags ul li {
     position: relative;
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
 }

 .blog-detail .tags ul li a {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 25px;
     color: #939292;
     font-weight: 400;
     padding: 5px 25px;
     border: 1px solid #e1e1e1;
     border-radius: 30px;
     -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-detail .tags ul li a:hover {
     background-color: #222222;
     color: #ffffff;
 }

 .blog-detail .share-option {
     position: absolute;
     bottom: 0;
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
     left: -209px;
 }

 .blog-detail .share-option .title {
     position: relative;
     display: block;
     margin-right: 23px;
     font-size: 16px;
     line-height: 25px;
     color: #333;
     font-weight: 700;
     padding: 5px 0;
     margin-bottom: 10px;
     font-family: "Montserrat", sans-serif;
     writing-mode: vertical-rl;
     text-orientation: mixed;
 }

 .blog-detail .social-icon {
     position: relative;
     display: inline-block;
     writing-mode: vertical-rl;
     transform: rotate(90deg);
     right: 119px;
     top: 93px;
 }

 .blog-detail .social-icon li {
     position: relative;
     margin-right: 6px;
     margin-bottom: 10px;
 }

 .blog-detail .social-icon li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 25px;
     color: #bbbbbb;
     font-weight: 500;
     padding: 5px 6px;
     border-radius: 30px;
     -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-detail .social-icon li a i {
     margin-right: 10px;
 }

 .blog-detail .social-icon li a:hover {
     color: #e38b00;
 }

 .next-pre-post {
     position: relative;
     width: 100%;
     margin-bottom: 53px;
 }

 .next-pre-post ul li {
     width: 50%;
     float: left;
     border: 1px solid #dddddd;
     padding: 40px;
     position: relative;
 }

 .next-pre-post .post {
     position: relative;
     padding-left: 101px;
 }

 .next-pre-post .post-thumb {
     position: absolute;
     left: 0px;
     top: 0px;
     height: 80px;
     width: 80px;
     margin-bottom: 20px;
 }

 .next-pre-post .post h3 {
     position: relative;
     font-size: 18px;
     line-height: 36px;
     color: #222222;
     font-weight: 600;
     margin-bottom: 10px;
 }

 .next-pre-post .post h3 a {
     color: #333;
 }

 .next-pre-post .post h3 a:hover {
     color: #e38b00;
 }

 .next-pre-post .post .post-info a {
     position: relative;
     font-size: 12px;
     line-height: 17px;
     color: #000;
     font-weight: 600;
 }

 .next-pre-post .post .post-info a:hover {
     color: #e38b00;
 }

 .next-pre-post ul li.next {
     text-align: right;
 }

 .next-pre-post ul li.next .post {
     padding-right: 101px;
     padding-left: 0;
 }

 .next-pre-post ul li.next .post-thumb {
     right: 0;
     left: auto;
 }
 /***

====================================================================
		Clients Section
====================================================================

***/

 .clients-section {
     position: relative;
     z-index: 9;
     background-color: #eeeeee;
     padding: 50px 0 47px;
 }

 .clients-section:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 10%;
     height: 292px;
     background-color: #e38b00;
 }

 .clients-section .sponsors-outer {
     position: relative;
     padding: 50px 55px;
 }

 .clients-section .slide-item {
     position: relative;
 }

 .clients-section .image-box {
     position: relative;
     margin: 0;
     text-align: center;
 }

 .clients-section .image-box img {
     display: inline-block;
     max-width: 100%;
     width: auto;
     height: auto;
 }

 .clients-section .sponsors-carousel .owl-dots,
 .clients-section .sponsors-carousel .owl-nav {
     display: none;
 }
 /***

====================================================================
		Clients Section Style Two
====================================================================

***/

 .clients-section.style-two {
     position: relative;
     z-index: 9;
     background: transparent;
     padding: 0;
 }

 .clients-section.style-two:before {
     display: none;
 }

 .clients-section.style-two:after {
     display: none;
 }

 .clients-section.style-two .auto-container {
     position: relative;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0;
 }

 .clients-section.style-two .sponsors-outer {
     position: relative;
     padding: 75px 45px;
     -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     background-color: #ffffff;
     margin: 0 15px;
 }

 .clients-section.style-two .sponsors-outer:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 50%;
     width: 100%;
     background-color: #ffffff;
     content: "";
 }

 .clients-section.style-two .slide-item {
     position: relative;
 }

 .clients-section.style-two .image-box {
     position: relative;
     margin: 0;
     text-align: center;
 }

 .clients-section.style-two .image-box img {
     display: inline-block;
     max-width: 100%;
     width: auto;
     height: auto;
 }

 .clients-section.style-two .sponsors-carousel .owl-dots,
 .clients-section.style-two .sponsors-carousel .owl-nav {
     display: none;
 }
 /***

====================================================================
		Clients Section Style Three
====================================================================

***/

 .clients-section.style-two .sponsors-outer.style-two {
     background-color: #eeeeee;
 }

 .clients-section.style-two .sponsors-outer.style-two:before {
     background-color: #eeeeee;
 }
 /***

====================================================================
		Clients Section Style Four
====================================================================

***/

 .clients-section.style-four {
     position: relative;
     z-index: 9;
     background-color: #222222;
     padding: 24px 0;
 }

 .clients-section.style-four:after {
     display: none;
 }
 /***

====================================================================
		Clients Section Style five
====================================================================

***/

 .clients-section.style-five {
     position: relative;
     z-index: 9;
     background: transparent;
     padding: 0;
     margin-top: -144px;
 }

 .clients-section.style-five:after {
     display: none;
 }

 .clients-section.style-five .auto-container {
     position: relative;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0;
 }

 .clients-section.style-five .sponsors-outer {
     position: relative;
     padding: 75px 45px;
     -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     box-shadow: 0 0 21px rgba(0, 0, 0, 0.30);
     background-color: #ffffff;
     margin: 0 15px;
 }

 .clients-section.style-five .sponsors-outer:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 50%;
     width: 100%;
     background-color: #ffffff;
     content: "";
 }

 .clients-section.style-five .slide-item {
     position: relative;
 }

 .clients-section.style-five .image-box {
     position: relative;
     margin: 0;
     text-align: center;
 }

 .clients-section.style-five .image-box img {
     display: inline-block;
     max-width: 100%;
     width: auto;
     height: auto;
 }

 .clients-section.style-five .sponsors-carousel .owl-dots,
 .clients-section.style-five .sponsors-carousel .owl-nav {
     display: none;
 }
 /***

====================================================================
		Clients Section Style six
====================================================================

***/

 .clients-section.style-six {
     background-color: #fff;
 }

 .clients-section.style-six:after {
     display: none;
 }
 /***

==================================================================
		Contact Section
==================================================================

***/

 .contact-section {
     position: relative;
     padding: 96px 0 69px;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .contact-section .sec-title {
     margin-bottom: 40px;
 }

 .contact-section .inner-container {
     position: relative;
     max-width: 1000px;
     margin: 0 auto;
     padding: 0 15px;
 }

 .contact-section .info-column {
     position: relative;
 }

 .contact-section .info-column .inner-column {
     position: relative;
 }

 .contact-section .info-column h4 {
     position: relative;
     font-size: 20px;
     line-height: 1.2em;
     color: #2f2f2f;
     font-weight: 500;
     margin-bottom: 25px;
 }

 .contact-section .info-column .contact-info {
     position: relative;
 }

 .contact-section .info-column .contact-info li {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 36px;
     color: #000;
     font-weight: 400;
     margin-bottom: 28px;
     margin-left: 55px;
 }

 .contact-section .info-column .contact-info li a {
     display: inline-block;
     color: #000;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .contact-section .info-column .contact-info li a:hover {
     color: #e38b00;
 }

 .contact-section .info-column .contact-info li i:before {
     font-size: 35px;
     color: #e38b00;
     display: inline-block;
     margin-left: -54px;
     position: absolute;
     margin-top: 17px;
 }

 .contact-section .info-column .contact-info li span {
     font-size: 20px;
     font-weight: 600;
     line-height: 42px;
     color: #2f2f2f;
     font-family: "Nexa";
 }

 .contact-section .form-column {
     position: relative;
 }

 .contact-section .form-column .inner-column {
     margin-top: -20px;
 }

 .contact-section .contact-form {
     position: relative;
 }

 .contact-form .form-group {
     position: relative;
     margin-bottom: 10px;
 }

 .contact-form .form-group input[type="text"],
 .contact-form .form-group input[type="email"],
 .contact-form .form-group input[type="url"],
 .contact-form .form-group textarea,
 .contact-form .form-group select {
     position: relative;
     display: block;
     width: 100%;
     font-size: 13px;
     color: #000;
     line-height: 19px;
     padding: 8px 13px;
     background-color: #fff;
     font-weight: 400;
     height: 39px;
     border: 1px solid #dddddd;
     -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: 2px;
 }

 .contact-form .form-group input:focus,
 .contact-form .form-group select:focus,
 .contact-form .form-group textarea:focus {
     border-color: #e38b00;
 }

 .contact-form .form-group textarea {
     /* height: 140px; */
     resize: none;
     border-radius: 2px;
 }

 .contact-form .form-group button {
     padding: 15px 50px;
     line-height: 20px;
     display: block;
     width: 100%;
     border-radius: 2px;
     text-transform: uppercase;
 }

 .contact-form .form-group label.error {
     color: #ff0000;
 }
 /***

==================================================================
		Contact Section style two
==================================================================

***/

 .pt-40 {
     padding-top: 60px;
 }

 .soc-title {
     color: #ffff;
     margin-bottom: 0px;
 }

 .contact-section.style-two {
     position: relative;
     padding: 96px 0 69px;
     background: #f6f6f6;
 }

 .contact-section.style-two .sec-title {
     margin-bottom: 70px;
 }
 /***

==================================================================
		Main Footer
==================================================================

***/

 .main-footer {
     position: relative;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     z-index: 1;
 }

 .main-footer:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background: #0c0c0c;
     content: "";
 }
 /* .main-footer:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 10%;
	height: 100%;
	background-color: #e38b00;
} */

 .main-footer .widgets-section {
     position: relative;
     padding: 56px 0 21px;
 }

 .main-footer.alternate .widgets-section {
     margin-top: 0;
     padding-top: 95px;
 }

 .main-footer .footer-column {
     position: relative;
 }

 .main-footer .footer-widget {
     position: relative;
     margin-bottom: 40px;
 }

 .main-footer .footer-column .widget-title {
     position: relative;
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
     line-height: 24px;
     margin-bottom: 45px;
 }

 .main-footer .footer-column .widget-title::before {
     position: absolute;
     left: 0;
     bottom: -12px;
     content: "";
     width: 30px;
     height: 2px;
     background-color: #e38b00;
 }

 .main-footer .footer-column .widget-titles {
     position: relative;
     font-size: 18px;
     font-weight: 500;
     color: #ffffff;
     line-height: 24px;
     margin-bottom: 10px;
 }

 .main-footer .footer-column .widget-titles::before {
     position: absolute;
     left: 0;
     bottom: -12px;
     content: "";
     width: 30px;
     height: 2px;
     background-color: none;
 }

 .main-footer .about-widget {
     position: relative;
     padding-right: 20px;
 }

 .main-footer .footer-logo {
     position: relative;
     margin-bottom: 15px;
 }

 .main-footer .footer-logo figure {
     margin: 0;
     margin-top: -20px;
 }

 .main-footer .footer-logo img {
     display: block;
     max-width: 100%;
 }

 .main-footer .about-widget .text {
     position: relative;
     font-size: 18px;
     line-height: 24px;
     color: #eee;
     font-weight: 400;
 }
 /*Recent Posts*/

 .recent-posts {
     position: relative;
 }

 .recent-posts .post {
     position: relative;
     min-height: 70px;
     padding-left: 105px;
     margin-bottom: 30px;
 }

 .recent-posts .post .thumb {
     position: absolute;
     left: 0;
     top: 0;
     height: 70px;
     width: 80px;
     overflow: hidden;
 }

 .recent-posts .post .thumb a {
     display: block;
 }

 .recent-posts .post .thumb img {
     display: block;
     width: 100%;
     height: auto;
 }

 .recent-posts .post h4 {
     position: relative;
     font-size: 18px;
     color: #f4f4f4;
     line-height: 24px;
     font-weight: 600;
     margin-bottom: 3px;
 }

 .recent-posts .post h4 a {
     color: #f4f4f4;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .recent-posts .post h4 a:hover {
     color: #e38b00;
 }

 .recent-posts .post .info {
     position: relative;
     display: block;
 }

 .recent-posts .post .info li {
     position: relative;
     display: inline-block;
     font-size: 12px;
     line-height: 20px;
     color: #f4f4f4;
     font-weight: 400;
     padding-right: 3px;
     margin-right: 3px;
 }

 .recent-posts .post .info li:before {
     position: absolute;
     right: -4px;
     top: 0;
     font-size: 12px;
     line-height: 20px;
     color: #f4f4f4;
     font-weight: 400;
     content: "/";
 }

 .recent-posts .post .info li:last-child:before {
     display: none;
 }
 /*=== links Widget ===*/

 .main-footer .links-widget {
     position: relative;
 }

 .main-footer .links-widget .list li {
     position: relative;
     display: block;
     padding-left: 30px;
     margin-bottom: 16px;
 }

 .main-footer .links-widget .list li:before {
     color: #e38b00;
     position: absolute;
     left: 0;
     top: 0;
     height: 20px;
     font-size: 11px;
     line-height: 25px;
     font-weight: 900;
     content: "\f101";
     font-family: "Font Awesome 5 Free";
 }

 .main-footer .links-widget .list li a {
     position: relative;
     display: block;
     line-height: 20px;
     font-size: 18px;
     color: #eee;
     font-weight: 400;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .main-footer .links-widget .list li:hover:before {
     color: #eee;
 }

 .main-footer .links-widget .list li a:hover {
     color: #e38b00;
 }
 /*List Style Two*/

 .main-footer .links-widget .list-address {
     position: relative;
     margin-bottom: 50px;
 }

 .main-footer .links-widget .list-address li {
     position: relative;
     color: #eee;
     font-size: 18px;
     font-weight: 400;
     padding-left: 30px;
     margin-bottom: 25px;
 }

 .main-footer .links-widget .list-address li a {
     position: relative;
     color: #eee;
     font-size: 18px;
     font-weight: 400;
 }

 .main-footer .links-widget .list-address li a:hover {
     text-decoration: underline;
 }

 .main-footer .links-widget .list-address li i {
     position: absolute;
     left: 0px;
     top: 5px;
     color: #e38b00;
     font-size: 20px;
 }

 .main-footer .gallery-widget {
     position: relative;
 }

 .main-footer .gallery-widget .outer {
     position: relative;
     margin: 0px -7px 0;
 }

 .main-footer .gallery-widget .outer .image {
     position: relative;
     float: left;
     width: 33.3333%;
     padding: 0px 7px;
     margin-bottom: 14px;
 }

 .main-footer .gallery-widget .image img {
     display: block;
     width: 100%;
 }

 .main-footer .gallery-widget .image a {
     position: relative;
     display: block;
 }

 .main-footer .gallery-widget .image a:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background: #e38b00 padding-box content-box;
     padding: 5px;
     opacity: .80;
     content: "";
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-footer .gallery-widget .image a:hover:before {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
 }

 .main-footer .gallery-widget .image a:after {
     position: absolute;
     height: 20px;
     width: 20px;
     left: 50%;
     top: 50%;
     margin-left: -10px;
     margin-top: -10px;
     content: "\f0b2";
     text-align: center;
     line-height: 20px;
     font-size: 18px;
     color: #000000;
     font-family: "Font Awesome 5 Free";
     font-weight: 700;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-footer .gallery-widget .image a:hover:after {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
 }

 .social-icon-two {
     position: relative;
     margin-top: 2px;
 }

 span.circle {
     width: 10px !important;
     height: 10px !important;
     background-color: #820055;
     border-radius: 50%;
     display: block;
     z-index: 1500;
     right: -15px;
     bottom: 6px;
 }

 h3.mb-4 b,
 .disMob .mb-4.service b {
     color: #820055;
     font-size: 40px;
 }

 .minHeight {
     min-height: 250px;
 }

 .mb-4.service b {
     color: #fff;
     font-size: 40px;
 }

 .mb-4.service {
     color: #fff;
 }

 .card_wrap p span:nth-child(2),
 .card_wraps p span:nth-child(2) {
     position: relative;
     font-weight: normal;
     margin: 0px;
     background: none;
     line-height: 1.2em;
     font-weight: 600;
     font-size: 13px;
     font-family: "Nexa";
 }

 .mb-4.service {
     text-align: center;
     margin: auto;
     color: #fff;
     display: block !important;
 }

 .mob {
     justify-content: stretch;
     display: flex;
     float: right;
     position: absolute;
     right: 0px;
 }

 .mob img {
     width: 10%;
     margin-right: 5px;
 }

 .mob a {
     color: #000;
 }

 .social-icon-two li {
     position: relative;
     color: #fff;
     font-size: 18px;
     font-weight: 200;
     /* float: left; */
     margin-right: 26px;
 }

 .navigation.right {
     float: right;
 }

 .social-icon-two li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #f4f4f4;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .social-icon-two li a:hover {
     color: #e38b00;
 }
 /***

==================================================================
		Main Footer style two
==================================================================

***/

 .main-footer.style-two {
     position: relative;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     z-index: 1;
 }

 .main-footer.style-two:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background: #000000;
     content: "";
     opacity: 0.70;
 }

 .main-footer.style-two:after {
     display: none;
 }

 .main-footer.style-two .widgets-section {
     position: relative;
     padding: 195px 0 24px;
     margin-top: -100px;
 }
 /***

==================================================================
		Main Footer style Three
==================================================================

***/

 .main-footer.style-three .widgets-section {
     position: relative;
     padding: 195px 0 24px;
     margin-top: -100px;
 }

 .main-footer.style-three:after {
     display: none;
 }
 /*=== Footer Bottom ===*/

 .main-footer .footer-bottom {
     position: relative;
     background-color: #383838;
     z-index: 1;
 }

 .main-footer .footer-bottom .inner-container {
     position: relative;
 }

 .main-footer .footer-bottom .copyright-text {
     position: relative;
     float: left;
     padding: 20px 0;
     padding-right: 40px;
 }

 .main-footer .footer-bottom .copyright-text p {
     position: relative;
     line-height: 30px;
     font-size: 18px;
     color: #fff;
     font-weight: 400;
 }

 .main-footer .footer-bottom .copyright-text a {
     color: #fff;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-footer .footer-bottom .copyright-text a:hover {
     text-decoration: underline;
 }

 .main-footer .footer-bottom .footer-menu {
     position: relative;
     float: right;
     padding: 18px 0;
 }

 .main-footer .footer-bottom .footer-menu ul {
     position: relative;
 }

 .main-footer .footer-bottom .footer-menu ul li {
     position: relative;
     display: inline-block;
     margin-right: 26px;
 }

 .main-footer .footer-bottom .footer-menu ul li::before {
     content: "";
     position: absolute;
     right: -13px;
     top: 9px;
     width: 2px;
     height: 10px;
     background-color: #6f6f6f;
 }

 .main-footer .footer-bottom .footer-menu ul li:last-child::before {
     display: none;
 }

 .main-footer .footer-bottom .footer-menu ul li a {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 30px;
     color: #999999;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-footer .footer-bottom .footer-menu ul li a:hover {
     color: #ffffff;
 }
 /*=== Footer Bottom  style two===*/

 .footer-bottom.style-two {
     position: relative;
     background-color: #e38b00;
     z-index: 1;
 }

 .footer-bottom.style-two .footer-menu ul li::before {
     background-color: #222;
 }

 .footer-bottom.style-two .footer-menu ul li a {
     color: #222222;
 }

 .footer-bottom.style-two.footer-menu ul li a:hover {
     color: #ffffff;
 }
 /***

==================================================================
			Sidebar Page Container
==================================================================

***/

 .sidebar-page-container {
     position: relative;
     overflow: hidden;
     padding: 100px 0 41px;
 }

 .sidebar-page-container .sidebar-side,
 .sidebar-page-container .content-side {
     position: relative;
     margin-bottom: 50px;
 }

 .sidebar-page-container .sidebar-side .sidebar {
     border: 1px solid #ebebeb;
     padding: 40px 35px;
 }

 .sidebar-widget {
     position: relative;
     margin-bottom: 55px;
 }

 .sidebar-side .sidebar-widget:last-child {
     margin-bottom: 0;
 }

 .sidebar-page-container .sidebar-title {
     position: relative;
     margin-bottom: 25px;
 }

 .sidebar-page-container .sidebar-title h3 {
     position: relative;
     display: inline-block;
     font-size: 24px;
     line-height: 1.2em;
     color: #222222;
     font-weight: 600;
     text-transform: capitalize;
 }
 /*Search Box Widget*/

 .sidebar .search-box {
     position: relative;
 }

 .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;
     display: block;
     font-size: 18px;
     color: #000;
     line-height: 36px;
     padding: 15px 25px;
     height: 60px;
     width: 100%;
     border: 1px solid #e1e1e1;
     background-color: #ffffff;
     border-radius: 60px;
     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 input:focus {
     border-color: #e38b00;
 }

 .sidebar .search-box .form-group input[type="submit"],
 .sidebar .search-box .form-group button {
     position: absolute;
     right: 0;
     top: 0;
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     display: block;
     font-size: 18px;
     background: none;
     color: #e38b00;
     font-weight: normal;
     border-radius: 0 30px 30px 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .sidebar .search-box .form-group input[type="submit"]:hover,
 .sidebar .search-box .form-group button:hover {
     color: #222222;
 }
 /*=== Categories ===*/

 .cat-list {
     position: relative;
 }

 .cat-list li {
     position: relative;
     margin-left: -1px;
     font-family: "Open Sans", sans-serif;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .cat-list li a {
     position: relative;
     font-size: 15px;
     color: #888888;
     line-height: 20px;
     font-weight: 500;
     padding: 20px 17px;
     display: block;
     border-bottom: 1px solid #e1e1e1;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .cat-list li a span {
     float: right;
     font-size: 16px;
     line-height: 20px;
     font-family: "Open Sans", sans-serif;
 }

 .cat-list li.active a,
 .cat-list li:hover a {
     color: #e38b00;
 }

 .cat-list li.active a span,
 .cat-list li:hover a span {
     color: #e38b00;
 }
 /*=== Latest News ===*/

 .latest-news .post {
     position: relative;
     padding-left: 101px;
     margin-bottom: 20px;
     min-height: 90px;
     border-bottom: 1px solid #dddddd;
     padding-bottom: 20px;
     min-height: 104px;
 }

 .latest-news .post:last-child {
     border-bottom: none;
 }

 .latest-news .post-thumb {
     position: absolute;
     left: 0;
     top: 0;
     height: 80px;
     width: 80px;
     margin-bottom: 20px;
 }

 .latest-news .post-thumb img {
     position: relative;
     display: block;
     width: 100%;
 }

 .latest-news .post h3 {
     position: relative;
     font-size: 18px;
     line-height: 36px;
     color: #222222;
     font-weight: 600;
     margin-bottom: 10px;
 }

 .latest-news .post h3 a {
     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;
 }

 .latest-news .post:hover h3 a {
     color: #ff8a00;
 }

 .latest-news .post .post-info {
     position: relative;
     font-size: 18px;
     line-height: 17px;
     color: #888888;
     font-weight: 400;
 }
 /*Instagram Widget*/

 .sidebar .instagram-widget .images-outer {
     position: relative;
     margin: 0px -4px;
 }

 .sidebar .instagram-widget .image-box {
     position: relative;
     float: left;
     width: 33.3333%;
     padding: 0px 4px;
     margin-bottom: 8px;
 }

 .sidebar .instagram-widget .image-box:nth-child(3),
 .sidebar .instagram-widget .image-box:nth-child(6) {
     margin-right: 0px;
 }

 .sidebar .instagram-widget .image-box .overlay-box {
     position: absolute;
     content: '';
     left: 12px;
     top: 8px;
     bottom: 8px;
     right: 12px;
     display: block;
     z-index: 1;
     opacity: 0;
     text-align: center;
     padding: 8px;
     color: #ffffff;
     font-size: 24px;
     line-height: 44px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
     background-color: #e38b00;
 }

 .sidebar .instagram-widget .image-box .overlay-box:before {
     position: absolute;
     top: 50%;
     margin-left: -12px;
     margin-top: -22px;
     display: inline-block;
 }

 .sidebar .instagram-widget .image-box:hover .overlay-box {
     opacity: 0.8;
 }

 .sidebar .instagram-widget .image-box img {
     position: relative;
     display: block;
     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;
 }
 /*=== Tags ===*/

 .tag-list {
     position: relative;
     display: block;
 }

 .tag-list li {
     position: relative;
     float: left;
     margin-bottom: 13px;
     margin-right: 10px;
 }

 .tag-list li a {
     position: relative;
     display: block;
     font-size: 18px;
     color: #000;
     line-height: 25px;
     padding: 10px 30px;
     font-weight: 400;
     text-align: center;
     border-radius: 50px;
     text-transform: uppercase;
     border: 1px solid #dddddd;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .tag-list li a:hover {
     background-color: #e38b00;
     border: 1px solid #e38b00;
     color: #ffffff;
 }
 /***

====================================================================
		Comment Area
====================================================================

 ***/

 .group-title {
     position: relative;
     margin-bottom: 40px;
 }

 .group-title h2 {
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 30px;
     color: #333333;
     font-weight: 600;
     padding: 0 0 30px;
 }

 .group-title h2:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 40px;
     height: 2px;
     background-color: #e38b00;
 }

 .group-title h2:after {
     content: "";
     position: absolute;
     left: 45px;
     bottom: 0;
     width: 10px;
     height: 2px;
     background-color: #333333;
 }

 .comments-area {
     position: relative;
     margin-bottom: 70px;
 }

 .comments-area .comment-box {
     position: relative;
     margin-bottom: 56px;
 }

 .comments-area .comment-box.reply-comment {
     margin-left: 100px;
 }

 .comments-area .comment-box.reply-comment.reply {
     margin-left: 200px;
 }

 .comments-area .comment-box:last-child {
     margin-bottom: 0;
 }

 .comments-area .comment {
     position: relative;
     min-height: 80px;
     padding-top: 28px;
     padding-left: 150px;
 }

 .comments-area .comment-box .author-thumb {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 120px;
     height: 118px;
     border: 1px solid #ddd;
 }

 .comments-area .comment-box .author-thumb img {
     width: 100%;
     display: block;
 }

 .comments-area .comment-info {
     position: relative;
     display: block;
 }

 .comments-area .comment-box .name {
     position: relative;
     display: inline-block;
     font-size: 20px;
     line-height: 1.2em;
     font-weight: 500;
     color: #222222;
     font-family: "Montserrat", sans-serif;
     margin-bottom: 13px;
 }

 .comments-area .comment-box .date {
     position: relative;
     display: inline-block;
     font-size: 13px;
     line-height: 24px;
     color: #e38b00;
     font-weight: 600;
     margin-left: 25px;
 }

 .comments-area .comment-box .text {
     font-size: 18px;
     line-height: 36px;
     color: #000;
     font-weight: 400;
 }

 .comments-area .comment-box .rating {
     position: relative;
     display: block;
     font-size: 18px;
     color: #ff8a00;
     line-height: 20px;
 }

 .comments-area .comment-box .reply-btn {
     position: absolute;
     left: 20px;
     bottom: -17px;
     font-size: 18px;
     line-height: 25px;
     color: #fff;
     font-weight: 600;
     font-family: "Open Sans", sans-serif;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     padding: 8px 22px;
     background-color: #e38b00;
     border-radius: 25px;
 }

 .comments-area .comment-box .reply-btn:hover {
     color: #fff;
     background-color: #222;
 }
 /***

====================================================================
		Comment Form
====================================================================

 ***/

 .comment-form {
     position: relative;
     width: 100%;
 }

 .comment-form form {
     width: 100%;
 }

 .comment-form .group-title {
     margin-bottom: 30px;
 }

 .comment-form .form-group {
     position: relative;
     margin-bottom: 20px;
 }

 .comment-form .form-group:last-child {
     margin-bottom: 0;
 }

 .comment-form .form-group input[type="text"],
 .comment-form .form-group input[type="email"] {
     border-radius: 40px;
 }

 .comment-form .form-group input[type="text"],
 .comment-form .form-group input[type="email"],
 .comment-form .form-group textarea,
 .comment-form .form-group select {
     position: relative;
     display: block;
     height: 50px;
     width: 100%;
     font-size: 18px;
     color: #999999;
     line-height: 20px;
     font-weight: 400;
     padding: 14px 22px;
     background-color: #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;
     border-radius: 15px;
 }

 .comment-form .form-group textarea {
     max-height: 190px;
 }

 .comment-form .form-group input:focus,
 .comment-form .form-group select:focus,
 .comment-form .form-group textarea:focus {
     border-color: #ff8a00;
 }

 .comment-form .form-group textarea {
     height: 120px;
     resize: none;
 }
 /***

====================================================================
		Contact Page Section
====================================================================

***/

 .contact-page-section {
     position: relative;
     width: 100%;
     background-repeat: no-repeat;
     background-position: center;
     padding: 97px 0 68px;
 }

 .contact-page-section .contact-form {
     position: relative;
     width: 100%;
     padding: 0 100px;
 }
 /*== Map Column ===*/

 .map-column .inner-column {
     position: relative;
     height: 500px;
     width: 100%;
 }

 .map-section {
     position: relative;
 }

 .map-section .map-column {
     padding-right: 0;
     padding-left: 12%;
 }

 .map-column .map-outer {
     position: absolute;
     height: 500px;
     width: 100%;
     background-color: #222222;
 }

 .map-column .map-canvas {
     position: absolute;
     height: 100%;
     width: 100%;
 }
 /*== Contact Info ===*/

 .contact-page-info {
     position: relative;
     width: 100%;
     padding: 84px 0 63px;
 }

 .contact-page-info .info-column {
     position: relative;
 }

 .contact-page-info .info-column .inner-column {
     position: relative;
 }

 .contact-page-info .info-column .contact-info {
     position: relative;
 }

 .contact-page-info .info-column .contact-info .info-box {
     position: relative;
     font-size: 18px;
     line-height: 36px;
     color: #000;
     font-weight: 400;
     margin-bottom: 28px;
     margin-left: 70px;
 }

 .contact-page-info .info-column .contact-info .info-box a {
     display: inline-block;
     color: #000;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .contact-page-info .info-column .contact-info .info-box a:hover {
     color: #e38b00;
 }

 .contact-page-info .info-column .contact-info .info-box i:before {
     font-size: 35px;
     color: #e38b00;
     display: inline-block;
     margin-left: -66px;
     position: absolute;
     margin-top: 17px;
 }

 .contact-page-info .info-column .contact-info .info-box span {
     font-size: 20px;
     font-weight: 600;
     line-height: 42px;
     color: #2f2f2f;
     font-family: "Nexa";
 }

 .serviceWrap {
     display: block;
     height: 250px;
 }

 .inner-box.service {
     padding: 81px 100px;
     vertical-align: middle;
     display: table-footer-group;
     display: inline-block;
     vertical-align: middle;
 }

 .ndisMob {
     display: block;
 }

 .disMob {
     display: none;
 }

 ul.serviceList {
     margin-left: 8px;
     margin-top: 10px;
 }

 ul.serviceList li img {
     margin-right: 4px;
 }

 ul.serviceList li {
     font-weight: 500;
 }

 .theme-btn.items {
     top: 150px;
     position: relative;
 }

 .banner-section img {
     transform: scale(1.1);
 }

 .wrapBanner {
     display: block;
     padding: 70px 0 0;
 }

 .inner-box.banner {
     padding: 0px;
     max-width: 455px;
     vertical-align: middle;
     display: table-footer-group;
     display: inline-block;
     vertical-align: middle;
 }

 .inner-box.banner h3 {
     color: #fff;
 }

 .inner-box.banner p {
     color: #fff;
 }

 .card_wrap {
     padding: 25px;
     border-radius: 40px;
     background-color: #f9f9f9;
     min-height: 350px;
 }

 .card_wraps {
     margin-bottom: 18px;
 }

 .card_wrap span:nth-child(1),
 .card_wraps span:nth-child(1) {
     width: 28.2px;
     height: 28.2px;
     margin-right: 10px;
     padding: 2px 8px 4px;
     object-fit: contain;
     border-radius: 100%;
     background-color: rgb(105, 0, 127);
     color: rgb(255, 255, 255);
 }

 .theme-btn.right {
     margin: 0px;
     margin-top: 15px;
     justify-items: end;
 }

 .card_wrap span {
     margin-bottom: 5px !important;
 }

 .card_wrap a {
     margin-top: 5px;
     font-size: 18px;
     font-weight: bold;
     color: #000;
 }

 .header-style-one .main-menu .navigation>li>a.active {
     color: #44c3ef !important;
 }

 .header-style-one .main-menu .navigation>li>a.active:before {
     position: absolute;
     left: 0px;
     width: 100%;
     height: 2px;
     bottom: 21px;
     content: "";
     background-color: #44c3ef;
     transition: all 300ms ease;
 }

 .services-section:after {
     position: absolute;
     content: '';
     top: 0px;
     left: 0px;
     height: 270px;
     width: 100%;
     background: #000;
     transition: none !important;
 }

 .services-section .sec-title {
     z-index: 99;
 }

 .consult-flex {
     display: -ms-flexbox!important;
     display: flex!important;
     align-items: center;
 }

 @media (min-width: 280px) and (max-width:786px) {
     .wrapBanner {
         display: block;
         height: 245px;
     }
 }

 .become_member {
     padding: 72px 45px;
     object-fit: contain;
     border-radius: 20px;
     border-radius: 50px;
     -webkit-backdrop-filter: blur(30px);
     backdrop-filter: blur(30px);
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
     background-color: #fff;
 }

 .become_member .form-control {
     background-color: transparent;
     background-color: transparent;
     border: none;
     border-radius: 0px;
     border-bottom: solid 0.5px #ccc;
     line-height: 2.5rem;
     color: #000;
 }

 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #80bdff;
     outline: 0;
     box-shadow: none;
 }

 .contact-card {
     position: relative;
     top: -250px;
     max-height: 298px;
 }

 .become_member .submit {
     border-radius: 20.1px;
     width: 100%;
     color: #fff;
     display: block;
     margin: auto;
     background-color: #44c3ef;
 }

 .owl-carousel .owl-nav .owl-prev {
     position: absolute;
     top: 227px;
     left: -8px;
     font-size: 16px;
 }

 .owl-carousel .owl-nav .owl-next {
     position: absolute;
     top: 237px;
     right: -8px;
     font-size: 16px;
 }

 .owl-carousel .owl-nav .owl-next .fa,
 .owl-carousel .owl-nav .owl-prev .fa {
     font-family: 'Font Awesome 5 Free';
     font-size: 28px;
     font-weight: 600;
 }

 .social-icon-two.service li a {
     font-weight: 300;
     font-size: 18px;
     line-height: 45px;
 }