body {

	font-family: Roboto, sans-serif;

	font-size: 17px;

	line-height: 1.6;

	color: #000;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: GothamPro;

}



header.red-theme ~ section .card-title,

header.red-theme ~ section.inner-case ul li::before {

	color: #d02432 !important;

}



header.blue-theme ~ section .card-title,

header.blue-theme ~ section.inner-case ul li::before {

	color: #0b1e63 !important;

}



header.light-blue-theme ~ section .card-title,

header.light-blue-theme ~ section.inner-case ul li::before {

	color: #0071cd !important;

}



header.green-theme ~ section .card-title,

header.green-theme ~ section.inner-case ul li::before {

	color: #b8db37 !important;

}



header.sea-green-theme ~ section .card-title,

header.sea-green-theme ~ section.inner-case ul li::before {

	color: #12b1a9 !important;

}



header.yellow-theme ~ section .card-title,

header.yellow-theme ~ section.inner-case ul li::before {

	color: #ffbe3c !important;

}



header.orange-theme ~ section .card-title,

header.orange-theme ~ section.inner-case ul li::before {

	color: #ec6405 !important;

}



[data-aos][data-aos][data-aos-duration="400"],

body[data-aos-duration="400"] [data-aos] {

	transition-duration: 1s !important;

}



.blog-post img {

	width: 100%;

}



.half .inner-header {

	max-height: 50vh;

	min-height: 500px;

}



.left-full {

	margin-left: calc(50% - 50vw);

}



.right-full {

	margin-left: calc(50% - 50vw);

}



.row-full {

	margin-left: calc(50% - 50vw);

}



header.black .navbar a.number:before {

	background: url(../images/phone-icon-gr.png);
    filter: hue-rotate(258deg);
}


header.black .navbar .navbar-nav .nav-link {

	color: #fff !important;

}



header.black .navbar .navbar-brand img.d-none {

	display: block !important;

}



header.black .navbar .navbar-brand img {

	display: none !important;

}



header.black .navbar.active-bg a.number:before {

	background: url(../images/phone-icon.png);

}



header.black .navbar.active-bg .navbar-nav .nav-link {

	color: #fff !important;

}



header.black .navbar.active-bg .navbar-brand img.d-none {

	display: none !important;

}



header.black .navbar.active-bg .navbar-brand img {

	display: block !important;

}



header.black .navbar.active-bg .navbar-text a,

header.black .navbar.active-bg .navbar-text a span {

	color: #fff !important;

}



section {

	padding: 180px 0;

	position: relative;

	overflow: hidden;

}



#blog,

#services,

#solutions {

	overflow-x: hidden;

}



section.full {

	height: 100vh;

	-webkit-box-align: center !important;

	-ms-flex-align: center !important;

	align-items: center !important;

	display: -webkit-box !important;

	display: -ms-flexbox !important;

	display: flex !important;

	padding: 60px 0;

}



section .bold,

section .light {

	margin-bottom: 20px;

}



.black * {

color: #000 !important;
}



.white * {

	color: #fff !important;

}



* {

	outline: 0 !important;

}



a:hover {

	text-decoration: none;

}



.btn-white {

	background-color: #fff;

	color: #000 !important;

}



.btn-border {

	border: 1px solid #fff;

	color: #fff;

}



.btn-border:hover {

	border: 1px solid #fff;

	color: #fff;

}



.btn-border.hvr-ripple-out:before {

	border: #fff solid 1px;

}



.btn-white:before {

	border-color: #fff;

}



.btn {

	padding: 0.5rem 2rem;

	font-size: inherit;

}



.btn-gr {

	background: linear-gradient(90deg, #088f04 0, #008900 100%);

	color: #fff !important;

}



.btn-gr.hvr-sweep-to-right:before {

	background: linear-gradient(90deg, #9be3b3 0, #002768 100%);

}



.gr-bg {

	background: linear-gradient(90deg, #9be3b3 0, #002768 100%);

}



.grey-bg {

	background-color: #f0f0f0;

}



.bg-left-logo:before {

	content: "";

	background: url(../images/bg-left-logo.png) no-repeat right center;

	top: 0;

	left: 0;

}



.bg-right-logo:before {

	content: "";

	background: url(../images/bg-right-logo.png) no-repeat left center;

	top: 0;

	left: 0;

}



.bg-left-logo:before,

.bg-right-logo:before {

	background-size: contain;

	position: absolute;

	width: 100%;

	height: 100%;

}



.large-fs {

	font-size: 3em !important;

	margin-bottom: 20px !important;

}



#bottom-round-shape {

	width: 100%;

	position: absolute;

	bottom: -80px;

}

header .inner-header h1:first-child {
    padding: 50px 0 0 0;
}

header .inner-header {
    text-align: center;
    max-height: initial;
    min-height: inherit;
    height: auto;
    margin: 0 0 0;
}



.bottom-round-shape + section {

	margin-top: 100px;

}



.normal-lh {

	line-height: 1.6 !important;

}



.owl-theme .owl-nav [class*="owl-"] {

	position: absolute;

	top: 47%;

	transform: translateY(-50%);

	color: #fff !important;

	font-size: 18px !important;

	border: 1px solid #fff !important;

	border-radius: 50%;

	line-height: 34px !important;

	width: 36px;

}



.owl-carousel .owl-nav button.owl-prev {

	left: -80px;

}



.owl-carousel .owl-nav button.owl-next {

	right: -80px;

	padding-left: 3px !important;

}



.owl-theme .owl-nav [class*="owl-"]:hover {

	background-color: transparent;

}



.bounce {

	animation: bounce-1 3s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

}



@keyframes bounce-1 {

	0% {

		transform: translateY(0);

	}



	50% {

		transform: translateY(-20px);

	}



	100% {

		transform: translateY(0);

	}



}



header {

	width: 100%;

}



.header-wrap {

	position: relative;

	z-index: 9999;

}



.navbar-nav .nav-link {

	font-weight: 500;

	font-size: 17px;

	color: #fff !important;

	padding-top: 2rem;

	padding-bottom: 2rem;

	position: relative;

	overflow: hidden;

}



.navbar {

	padding: 0;

}



a.number {

	font-weight: 700;

	font-size: 22px;

	padding-left: 40px;

	position: relative;

	line-height: 25px;

}



a.number:before {

	background: url(../images/phone-icon.png) no-repeat center;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 27px;

	height: 27px;

}



.navbar-nav .nav-link:before {

	position: absolute;

	top: 0;

	left: 0;

	content: "";

	background-color: #002768;

	width: 100%;

	height: 0;

	border-bottom: 0 solid #fff;

	transition: all 0.3s linear;

}



.navbar-light .navbar-nav .nav-link:before {

	border-color: #000;

}



.navbar-nav .nav-link:hover:before,

.navbar-nav .nav-link:visited:before {

	height: 25px;

	border-width: 2px;

}



.active-bg {

	background-image: linear-gradient(90deg, #2897fc 0, #365bed 100%) !important;

}



.active-bg .container-fluid,

.fp-viewing-1 .container-fluid {

	z-index: 99999;

	position: relative;

}



#sidebar {

	min-width: 130px;

}



.nav-link[data-toggle].collapsed:after {

	content: "▾";

}



.nav-link[data-toggle]:not(.collapsed):after {

	content: "▴";

}



.embed-responsive {

	height: auto;

	margin-bottom: -1px;

	min-height: auto;

}
.embed-responsive:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #121121ad;
    z-index: 8;
    content: "";
    left: 0px;
    top: 0px;
}


.embed-responsive video {

	height: 100vh;

	position: relative;

	margin-bottom: -8px;

}



.scroll-wrap {

	position: absolute;

	bottom: 15px;

	left: 49.5%;

	transform: translateX(-50%);

	z-index: 999;

	transition: all 0.6s ease-in;

}



.scroll {

	background: url(../images/scroll.png) no-repeat top center;

	background-size: contain;

	width: 22px;

	height: 48px;

	position: absolute;

}



.scroll-wrap.go {

	bottom: -100%;

	opacity: 0;

}



.bounce {

	animation: bounce-1 2s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

}



@keyframes bounce-1 {

	0% {

		transform: translateY(0);

	}



	50% {

		transform: translateY(-20px);

	}



	100% {

		transform: translateY(0);

	}



}



header .overlay {

	/* background: url(../images/header-bg.png) no-repeat top center; */

	width: 100%;

	height: 80%;

	position: absolute;

	top: 0;

	z-index: 9;

	/* opacity: 0.5; */

	color: #fff;

	background-size: cover;
	margin-top: 120px;

}



.bold,

.light {

	color: #fff;

	font-size: 42px;

	font-family: GothamPro;

	letter-spacing: -2px;

	text-transform: capitalize;

}



.light {

	font-weight: 100;

	text-transform: uppercase;

}



.bold {

	font-weight: 600;

	font-size: 42px;

}



p,

p.hero {

	margin: 0 auto 20px;

	font-family: GothamPro;

	font-weight: 200;

	font-size: 16px;

	color: white;
}



.overlay p {

	max-width: 760px;

}



header .overlay .bold {

	max-width: 1200px;

}



.wrap {

	padding: 5px 20px;

}



.back-to-top {

	position: relative;

	display: none;

}



.back-to-top a {

	display: block;

	z-index: 99;

	position: fixed;

	right: 100px;

	bottom: 20px;

	background-color: #fff;

	border-radius: 50px;

	box-shadow: 0 0 5px #0643ab85;

	padding: 10px 18px;

}



#about {

	background: url(../images/header-bg.jpg) no-repeat bottom center;

	background-size: cover;

	color: #fff;

	text-align: center;

	min-height: 700px;

	height: auto;

}



#logos {

	border: 1px solid #ffffff4a;

	border-left: 0;

	border-right: 0;

}



#logos img {

	width: auto;

	margin: 0 auto;

}



.bg_text {

	content: "Our services";

	text-transform: uppercase;

	color: #000;

	font-size: 10rem;

	font-weight: 700;

	font-family: GothamPro;

	opacity: 0.06;

	pointer-events: none;

	margin-top: -60px;

	line-height: 13rem;

	position: absolute;

	margin: 0 auto;

	top: -43px;

	width: 100%;

	text-align: center;

}



.dots {

	z-index: 9;

	background-size: contain;

	position: absolute;

	bottom: 0;

}



.dots + .container {

	z-index: 9;

	position: relative;

}



.services-dots {

	background: url(../images/services-dots.png) no-repeat left center;

	width: 766px;

	height: 711px;

	left: 0%;

	/* filter: hue-rotate(292deg); */
}

.solutions-dots {

	background: url(../images/solutions-dots.png) no-repeat left center;

	width: 479px;

	height: 649px;

	right: 23%;

}



.blog-dots {

	background: url(../images/blog-dots.png) no-repeat left center;

	width: 1294px;

	height: 800px;

	left: 10%;

}



#advertising .card,

#platform .card,

.special-card .card,

#services .card {

	padding: 20px;

	text-align: center;

	vertical-align: middle;

	border: none;

	box-shadow: 0 3px 10px #00000012;

	margin-bottom: 1.75rem !important;

	cursor: pointer;

}



#services .card a,

#solutions-cards .card a {

	display: block;

}



#platform .card-title,

.special-card .card-title,

#services .card-title {

	font-weight: 600;

	font-family: GothamPro;

	font-size: 18px;

	line-height: 1.6;

	pointer-events: none;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}





.special-card .card-img,

#services .card-img {

	overflow: hidden;

	width: 110px;

	height: 80px;

	pointer-events: none;

	margin: 0 auto;

	background: url(../images/services-icons.png) no-repeat 0 0;

	margin-bottom: 20px;

	-webkit-transition: background-position 1s ease;

	-moz-transition: background-position 1s ease;

	-o-transition: background-position 1s ease;

	transition: background-position 1s ease;
	

}



#services .card-img.icon-2 {

	background-position: -104px 0;

}



#services .card-img.icon-3 {

	background-position: -200px 0;

}



#services .card-img.icon-4 {

	background-position: -303px 0;

}



#services .card-img.icon-5 {

	background-position: -399px 0;

}



#services .card-img.icon-6 {

	background-position: -493px 0;

}



#services .card:hover .card-title,

.special-card .card:hover .card-title {

	color: #365bed !important;

}



#services .card:hover .card-img {

	background-position-y: -101px;

}



.hi-icon-effect-5c .hi-icon:hover:before {

	-webkit-animation: toTopFromBottom 0.3s forwards;

	-moz-animation: toTopFromBottom 0.3s forwards;

	animation: toTopFromBottom 0.3s forwards;

}



@-webkit-keyframes toTopFromBottom {

	49% {

		-webkit-transform: translateY(-100%);

	}



	50% {

		opacity: 0;

		-webkit-transform: translateY(100%);

	}



	51% {

		opacity: 1;

	}



}



@-moz-keyframes toTopFromBottom {

	49% {

		-moz-transform: translateY(-100%);

	}



	50% {

		opacity: 0;

		-moz-transform: translateY(100%);

	}



	51% {

		opacity: 1;

	}



}



