/*-----------------------------------------------------------------------------------
 CSS INDEX
===================

1. Theme Default CSS (body, link color, section etc)
2. Header Top Area
2.1 Header Bottom Area
2.2. Sticky Header Area
2.3. Mobile Menu Area
3. Intro Area
4.Welcome Services Area
5. About area
6. Services Area
7.Counter Area Css
8. Overview Area
9. Achivement Area Css
10.Reviews Area Css
11. Brand Area
12. Blog Area
13. Footer Area
14.Home page 02
15.Tab Area
16. Team Area
17. Quote Area
18. FAQ  Area
19.Self Area Css
20.	Home-page 03  CSS
21.Pricing area css
22.	Home page 04
23 .Sub Services Area
24. Breadcumbs Area
25. Blog Sidebar Area
26. Blog Details
27. researchs Area
28. Services Details area
29. Contact Us  CSS
30.Animation  CSS
31.Compare CSS


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700,800,900&display=swap');


/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
height: 100%;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.alignleft {
float:left;
margin-right:15px;
margin-bottom: 15px;
}
.alignright {
float:right;
margin-left:15px;
margin-bottom: 15px;
}
.aligncenter {
display:block;
margin:0 auto 15px;
}
a:focus {
outline:0px solid;
}
img {max-width:100%;
}
object {
  max-width:100%;


}
.fix {
overflow:hidden;
}
p {
margin:0 0 15px;
color: #6b6d7e;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
margin: 0 0 15px;
color: #151b2c;
font-weight: 600;
}
h1{
font-size: 48px;
line-height: 54px;

}
h2{
font-size: 38px;
line-height: 44px;

}
h3{
font-size: 30px;
line-height: 36px;

}
h4{
font-size: 24px;
line-height: 32px;

}
h5{
font-size: 20px;
line-height: 30px;

}
h6{
font-size: 16px;
line-height: 28px;

}
a {
transition: all 0.3s ease 0s;
text-decoration:none;
}
a:hover {
color: #ff5e14;
text-decoration: none;
}
a:active, a:hover {
outline: 0 none;
}
a:hover, a:focus {
color: #ff5e14;
text-decoration: none;
}
#redteam {
color: #e92d45;
max-height: 80px;
max-width: 100px;
text-decoration: none;
}
.redteam {
color: #E01A33;
position: relative;
line-height: 150%;
letter-spacing: 0.04rem;
font-weight: 700;
padding-top: 10px;
}
.redteam:before {
content: "";
margin-bottom: 1.5rem;
height: 3.60rem;
border-right: 2px solid #E01A33;
position: absolute;
top: 0;
z-index: 1;
}
.red_team {
color: #E01A33;
position: relative;
line-height: 150%;
letter-spacing: 0.04rem;
padding-top: 40px;
}
body {
background: #fff none repeat scroll 0 0;
color: #6b6d7e;
font-family: 'Poppins', sans-serif;
font-size: 15px;
text-align: left;
overflow-x: hidden;
line-height: 28px;
}
@media (min-width: 767px) {
#scrollUp {
position: fixed;
padding: 86px 10px 10px;
bottom: 110px;
font-size: 12px;
line-height: 22px;
right: 50px;
width: 100px;
background-color: transparent;
color: #ff5e14;
text-align: center;
height: 20px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-transform: uppercase;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#scrollUp:before {
position: absolute;
width: 30%;
height: 2px;
background-color: #ff5e14;
content: "";
top: 96px;
right: 100%;
z-index: -200 !important;
}
#scrollUp:hover {
bottom: 130px;
transition-duration: 500ms;
}
}

@media (max-width: 767px) {
.about-background {
  background: url(/img/about/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 40px;
  padding: 136px 0px;
}
.product-background {
  background: url(/img/product/bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 50px;
  padding: 80px 0px;
}
.review-background {
  background: url(/img/review/header.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 50px;
  padding: 60px 0px;
}
.redteam-background {
  background: url(/img/red_teaming/bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 50px;
  padding: 80px 0px;
}
.compare-background {
  background: url(/img/compare/bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 50px;
  padding: 80px 0px;
}
.contact-background {
  background: url(/img/contact/bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 50px;
  padding: 80px 0px;
}
#scrollUp {
position: fixed;
padding: 86px 10px 10px;
bottom: 110px;
font-size: 12px;
line-height: 22px;
right: 10px;
width: 100px;
background-color: transparent;
color: #ff5e14;
text-align: center;
height: 20px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-transform: uppercase;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#scrollUp:before {
position: absolute;
width: 30%;
height: 2px;
background-color: #ff5e14;
content: "";
top: 96px;
right: 100%;
z-index: -200 !important;
}
#scrollUp:hover {
bottom: 130px;
transition-duration: 500ms;
}
}

.clear{
clear:both;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
-moz-appearance: none;
box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
outline: none;
}
.navbar-collapse {
padding-left: 0px;
}
::-moz-selection {
background: #ff5e14;
text-shadow: none;
}
::selection {
background: #ff5e14;
text-shadow: none;
}
.bg-color{
background:#f5f5f5;
}
.browserupgrade {
margin: 0.2em 0;
background: #d9d9d9;
color: #000;
padding: 0.2em 0;
}
.area-padding{
padding: 110px 0px;
}
.area-padding-2{
padding: 110px 0px 80px;
}
.area-padding-3{
padding: 50px 0px 80px;
}
.area-padding-4{
padding: 0px 0px 80px;
}
.area-padding-5{
padding: 80px 0px 80px;
}
.section-headline {
padding-bottom: 40px;
position: relative;
}
.section-headline h2 {
font-size: 38px;
text-transform: capitalize;
}
.white-headline p {
color: #d9d9d9;
}
.section-headline p {
max-width: 460px;
margin: auto;
font-size: 16px;
}
.white-headline h2{
color:#fff;
}
.white-headline h4{
color:#fff;
}
.white-headline li{
color:#fff;
}
.mar-row{
margin-top: 50px;
}
.simple-text{
font-weight: 400;
}
.color-text{
color: #ff5e14;
}

@media (max-width: 767px) {

#about_bg {
    background-color: #11121f;
    overflow: hidden;
    position: relative;
    margin-top: 44px;
    line-height: 8px;
  }
#vid {
  width: 100vw;
  height: 40vh;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
}

@media (min-width: 767px) {
.about-background {
    background: url(/img/about/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    margin-top: 42px;
    padding: 220px 0px;
  }
.product-background {
    background: url(/img/product/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 10px;
    padding: 280px 0px;
  }
.review-background {
    background: url(/img/review/header.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 10px;
    padding: 280px 0px;
  }
.redteam-background {
    background: url(/img/red_teaming/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 10px;
    padding: 230px 0px;
  }
.compare-background {
    background: url(/img/compare/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 10px;
    padding: 280px 0px;
  }
.contact-background {
    background: url(/img/contact/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 10px;
    padding: 280px 0px;
    }
#about_bg {
    background-color: #11121f;
    overflow: hidden;
    position: relative;
    margin-top: 28px;
    line-height: 8px;
  }
#vid {
  width: 100vw;
  height: 98.6vh;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
}
/*--------------------------------*/
/*  2. Header top Area
/*--------------------------------*/
.topbar-left ul li {
display: inline-block;
}
.topbar-area {
background: #0a1229;
}
.topbar-left ul li a {
color: #d9d9d9;
display: block;
margin-right: 20px;
padding: 10px 0;
text-decoration: none;
font-size: 14px;
letter-spacing: 0.60px;
}
.topbar-left ul li a i {
color: #fff;
font-size: 16px;
padding-right: 7px;
}
.topbar-left ul li:last-child a{
margin-right:0px;
}
.top-social {
float: right;
padding: 10px 0px;
}
.top-social ul li{
display: inline-block;
}
.top-social ul li a {
color: #fff;
margin-left: 5px;
display: block;
text-align: center;
font-size: 12px;
width: 24px;
height: 24px;
line-height: 23px;
border-radius: 50%;
background: #ff5e14;
border:1px solid #ff5e14;
}
.top-social ul li a:hover{
color:#ff5e14;
background:transparent;
}
/*----------------------------------------*/
/*  2.1 Header Bottom Area
/*----------------------------------------*/
.header-one {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
}
.header-index-area{
background:rgba(2,14,41,0.6);
}
.header-area{
background:rgba(2, 14, 41, 0.8);
}
.logo {
display: block;
}
.logo a {
display: inline-block;
}
.main-menu ul.navbar-nav li {
float: left;
position: relative;
}
.main-menu ul.navbar-nav li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 35px 18px;
text-transform: capitalize;
position: relative;
}
.main-menu ul.navbar-nav li a:hover{
color: #ff5e14;
}
.main-menu ul.navbar-nav li.active a:focus {
color: #fff;
}
.main-menu ul.navbar-nav li.active a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ff5e14;
position: relative;
z-index: 9999999;
}
.navbar {
border: medium none;
margin-bottom: 0;
}
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: none;
color:#fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: none;
}
.main-menu ul.nav li ul.sub-menu {
background: #fff;
left: 0;
opacity: 0;
position: absolute;
top: 115%;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 200px;
z-index: -99;
padding: 10px 0px;
border-top: 2px solid #ff5e14;
}
.pages {
position: relative;
}
.main-menu ul.nav > li> a.pages::after {
color: #fff;
content: "\e64b";
font-family: themify;
font-size: 12px;
position: absolute;
padding: 3px 0px;
right: 0px;
top: 35px;
}
.main-menu ul.nav > li> a:hover.pages::after{
color: #ff5e14;
}
.navbar.navbar-default {
float: right;
}
.main-menu ul.nav li ul.sub-menu li {
padding: 0;
position: relative;
width: 100%;
}
.main-menu ul.nav li:hover ul.sub-menu{
top:100%;
opacity:1;
z-index:999;
visibility:visible;
}
.main-menu ul.nav li ul.sub-menu li a {
color: #151b2c;
display: inline-block;
font-size: 15px;
padding: 7px 30px;
position: relative;
}
.main-menu ul.nav li ul.sub-menu li a::after {
position: absolute;
content: "\e628";
left: 50%;
top: 7px;
font-family: themify;
font-size: 15px;
color: #ff5e14;
opacity: 0;
transition: 0.5s;
font-weight: 700;
}
.main-menu ul.nav li ul.sub-menu li a:hover::after {
left: 90%;
opacity: 1;
transition: 0.5s;
}
.main-menu ul.nav li ul.sub-menu li a span{
color: #ff5e14;
}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{
color:#ff5e14;
}
.header-right-link {
float: right;
width: 200px;
padding: 30px 0px;
margin-left: 70px;
text-align: right;
}
.slice-btn {
display: inline-block;
padding: 0px 15px;
}
.slice-btn span {
font-size: 20px;
font-weight: 500;
color: #151b2c;
cursor: pointer;
line-height: 28px;
}
.search-inner {
display: inline-block;
margin-right: 15px;
}
.search-option {
background: #f5f5f5;
bottom: -84px;
color: #fff;
display: none;
position: absolute;
right: 20px;
width: 300px;
z-index: 99999;
padding: 20px;
}
.search-option input {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #fff;
display: block;
float: left;
font-size: 14px;
font-style: italic;
padding: 8px 10px;
width: 214px;
height: 44px;
}
.search-option button.button {
background: #ff5e14;
border: medium none;
color: #fff;
display: inline-block;
float: right;
font-size: 17px;
line-height: 35px;
padding: 5px 15px;
text-align: center;
}
.header-right-link a.main-search {
color: #fff;
display: inline-block;
font-size: 18px;
position: relative;
}
.header-right-link a.main-search:hover{
color: #ff5e14;
}
.s-menu {
padding: 12px 20px;
border-radius: 2px;
background: #ff5e14;
color: #fff;
transition: 0.4s;
font-size: 15px;
font-weight: 500;
}
.s-menu:hover {
background: transparent;
color:#ff5e14;
transition: 0.4s;
}
.header-area.stick  .header-right-link {
padding: 25px 0px;
}
/*--------------------------------*/
/* 2.2. Sticky Header Area
/*--------------------------------*/
.header-area.stick {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
background: #020E29;
}
.header-area.stick .logo a {
display: inline-block;
height: auto;

}
.header-area.stick .main-menu ul.navbar-nav li a {
color: #fff;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
color: #151b2c;
display: inline-block;
padding: 7px 30px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{
color: #ff5e14;
}
.header-area.stick .main-menu ul.nav > li> a.pages::after {
right: -1px;
top: 30px;
}
/*--------------------------------*/
/* 2.2. Sticky Index Header Area
/*--------------------------------*/
.header-index-area.stick {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
background: #020E29;
}
.header-index-area.stick .logo a {
display: inline-block;
height: auto;

}
.header-index-area.stick .main-menu ul.navbar-nav li a {
color: #fff;
}
.header-index-area.stick .main-menu ul.nav li ul.sub-menu li a {
color: #151b2c;
display: inline-block;
padding: 7px 30px;
}
.header-index-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{
color: #ff5e14;
}
.header-index-area.stick .main-menu ul.nav > li> a.pages::after {
right: -1px;
top: 30px;
}
/*----------------------------------------*/
/*  2.3. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
background: #020E29 none repeat scroll 0 0;
padding: 10px 0px ;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #020E29;
}
.mean-container .mean-bar::after {
content: "";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
text-transform: uppercase;
font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
color:#ff5e14
}
.mean-container .mean-nav ul {
list-style-type: none;
margin: 20px 0px;
padding: 0;
width: 100%;
}
.mean-container .mean-nav ul li a {
background: #020E29 none repeat scroll 0 0;
color: #fff;
display: block;
float: left;
font-size: 15px;
font-weight: 500;
margin: 0;
padding: 13px 10px;
text-align: left;
text-decoration: none;
width: 85%;
}
.mean-nav ul li.mean-last {
margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
color: #fff;
line-height: 17px;
}
.mean-container .mean-nav ul li {
width: 99.7%;
}
.mean-container .mean-nav ul li a.mean-expand{
background: #020E29;
}
.mean-container .mean-nav ul li{
background: #020E29;
}
/*----------------------------------------*/
/*  3. Intro Area
/*----------------------------------------*/
.intro-area{
position: relative;
overflow: hidden;
}
.intro-area .bg-wrapper{
position: relative;
}
.bg-wrapper img,
.intro-bg img{
max-width: 100%;
height: 2000px;
opacity: 0.75;
}
.intro-area .intro-bg{
position: absolute;
top: 0px;
min-height: 500px;
z-index: 2;
}
.display-table{
width: 100%;
height: 100%;
display: table;
}
.display-table-cell{
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.intro-content {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: auto;
margin-top: -145px;
}
.slider-content {
position: relative;
}
.best-title {
font-size: 15px;
padding: 0px 0px 0px 15px;
font-weight: 500;
color: #d9d9d9;
text-transform: capitalize;
}
.layer-2 p {
font-size: 20px;
line-height: 30px;
max-width: 600px;
color: #e0e2e3;
margin-bottom: 30px;
}
.layer-1 h2 {
color: #fff;
font-size: 54px;
line-height: 64px;
max-width: 640px;
margin-bottom: 20px;
}
.ready-btn {
color: #fff;
font-weight: 600;
padding: 13px 30px;
display: inline-block;
text-transform: capitalize;
font-size: 18px;
 border-radius: 3px;
}
.anti-btn {
background-color: #ff5e14;
color: #fff;
position: relative;
z-index: 1;
border-radius: 3px;
}
.anti-btn::before{
background-color: #071942;
position: absolute;
content: '';
height: 100%;
width: 0;
top: 0;
left: auto;
right: 0;
z-index: -1;
border-radius: 2px;
-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.anti-btn:hover{
color:#fff;
transform: translateY(-5px);
transition: 0.5s;
 border-radius: 3px;
}
.anti-btn:hover::before{
width: 100%;
left: 0;
right: auto;
color: #fff;
}
.color {
color: #ff5e14;
}
.slider-content .video-content {
display: inline-block;
margin-left: 30px;
}
.slider-content .video-play.vid-zone i {
border-radius: 50%;
display: inline-block;
text-align: center;
height: 30px;
width: 30px;
line-height: 30px;
position: relative;
font-size: 14px;
background: #fff;
color: #ff5e14;
margin-right: 10px;
transition: 0.4s;
}
.slider-content .video-content a span {
color: #fff;
font-size: 18px;
font-weight: 600;
transition: 0.4s;
}
.slider-content .video-content a:hover i {
background: #ff5e14;
color: #fff;
transition: 0.4s;
}
.slider-content .video-content a:hover span {
color: #ff5e14;
transition: 0.4s;
}
/*----------------------------------------*/
/*  4. Wellcome Services Area
/*----------------------------------------*/
.left-headline h2 {
font-size: 32px;
}
.left-headline p {
font-size: 16px;
letter-spacing: 0.60px;
}
.well-services{
padding: 50px 40px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
position: relative;
border-radius: 3px;
margin-bottom: 30px;
overflow: hidden;
z-index: 1;
}
.well-services::after{
position: absolute;
left:0;
bottom:0;
width: 0%;
height: 2px;
background: #fe5e15;
content:"";
transition: 0.5s;
}
.well-services:hover::before {
transition: 0.4s;
opacity: 1;
top: 0px;
}
.services-column{
margin-top: 30px;
}
.well-content h4 {
font-size: 24px;
line-height: 30px;
text-transform: capitalize;
}
.well-content h4 a{
color:#151b2c;
}
.well-content p{
margin-bottom: 0px;
}
.well-services:hover::after{
width: 100%;
height: 2px;
background: #fe5e15;
transition: 0.5s;
}
.well-content h4 a:hover {
color:#fe5e15;
}
.well-icon {
margin-bottom: 30px;
display: block;
}
.well-icon a {
font-size: 50px;
line-height: 90px;
color: #fe5e15;
width: 90px;
height: 90px;
border-radius: 50%;
display: inline-block;
text-align: center;
transition: 0.5s;
}
.well-services:hover {
background: #020e29;
transition: 0.4s;
}
.well-services:hover .well-icon a, .well-services:hover .well-content h4 a{
color: #f5f5f5;
}
.well-services:hover .well-content p{
color:#d9d9d9;
}
.well-services:hover .well-icon a{
transform: translateY(-5px);
transition: 0.5s;
}
/*--------------------------------*/
/* 5.About Area
/*--------------------------------*/
.feature-area {
position: relative;
}
.right-headline h2 {
font-size: 32px;
}
.feature-image {
border-radius: 10px;
position: relative;
overflow: hidden;
padding-right: 30px;
}
.feature-image img {
border-radius: 10px;
}
.over-img {
position: absolute;
right: 0px;
top: 1%;
width: 220px;
height: 220px;
border-radius: 50%;
border: 6px solid #ff5e15;
}
.support-services {
padding-top: 30px;
}
.support-images {
float: left;
font-size: 60px;
color: #ff5e14;
line-height: 60px;
text-align: center;
transition: 0.4s;
font-weight: 400;
margin-right: 15px;
}
.support-content {
padding-left: 90px;
}
.support-services .support-content h4 {
font-size: 20px;
text-transform: capitalize;
padding-bottom: 0px;
letter-spacing: 1px;
}
.support-services .support-content h4 a {
color: #151b2c;
}
.right-headline p,
.support-services .support-content p {
margin-bottom: 0px;
}
.feature-images {
padding-right: 30px;
}
.feature-area-2 .feature-images {
padding-right: 0px;
padding-left: 30px;
}
.feature-all {
margin-left: 30px;
margin-top: 10px;
}
.feature-area-2 .feature-all {
margin-left: 0px;
margin-right: 30px;
}
.feature-area-2 .over-img {
left: 0px;
right: auto;
}
/*--------------------------------*/
/* 6. Services Area
/*--------------------------------*/
.service-area {
position: relative;
}
.service-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
width: 100%;
max-height:500px;
height: 100%;
position: relative;
z-index: 1;
padding: 110px 0px 150px;
}
.service-bg::after{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background:rgba(2,14,41,0.9);
content:"";
z-index: -1;
}
.services-item {
margin-top: -300px;
padding-bottom: 100px;
}
.single-service {
z-index: 1;
background: #fff;
padding: 40px 30px;
overflow: hidden;
border-radius: 2px;
margin-bottom: 30px;
position: relative;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.single-service::after{
position: absolute;
left:0;
top:0;
width: 100%;
height: 0%;
background:#020E29;
opacity: 0;
transition: 0.4s;
content:"";
z-index: -1;
}
.service-icon span {
font-size: 70px;
line-height: 70px;
margin-bottom: 20px;
display: inline-block;
color: #ff5e14;
}
.service-content h4 {
display: inline-block;
font-size: 22px;
margin-bottom: 0;
padding: 0 0 15px;
text-transform: capitalize;
}
.service-content h4 a{
color:#151b2c;
}
.single-service:hover::after {
transition: 0.4s;
opacity: 1;
height: 100%;
}
.service-content p {
font-size: 16px;
margin-bottom: 0px;
}
.single-service:hover .service-icon span,
.single-service:hover .service-content h4 a{
color:#fff;
}
.single-service:hover .service-content p{
color:#d9d9d9;
}
.top-icon {
position: absolute;
right: 0px;
font-size: 100px;
line-height: 100px;
color: #666;
top: 0px;
z-index: -1;
opacity: 0.2;
transition: 0.5s;
}
.single-service:hover .top-icon {
right: 10px;
font-size: 160px;
line-height: 160px;
color: #ddd;
top: 10px;
opacity: 0.2;
transition: 0.5s;
z-index: 2;
}
/*----------------------------------------
7.Counter Area Css
----------------------------------------*/
.fun-content {
overflow: hidden;
display: block;
margin-top: 60px;
}
.fun_text {
text-align: center;
padding: 50px 0px 0px;
position: relative;
z-index: 1;
}
.fun_text::after {
background: url(img/about/shape.png);
background-repeat: no-repeat;
position: absolute;
content: "";
top: 50%;
width: 100px;
height: 100px;
left: 0;
z-index: -1;
right: 0;
margin: auto;
margin-top: -70px;
opacity: 0.3;
}
.fun_text span {
color: #151b2c;
display: block;
font-size: 50px;
padding-bottom: 20px;
line-height: 50px;
font-weight: 700;
}
.fun_text > h4 {
color: #151b2c;
font-size: 20px;
text-transform: capitalize;
margin-bottom: 0px;
}
/*----------------------------------------*/
/* 8. Overview Area
/*----------------------------------------*/
.overview-text {
margin-top: 25px;
}
.overview-text h2 {
font-size: 32px;
line-height: 40px;
}
.overview-content {
border-radius: 5px;
position: relative;
overflow: hidden;
margin-right: 40px;
}
.overview-content::after {
position: absolute;
left: -190px;
top: 20px;
width: 380px;
height: 100%;
content: "";
background: rgba(2,14,41,0.95);
transform: rotate(45deg);
}
.overview-content .video-content {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
margin-top: -30px;
text-align: center;
z-index: 9;
}
.overview-content .video-play.vid-zone {
background: #ff5e14;
border-radius: 100%;
display: inline-block;
height: 80px;
width: 80px;
overflow: hidden;
transition: 0.4s;
border: 1px solid #ff5e14;
}
.overview-content .video-play.vid-zone i {
color: #fff;
font-size: 28px;
line-height: 78px;
}
.overview-content .video-play.vid-zone:hover{
background: #fff;
}
.overview-content .video-play.vid-zone:hover i{
color:#ff5e14;
}
.overview-text li {
display: block;
position: relative;
}
.overview-text ul li a {
color: #6b6d7e;
padding: 6px 0px 6px 40px;
display: block;
line-height: 28px;
}
.overview-text li::after {
position: absolute;
left: 0px;
top: 10px;
content: "\e64c";
font-family: themify;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
border-radius: 50px;
font-size: 11px;
color: #fff;
border:1px solid #fe5e15;
background: #ff5e14
}
/*----------------------------------------
9. Achivement Area Css
----------------------------------------*/
.achivement-area{
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
z-index: 1;
position: relative;
}
.achivement-area::after{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background:rgba(2,14,41,0.8);
content:"";
z-index: -1;
}
.we-services {
overflow: hidden;
}
.digital-services {
width: 20%;
float: left;
}
.digital-wel {
text-align: center;
border: 1px solid #020E29;
padding: 30px;
background: #020E29;
margin: 7px;
}
.digital-icon {
font-size: 60px;
margin-bottom: 20px;
display: block;
line-height: 60px;
}
.digital-content h4 {
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
line-height: 30px;
margin-bottom: 0px;
color:#fff;
}
.award-content h4 {
font-weight: 400;
color: #fff;
font-size: 18px;
text-transform: capitalize;
}
.single-award a {
display: block;
padding: 0px 20px;
}
.award-content {
margin-top: 40px;
overflow: hidden;
text-align: center;
}
/*----------------------------------------
10.Reviews Area Css
----------------------------------------*/
.reviews-area{
position: relative;
}
.review-head h2{
font-size: 32px;
}
.reviews-btn {
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-top: 20px;
padding: 10px 20px;
text-align: center;
text-transform: capitalize;
transition: all 0.4s ease 0s;
border-radius: 3px;
}
.clients-text {
padding: 30px 30px;
position: relative;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
.testi-img {
position: relative;
margin-bottom: 20px;
display: block;
overflow: hidden;
}
.testi-img img {
max-width: 80px;
height: auto;
border-radius: 50px;
border: 2px solid #ff5e14;
float: left;
margin-right: 20px;
}
.guest-details {
margin-top: 20px;
}
.testimonial-carousel .active.center .single-testi .clients-text{
border: 1px solid #020E29;
background: #020E29;
}
.testi-text h4 {
font-weight: 600;
text-transform: capitalize;
font-size: 18px;
margin-bottom: 5px;
line-height:20px;
}
.testimonial-carousel .active.center .testi-text h4{
 color:#fe5e15;
}
.testimonial-carousel .active.center .guest-rev {
font-weight: 400;
color:#d9d9d9;
}
.testimonial-carousel .active.center .testi-text p{
color:#d9d9d9;
}
.testi-text p {
margin-bottom: 0px;
}
.client-rating {
margin-bottom: 15px;
}
.testi-text span a{
color:#ff5e14;
}
.testi-text h5 {
font-size: 20px;
}
.client-rating a {
display: inline-block;
color: #fec731;
font-size: 20px;
padding: 0px 5px 0px 0px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div {
background: #fff;
border: 1px solid #fe5e15;
border-radius: 50%;
color: #fe5e15;
display: inline-block;
font-size: 14px;
height: 40px;
line-height: 38px;
position: relative;
text-align: center;
transition: all 0.5s ease 0s;
width: 40px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
top: 81%;
position: absolute;
left: -40%;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
background: #fe5e15;
border: 1px solid #fe5e15;
color: #fff;
transition: all 0.5s ease 0s;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
top: 81%;
position: absolute;
left: -32%;
}
/*----------------------------------------*/
/*  11. Brand Area
/*----------------------------------------*/
.brand-area  {
background: #0a1229;
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.brand-content h3{
margin: 0 auto;
color: #fff;
font-size: 30px;
max-width: 750px;
line-height: 36px;
font-weight: 600;
}
.brand-items {
display: block;
overflow: hidden;
padding: 0px;
}
.single-brand-item {
display: inline-block;
width: 19%;
}
.single-brand-item a {
display: block;
border: 1px solid #777;
margin: 0px 15px 30px;
padding: 0px 10px;
}
.brand-btn {
display: inline-block;
padding: 12px 20px;
color: #fff;
font-size: 18px;
background: #ff5e14;
border-radius: 3px;
margin-top: 10px;
}
.brand-btn:hover{
color: #fff;
 transition: 0.4s;
}
/*----------------------------------------*/
/*  12. Blog Area
/*----------------------------------------*/
.single-blog {
margin-bottom: 30px;
position: relative;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.blog-grid .image-scale>img {
position: relative;
min-height: 370px;
object-fit: cover;
}
.blog-grid .blog-content {
padding: 40px 20px 40px 30px;
position: absolute;
transition: 0.5s;
border-radius: 4px;
background: #fff;
width: 100%;
height: 100%;
top:0;
left:0;
}
.blog-content a h4 {
font-size: 22px;
line-height: 30px;
transition: 0.4s;
}
.admin-type img {
width: 50px;
height: 50px;
border-radius: 50px;
border: 2px solid #ff5e14;
margin-right: 10px;
}
.date-type i,
.comments-type i{
color: #ff5e14;
margin-right: 5px;
}
.single-blog:hover .blog-content{
transition: 0.4s;
background:rgba(2,14,41,0.9);
}
.blog-content p {
line-height: 28px;
 transition: 0.4s;
}
.single-blog:hover .blog-content a h4:hover{
color:#ff5e14 !important;
transition: 0.4s;
}
.image-scale {
transform: scale(1.1);
display: block;
transition: 0.5s;
}
.single-blog:hover .image-scale {
transform: scale(1);
transition: 0.9s;
}
.blog-meta span {
color: #6c6d6d;
font-size: 14px;
font-weight: 400;
padding-right: 10px;
}
.blog-meta {
position: relative;
margin-bottom: 15px;
}
.blog-meta::before {
position: absolute;
left: -30px;
top: 10px;
content: "";
width: 3px;
background: #ff5e14;
height: 30px;
}
.blog-btn {
color: #151b2c;
display: inline-block;
font-size: 16px;
font-weight: 500;
transition: all 0.4s ease 0s;
position: relative;
}
.blog-btn::after {
position: absolute;
right: -20px;
top: 0px;
content: "\e628";
color: #151b2c;
font-family: themify;
font-size: 16px;
transition: 0.5s;
}
.blog-grid .single-blog:hover .blog-btn:hover {
background: transparent;
color:#ff5e14;
transition: 0.4s;
}
.blog-grid .single-blog:hover .blog-btn::after{
color:#fff;
transition: 0.5s;
}
.blog-grid .single-blog:hover .blog-btn:hover::after{
color:#ff5e14;
transition: 0.4s;
right: -30px;
}
.blog-grid .single-blog:hover .blog-btn{
color:#fff;
}
.blog-grid .single-blog:hover .blog-meta span,
.blog-grid .single-blog:hover .blog-content a h4,
.blog-grid .single-blog:hover .blog-content p{
color:#fff;
}
/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
.footer-area {
padding: 90px 0;
background: #0a1229;
}
.footer-logo {
margin-bottom: 20px;
}
.footer-content.logo-footer {
margin-right: 30px;
}
.footer-head p {
color: #e5ecfa;
line-height: 28px;
}
.footer-head h4 {
color: #fff;
font-size: 22px;
margin-bottom: 20px;
text-transform: capitalize;
font-weight: 500;
}
.footer-icons ul li {
display: inline-block;
}
.footer-icons ul li a {
color: #fff;
display: block;
font-size: 16px;
line-height: 33px;
text-align: center;
margin-right: 2px;
width: 34px;
height: 34px;
border: 1px solid #ff5e14;
border-radius: 2px;
background: #ff5e14;
transition: 0.4s;
}
.footer-tags li a:hover,
.footer-icons ul li a:hover{
color: #ff5e14;
background: transparent;
transition: 0.4s;
}
.footer-icons {
margin-top: 25px;
}
.footer-list {
float: left;
}
.footer-contacts p span {
color: #ff5e14;
font-weight: 500;
}
.subs-feilds {
  margin-top: 28px;
padding-bottom: 5px;
border-radius: 3px;
}
.suscribe-input input {
background: transparent;
border: 1px solid #070f25 ;
color: #777;
font-size: 15px;
line-height: 24px;
padding: 6px 15px;
height: 40px;
border-radius: 0;
width: 60%;
float: left;
background: #070f25 ;
}
.suscribe-input button {
background: #ff5e14;
border: none;
color: #fff;
font-size: 18px;
padding: 5px 20px;
width: 36%;
font-weight: 400;
border: 1px solid #ff5e14;
transition: 0.4s;
}
.suscribe-input button:hover{
color: #ff5e14;
background: transparent;
transition: 0.4s;
}
.footer-list li a {
color: #e5ecfa;
padding: 7px 0px 10px 20px;
display: block;
position: relative;
}
.footer-list li a:first-child{
padding-top: 0px;
}
.footer-list li a::after {
position: absolute;
content: "\e649";
top: 1px;
left: 0;
font-size: 11px;
font-family: themify;
}
.footer-list li a:hover,
.footer-list li a:hover::after{
color: #ff5e14;
}
.footer-list li a:hover::after{
color: #ff5e14;
}
.footer-area-bottom {
background: #070f25 none repeat scroll 0 0;
padding: 25px 0;
}
.copyright-text a:hover{
text-decoration: underline;
color:#ff5e14;
}
.copyright-text a {
color: #ff5e14;
}
.copyright > p {
margin-bottom: 0;
color: #e5ecfa;
}
.copyright a {
color: #ff5e14;
}
/*----------------------------------------*/
/*  14.	Home page 02
/*----------------------------------------*/
.ntro-area-2 .intro-bg img{
opacity: 0.75;
}
.well-services {
padding: 40px 30px 30px;
}
.welcome-area-2 .well-icon a {
font-size: 60px;
line-height: 36px;
color: #fe5e15;
width: auto;
height: auto;
border: none;
display: initial;
text-align: left;
float: left;
margin-right: 20px;
}
.welcome-area-2 .well-services::before {
display: none;
}
.well-icon h4 {
font-size: 22px;
}
.welcome-area-2 .well-services:hover .well-icon h4{
color:#fff;
}
.welcome-area-2 .well-services:hover .well-icon a {
border: none;
transform: translateY(-5px);
transition: 0.5s;
}
/*--------------------------------*/
/* 15.Tab Area
/*--------------------------------*/
.tab-area{
position: relative;
}
.tab-menu {
display: block;
}
.tab-menu ul.nav{
margin: 0;
padding: 0;
}
.tab-menu ul.nav li {
border: medium none;
float: left;
width: 16.66%;
padding: 0px 10px;
}
.tab-menu ul.nav li a {
border-radius: 0;
color: #2a354e;
padding: 20px 10px;
align-items: center;
text-align: center;
border-radius: 4px;
border: 1px solid rgba(254,94,21,0.5);
}
.tab-menu .tab-icon {
color: #fe5e15;
font-size: 50px;
display: block;
}
.tab-menu .nav-tabs{
border-bottom: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
border-color: #f5f5f5;
border-image: none;
border-style: solid;
border-width: 1px;
color: #fff !important;
cursor: default;
position: relative;
background: #fe5e15;
}
.tab-menu ul.nav li a:hover{
background:transparent;
}
.tab-menu ul.nav li.active a:hover{
background:#fe5e15;
}
.title-date {
display: inline-block;
position: relative;
}
.tab-menu ul.nav li.active .cha-title,
.tab-menu ul.nav li.active .tab-icon {
color: #fff;
}
.cha-title {
display: inline-block;
font-size: 20px;
line-height: 30px;
padding: 0px 10px;
font-weight: 500;
}
.single-machine{
position: relative;
}
.tab-menu ul.nav li:first-child{
padding-left: 0px;
}
.tab-menu ul.nav li:last-child{
padding-right: 0px;
}
.tab-content {
margin-top: 50px;
}
.machine-text {
margin-top: 10px;
}
.machine-text h2 {
font-size: 32px;
text-transform: capitalize;
}
.tabe-img img {
border-radius: 4px;
}
.machine-text li {
display: block;
position: relative;
}
.machine-text ul li a {
font-size: 15px;
color: #6b6d7e;
padding: 6px 0px 6px 35px;
display: block;
}
.machine-text li::after {
position: absolute;
left: 0px;
top: 10px;
content: "\e64c";
font-family: themify;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50px;
font-size: 12px;
color: #fff;
background: #fe5e15;
}
.tabe-img {
margin-right: 20px;
}
/*----------------------------------------*/
/*  16. Team Area
/*----------------------------------------*/
.team-area {
position: relative;
}
.single-member {
margin-bottom: 30px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
padding: 30px 20px;
}
.single-member .team-img {
display: inline-block;
position: relative;
overflow: hidden;
width: 220px;
height: 220px;
border-radius: 50%;
border:1px solid #020E29;
}
.team-hover li {
display: inline-block;
margin-right: 3px;
}
.team-hover li a {
display: block;
line-height: 36px;
font-size: 18px;
margin: 0px 3px;
color:#fff;
background:#fe5e15;
width: 36px;
height: 36px;
border-radius: 50%;
border:1px solid #fe5e15;
}
.team-hover li a:hover {
color: #fe5e15;
}
.team-hover {
position: absolute;
text-align: center;
transition: all 0.5s ease 0s;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
z-index: 3;
}
.single-member .team-img a {
display: block;
}
.team-content {
padding: 10px 0px 0px;
}
.team-content h4 a {
color: #fff;
}
.team-content p {
margin-bottom: 0;
}
.team-content h4 {
font-size: 20px;
margin: 10px 0px;
text-transform: capitalize;
font-weight: 600;
}
.single-member:hover .team-hover{
opacity: 1;
top:50%;
margin-top: -15px;
transition: all 0.5s ease 0s;
}
.single-member:hover .team-hover li a:hover{
background: transparent;
transition: all 0.5s ease 0s;
color:#fe5e15;
}
.single-member:hover .team-img{
position: relative;
transition: all 0.5s ease 0s;
}
.single-member:hover .team-img::after{
position: absolute;
background: rgba(2,14,41,0.8);
transition: all 0.5s ease 0s;
left:0;
top:0;
width: 100%;
height: 100%;
content:"";
}
/*----------------------------------------
17. Quote Area
----------------------------------------*/
.quote-area{
background: url(/img/svg/call.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center left;
border: 2px solid #0a1228;
border-radius: 20px;
object-fit: cover;
}
.quote-area::after{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background:rgba(2,14,41,0.1);
content:"";
z-index: -1;
}
.quote-all {
padding: 110px 100px 110px 50px;
background: rgba(2,14,41,0.96);
}
.quote-area #contactForm input {
border: none;
height: 54px;
margin-bottom: 20px;
border:1px solid rgba(255,255,255,0.4);
border-radius: 3px;
color: #fff;
background: transparent;
}
.quote-area #contactForm input.last-part{
margin-bottom: 0px;
}
.quote-area .contact-form textarea#message{
height: 127px;
border-radius: 0;
border: none;
margin-bottom: 20px;
border:1px solid rgba(255,255,255,0.4);
border-radius: 3px;
color: #fff;
background: transparent;
}
.quote-area .quote-btn {
background: #fe5e15;
border: 1px solid #fe5e15;
color: #fff;
padding: 10px 20px;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
display: block;
width: 100%;
height: 54px;
transition: 0.4s;
border-radius: 3px;
}
.sub-head.white-headline h2{
color:#fff;
}
.quote-area .quote-btn:hover{
background:#fff;
color:#fe5e15;
transition: 0.4s;
}
.help-block.last-part{
margin:0px;
}
.sub-head.white-headline {
margin-bottom: 40px;
}
/*----------------------------------------*/
/*  18. FAQ  Area
/*----------------------------------------*/
.company-faq {
display: block;
overflow: hidden;
margin-right: 30px;
}
.faq-full {
margin-top: 30px;
}
.company-faq.left-headline h3 {
margin-bottom: 40px;
}
.faq-details .panel-heading {
padding: 0;
}
.panel {
margin-bottom: 20px;
background-color: transparent;
border: none;
border-radius: 4px;
}
.panel-default {
border-color: #f5f5f5;
border-radius: 0 !important;
}
.panel-group .panel+.panel {
margin-top: 30px;
}
.panel-default > .panel-heading {
color: #444;
background: transparent;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border:none;
background: transparent;
}
.faq-details h4.check-title a {
color: #444;
display: block;
font-weight: 500;
padding: 5px 10px 5px 70px;
text-decoration: none;
background: transparent;
}
.panel-body {
padding: 15px 15px 0px 70px;
}
.panel-body p {
color: #444;
}
.faq-details h4.check-title {
color: #fe5e15;
font-size: 17px;
margin-bottom: 0px;
text-transform: capitalize;
}
.faq-details .panel-heading h4 a{
position: relative;
}
.faq-details .panel-heading h4 a::before {
color: #fff;
content:"\e628 ";
font-family: themify;
font-size: 16px;
left:0px;
line-height: 42px;
position: absolute;
text-align: center;
top:0px;
width: 40px;
height: 100%;
background: #fe5e15;
}
.faq-details .panel-heading h4 a.active::before {
color: #fff;
content: "\e62a";
font-family: themify;
font-size: 16px;
left: 0px;
line-height: 42px;
position: absolute;
text-align: center;
top: 0px;
width: 40px;
height: 100%;
}
.faq-details .panel-heading h4 a.active {
color: #fe5e15;
}
.faq-area .faq-content {
margin-left: 40px;
padding:40px;
border-radius: 2px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
background: #020E29;
}
.ab-image {
position: relative;
margin-top: 40px;
}
.big-content {
position: absolute;
left: 30px;
bottom: -10px;
width: 170px;
height: 250px;
border: 2px solid red;
border-radius: 4px;
padding: 5px 5px;
text-align: center;
}
.big-content .big-text {
font-size: 100px;
line-height: 90px;
color: #fff;
display: block;
font-weight: 700;
margin-bottom: 10px;
}
.big-content .under-text {
font-size: 16px;
text-transform: uppercase;
color:#fff;
}
.panel-body p {
font-size: 15px;
}
.faq-area .contact-form input[type="text"], .faq-area .contact-form input[type="email"] {
border: 1px solid #666;
border-radius: 0;
height: 52px;
margin-bottom: 15px;
padding-left: 20px;
width: 100%;
background: transparent;
 color: #666;
}
.faq-content h4{
color:#fff;
padding-bottom: 20px;
}
.faq-area .faq-content .contact-form textarea#message {
height: 150px;
background: transparent;
color: #666;
border: 1px solid #666;
border-radius: 0;
}
.faq-area .quote-btn {
font-weight: 600;
color: #fff;
background: #fe5e15;
display: inline-block;
border: 1px solid #fe5e15;
padding: 10px 20px;
width: 134px;
text-transform: capitalize;
border-radius: 3px;
transition: 0.4s;
margin-top: 10px;
font-size: 18px;
}
.faq-area .quote-btn:hover{
background: transparent;
border: 1px solid #fe5e15;
color: #fe5e15;
transition: 0.4s;
}
/*----------------------------------------
19.Self Area Css
----------------------------------------*/
.self-area {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-attachment: scroll;
z-index: 1;
position: relative;
}
.self-area:after{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(2,14,41,0.6);
content:"";
z-index: -1;
}
.self-content {
background: #020E29;
padding: 70px 30px 70px 50px;
border-radius: 4px;
}
.self-content h4 {
color: #ddd;
font-weight: 400;
font-size: 20px;
letter-spacing: 0.50px;
}
.talk-text {
font-size: 18px;
color: #fff;
}
/*----------------------------------------*/
/*  20.	Home-page 03  CSS
/*----------------------------------------*/
.header-area-2.stick .header-center {
border-right: none;
border-left: none;
padding: 0px;
}
.intro-area-3 .layer-1 h2 {
color: #151b2c;
}
.topbar-right{
overflow: hidden;
padding: 10px 0px;
}
.header-two .topbar-right ul li {
float: right;
}
.header-two .top-social {
padding: 0px;
float: right;
}
.header-two {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
}
.header-area-2{
background: transparent;
}
.header-center {
border-right: 1px solid rgba(255,255,255,0.1);
border-left: 1px solid rgba(255,255,255,0.1);
padding: 0px 15px;
background: #020E29;
}
.header-two .topbar-area {
background: transparent;
}
.header-two .topbar-right>ul >li>a {
color: #ddd;
margin-right: 20px;
}
.header-two .topbar-left ul li a{
color:#444;
}
.header-two .topbar-left ul li a i{
color:#fe5e15;
}
.intro-area-3 .best-title {
color: #444;
}
.intro-area-3 .layer-2 p{
color:#666;
}
.intro-area-3 .slider-content .video-content a span{
color:#151b2c;
}
.intro-area-3 .slider-content .video-play.vid-zone i{
background:#151b2c;
color: #fff;
}
.about-area-3 .big-content {
bottom: 0px;
}
.over-text {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
color: #fff;
background: #fe5e15;
margin-bottom: 15px;
display: inline-block;
padding: 4px 15px;
border-radius: 0px 30px 30px 0px;
}
/*----------------------------------------*/
/*  21.Pricing area css
/*----------------------------------------*/
.table-list {
text-align: center;
transition: all 0.4s ease 0s;
background: #fff;
border-radius: 5px;
position: relative;
overflow: hidden;
border: 1px solid #f5f5f5;
padding-bottom: 30px;
margin-bottom: 30px;
}
.top-price-inner {
position: relative;
text-align: center;
padding: 40px 30px 0px;
background: #020E29;
margin-bottom: 80px;
z-index: 1;
transition: all 0.4s ease 0s;
}
.top-price-inner::after {
border-top: 99px solid #020E29;
border-left: 140px solid transparent;
border-right: 140px solid transparent;
height: 50px;
width: 100%;
position: absolute;
content: "";
z-index: -1;
left: 0;
bottom: -55px;
transition: all 0.4s ease 0s;
}
.top-price-inner h4 {
color: #fff;
font-size: 24px;
text-transform: capitalize;
margin-bottom: 30px;
}
span.users {
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
}
span.dolar {
font-size: 24px;
color: #fff;
margin-right: 5px;
position: relative;
top: -17px;
}
.prices {
font-size: 40px;
font-weight: 600;
color: #fff;
padding-right: 10px;
}
.table-list:hover{
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
transition: all 0.4s ease 0s;
}
.table-list ol li {
color: #888e94;
padding: 8px 0px;
position: relative;
text-align: center;
font-weight: 400;
}
.table-list li.check{
position: relative;
}
.table-list li.check::before {
content: "\e64c";
font-family: themify;
font-size: 11px;
position: absolute;
left: 10%;
top: 11px;
color: #1FC157;
font-weight: 300;
width: 20px;
height: 20px;
border: 1px solid #fe5e15;
border-radius: 50%;
line-height: 18px;
}
.table-list li.check.cross::before {
content: "\e646";
font-family: themify;
color: #FF5B5B;
}
.price-btn {
padding: 30px 20px;
}
.price-btn a {
color: #fff;
text-transform: uppercase;
transition: all 0.4s ease 0s;
border-radius: 2px;
font-weight: 700;
font-size: 14px;
padding: 12px 34px;
background: #fe5e15;
border: 1px solid #fe5e15;
}
.table-list ol {
list-style: outside none none;
margin: 0;
padding: 0;
}
.price-btn a:hover {
background: #fff;
color: #fe5e15;
border: 1px solid #fe5e15;
}
.table-list ol {
margin-top: 10px ;
}
.base {
position: absolute;
right: -37px;
top: 33px;
background: #1FC157;
width: 180px;
text-align: center;
height: 30px;
line-height: 30px;
color: #fff;
transform: rotate(45deg);
z-index: 2;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.blog-area-2 .blog-image {
position: relative;
overflow: hidden;
display: block;
}
.blog-area-2 .blog-grid .image-scale>img {
position: relative;
min-height: 280px;
object-fit: cover;
}
.blog-area-2 .blog-grid .blog-content {
padding: 30px 20px 40px 30px;
position: inherit;
}
.blog-area-2 .blog-grid .blog-image>img {
position: relative;
min-height: auto;
object-fit: cover;
}
.blog-area-2 .single-blog:hover .blog-content {
transition: 0.4s;
background: rgba(2,14,41,0.99);
}
/*----------------------------------------*/
/*  22.	Home page 04
/*----------------------------------------*/
.intro-area-4 .layer-1 h2 {
font-size: 44px;
line-height: 68px;
max-width: 870px;
margin: 0px auto 10px;
}
.intro-area-4 .layer-2 p{
margin: 0px auto 30px
}
.intro-area-4 .intro-content {
margin-top: -120px;
}
/*--------------------------------*/
/* 23 .Sub Services Area
/*--------------------------------*/
#scan {
		margin-top: 50px;
		background-color: #1e2938;
		border: 2px solid #ff5e15;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}


#about_vid {
  background-color: #11121f;
  border: 2px solid #ff5e15;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  line-height: 8px;
}

#product_vid {
  background-color: #11121f;
  border: 2px solid #ff5e15;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  line-height: 8px;
}

#about_text {
  margin-top: 10px;
}

#about_img {
  background-color: #11121f;
  border: 2px solid #ff5e15;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  margin-top: 78px;
  line-height: 8px;
}

.about_img {
  background-color: #11121f;
  border: 2px solid #ff5e15;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

#about_img2 {
vertical-align: middle;
}

#status {
		margin-bottom: 50px;
		background-color: #11121f;
		border: 2px solid #ff5e15;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}


.sub-service-area{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 1;
}
.sub-service-area::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(2,14,41,0.9);
content: "";
z-index: -1;
}
.single-sub-service {
display: flex;
align-items: center;
margin-bottom: 30px;
position: relative;
overflow: hidden;
background: #fff;
border-radius: 3px;
transition: 0.4s;
padding: 0px 15px;
}
.sub-service-images {
font-size: 44px;
line-height: 80px;
color: #fe5e15;
transition: 0.4s;
width: 70px;
height: auto;
float: left;
text-align: center;
margin-right: 15px;
}
.single-sub-service .sub-service-content h4 {
font-size: 20px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 28px;
}
.single-sub-service .sub-service-content h4 a {
color: #444;
}
.single-sub-service:hover .sub-service-content h4 a {
color: #fff;
}
.single-sub-service:hover .sub-service-images{
color:#fff;
}
.single-sub-service:hover{
transition: 0.4s;
background: #020E29;
}
/*----------------------------------------*/
/*  24. Breadcumbs Area
/*----------------------------------------*/
.page-area {
position: relative;
z-index: 1;
}
.pricing-background {
background: url(/img/svg/bg.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.transparent-header{
background: transparent;
}
.page-area {
background: url(img/background/bread.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.page-area::after{
position: absolute;
content: "";
left:0;
top: 0;
width:100%;
height: 100%;
background: rgba(2,14,41,0.8);
z-index: -1;
}
.breadcrumb .section-headline {
text-align: center;
padding-bottom: 20px;
}
.page-area .section-headline::after {
display: none;
}
@media (min-width: 767px) {
.breadcrumb {
background-color: transparent;
margin-bottom: 0;
padding: 130px 0px 0px;
}
.bread-content {
padding: 80px 0px;
}
.banner-content {
padding: 280px 0px;
}
}
@media (max-width: 767px) {
.breadcrumb {
background-color: transparent;
margin-bottom: 0;
padding: 10px 0px 0px;
}
.bread-content {
padding: 10px 0px;
}
.banner-content {
padding: 10px 0px;
}
}
.breadcrumb h2 {
color: #fff;
font-size: 42px;
line-height: 50px;
position: relative;
margin-bottom: 0px;
}
.breadcrumb .section-headline {
text-align: center;
}
.breadcrumb ul li {
display: inline-block;
color: #f5f5f5;
padding: 0px 10px 0px 20px;
position: relative;
font-size: 16px;
}
.breadcrumb ul li.home-bread{
padding-left: 0px;
}
.breadcrumb ul li.home-bread::after {
position: absolute;
content: "\f105";
font-family: fontAwesome;
right: -10px;
top: 0;
}
@media (min-width: 767px) {
.research {
background-color: transparent;
margin-bottom: 0;
padding: 230px 0px 0px;
}
.research-content {
padding: 80px 0px;
}
.banner-content {
padding: 280px 0px;
}
}
@media (max-width: 767px) {
.research {
background-color: transparent;
margin-bottom: 0;
padding: 74px 0px 0px;
}
.research-content {
padding: 10px 0px;
}
.banner-content {
padding: 10px 0px;
}
}
.review-page-area .single-testi {
margin-bottom: 30px;
}
/*----------------------------------------*/
/*  25. Blog Sidebar Area
/*----------------------------------------*/
.blog-search-option input {
padding: 5px 15px;
width: 80%;
border: none;
height: 56px;
background: transparent;
}
.blog-search-option {
margin-bottom: 30px;
display: block;
background: #fff;
border: 1px solid #fe5e15;
border-radius: 3px;
}
.blog-search-option button {
background: transparent;
border: none;
}
.blog-search-option button i {
line-height: 16px;
font-size: 18px;
padding: 0px 10px;
}
.blog-search-option button i:hover {
color: #fe5e15;
}
.left-blog h4 {
position: relative;
color: #3d5368;
font-size: 20px;
font-weight: 500;
margin-bottom: 5px;
padding: 15px 0px;
text-transform: capitalize;
border-bottom: 1px solid #eee;
}
.left-blog h4::after {
position: absolute;
content: "";
left: 0;
bottom: -2px;
width: 60px;
height: 3px;
background: #fe5e15;
}
.blog-left-content .blog-content::after{
display: none;
}
.left-side {
padding-right: 40px;
}
.right-side{
padding-left: 40px;
}
.left-blog {
overflow: hidden;
padding-bottom: 20px;
}
.blog-category li,
.left-blog li {
display: block;
position: relative;
}
.left-blog ul li a {
color: #3d5368;
display: inline-block;
font-size: 15px;
padding: 7px 0px 7px;
text-transform: capitalize;
}
.blog-category ul {
margin-top: 12px;
}
.left-blog ul li span {
display: inline-block;
border: 1px solid #fe5e15;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
font-size: 12px;
color: #fe5e15;
line-height: 19px;
float: right;
margin: 10px 0px;
}
.pst-content .date-type{
font-size: 14px;
}
.popular-tag.left-blog ul li a:before {
display: none;
}
.recent-single-post {
display: block;
overflow: hidden;
padding: 15px 0px;
}
.recent-single-post:last-child {
border-bottom: none;
}
.post-img {
display: inline-block;
float: left;
padding-right:15px;
}
.left-blog .post-img a {
display: block;
border:1px solid #fafafa;
}
.left-blog .post-img a img {
border-radius: 50%;
border: 1px solid #fe5e15;
}
.pst-content {
padding-left: 100px;
}
.pst-content p{
margin-bottom: 0px;
}
.pst-content p a:hover,.left-blog ul li a:hover {
color: #fe5e15;
}
.pst-content p a {
color: #3d5368;
font-size: 15px;
}
.blog-tags {
padding: 1px 0;
}
.recent-single-post img {
width: 100%;
max-width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
border: 1px solid #fe5e15;
}
.left-blog li:last-child {
border-bottom: 0 ;
}
.popular-tag.left-side-tags.left-blog ul {
padding:0px;
}
.left-tags .left-side-tags ul li {
border-bottom: 0;
display: inline-block;
margin: 5px 3px;
}
.left-tags .left-side-tags ul li a {
padding: 5px 10px;
width: auto;
background: #f4f5f4;
color: #3d5368;
border-radius: 3px;
font-weight: 400;
font-size: 14px;
}
.left-tags .left-side-tags ul li a:hover {
color:#fff;
background:#fe5e15;
}
.left-side-tags h4 {
margin-bottom: 15px;
}
.blog-side-area .blog-right-column{
margin-top: -30px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 10px 0 0px;
border-radius: 4px;
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #3d5368;
background-color: #f4f5f5;
border: none;
margin-left: -1px;
border-radius: 2px;
}
.pagination>li {
display: inline-block;
margin: 0px 3px 0px 0px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{
z-index: 3;
color: #fff;
background-color: #fe5e15;
cursor: default;
border-radius: 2px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
z-index: 2;
color: #fff;
background-color: #fe5e15;
border-color: #fe5e15;
border-radius: 2px;
}
.adver-img {
margin-top: 20px;
}
/*----------------------------------------*/
/*  26. Blog Details
/*----------------------------------------*/
.blog-details .blog-meta::before {
display: none;
}
.comments-heading h3, h3.comment-reply-title {
border-bottom: 1px solid #ddd;
color: #3d5368;
font-size: 18px;
margin: 0 0 40px;
padding: 0 0 5px;
text-transform: capitalize;
}
.comments-list ul li{
margin-bottom: 25px;
}
.comments-list-img{
float: left;
margin-right: 15px;
border-radius: 50%;

}
.comments-list-img img {
border-radius: 50%;
border: 1px solid #fe5e15;
}
.comments-content-wrap {
color: #3d5368;
font-size: 14px;
margin: 0 0 15px 90px;
padding: 10px;
position: relative;
}
blockquote {
padding: 20px 40px 40px 80px;
margin: 0 0 20px;
font-size: 15px;
border-left: none;
font-style: italic;
position: relative;
background: #f5f5f5;
}
blockquote::before {
position: absolute;
top: 20px;
left: 30px;
content: "\f10d ";
font-family: fontawesome;
font-size: 34px;
color: #3d5368;
}
blockquote p {
font-size: 16px !important;
line-height: 28px;
}
.author-avatar {
display: inline-block;
float: left;
width: 10%;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
color: #3d5368;
margin-top: 10px;
}
.threaded-comments{
margin-left:50px
}
.comment-respond {
margin-top: 20px;
}
span.email-notes{
color: #3d5368;
display: block;
font-size: 12px;
margin-bottom: 10px;
}
.comment-respond p {
color: #3d5368;
margin-bottom: 5px;
}
.comment-respond input[type=text],
.comment-respond input[type=email]{
border: 1px solid #d9d9d9;
border-radius: 0;
height: 46px;
margin-bottom: 15px;
padding: 0 0 0 10px;
width: 100%;
background: transparent;
}
.comment-respond textarea#message-box{
border: 1px solid #d9d9d9;
border-radius: 0;
max-width: 100%;
padding: 10px;
height: 200px;
width: 100%;
background: transparent;
}
.comments-content-wrap span a {
color: #fe5e15;
}
.comments-content-wrap span a:hover {
color: #fe5e15;
}
.add-btn{
color: #fff;
display: block;
font-size: 16px;
margin-top: 5px;
padding: 12px 20px;
transition: 0.4s;
border-radius: 2px;
width: auto !important;
margin-top: 20px;
border: 1px solid #fe5e15;
text-transform: capitalize;
font-weight: 600;
}
.add-btn:hover{
background: #fff;
color: #fe5e15;
border:1px solid #fe5e15;
}
.blog-page-details .left-blog-page {
margin-top:0px;
margin-bottom:30px;
}
.single-post-comments,
.related-post{
margin-top: 30px;
}
.left-head-blog .pst-content p{
margin-bottom: 5px;
}
.blog-details .blog-content h4 {
font-size: 24px;
line-height: 34px;
margin-top: 10px;
}
.blog-details .blog-content h5 {
font-size: 20px;
}
.blog-details .blog-content {
border: none;
padding: 30px 0px 30px;
}
.blog-details .blog-images img {
width: 100%;
height: 100%;
max-height: 450px;
object-fit: cover;
}
.blog-details .img-blog {
margin: 15px 0px 30px;
max-height: 350px;
overflow: hidden;
width: 50%;
float: left;
}
.left-blog-img img {
padding-right: 15px;
}
.right-blog-img img {
padding-left: 15px;
}
.related-post-list .recent-single-post {
width: 50%;
float: left;
padding: 0px 20px 0px 0px;
}
.related-post-list .recent-single-post:last-child{
padding: 0px 0px 0px 20px;
}
/*--------------------------------*/
/*  27. researchs Area
/*--------------------------------*/
.single-awesome-research {
float: left;
overflow: hidden;
width:100%;
margin-bottom: 30px;
}
.awesome-img{
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.awesome-img img{
transform: scale(1.1);
transition: 0.4s;
}
.single-awesome-research:hover .awesome-img img{
transform: scale(1);
transition: 0.4s;
}
.awesome-img > a {
display: block;
position: relative;
}
.single-awesome-research:hover .awesome-img > a::after{
opacity: 1;
}
.single-awesome-research:hover .add-actions{
opacity: 1;
}
.awesome-img > a::after {
background:rgba(2,14,41,0.9);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: 0.4s;
}
.add-actions {
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.4s ease 0s;
width: 100%;
z-index:4;
top: 0;
cursor: pointer;
}
.port-icon {
color: #fff;
display: inline-block;
cursor: pointer;
top: 41%;
position: relative;
font-size: 40px;
}
.research-dec {
display: block;
padding: 30px;
background: #f5f5f5;
}
.research-dec h4 {
font-size: 20px;
text-decoration: none;
text-transform: capitalize;
margin-bottom: 15px;
cursor: pointer;
position: relative;
}
.research-dec h4 a{
color:#151b2c
}
.research-dec h4::after {
position: absolute;
content: "\e628";
right: 30px;
top: 0px;
font-family: themify;
font-size: 18px;
transition: 0.5s;
width: 36px;
height: 36px;
border: 1px solid #fe5e15;
background: #fff;
color: #fe5e15;
text-align: center;
line-height: 35px;
border-radius: 50%;
}
.single-awesome-research:hover .research-dec h4::after {
right: 0px;
opacity: 1;
transition: 0.5s;
}
.single-awesome-research:hover .research-dec h4:hover::after{
border: 1px solid #fe5e15;
background: #fe5e15;
color: #fff;
transition: 0.5s;
}
.research-dec p{
margin-bottom: 0px;
}
.pst-content {
padding-left: 10px;
}
.single-awesome-research:hover .research-dec h4 a {
color:#fe5e15;
}
/*----------------------------------------*/
/* 21. research Details page
/*----------------------------------------*/
.research-details h2{
font-size: 32px;
}
.research-page-area .research-menu li a {
color: #2a354e;
}
.research-2-column .research-single {
float: left;
width: 50%;
}
.research-4-column .research-single {
float: left;
width: 25%;
}
.research-new h4 {
color: #fff;
font-size: 26px;
}
.research-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div {
background: #fe5e15;
border: 1px solid #fe5e15;
border-radius: 0;
color: #fff;
display: inline-block;
font-size: 14px;
height: 40px;
line-height: 38px;
position: relative;
text-align: center;
transition: all 0.5s ease 0s;
width: 40px;
border-radius: 50%;
}
.research-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
top: 50%;
position: absolute;
left: 3%;
margin-top: -30px;
}
.research-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,
.research-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
background: #fff;
border: 1px solid #fe5e15;
color: #fe5e15;
transition: all 0.5s ease 0s;
}
.research-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
margin-top: -30px;
position: absolute;
right: 3%;
top: 50%;
}
.research-details {
margin-left: 40px;
}
.research-history {
background: #020E29;
padding: 30px;
margin-bottom: 30px;
}
.research-details h4 {
font-size: 22px;
}
.research-name ul li {
color: #ddd;
font-size: 17px;
line-height: 32px;
margin: 10px 0px;
}
.research-name span {
padding-right: 10px;
max-width: 110px;
display: inline-block;
font-weight: 500;
width: 100%;
color: #fff;
}
.research-inner {
margin-bottom: 40px;
}
.research-details p {
font-size: 15px;
letter-spacing: 0.5px;
margin-bottom: 25px;
}
.hire-btn{
padding: 10px 20px;
border: 1px solid #fff;
background: #fff;
color: #fe5e15;
transition: 0.4s;
font-size: 17px;
font-weight: 600;
border-radius: 2px;
margin-top: 10px;
display: inline-block;
}
.hire-btn:hover{
border: 1px solid #fff;
background: #fe5e15;
color: #fff;
transition: 0.4s;
}
.new-research {
background: #fe5e15;
padding: 30px 30px 40px;
margin-bottom: 30px;
}
.research-new h4 {
color: #fff;
}
.research-details .marker-list li {
color: #2a354e;
padding-left: 35px;
margin: 10px 0px;
position: relative;
width: 50%;
float: left;
}
.research-image-2 {
margin-bottom: 25px;
}
/*----------------------------------------*/
/* 28. Services Details area
/*----------------------------------------*/
.single-page-head {
margin-bottom: 30px;
}
.page-head-left {
margin-right: 40px;
}
.single-services-page p{
color: #6b6d7e;
}
.left-menu li:first-child {
margin: 0px 0px 2px
}
.left-contact h4 {
font-size: 24px;
text-transform: uppercase;
margin-bottom: 30px;
}
.left-menu {
border: 1px solid #ddd;
padding: 20px 30px;
}
.left-menu li {
display: block;
}
.build-img .page-img {
padding-bottom: 0;
}
.left-menu ul li.active a {
color: #fe5e15;
position: relative;
}
.left-menu ul li a:hover {
color: #fe5e15;
padding-left: 10px;
transition: 0.4s;
}
.left-menu ul li a {
color: #2a354e;
display: block;
font-size: 16px;
font-weight: 500;
padding: 10px 0px;
position: relative;
text-decoration: none;
text-transform: capitalize;
}
.left-menu ul li.active a::after,
.left-menu ul li a:hover::after {
content: "\e628";
font-family: themify;
font-size: 14px;
position: absolute;
right: 0px;
top: 11px;
}
.download-btn h4 {
text-transform: uppercase;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}
.download-btn h4{
text-transform: uppercase;
}
.down-btn i {
font-size: 24px;
float: left;
margin-right: 15px;
}
.single-well h2 {
font-size: 32px;
}
.down-btn {
border: 1px solid #020e29;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
padding: 15px;
text-align: left;
text-transform: capitalize;
transition: all 0.4s ease 0s;
z-index: 2;
background: #020e29;
width: 100%;
position: relative;
border-radius: 3px;
}
.down-btn.apli{
margin-bottom: 0px;
}
.down-btn:hover{
color:#fe5e15;
background: #fff;
border: 1px solid #fe5e15;
}
.single-page-head .clients-testi {
padding: 30px;
border: 1px solid #020e29;
background: #020e29;
border-radius: 3px;
}
.single-page-head .review-text {
margin-top: 20px;
}
.clients-testi .review-text a,
.clients-testi .guest-rev {
color: #d9d9d9;
}
.clients-testi .single-review {
border: none;
}
.review-text h4 {
text-transform: uppercase;
font-size: 16px;
margin-bottom: 0px;
color: #fe5e15;
}
.single-page-head .review-text p {
color: #d9d9d9;
font-size: 16px;
}
.single-page-head .review-img {
margin-top: 0px;
width: 80px;
height: 80px;
margin: auto;
}
.single-page-head .review-img img{
border-radius: 50%;
}
.page-content h3 {
font-weight: 600;
padding: 15px 0 0;
}
.mar-well {
margin-bottom: 40px;
}
.single-page {
overflow: hidden;
}
.single-well h3 {
margin-bottom: 15px;
}
.single-well.last-part p{
margin-bottom: 0px;
}
.service-list li {
display: block;
position: relative;
padding-left: 30px;
color: #2a354e;
}
.service-list li::before{
position: absolute;
left: 0;
content:"\f00c";
font-family:fontawesome;
top:0;
color: #fe5e15;
}
.single-page-head .service-btn{
width: 100%;
margin: 20px 0px 0px 0px;
}
.marker-list li {
color: #2a354e;
padding-left: 35px;
margin: 10px 0px;
position: relative;
}
.marker-list li::after {
position: absolute;
content: "\e64c";
left: 0;
top: 3px;
font-family: themify;
color: #fff;
font-weight: 300;
width: 20px;
height: 20px;
background: #fe5e15;
border: 1px solid #fe5e15;
border-radius: 50%;
line-height: 18px;
text-align: center;
font-size: 11px;
}
.dark-marker-list li {
color: #e7dcd7;
padding-left: 35px;
margin: 10px 0px;
position: relative;
}
.dark-marker-list li::after {
position: absolute;
content: "\e64c";
left: 0;
top: 3px;
font-family: themify;
color: #fff;
font-weight: 300;
width: 20px;
height: 20px;
background: #fe5e15;
border: 1px solid #fe5e15;
border-radius: 50%;
line-height: 18px;
text-align: center;
font-size: 11px;
}
.single-services-page .marker-list li {
color: #2a354e;
}
/*----------------------------------------*/
/*  29.	Contact Us  CSS
/*----------------------------------------*/
.contact-icons {
background-color: #fe5e15;
padding: 50px 20px;
}
.office-city {
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
padding: 40px 30px 20px;
background: #020E29;
border-radius: 4px;
}
.office-city h4{
margin-bottom: 30px;
font-weight: 600;
color:#fff;
}
.single-icon {
margin-bottom: 30px;
}
.contact-page {
margin-bottom: 100px;
}
.contact-icon {
display: block;
overflow: hidden;
}
.single-icon i {
color: #fff;
float: left;
font-size: 24px;
height: 50px;
line-height: 48px;
margin-bottom: 20px;
margin-right: 20px;
text-align: center;
width: 50px;
border: 1px solid #fe5e15;
background: #fe5e15;
border-radius: 50%;
}
.single-icon p {
color: #e5ecfa;
font-size: 15px;
line-height: 24px;
}
.contact-area .contact-form {
margin-left: 20px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
border: 1px solid #d9d9d9;
border-radius: 0;
height: 54px;
margin-bottom: 15px;
padding-left: 20px;
width: 100%;
background: transparent;
}
.contact-form textarea#message {
border: 1px solid #d9d9d9;
border-radius: 0px;
height: 210px;
padding: 20px;
width: 100%;
background: transparent;
}
.contact-form input[type="submit"] {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #444;
border-radius: 0;
color: #444;
font-size: 14px;
font-weight: 700;
margin-top: 16px;
padding: 11px 24px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.contact-form input[type=submit]:hover{
color:#fff;
border: 1px solid #fe5e15;
background:#fe5e15;
}
.contact-btn {
background: #fe5e15;
border: 1px solid #fe5e15;
color: #fff;
display: block;
font-size: 16px;
margin-top: 5px;
padding: 12px 20px;
transition: 0.4s;
border-radius: 2px;
}
.contact-btn:hover {
background: #fff  none repeat scroll 0 0;
border: 1px solid #020E29 ;
color: #fff;
transition: 0.4s;
}

/*----------------------------------------*/
/*  21.	Animation  CSS
/*----------------------------------------*/
.item-bounce {
-webkit-animation: bounce 3s infinite ease-in-out;
animation: bounce 3s infinite ease-in-out;
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(-5px);
        transform: translateY(-5px);
}
50% {
-webkit-transform: translateY(10px);
        transform: translateY(10px);
}
100% {
-webkit-transform: translateY(-5px);
        transform: translateY(-5px);
}
}

@keyframes bounce {
0% {
-webkit-transform: translateY(-5px);
        transform: translateY(-5px);
}
50% {
-webkit-transform: translateY(10px);
        transform: translateY(10px);
}
100% {
-webkit-transform: translateY(-5px);
        transform: translateY(-5px);
}
}

@-webkit-keyframes popcircle {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
99% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0;
}
}

@keyframes popcircle {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
99% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0;
}
}
/*--------------------------------*/
/* .Compare
/*--------------------------------*/

.fl-table {
    border-radius: 5px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
    margin-bottom: 90px;
}

.fl-table td, .fl-table th {
    padding: 8px;
}

.fl-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 14px;
}

.fl-table thead th {
    color: #020e29;
    background: #ff5e15;
}


.fl-table thead th:nth-child(odd) {
    color: #ff5e15;
    background: #020e29;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}

/* Responsive */

@media (max-width: 767px) {
    .fl-table {
        display: block;
        width: 100%;
        margin-bottom: 50px;
    }
    .fl-table thead, .fl-table tbody, .fl-table thead th {
        display: block;
    }
    .fl-table thead th:last-child{
        border-bottom: none;
    }
    .fl-table thead {
        float: left;
    }
    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .fl-table td, .fl-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px;
        text-overflow: ellipsis;
    }
    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .fl-table tbody tr {
        display: table-cell;
    }
    .fl-table tbody tr:nth-child(odd) {
        background: none;
    }
    .fl-table tr:nth-child(even) {
        background: transparent;
    }
    .fl-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tbody td {
        display: block;
    }
}
/*--------------------------------*/
/* .End CSS
/*--------------------------------*/