/* html, body {overflow-x:hidden;} */
body {font-family: "Poppins", sans-serif; overflow-x:hidden; font-size: 16px; line-height: 1.5;}
a {color:#0C0F10; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
a:hover {color:#999; text-decoration:none;}
a:focus, button:fucs, .btn:focus {text-decoration: none; outline:0; border:0;}
.form-control, select {-webkit-border-radius:0!important; border-radius:0!important;}
.btn {-webkit-border-radius:0; border-radius:0; padding:9px 20px; text-transform: uppercase;}
img {max-width:100%; height:auto;}
section {padding:60px 0;}
.container {max-width:1320px;}
h1, h2, h3, h4, .hero_caption {font-family: 'Gilroy';}

.btn-primary {background-color: #0C0F10; border-color: #0C0F10; color: #fff; text-decoration: none;}
.btn-primary:hover, .btn-primary:focus {background-color: #1e2629!important; border-color: #1e2629!important;}

.btn-warning {background-color: #f7921e; border-color: #f7921e; color: #fff; text-decoration: none;}
.btn-warning:hover,
.btn-warning:focus {background-color: #cf7916!important; border-color: #cf7916!important; color: #fff!important;}

header {position: absolute; left:0; right:0; top:0; padding:30px 0; color: #fff; z-index:99; text-align: center;}
.logo {display: block; max-width:130px;}

.heading {font-weight: bold; color: #000; text-decoration: none; margin-bottom:10px;}
.heading span {color: #F7921E;}

#menu {padding:0;}
#menu ul{list-style:none;margin:0;padding:0;text-align:center;}
#menu ul li{display:inline-block;position:relative; margin:0 7px;}
#menu ul li:last-child {margin-right:0; }
#menu ul li a{color:#fff; padding:10px; display:block; text-decoration:none; position:relative; font-size:15px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; }
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a{color: #f7921e;}
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li.current_page_item>a:before,
#menu ul li.current-menu-ancestor>a:before,
#menu ul li.current-menu-item>a:before,
#menu ul li.current-menu-parent>a:before {opacity: 1;}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:#F7921E}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#fff; color:#333; border-bottom:1px solid rgba(0,0,0,0.09)!important;}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;  font-weight:500;}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a{background:#F7921E;color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,
#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s; font-size:14px;}
#menu li>ul li a:hover {background-color: #F7921E;}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:#F7921E;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.sticky { margin:0; position: fixed; top:0; left:0; width:100%; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; padding:15px 0; background-color: #101010;}

.hero_banner {color: #fff; position: relative; background-color: #1a1a1a; background-repeat: no-repeat; background-size: 100% 101%; background-position: center; padding:220px 0 150px;}
.hero_logo {margin:0 auto; max-width:600px; margin-bottom:30px;}
.hero_caption {position: relative; width: 100%; z-index: 6;}
.hero_banner h1 {font-size:130px; font-weight: bold; line-height: 100px; margin-bottom:25px;}
.hero_banner h5 {font-size: 50px; font-weight: 800; margin-bottom:30px; color: rgba(255,255,255,0.3);}
.hero_banner p {font-size: 30px; font-weight: normal; margin-bottom:20px; color: rgba(255,255,255,0.9);}
.hero_banner .container {position: relative;}
.arrows {position: absolute; left:4%; top:30%; display: inline-block;}
.dots_graph {position: absolute; right:4%; top:-70px; display: inline-block;}

.hero_img {text-align: right; z-index: 3; position: absolute; right:20px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-width:600px; display: inline-block;}
.hero_img img {max-width:100%; margin-top:70px;}

.section_title .title_text {z-index: 1; line-height: 1; font-size: 85px; position: relative; margin-bottom:50px; letter-spacing: -0.49px;}
.section_title .focus_text {left:0; top:50%; right:0; z-index:-1; color:rgba(0,0,0,0.04); line-height: 1; font-size: 175px; font-weight: 700; position: absolute; letter-spacing: -0.03em;
  -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.section_title p {font-size:26px; margin-bottom:0; letter-spacing:0.38px;}


.services_section {position: relative; padding-top:80px;}
.services .section_title{margin-bottom:100px}
.service_single_item{padding:15px 15px 0;position:relative;z-index:1;overflow:hidden;margin-top:30px}
.service_single_item i{ height: 7rem; width: 7rem; }
.services_icon {margin-bottom: 20px;}
.services_icon img,
.services_icon svg { width: 65px; height: 40px; display: inline-block; margin:0 auto; object-fit: scale-down;}
.service_single_item i::after{position:absolute;content:"";height:20px;width:20px;top:0;left:0;background-color:#181818;z-index:-1;border-radius:52% 48% 23% 77% / 44% 68% 32% 56%;-webkit-border-radius:52% 48% 23% 77% / 44% 68% 32% 56%;-moz-border-radius:52% 48% 23% 77% / 44% 68% 32% 56%;-ms-border-radius:52% 48% 23% 77% / 44% 68% 32% 56%;-o-border-radius:52% 48% 23% 77% / 44% 68% 32% 56%;transition:.3s cubic-bezier(0.075,0.82,0.165,1);-webkit-transition:.3s cubic-bezier(0.075,0.82,0.165,1);-moz-transition:.3s cubic-bezier(0.075,0.82,0.165,1);-ms-transition:.3s cubic-bezier(0.075,0.82,0.165,1);-o-transition:.3s cubic-bezier(0.075,0.82,0.165,1);transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}
.service_single_item h6{font-size:14px; font-weight: 400; display:inline-block;color:#fff;position:relative;overflow:hidden;text-transform:capitalize;margin:0; min-height: 40px;transition: all .3s linear;}
.service_items ul {list-style: none; display: flex; flex-wrap: wrap; margin: 0 -10px; padding: 0;}
.service_items ul li{flex: 0 0 auto; width: 12.5%; max-width: 12.5%; padding: 0 10px;}
.service_items .col-lg-2 { width: 12.5%; max-width: 12.5%;}
.service_single_item{padding:25px 10px 0;position:relative;z-index:1;overflow:hidden;margin-top:30px; border-radius: 5px; text-align: center; background-color:#b9549e;}
.getin_touch_section {padding-bottom:80px;}
.service_single_item:hover h6:after {width: 50%;}

.gallery_section {position: relative; background-color: #f5f5f5; padding-top:100px}
.gallery_section .nav-tabs {display: block; text-align: center; border:0; margin: 0 0 50px; position: relative; z-index: 9;}
.gallery_section .nav-tabs .nav-item {display: inline-block;}
.gallery_section .nav-tabs .nav-link {border:0; margin:0; background-color: transparent; color:#000; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; padding:0 28px 10px; position: relative;}
.gallery_section .nav-tabs .nav-link:before {position: absolute; left:50%; transform: translateX(-50%); bottom:0; content:""; width:50px; height:2px; background:#b9549e; opacity: 0;}
.gallery_section .nav-tabs .nav-item.show .nav-link, .gallery_section .nav-tabs .nav-link.active {border:0; color:#b9549e;}
.gallery_section .nav-tabs .nav-item.show .nav-link, .gallery_section .nav-tabs .nav-link.active:before {opacity: 1;}
.gallery_section .nav-tabs .nav-link:focus, .gallery_section .nav-tabs .nav-link:hover {border:0; margin:0; color:#b9549e;}
.project_list {padding: 0 30px;}
.project_list ul { margin: 0 -20px; list-style: none; padding: 0; overflow: hidden;}
.project_list ul li {padding: 0 20px; float: left; width: 50%; }
.project_list ul li img{ width: 100%; border-radius:5px;}
.project-box .port-pic { position: relative; z-index: 1; }
.project-box { width: 100%; position: relative; margin-bottom: 25px;  }
.project-box .port-pic {  position: relative;  z-index: 1; height: 350px; overflow: hidden;}
.project-box .port-pic img { width: 100%;   max-width: 100%; }
.project-box .port-pic .port-overlay {position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); width: 92%; }
.port-content {border-radius: 5px;background-color: #fff;padding: 1.5rem 4rem 1.5rem 2rem;position: relative;z-index: 1;transform: translate(0, -90px);opacity: 0;visibility: hidden;transition: .5s ease-in-out;  color:#141414;}
.port-content h5 {  color: #000;  text-transform: uppercase;  font-weight: 700;   line-height: 1; }
.port-content span {  color:#b9549e; }
.project-box:hover .port-content { transform: translate(0, 0); opacity: 1; visibility: visible; }
.project-box:hover:hover .port-pic img {opacity: 0.25; }

.counter_section {background-color: #eee;}
.counter_item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;align-items: center;}
.counter_item .count_text {line-height: 1; color: #333; font-size: 72px; margin-right: 20px; letter-spacing: -0.06em;}
.counter_item .item_title {margin: 0; color: #333; font-size: 18px;}
.counter_item .item_title small {font-size: inherit;}

.testimonials_sec {position: relative; padding-top:80px;}
.testimonial_block {position: relative; text-align: center;}
.quote_icon {font-size: 60px; color: #F7921E; text-align: center;}
.testimonial_block p {font-style: italic; font-size:16px; line-height: 1.8;}
.testiname {position: relative; margin: 30px 0 0;}
.testiname b {display: block; font-size: 17px;}
.testiname .checked {color: orange;}
.testimonial_slider .owl-prev, .testimonial_slider .owl-next {position: absolute; top: 20%; transform: translateY(-20%); font-size: 40px !important;}
.testimonial_slider .owl-prev {left: -50px;}
.testimonial_slider .owl-next {right: -50px;}

footer {color: #fff; padding:70px 0; background-color: #101010; text-align: center; display: block; overflow: hidden;}
footer h2 {color:#fff; line-height:1; font-size:36px; margin-bottom:0; }
footer .contact_info_list {padding: 25px 0 30px; list-style: none; margin:0; text-align: center; display: block;}
footer .contact_info_list li:nth-child(1) {line-height: 1; font-size: 50px; font-weight: 700; padding: 8px 0 25px; letter-spacing: -0.06em; margin-bottom:10px;}
footer .contact_info_list li:nth-child(1) a {color: #b9549e;}
footer .contact_info_list li:nth-child(2) {line-height: 1; font-size: 26px; letter-spacing: -0.04em;}
footer .contact_info_list li:nth-child(2) a {color: #d0d0d0;}
footer .footer_bottom {display: block;}
footer .social_primary a {color: #fff;}
footer .copyright_text {color: #fff; text-align: left;}
footer .copyright_text a {font-weight: 600; color: #fff; text-decoration: underline;}
ul.social_primary {list-style: none; padding:0; margin:0; display: inline-block; text-align: right;}
ul.social_primary li {display: inline-block;}