@keyframes toTopFromBottom {

	49% {

		transform: translateY(-100%);

	}



	50% {

		opacity: 0;

		transform: translateY(100%);

	}



	51% {

		opacity: 1;

	}



}



#work {

	background: url(../images/portfolio-bg.jpg) no-repeat bottom center;

	background-size: cover;

	color: #fff;

	text-align: center;

}



#work .bg_text {

	color: #fff;

}



#work .slider-2-content h1 {

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: -2px;

	margin-bottom: 20px;

}



#work .slider-2-content p {

	margin-bottom: 20px;

}



.animate-slide-item {

	padding-left: 10px;

	padding-bottom: 10px;

}



#solutions {

	padding-bottom: 0;

}



#solutions .solutions-slider {

	background: url(../images/solution.png) no-repeat center;

	min-height: 476px;

}



.owl-carousel .owl-item img {

	width: auto;

	margin: 0 auto;

	padding: 20px 0;

}



#solutions .owl-carousel .owl-item img {

	width: auto;

	margin: 0 auto;

	padding: 17px 0;

}



#solutions .owl-theme .owl-nav [class*="owl-"],

#solutions .owl-theme .owl-nav [class*="owl-"] i {

	border-color: #d6d6d6 !important;

	color: #d6d6d6 !important;

}



#solutions .owl-carousel .owl-nav button.owl-prev {

	left: -40px;

}



#solutions .owl-carousel .owl-nav button.owl-next {

	right: -40px;

}



#solutions-cards .card-deck .card {

	border: none;

	box-shadow: 0 3px 10px #00000012;

}



#solutions-cards .card-columns {

	-webkit-column-count: 4;

	-moz-column-count: 4;

	column-count: 4;

}



#solutions-cards .card-img {

background: url(../images/solution-icons.png) no-repeat 0 0;

background-position: 10px -10px;

filter: hue-rotate(13deg);
}



#solutions-cards .card-img.icon-2 {

	background-position: -84px -4px;

}



#solutions-cards .card-img.icon-3 {

	background-position: -190px 0px;

}



#solutions-cards .card-img.icon-4 {

	background-position: -290px 0px;

}



#solutions-cards .card-img.icon-5 {

	background-position: -390px 0px;

}



#solutions-cards .card-img.icon-6 {

	background-position: -502px 0px;

}



#solutions-cards .card-img.icon-7 {

	background-position: -612px 0px;

}



#solutions-cards .card-img.icon-8 {

	background-position: -721px 0px;

}



#solutions-cards .card:hover .card-img {

	background-position-y: -101px;

}



.card-body {

	padding: 2rem 1rem !important;

}



.card-title {

	font-family: GothamPro;

	font-size: 17px;

	font-weight: 600;

}



.card-text {

	font-family: GothamPro;

	font-size: 16px;

	font-weight: 200;

	margin-bottom: 20px !important;

}



.card-link {

	font-size: 16px;

	font-weight: 500;

	color: #3073f3 !important;

	text-decoration: underline;

}



#contact {

	background: url(../images/contact-bg.jpg) no-repeat bottom center;

	background-size: cover;

	color: #000;
	/* filter: hue-rotate(241deg); */
}



#contact .bg_text {

	color: #fff;

}



.contact-form {

	background-color: #fff;

	border-radius: 5px;

}



.contact-form h2 {

	font-weight: 600;

	text-transform: capitalize;

	letter-spacing: -2px;

}



.contact-form form {

	margin-top: 20px;

}



.contact-form > .row > div[class*="col"] {

	padding: 50px !important;

}



.contact-form label {

	font-family: GothamPro;

	font-weight: 100;

	font-size: 16px;

}



.contact-form input,

.contact-form textarea {

	margin-bottom: 20px;

}



.contact-info {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.contact-info li {

	margin-bottom: 15px;

	position: relative;

	padding-left: 35px;

}



.contact-info li:before {

	background: url(../images/c-info-icon.png) no-repeat center;

	content: "";

	position: absolute;

	left: 0;

	width: 25px;

	height: 25px;

}



.contact-info li.email:before {

	background-position: 0 0;

}



.contact-info li.phone:before {

	background-position: -35px 0;

}



.contact-info li.location:before {

	background-position: -70px 0;

}



.contact-info li a {

	font-family: GothamPro;

	font-size: 16px;

	font-weight: 200;

	color: #000;

	display: block;

}



.social-icons li {

	padding: 0 10px;

}



.social-icons li a {

	font-size: 24px;

}



footer {

	position: relative;

	padding: 100px 0;

	background: url(../images/footer-bg.png) no-repeat center;

	background-size: cover;

	overflow-x: hidden;

}



footer h4 {

	font-family: GothamPro;

	font-size: 20px;

	font-weight: 600;

	color: #000;

	margin-bottom: 25px;

}



footer ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}



#footer-bottom p,

#footer-bottom p a,

footer ul li a {

	font-family: GothamPro;

	font-size: 15px;

	font-weight: 200;

	color: #000;

}



#footer-bottom {

    background: linear-gradient(90deg, #002768, #002768);
    padding: 15px;

}



#footer-bottom p,

#footer-bottom p a {

	color: #fff;

	margin-bottom: 0;

}



footer ul li:last-child p {

	margin-bottom: 0;

}



footer .social-icons {

	margin-top: 8px;

}



section.inner-content {

	padding: 60px 0;

}



header .inner-header {

	width: 100%;

	height: 100vh;

	position: relative;

	color: #fff;

	background-size: cover !important;

	min-height: 708px;

}



header .inner-header.inner-bg {

	background: url(../images/inner-bg/ecommerce-solutions-bg.png) no-repeat top center;

}



.inner-content .bold {

	font-size: 34px;

}



.inner-content p.hero {

	line-height: 36px;

}



.inner-content p {

	line-height: 26px;

	font-size: 16px;

}



ul.arrow {

	padding: 0;

	margin: 0;

	list-style-type: circle;

	line-height: 26px;

	font-size: 16px;

	font-family: GothamPro;

	font-weight: 200;

}



.inner-heading {

	font-size: 28px;

	font-family: GothamPro;

	font-weight: 600;

}



.icon-w-text {

	margin-bottom: 30px;

}



.icon-w-text p {

	line-height: 25px;

	font-size: 14px;

}



.section-bg-1 {

	background: url(../images/inner-bg/ecom-inner-bg.png) no-repeat 100% 0;

}



.section-bg-2:before,

.section-bg-4:before,

.section-bg-6:before,

.section-bg-8:before,

.section-bg-10:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	background: url(../images/inner-bg/inner-bg-2.png) no-repeat 100% 0;

	width: 60%;

	height: 80%;

	background-size: contain;

	opacity: 50%;

}



.section-bg-4::before {

	background: url(../images/inner-bg/inner-bg-4.png) no-repeat 100% 0;

}



.section-bg-6:before {

	background: url(../images/inner-bg/inner-bg-6.png) no-repeat 100% 0;

}



.section-bg-8:before {

	background: url(../images/inner-bg/inner-bg-8.png) no-repeat 100% 0;

}



.section-bg-10:before {

	background: url(../images/inner-bg/inner-bg-10.png) no-repeat 100% 0;

}



.section-bg-3:after,

.section-bg-5:after,

.section-bg-7:after,

.section-bg-9:after,

.section-bg-11:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	background: url(../images/inner-bg/inner-bg-3.png) no-repeat left bottom;

	width: 40%;

	height: 80%;

	background-size: contain;

	z-index: -1;

	opacity: 50%;

}



.section-bg-5::after {

	background: url(../images/inner-bg/inner-bg-5.png) no-repeat 100% 0;

}



.section-bg-7:after {

	background: url(../images/inner-bg/inner-bg-7.png) no-repeat 100% 0;

}



.section-bg-9:after {

	background: url(../images/inner-bg/inner-bg-9.png) no-repeat 100% 0;

}



.section-bg-11:after {

	background: url(../images/inner-bg/inner-bg-11.png) no-repeat 100% 0;

}



.cas-box {

	position: relative;

	height: 600px;

	min-height: 600px;

}



.cas-box .cas-images {

	position: absolute;

}



.cas-images.cas-1 {

	left: 0;

	top: 28%;

}



.cas-images.cas-2 {

	left: 20%;

	top: 0;

}



.cas-images.cas-3 {

	right: 0;

	bottom: 30%;

}



.cas-images.cas-4 {

	right: 20%;

	bottom: 0;

}



.cas-images.cas-5 {

	left: 0;

	top: 28%;

}



.cas-images.cas-6 {

	left: 20%;

	top: 0;

}



.cas-images.cas-7 {

	right: 0;

	bottom: 40%;

}



.cas-images.cas-8 {

	right: 9%;

	bottom: 0;

}



.round-shape-bg:before {

	content: "";

	background: url(../images/services/platform.png) no-repeat top;

	width: 100%;

	height: 557px;

	position: absolute;

	background-size: cover;

	top: 0;
}



#platform .card-columns {

	-webkit-column-count: 3;

	-moz-column-count: 3;

	column-count: 3;

}



#platform .card {

	flex: 0 1 calc(33.333% - 30px);

	margin-left: 15px;

	margin-right: 15px;

}



#platform .card-img {


}



#platform .card-title {

	color: #000 !important;

	font-weight: 200;

}



.app-detail.b-heading {

	margin: 50px 0;

}



.app-detail h5 {

	color: #002768 !important;
	font-weight: 600;

	margin-bottom: 20px;

	position: relative;

}



.app-detail.b-heading h5 {

	color: #000 !important;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 20px;

}



.app-detail p {

	line-height: 22px;

	font-size: 15px;

}



.app-detail.b-heading p {

	font-size: 16px;

	line-height: 25px;

}



.app-detail h5:after,

.app-detail h5:before {

	background: #002768;

	background: linear-gradient(90deg, #9be3b3 0, #002768 100%);

	width: 18px;

	height: 18px;

	display: inline-block;

	border-radius: 50px;

	position: relative;

	top: 3px;

}



.dot-right .app-detail h5:after {

	content: "";

	margin-left: 10px;

	position: absolute;

	right: -25px;

	top: 5px;

}



.dot-left .app-detail h5:before {

	content: "";

	margin-right: 10px;

	position: absolute;

	left: -25px;

	top: 5px;

}



.dot-top .app-detail h5:before {

	content: "";

	margin: 30px auto 20px;

	display: block;

}



.inner-header .center .light {

	font-size: 30px;

	margin: 30px 0;

}



.owl-slider-4 .left {

	z-index: 1;

	margin-left: 0 !important;

}



.owl-slider-4 .right {

	z-index: -1;

	position: absolute;

	right: 0;

	top: 60px;

}



.owl-slider-4 .left img,

.owl-slider-4 .right img {

	margin: 0 !important;

}



.owl-slider-4 .img-wrap {

	height: 524px;

	vertical-align: top;

}



.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"] {

	border-color: #c3c3c3 !important;

}



.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"]:active,

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"]:focus,

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover {

	border-color: #385ded !important;

}



.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"] i {

	color: #c3c3c3 !important;

}



.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"]:active i,

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"]:focus i,

.owl-slider-4.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover i {

	color: #385ded !important;

}



.owl-slider-4.owl-carousel .owl-nav button.owl-prev {

	left: 52%;

	top: 75%;

}



.owl-slider-4.owl-carousel .owl-nav button.owl-next {

	right: 39%;

	top: 75%;

}



.owl-slider .owl-item .animate-slide-item {

	opacity: 0;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

}



.slider-2-content ul li:last-child {

	margin-right: 0 !important;

}



.animate-slider .owl-item.active .animate-slide-item {

	top: 0 !important;

	position: relative !important;

	opacity: 1;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

}



.animate-slide-item {

	display: block !important;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	top: 120px !important;

}



.animate-slide-item:nth-child(1) {

	transition-delay: 0.42s !important;

	-webkit-transition-delay: 0.42s !important;

}



.animate-slide-item:nth-child(2) {

	transition-delay: 0.52s !important;

	-webkit-transition-delay: 0.52s !important;

}



.animate-slide-item:nth-child(3) {

	transition-delay: 0.62s !important;

	-webkit-transition-delay: 0.62s !important;

}



.animate-slider .slider-right .img-wrap:first-child {

	z-index: 20;

}



.animate-slider .slider-right .img-wrap .inner img {

	transform: translateY(100%) !important;

	-webkit-transform: translateY(100%) !important;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

}



.animate-slider .slider-right .img-wrap:first-child .inner img {

	transition-delay: 0.42s !important;

	-webkit-transition-delay: 0.42s !important;

}



.animate-slider .slider-right .img-wrap:last-child .inner img {

	transition-delay: 0.55 !important;

	-webkit-transition-delay: 0.55s !important;

}



.animate-slider .owl-item.active .slider-right .img-wrap .inner img {

	transform: translateY(0) !important;

	-webkit-transform: translateY(0) !important;

}



#advertising .card {

	flex: 0 1 calc(25% - 30px);

	margin-left: 15px;

	margin-right: 15px;

	min-height: 200px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center !important;

	-ms-flex-pack: center !important;

	justify-content: center !important;

}



