@font-face {
	font-family: digitalbold;
	src: url(../fonts/digital_bold-webfont.eot);
	src: url(../fonts/digital_bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/digital_bold-webfont.woff2) format("woff2"), url(../fonts/digital_bold-webfont.woff) format("woff"), url(../fonts/digital_bold-webfont.ttf) format("truetype"), url(../fonts/digital_bold-webfont.svg#digitalbold) format("svg");
	font-weight: 400;
	font-style: normal
}

section.service-page.last {
	margin-bottom: 80px
}

ul.col-md-3.pad-left {
	padding-left: 24px
}

@font-face {
	font-family: poppinsbold;
	src: url(../fonts/poppins-bold-webfont.eot);
	src: url(../fonts/poppins-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins-bold-webfont.woff2) format("woff2"), url(../fonts/poppins-bold-webfont.woff) format("woff"), url(../fonts/poppins-bold-webfont.ttf) format("truetype"), url(../fonts/poppins-bold-webfont.svg#poppinsbold) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: poppinslight;
	src: url(../fonts/poppins-light-webfont.eot);
	src: url(../fonts/poppins-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins-light-webfont.woff2) format("woff2"), url(../fonts/poppins-light-webfont.woff) format("woff"), url(../fonts/poppins-light-webfont.ttf) format("truetype"), url(../fonts/poppins-light-webfont.svg#poppinslight) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: poppinsmedium;
	src: url(../fonts/poppins-medium-webfont.eot);
	src: url(../fonts/poppins-medium-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins-medium-webfont.woff2) format("woff2"), url(../fonts/poppins-medium-webfont.woff) format("woff"), url(../fonts/poppins-medium-webfont.ttf) format("truetype"), url(../fonts/poppins-medium-webfont.svg#poppinsmedium) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: poppinsregular;
	src: url(../fonts/poppins-regular-webfont.eot);
	src: url(../fonts/poppins-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins-regular-webfont.woff2) format("woff2"), url(../fonts/poppins-regular-webfont.woff) format("woff"), url(../fonts/poppins-regular-webfont.ttf) format("truetype"), url(../fonts/poppins-regular-webfont.svg#poppinsregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: poppinssemibold;
	src: url(../fonts/poppins-semibold-webfont.eot);
	src: url(../fonts/poppins-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins-semibold-webfont.woff2) format("woff2"), url(../fonts/poppins-semibold-webfont.woff) format("woff"), url(../fonts/poppins-semibold-webfont.ttf) format("truetype"), url(../fonts/poppins-semibold-webfont.svg#poppinssemibold) format("svg");
	font-weight: 400;
	font-style: normal
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(.1, .1, .1)
	}
	50% {
		opacity: 0
	}
}

.zoomIn {
	animation-name: zoomIn
}

@keyframes slideInDown {
	from {
		transform: translate3d(0, -50%, 0);
		visibility: visible
	}
	to {
		transform: translate3d(0, 0, 0)
	}
}

.slideInDown {
	animation-name: slideInDown
}

@keyframes slideInUp {
	from {
		transform: translate3d(0, 50%, 0);
		visibility: visible
	}
	to {
		transform: translate3d(0, 0, 0)
	}
}

.slideInUp {
	animation-name: slideInUp
}

@keyframes slideInLeft {
	from {
		transform: translate3d(-30%, 0, 0);
		visibility: visible
	}
	to {
		transform: translate3d(0, 0, 0)
	}
}

.slideInLeft {
	animation-name: slideInLeft
}

@keyframes slideInRight {
	from {
		transform: translate3d(30%, 0, 0);
		visibility: visible
	}
	to {
		transform: translate3d(0, 0, 0)
	}
}

.slideInRight {
	animation-name: slideInRight
}

@keyframes fadeIn {
	from {
		opacity: .9
	}
	to {
		opacity: 1
	}
}

.fadeIn {
	animation-name: fadeIn
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	to {
		transform: perspective(40px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: flipInX
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 30%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUp {
	animation-name: fadeInUp
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -30%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDown {
	animation-name: fadeInDown
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-40%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeft {
	animation-name: fadeInLeft
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(40%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRight {
	animation-name: fadeInRight
}

.wow {
	visibility: hidden
}

body {
	font-family: poppinsregular;
	font-size: 16px;
	color: #252525
}

ul {
	margin: 0;
	padding: 0
}

ul li {
	list-style: none
}

ul li a {
	text-decoration: none
}

ul li a:hover {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: digitalbold;
	color: #0054a6;
	margin: 0
}

h1 {
	font-size: 40px
}

h2 {
	font-size: 30px
}

h3 {
	font-size: 18px
}

p.hero {
	font-size: 20px
}

a.kow-more {
	text-decoration: none;
	color: #0054a6;
	transition: all .5s ease
}

a.kow-more:hover {
	color: #252525
}

.navbar-brand {
	float: left;
	height: auto;
	padding: 0;
	font-size: 18px;
	line-height: 0
}

.navbar {
	position: relative;
	min-height: auto;
	margin-bottom: 0;
	border: 0 solid transparent
}

header {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 9;
	padding: 28px 0;
	transition: all .5s ease
}

header ul.navbar-nav {
	float: right;
	margin-top: 15px;
	transition: all .5s ease
}

header .navbar-nav>li.active>a {
	color: #0054a6
}

header .navbar-nav>li>a {
	color: #252525;
	transition: all .5s ease;
	font-family: poppinsmedium
}

header .navbar-nav>li>a:hover {
	color: #0054a6
}

header .navbar-nav>li {
	padding-right: 40px
}

header header .navbar-nav>li:last-child {
	padding-right: 0
}

.header-gap {
	height: 134px
}

img#search {
	cursor: pointer
}

a.navbar-brand img {
	width: 100%;
	transition: all .5s ease
}

.darkHeader {
	padding: 8px 0
}

.darkHeader .top__bar {
	padding: 0 0
}

.darkHeader a.navbar-brand img {
	width: 75%
}

.darkHeader ul.navbar-nav {
	margin-top: 8px
}

.darkHeader .main {
	bottom: -63px!important
}

header .container {
	position: relative
}

.main {
	opacity: 1!important;
	bottom: -40px!important
}

li#search {
	cursor: pointer
}

header form {
	width: 30%;
	float: right;
	position: absolute;
	right: 33px;
	bottom: -20px;
	opacity: 0;
	transition: all .5s ease;
	z-index: -1
}

header form .form-control {
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #c7c7c7;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px transparent;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

section.about-us {
	padding: 80px 0
}

section.about-us .relative {
	position: relative
}

section.about-us .white__background {
	width: 566px;
	height: 444px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 60px 41px;
	float: right;
	position: relative;
	margin-top: -358px
}

section.about-us .white__background h1 {
	margin-bottom: 24px
}

section.about-us .white__background p.hero {
	margin-bottom: 24px
}

section.our-services {
	padding: 80px 0
}

section.our-services h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 16px
}

section.our-services p.hero {
	color: #fff;
	text-align: center;
	margin-bottom: 46px
}

section.our-services .bacground-image {
	width: 562px;
	height: 354px;
	background: #fff;
	background-image: url(../images/Artificial-Intelligent-01.jpg);
	background-repeat: no-repeat;
	background-position: left
}

.bacground-image.desktop.wire {
	background-image: url(../images/Wireless-01.jpg)
}

.bacground-image.desktop.drones {
	background-image: url(../images/Drones-01.jpg)
}

.bacground-image.desktop.satellite {
	background-image: url(../images/Satellite-01.jpg)
}

.bacground-image.desktop.cables {
	background-image: url(../images/Cables-01.jpg)
}

.bacground-image.desktop.datacenters {
	background-image: url(../images/Data-Centers-01.jpg)
}

.bacground-image.desktop.blockchain {
	background-image: url(../images/Blockchain-01.jpg)
}

.bacground-image.desktop.fintech {
	background-image: url(../images/fintech-01.jpg)
}

.bacground-image.desktop.resourcing {
	background-image: url(../images/Resourcing-01.jpg)
}

.bacground-image.desktop.project {
	background-image: url(../images/Project-Management-01.jpg)
}

.bacground-image.desktop.iot {
	background-image: url(../images/iot-01.jpg)
}

.bacground-image.desktop.conslting {
	background-image: url(../images/consulting-half.png)
}

.bacground-image.desktop.training {
	background-image: url(../images/training-half.png)
}

section.our-services .bacground-image .content {
	padding-left: 260px;
	padding-top: 80px;
	padding-right: 30px
}

section.our-services .bacground-image .content h2 {
	margin-bottom: 16px
}

section.our-services .bacground-image .content p.semibold {
	font-family: poppinsbold
}

section.our-services .bacground-image.two {
	background-image: url(../images/Cybersecurity-01.jpg);
	background-repeat: no-repeat;
	background-position: left
}

section.cyber-security {
	margin: 80px 0
}

section.cyber-security .four-eightyfive {
	max-width: 485px
}

section.cyber-security .four-eightyfive h1 {
	margin-bottom: 18px
}

section.cyber-security .four-eightyfive p.hero {
	margin-bottom: 28px
}

section.cyber-security figure {
	width: 485px;
	height: 552px;
	overflow: hidden;
	position: relative;
	transition: all .5s ease
}

section.cyber-security figure img {
	transition: all .5s ease
}

section.cyber-security figure:hover img {
	transform: scale(1.1)
}

section.cyber-security figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	max-width: 417px;
	padding-top: 44px;
	padding-bottom: 24px;
	padding-right: 30px
}

section.cyber-security figcaption h2 {
	margin-bottom: 16px
}

section.cyber-security figcaption p {
	margin-bottom: 16px;
	line-height: 24px
}

footer {
	background: #f4f4f9;
	padding: 80px 0
}

footer h3 {
	font-size: 18px;
	color: #252525;
	margin-bottom: 18px
}

footer h3.cyber-top-margin {
	margin-top: 20px
}

footer li a {
	font-size: 15px;
	color: #252525;
	line-height: 25px
}

footer .data-protection {
	width: 120px;
	float: left;
	margin-right: 77px
}

footer .it {
	width: 166px;
	float: left;
	margin-right: 30px
}

footer .Communications {
	width: 402px;
	float: left;
	margin-right: 80px
}

footer .Communications ul.first {
	margin-right: 30px
}

footer .Communications ul {
	float: left
}

footer .flags {
	margin: 80px 0
}

footer .flags ul li:first-child a {
	margin-left: 0
}

footer .flags ul li a {
	display: flex;
	align-items: baseline;
	margin-left: 14px;
	cursor: auto
}

footer .flags ul li a:hover {
	color: #252525
}

footer .flags ul li a img {
	margin-right: 10px
}

footer .flags ul {
	text-align: center
}

footer .flags ul li {
	display: inline-block
}

a:focus,
a:hover {
	text-decoration: none;
	color: #0054a6
}

.cyber-security h1 a,
.cyber-security h2 a,
.desktop h2 a,
.white__background h1 a {
	color: #0054a6
}

.header-pc {
	display: block
}

.header-mob {
	display: none
}

.h-mob-logo {
	float: left;
	padding: 7px 0
}

.h-mob-logo img {
	width: auto;
	height: 45px;
	padding-left: 15px
}

.h-mob-search {
	float: right;
	padding-right: 60px;
	padding-top: 10px;
	z-index: 1
}

.h-mob-search img {
	width: 90%
}

.h-mob-search a {
	text-decoration: none;
	font-size: 26px;
	padding: 15px 15px;
	display: inline-block
}

.form.m-search .form-control {
	display: none
}

.m-search {
	display: none
}

.h-mob-tog {
	float: right;
	padding: 23px 0
}

.hc-nav-trigger {
	position: relative;
	float: right;
	right: 0;
	left: auto
}

ul.logo-nav {
	background: #fff!important
}

ul.logo-nav li.logo-box img {
	width: auto;
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
	background: #fff
}

.hc-offcanvas-nav .nav-item,
.hc-offcanvas-nav a {
	color: #333;
	border-color: #ecf5ff
}

.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
	border-color: #ecf5ff
}

.hc-offcanvas-nav li.nav-back span::before,
.hc-offcanvas-nav span.nav-next::before {
	border-color: #dadada
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
	background: #2d67b1
}

.nav-wrapper.nav-wrapper-1 .nav-content .nav-item {
	background: #2d67b1;
	color: #fff!important;
	border-color: #2d67b1!important
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
	background: #2d67b1
}

.mainnav {
	margin: 0 auto
}

li {
	list-style: none
}

li a {
	text-decoration: none
}

.dropdown {
	position: absolute;
	width: 100%;
	top: 80px;
right: 104px;
	background: #fff;
	border-radius: 4px;
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s
}

.dropdown.comm {
	width: 400px
}

.mainnav li {
	padding: 5px;
	background: 0 0
}

.mainnav li:first-child {
	border: none
}

.mainnav li a {
	display: block
}

.mainnav li:hover {
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s
}

.mainnav li:hover a {
	color: #2d67b1;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s
}

.subs {
	left: -45px;
	position: relative;
	top: 0;
	width: 175px;
	border-left: none!important;
	border-bottom: 1px dotted #fff!important
}

.subs:last-child {
	border: none!important
}

.hassubs .hassubs:hover .dropdown,
.hassubs:hover .dropdown {
	opacity: 1;
	visibility: visible;
	transition: ease-in .35s;
	-moz-transition: ease-in .35s;
	-webkit-transition: ease-in .35s
}

.mainnav li:hover ul a,
.mainnav li:hover ul li ul li a {
	color: #fff
}

.mainnav li ul li ul li:hover,
.mainnav li ul li:hover {
	background: #fff;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s
}

.mainnav li ul li ul li:hover a,
.mainnav li ul li:hover a {
	color: #2d67b1;
	transition: ease-in-out .35s;
	-moz-transition: ease-in-out .35s;
	-webkit-transition: ease-in-out .35s
}

.hassubs .hassubs .dropdown .subs {
	left: 25px;
	position: relative;
	width: 100%;
	top: 0
}

.hassubs .hassubs .dropdown {
	position: absolute;
	width: 100%;
	left: 120px;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: ease-out .35s;
	-moz-transition: ease-out .35s;
	-webkit-transition: ease-out .35s
}

.hassubs .hassubs .dropdown.comm {
	width: 400px
}

.mainnav .hassubs:hover:before {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.mainnav .hassubs:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	position: absolute;
	right: 5px!important;
	left: inherit!important;
	top: 10px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s
}

.mainnav li a {
	text-decoration: none
}

.mainnav .dropdown {
	    width: 20%;
	min-width: 100%;
	position: absolute;
	border: 0 solid #eaeaea;
	z-index: 999;
                top: 74px;
}

header.darkHeader .mainnav .dropdown {
	top: 50px
}

.mainnav .dropdown li {
	left: 0!important;
	width: 100%;
	text-align: left;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px
}

.mainnav .dropdown li:hover {
background: rgb(255, 255, 255);
}

.mainnav .dropdown li a {
	color: #2d67b1!important;
	text-decoration: none
}

.mainnav .dropdown .hassubs:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #2d67b1;
	position: absolute;
	right: 5px!important;
	top: 15px
}

.mainnav .dropdown .hassubs .dropdown {
	right: -100%;
	left: auto
}

.mainnav .dropdown .hassubs .dropdown.comm {
	right: -162%;
	left: auto
}

.mainnav .dropdown .hassubs .dropdown li {
	width: 100%
}

.mainnav .dropdown .hassubs .dropdown li.com {
	width: 50%!important
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
	background: #2d67b1
}

.hc-offcanvas-nav .nav-item,
.hc-offcanvas-nav a {
	color: #fff
}

.hc-offcanvas-nav li.nav-back span::before,
.hc-offcanvas-nav span.nav-next::before {
	border-color: #fff
}

li.nav-close {
	display: none
}

.hc-offcanvas-nav .nav-item,
.hc-offcanvas-nav a {
	border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
	background: #2d67b1;
	border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
	background: #2d67b1
}

.lSAction>a {
	background: #2d67b1
}

.lSAction .lSPrev {
	top: 18px;
	left: 0
}

.lSAction .lSNext {
	top: 18px;
	left: 35px;
	right: auto
}

.lSAction .lSPrev:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 35%;
	top: 16%;
	color: #fff
}

.lSAction .lSNext:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 35%;
	top: 16%;
	color: #fff
}

.mega-menu-title {
	color: #0054a6;
	font-size: 20px;
	font-weight: 700;
	padding: 10px
}

.mainnav .dropdown li.mega-menu-subs a {
    color: #000!important;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.mainnav .dropdown li.mega-menu-subs:hover {
	color: #0054a6!important
}

.mainnav .dropdown li.mega-menu-subs a:hover {
	color: #0054a6!important
}

.mainnav .dropdown li.row:hover {
	background: inherit
}

.mmt {
	margin-top: 48px
}

.dropdown .col-md-3 {
	padding: 0 0
}

ul.dropdown.container {
	padding: 15px
}

.mega-menu-img {
	background: url(../images/training.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 365px;
	float: left;
	width: 25%;
	margin-top: 8px
}

.mainnav .dropdown li.mega-menu-title:hover {
	background: inherit
}

.mega-menu-subs {
	color: #000;
	font-size: 14px;
	padding: 10px
}

section.slider {
	background-image: url(../images/slider-image.jpg);
	height: 680px;
	background-size: cover;
	max-width: 100%;
	object-fit: contain;
	background-repeat: no-repeat;
	background-position: center
}

section.slider .carousel-caption {
	right: 10%;
	left: 10%;
	padding-bottom: 30px;
	bottom: 5%;
	top: 5%;
	position: absolute;
	z-index: 10
}

.carousel-caption .slider-text {
	position: absolute;
	z-index: 11;
	font-size: 66px;
	color: #fff;
	letter-spacing: .07em;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 100%;
	max-height: 100%
}

.carousel-caption .slider1-img1 {
	position: absolute;
	z-index: 12;
	left: 4%
}

.carousel-caption .slider1-img2 {
	position: absolute;
	z-index: 13;
	left: 18%;
	top: 36%
}

.carousel-caption .slider1-img3 {
	position: absolute;
	z-index: 14;
	left: 10%;
	bottom: 2%
}

.carousel-caption .slider1-img4 {
	position: absolute;
	left: 30%;
	z-index: 15
}

.carousel-caption .slider1-img5 {
	position: absolute;
	z-index: 16;
	right: 35%;
	top: 2%
}

.carousel-caption .slider1-img6 {
	position: absolute;
	z-index: 17;
	right: 2%;
	top: 2%
}

.carousel-caption .slider1-img7 {
	position: absolute;
	z-index: 18;
	right: 10%;
	bottom: 35%
}

.carousel-caption .slider1-img8 {
	position: absolute;
	z-index: 19;
	right: 17%;
	bottom: 5%
}

.carousel-caption .slider1-img9 {
	position: absolute;
	z-index: 20;
	left: 54%;
	bottom: 10%
}

.deepskyblue {
	background-image: url(../images/slider/slider1_bg.jpg);
	height: 680px;
	background-size: cover;
	max-width: 100%;
	object-fit: contain;
	background-repeat: no-repeat;
	background-position: center
}

.skyblue {
	background-image: url(../images/slider/slider2_bg.jpg);
	height: 680px;
	background-size: cover;
	max-width: 100%;
	object-fit: contain;
	background-repeat: no-repeat;
	background-position: center
}

.darkerskyblue {
	background-image: url(../images/slider/slider2_1bg.jpg);
	height: 680px;
	background-size: cover;
	max-width: 100%;
	object-fit: contain;
	background-repeat: no-repeat;
	background-position: center
}

.carousel-indicators {
	bottom: 0
}

.carousel-control.left,
.carousel-control.right {
	background-image: none
}

.carousel .item {
	min-height: 680px;
	height: 100%;
	width: 100%
}

.carousel-caption h3 {
	padding: .5em
}

.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	padding: 1em;
	text-align: center;
	border-radius: 50%
}

.sub-banner {
	width: 100%
}

.sub-banner img {
	width: 100%
}

.sub-banner h1 {
	position: absolute;
	color: #fff;
	text-align: center;
	width: 100%;
	margin-top: 4%;
	vertical-align: center
}

.sub-banner h2 {
	position: absolute;
	color: #fff;
	text-align: center;
	width: 100%;
	margin-top: 4%;
	vertical-align: center;
	font-size: 40px
}

.about-us-page {
	padding: 80px 0
}

.service-page {
	padding: 80px 0 0 0
}

.service-page ul li:before {
	content: "\f00c";
	font-family: fontawesome;
	position: absolute;
	margin-left: -25px;
	font-weight: 300;
	color: #0054a6
}

.service-page .service-box {
	width: 100%;
	height: auto;
	background: #fff;
	margin-bottom: 20px
}

.service-page .service-box1 {
	width: 100%;
	height: auto;
	background: #fff;
	margin-bottom: 20px
}

.service-box1 h3 {
	margin-bottom: 24px
}

.service-box1 p:last-child {
	margin-bottom: 0
}

.service-page .service-box2 {
	width: 100%;
	height: auto;
	background: #fff;
	margin-bottom: 80px
}

.ser-last {
	margin-bottom: 80px!important
}

.service-box2 h3 {
	margin-bottom: 24px
}

.service-box2 p:last-child {
	margin-bottom: 0
}

.service-page ul li {
	margin-left: 25px;
	margin-bottom: 8px
}

.contact-us-page {
	padding: 80px 0 0 0
}

.about-us-page h1,
.service-page h1 {
	margin-bottom: 18px
}

.about-us-page p,
.service-page p {
	margin-bottom: 20px
}

footer p {
	text-align: center
}

article.contact-info {
	width: 40%;
	float: left
}

aside.contact-form {
width: 60%;
    margin: 0 auto;
    margin-top: 24px;
}

.contact-map {
	margin: 30px 0
}

.contact-map iframe {
	width: 100%;
	height: 500px
}

.h-mob-search form .form-control {
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #c7c7c7;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0
}

.glyphicon-chevron-left:before {
	content: "\f104";
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

.glyphicon-chevron-right:before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

.moo {
	height: 200px;
	width: 100%
}

.asb {
	background: url(../images/sub_banner.jpg) repeat-x left top
}

.ssb {
	background: url(../images/service_banner.jpg) repeat-x left top
}

.csb {
	background: url(../images/contact_banner.jpg) repeat-x left top
}

.breadcrumb {
	width: 100%;
	float: left;
	background: #f4f4f9;
	padding: 10px 0;
	margin-top: 20px
}

.breadcrumb li a {
	color: #000
}

.bread-ul li {
	float: left;
	padding-right: 15px;
	font-size: 14px
}

.bread-ul li i {
	color: #000;
	margin-right: 5px
}

.bread-ul li:first-child a {
	color: #000
}

.tabs-left {
	border-bottom: none;
	border-right: 1px solid #ddd
}

.tabs-left>li {
	float: none;
	margin: 0
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:focus,
.tabs-left>li.active>a:hover {
	border-bottom-color: #ddd;
	border-right-color: transparent;
	background: #0054a6;
	color: #fff;
	border: none;
	border-radius: 0;
	margin: 0
}

.nav-tabs>li>a:hover {
	line-height: 1.42857143;
	border: 1px solid transparent
}

.tabs-left>li.active>a::after {
	content: "";
	position: absolute;
	top: 10px;
	right: -10px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #0054a6;
	display: block;
	width: 0
}

.tabs-left>li.active:first-child>a::after {
	top: 22px
}

.about-page-tab h3 {
	margin-bottom: 20px
}

.about-page-tab p {
	margin-bottom: 20px
}

.about-page-tab ul li {
	margin-left: 25px;
	margin-bottom: 10px
}

.about-page-tab ul li:before {
	content: "\f00c";
	font-family: fontawesome;
	position: absolute;
	margin-left: -25px;
	font-weight: 300;
	color: #0054a6
}

.desktop {
	display: block
}

.mobile {
	display: none
}

.service-home-mob {
	background: #fff
}

.service-home-mob .content {
	padding: 30px;
	margin-bottom: 30px
}

.service-home-mob .two .content {
	padding: 30px;
	margin-bottom: 0
}

li#search {
	display: none
}

.h-mob-search {
	display: none
}

.navbar-nav.mainnav li a #search {
	display: none
}

.navbar-nav.mainnav li:nth-child(5) {
	display: none
}

.navbar-nav.mainnav .dropdown li:nth-child(5) {
	display: block
}

.our-service-title a {
	color: #fff
}

.our-service-title a:hover {
	color: #fff
}

@media only screen and (max-width:1440px) {
	.mainnav .dropdown {
		min-width: 200px
	}
	.hassubs .hassubs .dropdown.comm {
		width: 250px
	}
	.mainnav .dropdown .hassubs .dropdown li.com {
		width: 100%!important;
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 5px
	}
	.mainnav .dropdown .hassubs .dropdown.comm {
		right: -125%;
		left: auto
	}
	section.slider .carousel-caption {
		right: 0;
		left: 0;
		padding-bottom: 30px;
		bottom: 3%;
		top: 3%;
		position: absolute;
		z-index: 10
	}
	section.slider {
		height: 450px
	}
	section.our-services .bacground-image .content {
		padding-left: 290px;
		padding-top: 80px;
		padding-right: 0;
		width: 100%
	}
	.slider1-img1,
	.slider1-img3,
	.slider1-img6 {
		width: 20%
	}
	.slider1-img8 {
		width: 15%
	}
	.slider1-img2,
	.slider1-img4,
	.slider1-img5,
	.slider1-img7,
	.slider1-img9 {
		width: 10%
	}
	.slider-text {
		width: 25%
	}
	.carousel .item {
		min-height: 450px;
		height: 100%;
		width: 100%
	}
	.moo {
		height: 175px;
		width: 100%
	}
}

@media only screen and (max-width:1024px) and (min-width:768px) {
	section.slider {
		height: 450px
	}
	section.our-services .bacground-image .content {
		padding-left: 200px;
		padding-top: 80px;
		padding-right: 30px;
		width: 90%
	}
	.slider1-img1,
	.slider1-img3,
	.slider1-img6 {
		width: 20%
	}
	.slider1-img8 {
		width: 15%
	}
	.slider1-img2,
	.slider1-img4,
	.slider1-img5,
	.slider1-img7,
	.slider1-img9 {
		width: 10%
	}
	.slider-text {
		width: 25%
	}
	.carousel .item {
		min-height: 450px;
		height: 100%;
		width: 100%
	}
	.moo {
		height: 125px;
		width: 100%
	}
	.carousel-caption .slider-text {
		font-size: 26px
	}
}

@media only screen and (max-width:768px) {
	body {
		overflow-x: hidden
	}
	.header-pc {
		display: none
	}
	.header-mob {
		display: block
	}
	header {
		padding: 0 0
	}
	li.nav-close {
		display: none!important
	}
	.header-gap {
		height: 60px
	}
	.sub-banner h1,
	.sub-banner h2 {
		margin-top: 5%
	}
	.about-us-page,
	.contact-us-page,
	.service-page {
		padding: 30px 0
	}
	.about-us-page h1,
	.service-page h1 {
		padding-top: 30px
	}
	footer {
		background: #f4f4f9;
		padding: 40px 0
	}
	section.slider {
		height: 340px
	}
	section.about-us {
		padding: 40px 0
	}
	section.about-us .white__background {
		width: 380px;
		height: 500px;
		background: #fff;
		border: 1px solid #ccc;
		padding: 30px 21px;
		float: right;
		position: relative;
		margin-top: -377px
	}
	h1 {
		font-size: 36px
	}
	.sub-banner h1,
	.sub-banner h2 {
		font-size: 14px
	}
	section.our-services .bacground-image {
		width: 100%;
		height: 354px;
		margin-bottom: 30px;
		background: #fff;
		background-image: url(../images/it-solutions.png);
		background-repeat: no-repeat;
		background-position: left
	}
	section.cyber-security .four-eightyfive {
		max-width: 100%
	}
	section.cyber-security figure {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		transition: all .5s ease
	}
	section.cyber-security figure img {
		transition: all .5s ease;
		max-width: 100%;
		margin-bottom: 30px
	}
	section.cyber-security {
		margin: 40px 0
	}
	article.contact-info {
		width: 100%;
		float: left
	}
	aside.contact-form {
		width: 100%;
		float: left
	}
	.sub-mob-nav1 {
		text-indent: 15px!important
	}
	.sub-mob-nav2 {
		text-indent: 30px!important
	}
	section.slider .carousel-caption {
		right: 0;
		left: 0;
		padding-bottom: 30px;
		bottom: 3%;
		top: 3%;
		position: absolute;
		z-index: 10
	}
	section.slider {
		height: 340px
	}
	section.our-services .bacground-image .content {
		padding-left: 200px;
		padding-top: 80px;
		padding-right: 30px;
		width: 90%
	}
	.dropdown {
		left: -40px
	}
	.slider1-img1,
	.slider1-img3,
	.slider1-img6 {
		width: 20%
	}
	.slider1-img8 {
		width: 15%
	}
	.slider1-img2,
	.slider1-img4,
	.slider1-img5,
	.slider1-img7,
	.slider1-img9 {
		width: 10%
	}
	.slider-text {
		width: 25%
	}
	.carousel .item {
		min-height: 340px;
		height: 100%;
		width: 100%
	}
	.dropdown {
		position: absolute;
		width: 150px;
		top: 41px;
		left: 0;
		background: #fff;
		border-radius: 4px;
		opacity: 0;
		visibility: hidden;
		transition: ease-out .35s;
		-moz-transition: ease-out .35s;
		-webkit-transition: ease-out .35s
	}
	.mainnav li {
		float: left;
		padding: 5px;
		background: 0 0;
		position: relative
	}
	.hassubs .hassubs .dropdown .subs {
		left: 25px;
		position: relative;
		width: 165px;
		top: 0
	}
	.hassubs .hassubs .dropdown {
		position: absolute;
		width: 150px;
		left: 120px;
		top: 0;
		opacity: 0;
		visibility: hidden;
		transition: ease-out .35s;
		-moz-transition: ease-out .35s;
		-webkit-transition: ease-out .35s
	}
	.mainnav .dropdown {
		width: auto;
		min-width: 250px;
		border: 1px solid #eaeaea;
		z-index: 999
	}
	.mainnav .dropdown li {
		left: 0!important;
		width: 100%;
		text-align: left;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px
	}
	.moo {
		height: 85px;
		width: 100%
	}
	.form.m-search .form-control {
		display: block
	}
	.m-search {
		display: block
	}
	section.about-us .white__background {
		width: auto;
		height: auto;
		padding: 60px;
		float: none;
		top: auto;
		position: relative!important;
		margin-top: 0;
		right: 0;
		max-width: 100%;
		bottom: 0
	}
	.banner_container h2 {
		font-size: 30px!important
	}
	.banner_container p {
		font-size: 14px!important
	}
	.owl-nav {
		display: none!important
	}
	section.our-services p.hero {
		margin-bottom: 16px none!important;
		width: 100% none!important
	}
	.w-600 {
		width: 100%!important
	}
	section.cyber-security .four-eightyfive {
		padding-right: 0
	}
	section.cyber-security figure a img {
		width: 100%!important
	}
	section.cyber-security figcaption {
		position: relative!important;
		max-width: 100%!important
	}
	footer .Communications {
		width: 100%!important;
		float: left!important;
		margin-right: 0!important
	}
	.contact-us.wow.fadeInUp {
		display: none
	}
	footer {
		padding: 20px 0 10px
	}
	section.cyber-security figure a img {
		width: 100%!important;
		display: inline-block!important
	}
	section.cyber-security .four-eightyfive {
		max-width: 100%!important;
		padding-right: 0!important
	}
	section.cyber-security figure>a {
		position: relative!important;
		top: 0!important
	}
	section.cyber-security figure a img {
		width: 100%!important
	}
	section.cyber-security figcaption h2,
	section.our-services .bacground-image .content h2 {
		font-size: 30px!important
	}
	section.cyber-security figure a img {
		width: 100%!important
	}
}

@media only screen and (max-width:640px) and (min-width:580px) {
	.container {
		width: 100%
	}
	.sub-banner h1,
	.sub-banner h2 {
		margin-top: 4%
	}
}

@media only screen and (max-width:580px) {
	.header-pc {
		display: none
	}
	.header-mob {
		display: block
	}
	.header-gap {
		height: 60px
	}
	.container {
		width: 100%
	}
	.fix-mob {
		position: fixed!important;
		top: 0;
		z-index: 99;
		background: #fff
	}
	.header-mobile {
		width: 100%;
		height: auto;
		float: left
	}
	section.our-services .bacground-image .content {
		padding-left: 170px;
		padding-top: 80px;
		padding-right: 30px
	}
	section.slider {
		height: 180px
	}
	h1 {
		font-size: 30px
	}
	.about-us p {
		font-size: 19px
	}
	section.about-us .white__background {
		width: 100%;
		position: inherit;
		margin-top: inherit
	}
	footer {
		background: #f4f4f9;
		padding: 0 0
	}
	footer h3 {
		font-size: 18px;
		color: #252525;
		margin-bottom: 5px;
		margin-top: 18px
	}
	.about-us-page h1,
	.service-page h1 {
		padding-top: 15px
	}
	.ser-last,
	.service-box2 {
		margin-bottom: 30px!important
	}
	footer .flags {
		margin: 30px 0
	}
	section.slider {
		height: 180px
	}
	.carousel .item {
		min-height: 180px
	}
	.moo {
		height: 50px;
		width: 100%
	}
	section.our-services .bacground-image .content {
		padding-left: 0;
		padding-top: 0;
		position: absolute;
		background: rgba(255, 255, 255, .96);
		text-align: center;
		padding: 20px;
		width: 99%;
		left: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}
	section.our-services .bacground-image {
		height: 234px
	}
	section.cyber-security figcaption h2,
	section.our-services .bacground-image .content h2 {
		font-size: 26px!important
	}
	.mobile {
		display: block
	}
	section.our-services {
		padding: 30px 0
	}
	.tabs-left>li>a {
		font-size: 10px
	}
	section.cyber-security figure a img {
		width: 100%!important
	}
}

@media only screen and (max-width:580px) and (min-width:390px) {
	.hamburger {
		top: 25px
	}
	footer h3 {
		font-size: 18px;
		color: #252525;
		margin-bottom: 5px;
		margin-top: 18px
	}
	.contact-us-title {
		font-size: 18px;
		color: #252525;
		margin-bottom: 5px;
		margin-top: 18px
	}
	footer .Communications ul {
		float: none
	}
	footer .Communications,
	footer .data-protection,
	footer .it {
		float: none
	}
}

@media only screen and (max-width:480px) {
	section.cyber-security figure a img {
		width: 100%!important
	}
	.eight-eighty {
		padding-bottom: 0!important
	}
	section.about-us .white__background {
		padding: 34px 26px!important;
		max-width: 100%!important
	}
	h1 {
		font-size: 34px!important
	}
	footer .it {
		width: 100%
	}
	footer .Communications {
		width: 100%
	}
	footer .data-protection {
		width: 100%
	}
	section.our-services .bacground-image .content h2 {
		font-size: 22px
	}
	section.our-services .bacground-image .content {
		padding-left: 170px;
		padding-top: 80px;
		padding-right: 0
	}
	section.about-us .white__background {
		width: 380px;
		height: 500px;
		background: #fff;
		border: none;
		padding: 30px 15px 30px 48px;
		float: right
	}
	footer h3 {
		font-size: 18px;
		color: #252525;
		margin-bottom: 5px;
		margin-top: 18px
	}
	footer .Communications ul {
		float: none
	}
	footer .Communications,
	footer .data-protection,
	footer .it {
		float: none
	}
	section.cyber-security figure a img {
		width: 100%!important
	}
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
	background: #fff;
	border-bottom: 0 solid rgba(255, 255, 255, .08)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open .nav-item {
	color: #000!important
}

h2.five-g {
	font-family: inherit!important
}

div.help-block-error {
	color: red!important;
	font-size: 12px
}

input.help-block-error {
	border-bottom: 1px solid red!important
}
@media (max-width: 480px){
section.our-services .bacground-image .content a.know_More_blue {
    margin-top: 20px !important;
    position: relative !important;
    bottom: 6px !important;
}
}