@import url('fontawesome-all.css');
@import url('animate.css');
@import url('custom-animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('scrollbar.css');
@import url('hover.css');
@import url('jquery.touchspin.css');
@import url('botstrap-select.min.css');
@import url('swiper.min.css');
@import url('rtl.css');

* { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; line-height: inherit; }
.page-wrapper { position: relative; width: 100%; min-width: 300px; z-index: 9; margin: 0px auto; overflow: hidden; }
body { font-size: 16px; color: #747171; line-height: 1.7em; font-weight: 400; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; background: rgb(255, 255, 255); }
a { text-decoration: none; cursor: pointer; }
a:hover, a:focus, a:visited { text-decoration: none !important; outline: none; }
h1, h2, h3, h4, h5, h6 { position: relative; font-weight: normal; line-height: 1.25em; margin: 0px; background: none; color: #0C9ECC; text-shadow:  1px 4px 6px rgba(179,179,179,0.6)  }
textarea { overflow: hidden; }
button { outline: none !important; cursor: pointer; }
.text { font-size: 16px; line-height: 26px; font-weight: 400; margin: 0px 0px 15px; }

::-webkit-input-placeholder {color: inherit;}
::-moz-input-placeholder { color: inherit;}
::-ms-input-placeholder { color: inherit;}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: none; outline: none; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { background-color: inherit; border-color: inherit; color: inherit; }
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; z-index: 9; overflow: hidden; }
.auto-container { position: static; max-width: 1170px; padding: 0px 15px; margin: 0 auto; }
ul, li { list-style: none; padding: 0px; margin: 0px; }
figure { margin-bottom: 0; }
.theme-btn { display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.theme-btn i { position: relative; display: inline-block; font-size: 14px; margin-left: 3px; }
.centered { text-align: center !important; }
.gray-bg { background-color: #f4f4f4 !important; }
.light-bg { background-color: #fff !important; }
img { display: inline-block; max-width: 100%; height: auto; }
.dropdown-toggle::after { display: none; }
.fa { line-height: inherit; }
.owl-nav, .owl-dots { display: none; }
/* Btn style */

.theme-btn { display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-50 { margin-top: 50px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-50 { padding-bottom: 50px !important; }

.main-menu .navigation>li>ul>li>ul>li>a:hover, .services-details .feature-block-two .inner-box:hover .icon, .widget_client_review .quote, .blog-single-post .post-tags a:hover, .widget_popular_post .content h5 a:hover, .widget_tag_cloud li a:hover, .categories-list li a:before, .categories-list li a:hover, .filter-tabs li.active, .contact-section .contact-info-three .content .icon, .contact-section .contact-info-two .content li i, .working-process-section.style-two .process-block .icon, .funfacts-section-three .icon, .main-header .header-upper .icon-box .icon, .contact-section-two .contact-info li i, .project-block-three .content .link i, .contact-section .bottom-content .contact-info li i, .pricing-block.active-block .icon, .pricing-block .price, .main-menu .navigation>li>ul>li>a:hover, .news-block-one .category a, .testimonial-block .quote, .process-block .count span, a:hover, a 
{ color: #2B3A42; }
.blog-single-post blockquote, .pagination li a, .page-title .content-box .bread-crumb li.home a, .about-us-section-five blockquote, .about-us-section-three .years, .feature-block-three .border-one, .feature-block-three .border-two, .about-widget .social-links ul li a:hover, .team-block-one .border-one, .team-block-one .border-two, .btn-style-two, .border-color { border-color: #0C9ECC; }
.banner-section .banner-slider-button-prev:hover, .banner-section .banner-slider-button-next:hover, .search-popup .search-form fieldset input[type="submit"], .widget_categories_two .widget-content, .sidebar-page-container .inner-title:before, .blog-single-post .list li:before, .blog-single-post .content .wrapper-box:before, .blog-single-post .date, .widget_newsletter, .widget-title:before, .news-block-five .date, .news-block-four .btn-style-one:before, .news-block-four .date, .news-block-four .text:before, .main-menu .navigation>li.current>a:before, .timeline-block li:after, .timeline-block h4:before, .contact-section .contact-info-two .content h2:before, .page-title .content-box h1:before, .newsletter-section.style-two:before, .project-block-two .content h4:before, .mobile-menu .menu-backdrop, .about-section-six:before, .banner-section .content-box-three .inner, .project-block-five h3:before, .contact-section-three h3:before, .funfacts-section-three .count-text:before, .about-us-section-five .content h4:before, .main-header.header-style-five .header-top, .news-block-three .btn-style-one:hover:before, .news-block-three .date, .news-block-three h3:before, .funfacts-four .count-text:before, .project-block-four .content h4:before, .process-block-two .count, .cta-section .outer-box .shape-one:after, .cta-section .outer-box .shape-one:before, .cta-section .outer-box:before, .about-us-section-four .content h4:before, .newsletter-section-two .btn-style-one:before, .project-block-three .content h4:before, .funfacts-section-two .count-text:before, .service-block-three h4:before, .contact-section .bottom-content .contact-info li:last-child:before, .contact-section .bottom-content .contact-info li:first-child:before, .sec-title .sec-title-dec-two, .contact-section .theme-btn:before, .progress-levels .progress-box .bar .bar-fill, .gallery-block .overlay, .service-block-two h4:before, .feature-block-three .inner-box:hover .text:before, .feature-block-two h4:before, .banner-section .content-box-two h1:before, .main-footer .widget-title:before, .news-block-two .date, .news-block-one .text:before, .news-block-one .date, .feature-block h3:before, .service-block-one h4:before, .sec-title .sec-title-dec, .project-block-one h3:before, .funfacts-section .count-text:before, .hidden-sidebar .newsletter-widget .theme-btn, .banner-section .content-box h1:before, .btn-style-two:before, .btn-style-one, .preloader-close, .banner-section .btn-style-one.light:before, .feature-block-two .inner-box:before, .theme-bg 
{ background-color: #0C9ECC; }

.scroll-to-top { position: fixed; right: 50px; bottom: 110px; width: 54px; height: 54px; color: #ffffff; font-size: 18px; line-height: 54px; text-align: center; z-index: 100; cursor: pointer; background: #25283a; border-radius: 50%; margin-left: -26px; display: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.scroll-to-top.style-two { background-color: #2d3247; }
.scroll-to-top:hover { color: #ffffff; }
.btn-style-one { position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #fff; background-color: #ffffff; padding: 15.5px 45px; font-weight: 600; overflow: hidden;  }
.btn-style-one:hover { color: #fff; }
.btn-style-one:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: #222; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000), -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-one:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; }
.btn-style-one span { position: relative; z-index: 2; }
btn-style-two { position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #222; background-color: transparent; padding: 13.5px 44px; font-weight: 600; overflow: hidden;  border: 1px solid; }
.btn-style-two:hover { color: #fff; }
.btn-style-two:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000), -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.btn-style-two:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; }
.btn-style-two span { position: relative; z-index: 2; }
.main-header { position: absolute; display: block; width: 100%; z-index: 9999; top: 0px; left: 0px; background: none; clear: both; }
.main-header .header-upper { position: relative; background-color: #fff }
.main-header .header-upper .auto-container { max-width: 100%; padding: 0 100px; }
.main-header .header-upper .inner-container { position: relative; min-height: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.main-header .header-upper .logo-box { z-index: 10; }
.main-header .header-upper .logo-box .logo { position: relative; display: block; padding: 29px 0px; }
.main-header .nav-outer { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; }
.main-header .nav-outer .search-toggler { position: relative; background-color: transparent; font-size: 20px; color: #fff; margin-left: 30px; }
.navbar-right-info { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 25px 0px 25px 40px; }
.navbar-right-info .phone-number { color: #fff; font-size: 18px; font-weight: 600; }
.navbar-right-info .phone-number a { color: #fff; }
.navbar-right-info .phone-number i { font-weight: 900; margin-right: 10px; }
.navbar-right-info .sidemenu-nav-toggler { position: relative; width: 50px; height: 50px; line-height: 44px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; margin-left: 30px; cursor: pointer; border-radius: 50%; }
.navbar-right-info .mobile-nav-toggler { position: relative; width: 50px; height: 50px; line-height: 44px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; margin-left: 30px; cursor: pointer; border-radius: 50%; }
.sticky-header { position: fixed; visibility: hidden; opacity: 0; left: 0px; top: 0px; width: 100%; z-index: -1; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; padding: 0px; background: rgb(255, 255, 255); -webkit-transition: top 300ms ease 0s; -o-transition: top 300ms ease 0s; transition: top 300ms ease 0s; }
.sticky-header .main-menu .navigation { margin-top: 0; }
.main-header .nav-outer .main-menu { position: relative; }
.main-menu .navbar-collapse { padding: 0px; display: block !important; }
.main-menu .navigation { position: relative; margin: 0px; margin-left: 30px; display: flex; flex-wrap: wrap; align-items: center; }
.main-menu .navigation>li { position: relative; padding: 36px 0px; margin-right: 32px; -webkit-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: 20px; line-height: 30px; font-weight: 300;  color: #0C9ECC; padding: 3px 0px; opacity: 1; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.main-menu .navigation>li.current>a:before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 2px; }
.sticky-header .main-menu .navigation>li.current>a:before { bottom: 0 !important; top: auto !important; height: 4px; }
.main-menu .navigation>li>ul { position: absolute; left: 0px; top: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 250px; z-index: 100; display: none; opacity: 0; visibility: hidden; padding: 10px 0px; border-top: 2px solid; background-color: #272727; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); transition: .5s; -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); 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%; padding: 0 40px; }
.main-menu .navigation>li>ul>li:last-child { border-bottom: none; }
.main-menu .navigation>li>ul>li:before { position: absolute; content: ''; right: 0px; top: 0px; width: 0%; height: 100%; display: block; -webkit-transition: all 300ms ease; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
.main-menu .navigation>li>ul>li>a { position: relative; display: block; padding: 12.5px 0; border-bottom: 1px solid #41394f; line-height: 24px; font-weight: 600; font-size: 16px; text-transform: capitalize; color: #fff; text-align: left; 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:last-child>a { border-bottom: 0px; }
.main-menu .navigation>li>ul>li.dropdown>a:after { content: "+"; position: absolute; right: 0; top: 11px; display: block; line-height: 24px; font-size: 24px; font-weight: 600; text-align: center; z-index: 5; }
.main-menu .navigation>li>ul>li>ul { position: absolute; left: 100%; top: 0; width: 250px; z-index: 100; display: none; padding: 10px 0px; border-top: 2px solid; background-color: #272727; transition: .5s; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); }
.main-menu .navigation>li>ul>li>ul.from-right { left: auto; right: 0px; }
.main-menu .navigation>li>ul>li>ul>li { position: relative; width: 100%; padding: 0 40px; }
.main-menu .navigation>li>ul>li>ul>li:last-child { border-bottom: none; }
.main-menu .navigation>li>ul>li>ul>li:before { position: absolute; content: ''; left: 0px; top: 0px; width: 0%; height: 100%; display: block; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation>li>ul>li>ul>li:hover:before { }
.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: 12px 0; line-height: 24px; font-weight: 600; border-bottom: 1px solid #41394f; font-size: 16px; text-transform: capitalize; color: #fff; text-align: left; 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:last-child>a { border-bottom: 0; }
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after { font-family: 'Font Awesome 5 Pro'; content: "\f105"; position: absolute; right: 16px; top: 12px; display: block; line-height: 24px; font-size: 16px; font-weight: 900; z-index: 5; }
.main-menu .navigation>li.dropdown:hover>ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms ease; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
.main-menu .navigation li>ul>li.dropdown:hover>ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms ease; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul { left: auto; right: 100%; }
.main-menu .navigation 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: 26px; color: #ffffff; cursor: pointer; z-index: 5; display: none; }
.main-menu .navigation > li:nth-last-child(-n+2) > ul { left: auto; right: 0; }
.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul { left: auto; right: 100%; }

.search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.90); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; }
.search-popup.popup-visible { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; }
.search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; }
.search-popup .close-search { position: absolute; right: 25px; top: 25px; font-size: 22px; color: #ffffff; cursor: pointer; z-index: 5; }
.search-popup .close-search:hover { opacity: 0.70; }
.search-popup .search-form { position: relative; padding: 0px 15px 0px; max-width: 1024px; margin: 0 auto; margin-top: 150px; margin-bottom: 100px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.search-popup .search-form fieldset { position: relative; border: 7px solid rgba(255, 255, 255, 0.50); border-radius: 12px; }
.search-popup .search-form fieldset input[type="search"] { position: relative; height: 70px; padding: 20px 220px 20px 30px; background: #ffffff; line-height: 30px; font-size: 24px; color: #233145; border-radius: 7px; }
.search-popup .search-form fieldset input[type="submit"] { position: absolute; display: block; right: 0px; top: 0px; text-align: center; width: 220px; height: 70px; padding: 20px 10px 20px 10px; color: #ffffff !important; line-height: 30px; font-size: 20px; cursor: pointer;  border-radius: 0px 7px 7px 0px; }
.search-popup h3 {  font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 20px; letter-spacing: 1px; text-align: center; }
.search-popup .recent-searches { font-size: 16px; color: #ffffff; text-align: center; }
.search-popup .recent-searches li { display: inline-block; margin: 0px 10px 10px 0px; }
.search-popup .recent-searches li a { display: block; line-height: 24px; border: 1px solid #ffffff; padding: 7px 15px; color: #ffffff; border-radius: 3px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.search-popup .search-form fieldset input[type="search"]:focus { border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; }

.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); -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; -o-transition: top 300ms ease; transition: top 300ms ease; }
.fixed-header .sticky-header { opacity: 1; z-index: 99901; visibility: visible; }
.fixed-header .sticky-header .logo { padding: 7px 0px; max-width: 300px }
.sticky-header .main-menu .navigation>li { margin-left: 50px !important; padding: 0 !important; margin-right: 0; background-color: transparent; }
.sticky-header .main-menu .navigation>li.dropdown>a:after, .sticky-header .main-menu .navigation>li:before { display: none; }
.sticky-header .main-menu .navigation>li>a { padding: 27px 0px !important; line-height: 30px; font-size: 15px;  font-weight: 300;  color: #0C9ECC; text-transform: capitalize; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.header-top { position: relative; border-bottom: 1px solid #404049; padding: 15px 0;     box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.75);   }
.header-top h1 {color: #fff; font-size: 19px; font-weight: 300 }
.header-top .text { font-size: 16px; font-weight: 300; color: #fff; margin: 0; padding: 15px 0; }
.header-top .right-column { position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.header-top .phone-number { color: #fff; font-size: 36px; font-weight: 600; padding: 14px 40px; border-left: 1px solid #404049; border-right: 1px solid #404049; }
.header-top .phone-number a { color: #fff; transition: .5s;font-weight: 300 }
.header-top .phone-number a:hover { color: #44AED0; }
.header-top .phone-number i { font-weight: 900; margin-right: 10px; }
.header-top .social-links { position: relative; padding: 12px 40px; border-right: 1px solid #404049; }
.header-top .social-links ul li { display: inline-block; }
.header-top .social-links ul li + li { margin-left: 16px; }
.header-top .social-links ul li a { color: #aaa; transition: .5s; }
.header-top .social-links ul li a:hover { color: #fff; }
.main-header.header-style-two { position: relative; background: #2d2d34; }
.main-header.header-style-two .header-upper .auto-container { max-width: 1170px; padding: 0 15px; }
.main-header.header-style-two .sidemenu-nav-toggler { cursor: pointer; margin-left: 25px; }
.main-header.header-style-two .main-menu .navigation>li.current>a:before { bottom: auto; top: -36px; height: 4px; }
.main-header.header-style-three { position: relative; background: #0e2246; }
.main-header .header-upper .auto-container { padding: 0 50px; }
.main-header.header-style-three .search-toggler { position: relative; background-color: transparent; font-size: 20px; color: #fff; margin-left: 30px; padding: 40px 40px; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); }
.main-header.header-style-three .navbar-right-info { margin: 0; }
.main-header.header-style-three .navbar-right-info .sidemenu-nav-toggler { margin-left: 50px; }
.main-header.header-style-three .main-menu .navigation>li.current>a:before { bottom: auto; top: -36px; height: 4px; }
.main-header.header-style-four { top: 35px; }
.main-header.header-style-four .header-upper .auto-container { padding: 0 15px; max-width: 1170px; }
.main-header.header-style-four .header-upper .inner-container { background: #fff; padding: 0 40px; }
.main-header.header-style-four .header-upper .inner-container:before { position: absolute; content: ''; left: 20px; right: 20px; bottom: -20px; height: 20px; background-color: #fff; opacity: .15; }
.main-header.header-style-four .header-upper .inner-container:after { position: absolute; content: ''; left: 10px; right: 10px; bottom: -10px; height: 10px; background-color: #fff; opacity: .15; }
.main-header.header-style-four .main-menu .navigation>li>a { color: #222; }
.main-header.header-style-four .nav-outer .search-toggler { color: #222; }
.main-header.header-style-four .main-menu .navigation>li.current>a:before { bottom: auto; top: -36px; height: 4px; }
.header-top .quote-text { position: relative; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.25); border-left: 1px solid rgba(255, 255, 255, 0.25); padding: 0px 25px; }
.header-top .quote-text a { color: #fff; font-weight: 600; }
.header-top .quote-text a i { margin-right: 10px; }
.main-header.header-style-five .header-top .text { font-weight: 400; padding: 17px 0; }
.main-header.header-style-five .header-top .social-links ul li a { color: #fff; }
.main-header.header-style-five .header-top .social-links { border-color: rgba(255, 255, 255, 0.25); padding: 0px 25px; }
.main-header.header-style-five .header-upper .wrapper-box { display: flex; flex-wrap: wrap; align-items: center; width: fit-content; margin: 0 auto; margin-right: 0; }
.main-header.header-style-five .header-upper .outer-box { display: flex; flex-wrap: wrap; align-items: center; }
.main-header.header-style-five .header-upper .auto-container { padding: 0 15px; max-width: 1170px; }
.main-header.header-style-five { position: relative; }
.main-header.header-style-five .header-top { background: #ddd; border-bottom: 0; }
.main-header .header-upper .icon-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-right: 35px; }
.main-header .header-upper .icon-box .icon { position: relative; margin-right: 15px; font-size: 40px; line-height: 40px; }
.main-header .header-upper .icon-box h5 { font-size: 18px; font-weight: 600; margin-bottom: 5px; }
.main-header .header-upper .icon-box .text { margin: 0; font-size: 16px; color: #333; }
.main-header .header-upper .icon-box .text a { color: #333; }
.main-header.header-style-five .header-upper .search-toggler { background: transparent; font-size: 24px; border-left: 1px solid #eee; padding: 8px 0px; padding-left: 35px; }
.main-header.header-style-five .main-menu .navigation>li>a { color: #222; }
.main-header.header-style-five .main-menu .navigation>li.current>a:before { bottom: -23px; height: 4px; }
.main-header.header-style-five .main-menu .navigation>li { padding: 23px 0; }
.main-header.header-style-five .main-menu .navigation { margin-left: 0; }
.main-header.header-style-five .main-header .nav-outer { justify-content: center; }
.main-header.header-style-five .header-lower { position: relative; margin-bottom: -40px; }
.main-header.header-style-five .header-lower .inner-container { position: relative; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.2); background: #fff; }
.main-header.header-style-five .nav-outer { justify-content: center; }
.main-header.header-style-six .auto-container { max-width: 1170px; padding: 0 15px; }

.nav-outer .mobile-nav-toggler { position: relative; width: 50px; height: 50px; line-height: 44px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; cursor: pointer; border-radius: 50%; float: right; margin: 13px 0; margin-left: 15px; display: none; }
.mobile-menu { position: fixed; right: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; }
.mobile-menu .mCSB_scrollTools { right: -6px; }
.mobile-menu .mCSB_inside>.mCSB_container { margin-right: 5px; }
.mobile-menu .navbar-collapse { display: block !important; }
.mobile-menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; margin-bottom: 100px; }
.mobile-menu-visible { overflow: hidden; }
.mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; }
.mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #202020; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); }
.mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.mobile-menu .close-btn { position: absolute; right: 20px; top: 15px; line-height: 30px; width: 24px; text-align: center; font-size: 30px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; }
.mobile-menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(255, 255, 255, 0.10); }
.mobile-menu .navigation:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.10); }
.mobile-menu .navigation li>a { position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff;  -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.mobile-menu .navigation li ul li>a { font-size: 15px; margin-left: 20px; text-transform: capitalize; }
.mobile-menu .navigation li>a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.mobile-menu .navigation li.current>a:before { height: 100%; }
.mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: #ffffff; background: rgba(255, 255, 255, 0.10); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; }
.mobile-menu .navigation li.dropdown .dropdown-btn.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul { display: none; }
.mobile-menu .social-links { position: relative; text-align: center; padding: 30px 25px; }
.mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 10px 10px; }
.mobile-menu .social-links li a { position: relative; line-height: 32px; font-size: 16px; color: #ffffff; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.hidden-sidebar { position: fixed; top: 0; right: -100%; z-index: 9999; width: 100%; max-width: 470px; background: #ffffff; height: 100%; padding: 40px 45px; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.hidden-sidebar-close { position: absolute; top: 40px; right: 40px; font-size: 30px; cursor: pointer; }
.hidden-sidebar .logo { padding-bottom: 30px; margin-bottom: 50px; border-bottom: 1px solid #e7e7e7; }
.hidden-sidebar .wrapper-box { height: 100%; }
.hidden-sidebar .icon-box {margin-bottom: 20px}
.hidden-sidebar .icon { font-size: 42px !important; padding-bottom: 15px; }
.hidden-sidebar .sidebar-widget { margin-bottom: 50px; }
.hidden-sidebar .about-widget-two { position: relative; }
.hidden-sidebar .about-widget-two h3 { font-size: 23px; font-weight: 400; margin-bottom: 28px; text-align: center;; }
.hidden-sidebar .news-widget { position: relative; }
.hidden-sidebar .widget-title { font-size: 18px; font-weight: 700; margin-bottom: 30px; }
.hidden-sidebar .news-widget .post-wrapper { position: relative; padding-left: 110px; margin-top: -10px; margin-bottom: 50px; }
.hidden-sidebar .news-widget .post-wrapper:last-child { margin-bottom: 0px; }
.hidden-sidebar .news-widget .image { position: absolute; left: 0; top: 10px; width: 90px; }
.hidden-sidebar .news-widget .category { font-size: 13px; color: #282828; font-weight: 700;  position: relative; margin-bottom: 4px; }
.hidden-sidebar .news-widget h4 { font-size: 18px; font-weight: 700; }
.hidden-sidebar .news-widget h4 a { color: #282828; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.hidden-sidebar .newsletter-widget { position: relative; margin-bottom: 50px; }
.hidden-sidebar .newsletter-widget input[type="email"] { position: relative; border: 1px solid #e7e7e7; padding: 13px 20px; width: 100%; margin-bottom: 10px; }
.hidden-sidebar .newsletter-widget .theme-btn { color: #fff; }
.hidden-sidebar .newsletter-widget .theme-btn:before { background-color: #222; }
.nav-overlay { position: fixed; top: 0; left: 0; bottom: 0; z-index: 99999; width: 100%; display: none; background: rgba(20, 20, 20, 0.70); overflow: hidden; -webkit-transform: translate3d(0, 0, 0); cursor: none; }

.cursor { position: absolute; background-color: #fff; width: 6px; height: 6px; border-radius: 100%; z-index: 1; -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -o-transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 10000; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: hidden; }
.cursor { visibility: visible; }
.cursor.active { opacity: 0.5; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.cursor.hovered { opacity: 0.08; }
.cursor-follower { position: absolute; background-color: rgba(255, 255, 255, 0.3); width: 50px; height: 50px; border-radius: 100%; z-index: 1; -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -o-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 10000; visibility: hidden; }
.cursor-follower { visibility: visible; }
.cursor-follower.active { opacity: 0.7; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cursor-follower.hovered { opacity: 0.08; }
.cursor-follower.close-cursor:before { position: absolute; content: ''; height: 25px; width: 2px; background: #fff; left: 48%; top: 12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; }
.cursor-follower.close-cursor:after { position: absolute; content: ''; height: 25px; width: 2px; background: #fff; right: 48%; top: 12px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.banner-section { position: relative; }
.three-item-carousel, .banner-slider { position: relative; height: 100% !important; z-index: 9; }
.banner-section .swiper-slide { position: relative; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center;  }
.banner-section .swiper-slide:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: 0.6; content: ""; }
.banner-section .content-outer { position: relative; top: 0; left: 0; right: 0; margin: 0 auto; height: 100%; width: 100%; display: table; vertical-align: middle; }
.banner-section .content-box { position: relative; display: table-cell; vertical-align: middle; padding: 350px 0 300px; }
.banner-section .content-box .inner { position: relative; width: 100%; opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); max-width: 1200px; margin: 0 auto; padding: 0 15px; text-align: center; }
.banner-section .swiper-slide-active .content-box .inner { opacity: 1; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.banner-section .content-box .inner:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: repeat; background-position: center; content: ""; }
.banner-section .content-box h1 { position: relative; font-size: 66px; line-height: 70px; color: #ffffff; font-weight: 500; text-transform: capitalize; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); font-family: var(--font-family-oswald); margin-bottom: 30px; }
.banner-section .swiper-slide-active .content-box h1 { opacity: 1; visibility: visible; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.banner-section .content-box h1:before { position: absolute; content: ''; left: 50%; top: -20px; height: 2px; width: 80px; transform: translateX(-50%); }
.banner-section h4 { position: relative; display: block; font-size: 16px; line-height: 1.2em; color: #ffffff; font-weight: 700;  margin-bottom: 30px; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); font-family: var(--font-family-oswald); padding-bottom: 20px; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
.banner-section .swiper-slide-active h4 { opacity: 1; visibility: visible; -webkit-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.banner-section h4:before { position: absolute; content: ''; bottom: 1px; left: 0; height: 1px; width: 100%; background: #fff; }
.banner-section h4:after { position: absolute; content: ''; bottom: 0; left: 0; height: 3px; width: 60px; background: var(--theme-color); }
.banner-section h4.style-two { padding-bottom: 0px; }
.banner-section h4.style-two:after, .banner-section h4.style-two:before { display: none; }
.banner-section .text { position: relative; font-size: 24px; line-height: 36px; color: #ffffff; font-weight: 300; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
.banner-section .swiper-slide-active .text { opacity: 1; visibility: visible; -webkit-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.banner-section .link-box { padding-top: 40px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; margin: 0 -10px; }
.banner-section .swiper-slide-active .link-box { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.banner-section .link-box a { -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; margin: 0 10px 10px; }
.banner-section .btn-style-one.light { background-color: #fff; color: #222; }
.banner-section .btn-style-one.light:hover { color: #fff; }
.banner-section .btn-style-two.light { color: #fff; }
.banner-section .banner-slider-nav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.banner-section .banner-slider-button-next { position: relative; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; color: #ffffff; cursor: pointer; z-index: 9; margin-right: 40px; font-size: 25px; background-color: rgba(255, 255, 255, 0.3); transition: .5s; }
.banner-section .banner-slider-button-prev { position: relative; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; color: #ffffff; cursor: pointer; z-index: 9; margin-left: 40px; font-size: 25px; background-color: rgba(255, 255, 255, 0.3); transition: .5s; }

.banner-section.style-two .swiper-slide:before { opacity: .3; }
.banner-section .content-box-two { position: relative; display: table-cell; vertical-align: middle; padding: 20px 0 145px; text-align: left; }
.banner-section .content-box-two .inner { text-align: center; position: relative; width: 100%; opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); max-width: 980px; background-color: #fff; padding: 50px 65px 5px; background-color:  rgba(255, 255, 255,0.4) }
.banner-section .content-box-two .inner:before { position: absolute; content: ''; top: 0; right: 0; width: 30px; height: 30px; border: 15px solid #fff; border-left-color: #0C9ECC; border-bottom-color: #0C9ECC; }
.banner-section .swiper-slide-active .content-box-two .inner { margin-left: 80px; opacity: 1; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.banner-section .content-box-two h1 { position: relative; font-size: 34px; line-height: 38px; color: #fff; font-weight: 300; text-transform: capitalize; text-shadow: 1px 4px 6px rgba(179,179,179,0.6); -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);  margin-bottom: 30px; padding-top: 30px;  }
.banner-section .content-box-two h1 span {display: block; margin-top: 22px}
.banner-section .swiper-slide-active .content-box-two h1 { opacity: 1; visibility: visible; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.banner-section .content-box-two h1:before { position: absolute; content: ''; top: 0; left: 0; height: 2px; width: 80px; }
.banner-section.style-two .text { color: #222; }
.banner-section.style-three .content-box-two .inner { background: rgba(19, 51, 108, 0.95); }
.banner-section.style-three .swiper-slide:before { opacity: 0; }
.banner-section.style-three .content-box-two .inner:before { display: none; }
.banner-section.style-three .content-box-two h1 { color: #fff; }
.banner-section.style-four .content-box .shape-one { position: absolute; width: 110px; height: 110px; left: 210px; bottom: 40px; }
.banner-section.style-four .content-box .shape-one:before { position: absolute; content: ''; left: 0; top: 0; width: 10px; height: 100%; background-color: #fff; }
.banner-section.style-four .content-box .shape-one:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 10px; background-color: #fff; }
.banner-section.style-four .content-box .shape-two { position: absolute; width: 110px; height: 110px; right: 210px; bottom: 40px; }
.banner-section.style-four .content-box .shape-two:before { position: absolute; content: ''; right: 0; top: 0; width: 10px; height: 100%; background-color: #fff; }
.banner-section.style-four .content-box .shape-two:after { position: absolute; content: ''; right: 0; bottom: 0; width: 100%; height: 10px; background-color: #fff; }
.banner-section.style-five .content-box .inner { text-align: left; }
.banner-section.style-five .content-box h1:before { display: none; }

.banner-section .content-box-three { position: relative; display: table-cell; vertical-align: middle; padding: 325px 0 240px; text-align: left; }
.banner-section .content-box-three .inner { position: relative; width: fit-content; opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); background-color: #fff; padding: 60px 70px 60px; margin: 10px; }
.banner-section .content-box-three .inner:after { position: absolute; content: ''; left: -10px; right: -10px; bottom: -10px; top: -10px; border: 3px solid #fff; z-index: -1; }
.banner-section .swiper-slide-active .content-box-three .inner { opacity: 1; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.banner-section .content-box-three .inner:before { position: absolute; content: ''; left: 25px; right: 25px; top: 20px; bottom: 10px; background-image: url(../images/shape/shape-3.png); }
.banner-section .content-box-three h1 { position: relative; font-size: 66px; line-height: 70px; color: #fff; font-weight: 500; text-transform: capitalize; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); font-family: var(--font-family-oswald); margin-bottom: 40px; letter-spacing: -3px; z-index: 9; }
.banner-section .swiper-slide-active .content-box-three h1 { opacity: 1; visibility: visible; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.banner-section.style-six .link-box { padding-top: 0; margin-left: 20px; z-index: 9; }
.banner-section.style-six .link-box:before { position: absolute; content: ''; left: -97px; top: 27px; width: 80px; height: 3px; background-color: #fff; transition: .5s; transition-delay: 1s; opacity: 0; }
.banner-section.style-six .swiper-slide-active .link-box:before { opacity: 1; }
.banner-section.style-six .btn-style-one { position: relative; background-color: #3b3b44; }

.main-footer { position: relative; background-color: #26262c; }
.main-footer .widgets-section { position: relative; padding: 100px 0px 30px; }
.main-footer .column { position: relative; }
.footer-widget { position: relative; margin-bottom: 50px; }
.main-footer .widget-title { position: relative; font-size: 18px; font-weight: 600; color: #fff;  margin-bottom: 30px; padding-bottom: 15px; }
.main-footer .widget-title:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; }
.about-widget .text { color: #aaa; margin-bottom: 30px; }
.about-widget .social-links ul li { display: inline-block; margin-right: 5px; }
.about-widget .social-links ul li a { position: relative; height: 40px; width: 40px; line-height: 38px; border: 1px solid #413c37; border-radius: 50%; color: #aaa; transition: .5s; display: inline-block; text-align: center; font-size: 14px; }
.about-widget .social-links ul li a:hover { color: #fff; }

.links-widget .widget-content { position: relative; }
.links-widget ul li { position: relative; margin-bottom: 5px; }
.links-widget ul li a { position: relative; color: #aaa; font-weight: 400; font-size: 16px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.links-widget ul li a:hover { color: #fff; }

.contact-widget .widget-content { position: relative; }
.contact-widget ul li { position: relative; margin-bottom: 10px; color: #aaa; font-weight: 400; font-size: 16px; }
.contact-widget ul li a { position: relative; color: #aaa; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.contact-widget ul li a:hover { color: #fff; }

.instagram-widget .wrapper-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -4.5px; }
.instagram-widget .wrapper-box .image { position: relative; overflow: hidden; margin: 0px 4.5px 11px; }
.instagram-widget .wrapper-box .image .overlay-link { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background: rgba(38, 38, 44, 0.5); }
.instagram-widget .wrapper-box .image:hover .overlay-link { opacity: 1; }
.footer-bottom { position: relative; text-align: center; padding-bottom: 75px; }
.footer-bottom .copyright { color: #aaa; }
.footer-bottom .copyright a { color: #fff; }

.about-us-section { position: relative; padding: 0px 0 70px; }
.big-title { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 54px; font-weight: 800; color: #079BCA;  line-height: 55px; text-shadow:  1px 4px 6px rgba(179,179,179,0.6) ; -webkit-animation: linear infinite alternate; -webkit-animation-name: run; -webkit-animation-duration: 25s; -ms-animation: linear infinite alternate; -ms-animation-name: run; -ms-animation-duration: 25s; -moz-animation: linear infinite alternate; -moz-animation-name: run; -moz-animation-duration: 25s; text-align: center; }
.about-us-section .shape-one { position: absolute; left: 5px; top: 20px; width: 430px; height: 510px; background-image: url(../images/shape/shape-3.png); }
.about-us-section h2 { position: relative; font-size: 48px; font-weight: 500; margin-bottom: 30px; letter-spacing: -3px; }
.about-us-section h3 {font-size: 24px; margin-bottom: 15px; }
.about-us-section h4 { font-size: 18px; font-weight: 600; margin-bottom: 30px; }
.about-us-section .text { margin-bottom: 45px; }
.about-us-section .link-btn { margin-bottom: 30px; }
.about-us-section .image-block { position: relative; }
.about-us-section .image-block .image { position: relative; display: inline-block; z-index: 9; overflow: hidden; padding: 10px; margin: -10px; }
.about-us-section .image-block .image:before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; }
.about-us-section .image-block .image img { position: relative; }
.about-us-section .image-block .logo { position: relative; background-color: #3b3b44; padding: 150px 60px 40px; margin-top: -120px; margin-left: -60px; display: inline-block; margin-bottom: 30px; box-shadow: 0px 13px 22px -4px rgba(88, 88, 88, 0.51); }
/* Funfacts Section */
.funfacts-section { position: relative; padding: 130px 0 120px; }
.funfacts-section .auto-container { max-width: 1590px; }
.funfacts-section .inner { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.funfacts-section .image { margin-right: 60px; }
.funfacts-section .text-right .image { margin-left: 60px; margin-right: 0; }
.funfacts-section .count-text { position: relative; font-size: 120px; font-weight: 300; line-height: 120px; padding-bottom: 30px; margin-bottom: 20px; }
.funfacts-section .count-text:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.funfacts-section .text-right .count-text:before { left: auto; right: 0; }
.funfacts-section .text {  margin-bottom: 30px; }
.funfacts-section .image { margin-bottom: 30px; }
/* Projects Section */
.projects-section { position: relative; }
.projects-section .auto-container { max-width: 100%; }
.projects-section .wrapper-box { padding: 0 5px; }
.project-block-one .inner-box { position: relative; margin-bottom: 20px; }
.project-block-one .inner-box:before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); opacity: .8; }
.project-block-one .image img { width: 100%; }
.project-block-one .content { position: absolute; left: 0; bottom: 0; right: 0; padding: 30px 30px; text-align: center; }
.project-block-one .top-content { position: relative; transition: .5s; }
.project-block-one .inner-box:hover .top-content { transform: translateY(-90px); }
.project-block-one h5 { position: relative; font-size: 16px; color: #fff;  }
.project-block-one h3 { position: relative; font-size: 36px; font-weight: 700; color: #fff; }
.project-block-one h3:before { position: absolute; content: ''; left: 50%; bottom: 0; width: 2px; height: 80px; transform: translate(-50%, 97px); transition: .5s; }
.project-block-one .inner-box:hover h3:before { height: 40px; transform: translate(-50%, 65px); }
.project-block-one .text { color: #fff; position: relative; transition: .5s; opacity: 0; transform: translateY(10px); }
.project-block-one .inner-box:hover .text { opacity: 1; transform: translateY(0); }
/* Client Logo Section */
.clients-logo-section { position: relative; padding: 120px 0; }
.clients-logo-section .image img { width: auto; }
/* Sec Title */
.sec-title { position: relative; margin-bottom: 40px; }
.sec-title h2 { position: relative; font-size: 31px; font-weight: 400; margin-bottom: 20px; line-height: 44px  }
.sec-title.style-two h2 { font-weight: 700; letter-spacing: -2px; }
.sec-title.light h2 { color: #fff; }
.sec-title.small { margin-bottom: 30px; }
.sec-title.small h2 { font-size: 36px; font-weight: 600; letter-spacing: -2px; }
.sec-title .sec-title-dec { position: absolute; top: 0; left: 0; height: 100px; width: 2px; transform: translate(0, -145px); }
.sec-title.text-center .sec-title-dec { left: 50%; transform: translate(-50%, -145px); }
.sec-title  p {color: #fff; font-size: 18px}
.sec-title .sec-title-dec-two { position: absolute; top: 20px; left: -75px; height: 2px; width: 52px; }
.sec-title .shape-one { position: absolute; left: 10px; top: 70px; width: 100%; height: 100px; background-image: url(../images/shape/shape-3.png); }
/* Services Section */
.services-section { position: relative; padding: 145px 0 210px; }
.services-section .big-title { bottom: 100px; }
.border-shape { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #eee; }
.border-shape:before { position: absolute; content: ''; left: 50%; top: 0; width: 220px; height: 1px; background-color: #fff; transform: translateX(-50%); }
.border-shape.style-two:before { display: none; }
.service-block-one .inner-box { position: relative; margin-bottom: 30px; }
.service-block-one .image { overflow: hidden; }
.service-block-one .image img { width: 100%; transition: .5s; }
.service-block-one .inner-box:hover .image img { transform: scale(1.1); }
.service-block-one .content { position: relative; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); padding: 40px 45px 30px; background-color: #fff; }
.service-block-one .content:before { position: absolute; content: ''; left: 0; top: 0; right: 0; height: 0%; background-color: #3b3b44; transition: .5s; }
.service-block-one .inner-box:hover .content:before { height: 100%; }
.service-block-one h4 { font-size: 24px; font-weight: 500; transition: .5s; }
.service-block-one .inner-box:hover h4 { transform: translateY(-18px); color: #fff; }
.service-block-one h4:before { position: absolute; content: ''; left: 0; bottom: -15px; width: 50px; height: 2px; }
.service-block-one .link-btn { position: relative; opacity: 0; transition: .5s; transform: translateY(-10px); }
.service-block-one .inner-box:hover .link-btn { opacity: 1; transform: translateY(8px); }
.service-block-one .link-btn a { color: #fff;  font-size: 14px; font-weight: 600; }
/* Working Process Section */
.working-process-section { position: relative; padding: 95px 0 110px; background-size: cover; background-attachment: fixed; box-shadow: 0px 13px 22px -4px rgba(88, 88, 88, 0.51); margin-top: 40px}
.working-process-section:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: .7; }
.working-process-section p { position: relative; color: #fff; margin-top: 40px; text-align: center; margin: 0 12.5%; padding-top: 40px; font-size: 23px }
.process-block .inner-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }
.process-block .icon { position: relative; width: 100px; height: 100px; line-height: 98px; font-size: 50px; color: #fff; text-align: center; border: 1px solid #fff; margin-right: 15px; }
.process-block .count { position: relative; font-size: 60px; font-weight: 700; color: #fff; line-height: 65px; }
.process-block h4 { font-size: 14px; font-weight: 300; color: #fff; }
/* Testimonial Section */

.testimonial-section { padding: 350px 0 120px; position: relative; }
.testimonial-section .sec-bg { position: absolute; top: 0; left: 0; right: 0; height: 450px; background-size: cover; }
.testimonial-section .testimonial-carousel { position: relative; background-color: #fff; }
.testimonial-section .testimonial-thumbs { max-width: 290px; margin: 0 auto; margin-bottom: -20px; transform: translateY(-70px); }
.testimonial-section .testimonial-thumbs img { border-radius: 50%; transform: scale(.8); transition: .5s; }
.testimonial-section .testimonial-thumbs .swiper-slide-thumb-active img { border-radius: 50%; transform: scale(1); }
.testimonial-block { position: relative; text-align: center; max-width: 840px; margin: 0 auto; }
.testimonial-block .quote { font-size: 50px; line-height: 50px; margin-bottom: 40px; }
.testimonial-block .text { font-size: 18px; font-weight: 500; margin-bottom: 30px; line-height: 30px; }
.testimonial-block .author-title { font-size: 16px; font-weight: 600;  }
.testimonial-block .author-title span { font-size: 14px; font-weight: 400; text-transform: capitalize; }
/* Team Section */

.team-section { position: relative; padding: 145px 0 210px; }
.team-block-one { position: relative; }
.team-block-one .inner-box { position: relative; margin-bottom: 30px; }
.team-block-one .image img { width: 100%; }
.team-block-one .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: .5s; padding: 20px; background-color: rgba(59, 59, 68, 0.9); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; }
.team-block-one .inner-box:hover .overlay { opacity: 1; }
.team-block-one h4 { font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 5px; }
.team-block-one h5 { font-size: 14px; color: #fff;  margin-bottom: 30px; }
.team-block-one .social-links { position: relative; }
.team-block-one .social-links ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.team-block-one .social-links ul li { margin: 0 8px; }
.team-block-one .social-links ul li a { font-size: 16px; color: #fff; }
.team-block-one .border-one { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; transition: .5s; border-top: 1px solid; border-bottom: 1px solid; transform: scaleX(0); }
.team-block-one .inner-box:hover .border-one { transform: scaleX(1); }
.team-block-one .border-two { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; transition: .5s; border-left: 1px solid; border-right: 1px solid; transform: scaleY(0); }
.team-block-one .inner-box:hover .border-two { transform: scaleY(1); }
.team-section .big-title { bottom: 100px; }
/* Features Section */
.features-section { position: relative; padding-top: 180px; padding-bottom: 120px; }
.features-section .sec-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 160px; background-size: cover; }
.feature-block { position: relative; padding: 100px 75px; max-width: 640px; margin: 0 auto; background-size: cover; }
.feature-block h3 { position: relative; font-size: 44px; color: #fff; font-weight: 500; margin-bottom: 30px; letter-spacing: -2px; }
.feature-block h3:before { position: absolute; content: ''; left: -75px; top: 25px; height: 2px; width: 40px; }
.feature-block .text { position: relative; color: #fff; margin-bottom: 40px; }
.feature-block .theme-btn { color: #fff; }
/* Blog Section */

.blog-section { position: relative; padding: 145px 0 90px; }
.news-block-one .inner-box { position: relative; margin-bottom: 30px; }
.news-block-one .image { position: relative; margin-right: 15px; overflow: hidden; }
.news-block-one .image img { width: 100%; }
.news-block-one .date { position: absolute; top: 58px; right: 0; color: #fff; padding: 7px 22px; z-index: 9; }
.news-block-one .content { position: relative; padding: 50px 40px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); margin-left: -15px; background-color: #fff; }
.news-block-one h3 { position: relative; font-size: 30px; font-weight: 600; margin-bottom: 25px; letter-spacing: -2px; }
.news-block-one h3 a { color: #222; }
.news-block-one .post-meta { position: relative; }
.news-block-one .post-meta li { display: inline-block; margin-right: 20px; font-size: 14px; }
.news-block-one .category { position: relative; font-size: 14px; margin-bottom: 30px; }
.news-block-one .text { position: relative; padding-top: 40px; margin-bottom: 35px; }
.news-block-one .text:before { position: absolute; content: ''; left: -40px; top: 0; width: 150px; height: 2px; }
/* News Block Two */

.news-block-two .inner-box { position: relative; margin-bottom: 30px; }
.news-block-two .image { position: relative; }
.news-block-two .image img { width: 100%; }
.news-block-two .content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 50px 30px 10px; text-align: center; background-color: rgba(59, 59, 68, 0.90); }
.news-block-two .date { position: relative; color: #fff; padding: 7px 22px; display: inline-block; margin-bottom: 20px; }
.news-block-two h4 { position: relative; font-size: 24px; font-weight: 500; margin-bottom: 15px; }
.news-block-two h4 a { color: #fff; }
.news-block-two .post-meta { position: relative; }
.news-block-two .post-meta li { display: inline-block; margin-right: 15px; font-size: 14px; color: #fff; }
.news-block-two .category { position: relative; font-size: 14px; margin-bottom: 30px; }
.news-block-two.style-two .content { background: rgba(19, 51, 108, 0); top: auto; padding: 0 30px 30px; }
/* Newsletter Section */

.newsletter-section { position: relative; background-size: cover; padding: 80px 0 50px; }
.newsletter-section .left-content { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.newsletter-section .logo { margin-bottom: 30px; }
.newsletter-section h4 { position: relative; color: #fff; font-size: 24px; margin-bottom: 30px; }
.newsletter-section input { height: 55px; padding: 0 20px; background-color: #fff; width: calc(100% - 180px); margin-bottom: 30px; }
.newsletter-section .theme-btn { color: #fff; margin-bottom: 30px; padding: 14.5px 40px; }
/* Style Two */

.newsletter-section.style-two:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; opacity: .9; }
.newsletter-section.style-two .theme-btn { background-color: #3b3b44; padding: 15.5px 40px; }
/* Abut us section two */

.about-us-section-two { position: relative; padding: 70px 0 ; }
.about-us-section-two:before { position: absolute; content: ''; left: 0; top: 0; width: 50%; bottom: 0; z-index: 2; }
.about-us-section-two .auto-container { max-width: 1530px; }
.about-us-section-two .content-block { position: relative; margin-bottom: 30px; margin-left: 80px; margin-right: 80px; z-index: 2; }
.about-us-section-two .content-block h2 { position: relative; font-size: 38px; line-height: 41px; margin-bottom: 30px; text-align: center; }
.about-us-section-two .content-block h3 { font-size: 25px; font-weight: 500; margin-bottom: 30px; color: #a19f9f; text-align: center; }
.about-us-section-two blockquote { position: relative; text-align: center; background: #2d2d34; color: #fff; font-size: 36px; font-weight: 300; padding: 45px 0; line-height: 40px; max-width: 760px; margin: 0 auto; margin-top: -49px; letter-spacing: -2px; border-bottom: 6px solid; }
.about-us-section-two blockquote span { position: absolute; top: 37px; left: 50px; font-size: 48px; font-weight: 500; }
.about-us-section-two blockquote span.right { left: auto; right: 50px; }
.about-us-section-two .content-block .text { margin-bottom: 40px; }
.about-us-section-two .content-block .sign { margin-bottom: 10px; }
.about-us-section-two .content-block .designation { position: relative; font-size: 14px; }
.about-us-section-two .wrapper-box { position: relative; margin-bottom: -30px; margin-left: 70px; margin-right: -30px; }
.about-us-section-two .wrapper-box:before { position: absolute; content: ''; left: -120px; bottom: -120px; right: 150px; top: 150px; background-image: url(../images/shape/shape-3.png); z-index: 1; }
.feature-block-two .inner-box a {color: #fff}
.feature-block-two .inner-box { position: relative; margin-bottom: 30px; padding: 50px 40px 0px; background-color: #2B3A42; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.25); z-index: 2; }
.feature-block-two .inner-box:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; }
.feature-block-two .inner-box:hover:before { opacity: .8; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }
.feature-block-two .icon img { position: relative; height: 130px; width: 120px;     margin: 8px auto 25px; }
.feature-block-two .inner-box:hover .icon { color: #fff; }
.feature-block-two h4 { font-size: 21px; font-weight: 300; padding-top: 15px; transition: .5s; max-width: 50%; color: #fff !important; margin-left: 4px }
.feature-block-two .inner-box:hover h4 { color: #fff; }
.feature-block-two h4:before { position: absolute; content: ''; top: 0; left: 0; height: 2px; width: 50px; transition: .5s; }
.feature-block-two .inner-box:hover h4:before { background-color: #fff; }
/* Features Section Three */

.featues-section-three { position: relative; padding: 180px 0 90px; }
.featues-section-three .sec-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: top left; background-repeat: no-repeat; }
.feature-block-three .inner-box { position: relative; margin-bottom: 30px; text-align: center; }
.feature-block-three .image { position: relative; margin-bottom: 40px; }
.feature-block-three h4 { font-size: 22px; font-weight: 500; margin-bottom: 15px; }
.feature-block-three .text { position: relative; padding-bottom: 35px; margin-bottom: 0; }
.feature-block-three .text:before { position: absolute; content: ''; left: 50%; bottom: 0; width: 100px; height: 1px; background-color: #ccc; transition: .5s; transform: translateX(-50%); }
.feature-block-three .inner-box:hover .text:before { width: 100%; }
.feature-block-three .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: .5s; padding: 20px; background-color: rgba(59, 59, 68, 0.9); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; }
.feature-block-three .inner-box:hover .overlay { opacity: 1; }
.feature-block-three .border-one { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; transition: .5s; border-top: 2px solid; border-bottom: 2px solid; transform: scaleX(0); }
.feature-block-three .inner-box:hover .border-one { transform: scaleX(1); }
.feature-block-three .border-two { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; transition: .5s; border-left: 2px solid; border-right: 2px solid; transform: scaleY(0); }
.feature-block-three .inner-box:hover .border-two { transform: scaleY(1); }
/* Services Section Two */

.services-section-two { position: relative; padding: 145px 0 90px; }
.service-block-two .inner-box { position: relative; margin-bottom: 30px; }
.service-block-two .image img { width: 100%; }
.service-block-two .content { position: relative; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); padding: 38px 45px 45px; background-color: #fff; }
.service-block-two h4 { font-size: 24px; font-weight: 500; transition: .5s; padding-bottom: 20px; }
.service-block-two h4:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.service-block-two .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: .5s; display: flex; flex-wrap: wrap; align-items: center; padding: 45px; background-size: cover; }
.service-block-two .inner-box:hover .overlay { opacity: 1; }
.service-block-two .inner-box .overlay:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; background-color: #3b3b44; }
.service-block-two .inner-box:hover .overlay:before { opacity: .9; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }
.service-block-two .logo { position: relative; margin-bottom: 20px; }
.service-block-two .text { font-size: 22px; font-weight: 300; color: #fff; position: relative; margin-bottom: 0; }
/* Gallery Section */

.gallery-section { position: relative; }
.gallery-section .auto-container { max-width: 100%; padding: 0; }
.gallery-block .inner-box { position: relative; }
.gallery-block .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: .5s; padding: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; }
.gallery-block .inner-box:hover .overlay { opacity: .95; }
.gallery-block .zoom-btn { position: relative; font-size: 60px; color: #fff; z-index: 9; display: inline-block; line-height: 60px; }
.gallery-block .border-one { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; transition: .5s; border-top: 2px solid #fff; border-bottom: 2px solid #fff; transform: scaleX(0); }
.gallery-block .inner-box:hover .border-one { transform: scaleX(1); }
.gallery-block .border-two { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; transition: .5s; border-left: 2px solid #fff; border-right: 2px solid #fff; transform: scaleY(0); }
.gallery-block .inner-box:hover .border-two { transform: scaleY(1); }
/* Experience Section */

.experience-section { position: relative; padding: 90px 0 ; }
.experience-section .shape-one { position: absolute; left: 5px; top: 20px; width: 50%; height: 170px;  }
/*=======progress bar========*/

.progress-levels { position: relative; }
.progress-levels h5 { font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.default-section .progress-levels { padding-top: 7px; }
.progress-levels .progress-box { position: relative; padding-bottom: 35px; padding-top: 10px; overflow: hidden; }
.progress-levels .progress-box:last-child { margin-bottom: 0px; }
.progress-levels .progress-box .bar { position: relative; height: 3px; background: #eee; }
.progress-levels .progress-box .bar .bar-innner { position: relative; left: 0px; top: 0px; width: 100%; height: 3px; }
.progress-levels .progress-box .bar .bar-fill { position: absolute; left: -100%; top: 0px; width: 0px; height: 3px; -webkit-transition: all 2000ms ease 300ms; -o-transition: all 2000ms ease 300ms; transition: all 2000ms ease 300ms; }
.progress-levels .progress-box.html .bar .bar-fill { background: #ef6267; }
.progress-levels .progress-box.wp .bar .bar-fill { background: #ff9924; }
.progress-levels .progress-box.php .bar .bar-fill { background: #14dbba; }
.progress-levels .progress-box.animated .bar .bar-fill { left: 0px; }
.progress-levels .progress-box .percent { position: absolute; right: 0; top: -30px; letter-spacing: 0px; font-size: 14px; font-weight: 600; color: #222; opacity: 0; -webkit-transition: all 2000ms ease 700ms; -o-transition: all 2000ms ease 700ms; transition: all 2000ms ease 700ms; }
.progress-levels .progress-box.animated .percent { opacity: 1; }
/* Pricing Section */

.pricing-section { position: relative; padding: 145px 0 90px; }
.pricing-section .row { margin: 0 -25px; }
.pricing-block { padding: 0 25px; }
.pricing-block .inner-box { position: relative; padding: 60px 30px; margin-bottom: 30px; text-align: center; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.pricing-block.active-block .inner-box { box-shadow: none; border: 5px solid #222; padding: 56px 26px; }
.pricing-block .wrapper-box { position: relative; max-width: 200px; margin: 0 auto; }
.pricing-block .icon { position: relative; font-size: 50px; line-height: 50px; margin-bottom: 15px; }
.pricing-block .category { position: relative; font-size: 18px; font-weight: 500; margin-bottom: 15px; }
.pricing-block .price-box { position: relative; padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 40px; }
.pricing-block .price { font-size: 33px; font-weight: 500; margin-bottom: 20px; }
.pricing-block .price strong { font-weight: 700; }
.pricing-block .text { margin-bottom: 0; font-size: 14px; }
.pricing-block ul { position: relative; padding-bottom: 15px; }
.pricing-block ul li { font-size: 12px; color: #666; opacity: .4; margin-bottom: 20px; }
.pricing-block ul li.active { opacity: 1; }
.pricing-block ul li strong { font-size: 18px; font-weight: 500; color: #222; opacity: .4; }
.pricing-block ul li.active strong { opacity: 1; }
/* Contact Form */

.contact-form .bootstrap-select>.dropdown-toggle, .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group textarea, .contact-form .form-group select { position: relative; display: block; height: 54px; width: 100%; font-size: 15px; color: rgb(12, 41, 87); line-height: 30px; font-weight: 600; background-color: transparent; border-radius: 6px; padding: 11px 20px; border-width: 1px; border-style: solid; border-color: rgb(225, 229, 233); -o-border-image: initial; border-image: initial; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.contact-form .bootstrap-select>.dropdown-toggle .contact-form { position: relative; }
.contact-form .form-group { position: relative; margin-bottom: 10px; }
.contact-form .bootstrap-select>.dropdown-toggle, .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group textarea, .contact-form .form-group select { position: relative; display: block; height: 54px; width: 100%; font-size: 16px; line-height: 30px; color: #222; font-weight: 300; background-color: #fcf9f2; padding: 11.5px 25px; border-radius: 0; border: 1px solid #fcf9f2; -o-border-image: initial; border-image: initial; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.contact-form .form-group textarea { height: 130px; }
.contact-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
/* Contact Section */

.contact-section { position: relative; padding: 1px 0 40px; border-bottom: 1px solid #eee; background-color:  #08A0CA;  }
.contact-section .sec-bg { position: absolute; top: 0; left: 0; width: 100%; }
.contact-section .wrapper-box { position: relative; background-color: #fff; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.contact-section .contact-form-area { position: relative; padding: 70px 70px; }
.contact-section .form-group-two { margin-top: 25px; }
.contact-section .theme-btn { background-color: #3b3b44; }
.contact-section .bottom-content { position: relative; text-align: center; margin-top: 90px; }
.contact-section .bottom-content h3 { font-size: 29px;  margin-bottom: 30px; color: #fff  }
.contact-section .bottom-content .contact-info { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.contact-section .bottom-content a { position: relative; color: #fff; font-size: 30px; font-weight: 500; margin-right: 30px; margin-bottom: 10px; }
.contact-section .bottom-content .contact-info li:last-child { margin-right: 0; }
.contact-section .bottom-content .contact-info li span { position: relative; width: 50px; height: 50px; line-height: 50px; background: #ddd; border-radius: 50%; display: inline-block; font-size: 16px; font-weight: 400; }
.contact-section .bottom-content i { font-size: 30px; color: #fff; padding-right: 7px} 
.contact-section .bottom-content .contact-info li:first-child { padding-left: 120px; }
.contact-section .bottom-content .contact-info li:first-child i { margin-right: 15px; }
.contact-section .bottom-content .contact-info li:first-child:before { position: absolute; content: ''; left: 0; top: 10px; height: 2px; width: 100px; }
.contact-section .bottom-content .contact-info li:last-child { padding-right: 120px; }
.contact-section .bottom-content .contact-info li:last-child i { margin-left: 15px; }
.contact-section .bottom-content .contact-info li:last-child:before { position: absolute; content: ''; right: 0; top: 10px; height: 2px; width: 100px; }
/* About Us Section Three */

.about-us-section-three { position: relative; padding: 190px 0 250px; }
.about-us-section-three .shape-one { position: absolute; left: 5px; top: 20px; width: 50%; height: 560px; background-image: url(../images/shape/shape-3.png); }
.about-us-section-three .content h2 { position: relative; font-size: 48px; letter-spacing: -3px; font-weight: 500; margin-bottom: 30px; }
.about-us-section-three .content h4 { position: relative; font-size: 18px; font-weight: 600; margin-bottom: 30px; }
.about-us-section-three .text { position: relative; margin-bottom: 35px; }
.about-us-section-three .experience-years { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.about-us-section-three .years { font-size: 100px; font-weight: 600; line-height: 100px; padding: 3px 0 8px; margin-right: 20px; border-top: 2px solid; border-bottom: 2px solid; color: #13336c; }
.about-us-section-three .experience-years .text {  max-width: 265px; margin: 0; }
/* Services Section Three */
.services-section-three { position: relative; padding: 120px 0 490px; }
.services-section-three .sec-bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 600px; background-size: cover; }
.service-block-three { position: relative; }
.service-block-three .inner-box { position: relative; margin-bottom: 30px; padding: 50px 40px 50px; background-color: #fff; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); z-index: 2; }
.service-block-three .inner-box:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; bottom: 2px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; background-color: #13336c; }
.service-block-three .inner-box:hover:before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }
.service-block-three .icon { position: relative; font-size: 70px; line-height: 70px; margin-bottom: 25px; transition: .5s; }
.service-block-three .inner-box:hover .icon { color: #fff; }
.service-block-three h4 { font-size: 24px; font-weight: 500; padding-bottom: 20px; margin-bottom: 30px; transition: .5s; }
.service-block-three .inner-box:hover h4 { color: #fff; }
.service-block-three h4:before { position: absolute; content: ''; bottom: 0; left: 0; height: 2px; width: 50px; transition: .5s; }
.service-block-three .inner-box:hover h4:before { background-color: #fff; }
.service-block-three .text { position: relative; margin-bottom: 0; transition: .5s; }
.service-block-three .inner-box:hover .text { color: #fff; }
/* Funfacts Section Two */

.funfacts-section-two { position: relative; padding: 10px 0 60px; }
.funfacts-section-two .counter-column .inner { width: max-content; margin: 0 auto; }
.funfacts-section-two .counter-column:nth-child(odd) .inner { text-align: right; }
.funfacts-section-two .image { margin-bottom: 30px; margin-left: -122px; transform: translateY(-70px); }
.funfacts-section-two .count-text { position: relative; font-size: 120px; font-weight: 300; line-height: 120px; padding-bottom: 10px; margin-bottom: 15px; display: inline-block; }
.funfacts-section-two .count-text:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.funfacts-section-two .counter-column:nth-child(odd) .count-text:before { left: auto; right: 0; }
.funfacts-section-two .text {  margin-bottom: 30px; }
/* Projects Section Three */
.projects-section-three { position: relative; padding: 100px 0 130px; }
.projects-section-three .border-shape:before { left: 0; width: 25%; transform: translateX(0); }
.project-block-three { position: relative; }
.project-block-three .inner-box { position: relative; margin-bottom: 160px; width: fit-content; }
.project-block-three .inner-box .image { position: relative; overflow: hidden; }
.project-block-three .inner-box .image img { transition: 1s; }
.project-block-three .inner-box:hover .image img { transform: scale(1.2); }
.project-block-three:nth-child(odd) .inner-box { top: -40px; }
.project-block-three:nth-child(even) .inner-box { margin: 0 auto; margin-right: 0; }
.project-block-three .content { position: absolute; left: 0; bottom: -80px; background-color: #fff; padding: 60px; max-width: 375px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.project-block-three .content h4 { font-size: 30px; font-weight: 600; padding-top: 25px; margin-bottom: 20px; transition: .5s; }
.project-block-three .content h4:before { position: absolute; content: ''; top: 0; left: 0; height: 2px; width: 50px; transition: .5s; }
.project-block-three .content .text { position: relative; margin-bottom: 35px; transition: .5s; }
.project-block-three .content .link { position: relative; }
.project-block-three .content .link:before { position: absolute; content: ''; left: 0; top: 0; width: 30px; height: 30px; border: 15px solid transparent; border-right-color: #13336c; border-top-color: #13336c; transition: .9s; }
.project-block-three .inner-box:hover .content .link:before { transform: rotate(180deg); }
.project-block-three .content .link i { position: relative; margin-left: 25px; font-size: 20px; display: inline-block; }
.project-block-three.style-two .inner-box { margin: 0 auto 120px; margin-right: 0; top: 0; }
.project-block-three.style-two .content { bottom: 50%; transform: translate(-50%, 50%); }
.project-block-three h2 { font-size: 48px; font-weight: 700; color: #ece9e9; position: absolute; left: -90px; top: 50%; transform: rotate(-90deg) translate(-50%, -50%); transform-origin: 0 0;  }
/* Contact Section Two */

.contact-section-two { position: relative; padding: 100px 0 0; }
.contact-section-two .border-shape:before { right: 0; left: auto; width: 25%; transform: translateX(0); }
.contact-section-two .sec-title .sec-title-dec { left: auto; right: 0; }
.contact-section-two .contact-form-area { background-color: #13336c; padding: 45px 60px 60px; margin-left: -15px; }
.contact-section-two .contact-form .bootstrap-select>.dropdown-toggle, .contact-section-two .contact-form .form-group input[type="text"], .contact-section-two .contact-form .form-group input[type="email"], .contact-section-two .contact-form .form-group textarea, .contact-section-two .contact-form .form-group select { background: transparent; color: #fff; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-left: 0; }
.contact-section-two .contact-form .form-group { margin-bottom: 25px; }
.contact-section-two .contact-form .form-group-two { margin-top: 12px; }
.contact-section-two .contact-form { margin-bottom: 45px; }
.contact-section-two .contact-info li { font-size: 18px; font-weight: 500; color: #fff; }
.contact-section-two .contact-info li + li { margin-top: 11px; }
.contact-section-two .contact-info li a { color: #fff; }
.contact-section-two .contact-info li i { margin-right: 8px; }
/* Newsletter Section Two */

.newsletter-section-two { position: relative; background-size: cover; padding: 75px 0 50px; }
.newsletter-section-two .sec-bg-one { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; }
.newsletter-section-two .sec-bg-two { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-size: cover; }
.newsletter-section-two .sec-bg-two:before { position: absolute; content: ''; background-color: #f4a046; left: 0; top: 0; bottom: 0; right: 0; opacity: .87; }
.newsletter-section-two .auto-container { max-width: 100%; padding: 0; }
.newsletter-section-two .wrapper-box { max-width: 600px; margin: 0 auto; }
.newsletter-section-two h4 { position: relative; color: #fff; font-size: 26px; margin-bottom: 20px; font-weight: 600; }
.newsletter-section-two input { height: 55px; padding: 0 20px; background-color: #fff; width: calc(100% - 180px); margin-bottom: 30px; }
.newsletter-section-two .theme-btn { color: #fff; margin-bottom: 30px; padding: 15.5px 40px; }
.newsletter-section-two .btn-style-one { background-color: #13336c; }
/* About Section Four */

.about-us-section-four { position: relative; padding: 120px 0 90px; }
.about-us-section-four .content { position: relative; margin-bottom: 30px; }
.about-us-section-four .content h4 { position: relative; font-size: 24px; font-weight: 500; padding-bottom: 10px; margin-bottom: 30px; }
.about-us-section-four .content h4:before { position: absolute; content: ''; left: 0; bottom: 0; width: 80px; height: 2px; }
.about-us-section-four .content h2 { position: relative; font-size: 48px; font-weight: 500; margin-bottom: 25px; letter-spacing: -3px; }
.about-us-section-four .content h2 strong { font-weight: 700; }
.about-us-section-four .content .text { margin-bottom: 40px; }
.about-us-section-four .image { position: relative; padding: 30px 0; margin-bottom: 30px; display: inline-block; overflow: hidden; }
.about-us-section-four .image:before { position: absolute; content: ''; left: 80px; top: 0; right: 80px; bottom: 0; border: 10px solid #222; }
.about-us-section-four .image img { position: relative; }
.line-shape { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 1140px; margin: 0 auto; }
.line-shape .line-four, .line-shape .line-three, .line-shape .line-two, .line-shape .line-one { position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background-color: #eee; }
.line-shape .line-two { left: 33.333%; }
.line-shape .line-three { left: 66.333%; }
.line-shape .line-four { left: auto; right: 0; }
.about-us-section-four .shape-one { position: absolute; left: 30px; top: 50%; width: 310px; height: 430px; background-image: url(../images/shape/shape-3.png); transform: translateY(-50%); }
/* CTA Section */

.cta-section { position: relative; text-align: center; }
.cta-section .auto-container { max-width: 1330px; }
.cta-section .outer-box { position: relative; padding: 60px 0; }
.cta-section .outer-box:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; opacity: .95; }
.cta-section .outer-box .shape-one { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.cta-section .outer-box .shape-one:before { position: absolute; content: ''; left: 20px; right: 20px; bottom: -20px; height: 20px; opacity: .15; }
.cta-section .outer-box .shape-one:after { position: absolute; content: ''; left: 10px; right: 10px; bottom: -10px; height: 10px; opacity: .15; }
.cta-section .logo { position: relative; margin-bottom: 20px; }
.cta-section h2 { color: #fff; font-size: 48px; font-weight: 300; letter-spacing: -3px; }
/* Services Section Style Two */

.services-section.style-two { position: relative; padding: 305px 0 210px; }
.services-section.style-two .shape-one { position: absolute; top: 60px; left: 50%; width: 310px; height: 70px; background-image: url(../images/shape/shape-3.png); transform: translateX(-50%); }
.services-section.style-two .outer-container { position: relative; padding: 0 30px; }
.services-section.style-two .service-block-one .inner-box { margin-bottom: 0; }
/* Working Process Section */

.working-process-section-two { position: relative; padding: 145px 0 110px; }
.working-process-section-two .sec-bg { position: absolute; left: 0; top: 0; right: 0; height: 800px; background-size: cover; z-index: 1; }
.working-process-section-two .auto-container { max-width: 1270px; }
.working-process-section-two .sec-title { z-index: 2; }
.process-block-two .inner-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; z-index: 2; }
.process-block-two .icon { position: relative; width: 120px; height: 120px; line-height: 100px; font-size: 40px; color: #fff; text-align: center; border: 11px solid #2b2b31; margin-right: 30px; border-radius: 50%; background-color: #3b3b44; transition: 2s; }
.process-block-two .icon span { display: inline-block; transition: 2s; }
.process-block-two .inner-box:hover .icon span { transform: rotate(360deg); }
.process-block-two .icon:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #606065; border-radius: 50%; }
.process-block-two .count { position: absolute; top: -25px; right: 0; font-size: 18px; font-weight: 400; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; transition: .5s; }
.process-block-two h4 { font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 20px; }
.process-block-two .text { font-size: 16px; font-weight: 400; color: #fff; }
.working-process-section-two .bottom-content { position: relative; margin-top: 80px; }
.working-process-section-two .single-image-carousel { position: relative; margin-bottom: 50px; }
.working-process-section-two .single-image-carousel .slider-nav { position: absolute; top: 0; left: 50%; z-index: 9; bottom: 0; transform: translateX(-50%); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.working-process-section-two .single-image-carousel .slider-button-next { position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #0C9ECC; color: #ffffff; margin-right: 1px; cursor: pointer; }
.working-process-section-two .single-image-carousel .slider-button-prev { position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #0C9ECC; color: #ffffff; margin-left: 1px; cursor: pointer; }
.working-process-section-two .single-image-carousel .slider-nav:before { position: absolute; content: ''; left: 50%; top: 0; width: 2px; bottom: 0; background: #fff; transform: translateX(-50%); }
/* Projects-section-four */
.projects-section-four { position: relative; padding: 150px 0 120px; }
.projects-section-four .big-title { bottom: -72px; }
.project-block-four .inner-box { position: relative; margin-bottom: 140px; width: fit-content; }
.project-block-four:nth-child(even) .inner-box { margin: 0 auto 140px; margin-right: 0; top: -310px; }
.project-block-four .image { position: relative; overflow: hidden; }
.project-block-four .image img { width: 100%; transition: 1s; }
.project-block-four .inner-box:hover .image img { transform: scale(1.2); }
.project-block-four .content { position: absolute; left: 45px; right: 45px; bottom: -60px; padding: 60px; background: #fff; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); z-index: 2; }
.project-block-four .content h4 { position: relative; font-size: 24px; font-weight: 500; padding-bottom: 20px; margin-bottom: 25px; }
.project-block-four .content h4:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.project-block-four .content .btn-style-two:before { background-color: #222; }
.project-block-four .content .theme-btn:hover { border-color: #222; }
.project-block-four .image:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; background-color: #000; z-index: 1; }
.project-block-four .inner-box:hover .image:before { opacity: .75; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }
.project-block-four .inner-box .zoom-btn { position: absolute; top: 30%; left: 50%; margin-left: -25px; color: #fff; font-size: 50px; transition: .5s; opacity: 0; display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; z-index: 2; }
.project-block-four .inner-box:hover .zoom-btn { opacity: 1; }
.projects-section-four .outer-container { position: relative; }
.projects-section-four .link-btn-two { position: absolute; right: 180px; bottom: 205px; }
/* Testimonials Section Style Two */
.testimonial-section.style-two { padding-top: 120px; padding-bottom: 30px; }
.testimonial-section.style-two .sec-bg:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(49, 49, 56, 0.80); }
.testimonial-section.style-two .sec-bg { height: 100%; }
.testimonial-section.style-two .testimonial-thumbs { margin-bottom: 45px; transform: translateY(0); }
.testimonial-section.style-two .testimonial-carousel { background: transparent; }
.testimonial-section.style-two .testimonial-block .text { color: #fff; }
.testimonial-section.style-two .testimonial-block .author-title { color: #fff; }
.testimonial-section.style-two .testimonial-block { margin-bottom: 80px; }
/* Funfacts Four */

.funfacts-four { position: relative; padding: 100px 0 60px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
.funfacts-four .counter-column .inner { text-align: center; }
.funfacts-four .image { margin-bottom: 30px; margin-left: -122px; transform: translateY(-70px); }
.funfacts-four .count-text { position: relative; font-size: 120px; font-weight: 300; line-height: 120px; padding-bottom: 10px; margin-bottom: 15px; display: inline-block; color: #fff; }
.funfacts-four .count-text:before { position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 2px; transform: translateX(-50%); }
.funfacts-four .text {  margin-bottom: 30px; color: #fff; }
/* Blog Section Two */

.blog-section-two { position: relative; padding: 305px 0 90px; }
.blog-section-two .shape-one { position: absolute; top: 60px; left: 50%; width: 310px; height: 70px; background-image: url(../images/shape/shape-3.png); transform: translateX(-50%); }
.news-block-three .inner-box { position: relative; margin-bottom: 30px; }
.news-block-three .image { position: relative; z-index: 9; }
.news-block-three .image img { width: 100%; }
.news-block-three .date { position: absolute; bottom: -21px; left: 40px; color: #fff; padding: 7px 22px; }
.news-block-three .content { position: relative; background-color: #fff; padding: 50px 40px 45px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.news-block-three h3 { position: relative; font-size: 24px; font-weight: 600; margin-bottom: 25px; letter-spacing: -1px; padding-bottom: 20px; }
.news-block-three h3:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.news-block-three h3 a { color: #222; }
.news-block-three .post-meta { position: relative; }
.news-block-three .post-meta li { display: inline-block; margin-right: 20px; font-size: 14px; }
.news-block-three .category { position: relative; font-size: 14px; transition: .5s; }
.news-block-three .content .wrapper-box { transition: .5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px); transform: perspective(1200px) rotateX(0deg) translateZ(0px); }
.news-block-three .inner-box:hover .wrapper-box { opacity: 0; -webkit-transform: perspective(1200px) rotateX(90deg) translateZ(-40px); transform: perspective(1200px) rotateX(90deg) translateZ(-40px); }
.news-block-three .link-btn { position: absolute; left: 40px; bottom: 45px; opacity: 0; transition: .5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1200px) rotateX(90deg) translateZ(-40px); transform: perspective(1200px) rotateX(90deg) translateZ(-40px); }
.news-block-three .inner-box:hover .link-btn { opacity: 1; -webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px); transform: perspective(1200px) rotateX(0deg) translateZ(0px); }
.news-block-three .btn-style-one { padding: 8px 30px; font-size: 14px; background: #3b3b44; }
/* About Section Five */

.about-us-section-five { position: relative; }
.about-us-section-five .auto-container { position: relative; z-index: 9; }
.about-us-section-five .image { position: relative; margin-top: -17px; margin-bottom: 30px; }
.about-us-section-five .content { position: relative; margin-bottom: 30px; }
.about-us-section-five .content h4 { position: relative; font-size: 24px; font-weight: 500; padding-bottom: 10px; margin-bottom: 30px; }
.about-us-section-five .content h4:before { position: absolute; content: ''; left: 0; bottom: 0; width: 80px; height: 2px; }
.about-us-section-five .content h2 { position: relative; font-size: 48px; font-weight: 500; margin-bottom: 25px; letter-spacing: -3px; }
.about-us-section-five .content h2 strong { font-weight: 700; }
.about-us-section-five .content .text { margin-bottom: 40px; }

/* Funfacts Section Three */

.funfacts-section-three { position: relative; padding: 115px 0 85px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
.funfacts-section-three .counter-column .inner { text-align: center; }
.funfacts-section-three .icon { position: relative; font-size: 80px; line-height: 80px; margin-bottom: 20px; }
.funfacts-section-three .count-text { position: relative; font-size: 120px; font-weight: 300; line-height: 120px; padding-bottom: 10px; margin-bottom: 15px; display: inline-block; color: #222; }
.funfacts-section-three .count-text:before { position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 2px; transform: translateX(-50%); }
.funfacts-section-three .text {  margin-bottom: 30px; color: #222; }
/* Services Section Five */
.services-section-five { position: relative; padding-bottom: 115px; }
.services-section-five .auto-container { max-width: 1490px; }
.services-section-five .owl-theme .owl-nav { position: absolute; bottom: -20px; left: 50%; display: block; width: 26px; transform: translateX(-50%); }
.services-section-five .owl-theme .owl-nav .owl-prev { position: absolute; right: 26px; top: 0; height: 26px; width: 26px; font-size: 0; }
.services-section-five .owl-theme .owl-nav .owl-prev:before { font-family: "Flaticon"; content: "\f116"; position: absolute; top: 0; width: 26px; height: 26px; line-height: 26px; left: 0; color: #222; font-size: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.services-section-five .owl-theme .owl-nav .owl-next { position: absolute; right: 0; top: 0; height: 26px; width: 26px; font-size: 0; }
.services-section-five .owl-theme .owl-nav .owl-next:before { font-family: "Flaticon"; content: "\f116"; position: absolute; top: 0; width: 26px; height: 26px; line-height: 27px; right: 0; color: #222; font-size: 20px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
/* Projects Section Five */
.projects-section-five { position: relative; padding: 125px 0 120px; }
.project-block-five .inner-box { position: relative; margin-bottom: 30px; }
.project-block-five .inner-box .image-box img { width: 100%; }
.project-block-five .inner-box:before { position: absolute; content: ''; left: 0; right: 0; height: 0%; bottom: 0; background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); opacity: 0; transition: .5s; }
.project-block-five .inner-box:hover:before { height: 100%; opacity: 1; }
.project-block-five .image img { width: 100%; }
.project-block-five .content { position: absolute; left: 0; bottom: 35px; right: 0; padding: 30px 30px; text-align: center; opacity: 0; transition: .5s; }
.project-block-five .inner-box:hover .content { opacity: 1; }
.project-block-five h5 { position: relative; font-size: 16px; color: #fff; }
.project-block-five h3 { position: relative; font-size: 30px; font-weight: 600; color: #fff; }
.project-block-five h3:before { position: absolute; content: ''; left: 50%; bottom: 0; width: 2px; height: 40px; transform: translate(-50%, 60px); transition: .5s; }
.project-block-five .inner-box:hover h3:before { height: 40px; transform: translate(-50%, 65px); }
/* Contact Section Three */

.contact-section-three { position: relative; padding-top: 80px; }
.contact-section-three .sec-bg { position: absolute; top: 0; left: 0; width: 50%; bottom: 120px; background-size: cover; }
.contact-section-three .contact-form-area { position: relative; background-color: #fff; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); padding: 80px; padding-left: 160px; }
.contact-section-three h3 { position: relative; font-size: 36px; font-weight: 600; margin-bottom: 35px; }
.contact-section-three h3:before { position: absolute; content: ''; left: -80px; top: 15px; height: 2px; width: 55px; }
.contact-section-three .form-group-two { margin-top: 26px; }
.contact-section-three .map-outer { position: absolute; right: 0; top: 0; width: 50%; height: 100%; }
.contact-section-three #contact-google-map { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.gm-style .gm-style-iw-c { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; top: 0; text-align: center; left: 0; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); background-color: white; border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; width: 220px; min-height: 85px; padding: 30px 0; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }
.gm-style-iw-d h4 { position: relative; display: inline-block; border-bottom: 2px solid #c72a30; color: #1b1b1b; font-size: 20px; line-height: 20px; font-weight: 600; text-transform: capitalize; margin: 0 0 22px; }
.gm-style-iw-d p { color: #858585; font-size: 15px; line-height: 26px; font-weight: 400; margin: 0; }
.map-data { padding-left: 30px; }
.map-data h6 { font-size: 20px; margin-bottom: 19px; border-bottom: 2px solid #c72a30; display: inline-block; color: #302c51; }
.gmnoprint { display: none; }
.contact-section-three .contact-info { position: absolute; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-wrap: wrap; left: 80px; bottom: 0; right: 0; text-align: center; background-color: #0C9ECC; padding: 50px 0 40px; }
.contact-section-three .contact-info li { position: relative; font-size: 30px; font-weight: 500; margin-right: 30px; margin-bottom: 10px; }
.contact-section-three .contact-info li a { color: #fff; }
.contact-section-three .contact-info li:last-child { margin-right: 0; }
.contact-section-three .contact-info li span { position: relative; width: 50px; height: 50px; line-height: 50px; background: #fff; border-radius: 50%; display: inline-block; font-size: 16px; font-weight: 400; }
.contact-section-three .contact-info li i { font-size: 24px; }
.contact-section-three .contact-info li:first-child i { margin-right: 15px; }
.contact-section-three .contact-info li:last-child i { margin-left: 15px; }
/* Video Section */

.video-section { position: relative; padding: 145px 0 110px; background-size: cover; text-align: center; }
.video-section:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: .65; }
.video-section .video-btn { position: relative; margin-bottom: 30px; }
.video-section .video-btn a { position: relative; display: inline-block; width: 100px; height: 100px; border: 2px solid #fff; line-height: 96px; text-align: center; border-radius: 50%; margin: 0 auto; }
.video-section .text { position: relative; color: #fff; }
/* Client Logo Section Two */

.clients-logo-section-two { position: relative; padding: 120px 0 90px; }
.clients-logo-section-two .auto-container { max-width: 1490px; }
.clients-logo-section-two .image { position: relative; text-align: center; border: 1px solid #eee; min-height: 180px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 30px; transition: .5s; background-color: #fff; }
.clients-logo-section-two .image:hover { border-color: #f8f5ef; }
.clients-logo-section-two .image:before { position: absolute; content: ''; left: 0; top: 0; right: 0; height: 0%; transition: .5s; background-color: #f8f5ef; opacity: 0; }
.clients-logo-section-two .image:hover:before { height: 100%; }
.clients-logo-section-two .image img { position: relative; }
/* Features Section Four */

.featues-section-four { position: relative; padding: 120px 0 90px; }
/* About Section Six */
.about-section-six { position: relative; padding: 60px 0 20px; margin: 0 20px; background-size: cover; }
.about-section-six:before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; opacity: .85; }
.about-section-six .single-image-carousel { position: relative; margin-right: -80px; margin-bottom: 30px; }
.about-section-six .tab-btn-style-one { margin-bottom: 30px; border-bottom: 2px solid rgba(59, 59, 68, 0.3); width: fit-content; }
.about-section-six .tab-btn-style-one a.nav-link { position: relative; font-size: 20px; font-weight: 500; border: 0; color: rgba(255, 255, 255, 0.5); background-color: transparent; border-bottom: 2px solid transparent; padding: 20px 20px; transition: .5s; bottom: -1px; }
.about-section-six .tab-btn-style-one a.nav-link:hover { border-color: transparent; }
.about-section-six .tab-btn-style-one a.nav-link.active { color: #fff; background-color: transparent; border-color: #3b3b44; }
.about-section-six .tab-content { position: relative; margin-bottom: 30px; }
.about-section-six .tab-content .text { position: relative; color: #fff; margin-bottom: 30px; }
.about-section-six .tab-content ul li { font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 5px; }
.about-section-six .tab-content ul li i { font-size: 12px; margin-right: 10px; }
/* Contact Section Four */
.contact-section-four { position: relative; padding: 120px 0 90px; background-position: top left; background-repeat: no-repeat; }
.contact-section-four .contact-form-area { background: #fff; position: relative; padding: 59px 80px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); margin-right: -30px; }
.contact-section-four .form-group-two { margin-top: 25px; }
/* Projects Section Two */

.projects-section-two { position: relative; padding: 145px 0 0px; }
.projects-section-two .big-title { bottom: -120px; }
.projects-section-two .sec-bg { position: absolute; top: 0; left: 0; right: 0; height: 640px; background-size: cover; }
.project-block-two .inner-box { position: relative; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); margin: 0 20px 20px; }
.projects-section-two .theme_carousel { max-width: 1005px; margin: 0 auto; }
.project-block-two .content { position: absolute; top: 0; left: 0; bottom: 0; background-color: #fff; width: 45%; padding: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.project-block-two .content h4 { position: relative; font-size: 24px; font-weight: 300; padding-bottom: 15px; margin-bottom: 30px; }
.project-block-two .content p { font-weight: 300; font-size: 19px }
.project-block-two .content h4:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.project-block-two .content .text { margin-bottom: 40px; }
/*Project Tab*/

.projects-section-two .project-tab { position: relative; max-width: 1045px; margin: 0 auto; }
.projects-section-two .project-tab .tabs-header { position: relative; text-align: center; margin: 0 15px; }
.projects-section-two .project-tab h3 {font-size: 32px; color: #0C9ECC !important; text-shadow: none; text-align: center; padding-bottom: 20px}
.projects-section-two .project-tab .project-tab-btns { position: relative; margin-bottom: 50px; }
.projects-section-two .project-tab .project-tab-btns .p-tab-btn { position: relative; cursor: pointer; color: rgba(255, 255, 255, 1); font-weight: 300; font-size: 19px; display: inline-block; margin-bottom: 10px; margin: 0px 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; }
.projects-section-two .project-tab .project-tab-btns .p-tab-btn:hover, .projects-section-two .project-tab .project-tab-btns .p-tab-btn.active-btn { color: #fff; }
.projects-section-two .project-tab .p-tabs-content { position: relative; display: block; }
.projects-section-two .project-tab .p-tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; }
.projects-section-two .project-tab .p-tab.active-tab { position: relative; visibility: visible; z-index: 5; }
.projects-section-two .p-tab.active-tab .project-block-two .centre-box {padding: 20px}
.projects-section-two .p-tab.active-tab .project-block-two { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); }
.projects-section-two .p-tab .project-block-two { 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: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); }
.projects-section-two .owl-theme .owl-nav { position: absolute; top: 50%; left: -50px; display: block; right: -50px; height: 30px; margin-top: -15px; }
.projects-section-two .owl-theme .owl-nav .owl-prev { position: absolute; left: 0; top: 0; height: 26px; width: 26px; font-size: 0; }
.projects-section-two .owl-theme .owl-nav .owl-prev:before { font-family: "Flaticon"; content: "\f116"; position: absolute; top: 0; width: 26px; height: 26px; line-height: 26px; left: 0; color: #fff; font-size: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.projects-section-two .owl-theme .owl-nav .owl-next { position: absolute; right: 0; top: 0; height: 26px; width: 26px; font-size: 0; }
.projects-section-two .owl-theme .owl-nav .owl-next:before { font-family: "Flaticon"; content: "\f116"; position: absolute; top: 0; width: 26px; height: 26px; line-height: 27px; right: 0; color: #fff; font-size: 20px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
/** page-title **/

.page-title { position: relative; padding: 110px 0px 250px; top: -80px; background-color: #646464; width: 100%;  background-repeat: no-repeat; background-position: center; overflow: hidden; text-align: center; }
.page-title .content-box { padding-left: 22px; position: relative; }
.page-title .content-box:before { position: absolute; content: ''; left: 0; top: 4px; width: 4px; height: 84px; }
.page-title .content-box h1 { position: relative; display: block; font-size: 66px; line-height: 65px; color: #fff; font-weight: 500; margin-bottom: 15px; padding-top: 20px; }
.page-title .content-box h1:before { position: absolute; content: ''; left: 50%; top: 0; margin-left: -40px; width: 80px; height: 2px; }
.page-title .content-box .bread-crumb li { position: relative; display: inline-block; font-size: 14px; font-weight: 400; color: #fff; padding-right: 20px; margin-right: 5px; font-family: var(--fira-sans);  }
.page-title .content-box .bread-crumb li a { color: #fff; }
.page-title .content-box .bread-crumb li.home a { border: 1px solid; padding: 5px; margin-right: 10px; }
.page-title .content-box .bread-crumb li a:hover { text-decoration: underline; }
.page-title .content-box .bread-crumb li:last-child { padding: 0px; margin: 0px; }
.page-title .content-box .bread-crumb li:before { position: absolute; content: "//"; top: 0px; right: 0px; }
.page-title .content-box .bread-crumb li:last-child:before { display: none; }
/* Working Process Section Style Two */

.working-process-section.style-two .process-block .icon { border-radius: 50%; border: 2px solid #fff; font-size: 40px; line-height: 96px; color: #fff !important }
/* Room Dimention */
.room-dimention { position: relative; margin-top: 50px;  }
.room-dimention .auto-container { max-width: 100%; padding: 0; }
.room-dimention .image { position: relative; margin-right: -80px; }
.room-dimention .content { position: relative; padding: 70px 130px; margin-right: 100px; margin-left: -50px; margin-top: 50px }
.room-dimention .text { color: #fff; }
.room-dimention ul li { color: #fff; margin-bottom: 5px; }
.room-dimention ul li i { margin-right: 10px; margin-top: 0; font-size: 12px; }
/* Projects Section Style Two*/

.projects-section.style-two { padding: 130px 0; }
/* About Us Section Five */
.about-us-section-five.style-two .image { margin-top: 0; }
.about-us-section-five.style-two { padding: 120px 0; }
.about-us-section-five.style-two blockquote { margin-top: 50px; }
/* Pricing Section Two */

.pricing-section.style-two { padding-top: 270px; }
/* Error Page */

.error-page { position: relative; text-align: center; padding-top: 70px; padding-bottom: 350px; }
.error-page .logo { margin-bottom: 170px; }
.error-page h1 { position: relative; font-size: 150px; font-weight: 500; color: #fff; line-height: 150px; }
.error-page h2 { position: relative; color: #fff; font-size: 70px; font-weight: 300; margin-bottom: 30px; }
.error-page .text { position: relative; color: #fff; font-size: 24px; font-weight: 300; margin-bottom: 40px; }
.error-page .link-btn .theme-btn { color: #fff; }
/* Contact Section */
.contact-section.style-two { position: relative; padding: 120px 0 90px;  background-color: #fff}
.contact-section .contact-info-two { position: relative; margin-top: 110px; }
.contact-section .contact-info-two .content { margin-left: 70px; padding-left: 65px; }
.contact-section .contact-info-two .content h2 { position: relative; font-size: 30px; font-weight: 500; margin-bottom: 20px; }
.contact-section .contact-info-two .content .text { margin-bottom: 25px; }
.contact-section .contact-info-two .content h2:before { position: absolute; content: ''; left: -65px; top: 20px; width: 50px; height: 2px; background: #ddd; }
.contact-section .contact-info-two .content ul.list { margin-bottom: 30px; }
.contact-section .contact-info-two .content li { font-size: 16px; font-weight: 500; margin-bottom: 12px; }
.contact-section .contact-info-two .content li i { margin-right: 10px; }
/* Google Map Section */
.google-map-section { position: relative; }
.google-map-section #contact-google-map { position: relative; height: 500px; }
/* Contact Info Three */

.contact-section .contact-info-three { position: relative; margin-bottom: 50px; }
.contact-section .contact-info-three .content { position: relative; margin-bottom: 30px; text-align: center; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); padding: 60px 20px; }
.contact-section .contact-info-three .content .icon { font-size: 50px; line-height: 50px; margin-bottom: 20px; }
.contact-section .contact-info-three .content h4 { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
.contact-section .contact-info-three .content .text { margin-bottom: 0; font-size: 18px; font-weight: 500; }
.contact-section .contact-info-three .content .text a { color: #666; }
/* Timeline Section */

.timeline-section { position: relative; padding: 120px 0 120px; }
.timeline-section .wrapper-box { position: relative; overflow: hidden; }
.timeline-block { position: relative; display: flex; flex-wrap: wrap; padding-bottom: 200px; min-width: 360px; }
.timeline-block:before { position: absolute; content: ''; left: 50%; top: 0; bottom: 45px; width: 1px; background-color: #eee; transform: translateX(-50%); }
.timeline-block li { width: 50%; position: relative; margin-bottom: 62px; }
.timeline-block li .center-box { position: relative; max-width: 360px; margin: 0 auto; }
.timeline-block li .content { position: relative; padding: 40px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.timeline-block li:before { position: absolute; content: ''; right: 0; top: 252px; width: 150px; height: 1px; background-color: #eee; }
.timeline-block li:nth-child(even):before { right: auto; left: 0; }
.timeline-block li:after { position: absolute; content: ''; right: 0; top: 240px; width: 24px; height: 24px; background-color: #d4d7de; border: 5px solid #f0e6d3; border-radius: 50%; transform: translateX(50%); }
.timeline-block li:nth-child(even):after { right: auto; left: 0; transform: translateX(-50%); }
.timeline-block li:nth-child(even) { transform: translateY(127px); }
.timeline-block .date { font-size: 90px; line-height: 90px; font-weight: 800; margin-bottom: 8px; text-align: center; color: #f7f7f7; }
.timeline-block h4 { font-size: 24px; font-weight: 500; padding-bottom: 20px; margin-bottom: 30px; }
.timeline-block h4:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.timeline-block .text { font-size: 16px; margin-bottom: 0px; }
/* Portfolio Section */

.portfolio-section { position: relative; padding: 270px 0 90px; }
.portfolio-section .gallery-block .inner-box { margin-bottom: 30px; }
.filter-tabs { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 45px; }
.filter-tabs li { position: relative; cursor: pointer;  margin: 0 18px 10px; transition: .5s; }
.filter-tabs li.active { text-decoration: underline; }
/* Portfolio Section Two */

.portfolio-section-two { position: relative; padding: 270px 0 90px; }
.portfolio-section-two .auto-container { max-width: 100%; padding: 0; }
/* Blog Page */
.sidebar-page-container { position: relative; padding: 120px 0 90px; }
.news-block-four .inner-box { position: relative; margin-bottom: 80px; }
.news-block-four .image { position: relative; }
.news-block-four .image img { width: 100%; }
.news-block-four .date { position: absolute; bottom: -21px; left: 40px; color: #fff; padding: 7px 22px; }
.news-block-four .content { position: relative; padding: 50px 50px 45px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.news-block-four h3 { position: relative; font-size: 30px; font-weight: 600; margin-bottom: 25px; letter-spacing: -1px; }
.news-block-four h3 a { color: #222; }
.news-block-four .text { position: relative; padding-bottom: 20px; margin-bottom: 30px; }
.news-block-four .text:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.news-block-four .post-meta { position: relative; }
.news-block-four .post-meta li { display: inline-block; margin-right: 20px; font-size: 14px; }
.news-block-four .category { position: relative; font-size: 14px; transition: .5s; }
.news-block-four .content .wrapper-box { transition: .5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px); transform: perspective(1200px) rotateX(0deg) translateZ(0px); display: flex; flex-wrap: wrap; align-items: center; }
.news-block-four .inner-box:hover .wrapper-box { opacity: 0; -webkit-transform: perspective(1200px) rotateX(90deg) translateZ(-40px); transform: perspective(1200px) rotateX(90deg) translateZ(-40px); }
.news-block-four .link-btn { position: absolute; left: 50px; bottom: 35px; opacity: 0; transition: .5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1200px) rotateX(90deg) translateZ(-40px); transform: perspective(1200px) rotateX(90deg) translateZ(-40px); }
.news-block-four .inner-box:hover .link-btn { opacity: 1; -webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px); transform: perspective(1200px) rotateX(0deg) translateZ(0px); }
.news-block-four .btn-style-one { padding: 8px 30px; font-size: 14px; background: #3b3b44; }
/* News Block Five */

.news-block-five .inner-box { position: relative; margin-bottom: 80px; }
.news-block-five .date { position: absolute; top: -21px; left: 40px; color: #fff; padding: 7px 22px; }
.news-block-five .content { position: relative; padding: 50px 50px 45px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.news-block-five h3 { position: relative; font-size: 30px; font-weight: 600; margin-bottom: 25px; letter-spacing: -1px; }
.news-block-five h3 a { color: #222; }
.news-block-five .text { position: relative; padding-bottom: 20px; margin-bottom: 30px; }
.news-block-five .text:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.news-block-five .post-meta { position: relative; }
.news-block-five .post-meta li { display: inline-block; margin-right: 20px; font-size: 14px; }
.news-block-five .category { position: relative; font-size: 14px; transition: .5s; }
.news-block-five .content .wrapper-box { transition: .5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px); transform: perspective(1200px) rotateX(0deg) translateZ(0px); display: flex; flex-wrap: wrap; align-items: center; }
.news-block-five .content .quote { position: absolute; right: 50px; bottom: 50px; font-size: 30px; }
/* Pagination */
.pagination { align-items: center; justify-content: center; }
.pagination li { position: relative; margin: 0 5px 5px; }
.pagination li a { width: 40px; height: 40px; border: 1px solid #ddd; line-height: 38px; text-align: center; color: #3b3b44; display: inline-block; transition: .5s; }
.pagination li a:hover { color: #fff; background-color: #3b3b44; border-color: #3b3b44; }
.pagination li span { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #3b3b44; display: inline-block; }
.pagination li a.next { border-color: transparent; font-size: 18px; }
/* Widget Style */

.widget { margin-bottom: 40px; font-size: 22px; color: #fff }
.widget a {color: #fff}
.widget i {float: left; padding-right: 7px !important}
.widget-content  ul li {color: #fff !important}
.widget-title { position: relative; font-size: 26px; font-weight: 600; padding-bottom: 15px; margin-bottom: 35px; }
.widget-title:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
/* Widget Search */

.widget_search { position: relative; }
.widget_search input[type="search"] { width: 100%; height: 55px; background: #fcf9f2; padding: 0 30px; padding-right: 65px; }
.widget_search .form-group { position: relative; }
.widget_search button { position: absolute; top: 15px; right: 30px; background: transparent; }
/* Category Widget */

.categories-list { position: relative; }
.categories-list li { position: relative; margin-bottom: 10px; }
.categories-list li a { color: #222; font-size: 18px; font-weight: 500; transition: .5s; }
.categories-list li a:hover { padding-left: 25px; }
.categories-list li a span { position: absolute; right: 0; top: 0; font-weight: 300; color: #222; }
.categories-list li a:before { font-family: 'Font Awesome 5 Pro'; content: "\f178"; position: absolute; left: 0; top: 3px; display: block; line-height: 24px; font-size: 16px; font-weight: 900; transition: .5s; opacity: 0; }
.categories-list li a:hover:before { opacity: 1; }
/* Popular Post */

.widget_popular_post .post-thumb { position: relative; margin-right: 30px; margin-bottom: 20px; }
.widget_popular_post .post { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.widget_popular_post .content { position: relative; margin-bottom: 20px; max-width: 200px; }
.widget_popular_post .content h5 { position: relative; font-size: 16px; margin-bottom: 8px; font-weight: 500; }
.widget_popular_post .content h5 a { color: #222; transition: .5s; }
.widget_popular_post .content .date { font-size: 14px; }
/* Widget Newsletter */

.widget_newsletter { position: relative; text-align: center; padding: 50px 30px; }
/* Tag Cloud */

.widget_tag_cloud ul { position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.widget_tag_cloud li { font-size: 14px; font-weight: 500; margin-right: 15px; margin-bottom: 12px; }
.widget_tag_cloud li a { color: #222; transition: .5s; }
/* Newsletter */
.widget_newsletter .widget-title { color: #fff; }
.widget_newsletter .widget-title:before { background: #fff; left: 50%; transform: translateX(-50%); }
.widget_newsletter .form-group { position: relative; margin-bottom: 0; }
.widget_newsletter i { position: absolute; right: 25px; top: 13px; }
.widget_newsletter input[type="email"] { width: 100%; height: 55px; padding: 0 20px; }
/* Blog Single Post */

.blog-single-post .inner-box { position: relative; margin-bottom: 80px; }
.blog-single-post .image { position: relative; }
.blog-single-post .image img { width: 100%; }
.blog-single-post .date { position: absolute; bottom: -21px; left: 40px; color: #fff; padding: 7px 22px; }
.blog-single-post .content { position: relative; padding: 50px 50px 45px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); }
.blog-single-post h3 { position: relative; font-size: 30px; font-weight: 600; margin-bottom: 20px; letter-spacing: -1px; }
.blog-single-post h3 a { color: #222; }
.blog-single-post h4 { position: relative; font-size: 26px; font-weight: 600; margin-bottom: 20px; letter-spacing: -1px; }
.blog-single-post .text { position: relative; margin-bottom: 20px; }
.blog-single-post .post-meta { position: relative; }
.blog-single-post .post-meta li { display: inline-block; margin-right: 20px; font-size: 14px; }
.blog-single-post .category { position: relative; font-size: 14px; transition: .5s; }
.blog-single-post .content .wrapper-box { position: relative; transition: .5s; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 20px; margin-bottom: 30px; }
.blog-single-post .content .wrapper-box:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.blog-single-post .list { position: relative; padding-left: 35px; margin-bottom: 25px; }
.blog-single-post .list li { position: relative; font-weight: 500; padding-left: 32px; margin-bottom: 5px; }
.blog-single-post .list li:before { position: absolute; content: ''; left: 0; top: 13px; width: 15px; height: 3px; }
.blog-single-post blockquote { position: relative; border-left: 4px solid; font-size: 24px; font-weight: 600; padding-left: 26px; margin: 30px 0; margin-left: 35px; }
.blog-single-post blockquote p { font-size: 14px; margin-top: 15px; }
.blog-single-post .post-tags { margin-bottom: 20px; }
.blog-single-post .post-tags span { font-weight: 600; }
.blog-single-post .post-tags a { position: relative; margin-right: 10px; color: #222; transition: .5s; }
.blog-single-post .post-tags a:before { position: absolute; content: ','; right: -6px; bottom: -2px; }
.blog-single-post .social-links { position: relative; text-align: center; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.blog-single-post .social-links li { margin: 0 1.5px; }
.blog-single-post .social-links a { font-size: 14px; color: #fff; display: inline-block; padding: 6.5px 26px; }
.blog-single-post .social-links a.facebook { background-color: #3b5998; }
.blog-single-post .social-links a.twitter { background-color: #55acee; }
.blog-single-post .social-links a.linkedin { background-color: #dc4e41; }
.blog-single-post .social-links a.pinterest { background-color: #bd081c; }
.sidebar-page-container .inner-title { position: relative; font-size: 26px; font-weight: 600; padding-bottom: 15px; margin-bottom: 35px; }
.sidebar-page-container .inner-title:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; }
.sidebar-page-container .related-post { margin-bottom: 50px; }
/* Comments Area */

.comments-area { position: relative; margin-bottom: 70px; }
.comments-area .comment-box { position: relative; margin-bottom: 40px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.comments-area .comment-box.comment-reply { margin-left: 130px; }
.comments-area .comment-box:last-child .comment { padding-bottom: 0px; border-bottom: 0px; }
.comments-area .comment-box:hover { border-color: #eb5310; }
.comments-area .comment-box.reply-comment { margin-left: 50px; }
.comments-area .comment { position: relative; font-size: 14px; border-bottom: 1px solid #e9e6e6; padding-bottom: 30px; display: flex; flex-wrap: wrap; }
.comments-area .comment .comment-inner { position: relative; width: calc(100% - 130px); }
.comments-area .comment .comment-inner .text { position: relative; line-height: 1.5em; margin-bottom: 15px; }
.comments-area .comment-box .author-thumb { position: relative; overflow: hidden; margin-bottom: 20px; margin-right: 30px; }
.comments-area .comment-box .author-thumb img { width: 100px; display: block; border-radius: 50%; }
.comments-area .comment-info { position: relative; line-height: 24px; text-transform: capitalize; margin-bottom: 10px; }
.comments-area .comment-info h5 { font-size: 18px; font-weight: 500; margin-bottom: 5px; }
.comments-area .comment-info a { position: relative; color: #1e1e29; }
.comments-area .date { font-size: 12px; color: #222; margin-bottom: 20px;  }
.comments-area .comment-box .reply-btn { position: absolute; top: 0; right: 0; color: #282828; font-size: 14px; font-weight: 600;  -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; }
.comments-area .comment-box .reply-btn span { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; margin-right: 5px; }
.comments-area .comment-box .reply-btn:hover span { opacity: 1; }
/* Comment Form */

.comment-form { position: relative; margin-bottom: 30px; }
.comment-form .form-group { position: relative; margin-bottom: 30px; }
.comment-form .form-group:last-child { margin-bottom: 0px; }
.comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group textarea, .comment-form .form-group select { position: relative; display: block; width: 100%; line-height: 28px; padding: 15px 20px; height: 58px; color: #222; font-size: 16px; border-radius: 0; font-weight: 400; background: #fcf9f2; border: 1px solid #fcf9f2; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus { border-color: #f13729; }
.comment-form .form-group textarea { height: 140px; }
.comment-form button { position: relative; display: block; margin-top: 10px; }
.comment-form .note { position: relative; font-size: 18px; font-weight: 500; margin-top: 0; margin-bottom: 20px; }
.comment-form .note input { margin-right: 7px; }
/* Projects Section Style Two */

.projects-section-two.style-two .project-block-two .inner-box { margin-top: 20px; }
.projects-section-two.style-two .project-tab .project-tab-btns .p-tab-btn { color: rgba(34, 34, 34, 0.3); }
.projects-section-two.style-two .project-tab .project-tab-btns .p-tab-btn:hover, .projects-section-two.style-two .project-tab .project-tab-btns .p-tab-btn.active-btn { color: #222; }
.projects-section-two.style-two .owl-theme .owl-nav .owl-prev:before { color: #222; }
.projects-section-two.style-two .owl-theme .owl-nav .owl-next:before { color: #222; }
/* Services Details */
.services-details { position: relative; padding: 120px 0; }
.services-details .image { position: relative; margin-bottom: 30px; }
.services-details .content-side h3 { position: relative; font-size: 48px; font-weight: 500; margin-bottom: 25px; }
.services-details .content-side h5 { position: relative; margin-bottom: 25px; font-weight: 500; font-size: 16px; }
.services-details .content-side .text { margin-bottom: 30px; }
.services-details .feature-block-two .inner-box:before { background-color: #3b3b44; }
.services-details .feature-block-two .inner-box:hover:before { opacity: 1; }
.widget_categories_two { position: relative; }
.widget_categories_two .widget-content { position: relative; padding: 50px; }
.widget_categories_two .widget-content li { position: relative; margin-bottom: 25px; }
.widget_categories_two .widget-content li:last-child { margin-bottom: 0; }
.widget_categories_two .widget-content li a { color: rgba(255, 255, 255, 0.5); font-size: 24px; font-weight: 500; transition: .5s; }
.widget_categories_two .widget-content li:hover a, .widget_categories_two .widget-content li.current a { color: #fff; }
.widget_categories_two .widget-content li a:before { position: absolute; content: ''; left: -50px; top: 10px; height: 2px; width: 30px; background-color: #fff; opacity: 0; transition: .5s; }
.widget_categories_two .widget-content li.current a:before { opacity: 1; }
/* Brochure Widget */

.widget_brochure { position: relative; }
.widget_brochure .single-brochure { position: relative; display: flex; flex-wrap: wrap; padding: 19px 28px; box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05); margin-bottom: 10px; }
.widget_brochure .single-brochure .icon { margin-right: 10px; }
.widget_brochure .single-brochure a { position: relative; font-size: 18px; color: #222; font-weight: 600; }
.widget-title-two { position: relative; font-size: 26px; font-weight: 600; margin-bottom: 30px; }
/* Client Review */
.widget_client_review { position: relative; }
.widget_client_review .text { font-size: 18px; font-weight: 500; margin-bottom: 30px; }
.widget_client_review .author-box { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.widget_client_review .author-thumb { margin-right: 20px; }
.widget_client_review .quote { position: relative; font-size: 30px; line-height: 30px; margin-bottom: 10px; }
.widget_client_review h4 { font-size: 16px; font-weight: 600;  }
.widget_client_review .designation { font-size: 14px; }
/* Contact Form Widget */

.widget_contact_form { position: relative; }
.widget_contact_form textarea, .widget_contact_form input[type="email"], .widget_contact_form input[type="text"] { position: relative; border: 1px solid #eee; height: 50px; padding: 0 20px; width: 100%; margin-bottom: 10px; }
.widget_contact_form textarea { height: 130px; padding: 20px; }
/* Animation */

.about-us-section-four .image:after, .news-block-one .image:after, .about-us-section .image-block .image:after { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); opacity: 0; }
.about-us-section-four .image:hover:after, .news-block-one .inner-box:hover .image:after, .about-us-section .image-block:hover .image:after { -webkit-animation: shine2 1s; animation: shine2 1s; opacity: 1; }
 @-webkit-keyframes shine2 {  100% {
 left: 125%;
}
}
 @keyframes shine2 {  100% {
 left: 125%;
}
}