.font-size-large {

	font-size: 4em !important;

}



#services-section .bold,

#services-section .light {

	margin-bottom: 20px;

}



#technologies {

	padding: 100px 0;

}



.hexagon {

	width: 100%;

	height: 180px;

	background: url(../images/about/hexagon-w.png) no-repeat center;

	background-size: contain;

	line-height: 180px;

	color: #000 !important;

	position: relative;

}



.hexagon .h-overlay {

	background: url(../images/about/hexagon-w-h.png) no-repeat center;

	background-size: 0;

	position: absolute;

	width: 100%;

	height: 180px;

	top: 0;

	left: 50%;

	transform: translate(-50%, 0);

	-webkit-transition: background-size 0.2s ease-in-out;

	transition: background-size 0.2s ease-in-out;

}



.hexagon:hover .h-overlay {

	background-size: 100%;

}



#testimonials {

	background: url(../images/about/map-bg.png) no-repeat center;

	background-size: contain;

}



#testimonials .slide .small {

	font-size: 14px;

}



#testimonials .slide .small span {

	text-transform: uppercase;

	font-weight: 100;

	letter-spacing: 0;

}



#testimonials-grid {

	text-align: center;

}



#testimonials-grid .row {

	margin-bottom: 120px;

}



#testimonials-grid .row:first-child {

	margin-top: 50px;

}



#testimonials-grid .row:last-child {

	margin-bottom: 0;

}



.t-grid {

	background-color: #f5f7fb;

	border-radius: 0;

	padding: 50px;

	height: 100%;

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	-webkit-box-pack: center !important;

	-ms-flex-pack: center !important;

	justify-content: center !important;

}



.center-q:before,

.left-q:before,

.right-q:before {

	content: "";

	background: url(../images/q.png) no-repeat;

	background-size: contain;

	position: absolute;

	width: 117px;

	height: 104px;

	top: -74px;

}



.left-q:before {

	left: 20px;

}



.right-q:before {

	right: 20px;

}



.center-q:before {

	left: 50%;

	transform: translateX(-50%);

}



.t-grid p {

	color: #000;

	font-weight: 400;

	margin-bottom: 30px;

}



.t-grid p.small {

	margin-bottom: 0;

}



.review {

	font-size: 13px;

	margin-bottom: 10px;

}



.review .yellow {

	color: #ffc107 !important;

}



#process-grid .row {

	margin-bottom: 30px;
    filter: hue-rotate(223deg) !important;
}



#process-grid .row:nth-child(2) {

	margin-bottom: 50px;
    filter: hue-rotate(223deg) !important;
}



#process-grid .row:nth-child(3) {

	margin-bottom: 60px;
    filter: hue-rotate(223deg) !important;
}



#process-grid .row:nth-child(4) {

	margin-bottom: 50px;
    filter: hue-rotate(223deg) !important;
}



#process-grid .row:nth-child(5) {

	margin-bottom: 60px;
    filter: hue-rotate(223deg) !important;
}



#process-grid .row:nth-child(6) {

	margin-bottom: 60px;
    filter: hue-rotate(223deg) !important;
}



#process-grid .row:nth-child(7) {

	margin-bottom: 50px;
    filter: hue-rotate(223deg) !important;
}



#mySVG {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	margin-left: 0;

	margin-top: -30px;

	z-index: 999;

}



#process-grid .row h2 {

	margin-bottom: 0;

}



#process-grid .left img {

	margin-left: -70px;

}



#process-grid .right img {

	margin-left: 100px;

}



#clients-grid .row .col-auto {

	margin-bottom: 1.8rem;

}



#clients-grid .row .col-auto .card {

	border: 0;

	box-shadow: 2px -2px 6px #00000021;

}



#clients-grid .row .col-auto .card.hvr-bounce-to-right:before {

	background: #f0f0f0;

}



.contact a.email,

.contact a.number {

	font-size: 16px;

	font-weight: 500;

	margin-left: 30px;

	padding-left: 30px;

	line-height: 25px;

	position: relative;

	color: #000;

}



.contact a.email:focus,

.contact a.email:hover,

.contact a.number:focus,

.contact a.number:hover {

	color: #000;

}



.contact .navbar-text a:first-child:after {

	content: "|";

	margin-left: 40px;

}



.contact a.email:before,

.contact a.number:before {

	content: "";

	position: absolute;

	left: 0;

	width: 27px;

	height: 27px;

}



.contact a.number:before {

	background: url(../images/contact/number.png) no-repeat center;

}



.contact a.email:before {

	background: url(../images/contact/email.png) no-repeat center;

}



header.contact {

	height: 100vh;

}



header.contact .inner-header.inner-bg {

	background: 0 0;

	height: 100vh;

	min-height: auto;

}



header.contact ~ #footer-bottom {

	position: fixed;

	bottom: 0;

	width: 100%;

}



header.contact .inner-header.inner-bg .left-col {

	background: #2897fc;

	background: linear-gradient(90deg, #2897fc 0, #365bed 100%);

}



header.contact .inner-header.inner-bg .content {

	width: 100%;

	height: 100%;

	padding: 150px;

}



header.contact .inner-header.inner-bg .left-col .content {

	background: url(../images/contact/contact-bg.png) no-repeat top center;

}



header.contact .container-fluid,

header.contact .row {

	height: 100%;

}



.contact .active-bg a.email,

.contact .active-bg a.number {

	color: #fff;

}



.contact .active-bg a.email:before {

	background: url(../images/contact/email-w.png) no-repeat center;

}



.contact .active-bg a.number:before {

	background: url(../images/contact/number-w.png) no-repeat center;

}



body[class*="fp-viewing-"] .navbar {

	background-color: #ffffff3b;

}



body.fp-viewing-0 .navbar {

	background-color: transparent;

}



header #case-header.inner-bg {

	background: url(../images/case/case-bg.png) no-repeat top center;

}



.before-ntrc {

	position: absolute;

	width: 432px;

	height: 509px;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

}



#fullpage h2 {

	text-shadow: 6px 6px 6px #0000002e;

	font-size: 2.5rem;
	
	color: #fff !important;

}



#fullpage .grey-bg h1 {

	text-shadow: none;

}



body {

	font-family: Roboto, sans-serif;

	font-size: 17px;

	line-height: 1.6;

	color: #000

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: GothamPro

}



header.red-theme~section.card-title,

header.red-theme~section.inner-case ul li::before {

	color: #d02432 !important

}



header.blue-theme~section.card-title,

header.blue-theme~section.inner-case ul li::before {

	color: #0b1e63 !important

}



header.light-blue-theme~section.card-title,

header.light-blue-theme~section.inner-case ul li::before {

	color: #0071cd !important

}



header.green-theme~section.card-title,

header.green-theme~section.inner-case ul li::before {

	color: #b8db37 !important

}



header.sea-green-theme~section.card-title,

header.sea-green-theme~section.inner-case ul li::before {

	color: #12b1a9 !important

}



header.yellow-theme~section.card-title,

header.yellow-theme~section.inner-case ul li::before {

	color: #ffbe3c !important

}



header.orange-theme~section.card-title,

header.orange-theme~section.inner-case ul li::before {

	color: #ec6405 !important

}



[data-aos][data-aos][data-aos-duration="400"],

body[data-aos-duration="400"][data-aos] {

	transition-duration: 1s !important

}



.blog-post img {

	width: 100%

}



.half.inner-header {

	max-height: 50vh;

	min-height: 500px

}



.left-full {

	margin-left: calc(50%-50vw)

}



.right-full {

	margin-left: calc(50%-50vw)

}



.row-full {

	margin-left: calc(50%-50vw)

}



header.black.navbar a.number:before {

	background: url(../images/phone-icon-gr.png)

}



header.black.navbar.navbar-nav.nav-link {

	color: #000 !important

}



header.black.navbar.navbar-brand img.d-none {

	display: block !important

}



header.black.navbar.navbar-brand img {

	display: none !important

}



header.black.navbar.active-bg a.number:before {

	background: url(../images/phone-icon.png)

}



header.black.navbar.active-bg.navbar-nav.nav-link {

	color: #fff !important

}



header.black.navbar.active-bg.navbar-brand img.d-none {

	display: none !important

}



header.black.navbar.active-bg.navbar-brand img {

	display: block !important

}



header.black.navbar.active-bg.navbar-text a,

header.black.navbar.active-bg.navbar-text a span {

	color: #fff !important

}



section {

	padding: 180px 0 60px;

	position: relative;

	overflow: hidden

}



#blog,

#services,

#solutions {

	overflow-x: hidden

}



section.full {

	height: 100vh;

	-webkit-box-align: center !important;

	-ms-flex-align: center !important;

	align-items: center !important;

	display: -webkit-box !important;

	display: -ms-flexbox !important;

	display: flex !important;

	padding: 60px 0

}



section.bold,

section.light {

	margin-bottom: 20px

}



.black* {

	color: #000 !important

}



.white* {

	color: #fff !important

}



* {

/* outline: 0 !important; */
}



a:hover {

	text-decoration: none

}



.btn-white {

	background-color: #fff;

	color: #000 !important

}



.btn-border {

	border: 1px solid #fff;

	color: #fff

}



.btn-border:hover {

	border: 1px solid #fff;

	color: #fff

}



.btn-border.hvr-ripple-out:before {

	border: #fff solid 1px

}



.btn-white:before {

	border-color: #fff

}



.btn {

	padding: 0.5rem 2rem;

	font-size: inherit

}



.btn-gr {

	background: linear-gradient(90deg, #002768, #002768);
    color: #fff !important;

}
.grey-bg {

	background-color: #f0f0f0

}



.bg-left-logo:before {

	content: "";

	background: url(../images/bg-left-logo.png)no-repeat right center;

	top: 0;

	left: 0

}



.bg-right-logo:before {

	content: "";

	background: url(../images/bg-right-logo.png)no-repeat left center;

	top: 0;

	left: 0

}



.bg-left-logo:before,

.bg-right-logo:before {

	background-size: contain;

	position: absolute;

	width: 100%;

	height: 100%

}



.large-fs {

	font-size: 3em !important;

	margin-bottom: 20px !important

}



#bottom-round-shape {

	width: 100%;

	position: absolute;

	bottom: -80px

}



.bottom-round-shape+section {

	margin-top: 100px

}



.normal-lh {

	line-height: 1.6 !important

}



.owl-theme.owl-nav[class*="owl-"] {

	position: absolute;

	top: 47%;

	transform: translateY(-50%);

	color: #fff !important;

	font-size: 18px !important;

	border: 1px solid #fff !important;

	border-radius: 50%;

	line-height: 34px !important;

	width: 36px

}



.owl-carousel.owl-nav button.owl-prev {

	left: -80px

}



.owl-carousel.owl-nav button.owl-next {

	right: -80px;

	padding-left: 3px !important

}



.owl-theme.owl-nav[class*="owl-"]:hover {

	background-color: transparent

}



.bounce {

	animation: bounce-1 3s;

	animation-timing-function: linear;

	animation-iteration-count: infinite

}



@keyframes bounce-1 {

	0% {

		transform: translateY(0)

	}



	50% {

		transform: translateY(-20px)

	}



	100% {

		transform: translateY(0)

	}



}



header {

	width: 100%

}



.header-wrap {

	position: relative;

	z-index: 9999

}



.navbar-nav.nav-link {

	font-weight: 500;

	font-size: 17px;

	color: #fff !important;

	padding-top: 2rem;

	padding-bottom: 2rem;

	position: relative;

	overflow: hidden

}



.navbar {

	padding: 0

}



a.number {

	font-weight: 700;

	font-size: 22px;

	padding-left: 40px;

	position: relative;

	line-height: 25px

}



a.number:before {

	background: url(../images/phone-icon.png)no-repeat center;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 27px;

	height: 27px

}



.navbar-nav.nav-link:before {

	position: absolute;

	top: 0;

	left: 0;

	content: "";

	background-color: #002768;

	width: 100%;

	height: 0;

	border-bottom: 0 solid #fff;

	transition: all 0.3s linear

}



.navbar-light.navbar-nav.nav-link:before {

	border-color: #000

}



.navbar-nav.nav-link:hover:before,

.navbar-nav.nav-link:visited:before {

	height: 25px;

	border-width: 2px

}



.active-bg {

	background-image: linear-gradient(90deg, #2897fc 0, #365bed 100%) !important

}



.active-bg.container-fluid,

.fp-viewing-1 .container-fluid {

	z-index: 99999;

	position: relative

}



#sidebar {

	min-width: 130px

}



.nav-link[data-toggle].collapsed:after {

	content: "▾"

}



.nav-link[data-toggle]:not(.collapsed):after {

	content: "▴"

}



.embed-responsive {

	height: auto;

	margin-bottom: -1px;

	min-height: auto

}



/*.embed-responsive video {

	height: auto;

	position: relative;

	margin-bottom: -8px

}*/

