@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

 @import url('fontawesome-all.css');
 @import url('animate.css');
 @import url('flaticon.css');
 @import url('owl.css');
 @import url('jquery-ui.css');
 @import url('animation.css');
 @import url('jquery.fancybox.min.css');
 @import url('jquery.bootstrap-touchspin.css');


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

 html {
     scroll-behavior: smooth;
 }

 body {

     font-size: 14px;
     color: #787878;
     line-height: 24px;
     font-weight: 400;
     background: #ffffff;
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     font-family: 'Poppins', sans-serif;
 }

 a {
     text-decoration: none;
     cursor: pointer;
     color: #f97534;
 }

 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: 'Playfair Display', serif;
     letter-spacing: -0.02em;
 }

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

 p,
 .text {
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
     color: #555555;
     margin: 0;
 }

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

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

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

 a:focus {
     box-shadow: none !important;
 }

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

 .theme-btn {
     display: inline-block;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     font-family: "Poppins", sans-serif;
 }

 .theme-btn i {
     position: relative;
     display: inline-block;
     font-size: 14px;
     margin-left: 3px;
 }

 .centered {
     text-align: center !important;
 }

 .btn-style-one {
     position: relative;
     display: inline-block;
     font-size: 14px;
     line-height: 30px;
     color: #ffffff;
     padding: 7px 20px;
     font-weight: 500;
     overflow: hidden;
     border-radius: 50px;
     background-color: #f97534;
     text-transform: uppercase;
     box-shadow: 0px 8px 15px rgba(217, 217, 217, 0.50);
 }

 .btn-style-one:before {
     top: 0;
     left: 0;
     content: "";
     width: 150%;
     height: 100%;
     position: absolute;
     transform-origin: 0 100% 0;
     transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
     transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
 }

 .btn-style-one .icon {
     position: relative;
     margin-right: 10px;
 }

 .btn-style-one i {
     position: relative;
     font-style: normal;
 }

 .btn-style-one:hover {
     color: #ffffff;
 }

 .btn-style-one:hover::before {
     opacity: 1;
     color: #ffffff;
     transform: rotate3d(0, 0, 1, 0deg);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     background-color: #161a33;
 }

 .btn-style-two {
     position: relative;
     display: inline-block;
     font-size: 15px;
     line-height: 30px;
     color: #ffffff;
     padding: 12px 42px;
     font-weight: 700;
     overflow: hidden;
     border-radius: 50px;
     letter-spacing: 1px;
     background-color: #f97534;
     text-transform: capitalize;
     font-family: 'Playfair Display', serif;
 }

 .btn-style-two:before {
     top: 0;
     left: 0;
     content: "";
     width: 150%;
     height: 100%;
     position: absolute;
     transform-origin: 0 100% 0;
     transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
     transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
 }

 .btn-style-two .arrow {
     position: relative;
     margin-left: 5px;
 }

 .btn-style-two i {
     position: relative;
     font-style: normal;
 }

 .btn-style-two:hover {
     color: #ffffff;
 }

 .btn-style-two:hover::before {
     opacity: 1;
     color: #ffffff;
     transform: rotate3d(0, 0, 1, 0deg);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     background-color: #161a33;
 }

 .theme_color {
     color: #f77434;
 }

 .pull-right {
     float: right;
 }

 .pull-left {
     float: left;
 }

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

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

 .fa {
     line-height: inherit;
 }

 .scroll-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     width: 60px;
     height: 60px;
     color: #ffffff;
     font-size: 24px;
     line-height: 60px;
     text-align: center;
     z-index: 100;
     cursor: pointer;
     background: #1b1a1c;
     display: none;
     border-radius: 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;
 }

 .scroll-to-top:hover {
     background: #f77434;
 }

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

 .main-header .header-upper {
     position: relative;
     top: 0;
     background-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;
 }

 .main-header .header-upper .logo-outer {
     position: relative;
     float: left;
     z-index: 25;
     -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 .logo-outer .logo img {
     position: relative;
     display: inline-block;
     max-width: 100%;
 }

 .main-header .header-upper .nav-outer {
     float: right;
     z-index: 10;
     position: relative;
 }

 .main-header .header-lower {
     position: relative;
     z-index: 10;
 }

 .main-header .header-lower .nav-outer {
     position: relative;
     padding: 0px 40px;
     background-color: #ffffff;
 }

 .main-menu {
     position: relative;
     float: left;
     font-family: "Poppins", sans-serif;
 }

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

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

 .main-menu .navigation>li {
     position: relative;
     float: left;
     padding: 31px 0px;
     margin-right: 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;
 }

 .main-menu .navigation>li:last-child {
     margin-right: 0px;
 }

 .main-menu .navigation>li>a {
     position: relative;
     display: block;
     text-align: center;
     font-size: 14px;
     line-height: 30px;
     font-weight: 600;
     opacity: 1;
     color: #222222;
     padding: 0;
     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;
 }

 .main-menu .navigation>li:hover>a,
 .main-menu .navigation>li.current>a {
     color: #f97534;
 }

 .main-menu .navigation>li>ul {
     position: absolute;
     left: 0px;
     top: 100%;
     width: 270px;
     padding: 0px 0px;
     z-index: 100;
     opacity: 1;
     margin-top: 1px;
     background: #ffffff;
     border: 1px solid #e2e8f0;
     -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;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
 }

 .main-menu .navigation>li>ul>li {
     position: relative;
     width: 100%;
     padding: 17px 28px;
     border-bottom: 1px solid #e2e8f0;
 }

 .main-menu .navigation>li>ul>li:last-child {
     border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>a {
     position: relative;
     font-size: 15px;
     line-height: 24px;
     color: #7e8597;
     font-weight: 500;
     text-align: left;
     display: inline-block;
     text-transform: capitalize;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
     font-family: 'Poppins', sans-serif;
 }

 .main-menu .navigation>li>ul>li>a:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 0px;
     height: 2px;
     width: 0%;
     opacity: 0;
     background-color: #f97534;
     -webkit-transition: all 600ms ease;
     -moz-transition: all 600ms ease;
     -ms-transition: all 600ms ease;
     -o-transition: all 600ms ease;
     transition: all 600ms ease;
 }

 .main-menu .navigation>li>ul>li:hover>a:before {
     width: 100%;
     opacity: 1;
 }

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

 .main-menu .navigation>li>ul>li.dropdown::after {
     content: "\f105";
     position: absolute;
     right: 0;
     top: 15px;
     display: block;
     font-size: 16px;
     line-height: 24px;
     padding: 3px 25px;
     color: #222222;
     font-weight: 900;
     font-family: "Font Awesome 5 Free";
     text-align: center;
     z-index: 5;
 }

 .main-menu .navigation>li>ul>li>ul {
     position: absolute;
     left: 100%;
     margin-top: -59px;
     width: 270px;
     padding: 0px 0px;
     z-index: 100;
     opacity: 1;
     background: #ffffff;
     border: 1px solid #e2e8f0;
     -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;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li {
     position: relative;
     width: 100%;
     padding: 17px 28px;
     border-bottom: 1px solid #e2e8f0;
 }

 .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;
     font-size: 15px;
     line-height: 24px;
     color: #7e8597;
     font-weight: 500;
     text-align: left;
     display: inline-block;
     text-transform: capitalize;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
     font-family: 'Poppins', sans-serif;
 }

 .main-menu .navigation>li>ul>li>ul>li>a:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 0px;
     height: 2px;
     width: 0%;
     opacity: 0;
     background-color: #f97534;
     -webkit-transition: all 600ms ease;
     -moz-transition: all 600ms ease;
     -ms-transition: all 600ms ease;
     -o-transition: all 600ms ease;
     transition: all 600ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li:hover>a:before {
     width: 100%;
     opacity: 1;
 }

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

 .main-menu .navigation>li.dropdown:hover>ul {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     -moz-transform: scale(1);
     transform: scale(1);
     visibility: visible;
     opacity: 1;
 }

 .main-menu .navigation li>ul>li.dropdown:hover>ul {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     -moz-transform: scale(1);
     transform: scale(1);
     visibility: visible;
     opacity: 1;
     top: 100%;
 }

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

 .main-header .outer-box .btn-box {
     position: relative;
     float: left;
     padding: 23px 0px;
     margin-left: 35px;
 }

 .main-header .outer-box .btn-box .theme-btn {
     position: relative;
     float: right;
 }

 .sticky-header {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     left: 0px;
     top: 0px;
     width: 100%;
     padding: 0px 0px;
     z-index: -1;
     background: #ffffff;
     -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;
 }

 .fixed-header .sticky-header {
     opacity: 1;
     z-index: 9999;
     visibility: visible;
 }

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

 .sticky-header .main-menu .navigation>li {
     margin-left: 32px !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 0px !important;
     line-height: 30px;
     font-size: 16px;
     font-weight: 500;
     color: #222222;
     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: #f97534;
 }

 .sec-title {
     position: relative;
     z-index: 1;
     margin-bottom: 45px;
 }

 .sec-title .title {
     position: relative;
     display: block;
     font-size: 14px;
     line-height: 24px;
     color: #f97534;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .sec-title h2 {
     position: relative;
     display: block;
     font-size: 36px;
     line-height: 1.2em;
     color: #222222;
     font-weight: 700;
     letter-spacing: 1px;
     padding-left: 70px;
     display: inline-block;
 }

 .sec-title h2:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 22px;
     width: 50px;
     height: 1px;
     background-color: #f97534;
 }

 .sec-title.centered h2 {
     padding-right: 70px;
 }

 .sec-title.centered h2:after {
     position: absolute;
     content: '';
     right: 0px;
     top: 22px;
     width: 50px;
     height: 1px;
     background-color: #f97534;
 }

 .sec-title.light h2 {
     color: #ffffff;
 }

 .sec-title .text {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 25px;
     color: #8a90ac;
     font-weight: 400;
     margin-top: 20px;
     line-height: 2em;
 }


 .banner-section {
     position: relative;
 }

 .banner-carousel {
     position: relative;
 }

 .banner-carousel .slide-item {
     position: relative;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

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

 .banner-carousel .content-box .title {
     position: relative;
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     opacity: 0;
     padding: 8px 20px;
     margin-bottom: 15px;
     display: inline-block;
     background-color: #f97534;
     font-family: 'Playfair Display', serif;
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
     transform: translateY(-50px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .active .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: 150ms;
     -moz-transition-delay: 150ms;
     -ms-transition-delay: 150ms;
     -o-transition-delay: 150ms;
     transition-delay: 150ms;
 }

 .banner-carousel .content-box.center-align {
     text-align: center;
 }

 .banner-carousel .content-box.right-box {
     float: right;
     width: 60%;
 }

 .banner-carousel .content-box .inner {
     position: relative;
     margin-right: -65px;
     padding: 200px 0;
 }

 .banner-carousel .content-box h2 {
     position: relative;
     display: block;
     font-size: 80px;
     line-height: 1.2em;
     color: #ffffff;
     font-weight: 800;
     opacity: 0;
     padding-bottom: 40px;
     margin-bottom: 35px;
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
     transform: translateY(-50px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 100ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
     font-family: 'Playfair Display', serif;
 }

 .banner-carousel .content-box h2.style-two {
     font-size: 100px;
 }

 .banner-carousel .content-box h2:before {
     position: absolute;
     content: '';
     left: 0px;
     bottom: 0px;
     width: 70px;
     height: 10px;
     border-radius: 10px;
     display: inline-block;
     background-color: #f97534;
 }

 .banner-carousel .content-box.center-align h2::before {
     left: 50%;
     margin-left: -35px;
 }

 .banner-carousel .content-box h2.style-three {
     padding-bottom: 0px;
 }

 .banner-carousel .content-box h2.style-three:before {
     display: none;
 }

 .banner-carousel .content-box.center-align .link-box {
     text-align: center;
 }

 .banner-carousel .content-box.center-align .link-box .theme-btn {
     float: none;
     margin-right: 0px;
 }

 .banner-carousel .active .content-box 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: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .banner-carousel .content-box .text {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 34px;
     color: #e4e4e4;
     font-weight: 400;
     opacity: 0;
     margin-bottom: 35px;
     -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: 600ms;
     -moz-transition-delay: 600ms;
     -ms-transition-delay: 600ms;
     -o-transition-delay: 600ms;
     transition-delay: 600ms;
 }

 .banner-carousel .link-box {
     position: relative;
     opacity: 0;
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms 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 .link-box:after {
     display: table;
     clear: both;
     content: "";
 }

 .banner-carousel .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: 1200ms;
     -moz-transition-delay: 1200ms;
     -ms-transition-delay: 1200ms;
     -o-transition-delay: 1200ms;
     transition-delay: 1200ms;
 }

 .banner-carousel .link-box .theme-btn {
     position: relative;
     float: left;
     margin-right: 35px;
     padding: 10px 35px;
 }

 .banner-carousel .link-box .learn-more {
     position: relative;
     font-size: 15px;
     line-height: 30px;
     color: #ffffff;
     font-weight: 600;
     padding: 10px 25px 1px 0px;
     text-transform: capitalize;
     font-family: 'Playfair Display', serif;
 }

 .banner-carousel .link-box .learn-more:before {
     position: absolute;
     left: 0;
     bottom: 0px;
     height: 2px;
     content: "";
     background-color: #ffffff;
     width: 100%;
 }

 .banner-carousel .link-box .learn-more i {
     position: absolute;
     right: 0px;
     top: 11px;
     line-height: 30px;
     margin-left: 5px;
 }

 .banner-carousel .link-box .learn-more:hover {
     color: #f97534;
 }

 .banner-carousel .owl-dots {
     display: none;
 }

 .banner-carousel .owl-dots {
     position: absolute;
     left: 0;
     bottom: 50px;
     width: 100%;
     text-align: center;
     display: none;
 }

 .banner-carousel .owl-nav {
     position: absolute;
     width: 100%;
     top: 50%;
     margin-top: -25px;
     z-index: 99;
     opacity: 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;
 }

 .banner-carousel:hover .owl-nav {
     opacity: 1;
 }

 .banner-carousel .owl-prev,
 .banner-carousel .owl-next {
     position: absolute;
     top: 0;
     left: 30px;
     height: 50px;
     width: 50px;
     font-size: 20px;
     color: #ffffff;
     font-weight: 400;
     text-align: center;
     line-height: 52px;
     background-color: rgba(255, 255, 255, 0.20);
     -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-carousel .owl-next {
     left: auto;
     right: 30px;
 }

 .banner-carousel .owl-prev:hover,
 .banner-carousel .owl-next:hover {
     background-color: #f97534;
     color: #ffffff;
 }

 .banner-section.style-two .content-box .inner {
     padding: 310px 0px 210px;
 }

 .banner-section.style-three {
     top: -35px;
     width: 100%;
 }

 .business-section {
     position: relative;
     padding: 100px 0px 85px;
 }

 .business-section .content-column {
     position: relative;
     margin-bottom: 30px;
 }

 .business-section .content-column .inner-column {
     position: relative;
 }

 .business-section .content-column .inner-column h2 {
     position: relative;
     color: #222222;
     font-size: 36px;
     font-weight: 700;
     line-height: 1.4em;
 }

 .business-section .content-column .inner-column h2 span {
     position: relative;
     font-size: 24px;
     color: #ffffff;
     letter-spacing: 1px;
     padding: 0px 15px;
     line-height: 1.9em;
     margin-left: 20px;
     display: inline-block;
     background-color: #f97534;
     box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10);
 }

 .business-section .content-column .inner-column h2 span:before {
     position: absolute;
     content: '';
     left: -14px;
     top: 12px;
     border-top: 10px solid transparent;
     border-right: 15px solid #f97534;
     border-bottom: 10px solid transparent;
 }

 .business-section .content-column .inner-column .text {
     position: relative;
     color: #7e8597;
     font-size: 15px;
     line-height: 1.9em;
     margin-top: 35px;
 }

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

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

 .business-section .image-column .inner-column .pattern-layouts {
     position: absolute;
     left: -60px;
     right: 0px;
     top: 0px;
     bottom: 0px;
 }

 .business-section .image-column .inner-column .pattern-layouts .pattern-1 {
     position: absolute;
     content: '';
     left: -70px;
     top: -125px;
     width: 558px;
     height: 558px;
     display: inline-block;
     background: url(../images/icons/pattern-1.png) no-repeat;
 }

 .business-section .image-column .inner-column .pattern-layouts .pattern-2 {
     position: absolute;
     content: '';
     right: -120px;
     top: 45px;
     width: 558px;
     height: 558px;
     display: inline-block;
     background: url(../images/icons/pattern-2.png) no-repeat;
 }

 .business-section .image-column .inner-column .pattern-layouts .pattern-3 {
     position: absolute;
     content: '';
     left: 0px;
     top: 100px;
     width: 558px;
     height: 558px;
     display: inline-block;
     background: url(../images/icons/pattern-3.png) no-repeat;
 }

 .business-section .image-column .inner-column .image {
     position: relative;
 }

 .business-section .image-column .inner-column .image.image-one {
     margin-left: 25px;
 }

 .business-section .image-column .inner-column .image.image-two {
     position: absolute;
     left: 0px;
     bottom: 50px;
     box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);
 }

 .business-section .image-column .inner-column .image.image-three {
     position: absolute;
     right: 15px;
     top: 10px;
     box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);
 }

 .business-section .image-column .inner-column .image.image-four {
     position: absolute;
     right: 15px;
     bottom: -75px;
     box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);
 }

 .services-section {
     position: relative;
     padding: 90px 0px 95px;
     background-color: #e9eef3;
 }

 .services-section .owl-nav {
     display: none;
 }

 .services-section .owl-dots {
     position: relative;
     text-align: center;
     margin-top: 45px;
 }

 .services-section .owl-dots .owl-dot {
     position: relative;
     margin: 0px 5px;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     display: inline-block;
     background-color: #c7cdd4;
     -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 .owl-dots .owl-dot.active,
 .services-section .owl-dots .owl-dot:hover {
     background-color: #f97534;
 }

 .services-section .sec-title .theme-btn {
     margin-top: 100px;
 }

 .services-block {
     position: relative;
 }

 .services-block.style-two {
     margin-bottom: 40px;
 }

 .services-block.style-two .inner-box {
     border-bottom: 1px solid #f9f9f9;
     padding-bottom: 30px;
 }

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

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

 .services-block .inner-box .image .overlay-link {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     display: block;
 }

 .services-block .inner-box .image .overlay-link:before {
     position: absolute;
     content: '';
     right: 0px;
     top: 0px;
     width: 50%;
     height: 100%;
     display: block;
     opacity: 0;
     z-index: 1;
     text-align: center;
     -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: right;
     -moz-transform-origin: right;
     -ms-transform-origin: right;
     -o-transform-origin: right;
     transform-origin: right;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     background-color: rgba(22, 26, 51, 0.90);
 }

 .services-block .inner-box:hover .image .overlay-link:before {
     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);
 }

 .services-block .inner-box .image .overlay-link:after {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 50%;
     height: 100%;
     display: block;
     opacity: 0;
     text-align: center;
     -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: left;
     -moz-transform-origin: left;
     -ms-transform-origin: right;
     -o-transform-origin: left;
     transform-origin: left;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     background-color: rgba(22, 26, 51, 0.90);
 }

 .services-block .inner-box:hover .image .overlay-link:after {
     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);
 }

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

 .services-block .inner-box .lower-content {
     position: relative;
     padding: 65px 25px 0px;
     text-align: center;
 }

 .services-block .inner-box .lower-content .category {
     position: absolute;
     left: 30px;
     top: -35px;
     right: 30px;
     color: #222222;
     font-weight: 700;
     text-align: center;
     font-size: 20px;
     padding: 23px 15px;
     z-index: 1;
     background-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;
     font-family: 'Playfair Display', serif;
 }

 .services-block .inner-box:hover .lower-content .category {
     color: #ffffff;
 }

 .services-block .inner-box .lower-content .category:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 0%;
     height: 100%;
     display: block;
     z-index: -1;
     background-color: #f97534;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .services-block .inner-box:hover .lower-content .category:before {
     width: 100%;
 }

 .services-block .inner-box .lower-content .text {
     position: relative;
     color: #7e8597;
     font-size: 15px;
     line-height: 1.8em;
     margin-bottom: 20px;
 }

 .services-block .inner-box .lower-content .read-more {
     position: relative;
     font-weight: 700;
     color: #222222;
     display: inline-block;
     padding-right: 22px;
     -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: 'Playfair Display', serif;
 }

 .services-block .inner-box .lower-content .read-more .arrow.left {
     position: absolute;
     left: 0px;
     top: 1px;
     opacity: 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;
 }

 .services-block .inner-box .lower-content .read-more .arrow.right {
     position: absolute;
     right: 0px;
     top: 1px;
 }

 .services-block .inner-box .lower-content .read-more .arrow.right {
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .services-block .inner-box .lower-content .read-more:hover .arrow.right {
     opacity: 0;
 }

 .services-block .inner-box .lower-content .read-more:hover .arrow.left {
     opacity: 1;
 }

 .services-block .inner-box .lower-content .read-more:hover {
     color: #f97534;
     padding-right: 0px;
     padding-left: 22px;
 }

 .projects-section {
     position: relative;
     padding-top: 90px;
 }

 .projects-section .owl-carousel .owl-stage-outer {
     padding: 20px 0px;
 }

 .projects-section .outer-container {
     position: relative;
     padding: 0px 50px;
 }

 .projects-section .outer-container .owl-dots {
     display: none;
 }

 .projects-section .outer-container .owl-nav {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .projects-section .outer-container .owl-nav .owl-prev {
     position: absolute;
     content: '';
     left: -50px;
     top: 20px;
     color: #ffffff;
     width: 50px;
     bottom: 20px;
     font-size: 24px;
     text-align: center;
     background-color: #161a33;
     -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 .outer-container .owl-nav .owl-prev span {
     top: 50%;
     position: relative;
 }

 .projects-section .outer-container .owl-nav .owl-next {
     position: absolute;
     content: '';
     right: -50px;
     top: 20px;
     color: #ffffff;
     width: 50px;
     bottom: 20px;
     font-size: 24px;
     text-align: center;
     background-color: #161a33;
     -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 .outer-container .owl-nav .owl-next span {
     top: 50%;
     position: relative;
 }

 .projects-section .outer-container .owl-nav .owl-prev:hover,
 .projects-section .outer-container .owl-nav .owl-next:hover {
     background-color: #f97534;
 }

 .project-block {
     position: relative;
     z-index: 99;
     -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 .inner-box {
     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;
 }

 .project-block:hover {
     transform: scaleY(1.07);
 }

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

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

 .project-block .inner-box .image .overlay-box {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     display: block;
     opacity: 0;
     z-index: 1;
     -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: left;
     -moz-transform-origin: left;
     -ms-transform-origin: right;
     -o-transform-origin: left;
     transform-origin: left;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     background-color: rgba(22, 26, 51, 0.90);
 }

 .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: 0px;
     bottom: 0px;
     width: 100%;
     padding: 25px 28px;
     background-color: #f97534;
 }

 .project-block .inner-box .image .overlay-box .title {
     position: relative;
     color: #ffffff;
     font-size: 15px;
     font-weight: 400;
     padding-left: 40px;
 }

 .project-block .inner-box .image .overlay-box .title:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 10px;
     width: 30px;
     height: 1px;
     background-color: rgba(255, 255, 255, 0.30);
 }

 .project-block .inner-box .image .overlay-box h3 {
     position: relative;
     font-size: 20px;
     font-weight: 700;
     line-height: 1.3em;
     margin-top: 8px;
 }

 .project-block .inner-box .image .overlay-box h3 a {
     position: relative;
     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;
 }

 .project-block .inner-box .image .overlay-box h3 a:hover {
     color: #161a33;
 }

 .project-block .inner-box .image .overlay-box .read-more {
     position: relative;
     color: #ffffff;
     font-size: 15px;
     font-weight: 700;
     margin-top: 32px;
     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;
     font-family: 'Playfair Display', serif;
 }

 .project-block .inner-box .image .overlay-box .read-more .arrow {
     position: relative;
     margin-left: 5px;
     top: 1px;
 }

 .project-block .inner-box .image .overlay-box .read-more:hover {
     color: #161a33;
 }

 .ui-widget.ui-widget-content {
     border: 1px solid rgba(255, 255, 255, 0.10);
 }

 .ui-menu .ui-menu-item {
     font-size: 14px;
     border: 1px solid rgba(255, 255, 255, 0.10);
 }

 .ui-menu .ui-menu-item:last-child {
     border: none;
 }

 .ui-state-active,
 .ui-widget-content .ui-state-active {
     background: #f97534;
     border-color: #f97534;
 }

 .ui-menu .ui-menu-item-wrapper {
     position: relative;
     display: block;
     padding: 8px 20px;
     font-size: 14px;
     line-height: 24px;
 }

 .ui-menu-item:hover {
     background-color: #ee2d50;
 }

 .main-footer {
     position: relative;
     background-color: #161a33;
 }

 .main-footer .footer-widget {
     position: relative;
     margin-bottom: 40px;
 }

 .main-footer .widgets-section {
     position: relative;
     padding: 90px 0px 40px;
     padding-bottom: 40px;
     background-position: center center;
     background-repeat: no-repeat;
 }

 .main-footer .footer-widget h2 {
     position: relative;
     font-weight: 700;
     color: #ffffff;
     font-size: 20px;
     line-height: 1.2em;
     margin-bottom: 22px;
     text-transform: capitalize;
 }

 .main-footer .about-widget {
     position: relative;
 }

 .main-footer .about-widget h3 {
     position: relative;
     font-weight: 700;
     color: #ffffff;
     font-size: 20px;
     line-height: 1.6em;
     margin-bottom: 22px;
     text-transform: capitalize;
 }

 .main-footer .about-widget .text {
     position: relative;
     color: #8a90ac;
     font-size: 15px;
     line-height: 1.8em;
     margin-bottom: 25px;
 }

 .main-footer .about-widget .theme-btn {
     position: relative;
 }

 .footer-link-list {
     position: relative;
 }

 .footer-link-list li {
     position: relative;
     margin-bottom: 18px;
 }

 .footer-link-list li a {
     position: relative;
     padding-left: 30px;
     color: #999fb9;
     font-size: 15px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .footer-link-list li a:hover {
     color: #f97534;
 }

 .footer-link-list li a:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     font-weight: 700;
     content: "\f0a9";
     font-family: 'Font Awesome 5 Free';
 }

 .service-list {
     position: relative;
     margin-bottom: 20px;
 }

 .service-list li {
     position: relative;
     color: #999fb9;
     font-size: 15px;
     margin-bottom: 10px;
 }

 .service-list li span {
     position: relative;
     color: #ffffff;
 }

 .main-footer .services-widget .read-more {
     position: relative;
     color: #f97534;
     font-size: 15px;
     font-weight: 700;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     font-family: 'Playfair Display', serif;
 }

 .main-footer .services-widget .read-more .arrow {
     position: relative;
     margin-left: 5px;
     top: 1px;
 }

 .main-footer .services-widget .read-more:hover {
     color: #ffffff;
 }

 .main-footer .footer-bottom {
     position: relative;
     padding: 30px 0px;
     text-align: center;
     border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .main-footer .footer-bottom .copyright {
     position: relative;
     color: #999fb9;
     font-size: 15px;
 }

 .main-footer .footer-bottom .copyright span {
     color: #ffffff;
 }

 .main-footer .footer-bottom .footer-logo {
     position: absolute;
     left: 0px;
     right: 0px;
     top: 6px;
 }

 .footer-list {
     position: relative;
 }

 .footer-list li {
     position: relative;
     padding-right: 12px;
     margin-right: 12px;
     display: inline-block;
     line-height: 1.3em;
     border-right: 1px solid #444860;
 }

 .footer-list li:last-child {
     padding-right: 0px;
     margin-right: 0px;
     border: none;
 }

 .footer-list li a {
     position: relative;
     color: #999fb9;
     font-size: 15px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .footer-list li a:hover {
     color: #ffffff;
 }

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

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

 .page-title h1 {
     position: relative;
     font-size: 32px;
     color: #ffffff;
     line-height: 50px;
     font-weight: 700;
 }

 .page-title .text {
     position: relative;
     color: #999fb9;
     font-size: 16px;
     margin-top: 5px;
 }