@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700");
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.aligncenter { display: block; margin: 0px auto 15px; }
a { transition: all 0.3s ease 0s; }
a:focus, a:hover { outline: solid 0px; text-decoration: none; }
ul, ol { margin: 0px; padding: 0px; list-style: none; }
button:focus { outline: 0px; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { color: rgb(60, 74, 98); margin: 0px 0px 15px; font-weight: 700; line-height: 1.4em; text-transform: uppercase; position: relative; }
h2 { font-size: 36px; }
html, body { height: 100%; }
body { font-family: Roboto, sans-serif; font-size: 14px; line-height: 1.7em; font-weight: 400; color: rgb(104, 114, 132); }
a:hover, a:focus { text-decoration: none; outline: 0px; }
a { color: rgb(93, 107, 130); }
.fix { overflow: hidden; }
.relative { position: relative; overflow: hidden; }
.absulute { position: absolute; }
.v-center { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.content-center { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; -webkit-box-pack: center; justify-content: center; left: 0px; position: absolute; top: 0px; width: 100%; }
.flex-v-center { display: flex; -webkit-box-align: center; align-items: center; }
.social-bookmark li { display: inline; }
.social-bookmark li a { background: none 0px 0px repeat scroll rgb(215, 215, 215); border-radius: 50%; color: rgb(255, 255, 255); display: inline-block; font-size: 16px; height: 40px; margin: 0px 2px; padding-top: 9px; text-align: center; width: 40px; }
.social-bookmark li a:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); }
.inline li { display: inline; }
.inline-block li { display: inline-block; padding: 5px 15px; }
.navbar-toggle { border: 2px solid rgb(243, 156, 18); border-radius: 0px; }
.navbar-toggle .icon-bar { background: none 0px 0px repeat scroll rgb(243, 156, 18); }
.no-margin { margin: 0px; }
.no-padding { padding: 0px; }
.border { border: 1px solid rgb(221, 221, 221); }
.border-left { border-left: 1px solid rgb(221, 221, 221); }
.border-right { border-right: 1px solid rgb(221, 221, 221); }
.border-top { border-top: 1px solid rgb(221, 221, 221); }
.border-bottom { border-bottom: 1px solid rgb(221, 221, 221); }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: white 0px 0px 0px 1000px inset !important; }
.area-title { margin-bottom: 50px; position: relative; }
.area-title h2 { display: inline-block; font-size: 40px; letter-spacing: 2px; line-height: 1; margin-bottom: 30px; padding-bottom: 20px; position: relative; text-transform: uppercase; }
.area-title h2::before, .area-title h2::after { background: url("img/xtitle-border.png.pagespeed.ic.jPTnGjMghY.webp") 0px 0px repeat scroll rgba(0, 0, 0, 0); bottom: 0px; content: ""; height: 2px; left: 50%; position: absolute; transform: translateX(-50%); width: 100px; }
.area-title h2::after { background: none 0px 0px repeat scroll rgb(243, 156, 18); height: 4px; width: 20px; }
.section-padding { padding: 100px 0px; }
.padding-top { padding-top: 100px; }
.padding-bottom { padding-bottom: 100px; }
.padding-100-70 { padding-top: 100px; padding-bottom: 70px; }
.padding-100-50 { padding-top: 100px; padding-bottom: 50px; }
.gray-bg { background: rgb(247, 249, 252); }
.deep-gray-bg { background: rgb(239, 241, 255); }
.dark-bg {background: rgb(56 56 56);color: rgb(255, 255, 255);}
.red-bg { background: rgb(243, 156, 18); color: rgb(255, 255, 255); }
.blue-bg { background: rgb(0, 131, 255); color: rgb(255, 255, 255); }
.soft-blue-bg { background: rgb(125, 185, 232); color: rgb(255, 255, 255); }
.dark-bg .area-title h2 { color: rgb(255, 255, 255); }
.top-area { height: 100%; position: relative; width: 100%; }
.top-area-bg { background: url("img/slider/slide_1.jpg") center center / cover no-repeat scroll rgba(0, 0, 0, 0); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.top-area-bg::after { background: rgb(60, 65, 71); content: ""; height: 100%; left: 0px; opacity: 0.9; position: absolute; top: 0px; width: 100%; }
.search-and-language-bar { margin-left: 20px; margin-top: 30px; position: relative; transition: all 0.3s ease 0s; }
.is-sticky .search-and-language-bar { margin-top: 10px; }
.search-and-language-bar ul li { color: rgb(255, 255, 255); cursor: pointer; display: inline-block; line-height: 1; padding: 10px; }
.search-and-language-bar ul li a { color: rgb(255, 255, 255); display: block; }
.search-box { position: relative; }
.search-form { background: none 0px 0px repeat scroll rgb(255, 255, 255); border-radius: 5px; top: 72px; height: 60px; position: absolute; right: 0px; width: 280px; display: none; }
.is-sticky .search-form { top: 50px; }
.search-form input { background: none 0px center repeat scroll rgba(0, 0, 0, 0); border: 1px solid rgb(243, 156, 18); color: rgb(51, 51, 51); height: 40px; left: 11px; padding: 10px; position: absolute; top: 10px; width: 77%; }
.search-form button { background: none 0px 0px repeat scroll transparent; border: 1px solid rgb(243, 156, 18); color: rgb(243, 156, 18); font-size: 20px; height: 40px; padding: 7px 12px; position: absolute; right: 10px; top: 10px; transition: all 0.3s ease 0s; }
.search-form button:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); }
.select-language select { background: rgb(255, 255, 255); border: 0px none; color: rgb(51, 51, 51); appearance: none; position: relative; }
.header-top-area { left: 0px; position: absolute; top: 0px; width: 100%; z-index: 999; }
.mainmenu-area { border-bottom: 1px solid rgba(243, 156, 18, 0.4); position: relative; transition: all 0.3s ease 0s; z-index: 9999; }
.navbar-header { margin-top: 14px; transition: all 0.3s ease 0s; }
.navbar { border-bottom: 0px none; border-top: 0px none; margin-bottom: 0px; }
.navbar-brand > img { transition: all 0.3s ease 0s; }
.is-sticky .navbar-brand > img { max-width: 80%; }
ul#nav { float: right; transition: all 0.3s ease 0s; }
ul#nav li a { background: none 0px 0px repeat scroll rgba(0, 0, 0, 0); color: rgb(255, 255, 255); letter-spacing: 1px; padding: 40px 15px; text-transform: uppercase; transition: all 0.3s ease 0s; }
ul#nav li a:hover, ul#nav li.active a { color: rgb(243, 156, 18); }
.is-sticky ul#nav li a { padding: 20px 15px; color: rgb(255, 255, 255); }
.is-sticky ul#nav li a:hover, .is-sticky ul#nav li.active a { color: rgb(243, 156, 18); }
.is-sticky .navbar-header { margin-top: -2px; }
.is-sticky .mainmenu-area { background: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px; z-index: 99999; }
.menu-toggle.full {border: 1px solid;height: 40px;width: 100px !important;letter-spacing: 2px;padding-top: 11px !important;position: absolute;right: 9px;text-align: center;top: 20px;/* line-height: 5px !important; */width: 110px;color: rgb(243, 156, 18) !important;}
.is-sticky .menu-toggle.full { top: 8px; }
ul#nav li ul a, .is-sticky ul#nav li ul a { border-bottom: 1px solid rgb(26, 26, 26); padding: 10px 10px 10px 15px; }
.welcome-area { color: rgb(255, 255, 255); -webkit-box-align: end; align-items: flex-end; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; -webkit-box-pack: center; justify-content: center; padding-top: 100px; width: 100%; }
.welcome-text h1 { color: rgb(255, 255, 255); font-size: 60px; letter-spacing: 5px; line-height: 1.3; margin-bottom: 30px; text-transform: uppercase; }
.welcome-text h4 { font-size: 20px; letter-spacing: 8px; text-transform: uppercase; }
.home-button { margin-top: 60px; height: auto !important; }
.home-button a { display: inline-flex; border-radius: 3px; color: rgb(255, 255, 255); letter-spacing: 2px; padding: 12px; text-transform: uppercase; }
.home-button a:last-child { margin-left: 20px; }
.home-button a:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); border-color: rgb(243, 156, 18); color: rgb(255, 255, 255); }
.home-mockup > img { max-width: 50%; }
.welcome-slider-area { height: 100%; position: relative; z-index: 9; }
.welcome-slider-area.owl-carousel div:not(.owl-controls) { height: 100%; }
.welcome-single-slide { z-index: 9; position: relative; }
.welcome-single-slide::before { background: rgb(0, 0, 0); content: ""; height: 100%; left: 0px; opacity: 0.7; position: absolute; top: 0px; width: 100%; z-index: -1; }
.welcome-slider-area .welcome-text { color: rgb(255, 255, 255); -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding-top: 100px; }
.welcome-text h4 { margin-bottom: 30px; }
.welcome-text h2 { color: rgb(255, 255, 255); line-height: 1; margin-bottom: 30px; }
.welcome-slider-area.home-button { height: auto !important; }
.owl-item.active .welcome-single-slide .welcome-text h1 { animation: 1s ease 0.5s 1 normal both running fadeInUp; }
.owl-item.active .welcome-single-slide .welcome-text p { animation: 1s ease 0.8s 1 normal both running fadeInUp; }
.owl-item.active .welcome-single-slide .home-button { animation: 1s ease 1s 1 normal both running fadeInUp; }
.slider-bg-one { background: url("img/slider/slide_1.jpg") center center / cover no-repeat scroll; }
.slider-bg-two { background: url("img/slider/slide_2.jpg") center center / cover no-repeat scroll; }
.slider-bg-three { background: url("img/slider/slide_3.jpg") center center / cover no-repeat scroll; }
.welcome-slider-area.owl-carousel .owl-nav > div { background: none 0px 0px repeat scroll rgb(255, 255, 255); display: inline-block; font-size: 30px; height: 40px; margin: 0px 5px; padding-top: 5px; text-align: center; transition: all 0.3s ease 0s; width: 40px; }
.welcome-slider-area.owl-carousel .owl-controls { bottom: 7%; position: absolute; right: 8.4%; }
.welcome-slider-area.owl-carousel .owl-nav > div:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); }
.single-blog { border-radius: 5px; box-shadow: rgb(221, 221, 221) 0px 3px 7px; overflow: hidden; }
.blog-details { background: none 0px 0px repeat scroll rgb(255, 255, 255); padding: 30px 20px; position: relative; }
.blog-meta { background: none 0px 0px repeat scroll rgb(243, 156, 18); border-radius: 0px 50px 50px 0px; font-size: 24px; height: 50px; left: 0px; position: absolute; text-align: center; top: -25px; width: 70px; }
.blog-meta a { color: rgb(255, 255, 255); display: block; height: 100%; padding-top: 13px; width: 100%; }
.blog-details h3 { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; }
.read-more { background: none 0px 0px repeat scroll rgb(93, 107, 130); border-radius: 5px; color: rgb(255, 255, 255); display: inline-block; height: 40px; margin-top: 15px; padding: 7px 25px; text-align: center; width: 140px; }
.read-more:hover, .read-more:focus { background: rgb(243, 156, 18); color: rgb(255, 255, 255); }
.blog-details h3 a { color: rgb(60, 74, 98); }
.blog-details h3 a:hover, .blog-details h3 a:focus { color: rgb(243, 156, 18); }
.quote-form-area { background: none 0px 0px repeat scroll rgb(238, 241, 245); padding: 30px 20px; }
.quote-form input { margin-bottom: 10px; }
.quote-form .width-full input { border: 0px none; padding: 10px; width: 100%; }
.quote-form .width-half input { border: 0px none; padding: 10px; width: 47%; }
.quote-form textarea { border: 0px none; height: 120px; margin-bottom: 10px; padding: 10px; width: 100%; }
.quote-form button { background: none 0px 0px repeat scroll rgb(93, 107, 130); border: 0px none; border-radius: 5px; color: rgb(255, 255, 255); letter-spacing: 2px; padding: 10px 20px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.quote-form button:hover { background: rgb(243, 156, 18); color: rgb(255, 255, 255); }
.about-content h2 { margin-bottom: 30px; }
.about-content a { display: inline-block; margin-top: 20px; }
.about-content a:hover { color: rgb(243, 156, 18); }
.about-content a i { transition: all 0.3s ease 0s; }
.about-content a:hover i { padding-left: 10px; }
.about-count { margin-top: 80px; }
.single-about-count { background: none 0px 0px repeat scroll rgb(255, 255, 255); float: left; padding: 30px 20px 20px; text-align: center; text-transform: capitalize; width: 33.33%; }
.single-about-count h4 { color: rgb(243, 156, 18); font-size: 24px; font-weight: 800; }
.service-content h2 { font-size: 32px; margin-bottom: 30px; padding-bottom: 15px; position: relative; }
.service-content h2::after { border-bottom: 1px dashed rgb(243, 156, 18); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 50px; }
.service-catalouge-content-area { background: url("img/service/service-cargo-bg.png") center center / contain no-repeat scroll rgba(0, 0, 0, 0); position: relative; }
.catalouge-content { background: none 0px 0px repeat scroll rgba(243, 156, 18, 0.9); color: rgb(255, 255, 255); padding: 30px; }
.catalouge-content h3 { color: rgb(255, 255, 255); margin-bottom: 30px; padding-bottom: 15px; position: relative; }
.catalouge-content h3::after { border-bottom: 1px dashed; bottom: 0px; content: ""; height: 2px; left: 0px; position: absolute; width: 50px; }
.catalouge-content .read-more:hover, .catalouge-content .read-more:focus { background: none 0px 0px repeat scroll rgb(255, 255, 255); color: rgb(243, 156, 18); }
.catalouge-content ul { margin-top: 40px; }
.catalouge-content ul li { margin-bottom: 15px; }
.catalouge-content ul li i { margin-right: 15px; }
.service-bottom-area { position: relative; }
.service-bottom-area-bg { background: url("img/service/monta.jpg") 0px 0px repeat scroll rgba(0, 0, 0, 0); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.service-bottom-area-bg::after { background: none 0px 0px repeat scroll rgb(245, 247, 249); content: ""; height: 100%; position: absolute; right: 0px; top: 0px; width: 50%; }
.single-service { margin-bottom: 50px; padding-left: 80px; position: relative; }
.service-list .single-service:last-child { margin-bottom: 0px; }
.service-icon-hexagon { left: -43px; position: absolute; top: -25px; }
.hex { background: none 0px 0px repeat scroll rgb(245, 247, 249); border-radius: 1em / 3.5em; display: inline-block; height: 5.2em; margin: 1em 4.61538em 1em auto; position: relative; transform: rotate(-90deg); transition: all 150ms ease-in-out 0s; width: 4em; }
.hex::before, .hex::after { position: absolute; width: inherit; height: inherit; border-radius: inherit; background: inherit; content: ""; }
.hex::before { transform: rotate(60deg); }
.hex::after { transform: rotate(-60deg); }
.service-icon {background: none 0px 0px repeat scroll rgb(93, 107, 130);bottom: 7px;color: rgb(255, 255, 255);font-size: 24px;height: 60px;padding-top: 18px;position: absolute;right: 11px;text-align: center;transform: rotate(60deg);transition: all 0.3s ease 0s;width: 34px;z-index: 1;}
.service-icon::before, .service-icon::after { background: none 0px 0px repeat scroll rgb(93, 107, 130); content: ""; height: 100%; position: absolute; transition: all 0.3s ease 0s; width: 100%; z-index: -1; }
.service-icon::before { bottom: 0px; right: 0px; transform: rotate(60deg); }
.service-icon::after {bottom: 0px;right: 0px;transform: rotate(-60deg);}
.service-icon i { transform: rotate(30deg); }
.service-details h4 { transition: all 0.3s ease 0s; }
.single-service:hover .service-details h4 { color: rgb(243, 156, 18); }
.single-service:hover .service-icon, .single-service:hover .service-icon::before, .single-service:hover .service-icon::after { background: none 0px 0px repeat scroll rgb(243, 156, 18); }
.promo-top-area { background: url("img/promo/promo_top_bg.png") right 5% bottom 50% / 40% no-repeat scroll rgba(0, 0, 0, 0); }
.single-promo { margin-bottom: 50px; padding: 20px 20px 20px 80px; position: relative; }
.promo-area .row > div.col-lg-4 .single-promo:last-child { margin-bottom: 0px; }
.promo-icon { background: none 0px 0px repeat scroll rgb(244, 247, 249); border-radius: 50%; color: rgb(243, 156, 18); font-size: 24px; height: 65px; left: 0px; padding-top: 21px; position: absolute; text-align: center; top: 0px; width: 65px; }
.promo-bottom-area { position: relative; }
.promo-botton-area-bg { background: url("img/promo/promo_bottom_bg.jpg") center center / cover no-repeat scroll rgba(0, 0, 0, 0); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.promo-botton-area-bg::after { background: none 0px 0px repeat scroll rgb(60, 74, 98); content: ""; height: 100%; left: 0px; opacity: 0.9; position: absolute; top: 0px; width: 100%; }
.promo-bottom-area h2 { color: rgb(255, 255, 255); font-size: 26px; }
.promo-bottom-content .read-more { background: none 0px 0px repeat scroll rgb(243, 156, 18); font-weight: bold; height: auto; letter-spacing: 1px; padding: 14px; text-transform: uppercase; width: 180px; }
.promo-bottom-area .read-more:hover, .promo-bottom-area .read-more:focus { background: none 0px 0px repeat scroll rgb(255, 255, 255); color: rgb(243, 156, 18); }
.client-photo-list .item { border-radius: 50%; overflow: hidden; margin: 10px 0px; }
.client-photo-list .owl-carousel .owl-item.active.center .item { box-shadow: rgb(243, 156, 18) 0px 0px 0px 5px; position: relative; z-index: 999; transition: all 0.3s ease 0s; }
.client-photo-list { margin-bottom: 40px; }
.client-details-content .item { padding-top: 70px; position: relative; }
.client-details-content .item::after { color: rgb(93, 107, 130); content: ""; font-family: fontawesome; font-size: 60px; height: 60px; left: 50%; line-height: 1; opacity: 0.5; position: absolute; top: 0px; transform: translateX(-50%); width: 60px; }
.client-details-content .item q { display: block; font-size: 16px; font-style: italic; font-weight: 500; line-height: 1.5em; margin-bottom: 37px; }
.client-details-content .item h3 { margin-bottom: 10px; }
.client_nav span { background: none 0px 0px repeat scroll rgb(93, 107, 130); border-radius: 5px; color: rgb(255, 255, 255); display: inline-block; font-size: 30px; height: 40px; left: 50px; opacity: 0; padding-top: 3px; position: absolute; text-align: center; transition: all 0.3s ease 0s; width: 50px; cursor: pointer; }
.client_nav span:hover { background: rgb(243, 156, 18); }
.client_nav span.fa.testi_next { left: auto; right: 50px; }
.testmonial-area:hover .client_nav span { left: 0px; opacity: 1; }
.testmonial-area:hover .client_nav span.testi_next { left: auto; right: 0px; }
.footer-top-area { padding: 70px 0px; }
.footer-area h2, .footer-area h3 { color: rgb(255, 255, 255); font-weight: 500; text-transform: capitalize; }
.subscribe-content h2 { line-height: 1; margin-bottom: 20px; }
.subsriber-form { height: 60px; position: relative; }
.subsriber-form input { background: none 0px 0px repeat scroll rgb(255, 255, 255); border: 0px none; border-radius: 5px; color: rgb(51, 102, 51); height: 100%; left: 0px; padding: 10px; position: absolute; top: 0px; width: 70%; }
.subsriber-form button { background: none 0px 0px repeat scroll rgb(243, 156, 18); border: 0px none; border-radius: 5px; color: rgb(255, 255, 255); font-weight: 500; height: 100%; letter-spacing: 1px; position: absolute; right: 0px; text-transform: uppercase; top: 0px; transition: all 0.3s ease 0s; width: 27%; }
.subsriber-form button:hover { background: none 0px 0px repeat scroll rgb(255, 255, 255); color: rgb(243, 156, 18); }
.faqs-list h3 { margin-bottom: 30px; }
.faqs-list h3 span { color: rgb(243, 156, 18); }
.faqs-list #accordion .panel-title { padding-left: 50px; position: relative; text-transform: capitalize; }
.faqs-list #accordion .panel-title i { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); height: 30px; left: 0px; padding-top: 8px; position: absolute; text-align: center; transition: all 0.3s ease 0s; width: 30px; }
.faqs-list #accordion .panel-title i::after { background: none 0px 0px repeat scroll rgb(255, 255, 255); content: ""; height: 12px; left: 50%; margin-left: -1.5px; margin-top: -6px; opacity: 0; position: absolute; top: 50%; transition: all 0.3s ease 0s; width: 3px; }
.faqs-list #accordion .active .panel-title i::after { opacity: 1; }
.faqs-list #accordion .panel, .faqs-list #accordion .panel.active { border-bottom: 0px none; box-shadow: rgb(255, 255, 255) 0px 0px 0px; }
.panel-body { border: 0px none !important; }
.panel-heading, .panel-body { padding-left: 0px; }
.about-details-menu { margin-bottom: 50px; text-align: center; }
.about-details-menu li { display: inline-block; margin: 0px 5px; }
.about-details-menu li a { border: 1px solid rgb(239, 239, 239); display: block; font-size: 18px; padding: 12px 20px; text-transform: uppercase; }
.about-details-menu li.active a { background: none 0px 0px repeat scroll rgb(243, 156, 18); border-color: rgb(243, 156, 18); color: rgb(255, 255, 255); }
.about-history-content { margin-bottom: 50px; }
.about-history-content h3 { margin-bottom: 30px; padding-bottom: 15px; }
.about-history-content h3::after { border-bottom: 1px dashed rgb(243, 156, 18); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 50px; }
.about-history-content ul { margin-top: 20px; }
.about-history-content ul li { margin-bottom: 5px; }
.about-history-content.history-list { position: relative; }
.about-history-content.history-list::after { background: rgb(228, 228, 228); content: ""; height: 100%; left: 80px; position: absolute; top: 0px; width: 5px; }
.single-history { margin-bottom: 50px; padding-left: 125px; position: relative; }
.single-history .history-year { font-size: 18px; font-weight: 700; left: 0px; position: absolute; top: 0px; width: 85px; }
.single-history .history-year::before, .single-history .history-year::after { background: none 0px 0px repeat scroll rgb(255, 255, 255); border-radius: 50%; content: ""; height: 30px; position: absolute; right: -12px; top: 0px; width: 30px; z-index: 9; }
.single-history .history-year::after { background: rgb(243, 156, 18); height: 10px; right: -2px; top: 9px; width: 10px; }
.annual-reports > div { margin-bottom: 50px; }
.annual-reports > div:last-child { margin-bottom: 0px; }
.annual-reports-content h4 { margin-bottom: 30px; }
.annual-reports-content ul { margin-top: 30px; }
.annual-reports-content ul li { margin-bottom: 10px; }
.annual-reports-content ul li i { color: rgb(243, 156, 18); margin-right: 10px; }
.single-team { text-align: center; margin-bottom: 30px; padding: 1px; }
.team-list div > .col-lg-4:last-child .single-team { margin-bottom: 0px; }
.single-team .member-image img { width: 100%; }
.member-details { box-shadow: 0px 0px 1px; box-sizing: border-box; padding: 30px 20px; }
.member-social-bookmark { background: none 0px 0px repeat scroll rgb(93, 107, 130); border-radius: 5px; margin-top: 25px; padding: 15px 0px; }
.member-social-bookmark .social-bookmark li a { background: none 0px 0px repeat scroll rgba(255, 255, 255, 0.2); padding-top: 8px; }
.member-social-bookmark .social-bookmark li a:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); }
.single-service-two { padding: 30px 20px 30px 100px; position: relative; transition: all 0.3s ease 0s; }
.service-icon-two { border-right: 1px solid rgb(221, 221, 221); color: rgb(243, 156, 18); font-size: 30px; left: 0px; position: absolute; text-align: center; width: 80px; }
.single-service-two:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); }
.single-service-two:hover .service-icon-two, .single-service-two:hover h4 { color: inherit; }
.single-service-three { border: 1px solid rgb(238, 242, 244); box-shadow: rgb(238, 242, 244) 0px 0px 10px; margin-bottom: 30px; padding: 30px 20px 30px 80px; position: relative; }
.single-service-three h4 { color: rgb(243, 156, 18); }
.service-icon-three { border-right: 1px solid rgb(221, 221, 221); color: rgb(243, 156, 18); font-size: 30px; left: 0px; position: absolute; text-align: center; width: 60px; }
.contact-address { margin-bottom: 50px; }
.contact-address a { color: rgb(88, 88, 88); }
.contact-address a:hover { color: rgb(243, 156, 18); }
.contact-area .form-control { border-radius: 0px; margin-bottom: 30px; min-height: 40px; }
.contact-area button { background: none 0px 0px repeat scroll rgb(93, 107, 130); border: 0px none; border-radius: 3px; color: rgb(255, 255, 255); font-weight: 600; letter-spacing: 2px; padding: 10px 40px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.contact-area button:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); }
.footer-area {color: rgb(255, 255, 255);position: relative;z-index: 9;padding-top: 30px;border-top: 2px solid #f39c12;}
.footer-area::after { background: url("img/footer-map-bg.png") center center / 90% no-repeat scroll rgba(0, 0, 0, 0); content: ""; height: 100%; left: 0px; opacity: 0.1; position: absolute; top: 0px; width: 100%; z-index: -1; }
.footer-border { background: url("img/xfooter-border.png.pagespeed.ic.3TWLjd9w7C.webp") center center repeat-x scroll rgba(0, 0, 0, 0); height: 1px; margin-top: 50px; }
.single-footer-widget {margin-bottom: 30px;overflow: hidden;}
.single-footer-widget, .single-footer-widget a { color: rgb(254, 254, 254); }
.single-footer-widget a:hover { color: rgb(243, 156, 18); }
.single-footer-widget h3 {font-size: 20px;letter-spacing: 1px;/* margin-bottom: 40px; */padding-bottom: 20px;position: relative;}
.single-footer-widget h3::after { border-bottom: 1px dashed rgb(243, 156, 18); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 50px; }
.single-footer-widget.footer-about ul { margin-top: 30px; }
.single-footer-widget.footer-about ul li {/* margin-bottom: 10px; */}
.single-footer-widget.footer-about ul li i { border-right: 1px solid; margin-right: 10px; width: 20px; }
.single-footer-widget.twitter-widget ul li { margin-bottom: 20px; padding-left: 30px; position: relative; }
.single-footer-widget.twitter-widget ul li .twitter-icon { color: rgb(243, 156, 18); left: 0px; position: absolute; }
.single-footer-widget.list-widget ul li {letter-spacing: 1px;/* margin-bottom: 10px; */position: relative;}
.single-footer-widget.list-widget ul li::before { content: ""; display: inline-block; font-family: fontawesome; margin-right: 15px; }
.single-footer-widget.instafeed-widget li { float: left; margin-bottom: 2%; margin-right: 2%; width: 31.33%; }
.footer-bottom-area .footer-border { margin: 0px; }
.footer-copyright-area { padding: 10px 0px; }
.footer-copyright p { margin-bottom: 0px; margin-top: 10px; }
.footer-copyright a.footer-logo { border-bottom: 2px solid; display: block; margin-bottom: 5px; margin-right: 10px; max-width: 300px; padding-bottom: 10px; }
.footer-copyright a { color: rgb(255, 255, 255); }
.footer-social-bookmark .social-bookmark li a { background: none 0px 0px repeat scroll rgba(255, 255, 255, 0.1); border-radius: 50%; color: rgb(255, 255, 255); display: inline-block; font-size: 14px; height: 30px; margin: 0px 2px; padding-top: 3px; text-align: center; width: 30px; }
.footer-social-bookmark .social-bookmark li a:hover { background: rgb(243, 156, 18); color: rgb(255, 255, 255); }
a.scrolltotop { background: none 0px 0px repeat scroll rgb(243, 156, 18); bottom: 20px; box-shadow: transparent 0px 0px 0px 7px; color: rgb(255, 255, 255); display: none; font-size: 20px; height: 40px; padding-top: 5px; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 99; }
a.scrolltotop:hover { box-shadow: rgb(39, 39, 39) 0px 0px 0px 0px; background: rgb(39, 39, 39); }
.home-two .single-blog { margin-top: -244px; }
.home-two .welcome-area { padding-bottom: 200px; }
.home-two .blog-area.blog-bottom .single-blog { margin-top: 0px; }
.home-four .about-area.section-padding { padding-bottom: 50px; }
.home-four .promo-top-area.section-padding { background: inherit; padding-bottom: 50px; }
.home-four .service-bottom-area-bg { background: url("img/service/monta.jpg") 0px 0px repeat scroll rgba(0, 0, 0, 0); }
.top-area.single-page { height: 500px; }
.single-page .top-area-bg::after { opacity: 0.7; }
.single-page .welcome-text h2 { margin-bottom: 10px; }
.page-location li { display: inline-block; }
.page-location li a { color: rgb(255, 255, 255); display: block; padding: 0px 10px; }
.blog-page .single-blog { border-radius: 0px; margin-bottom: 50px; }
.blog-page .single-blog .post-date { margin-bottom: 20px; margin-top: -10px; }
.blog-page .single-blog .post-date a i { margin-right: 10px; }
.blog-page .single-blog .post-date a:hover { color: rgb(243, 156, 18); }
.blog-page .blog-image img { width: 100%; }
.pagination li a { border-radius: 0px; color: rgb(102, 102, 102); padding: 10px 20px; }
.pagination li a:hover, .pagination li.active a, .pagination li a:focus { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); border-color: rgb(243, 156, 18); }
.single-sidebar-widget { box-shadow: rgb(221, 221, 221) 0px 3px 7px; margin-bottom: 50px; padding: 20px; }
.single-sidebar-widget h4::after { border-bottom: 1px dashed rgb(243, 156, 18); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 50px; }
.single-sidebar-widget h4 { margin-bottom: 30px; padding-bottom: 10px; }
.widget_search form { border: 1px solid rgb(221, 221, 221); height: 40px; position: relative; width: 100%; }
.widget_search form input { border: 0px none; height: 100%; left: 0px; padding: 8px 40px 8px 8px; position: absolute; top: 0px; width: 100%; }
.widget_search form button { background: none 0px 0px repeat scroll rgb(93, 107, 130); border: 0px none; color: rgb(255, 255, 255); height: 100%; position: absolute; right: 0px; top: 0px; transition: all 0.3s ease 0s; width: 50px; }
.widget_search form button:hover, .tagcloud a:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); border-color: rgb(243, 156, 18); }
.widget_categories li { margin: 5px 0px; position: relative; }
.widget_categories li::before { content: ""; display: inline-block; font-family: fontawesome; margin-right: 10px; }
.single-sidebar-widget li a:hover { color: rgb(243, 156, 18); }
.single-sidebar-widget { box-shadow: rgb(221, 221, 221) 0px 3px 7px; margin-bottom: 50px; padding: 20px; }
.widget_recent_entries li { margin-bottom: 15px; overflow: hidden; }
.tagcloud a { border: 1px solid rgb(221, 221, 221); display: inline-block; margin-bottom: 9px; margin-right: 5px; padding: 5px 10px; text-transform: capitalize; }
blockquote { background: none 0px 0px repeat scroll rgb(241, 241, 241); border: 0px none; font-size: 16px; font-style: italic; line-height: 1.7em; position: relative; padding: 20px 30px; text-transform: capitalize; z-index: 1; }
blockquote::after, blockquote::before { content: ""; font-family: fontawesome; font-size: 50px; height: 50px; left: 0px; line-height: 1; opacity: 0.3; position: absolute; top: 0px; width: 50px; z-index: -1; }
blockquote::before { inset: auto 8px 0px auto; content: ""; }
.share-button, .comments-area, .comments-form-area { box-shadow: rgb(221, 221, 221) 0px 3px 7px; margin-bottom: 50px; padding: 20px; }
.comments-area h4, .comments-form-area h4 { margin-bottom: 30px; }
.comments-area ul li { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 20px; padding-bottom: 20px; padding-left: 90px; position: relative; }
.comments-area ul li:nth-child(2n) { margin-left: 80px; }
.comments-area ul li .comments-author-thumb { height: 80px; left: 0px; position: absolute; top: 0px; width: 80px; }
.half-width input { border: 1px solid rgb(221, 221, 221); margin-bottom: 14px; padding: 10px; width: calc(50% - 10px); }
.comment-form textarea { border: 1px solid rgb(221, 221, 221); margin-bottom: 15px; padding: 10px; width: 100%; }
.comment-form button { background: none 0px 0px repeat scroll rgb(93, 107, 130); border: 0px none; color: rgb(255, 255, 255); padding: 10px 20px; transition: all 0.3s ease 0s; }
.comment-form button:hover { background: none 0px 0px repeat scroll rgb(243, 156, 18); }
.service-image { margin-bottom: 40px; }
.service-image img { width: 100%; }
.service-details-text { margin-bottom: 50px; }
.service-menu h4 { background: none 0px 0px repeat scroll rgb(243, 156, 18); color: rgb(255, 255, 255); margin-bottom: 0px; padding: 10px; text-align: center; }
.service-menu ul { border: 1px solid rgb(221, 221, 221); }
.service-menu > ul li { border-top: 1px dashed rgb(221, 221, 221); display: block; margin-top: -1px; }
.service-menu ul li a { display: block; padding: 10px 20px; }
.service-menu ul li a i { float: right; }
.service-menu ul li a:hover { color: rgb(243, 156, 18); }
.error-content img { margin-bottom: 40px; }
.error-content h3 { }
.error-content h2, .error-content h3 { letter-spacing: 1px; text-transform: capitalize; }
.error-area .read-more { width: auto; }
.preeloader { background: none 0px 0px repeat scroll rgb(255, 255, 255); height: 100%; position: fixed; width: 100%; z-index: 999999; }
.preloader-spinner { animation: 1s ease-out 0s infinite normal none running pulsate; border: 5px solid rgb(243, 156, 18); border-radius: 40px; display: block; height: 40px; left: 50%; margin: -20px 0px 0px -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 10; }
@-webkit-keyframes pulsate { 
  0% { opacity: 0; transform: scale(0.1); }
  50% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.2); }
}
@keyframes pulsate { 
  0% { opacity: 0; transform: scale(0.1); }
  50% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.2); }
}
@media only screen and (min-width: 1920px) {
  .welcome-text h1 { font-size: 60px; }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .navbar-header { margin-top: 2px; }
  ul#nav li a { padding: 30px 10px; }
  .is-sticky ul#nav li a { padding: 22px 10px; }
  .welcome-text h1 { font-size: 45px; }
  .search-and-language-bar { margin-top: 20px; }
  .service-content h2 { font-size: 28px; }
  .area-title h2 { font-size: 36px; }
  .about-details-menu li a { font-size: 16px; padding: 10px 20px; }
  .single-service-two { padding: 20px 20px 20px 100px; }
}
@media (max-width: 991px) and (min-width: 768px) {
  .section-padding { padding: 80px 0px; }
  .padding-top { padding-top: 80px; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.in { display: block !important; }
  .navbar-header .collapse, .navbar-toggle { border: 2px solid rgb(243, 156, 18); border-radius: 0px; display: block !important; }
  .navbar-toggle .icon-bar { background: none 0px 0px repeat scroll rgb(243, 156, 18); }
  .navbar-header { float: none; }
  .navbar-header { border-bottom: 1px solid rgb(243, 156, 18); margin: 0px; padding: 15px 0px; }
  ul#nav { width: 100%; max-height: 200px; overflow: hidden scroll; }
  ul#nav li { float: none; }
  .is-sticky .navbar-header { margin: 0px; padding: 5px 0px; }
  .navbar-brand { margin-top: -2px; padding: 3px; }
  .is-sticky .navbar-brand { margin-top: -2px; }
  .mainmenu-area { background: none 0px 0px repeat scroll rgb(39, 39, 39); }
  ul#nav li a, .is-sticky ul#nav li a { color: rgb(255, 255, 255); padding: 10px 15px; }
  ul#nav li a::after { display: none; }
  .welcome-text { text-align: center; }
  .welcome-text h1 { font-size: 42px; letter-spacing: 2px; }
  .search-and-language-bar { display: none; }
  .single-blog { margin-bottom: 30px; }
  .blog-area .row > div:last-child .single-blog { margin-bottom: 0px; }
  .home-two .blog-area .row > div:last-child .single-blog { margin-top: 0px; }
  .blog-image img { width: 100%; }
  .quote-form-area { margin-bottom: 50px; }
  .service-content { margin-bottom: 50px; }
  .service-catalouge-content-area { margin-bottom: 50px; }
  .service-bottom-area-bg::after { width: 100%; }
  .service-icon-hexagon { left: 0px; }
  .promo-top-area { background: inherit; }
  .about-left-content-area { margin-bottom: 50px; }
  .faqs-left-img { margin-bottom: 50px; }
  .faqs-left-img img { width: 100%; }
  .about-details-menu li a { font-size: 14px; padding: 10px; }
  .promo-img img { width: 100%; }
  .about-history-content img { width: 100%; }
  .annual-reports-image { margin-bottom: 30px; }
  .annual-reports-image img { width: 100%; }
  .service-area-three.section-padding { padding-bottom: 50px; }
  .about-history-content.history-list { margin-bottom: 0px; }
  .footer-copyright-area { padding: 15px 0px; }
  .footer-copyright-area, .footer-social-bookmark { text-align: center; }
  .footer-social-bookmark { margin-top: 19px; }
  .quote-form .width-half input { width: 48.5%; }
  .contact-form { margin-bottom: 50px; }
  .contact-image { text-align: center; }
  .service-menu { margin-top: 50px; }
}
@media only screen and (max-width: 767px) {
  .section-padding { padding: 50px 0px; }
  .area-title { margin-bottom: 50px; }
  .area-title h2 { font-size: 26px; }
  .padding-top { padding-top: 50px; }
  .navbar-header {/* border-bottom: 1px solid rgb(243, 156, 18); */margin: 0px;padding: 15px 0px;}
  ul#nav { width: 100%; max-height: 200px; overflow: hidden scroll; }
  ul#nav li { float: none; }
  .navbar-brand { margin-top: -3px; padding: 8px; }
  .is-sticky .navbar-brand { margin-top: -3px; }
  .mainmenu-area { background: none 0px 0px repeat scroll rgb(39, 39, 39); }
  ul#nav li a, .is-sticky ul#nav li a { color: rgb(255, 255, 255); padding: 10px 15px; }
  ul#nav li a::after { display: none; }
  .is-sticky .navbar-brand > img { max-width: 100%; }
  .is-sticky .menu-toggle.full { top: 18px; }
  .flex-v-center { -webkit-box-align: inherit; align-items: inherit; display: inherit; }
  .welcome-text { text-align: center; }
  .welcome-text h1 { font-size: 20px; letter-spacing: 1px; }
  .home-button {/* display: none; *//* min-width: 239px !important; */display: flex;}
  .search-and-language-bar { display: none; }
  .single-blog { margin-bottom: 30px; }
  .blog-area .row > div:last-child .single-blog { margin-bottom: 0px; }
  .blog-image img { width: 100%; }
  .about-count { margin-top: 40px; }
  .quote-form-area { margin-bottom: 50px; }
  .service-content { margin-bottom: 50px; }
  .service-catalouge-content-area { margin-bottom: 50px; }
  .service-bottom-area-bg::after { width: 100%; }
  .service-icon-hexagon { left: 0px; }
  .promo-top-area { background: inherit; }
  .about-left-content-area { margin-bottom: 50px; }
  .faqs-left-img { margin-bottom: 50px; }
  .faqs-left-img img { width: 100%; }
  .about-details-menu li a { font-size: 14px; margin-bottom: 10px; padding: 8px; }
  .promo-img img { width: 100%; }
  .about-history-content img { width: 100%; }
  .annual-reports-image { margin-bottom: 30px; }
  .annual-reports-image img { width: 100%; }
  .service-area-three.section-padding { padding-bottom: 50px; }
  .about-history-content.history-list { margin-bottom: 0px; }
  .footer-copyright-area { padding: 15px 0px; }
  .footer-copyright-area, .footer-social-bookmark { text-align: center; }
  .footer-social-bookmark { margin-top: 19px; }
  .quote-form .width-half input { width: 48.5%; }
  .about-content h2 { font-size: 26px; }
  .service-content h2 { font-size: 26px; }
  .single-promo { margin-bottom: 15px; }
  .single-promo h3 { font-size: 18px; }
  .promo-area .row > div:last-child .single-promo { margin-bottom: 0px; }
  .promo-bottom-content h2 { font-size: 20px; }
  .single-service-two { border: 1px solid rgb(221, 221, 221); margin-bottom: -1px; }
  .subscribe-content h2 { font-size: 26px; }
  .subsriber-form { height: 40px; }
  .subsriber-form input { width: 60%; }
  .subsriber-form button { width: auto; }
  .home-two .welcome-area { padding-bottom: 0px; }
  .home-two .blog-area .single-blog { margin-top: 0px; }
  .home-two .blog-area .row > div:first-child .single-blog { margin-top: 50px; }
  .contact-form { margin-bottom: 50px; }
  .contact-image { text-align: center; }
  .comments-area ul li:nth-child(2n) { margin-left: 30px; }
  .service-menu { margin-top: 50px; }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .section-padding { padding: 50px 0px; }
  .area-title h2 { font-size: 40px; }
  ul#nav { width: 100%; max-height: 200px; overflow: hidden scroll; }
  ul#nav li { float: none; }
}