.embed-responsive video {

    /* height: 710px; */

    position: relative;

    margin-bottom: -8px;

    object-fit: cover;

}



.scroll-wrap {

	position: absolute;

	bottom: 15px;

	left: 49.5%;

	transform: translateX(-50%);

	z-index: 999;

	transition: all 0.6s ease-in

}



.scroll {

	background: url(../images/scroll.png)no-repeat top center;

	background-size: contain;

	width: 22px;

	height: 48px;

	position: absolute

}



.scroll-wrap.go {

	bottom: -100%;

	opacity: 0

}



.bounce {

	animation: bounce-1 2s;

	animation-timing-function: linear;

	animation-iteration-count: infinite

}



@keyframes bounce-1 {

	0% {

		transform: translateY(0)

	}



	50% {

		transform: translateY(-20px)

	}



	100% {

		transform: translateY(0)

	}



}



header.overlay {

	background: url(../images/header-bg.png)no-repeat top center;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	z-index: 9;

	opacity: 0.9;

	color: #fff;

	background-size: cover

}



.bold,

.light {

	color: #fff;

	font-size: 42px;

	font-family: GothamPro;

	letter-spacing: -2px;

	text-transform: capitalize

}



.light {

	font-weight: 100;

	text-transform: uppercase

}



.bold {

	font-weight: 600;

	font-size: 42px

}



p,

p.hero {

	margin: 0 auto 20px;

	font-family: GothamPro;

	font-weight: 200;

	font-size: 16px

}



.overlay p {

	max-width: 760px

}



header.overlay.bold {

	max-width: 1200px

}



.wrap {

	padding: 5px 20px

}



.back-to-top {

	position: relative;

	display: none

}



.back-to-top a {

	display: block;

	z-index: 99;

	position: fixed;

	right: 100px;

	bottom: 20px;

	background-color: #fff;

	border-radius: 50px;

	box-shadow: 0 0 5px #0643ab85;

	padding: 10px 18px

}



#about {

	background: url(../images/header-bg.jpg)no-repeat bottom center;

	background-size: cover;

	color: #fff;

	text-align: center;

	min-height: 700px;

	height: auto

}



#logos {

	border: 1px solid #ffffff4a;

	border-left: 0;

	border-right: 0

}



#logos img {

	width: auto;

	margin: 0 auto

}



.bg_text {

	content: "Our services";

	text-transform: uppercase;

	color: #000;

	font-size: 10rem;

	font-weight: 700;

	font-family: GothamPro;

	opacity: 0.06;

	pointer-events: none;

	margin-top: -60px;

	line-height: 13rem;

	position: absolute;

	margin: 0 auto;

	top: -43px;

	width: 100%;

	text-align: center

}



.dots {

	z-index: 9;

	background-size: contain;

	position: absolute;

	bottom: 0

}



.dots+.container {

	z-index: 9;

	position: relative

}



.services-dots {

	background: url(../images/services-dots.png)no-repeat left center;

	width: 766px;

	height: 711px;

	left: 0%

}



.solutions-dots {

	background: url(../images/solutions-dots.png)no-repeat left center;

	width: 479px;

	height: 649px;

	right: 23%

}



.blog-dots {

	background: url(../images/blog-dots.png)no-repeat left center;

	width: 1294px;

	height: 800px;

	left: 10%

}



#advertising.card,

#platform.card,

.special-card.card,

#services.card {

	padding: 20px;

	text-align: center;

	vertical-align: middle;

	border: none;

	box-shadow: 0 3px 10px #00000012;

	margin-bottom: 1.75rem !important;

	cursor: pointer

}



#services.card a,

#solutions-cards.card a {

	display: block

}



#platform.card-title,

.special-card.card-title,

#services.card-title {

	font-weight: 600;

	font-family: GothamPro;

	font-size: 18px;

	line-height: 1.6;

	pointer-events: none;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease

}



#platform.card-img,

.special-card.card-img,

#services.card-img {

	overflow: hidden;

	width: 110px;

	height: 80px;

	pointer-events: none;

	margin: 0 auto;

	background: url(../images/services-icons.png)no-repeat 0 0;

	margin-bottom: 20px;

	-webkit-transition: background-position 1s ease;

	-moz-transition: background-position 1s ease;

	-o-transition: background-position 1s ease;

	transition: background-position 1s ease

}



#services.card-img.icon-2 {

	background-position: -104px 0

}



#services.card-img.icon-3 {

	background-position: -200px 0

}



#services.card-img.icon-4 {

	background-position: -303px 0

}



#services.card-img.icon-5 {

	background-position: -399px 0

}



#services.card-img.icon-6 {

	background-position: -493px 0

}



#services.card:hover.card-title,

.special-card.card:hover.card-title {

	color: #365bed !important

}



#services.card:hover.card-img {

	background-position-y: -101px

}



.hi-icon-effect-5c.hi-icon:hover:before {

	-webkit-animation: toTopFromBottom 0.3s forwards;

	-moz-animation: toTopFromBottom 0.3s forwards;

	animation: toTopFromBottom 0.3s forwards

}



@-webkit-keyframes toTopFromBottom {

	49% {

		-webkit-transform: translateY(-100%)

	}



	50% {

		opacity: 0;

		-webkit-transform: translateY(100%)

	}



	51% {

		opacity: 1

	}



}



@-moz-keyframes toTopFromBottom {

	49% {

		-moz-transform: translateY(-100%)

	}



	50% {

		opacity: 0;

		-moz-transform: translateY(100%)

	}



	51% {

		opacity: 1

	}



}



@keyframes toTopFromBottom {

	49% {

		transform: translateY(-100%)

	}



	50% {

		opacity: 0;

		transform: translateY(100%)

	}



	51% {

		opacity: 1

	}



}



#work {

	background: url(../images/portfolio-bg.jpg)no-repeat bottom center;

	background-size: cover;

	color: #fff;

	text-align: center

}



#work.bg_text {

	color: #fff

}



#work.slider-2-content h1 {

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: -2px;

	margin-bottom: 20px

}



#work.slider-2-content p {

	margin-bottom: 20px

}



.animate-slide-item {

	padding-left: 10px;

	padding-bottom: 10px

}



#solutions {

	padding-bottom: 0

}



#solutions.solutions-slider {

	background: url(../images/solution.png)no-repeat center;

	min-height: 476px

}



.owl-carousel.owl-item img {

	width: auto;

	margin: 0 auto;

	padding: 20px 0

}



#solutions.owl-carousel.owl-item img {

	width: auto;

	margin: 0 auto;

	padding: 17px 0

}



#solutions.owl-theme.owl-nav[class*="owl-"],

#solutions.owl-theme.owl-nav[class*="owl-"]i {

	border-color: #d6d6d6 !important;

	color: #d6d6d6 !important

}



#solutions.owl-carousel.owl-nav button.owl-prev {

	left: -40px

}



#solutions.owl-carousel.owl-nav button.owl-next {

	right: -40px

}



#solutions-cards.card-deck.card {

	border: none;

	box-shadow: 0 3px 10px #00000012

}



#solutions-cards.card-columns {

	-webkit-column-count: 4;

	-moz-column-count: 4;

	column-count: 4

}



#solutions-cards.card-img {

	background: url(../images/solution-icons.png)no-repeat 0 0;

	background-position: 10px-10px

}



#solutions-cards.card-img.icon-2 {

	background-position: -84px-4px

}



#solutions-cards.card-img.icon-3 {

	background-position: -190px 0px

}



#solutions-cards.card-img.icon-4 {

	background-position: -290px 0px

}



#solutions-cards.card-img.icon-5 {

	background-position: -390px 0px

}



#solutions-cards.card-img.icon-6 {

	background-position: -502px 0px

}



#solutions-cards.card-img.icon-7 {

	background-position: -612px 0px

}



#solutions-cards.card-img.icon-8 {

	background-position: -721px 0px

}



#solutions-cards.card:hover.card-img {

	background-position-y: -101px

}



.card-body {

	padding: 2rem 1rem !important

}



.card-title {

	font-family: GothamPro;

	font-size: 17px;

	font-weight: 600

}



.card-text {

	font-family: GothamPro;

	font-size: 16px;

	font-weight: 200;

	margin-bottom: 20px !important

}



.card-link {

	font-size: 16px;

	font-weight: 500;

	color: #3073f3 !important;

	text-decoration: underline

}



#contact {

	background: url(../images/contact-bg.jpg)no-repeat bottom center;

	background-size: cover;

	color: #000

}



#contact.bg_text {

	color: #fff

}



.contact-form {

	background-color: #fff;

	border-radius: 5px

}



.contact-form h2 {

	font-weight: 600;

	text-transform: capitalize;

	letter-spacing: -2px

}



.contact-form form {

	margin-top: 20px

}



.contact-form>.row>div[class*="col"] {

	padding: 50px !important

}



.contact-form label {

	font-family: GothamPro;

	font-weight: 100;

	font-size: 16px

}



.contact-form input,

.contact-form textarea {

	margin-bottom: 20px

}



.contact-info {

	list-style-type: none;

	margin: 0;

	padding: 0

}



.contact-info li {

	margin-bottom: 15px;

	position: relative;

	padding-left: 35px

}



.contact-info li:before {

	background: url(../images/c-info-icon.png)no-repeat center;

	content: "";

	position: absolute;

	left: 0;

	width: 25px;

	height: 25px

}



.contact-info li.email:before {

	background-position: 0 0

}



.contact-info li.phone:before {

	background-position: -35px 0

}



.contact-info li.location:before {

	background-position: -70px 0

}



.contact-info li a {

	font-family: GothamPro;

	font-size: 16px;

	font-weight: 200;

	color: #000;

	display: block

}



.social-icons li {

	padding: 0 10px

}



.social-icons li a {

	font-size: 24px

}



footer {

	position: relative;

	padding: 100px 0;

	background: url(../images/footer-bg.png)no-repeat center;

	background-size: cover;

	overflow-x: hidden

}



footer h4 {

	font-family: GothamPro;

	font-size: 20px;

	font-weight: 600;

	color: #000;

	margin-bottom: 25px

}



footer ul {

	list-style-type: none;

	padding: 0;

	margin: 0

}



#footer-bottom p,

#footer-bottom p a,

footer ul li a {

	font-family: GothamPro;

	font-size: 15px;

	font-weight: 200;

	color: #000

}



#footer-bottom {

	background: linear-gradient(90deg, #002768, #002768);
    padding: 15px;
}



#footer-bottom p,

#footer-bottom p a {

	color: #fff;

	margin-bottom: 0

}



footer ul li:last-child p {

	margin-bottom: 0

}



footer.social-icons {

	margin-top: 8px

}



section.inner-content {

	padding: 60px 0

}



header.inner-header {

	width: 100%;

	height: 100vh;

	position: relative;

	color: #fff;

	background-size: cover !important;

	min-height: 708px

}



header.inner-header.inner-bg {

	background: url(../images/inner-bg/ecommerce-solutions-bg.png)no-repeat top center

}



.inner-content.bold {

	font-size: 34px

}



.inner-content p.hero {

	line-height: 36px

}



.inner-content p {

line-height: 26px;

font-size: 14px;
}



ul.arrow {

	padding: 0;

	margin: 0;

	list-style-type: circle;

	line-height: 26px;

	font-size: 16px;

	font-family: GothamPro;

	font-weight: 200

}



.inner-heading {

	font-size: 28px;

	font-family: GothamPro;

	font-weight: 600

}



.icon-w-text {

	margin-bottom: 30px

}



.icon-w-text p {

	line-height: 25px;

	font-size: 14px

}



.section-bg-1 {

	background: url(../images/inner-bg/ecom-inner-bg.png)no-repeat 100%0

}



.section-bg-2:before,

.section-bg-4:before,

.section-bg-6:before,

.section-bg-8:before,

.section-bg-10:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	background: url(../images/inner-bg/inner-bg-2.png)no-repeat 100%0;

	width: 60%;

	height: 80%;

	background-size: contain;

	opacity: 50%

}



.section-bg-4::before {

	background: url(../images/inner-bg/inner-bg-4.png)no-repeat 100%0

}



.section-bg-6:before {

	background: url(../images/inner-bg/inner-bg-6.png)no-repeat 100%0

}



.section-bg-8:before {

	background: url(../images/inner-bg/inner-bg-8.png)no-repeat 100%0

}



.section-bg-10:before {

	background: url(../images/inner-bg/inner-bg-10.png)no-repeat 100%0

}



.section-bg-3:after,

.section-bg-5:after,

.section-bg-7:after,

.section-bg-9:after,

.section-bg-11:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	background: url(../images/inner-bg/inner-bg-3.png)no-repeat left bottom;

	width: 40%;

	height: 80%;

	background-size: contain;

	z-index: -1;

	opacity: 50%

}



.section-bg-5::after {

	background: url(../images/inner-bg/inner-bg-5.png)no-repeat 100%0

}



.section-bg-7:after {

	background: url(../images/inner-bg/inner-bg-7.png)no-repeat 100%0

}



.section-bg-9:after {

	background: url(../images/inner-bg/inner-bg-9.png)no-repeat 100%0

}



.section-bg-11:after {

	background: url(../images/inner-bg/inner-bg-11.png)no-repeat 100%0

}



.cas-box {

	position: relative;

	height: 600px;

	min-height: 600px

}



.cas-box.cas-images {

	position: absolute

}



.cas-images.cas-1 {

	left: 0;

	top: 28%

}



.cas-images.cas-2 {

	left: 20%;

	top: 0

}



.cas-images.cas-3 {

	right: 0;

	bottom: 30%

}



.cas-images.cas-4 {

	right: 20%;

	bottom: 0

}



.cas-images.cas-5 {

	left: 0;

	top: 28%

}



.cas-images.cas-6 {

	left: 20%;

	top: 0

}



.cas-images.cas-7 {

	right: 0;

	bottom: 40%

}



.cas-images.cas-8 {

	right: 9%;

	bottom: 0

}



.round-shape-bg:before {

content: "";

background: url(../images/services/platform.png)no-repeat top;

width: 100%;

height: 607px;

position: absolute;

background-size: cover;

top: 0;
}



#platform.card-columns {

	-webkit-column-count: 3;

	-moz-column-count: 3;

	column-count: 3

}



#platform.card {

	flex: 0 1 calc(33.333%-30px);

	margin-left: 15px;

	margin-right: 15px

}



#platform.card-img {


}



#platform.card-title {

	color: #000 !important;

	font-weight: 200

}



.app-detail.b-heading {

	margin: 50px 0

}



.app-detail h5 {

	color: #002768 !important;

	font-weight: 600;

	margin-bottom: 20px;

	position: relative

}



.app-detail.b-heading h5 {

	color: #000 !important;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 20px

}



.app-detail p {

	line-height: 22px;

	font-size: 15px

}



.app-detail.b-heading p {

	font-size: 16px;

	line-height: 25px

}



.app-detail h5:after,

.app-detail h5:before {

	background: #002768;

	background: linear-gradient(90deg, #9be3b3 0, #002768 100%);

	width: 18px;

	height: 18px;

	display: inline-block;

	border-radius: 50px;

	position: relative;

	top: 3px

}



.dot-right.app-detail h5:after {

	content: "";

	margin-left: 10px;

	position: absolute;

	right: -25px;

	top: 5px

}



.dot-left.app-detail h5:before {

	content: "";

	margin-right: 10px;

	position: absolute;

	left: -25px;

	top: 5px

}



.dot-top.app-detail h5:before {

	content: "";

	margin: 30px auto 20px;

	display: block

}



.inner-header.center.light {

	font-size: 30px;

	margin: 30px 0

}



.owl-slider-4 .left {

	z-index: 1;

	margin-left: 0 !important

}



.owl-slider-4 .right {

	z-index: -1;

	position: absolute;

	right: 0;

	top: 60px

}



.owl-slider-4 .left img,

.owl-slider-4 .right img {

	margin: 0 !important

}



.owl-slider-4 .img-wrap {

	height: 524px;

	vertical-align: top

}



.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"] {

	border-color: #c3c3c3 !important

}



.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"]:active,

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"]:focus,

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"]:hover {

	border-color: #385ded !important

}



.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"]i {

	color: #c3c3c3 !important

}



.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"]:active i,

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"]:focus i,

.owl-slider-4.owl-carousel.owl-theme.owl-nav[class*="owl-"]:hover i {

	color: #385ded !important

}



.owl-slider-4.owl-carousel.owl-nav button.owl-prev {

	left: 52%;

	top: 75%

}



.owl-slider-4.owl-carousel.owl-nav button.owl-next {

	right: 39%;

	top: 75%

}



.owl-slider.owl-item.animate-slide-item {

	opacity: 0;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important

}



.slider-2-content ul li:last-child {

	margin-right: 0 !important

}



.animate-slider.owl-item.active.animate-slide-item {

	top: 0 !important;

	position: relative !important;

	opacity: 1;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important

}



.animate-slide-item {

	display: block !important;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	top: 120px !important

}



.animate-slide-item:nth-child(1) {

	transition-delay: 0.42s !important;

	-webkit-transition-delay: 0.42s !important

}



.animate-slide-item:nth-child(2) {

	transition-delay: 0.52s !important;

	-webkit-transition-delay: 0.52s !important

}



.animate-slide-item:nth-child(3) {

	transition-delay: 0.62s !important;

	-webkit-transition-delay: 0.62s !important

}



.animate-slider.slider-right.img-wrap:first-child {

	z-index: 20

}



.animate-slider.slider-right.img-wrap.inner img {

	transform: translateY(100%) !important;

	-webkit-transform: translateY(100%) !important;

	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;

	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important

}



.animate-slider.slider-right.img-wrap:first-child.inner img {

	transition-delay: 0.42s !important;

	-webkit-transition-delay: 0.42s !important

}



.animate-slider.slider-right.img-wrap:last-child.inner img {

	transition-delay: 0.55 !important;

	-webkit-transition-delay: 0.55s !important

}



.animate-slider.owl-item.active.slider-right.img-wrap.inner img {

	transform: translateY(0) !important;

	-webkit-transform: translateY(0) !important

}



#advertising.card {

	flex: 0 1 calc(25%-30px);

	margin-left: 15px;

	margin-right: 15px;

	min-height: 200px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center !important;

	-ms-flex-pack: center !important;

	justify-content: center !important

}



.font-size-large {

	font-size: 4em !important

}



#services-section.bold,

#services-section.light {

	margin-bottom: 20px

}



#technologies {

	padding: 100px 0

}



.hexagon {

	width: 100%;

	height: 180px;

	background: url(../images/about/hexagon-w.png)no-repeat center;

	background-size: contain;

	line-height: 180px;

	color: #000 !important;

	position: relative

}



.hexagon.h-overlay {

	background: url(../images/about/hexagon-w-h.png)no-repeat center;

	background-size: 0;

	position: absolute;

	width: 100%;

	height: 180px;

	top: 0;

	left: 50%;

	transform: translate(-50%, 0);

	-webkit-transition: background-size 0.2s ease-in-out;

	transition: background-size 0.2s ease-in-out

}



.hexagon:hover.h-overlay {

	background-size: 100%

}



#testimonials {

	background: url(../images/about/map-bg.png)no-repeat center;

	background-size: contain

}



#testimonials.slide.small {

	font-size: 14px

}



#testimonials.slide.small span {

	text-transform: uppercase;

	font-weight: 100;

	letter-spacing: 0

}



#testimonials-grid {

	text-align: center

}



#testimonials-grid.row {

	margin-bottom: 120px

}



#testimonials-grid.row:first-child {

	margin-top: 50px

}



#testimonials-grid.row:last-child {

	margin-bottom: 0

}



.t-grid {

	background-color: #f5f7fb;

	border-radius: 0;

	padding: 50px;

	height: 100%;

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	-webkit-box-pack: center !important;

	-ms-flex-pack: center !important;

	justify-content: center !important

}



.center-q:before,

.left-q:before,

.right-q:before {

	content: "";

	background: url(../images/q.png)no-repeat;

	background-size: contain;

	position: absolute;

	width: 117px;

	height: 104px;

	top: -74px

}



.left-q:before {

	left: 20px

}



.right-q:before {

	right: 20px

}



.center-q:before {

	left: 50%;

	transform: translateX(-50%)

}



.t-grid p {

	color: #000;

	font-weight: 400;

	margin-bottom: 30px

}



.t-grid p.small {

	margin-bottom: 0

}



.review {

	font-size: 13px;

	margin-bottom: 10px

}



.review.yellow {

	color: #ffc107 !important

}







#mySVG {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	margin-left: 0;

	margin-top: -30px;

	z-index: 999

}



#process-grid.row h2 {

	margin-bottom: 0

}



#process-grid.left img {

	margin-left: -70px

}



#process-grid.right img {

	margin-left: 100px

}



#clients-grid.row.col-auto {

	margin-bottom: 1.8rem

}



#clients-grid.row.col-auto.card {

	border: 0;

	box-shadow: 2px-2px 6px #00000021

}



#clients-grid.row.col-auto.card.hvr-bounce-to-right:before {

	background: #f0f0f0

}



.contact a.email,

.contact a.number {

	font-size: 16px;

	font-weight: 500;

	margin-left: 30px;

	padding-left: 30px;

	line-height: 25px;

	position: relative;

	color: #000

}



.contact a.email:focus,

.contact a.email:hover,

.contact a.number:focus,

.contact a.number:hover {

	color: #000

}



.contact.navbar-text a:first-child:after {

	content: "|";

	margin-left: 40px

}



.contact a.email:before,

.contact a.number:before {

	content: "";

	position: absolute;

	left: 0;

	width: 27px;

	height: 27px

}



.contact a.number:before {

	background: url(../images/contact/number.png)no-repeat center

}



.contact a.email:before {

	background: url(../images/contact/email.png)no-repeat center

}



header.contact {

	height: 100vh

}



header.contact.inner-header.inner-bg {

	background: 0 0;

	height: 100vh;

	min-height: auto

}



header.contact~#footer-bottom {

	position: fixed;

	bottom: 0;

	width: 100%

}



header.contact.inner-header.inner-bg.left-col {

	background: #028a00;

	background: linear-gradient(90deg, #002768, #002768);
   

}



header.contact.inner-header.inner-bg.content {

	width: 100%;

	height: 100%;

	padding: 150px

}



header.contact.inner-header.inner-bg.left-col.content {

	background: url(../images/contact/contact-bg.png)no-repeat top center

}



header.contact.container-fluid,

header.contact.row {

	height: 100%

}



.contact.active-bg a.email,

.contact.active-bg a.number {

	color: #fff

}



.contact.active-bg a.email:before {

	background: url(../images/contact/email-w.png)no-repeat center

}



.contact.active-bg a.number:before {

	background: url(../images/contact/number-w.png)no-repeat center

}



body[class*="fp-viewing-"].navbar {

	background-color: #ffffff3b

}



body.fp-viewing-0 .navbar {

	background-color: transparent

}



header #case-header.inner-bg {

	background: url(../images/case/case-bg.png)no-repeat top center

}



.before-ntrc {

	position: absolute;

	width: 432px;

	height: 509px;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%)

}



#fullpage h2 {

	text-shadow: 6px 6px 6px #0000002e;

	font-size: 2.5rem

}



#fullpage.grey-bg h1 {

	text-shadow: none

}



#section1 {

	background: url(../images/case-study/section1.png)no-repeat center;

	background-size: cover

}



#section2 {

	background: url(../images/case-study/section2.jpg)no-repeat center;

	background-size: cover

}



#section3 {

	background: url(../images/case-study/section3.png)no-repeat center;

	background-size: cover

}



#section4 {

	background: url(../images/case-study/section4.jpg)no-repeat center;

	background-size: cover

}



#section5 {

	background: url(../images/case-study/section5.jpg)no-repeat center;

	background-size: cover

}



#section6 {

	background: url(../images/case-study/section6.jpg)no-repeat center;

	background-size: cover

}



header.inner-ct.inner-header.inner-bg {

	background: 0 0

}



.case-study.card {

	border: 0;

	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);

	height: 100%;

	padding: 40px 0

}



.case-study h5.card-title {

	color: #0b1e63 !important;

	font-size: 18px

}



.case-study.card-text {

	font-size: 14px;

	line-height: 22px

}



.resources.card {

	border: 0;

	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1)

}



.resources.card.card-title {

	font-size: 18px;

	color: #222

}



.resources.card.card-body a {

	font-size: 14px

}



.resources.card.card-text {

	color: #aaa

}



.resources.card.card-body.card-text>p {

	font-size: 14px;

	line-height: 15pt

}



.resources.pagination>li {

	clip-path: polygon(25%0, 75%0, 100%50%, 75%100%, 25%100%, 0 50%);

	margin-right: 10px

}



.resources.pagination>li a {

	background-color: #f1f0f0

}



.resources.pagination>li:last-child {

	margin-right: 0

}



.resources.pagination.page-link {

	padding: 10px 18px

}



.resources.card-body {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	justify-content: space-between

}



.e-books a {

	padding: 0.5rem 2.5rem;

	font-size: 14px

}



.e-books p {

	margin: 0

}



.blog-post {

	padding-top: 160px !important

}



.blog-post h3 {

	font-weight: 700

}



.blog-post h5 {

	font-weight: 500

}



.blog-post p {

	color: #222

}



#blog.card {

	margin-bottom: 2px

}



#blog.card-body {

	min-height: 300px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	-webkit-box-pack: justify !important;

	-ms-flex-pack: justify !important;

	justify-content: space-between !important;

	-webkit-box-align: start !important;

	-ms-flex-align: start !important;

	align-items: flex-start !important

}



#blog.card>a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	-webkit-box-pack: justify !important;

	-ms-flex-pack: justify !important;

	justify-content: space-between !important;

	-webkit-box-align: start !important;

	-ms-flex-align: start !important;

	align-items: flex-start !important;

	height: 100%

}



.case-heading {

	font-size: 44px;

	font-weight: 900;

	text-transform: uppercase

}



.inner-case p {

	line-height: 25px

}



.l-blue-bg {

	background-color: #f5f9ff

}



.vl-blue-bg {

	background-color: #fafcff

}



.inner-case ul {

	padding: 0;

	list-style: none

}



.inner-case ul li {

	margin-bottom: 15px;

	display: block

}



.boudle>div {

	position: absolute;

	top: 0

}



.inner-case ul li::before {

	content: "\2022";

	color: #0b1e63;

	font-size: 50px;

	vertical-align: middle;

	line-height: 20px;

	padding-right: 10px

}



.dropdown-item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center !important;

	-ms-flex-align: center !important;

	align-items: center !important;

	padding: 0.5rem 1.5rem;

	position: relative;

	margin-bottom: 5px;

	padding-bottom: 10px

}



.dropdown-item img {

	width: 35px;

	margin-right: 15px;

	filter: grayscale(1)

}



.dropdown-item small {

	display: block;

	white-space: normal

}



.dropdown-menu h3 {

	font-size: 28px;

	color: #000

}



.dropdown-menu.menu-right h3 {

	font-size: 20px;

	color: #000;

	margin-bottom: 10px

}



.dropdown-menu p {

	font-size: 14px;

    color: #000 !important;

}



.dropdown-item:after {

	content: "";

	width: 80%;

	border-bottom: 1px solid #efefef;

	position: absolute;

	bottom: 0

}



.dropup,

.dropdown {

	position: static

}



.navbar-nav.dropdown-menu {

	width: 100%;

	box-shadow: 0px 8px 6px #00276829;

	border-radius: 0 !important

}



ul.ql {

	list-style-type: none;

	padding: 0;

	margin: 0

}



ul.ql li {

	margin-bottom: 10px

}



ul.ql li a small {

	display: block

}



ul.ql li a,

ul.ql li div.dropdown-item {

	color: #000;

	padding-left: 0;

	padding-right: 0;

	padding-top: 0

}



.menu-left {

	border-right: 1px solid #c3c3c3

}



.menu-right {

	background-color: #002768b3

}



.inner-content.small-fs p {

	line-height: 20px;

	font-size: 14px

}



#advertising.hvr-bounce-to-right:before {

	background-image: linear-gradient(90deg, #2897fc 0, #365bed 100%) !important

}



#advertising.hvr-bounce-to-right:hover h5 {

	color: #fff !important

}



header.contact.navbar-text {

	border: none;

	width: auto;

	border-radius: 0;

	padding: initial;

	margin: 0

}



#section1 {

	background: url(../images/case-study/section1.png) no-repeat center;

	background-size: cover;

}



#section2 {

	background: url(../images/case-study/section2.jpg) no-repeat center;

	background-size: cover;

}



#section3 {

	background: url(../images/case-study/section3.png) no-repeat center;

	background-size: cover;
	filter:hue-rotate(244deg);
}



#section4 {

	background: url(../images/case-study/section4.jpg) no-repeat center;

	background-size: cover;

}



#section5 {

	background: url(../images/case-study/section5.jpg) no-repeat center;

	background-size: cover;

}



#section6 {

	background: url(../images/case-study/section6.jpg) no-repeat center;

	background-size: cover;

}



header.inner-ct .inner-header.inner-bg {

	background: 0 0;

}



.case-study .card {

	border: 0;

	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);

	height: 100%;

	padding: 40px 0;

}



.case-study h5.card-title {

	color: #0b1e63 !important;

	font-size: 18px;

}



.case-study .card-text {

	font-size: 14px;

	line-height: 22px;

}



.resources .card {

	border: 0;

	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);

}



.resources .card .card-title {

	font-size: 18px;

	color: #222;

}



.resources .card .card-body a {

	font-size: 14px;

}



.resources .card .card-text {

	color: #aaa;

}



.resources .card .card-body .card-text > p {

	font-size: 14px;

	line-height: 15pt;

}



.resources .pagination > li {

	clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);

	margin-right: 10px;

}



.resources .pagination > li a {

	background-color: #f1f0f0;

}



.resources .pagination > li:last-child {

	margin-right: 0;

}



.resources .pagination .page-link {

	padding: 10px 18px;

}



.resources .card-body {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	justify-content: space-between;

}



.e-books a {

	padding: 0.5rem 2.5rem;

	font-size: 14px;

}



.e-books p {

	margin: 0;

}



.blog-post {

	padding-top: 160px !important;

}



.blog-post h3 {

	font-weight: 700;

}



.blog-post h5 {

	font-weight: 500;

}



.blog-post p {

	color: #222;

}



#blog .card {

	margin-bottom: 2px;

}



#blog .card-body {

	min-height: 300px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	-webkit-box-pack: justify !important;

	-ms-flex-pack: justify !important;

	justify-content: space-between !important;

	-webkit-box-align: start !important;

	-ms-flex-align: start !important;

	align-items: flex-start !important;

}



#blog .card > a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical !important;

	-webkit-box-direction: normal !important;

	-ms-flex-direction: column !important;

	flex-direction: column !important;

	-webkit-box-pack: justify !important;

	-ms-flex-pack: justify !important;

	justify-content: space-between !important;

	-webkit-box-align: start !important;

	-ms-flex-align: start !important;

	align-items: flex-start !important;

	height: 100%;

}



.case-heading {

	font-size: 44px;

	font-weight: 900;

	text-transform: uppercase;

}



.inner-case p {

	line-height: 25px;

}



.l-blue-bg {

	background-color: #f5f9ff;

}



.vl-blue-bg {

	background-color: #fafcff;

}



.inner-case ul {

	padding: 0;

	list-style: none;

}



.inner-case ul li {

	margin-bottom: 15px;

	display: block;

}



.boudle > div {

	position: absolute;

	top: 0;

}



.inner-case ul li::before {

	content: "\2022";

	color: #0b1e63;

	font-size: 50px;

	vertical-align: middle;

	line-height: 20px;

	padding-right: 10px;

}



.dropdown-item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center !important;

	-ms-flex-align: center !important;

	align-items: center !important;

	padding: 0.5rem 1.5rem;

	position: relative;

	margin-bottom: 5px;

	padding-bottom: 10px;

}



.dropdown-item img {

width: 35px;

margin-right: 10px;

filter: grayscale(1);

margin-left: 6px;
}



.dropdown-item small {

	display: block;

	white-space: normal;

}



.dropdown-menu h3 {

	font-size: 28px;

	color: #000;

}



.dropdown-menu .menu-right h3 {

	font-size: 20px;

	color: #000;

	margin-bottom: 10px;

}



.dropdown-menu p {

	font-size: 14px;

}



.dropdown-item:after {

	content: "";

	width: 80%;

	border-bottom: 1px solid #efefef;

	position: absolute;

	bottom: 0;

}



.dropup,

.dropdown {

	position: static;

}



.navbar-nav .dropdown-menu {

	width: 100%;

	box-shadow: 0px 8px 6px #00276829;

	border-radius: 0 !important;

}



ul.ql {

	list-style-type: none;

	padding: 0;

	margin: 0;

}



ul.ql li {

	margin-bottom: 10px;

}



ul.ql li a small {

	display: block;

}



ul.ql li a,

ul.ql li div.dropdown-item {

	color: #000;

	padding-left: 0;

	padding-right: 0;

	padding-top: 0;

}



.menu-left {

	border-right: 1px solid #c3c3c3;

}



.menu-right {

	background-color: #002768b3;

}



.inner-content .small-fs p {

	line-height: 20px;

	font-size: 14px;

}



#advertising .hvr-bounce-to-right:before {

	background-image: linear-gradient(90deg, #3aeb75 0, #002768 100%) !important;

}



#advertising .hvr-bounce-to-right:hover h5 {

	color: #fff !important;

}



/*Live*/

header.contact .navbar-text {

	border: none;

	width: auto;

	border-radius: 0;

	padding: initial;

	margin: 0;

}



.home_about_section {

	background: transparent !important;

}



.home_about_section #logos img {

	/*filter: invert(1);*/

}



.home_about_section #logos {



	/*border-top:  1px solid #000;

	border-bottom:  1px solid #000;*/

}



.home_about_section .owl-theme .owl-nav [class*="owl-"] {

	border: 1px solid #000 !important;

	color: #000 !important;

}



.home_about_section .bold,

.home_about_section .light {

	color: #000;

}



.home_about_section  p.hero {

	color: #000;

}



.case-studies-home {

	overflow-x: hidden;

	height: 100vh;

}



.fixed-top {

	position: absolute !important;

	top: 0;

	right: 0;

	left: 0;

	z-index: 99999 !important;

}



.case-studies-home .section {

	height: 100vh;

	display: flex;

	align-content: center;

	align-items: center;

}



.case-studies-home .owl-carousel .owl-nav button.owl-prev {

	left: 50px !important;

}



.case-studies-home .owl-carousel .owl-nav button.owl-next {

	right: 50px !important;

}



.contact-bnr-sec {

	background: #050b16;

	padding: 100px  0 0;

}



.contact-bnr-sec .row {

	align-items: center;

}



.contact-bnr-sec {

	background: #050b16;

	padding: 120px  0 60px;

	overflow: visible;

	height: 600px;

}



.contact-bnr-sec .row {

	align-items: center;

}



.cntct-bnr-txt h1 {

	font-size: 53px;

	font-weight: bold;

	line-height: 67px;

	letter-spacing: 0.5px;

}



.cntct-bnr-txt p {

	font-size: 14px;

	line-height: 29px;

	letter-spacing: 0.1px;

	color: #fff;

	margin-bottom: 50px;

}



.cntct-bnr-side-img {

	position: relative;

}



.cntct-bnr-side-img img {

	position: absolute;

	top: 80px;

	bottom: 0;

	margin: auto;

	z-index: 1;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 14px 43px 0px rgba(10, 9, 13, 0.33);
    filter: hue-rotate(272deg);
}

.contact-bnr-sec {

	background: #050b16;

}



.contactfrom .formwrp {

	padding: 35px 0 80px;

}



.contactfrom .formwrp .formwrap {

	width: 85%;

	box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);

	border-radius: 10px;

	margin: 0 auto 0 0;

	background: #fff;

}



.contactfrom .formwrp form {

	padding: 0;

}



.contactfrom .formwrp form .txtwrp {

}



.contactfrom .formwrp form .txtwrp h4 {

	color: #000000;

	font-size: 30px;

	line-height: 1;

	font-weight: 600;

	padding: 10px 0 20px;

	line-height: 36px;

}



.contactfrom .formwrp form .txtwrp span {

	color: #002768;

	font-size: 15px;

	font-weight: 600;

}



.contactfrom .formwrp .lablewrp {

	position: relative;

}



.contactfrom .formwrp .lablewrp input {

	width: 100%;

	height: 50px;

	margin: 0 0 14px;

	padding: 0 0 0 10px;

	border: 1px solid #e9e9ea;

	border-radius: 10px;

	outline: none;

	font-size: 14px;

	color: #000;

}











.contactfrom .formwrp .lablewrp select {

	width: 100%;

	height: 45px;

	color: #c9c9c9;

	margin: 0 0 10px;

	position: relative;

	padding: 0 0 0 10px;

	border: 1px solid #e6e6e68a;

	border-radius: 10px;

	outline: navajowhite;

}



.contactfrom .formwrp .lablewrp input.btnm {

	background: #050b16;

	color: #fff;

}



.contactfrom .img-pp {

	background-size: cover;

	background-repeat: no-repeat;

}



.contactfrom .mmaindiv {

	width: 100%;

	background: #F0FCF888;

	padding: 19px 33px;

}



.contactfrom .mmaindiv a {

	font-size: 12px;

	font-weight: 600;

	color: #000;

}



.contactfrom .mmaindiv a span {

	color: #357782;

}



.contactfrom .formwrp .lablewrp i {

	position: absolute;

	top: 15px;

	z-index: 11;

	color: #777780;

	right: 20px;

}



.contactfrom .formwrp .lablewrp input::placeholder {

	color: #000;

}



.contactfrom .formwrp .lablewrp textarea::placeholder {

	color: #000;

}







.contactfrom .formwrp .lablewrp select {

	color: #000;

}

.contactfrom .formwrp .lablewrp select option {

	color: #000;

}



/* Budget */

.budget-wrap {

}



.budget-wrap .header .title {

	color: #777;

	font-size: 15px;

	margin-bottom: 10px;

}



.budget-wrap .header .title .pull-right {

	color: #000;

	font-size: 16px;

	font-weight: 600;

	border: 2px solid #002768;

	padding: 4px 26px;

	border-radius: 7px;

	float: right;

}



.budget-wrap .footer {

	margin-top: 30px;

}



.budget-wrap .footer .btn {

	color: inherit;

	padding: 12px 24px;

	border-radius: 50px;

	display: inline-block;

	text-decoration: none;

}



.budget-wrap .footer .btn.btn-def {

	color: #525263;

	display: none;

}



.budget-wrap .footer .btn.btn-pri {

	color: #eee;

	background: #ff5a84;

	display: none;

}



.rangeslider,

.rangeslider__fill {

	display: block;

	border-radius: 10px;

}



.rangeslider {

	position: relative;

}



.rangeslider:after {

	top: 50%;

	left: 0;

	right: 0;

	content: '';

	width: 100%;

	height: 11px;

	margin-top: -5.5px;

	border-radius: 5px;

	position: absolute;

	border: 3px dotted #F7F7F7;

	background: #fff;

}



.rangeslider--horizontal {

	width: 100%;

	height: 28px;

}



.rangeslider--vertical {

	width: 5px;

	min-height: 150px;

	max-height: 100%;

}



.rangeslider--disabled {

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

	opacity: 0.4;

}



.rangeslider__fill {

	position: absolute;

	background: #002768;

}



.rangeslider--horizontal .rangeslider__fill {

	top: 0;

	height: 100%;

}



.rangeslider--vertical .rangeslider__fill {

	bottom: 0;

	width: 100%;

}



.rangeslider__handle {

	top: 50%;

	width: 28px;

	height: 28px;

	cursor: pointer;

	margin-top: -14px;

	background: white;

	position: absolute;

	background: #ff637b;

	border-radius: 60px;

	display: inline-block;

	background: #002768;

	box-shadow: 0px 0px 7px 0px rgba(10, 9, 13, 0.51);

}



.rangeslider__handle:active {

	background: #355eec;

}



.rangeslider__fill,

.rangeslider__handle {

	z-index: 1;

}



.rangeslider--horizontal .rangeslider__fill {

	top: 50%;

	height: 5px;

	margin-top: -2.5px;

}



.form-lft-col {

	height: 100%;

	background: url(../images/contact-pg/cntct-side-img.jpg);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding: 60px 0px 0 40px;
	filter: hue-rotate(243deg);
}



.form-lft-col h4 {

	color: #fff;

	font-size: 17px;

	font-weight: 500;

	letter-spacing: 0.7px;

	margin-bottom: 15px;

}



.form-lft-col h2 {

	color: #fff;

	font-size: 36px;

	font-weight: 500;

	line-height: 43px;

}



.speak-with {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.speak-with p {

	margin: 0;

	font-size: 15px;

	font-weight: 500;

	text-transform: uppercase;

}



.speak-with a {

	text-transform: uppercase;

	color: #000;

	font-weight: 500;

}



.speak-with a span {

	color: #002768;

	font-weight: 600;

}



.cntct-bnr-txt h1 span {

	color: #002768;

}



.img-logo-header {

	width: 190px;

	margin-bottom: 50px;

	filter: brightness(0) invert(1);
}











.contact_footer .contact-form-sec {

    margin: 0px;

    padding: 0px;

}









.contact_footer .contactfrom .formwrp form .txtwrp span {

    color: #ffffff;



}







.contact_footer .contactfrom .formwrp form .txtwrp h4 {

    color: #ffffff;



}







.contact_footer  .budget-wrap .header .title {

    color: #fff;

}





.contact_footer  .speak-with p{

 color: #fff;



}

.contact_footer  .speak-with a{

 color: #fff;



}





.contact_footer .budget-wrap .header .title .pull-right{

	    border: 2px solid #ffffff;



}



.contact_footer  .speak-with a span{



		color: #fff;



}







.app-development-banner{



	background: url(../images/banners/services-app-development.jpg) no-repeat top center !important;

}









.ecommmerce-development-banner{



	background: url(../images/banners/services-ecommerce-development.jpg) no-repeat top center !important;

}



.game-development-banner{



	background: url(../images/banners/services-game-development.jpg) no-repeat top center !important;

}



.web-development-banner{



	background: url(../images/banners/services-web-development.jpg) no-repeat top center !important;

}

.mvp-development-banner{



	background: url(../images/banners/services-mvp-development.jpg) no-repeat top center !important;

}



.digital-marketing-banner{



	background: url(../images/banners/services-mvp-development.jpg) no-repeat top center !important;

}



.design-consultuncy-banner{



	background: url(../images/banners/services-design-consultuncy.jpg) no-repeat top center !important;

}

.start-up-banner{



	background: url(../images/banners/services-startup.jpg) no-repeat top center !important;

}







.industries-media-banner{



	background: url(../images/banners/industries-media.jpg) no-repeat top center !important;

}







.industries-real-state-banner{



	background: url(../images/banners/industries-real-state.jpg) no-repeat top center !important;

}







.industries-travel-banner{



	background: url(../images/banners/industries-travel.jpg) no-repeat top center !important;

}







.industry-advertising-banner{



	background: url(../images/banners/industry-advertising.jpg) no-repeat top center !important;

}







.industry-ecommerce-banner{



	background: url(../images/banners/industry-ecommerce.jpg) no-repeat top center !important;

}







.industry-education-banner{



	background: url(../images/banners/industry-education.jpg) no-repeat top center !important;

}







.industry-finace-banner{



	background: url(../images/banners/industry-finace.jpg) no-repeat top center !important;

}







.industry-gaming-banner{



	background: url(../images/banners/industry-gaming.jpg) no-repeat top center !important;

}







.industry-healthcare-banner{



	background: url(../images/banners/industry-healthcare.jpg) no-repeat top center !important;

}







.industry-software-banner{



	background: url(../images/banners/industry-software.jpg) no-repeat top center !important;

}







.industry-sports-banner{



	background: url(../images/banners/industry-sports.jpg) no-repeat top center !important;

}









.industry-transfort-banner{



	background: url(../images/banners/industry-transfort.jpg) no-repeat top center !important;

}















.solution-booking-banner{



	background: url(../images/banners/solutions-booking.jpg) no-repeat top center !important;





}



.solutions-delivery-banner{



	background: url(../images/banners/solutions-delivery.jpg) no-repeat top center !important;





}



.solutions-ecommerce-banner{



	background: url(../images/banners/solutions-ecommerce.jpg) no-repeat top center !important;





}



.solutions-fitness-banner{



	background: url(../images/banners/solutions-fitness.jpg) no-repeat top center !important;





}



.solutions-fleet-managment-banner{



	background: url(../images/banners/solutions-fleet-managment.jpg) no-repeat top center !important;





}



.solutions-real-state-banner{



	background: url(../images/banners/solutions-real-state.jpg) no-repeat top center !important;





}



.solutions-resturant-banner{



	background: url(../images/banners/solutions-resturant.jpg) no-repeat top center !important;





}



.solutions-social-banner{



	background: url(../images/banners/solutions-social.jpg) no-repeat top center !important;





}















.about-clients-banner{



	background: url(../images/banners/about-client.jpg) no-repeat top center !important;





}









.about-manifesto-banner{



	background: url(../images/banners/about-manifesto.jpg) no-repeat top center !important;





}











.about-process-banner{



	background: url(../images/banners/about-our-process.jpg) no-repeat top center !important;





}









.about-testimonils-banner{



	background: url(../images/banners/about-testimonils.jpg) no-repeat top center !important;





}

















.resources-blog-banner{



	background: url(../images/banners/about-client.jpg) no-repeat top center !important;





}









.resources-ebook-banner{



	background: url(../images/banners/about-manifesto.jpg) no-repeat top center !important;





}











.resources-news-banner{



	background: url(../images/banners/about-our-process.jpg) no-repeat top center !important;





}









.resources-press-release-banner{



	background: url(../images/banners/about-testimonils.jpg) no-repeat top center !important;





}















/*header form*/











.main-form {

    /* background-color: #fff; */

    height: 491px;

    margin: 0;

    padding: 0 40px;

    border-radius: 8px;

    background-color: rgb(255 255 255);

}





.discount h4 {

    font-size: 16.54px;

    color: #ffffff;

    padding: 22px 0 0;

    margin: 0;

}







.discount h3 {

    font-size: 24px;

    font-weight: 800;

    color: #ffffff;

    margin: 0;

    padding: 0 0 13px;

}





.form-box input.form-control {

    height: 54px;

    border-radius: 8px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 1px 18px 0px rgb(0 0 0 / 11%);

    border-color: transparent;

}



.header_message{

	border-radius: 8px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 1px 18px 0px rgb(0 0 0 / 11%);

    border-color: transparent;



}



.agre-buton{

	text-align:  center;

}

.custom-btn1 {

    font-size: 17px;

    outline: 0 !important;

    padding: 5px 32px;

    color: #000;

    background: #2897fc;

	background: linear-gradient( 90deg , #002768 0, #002768 100%);
    color: #fff !important;

} 







.discount {

    background: #002768;

    margin: 0 -41px 19px -41px;

    padding: 0 40px;

}









/*header form end*/















.inner_icons {

    display: flex;

    margin: 40px 0 0 0;

}



.inner_icons img {

    display: flex;

    width: 66px;

    margin: 0 31px 0 0;

}











.cas-box.cas-bx-st .cas-images.cas-6 {

    left: 0;

}

.cas-box.cas-bx-st .cas-images.cas-2 {

    left: 0;

}



.cas-box.cas-bx-st .cas-images.cas-7 {

    left: -15%;

    bottom: 35%;

}



.cas-box.cas-bx-st .cas-images.cas-5 {

    z-index: 1;

}





.cas-box.cas-bx-delv-st .cas-images.cas-2 {

    left: 42%;

    bottom: 15%;

    top: inherit;

}



.cas-box.cas-bx-delv-st .cas-images.cas-1 {

    top: 0;

    left: -10%;

}

.cas-box.cas-bx-delv-st .cas-images.cas-5 {

    top: 0;

    left: 0;

}



.cas-box.cas-bx-delv-st .cas-images.cas-6 {

    left: 40%;

    bottom: 0;

    margin: auto;

    top: 0;

    display: flex;

    align-items: center;

}







.cas-box.cas-bx-ecom-st .cas-images.cas-3 {

    bottom: 8%;

    z-index: 1;

}



.cas-images.cas-4 .cas-box.cas-bx-ecom-st {}



.cas-box.cas-bx-ecom-st .cas-images.cas-4 {

    z-index: 1;

}



.cas-box.cas-bx-ecom-st .cas-images.cas-1 {

    left: -8%;

    top: 22%;

    z-index: 1;

}



.cas-box.cas-bx-ecom-st .cas-images.cas-5 {

    top: 0;

    left: 10%;

    margin: auto;

}



.cas-box.cas-bx-ecom-st .cas-images.cas-8 {

    right: 0;

}



.cas-box.cas-bx-ecom-st .cas-images.cas-7 {

    left: 0;

    bottom: 0;

}



.cas-box.cas-bx-ecom-st .cas-images.cas-6 {

    left: inherit;

    right: 0;

    top: 5%;

}

.cas-box.cas-bx-fit-st .cas-images.cas-1 {

    top: 0;

    bottom: 0;

    display: flex;

    align-items: center;

}



.cas-box.cas-bx-fit-st .cas-images.cas-7 {

    bottom: 0;

}



.cas-box.cas-bx-fit-st .cas-images.cas-5 {z-index: 1;top: inherit;bottom: 0;left: -10%;}



.cas-box.cas-bx-fit-st .cas-images.cas-6 {

    top: -18%;

    left: 15%;

}



.cas-box.cas-bx-social-st .cas-images.cas-2 {left: 12%;top: 0;}



.cas-box.cas-bx-social-st .cas-images.cas-1 {

    bottom: 10%;

    z-index: 1;

    top: inherit;

    left: 20px;

}

	

.cas-box.cas-bx-social-st .cas-images.cas-5 {

    top: 0;

    bottom: 0;

    display: flex;

    align-items: center;

}



.cas-box.cas-bx-fleet-st .cas-images.cas-1 {

    top: 0;

    display: flex;

    align-items: center;

    bottom: 0;

}



.cas-box.cas-bx-fleet-st .cas-images.cas-5 {

    display: flex;

    top: 0;

    bottom: 0;

    align-items: center;

}







.cas-box.cas-bx-rest-st {}



.cas-box.cas-bx-rest-st .cas-images.cas-1 {

    top: 20px;

    left: 0;

    right: 0;

}



.cas-box.cas-bx-rest-st .cas-images.cas-2 {

    bottom: 0;

    top: inherit;

    left: 0;

}



.cas-box.cas-bx-rest-st .cas-images.cas-5 {

    top: 0;

    bottom: 0;

    display: flex;

    align-items: center;

}





header .inner-header:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: #070d18;

    opacity: 0.9;

}
.hue-green{
	filter: hue-rotate(356deg);

}
.main-packges-sec {
    background-color: #ffffff;
    padding: 60px 0px 60px 0px;
    z-index: 9;
    position: relative;
}

.package-wrapper {
    background-color: #002767;
    border-radius: 16px 16px 16px 16px;
    overflow: hidden;
    padding-top: 30px;
    padding-right: 1%;
    padding-bottom: 68px;
    padding-left: 1%;
    margin-top: 0px;
    margin-bottom: 0px;
    transition: box-shadow 300ms ease 0ms, box-shadow 300ms ease 0ms, box-shadow 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;
    transition: all .2s ease-in-out;
    border: 1px solid #002767;
}

/* .btn-hvr:hover .package-wrapper {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
} */

.btn-hvr:hover .heading h2,
.btn-hvr:hover .pkge-prce,
.btn-hvr:hover .ticklist2 li:before,
.btn-hvr:hover .chat-con ul li p a {
    color: #ffffff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.main-packges-sec .nav-tabs .nav-link{
	border-width: 0px;
    border-radius: 50px;
    letter-spacing: 1.5px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 35px;
    text-transform: uppercase;
    border: 1px solid #002767;
	margin-right: 10px;
	color: #002767;
	margin-bottom: 10px;
}
.main-packges-sec .nav-link[data-toggle]:not(.collapsed):after{
	content: '';
}
.main-packges-sec .nav-tabs{
	border: none;
}
.main-packges-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	background-color: #002767;
	color: #fff !important;
}
.btn-hvr:hover .btn-white {
    background-color: #002767;
	color: #fff !important;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.tab-content > :not(.show) {
	display: none;
  }
/* .btn-hvr:hover .btn-white::after {
    background-color: #002767;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
} */

.heading h2 {
    color: #ffffff;
    font-size: 27px;
    text-align: center;
    /* line-height:20px; */
}

.heading h2 span {
    display: block;
    color: #000000;
    font-size: 26px;
    font-size: 29px;
    font-weight: 600;
}

.col-sm-4.package-wrapper {}

.heading {
    text-align: center;
}

.heading h2{
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}

.pkge-name {
    vertical-align: top;
    text-align: left;
    font-weight: normal !important;
    padding: 0px !important;
    text-transform: uppercase;
}

.pkge-prce {
    vertical-align: top;
    font-size: 28px;
    font-weight: 700;
    color: #e8282b;
    line-height: 39px;
    text-align: left;
    padding-bottom: 0px;
}

.pkge-prce span {
    display: inline-block;
    margin-left: 0px !important;
    margin-top: 0px !important;
    line-height: 0px;
}

.pricing {
    text-align: center;
    justify-content: center;
    display: flex;
}

span.main_price {
    font-size: 44px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    padding-bottom: 5px;
}

span.old-price {
    font-size: 16px;
    color: #1c3941;
    text-decoration: line-through;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 9px;
}

span.old-price {}

.package-wrapper hr {
    border: 0.5px solid #d0d0d0;
    width: 85%;
    margin: 50px auto 0px auto;
}

.package-wrapper .package-item .list {
    color: #fff;
    padding: 25px 10px 5px 10px;
    font-size: 16px;
}

.package-wrapper .package-item .list+hr {
    margin: -4px auto 13px auto;
}

.ticklist2 li {
    width: 100%;
}

.ticklist2 li:before {
    /* content: "->"; */
    position: absolute;
    font-family: 'fontawesome' !important;
    font-size: 16px;
    color: #e8282b;
    left: 14px;
    top: 0px;
}

/*.wlcme p:before{content:"\f00c";position:absolute;font-family:'fontawesome' !important;font-size:16px;color:#FF9011;left:14px;top:0px;}*/
.package-item .list ul {
    padding-left: 0;
    list-style: none !important;
	overflow-y: scroll;
    height: 200px;
    overflow-x: hidden;
    margin-bottom: 20px;
}

.package-item .list ul li {
    position: relative;
    line-height: 1.5;
    font-size: 18px;
    color: #000000;
    margin: 0 0 10px 0;
}

.package-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
}

.package-item .image_wrap{
	display: none;
}
.package-item .heading{
	text-align: left;
}

.item-button {
    position: relative;
    text-align: center;
    margin: 30px 0 0 0;
}

.item-button a {
    color: #ffffff;
    border-width: 0px;
    border-radius: 50px;
    letter-spacing: 1.5px;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 40px;
    text-transform: uppercase;
    border: 1px solid #ffffff;
}

.package-wrapper:hover+.package-wrapper .pricing span.old-price {
    color: #fff !important
}

.packges-inner .tabbing-links li {
    padding: 15px 42px;
    border-radius: 30px;
}

.chat-con ul li {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    color: #fff;
}
.chat-con ul{
	padding-left: 0;
}
.chat-con {
    overflow: hidden;
}

.chat-con ul li p {
    color: #fff !important;
    font-size: 13px;
    margin: 0;
    padding: 1px 5px;
    font-weight: 700;
}

.chat-con ul li p a {
    /* color: #000000; */
    text-transform: uppercase;
}

.chat-con ul li p.speak {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
}

.pckgslidersec .owl-carousel .slick-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 50px;
    color: #e8282b;
}

.pckgslidersec .owl-carousel .slick-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 50px;
    color: #e8282b;
}

.pckgslidersec .owl-carousel .slick-prev,
.pckgslidersec .owl-carousel .slick-next {
    top: 45% !important;
}


/* width */
.mCustomScrollbar::-webkit-scrollbar {
	width: 5px;
  }
  
  /* Track */
  .mCustomScrollbar::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
  }
  
  /* Handle */
  .mCustomScrollbar::-webkit-scrollbar-thumb {
	background: #002767;
	border-radius: 10px;
  }
  .col-md-3.here-img a img {}

.col-md-3.here-img {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 0 0 30px 0;
}

.col-md-3.here-img a img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 330px;
    transition: transform 1s ease-in-out 0.5s;
}
.here-img:hover img {
    transform: translateY(-50%);
}
.container-fluid.coontainer {
    max-width: 1469px !important;
}
.here-theme {
    margin-bottom: 30px;
}
.here-theme a img{
	 
		width: 100%;
		height: 200px;
		border-radius: 5px;
		object-fit: cover;
		transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
	
}
.w3-bar.w3-black {
    display: flex;
    justify-content: center;
    margin: 0 0 50px 0 !important;
}
button.w3-bar-item.w3-button {
    border-width: 0px;
    border-radius: 50px;
    letter-spacing: 1.5px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 35px;
    text-transform: uppercase;
    border: 1px solid #002767;
    margin-right: 10px;
    color: #002767;
    margin-bottom: 10px;
}
button.w3-bar-item.w3-button.active{
	background-color: #002767;
	color: white;
}
button.w3-bar-item.w3-button {
    cursor: pointer;
}
.single-pricing-body ul li {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.single-pricing-head img {
    /* filter: invert(1); */
    /* justify-content: center; */
    /* display: flex; */
}

.single-pricing-head {
    text-align: center;
    vertical-align: center;
}

.single-pricing-head h5 {
    font-size: 26px;
    font-weight: 500;
}
.single-pricing-head h6 {
    font-size: 34px;
    font-weight: 600;
}
sup {
    top: 3.5px;
}


.chat-con ul {
    text-align: center;
}

.single-pricing-head img {
    margin: 0 0 15px 0;
}

.single-pricing-body ul {
    list-style: none;
    padding: 0;
}

.single-pricing-body ul li i {
    margin: 0 10px 0 0px;
}

.package-item .list ul li i {
    font-size: 16px;
    margin: 0 10px 0 0;
}

.image_wrap img {
    width: 30% !important;
    filter: invert(1);
}

.new_tabs_points ul {
    padding: 0;
}

.new_tabs_points h5 {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 600;
}


.blink{
	animation: blink 1s linear infinite;
}


@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
p.html-heading.html-heading2.text-center.white {
    color: white !important;
}


h5.white {
    color: white;
}

h6.white {
    color: white;
}

h2.html-heading01.text-center.white {
    color: white;
    margin-top: 20px;
}

p.pkge-prce.three-wrds.white {
    color: white !important;
}

img {}

.image_wrap img {
    filter: inherit;
}
.chat-con ul li p a {
    color: #fff;
}
.item-button.iitem {
    margin-top: -46px;
}
.item-button.iitem a.btn.popup-btn.btn-white.btn-animate {
    position: relative;
    top: -26px;
}


/* packages */

.pricing-box {
    position: relative;
    border: 2px solid black;
    border-radius: 10px;
    padding: 32px 25px;
    background: url('../images/pricing-bg.png') no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
    z-index: 1;
    cursor: pointer;
    background-color: #ffffff;
    transition: .5s all ease;
	width: 95%;
	margin: auto;
}

.pricing-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 7px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    /* background: #db1e5a;
    background: -moz-linear-gradient(-45deg, #db1e5a 0%, #1d1a42 100%);
    background: -webkit-linear-gradient(-45deg, #0c77ae 0%,#59af5d 100%); */
    background: linear-gradient(135deg, #042866 0%,#0540a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db1e5a', endColorstr='#1d1a42',GradientType=1 );
}

.pricing-box * {
    transition: all 0.3s ease-in-out;
}

.pricing-box .title {
    margin-bottom: 15px;
}

.pricing-box .title h5 {
    font-size: 18px;
    color: #333333;
    font-weight: 500;
}

.pricing-box .title h6 {
    font-weight: 500;
    font-size: 18px;
    color: #999999;
    text-transform: uppercase;
}

.pricing-box .title h6 span {
    display: inline-block;
    text-decoration: line-through;
    text-decoration-color: var(--primary-color);
    transition: none;
}

.pricing-box .title h3 {
    font-size: 42px;
    font-weight: 700;
    color: #042866;
}

.pricing-box .title p {
    font-size: 12px;
    margin: 0;
    color: #000000 !important;
    font-weight: 500;
}

.pricing-box .details {
    margin-bottom: 20px;
}

.pricing-box .details ul {
    height: 160px;
    overflow-y: scroll;
    margin-bottom: 15px;
    list-style: none;
    padding: 0;
}

.pricing-box .details ul li {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
	position: relative;
	padding: 0 0 0 20px;
}

.pricing-box .details ul li i {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 400;
    margin-right: 5px;
}

.pricing-box .info .order-now {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #042866;
    padding: 14px 55px;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #042866;
}

.pricing-box .info ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 0;
}

.pricing-box .info ul li {
    display: inline-block;
}

.pricing-box .info ul li a {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.pricing-box .info ul li a span {
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: #666666;
}

.pricing-box:hover {
    transform: scale(1.05);
}

.pricing-box:hover::before {
    opacity: 1;
}

.pricing-box:hover h5 {
    color: white;
}	

.pricing-box:hover h6 {
    color: #000;
}

.pricing-box:hover h3 {
    color: white;
}

.pricing-box:hover ul li {
    color: white;
}

.pricing-box:hover ul li i {
    color: #090909;
}
.pricing-box:hover .order-now {
    background-color: var(--white);
    color: var(--primary-color);
}
.pricing-box:hover ul li {
    color: white;
}

.pricing-box:hover ul li a {
    color: white;
}

.pricing-box:hover ul li a span {
    color: white;
}

.pricing-box .details ul::-webkit-scrollbar {width: 5px;}
.pricing-box .details ul::-webkit-scrollbar-button:start:decrement, .pricing-box .details ul::-webkit-scrollbar-button:end:increment {display:none;}
.pricing-box .details ul::-webkit-scrollbar-track-piece {background-color: #eeeeee;}
.pricing-box .details ul::-webkit-scrollbar-thumb:vertical {border-radius: 10px;background-color: #042866 ;}

.pckgslidersec.owl-carousel .owl-stage-outer{
	overflow-x: hidden;
    overflow-y: visible;
    height: 100%;
    padding: 50px 0px;
} 

.review-logo-row{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
	padding: 20px 0;
}

.review-logo{
	width: 50px;
    height: 50px;
}
.review-logo img{
	width: 100%;
}

.pricing-box .details ul li:before {
    content: '';
    display: block;
    position: absolute;
    background: #000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

li.li-heading {
    padding: 0 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 10px 0 !important;
}

li.li-heading:before {
    display: none !important;
}

.pckgslidersec.owl-carousel .owl-nav.disabled{
	display: block !important;
}


section.page_404 {
    background: black;
}

.main_head {
    color: white;
    text-align: center;
    padding-top: 100px;
}

.main_head h1 {
    font-size: 45px;
    font-weight: 600;
}img.gurantee {
    width: 100%;
    height: auto;
}
a:hover {
    color: #002768 !important;
    /* text-decoration: underline; */
}
section.disclaimer {
    padding: 20px 0 6px 0;
    background: black;
}

.disclaimer_iinner_section p {
    font-size: 13px;
    color: white !important;
}

.disclaimer_iinner_section p strong {
    font-size: 16px;
    font-weight: 600;
}
section#inner-content p {
    color: black;
}


.screen-images.d-flex.justify-content-between {
    margin: 30px 0 0 0;
}
#footer-bottom p a:hover {
    color: white !important;
}
a.btn.btn-gr.w-100:hover {
    color: white !important;
}
p.hero {
    color: white !important;
}

.disclaimer_iinner_section p strong,.disclaimer_iinner_section p {
    color: white !important;
}

.pricing-box .info ul li a:hover {
    color: white !important;
}
p.black{
	color:black !important;}
	a.navbar-brand img {
    filter: invert(1) brightness(300.5);
}
@media only screen and (max-width:767px) {
	.img-logo-header {
    display: none;
}
}