@import url('https://fonts.googleapis.com/css?family=Abel|Gelasio:600&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Roboto'); 

html {
	scroll-behavior: smooth;
}

.border-purple-bottom{
	border-bottom:5px solid #32325C;
}

h4 {
	margin-bottom: 10px;
}
.btn-white{
	background-color:#fff;
	color:#000;
}
.bg-purple{
	background-color:#32325C;
} 
.text-black{
	color:#000;
}
p.parsley-success {
	color: #0.858847;
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
}
p.parsley-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.spacer50{
	
	display:block;
	width:100%;
	height:50px;
	clear:both;
	
}
.spacer10{
	
	display:block;
	width:100%;
	height:10px;
	clear:both;
	
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	color: #0.858847;
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.parsley-errors-list {
	margin: 2px 0 3px;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	line-height: 0.9em;
	opacity: 0;
	color: #B94A48;
	
	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
	opacity: 1;
}

.dark-text{
	color:#000;
}

.text-blue{
	color:#32325C!important;
	font-size: 30px; 
	text-align: center;
	border-bottom: 1px dotted #32325C;
	margin-bottom: 50px;
	padding: 5px;
}

.bg-blue{
	background-color:#32325C!important;
	border-color:#32325C!important;
}

.bg-red{
	background-color:#ed3237;
}

.bg-plustech{
	background: rgb(0,152,218);
	background: linear-gradient(90deg, rgba(0,152,218,1) 11%, rgba(237,50,55,1) 78%);
}

.card-heading{
	/*font-family: 'Roboto',arial,sans-serif;*/
	font-family: 'Roboto',arial,sans-serif;
	font-weight: bolder;
	line-height: 1.1;
	color: #32325C; 
	font-size: 24px;
}

.sub-heading{
	font-family: 'Roboto',arial,sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: #32325C; 
	font-size: 30px;
}

.card-border{ 
	border-style: solid;
	border-color: #32325C; 
}

.subHeading{
	font-size:16px;
	color:#fff!important;
	background: #32325C;
}

#my_centered_buttons { 
	display: flex; 
	justify-content: center;
}

article, aside, details, figcaption, figure, footer, hgroup, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none
}

html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

html, button, input, select, textarea {
	font-family: 'Roboto',arial, sans-serif;
	/*font-family: sans-serif;*/
}

body { background-color: #fff; }
html, body {
	overflow-x: hidden;
	width: 100%;
}

body {
	margin: 0;
	/*font-family: 'Abel', sans-serif;*/
	font-family: 'Roboto', arial, sans-serif;
}

html, html a {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	-webkit-font-smoothing: antialiased;
}

.company_logo {
	box-shadow: 0px 0px 5px #fff;
}

a:focus {
	outline: thin dotted;
	text-decoration: none;
}

a:active, a:hover {
	outline: 0;
	text-decoration: none;
}

h1 {
	/*margin: 0.67em 0;*/
	font-size: 2em;
}
h2 {
	/*margin: 0.83em 0;*/
	font-size: 1.5em;
}
h3 {
	/*margin: 1em 0;*/
	font-size: 1.1em;
}
h4 {
	/*margin: 1.33em 0;*/
	font-size: 1em;
}
h5 {
	/*margin: 1.67em 0;*/
	font-size: 0.83em;
}
h6 {
	/*margin: 2.33em 0;*/
	font-size: 0.75em;
}

h1,h2,h3,h4,h5,h6{ 
	font-family: 'Roboto', arial, sans-serif;
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}
blockquote {
	margin: 0px
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000;
	padding: 0px; 
	font-size: 16px;
}

p, pre { 
	font-family: 'Roboto', arial, serif; 
}

code, kbd, pre, samp {
	font-size: 1em;
	font-family: 'Roboto', arial, sans-serif;
	/*font-family: monospace, serif;
	_font-family: 'courier new', monospace;*/
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none
}

q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 75%
}

sub, sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}

dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}

menu, ol, ul {
	padding: 0
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0; /* 1 */
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

button, input, select, textarea {
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	font-size: 100%; /* 1 */
	*vertical-align: middle; /* 3 */
}

button, input {
	line-height: normal
}

button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
	cursor: pointer; /* 3 */
	-webkit-appearance: button; /* 2 */
	*overflow: visible; /* 4 */
}

button[disabled], input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}

input[type="search"] {
	/* 2 */
	box-sizing: content-box;
	-webkit-appearance: textfield; /* 1 */
	nowhitespace: afterproperty;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
	Tables
	========================================================================== */
/*
	* Remove most spacing between table cells.
	*/

	table {
		border-spacing: 0;
		border-collapse: collapse;
	}

/* ==========================================================================
	Global Styles
	========================================================================== */
	.group:after {
		content: "";
		display: table;
		clear: both;
	}
	a {
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
		-webkit-transition-property: color, border-color, background-color;
		transition-property: color, border-color, background-color;
	}
	.nopadding {
		margin: 0 !important;
		padding: 0 !important;
	}
	p {
		font-size: 16px;
		line-height1: 25px;
	}
	ul > li {
		font-size: 16px;
		line-height: 25px;
		margin-left:40px;
	}
	a {
		color: #73d0da
	}
	a:hover, a:focus {
		color: #73d0da;
		text-decoration: none;
	}
	.texture-overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-image: url(../img/grid.png);
	}

/* ==========================================================================
	Buttons
	========================================================================== */
	.use-btn {
		display: inline-block;
		margin: 0 10px 10px 0;
		padding: 20px 50px;
		border-radius: 3px;
		background-color: #fff;
		color: #4b98a9;
		font-size: 16px;
	}
	.use-btn:hover, .use-btn:focus {
		background-color: #73d0da;
		color: #fff;
		text-decoration: none;
	}
	.learn-btn, .download-btn {
		display: inline-block;
		padding: 18px 0.85px;
		border: 2px solid #fff;
		border-radius: 3px;
		color: #fff;
		font-size: 16px;
	}
	.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus {
		border-color: #73d0da;
		color: #73d0da;
		text-decoration: none;
	}
	.read-more-btn {
		display: inline-block;
		color: #323a45;
		font-weight: 400;
	}
	.read-more-btn i, .download-btn i {
		margin-left: 5px
	}
	.showcase .download-btn {
		margin-top: 50px
	}
	.download .download-btn {
		margin-top: 25px
	}

/* ==========================================================================
	Navigation
	========================================================================== */
	.nav-toggle {
		position: absolute;
		top: 0;
		right: 15px;
		z-index: 999999;
		padding: 10px 35px 16px 0px;
		cursor: pointer;
	}
	.nav-toggle:focus {
		outline: none;
	}
	.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
		content: '';
		position: absolute;
		display: block;
		width: 35px;
		height: 5px;
		border-radius: 1px;
		background: #fff;
		cursor: pointer;
	}
	.nav-toggle span:before {
		top: -10px
	}
	.nav-toggle span:after {
		bottom: -10px
	}
	.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	.nav-toggle.active span {
		background-color: transparent
	}
	.nav-toggle.active span:before, .nav-toggle.active span:after {
		top: 0
	}
	.nav-toggle.active span:before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.nav-toggle.active span:after {
		top: 10px;
		-webkit-transform: translateY(-10px) rotate(-45deg);
		-ms-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	.navicon {
		position: relative;
		height: 26px;
	}
	.navicon p {
		margin: 1px 50px 0 0
	}
	.navicon-fixed {
		position: fixed;
		top: 59px;
		right: 143px;
	}

/* ==========================================================================
	Hero
	========================================================================== */
	.hero {
		position: relative;
		padding: 60px 0 60px 0;
		min-height: 800px;
		background: rgb(40, 70, 102) url('../img/sliderbg2.jpg') no-repeat center center;
		background-size: cover;
		color: #fff;
	}
	.hero h1 {
		margin: 0 auto;
		font-weight: 300;
		font-size: 35px;
		font-family: 'Roboto',arial,sans-serif;
		/*font-family: serif!important;*/
	}
	.hero h1 span {
		display: inline-block;
		color: #a1a9b0;
	}
	#home {
		width: 100%;
		height: 100%;
	}
	.hero {
		width: 100%;
		height: 100%;
	}
	header i {
		margin-left: 5px
	}

/* ==========================================================================
	Video
	========================================================================== */
	section.video i {
		margin-right: 10px;
		color: #323a45;
		vertical-align: middle;
		font-size: 50px;
		-webkit-transition: color 300ms ease-in-out;
		transition: color 300ms ease-in-out;
	}
	section.video h1 {
		font-weight: 400;
		font-size: 20px;
	}
	section.video {
		padding: 60px 0;
		background-color: #f6f7f9;
	}
	section.video a {
		color: #323a45
	}
	section.video a:hover, section.video a:focus {
		color: #73d0da;
		text-decoration: none;
	}
	section.video a:hover i, section.video a:focus i {
		color: #73d0da
	}

/* ==========================================================================
	Custom Slider Controls (Flickity)
	========================================================================== */
	.flickity-page-dots .dot {
		width: 13px;
		height: 13px;
		opacity: 1;
		background: transparent;
		border: 2px solid white;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}
	.flickity-page-dots .dot.is-selected {
		background: white;
	}

/* ==========================================================================
	Features Slider
	========================================================================== */
	.features-bg {
		position: relative;
		min-height: 400px;
		background: url('../img/about1.jpg') no-repeat center center;
		background-size: cover;
		max-width: 100%;
	}
	.features-img {
		width: 100%;
		height: 400px;
		text-align: center;
		line-height: 400px;
	}
	.features-slider {
		position: relative;
		padding: 11% 100px 10% 100px;
		height: 400px;
		background-color: #3F6184;
	}
	.features-slider ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.features-slider ul li {
		width: 100%;
	}
	.features-slider li h1 {
		margin-bottom: 15px;
		color: #fff;
		font-weight: 400;
		font-size: 22px;
	}
	.features-slider li p {
		color: #fff;
		font-size: 14px;
	}
	.features-intro-img {
		position: relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
	}
	.features-intro .fetureIntroHeight img{
		height:400px;
		width:100%;
	}
	.slides li h1 {
		margin: 0;
		padding: 0;
	}
	.features-slider .flickity-page-dots {
		text-align: left;
		margin-top: 50px;
		position: static;
	}
	.features-slider .flickity-page-dots .dot {
		margin: 0 12px 0 0;
	}

/* ==========================================================================
	Features List
	========================================================================== */
	.features-list {
		background-color:#fafbff;
		padding: 50px 0
	}
	.features-list h1 {
		padding: 0;
		color: #24374b;
		font-size: 20px;
	}
	.features-list p {
		margin-bottom: 20px;
		color: #778899;
	}
	.feature-content {
		display: inline-block;
		margin-left: 0;
		width: 65%;
	}
	.feature-icon {
		display: inline-block;
		margin-right: 25px;
		width: 150px;
		height: 150px;
		border: solid 4px  #32325C;
		border-radius: 50%;
		vertical-align: top;
		text-align: center;
		font-size: 25px;
		line-height: 90px;
		margin-bottom:10px;

	}

	.feature-icon:hover {
		transition: border 0.5s ease-in; 
		border: solid 10px  rgb(253, 66, 53); 
	}

	.feature-icon i {
		color: #4e9ba3
	}

/* ==========================================================================
	Blockquote
	========================================================================= */
	blockquote {
		margin: 40px 0 0;
		padding: 0;
		border: none;
	}
	blockquote p {
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 100%;
		vertical-align: top;
		font-style: italic;
	}
	blockquote .avatar {
		display: inline-block;
		margin-right: 20px;
		width: 64px;
		height: 64px;
		vertical-align: middle;
	}
	blockquote .logo-quote {
		display: inline-block;
		margin: 0 0 0 90px;
	}


	blockquote::before {
		font-family:  'Roboto',arial,sans-serif;
		content: "\201C";
		color: #002060;
		font-size: 4em;
		position: absolute;
		left: 10px;
		top: -10px;
	}

	blockquote {
		font-size: 1.4em;
		width: 90%;
		margin: 50px auto;
		font-family:  'Roboto',arial,sans-serif;
		font-style: italic;
		color: #555555;
		padding: 1.2em 30px 1.2em 75px;
		border-left: 8px solid #002060;
		line-height: 1.6;
		position: relative;
		background: #E5E5E5;
	}

/* ==========================================================================
	Showcase
	========================================================================== */
	.showcase {
		background: url('../img/showcase-bg-fixed-01.jpg') no-repeat center center fixed;
		background-size: cover;
	}

	.main_heading{
		font-size:44px;
		border-bottom:5px solid #fff;
		padding:5px;
		margin:2px;
		color:#fff
	}
	.sub_heading{
		font-size:20px;
		border-bottom:2px dotted #fff;
		padding:5px;
		margin:2px;
		color:#fff
	}
	.showcase1 {
		background:  url('../img/showcase-bg-fixed-01.jpg') no-repeat center center fixed;
		background-size: cover !important;
		position:relative;
	}


	.showcase h1 {
		margin: 0 0 20px 0;
		color: #fff;
		font-weight: 400;
		font-size: 35px;
	}
	.showcase p {
		margin-bottom: 25px;
		color: #fff;
	}
	.device {
		position: absolute;
		top: -60px;
		left: 20%;
		min-height: 676px;
		width: 359px;
		background: url('../img/iphone-skeleton.png') no-repeat center center;
	}
	.device-content {
		position: absolute;
		width: 100%;
		height: 445px;
		background: rgba(0, 0, 0, 0.3);
	}
	.device-content img {
		width: 100%;
		height: 445px;
	}
	.showcase-wrap {
		position: relative;
		padding: 100px 0;
		min-height: 600px;
	}
	.showcase-slider ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.showcase-slider .flickity-page-dots {
		bottom: 20px;
	}

	.swiper-button-next1{
		content: '';
		width: 50px;
		vertical-align: middle;
		height: 50px;
		background-color:  #C03D39;
		color: #fff;
		padding: 2px;
		z-index: 11;
		position: absolute;
		top: 44%;
		right: 0px;
		font-size: 32px;
		text-align:center;
		border-radius:50%;
	}

	.swiper-button-prev1{
		content: '';
		width: 50px;
		vertical-align: middle;
		height: 50px;
		background-color:  #C03D39;
		color: #fff;
		padding: 2px;
		z-index: 11;
		position: absolute;
		top: 44%;
		left: 0px;
		font-size: 32px;
		text-align:center;
		border-radius:50%;


	}

/* ==========================================================================
	Screenshots Intro
	========================================================================== */
	.screenshots-intro {
		padding: 0px 0 100px 0;
		background-color: #f6f7f9;
	}
	.screenshots-intro h1 {
		margin-bottom: 25px;
		color: #32325C;
		font-weight: 400;
		font-size: 25px;
	}
	.screenshots-intro p {
		margin-bottom: 25px;
		color: #778899;
	}

	.screenshots-intro #st p{
		display:block;
		font-style: italic;
		font-family: serif;
		font-size: 20px;
		color: black;
	}
	.screenshots-intro #st h1{
		font-family: serif;
	}
/* ==========================================================================
	Screenshots
	========================================================================== */
	.screenshots ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.screenshots ul li {
		float: left;
		min-height: 100%;
		width: 25%;
		background-color: transparent;
		list-style: none;
	}
	.screenshots figure {
		position: relative;
		overflow: hidden;
	}
	.screenshots figure img {
		width: 100%;
		height:300px;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	.events figure img { 
		height:250px !important; 
	}
	.screenshots figure:hover img, .screenshots figure:focus img {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	.screenshots figcaption {
		position: absolute;
		color:white;
		top: 0;
		left: 0;
		padding: 25% 0;
		width: 100%;
		height: 100%;
		/*background-color: rgba(63, 97, 132, 0.85);*/
		text-align: center;
		font-size: 15px;
		opacity: 0;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	.screenshots figcaption a {
	/* color: #fff;
		}
		.screenshots figcaption a:hover, .screenshots figcaption a:focus {
			color: #73d0da;*/
		}
		.screenshots figure:hover figcaption, .screenshots figure:focus figcaption {
			opacity: 1;
		}
		.screenshots figure:hover .bottom_content, .screenshots figure:focus .bottom_content {
			opacity: 0;
		}
		.screenshots figure:hover .caption-content, .screenshots figure:focus .caption-content {
			width:100%;
			height:100%;
		}
		.visible {
			opacity: 1;
		}
		.btn-outline-white {
			color: #fff;
			border-color:   #fff;
		}
		.btn-outline-white:hover {
			color: #32325C;
			background-color: #fff;
			border-color:  #fff;
		}
		.screenshots figure.cs-hover figcaption {
			opacity: 1;
		} 
		.screenshots figcaption p {
			margin-bottom: 0;
			text-transform: uppercase;
			font-weight: 400;
			color: white;
			font-size: 15px;
			font-weight: bold;
		}
		div.caption-content > h1 {
			color:#fff;
		}
		div.caption-content  hr {
			border: 1px solid #fff;
		} 
		@media  (min-width: 768px) {
			#backgroundHlf > div.transbox{
				transform: translate(-45%,-20%);
			}
		} 
		.transbox h1::after, .section-header h3::after { 
			background: #fff;

		}

		#backgroundHlf {
			margin-top:50px;
		}
		#backgroundHlf > div.layer{
			background: #32325c  !important;
			opacity: 0.4;
		}

		#backgroundHlf > div.transbox > h1 {
			display: inline-block;
			font-size: 40px;
			padding-left: 5px;
			background: inherit;
			color:#fff;
			text-shadow: #000 1px 1px 2px;
		}
		#backgroundHlf > div.transbox {
			position: absolute;
			top: 50%;
			left: 50%;
			opacity: 1;
			font-size: 14px;
			width: 100%;
			padding: 10px;
			color: #32325c;
			transform: translate(-50%,-35%); /* earlier 50%, 50% */
			text-align:center !important;
		}

		div.transbox {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			background-color: ##32325C;
			opacity: 1;
			font-size: 14px;
			width:100%;
			padding:10px;
			color: gold; 
			text-align: center;
		}
		div.transbox2 {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			background-color: ##32325C;
			opacity: 1;
			font-size: 14px;
			width:100%;
			padding:10px;
			color: gold; 
			text-align: left;
		}
		div.bottom_content {
			position: absolute;
			bottom: 0px;
			left: 0px;
			background: linear-gradient(to top, rgb(50, 50, 92), rgba(0, 0, 0, 0.5));
			opacity: 1;
			font-size: 22px;
			color: #fff;
			padding: 5px;
			width:100%;
			text-align: center;

		}
		.screenshots figcaption .caption-content {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 0px;
			height:0px;
			-webkit-transform: translate(0px, 0px);
			-ms-transform: translate(0px, 0px);
			transform: translate(0px, 0px);
			-webkit-transition: height 300ms ease-in-out;
			transition: height 300ms ease-in-out;
			background-color:#32325C;
			opacity:0.9;
		}

/* ==========================================================================
	Download Now
	========================================================================== */
	.download {
		padding: 120px 0;
		background-color: #3f6184;
	}
	.download h1 {
		margin: 0 0 15px 0;
		color: #fff;
		font-weight: 400;
		font-size: 40px;
	}

/* ==========================================================================
	Footer
	========================================================================== */
	footer {
		padding:  0px;
	}
	#footer_section > #foterContent {
		text-align: justify!important;
	}
	footer p {
		color: #c7cacc;
		font-size: 14px;
	} 

	#footer_section {
		margin-top: -40px;
		background: #2b2d6e!important;
	}

	#footer_section .contactPadding .social-links a {
		font-size: 30px;
		display: inline-block;
		/*background: #e40a0a;*/
		color: #eee;
		line-height: 1;
		/*padding: 8px 0;*/
		margin-right: 4px;
		border-radius: 50%;
		text-align: center;
		width: 36px;
		height: 36px;
		transition: 0.3s;
	}

	#footer_section .contactPadding .social-links a:hover {
		/*background: #333;*/
		color: #fff;
	}

	#footer_section .contactPadding .footer-links {
		margin-bottom: 30px;
		text-align:left;
	}

	#footer_section .contactPadding .footer-links ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#footer_section .contactPadding .footer-links ul i {
		padding-right: 8px;
		color: #ddd;
	}

	#footer_section .contactPadding .footer-links ul li {
		border-bottom: 1px dotted #000;
		padding: 10px 0;
	}

	#footer_section .contactPadding .footer-links ul li:before { 
		content:  "\f101";
		font-family: 'Font Awesome 5 Free';
		font-style: normal;
		font-weight: normal;
		color:#fff;
		font-size:inherit;
		margin-right:2px;
		font-weight: 900;
		text-decoration: inherit;
	}

	#footer_section .contactPadding .footer-links ul li:first-child {
		padding-top: 0;
	}

	#footer_section .contactPadding .footer-links ul a {
		color: #eee;
	}

	#footer_section .contactPadding .footer-links ul a:hover {
		color: #e40a0a;
	}

	#footer_section .contactPadding h4::before,  #footer_section .copyright h4::before {
		right: 0;
		background:   #fafbff;
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		height: 2px;
	}
	#footer_section .contactPadding h4::after, #footer_section .copyright h4::after{
		background:   #e40a0a;
		min-width: 60px;
		width:40%;
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		height: 2px;
	}

	#footer_section .contactPadding h4, #footer_section .copyright h4 {
		font-size: 14px;
		font-weight: bold;
		color:  #fff;
		text-transform: uppercase;
		position: relative;
		padding-bottom: 12px;
	}

	#footer_section .footer-info ul{
		list-style-type: none;
		margin: 0.4em 0;
		padding: 0;
		font-size: .7em;
	}

	#footer_section .footer-info li{
		border: none;
		margin: 0;
	}

	#footer_section .footer-info ul li:before { 
		content:  "\f101";
		font-family: 'Font Awesome 5 Free';
		font-style: normal;
		font-weight: normal;
		color:#ea171c;
		font-size:inherit;
		margin-right:2px;
		font-weight: 900;
		text-decoration: inherit;
	}
	#footer_section .footer-info ul i {
		padding-right: 8px;
		color: #ddd;
	}

/* ==========================================================================
	Nav Overlay
	========================================================================== */
	/* Overlay style */

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(52, 82, 113, 0.95);
	}

	/* Menu style */
	.overlay nav {
		position: relative;
		top: 50%;
		height: 60%;
		text-align: center;
		font-size: 54px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.overlay ul {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	.overlay ul li {
		display: block;
		float: left;
		margin-right: 20px;
	}
	.overlay ul li:last-child {
		margin-right: 0px
	}
	.overlay ul li i {
		display: block;
		margin-bottom: 10px;
		font-size: 40px;
	}
	.overlay ul li a {
		display: block;
		padding: 50px 0;
		min-width: 190px;
		border: 2px solid #fff;
		border-radius: 3px;
		background-color: #345271;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 15px;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	.overlay ul li a:hover, .overlay ul li a:focus {
		border-color: #73d0da;
		color: #73d0da;
	}

	/* Effects */
	.overlay-boxify {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}
	.overlay-boxify.open {
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	.overlay-boxify nav ul li {
		opacity: 0;
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}
	.overlay-boxify.open nav ul:first-child li:first-child {
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
	}
	.overlay-boxify.open nav ul:first-child li:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	.overlay-boxify.open nav ul:nth-child(2) li:first-child {
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
	}
	.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.overlay-boxify.open nav ul li {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

/* ==========================================================================
	Waypoints
	========================================================================== */
	.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
		visibility: hidden
	}
	.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
		visibility: visible
	}
	.delay-05s {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}
	.delay-1s {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}
	.section-header h3 {
		font-size: 36px;
		color: #32325C;
		text-align: center;
		font-weight: 700;
		position: relative;
	}
	.section-header p {
		text-align: center;
		font-size: 15px;
		color: #535074;
		width: 50%;
	}
	.card{
		padding:2px;
	}
	@media screen and (max-width: 600px) {
		.card{
			margin-bottom:5px;
		}
	}
	.hero .intro-info {
		width: 50%;
		float: right;
	}
	div#home {
		position:relative;
		background: transparent;
		min-width: 100vw;
		width: auto;
		height: auto;
		min-height: 100vh;
		overflow:hidden;
		background-attachment:fixed;
	}
	.mainTitleBox {
		position: relative;
		color:#fff !important;
	}
	mark{
		background-color:#fafbff;
		padding: 0px; 
		font-size: 29px;
	}

	.mainTitleBox2  > p { 
		font-size:36px;
		line-height: 1; 
	}

	.mainTitleBox:after { 
		content: '';
		position: absolute;
		top: 10px;
		left: -9px;
		height: 50%;

	}
	.mainTitleBox::before { 
		content: '';
		position: absolute;
		top: -0px;
		left: -9px;
		width: 50%;

	}

	.mainTitleBox2::after { 
		content: '';
		position: absolute;
		bottom: 10px;
		right: -9px;
		height: 50%;

	}
	.mainTitleBox2::before {

		content: '';
		position: absolute;
		bottom: -0px;
		right: -9px;
		width: 50%;

	} 
	.bg-blue-transparent{
		background-color: #002060;
		opacity:0.7;
	}
	video {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%; 
		width: auto;
		height: auto;
		transform: translate(-50%,-50%);
		object-fit: fill;
		z-index:-100;
	}
	.videoVideo{
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%; 
		width: 100%;
		height: 100%;
		transform: translate(-50%,-50%);
		object-fit: fill;
		z-index:-100;
	}
	#video1 , #content1 .typeHeight{
		height:500px;
	}
	#video1 p{
		font-size: 40px;
		line-height: 37px;
		color: white;
		font-weight: bolder;
	}
	#content1{
		clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
		background-size: cover;
		background: linear-gradient( rgb(7, 140, 223), rgba(63, 97, 132, 0.5)), url('../img/product9.jpeg') no-repeat center center;
	}
	.slider{
		position: absolute;
		min-height: 800px;
	}
	.example_a:hover {
		background: white;
		color:black;
		letter-spacing: 1px;
		-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
		-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
		box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
		transition: all 0.4s ease 0s;
	}
	.example_aa:hover {
		color:black;
		letter-spacing: 1px;
		transition: all 0.4s ease 0s;
	}

/*20may2020******#section-contact{
	background: linear-gradient( rgba(43, 45, 110, 0.5), rgba(63, 97, 132, 0.5)), url('../img/product9-2.jpeg') no-repeat center center;
	background-attachment: fixed;
	/*background-image: url("../img/intro-carousel/c.jpg");   The image used */
	/* background-color: #cccccc; Used if the image is unavailable */
	/*background-position: center;  Center the image */
	/*background-repeat: no-repeat; Do not repeat the image */
	/*20may2020******background-size: cover;
	
	}*/
	#section-contact .contact1{
		font-size: 40px;
		margin-bottom: 15px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
	}
	#section-contact .col-md-4 i{
		color:white;
	}
	#section-contact .contact2{
		font-size: 20px;
		margin-bottom: 15px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
	}

	#section-contact .contact-address h3{
		font-size: 21px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		margin-top:4px;
	}

	#section-contact .contact-address p{

		color: #fff;
		margin-bottom:4px;
	}
	@media (min-width: 768px) {
		#section-contact #phoneCo {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			margin-bottom:10px;
		}
	}

	.screenshots-intro > div.container > div.row > div.v1{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	#screenshots .card-header{
		font-weight:bold;
		position:absolute;
		color:white;
		z-index:1;
	} 
	/*** **/


	.border-animation {
		--border-width: 0.1em;
		--animation-speed: 0.5s;
		--color: #ffffff;
		color: var(--color);
		position: relative;
		display: inline-block;
		font-size: 4em;
		line-height: 1em;
		-webkit-transform: scale(1, 0.8);
		transform: scale(1, 0.8);
		border: var(--border-width) solid transparent;
	}
	.border-animation .border-animation__inner {
		position: relative;
		display: inline-block;
		width: 100%;
		font-family: 'Six Caps', sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		cursor: pointer;
		padding: 0.2em;
		background: #333;
		z-index: 1;
		border-radius: 50%;
		border: solid var(--border-width) transparent;
	}
	.border-animation:before, .border-animation:after {
		content: '';
		position: absolute;
		background: var(--color);
	}
	.border-animation:focus:before, .border-animation:hover:before {
		-webkit-animation: beforeBorders var(--animation-speed) forwards ease-in-out;
		animation: beforeBorders var(--animation-speed) forwards ease-in-out;
	}
	.border-animation:focus:after, .border-animation:hover:after {
		-webkit-animation: afterBorders var(--animation-speed) forwards ease-in-out;
		animation: afterBorders var(--animation-speed) forwards ease-in-out;
	}
	.border-animation:focus, .border-animation:hover {
		-webkit-animation: borderColors var(--animation-speed) steps(1) forwards;
		animation: borderColors var(--animation-speed) steps(1) forwards;
		outline: none;
	}
	.border-animation:focus .border-animation__inner, .border-animation:hover .border-animation__inner {
		-webkit-animation: background calc(var(--animation-speed) / 5 * 3) forwards ease-in-out;
		animation: background calc(var(--animation-speed) / 5 * 3) forwards ease-in-out;
		-webkit-animation-delay: calc(var(--animation-speed) / 5 * 2);
		animation-delay: calc(var(--animation-speed) / 5 * 2);
	}

	@-webkit-keyframes beforeBorders {
		0% {
			top: calc(var(--border-width) * -1);
			left: 50%;
			bottom: auto;
			right: auto;
			width: 0;
			height: var(--border-width);
		}
		33% {
			top: calc(var(--border-width) * -1);
			left: calc(var(--border-width) * -1);
			bottom: auto;
			right: auto;
			width: calc(var(--border-width) + 50%);
			height: var(--border-width);
		}
		66% {
			top: calc(var(--border-width) * -1);
			left: calc(var(--border-width) * -1);
			bottom: auto;
			right: auto;
			width: var(--border-width);
			height: calc((var(--border-width) * 2) + 100%);
		}
		100% {
			top: auto;
			left: calc(var(--border-width) * -1);
			bottom: calc(var(--border-width) * -1);
			right: auto;
			width: calc(var(--border-width) + 50%);
			height: calc((var(--border-width) * 2) + 100%);
		}
	}

	@keyframes beforeBorders {
		0% {
			top: calc(var(--border-width) * -1);
			left: 50%;
			bottom: auto;
			right: auto;
			width: 0;
			height: var(--border-width);
		}
		33% {
			top: calc(var(--border-width) * -1);
			left: calc(var(--border-width) * -1);
			bottom: auto;
			right: auto;
			width: calc(var(--border-width) + 50%);
			height: var(--border-width);
		}
		66% {
			top: calc(var(--border-width) * -1);
			left: calc(var(--border-width) * -1);
			bottom: auto;
			right: auto;
			width: var(--border-width);
			height: calc((var(--border-width) * 2) + 100%);
		}
		100% {
			top: auto;
			left: calc(var(--border-width) * -1);
			bottom: calc(var(--border-width) * -1);
			right: auto;
			width: calc(var(--border-width) + 50%);
			height: calc((var(--border-width) * 2) + 100%);
		}
	}
	@-webkit-keyframes afterBorders {
		0% {
			top: calc(var(--border-width) * -1);
			left: auto;
			bottom: auto;
			right: 50%;
			width: 0;
			height: var(--border-width);
		}
		33% {
			top: calc(var(--border-width) * -1);
			left: auto;
			bottom: auto;
			right: calc(var(--border-width) * -1);
			width: calc(var(--border-width) + 50%);
			height: var(--border-width);
		}
		66% {
			top: calc(var(--border-width) * -1);
			left: auto;
			bottom: auto;
			right: calc(var(--border-width) * -1);
			width: var(--border-width);
			height: calc((var(--border-width) * 2) + 100%);
		}
		100% {
			top: auto;
			left: auto;
			bottom: calc(var(--border-width) * -1);
			right: calc(var(--border-width) * -1);
			width: calc(var(--border-width) + 50%);
			height: calc((var(--border-width) * 2) + 100%);
		}
	}
	@keyframes afterBorders {
		0% {
			top: calc(var(--border-width) * -1);
			left: auto;
			bottom: auto;
			right: 50%;
			width: 0;
			height: var(--border-width);
		}
		33% {
			top: calc(var(--border-width) * -1);
			left: auto;
			bottom: auto;
			right: calc(var(--border-width) * -1);
			width: calc(var(--border-width) + 50%);
			height: var(--border-width);
		}
		66% {
			top: calc(var(--border-width) * -1);
			left: auto;
			bottom: auto;
			right: calc(var(--border-width) * -1);
			width: var(--border-width);
			height: calc((var(--border-width) * 2) + 100%);
		}
		100% {
			top: auto;
			left: auto;
			bottom: calc(var(--border-width) * -1);
			right: calc(var(--border-width) * -1);
			width: calc(var(--border-width) + 50%);
			height: calc((var(--border-width) * 2) + 100%);
		}
	}
	@-webkit-keyframes borderColors {
		0% {
			border-top-color: transparent;
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
		}
		33% {
			border-top-color: var(--color);
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
		}
		66% {
			border-top-color: var(--color);
			border-right-color: var(--color);
			border-bottom-color: transparent;
			border-left-color: var(--color);
		}
		100% {
			border-top-color: var(--color);
			border-right-color: var(--color);
			border-bottom-color: var(--color);
			border-left-color: var(--color);
		}
	}
	@keyframes borderColors {
		0% {
			border-top-color: transparent;
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
		}
		33% {
			border-top-color: var(--color);
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
		}
		66% {
			border-top-color: var(--color);
			border-right-color: var(--color);
			border-bottom-color: transparent;
			border-left-color: var(--color);
		}
		100% {
			border-top-color: var(--color);
			border-right-color: var(--color);
			border-bottom-color: var(--color);
			border-left-color: var(--color);
		}
	}
	@-webkit-keyframes background {
		to {
			background: #555;
			text-shadow: 0 0.1em 0.1em #111;
		}
	}
	@keyframes background {
		to {
			background: #555;
			text-shadow: 0 0.1em 0.1em #111;
		}
	}
	@media (min-width: 850px) {
		body {
			justify-content: center;
		}
	}
	@media (min-width: 1200px) {
		.border-animation {
			font-size: 6em;
			line-height: 1em;
		}
	}

	.transbox h1, .section-header h3{
		font-size:44px;
	}


	.transbox h1:after, .section-header h3:after {
		content: '';
		width: 0px;
		height: 2px;
		display: block;
		background: #fff;
		transition: 300ms;
	}

	.transbox h1:hover:after, .section-header h3:hover:after {
		width: 105%;
		margin-left:-5px;
	}

	.section-header h3:after {
		content: '';
		width: 0px;
		height: 4px;
		display: block;
		background: #32325C;
		transition: 300ms;
	}

	.section-header h3:hover:after {
		width:100%;
	}
	/*****type1-navbar start***********/

	.navbar {
		border-radius: 0px;
	}
	.bg-light {
		background-color: #2C88DD  !important;
	} 
	.navbar-light .navbar-nav .nav-link {
		color: rgb(227, 196, 141);
	}
	.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
		color: rgb(20.85, 247, 249);
	}
	.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
		color: rgb(20.85, 247, 249);
	}

	@media screen and (max-width: 850px){

		.logoImage img{
			width: 80% !important;
			margin-right: 80px;
			height: 45px;
			margin-top: 10px;
		}

		.navbar-brand {
			display: inline-block;
			padding-top: 0.313rem;
			padding-bottom: 0rem;
			margin-right: 1rem;
			line-height: inherit;
			white-space: nowrap;
		}
		.navbar-brand {
			padding: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
			font-size: 18px;
			line-height: 20px;
			height: 8px;
		}
	}

	/*****type1-navbar end***********/

	.btn-info {
		color:#fff;
		background-color:#32325C!important;
		border-color: #17a2b8;
	}

	/* LIST #2 */
	#list2 { width:320px; }
	#list2 ul { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:white;  }
	#list2 ul li { }
	#list2 ul li p { padding:4px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left: 1px solid #999; }
	#list2 ul li p em { display:block; }

	/* LIST #3 */
	#list3 { width:320px; }
	#list3 ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#3b82a4;  }
	#list3 ol li { }
	#list3 ol li p { padding:4px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left: 1px solid #999; }
	#list3 ol li p em { display:block; }

	/* LIST #4 */
	#list4 { width:320px; }
	#list4 ul { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:white;  }
	#list4 ul li { }
	#list4 ul li p { padding:4px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left: 1px solid #999; }
	#list4 ul li p em { display:block; }

	.gradient333{
		background-image: url('../img/sliderbg2.jpg')no-repeat center center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.js .slider-single > div:nth-child(1n+2) { display: none }

	.js .slider-single.slick-initialized > div:nth-child(1n+2) { display: block }

	.slick-dots {
		margin-top:10px;
	}
	.slick-dots li button {
		background-color: red;
		text-indent: -9999px;
		border-radius:50%;
		overflow:hidden;
		/* more CSS */

	}
	.slick-dots li.slick-active button {
		background-color: #fff;
		text-indent: -9999px;
		border-radius:50%;
		overflow:hidden;
		/* more CSS */
	}

	.carousel-indicators {
		width:100%;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 15;
		display: flex;
		justify-content: center;
		list-style: none;
		margin: 0 auto;
	}

	#carouselExampleIndicators #sliderBackground{
		position: relative;
		height: 60vh;
		background: rgb(40, 70, 102) url('../img/slidedrbgg.jpeg') no-repeat center center;
		background-size: cover;
		color: #fff;
	}

	#carouselExampleIndicators #sliderBackground .lead {
		font-size: 2.25rem;
		font-weight: bold;
	}

	@media screen and (max-width: 850px){
		.heightMob{
			height: 40vh;
		}
		.navMob{
			top:-41px;
		}
		#carouselExampleIndicators #sliderBackground  {
			height: 40vh;
		}
		#carouselExampleIndicators #sliderBackground .lead {
			font-size: 16px;
			font-weight: 300;
		}
		.headingMob{
			font-size:29px;

		}
		.navMob img {
			height: 35px !important;
		}
		.logoImage img{
			width:80%!important;
		}
		.features-intro .fetureIntroHeight img{
			height:auto!important;
		}
		.navbar-brand {
			display: inline-block;
			padding-top: 0.313rem;
			padding-bottom: 0rem;
			margin-right: 1rem;
			line-height: inherit;
			white-space: nowrap;
		}
		.navbar-brand {
			padding: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
			font-size: 18px;
			line-height: 20px; 
		}
		.carousel-caption p{
			font-size:12px;
		}
		.carousel-caption {
			right: 15%;
			bottom: 20px;
			z-index: 0;
			padding-top: 0px;
			padding-bottom: 20px;
			color:#fff;
			font-weight:bolder;
			text-align: center;
			width: 80%;
			text-shadow: 0 1px 2px rgba(0,0,0,.6);
		}
		#mobileFooterMargin{
			margin-top:8em;
		}
	/*.contactPadding{
		padding-top: 16rem!important;
		}*/
		#newsletterSubscribe{
			margin-top: -18em;
		}
		#section-contact .contact1{
			font-size: 28px;
		}
		.aboutClip{
			clip-path: polygon(0 0, 100% 0, 100% 70%, 51% 100%, 0 68%)!important;
			height: 250px;
		}
		#content1{
			clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0)!important;
		}
	} 

	.navbar .logoImage img{
		padding-right: 0px;
		font-size: 28px;
		padding: 8px 0;
	}

	.view {
		width: 300px;
		height: 200px;
		margin: 10px;
		float: left;
		border: 10px solid #fff;
		overflow: hidden;
		position: relative;
		text-align: center;
		box-shadow: 1px 1px 2px #e6e6e6;
		cursor: default;
	}
	.view .mask, .view .content {
		width: 300px;
		height: 200px;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0
	}
	.view img {
		display: block;
		position: relative
	}
	.view h2 {
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		position: relative;
		font-size: 17px;
		padding: 10px;
		background: rgba(0, 0, 0, 0.8);
		margin: 20px 0 0 0
	}
	.view p {
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 12px;
		position: relative;
		color: #fff;
		padding: 10px 20px 20px;
		text-align: center
	}
	.view a.info {
		display: inline-block;
		text-decoration: none;
		padding: 7px 14px;
		background: #000;
		color: #fff;
		text-transform: uppercase;
		box-shadow: 0 0 1px #000
	}
	.view a.info:hover {
		box-shadow: 0 0 5px #000
	}
	.view-first img { 
		transition: all 0.2s linear;
	}
	.view-first .mask {
		opacity: 0;
		background-color:rgba(2, 142, 227, 0.59);
		transition: all 0.4s ease-in-out;
	}
	.view-first h2 {
		transform: translateY(-100px);
		opacity: 0;
		transition: all 0.2s ease-in-out;
	}
	.view-first p { 
		transform: translateY(100px);
		opacity: 0;
		transition: all 0.2s linear;
	}
	.view-first a.info{
		opacity: 0;
		transition: all 0.2s ease-in-out;
	}
	.view-first:hover img { 
		transform: scale(1.1);
	} 
	.view-first:hover .mask { 
		opacity: 1;
	}
	.view-first:hover h2,
	.view-first:hover p,
	.view-first:hover a.info {
		opacity: 1;
		transform: translateY(0px);
	}
	.view-first:hover p {
		transition-delay: 0.1s;
	}
	.view-first:hover a.info {
		transition-delay: 0.2s;
	}

	.swiper-container {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.swiper-slide {
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}

	.animate_btn_white {
		display: inline-block;
		padding: .75rem 1.25rem;
		border-radius: 10rem;
		color: #fff;
		text-transform: uppercase;
		font-size: 1rem;
		letter-spacing: .15rem;
		transition: all .3s;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	.animate_btn_white:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:1px solid #fff;

		border-radius: 10rem;
		z-index: -2;
	}
	.animate_btn_white:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		border:1px solid #fff;
		background-color: transparent;

		transition: all .3s;
		border-radius: 10rem;
		z-index: -1;
	}
	.animate_btn_white:hover {
		color: red;
		background-color: #fff ;
	}
	.animate_btn_white:hover:before {
		width: 100%;
	}

	.animate_btn {
		display: inline-block;
		padding: .75rem 1.25rem;
		border-radius: 10rem;
		color: #fff;
		text-transform: uppercase;
		font-size: 1rem;
		letter-spacing: .15rem;
		transition: all .3s;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	.animate_btn:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #0cf;
		border-radius: 10rem;
		z-index: -2;
	}
	.animate_btn:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color: #008fb3;
		transition: all .3s;
		border-radius: 10rem;
		z-index: -1;
	}
	.animate_btn:hover {
		color: #fff;
	}
	.animate_btn:hover:before {
		width: 100%;
	}

	.buttons {
		margin-top: 50px;
		text-align: center;
		border-radius: 30px;
	}

	.blob-btn {
		z-index: 1;
		position: relative;
		padding: 15px 20px;
		margin-bottom: 30px;
		text-align: center;
		text-transform: uppercase;
		color:#17A2B8;
		font-size: 14px;
		font-weight: bold;
		background-color: transparent;
		outline: none;
		border: none;
		transition: color 0.5s;
		cursor: pointer;
		border-radius: 30px;
	}
	.blob-btn:before {
		content: "";
		z-index: 1;
		position: absolute;
		left: 3px;
		top: 3px;
		width: 100%;
		height: 80%;
		border: 2px solid #17A2B8;
		border-radius: 30px;
	}
	.blob-btn:after {
		content: "";
		z-index: -2;
		position: absolute;
		left: 3px;
		top: 3px;
		width: 100%;
		height: 80%;
		transition: all 0.3s 0.2s;
		border-radius: 30px;
	}
	.blob-btn:hover {
		color: #FFFFFF;
		border-radius: 30px;
	}
	.blob-btn:hover:after {
		transition: all 0.3s;
		left: 0;
		top: 0;
		border-radius: 30px;
	}
	.blob-btn__inner {
		z-index: -1;
		overflow: hidden;
		position: absolute;
		left: 3px;
		top: 3px;
		width: 100%;
		height: 80%;
		border-radius: 30px;
		background: #ffffff;
	}
	.blob-btn__blobs {
		position: relative;
		display: block;
		height: 100%;
		-webkit-filter: url("../svg_button.svg#goo");
		filter: url("../svg_button.svg#goo");
	}
	.blob-btn__blob {
		position: absolute;
		top: 2px;
		width: 25%;
		height: 100%;
		background: #17A2B8;
		border-radius: 100%;
		-webkit-transform: translate3d(0, 150%, 0) scale(1.7);
		transform: translate3d(0, 150%, 0) scale(1.7);
		transition: -webkit-transform 0.45s;
		transition: transform 0.45s;
		transition: transform 0.45s, -webkit-transform 0.45s;
	}
	@supports ((-webkit-filter: url("../svg_button.svg#goo")) or (filter: url("../svg_button.svg#goo"))) {
		.blob-btn__blob {
			-webkit-transform: translate3d(0, 150%, 0) scale(1.4);
			transform: translate3d(0, 150%, 0) scale(1.4);
		}
	}
	.blob-btn__blob:nth-child(1) {
		left: 0%;
		transition-delay: 0s;
	}
	.blob-btn__blob:nth-child(2) {
		left: 30%;
		transition-delay: 0.08s;
	}
	.blob-btn__blob:nth-child(3) {
		left: 60%;
		transition-delay: 0.16s;
	}
	.blob-btn__blob:nth-child(4) {
		left: 90%;
		transition-delay: 0.24s;
	}
	.blob-btn:hover .blob-btn__blob {
		-webkit-transform: translateZ(0) scale(1.7);
		transform: translateZ(0) scale(1.7);
	}
	@supports ((-webkit-filter: url("../svg_button.svg#goo")) or (filter: url("../svg_button.svg#goo"))) {
		.blob-btn:hover .blob-btn__blob {
			-webkit-transform: translateZ(0) scale(1.4);
			transform: translateZ(0) scale(1.4);
		}
	}

	.ovelay {
		position: fixed;
		display:block;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: white;
		z-index: 9999999;
		opacity:1;
	}

	.ovelay-center >img {
		animation: bounce 0.25s infinite alternate;
	}
	.ovelay-center {
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);
		background-color: transparent;
		opacity: 1;
		font-size:22px;
		color: black;
		padding:5px;

		text-align:center;
	}

	@keyframes bounce {
		from {
			transform: translateY(0px);
		}
		to {
			transform: translateY(-15px);
		}
	}
	@-webkit-keyframes bounce {
		from {
			transform: translateY(0px);
		}
		to {
			transform: translateY(-15px);
		}
	} 

	.gradientLoader{
		background: rgb(171, 186, 171) ;
		background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
		background: -webkitlinear-linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
		background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
	}

	.carousel-caption > div h2:first-child {
		animation-delay: 1s;
	}

	.carousel-caption > div  p:nth-child(2) {
		animation-delay: 2s;
	}

	.carousel-caption > div button {
		animation-delay: 3s;
	}
	.carousel-caption{
		position: absolute;
		top: 50%;
		left: 50%;
		color:#fff;
		font-weight:bolder;
		transform: translate(-50%,-50%);
		background:linear-gradient( rgb(219, 43, 21), rgb(58, 136, 183));
		opacity:0.8;
	}

	div#lazy-container {
		white-space: nowrap;
	}

	.circular-menu {
		position: fixed;
		bottom: 1em;
		right: 1em;
		z-index:20;
		font-size:10px;
	}

	.circular-menu .floating-btn {
		display: block;
		font-size:10px;
		width: 3.5em;
		height: 3.5em;
		border-radius: 50%;
		background-color: hsl(4, 98%, 60%);
		box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);  
		color: hsl(0, 0%, 100%);
		text-align: center;
		line-height: 3.9;
		cursor: pointer;
		outline: 0;
	}

	.circular-menu.active .floating-btn {
		box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
	}

	.circular-menu .floating-btn:active {
		box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
	}

	.circular-menu .floating-btn i {
		font-size: 1.3em;
		transition: transform .2s;  
	}

	.circular-menu.active .floating-btn i {
		transform: rotate(-45deg);
	}

	.circular-menu:after {
		display: block;
		content: ' ';
		width: 3.5em;
		height: 3.5em;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -2;
		background-color: hsl(4, 98%, 60%);
		transition: all .3s ease;
	}

	.circular-menu.active:after {
		transform: scale3d(5.5, 5.5, 1);
		transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
	}

	.circular-menu .items-wrapper {
		padding: 0;
		margin: 0;
	}

	.circular-menu .menu-item {
		position: absolute;
		top: .2em;
		right: .2em;
		z-index: -1;
		display: block;
		text-decoration: none;
		color: hsl(0, 0%, 100%);
		font-size: 1em;
		width: 3em;
		height: 3em;
		border-radius: 50%;
		text-align: center;
		line-height: 3;
		background-color: hsla(0,0%,0%,.1);
		transition: transform .3s ease, background .2s ease;
	}

	.circular-menu .menu-item:hover {
		background-color: hsla(0,0%,0%,.3);
	}

	.circular-menu.active .menu-item {
		transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	.circular-menu.active .menu-item:nth-child(1) {
		transform: translate3d(1em,-7em,0);
	}

	.circular-menu.active .menu-item:nth-child(2) {
		transform: translate3d(-3.5em,-6.3em,0);
	}

	.circular-menu.active .menu-item:nth-child(3) {
		transform: translate3d(-6.5em,-3.2em,0);
	}

	.circular-menu.active .menu-item:nth-child(4) {
		transform: translate3d(-7em,1em,0);
	}

/**
	* The other theme for this menu
	*/

	.circular-menu.circular-menu-left {
		right: auto; 
		left: 1em;
	}

	.circular-menu.circular-menu-left .floating-btn {
		background-color: hsl(217, 89%, 61%);
	}

	.circular-menu.circular-menu-left:after {
		background-color: hsl(217, 89%, 61%);
	}

	.circular-menu.circular-menu-left.active .floating-btn i {
		transform: rotate(90deg);
	}

	.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
		transform: translate3d(-1em,-7em,0);
	}

	.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
		transform: translate3d(3.5em,-6.3em,0);
	}

	.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
		transform: translate3d(6.5em,-3.2em,0);
	}

	.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
		transform: translate3d(7em,1em,0);
	}

	#newsletterSubscribe {
		margin-top: -11em;
		padding:150px 0px;
		background: #de2d1d  !important;

		-webkit-clip-path: polygon(0 34%, 100% 52%, 100% 100%, 0 84%);

		/*Firefox*/
		clip-path:  polygon(0 34%, 100% 52%, 100% 100%, 0 84%);;
	}
	.aboutClip{
		clip-path: polygon(0px 0%, 75% 0px, 100% 100%, 25% 100%);
		background-size: cover;
		background: linear-gradient( rgb(220, 42, 28), rgba(63, 97, 132, 0.5)),
		url('../img/fimage.jpeg') no-repeat center center;
		/*clip-path: polygon(81% 0, 100% 50%, 81% 100%, 0% 100%, 0 51%, 0% 0%);*/
	}

	* {
		box-sizing: border-box;
	}

	.inp {
		position: relative;
		margin: auto;
		width: 100%;
		max-width: 280px;
	}
	.inp .label {
		position: absolute;
		top: 16px;
		left: 0;
		font-size: 16px;
		color: #9098a9;
		font-weight: 500;
		transform-origin: 0 0;
		transition: all 0.2s ease;
	}
	.inp .border {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 2px;
		width: 100%;
		background: #07f;
		transform: scaleX(0);
		transform-origin: 0 0;
		transition: all 0.15s ease;
	}
	.inp input {
		-webkit-appearance: none;
		width: 100%;
		border: 0;
		font-family: inherit;
		padding: 12px 0;
		height: 48px;
		font-size: 16px;
		font-weight: 500;
		border-bottom: 2px solid #c8ccd4;
		background: none;
		border-radius: 0;
		color: #223254;
		transition: all 0.15s ease;
	}
	.inp input:hover {
		background: rgba(34,50,84,0.03);
	}
	.inp input:not(:placeholder-shown) + span {
		color: #5a667f;
		transform: translateY(-26px) scale(0.75);
	}
	.inp input:focus {
		background: none;
		outline: none;
	}
	.inp input:focus + span {
		color: #07f;
		transform: translateY(-26px) scale(0.75);
	}
	.inp input:focus + span + .border {
		transform: scaleX(1);
	}

	.txt-yellow {
		color:#ffcb05!important;
	}

	.project {
		position: relative;
		overflow: hidden; 
	}
	.project .project-image {
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translateX(-50%);
		height: 100%; 
	}
	.project .content-overlay-wrapper:hover {
		background-color: rgb(253, 66, 53);
		transition: background-color 0.5s ease-in; 
	}
	.project .content-overlay-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 194px;
		height: 100%;
		background-color: rgba(58, 136, 183, 0.93);
		padding: 0 15px;
		z-index: 1; 
	}

	@media (min-width: 568px) and (max-width: 768px) {
		.project .content-overlay-wrapper {
			width: 45%; 
		} 
	}
	.project .content-overlay {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 100%; }

		@media (min-width: 568px) and (max-width: 768px) {
			.project .side-feature-wrapper {
				max-width: none; 
			} 
		}

		.project.small-project {
			height: 300px; 
		}
		.project.large-project {
			height: 300px; 
		}
		.project.large-project .project-image {
			position: absolute;
			top: 50%;
			left: 0%;
			transform: translateY(-50%);
			height: auto;
			width: 100%; 
		}
		.project.large-project .content-overlay-wrapper {
			width: 250px; 
		}
		.margin-bottom-3 {
			margin-bottom: 3rem !important;
		}
		.project > .content-overlay-wrapper > .content-overlay > p{
			line-height:19px;
		}
		.project > .content-overlay-wrapper > .content-overlay > h3{
			margin: 0em 0;
		}

		.contact-address:hover .fa{
			color: red;
			transition: 0.9s;
			transform: rotateY(180deg);
		}

		#clients {
			padding: 60px 0;
		}

		#clients img {
			max-width: 100%;
			opacity: 1;
			transition: 0.3s;
			padding: 15px 0;
			max-height:200px;
		}

		#clients img:hover {
			opacity: 1;
		}

		#clients .owl-nav, #clients .owl-dots {
			margin-top: 5px;
			text-align: center;
		}

		#clients .owl-dot {
			display: inline-block;
			margin: 0 5px;
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background-color: #ddd;
		}

		#clients .owl-dot.active {
			background-color: #3a88b7;
		}
		#backgroundHlf {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 40vh;
			background-repeat:no-repeat;
			background-size: cover;
			background-attachment:fixed;
			background-color: pink; 
		}
		#backgroundHlf2 {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 40vh;
			background-repeat:no-repeat;
			background-size: cover;
			background-attachment:fixed;
			background-color: pink; 
		}

		.layer {
			background-color: rgba(0, 0,0, 0.5);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.language-selector {
			margin-top: -7px;
		}
		.language-selector > .dropdown-toggle {
			display: inline-block;
			padding: 7px 12px;
			-webkit-border-radius: 3px;
			-webkit-background-clip: padding-box;
			-moz-border-radius: 3px;
			-moz-background-clip: padding;
			border-radius: 3px;
			background-clip: padding-box;
		}
		.language-selector > .dropdown-toggle img {
			display: inline-block;
			line-height: 1;
		}
		.language-selector.open > .dropdown-toggle {
			background: #f5f5f6;
		}
		.language-selector .dropdown-menu {
			background: #f5f5f6;
			border: none;
			margin: 0;
			padding: 0;
			width: 200px;
			overflow: hidden;
			-webkit-border-radius: 0 3px 3px 3px;
			-webkit-background-clip: padding-box;
			-moz-border-radius: 0 3px 3px 3px;
			-moz-background-clip: padding;
			border-radius: 0 3px 3px 3px;
			background-clip: padding-box;
		}
		.language-selector .dropdown-menu.pull-right {
			-webkit-border-radius: 3px 0 3px 3px;
			-webkit-background-clip: padding-box;
			-moz-border-radius: 3px 0 3px 3px;
			-moz-background-clip: padding;
			border-radius: 3px 0 3px 3px;
			background-clip: padding-box;
			margin-right: 5px;
		}
		.language-selector .dropdown-menu > li {
			border-bottom: 1px solid #ebebeb;
		}
		.language-selector .dropdown-menu > li a {
			margin: 0;
			display: block;
			-webkit-border-radius: 0;
			-webkit-background-clip: padding-box;
			-moz-border-radius: 0;
			-moz-background-clip: padding;
			border-radius: 0;
			background-clip: padding-box;
			padding: 10px 20px;
			color: #8d929a;
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
		}
		.language-selector .dropdown-menu > li a img {
			margin-right: 5px;
		}
		.language-selector .dropdown-menu > li a:hover {
			background: rgba(235, 235, 235, 0.4);
		}
		.language-selector .dropdown-menu > li:last-child {
			border-bottom: 0;
		}
		.language-selector .dropdown-menu > li.active a {
			background: rgba(235, 235, 235, 0.9);
			color: #737881;
		}
		.language-selector.open > .dropdown-toggle {
			-webkit-border-radius: 3px 3px 0 0;
			-webkit-background-clip: padding-box;
			-moz-border-radius: 3px 3px 0 0;
			-moz-background-clip: padding;
			border-radius: 3px 3px 0 0;
			background-clip: padding-box;
		}

		.card-flip > div {
			-webkit-backface-visibility: hidden; 
			-moz-backface-visibility: hidden; 
			-o-backface-visibility: hidden; 
			-ms-backface-visibility: hidden; 
			backface-visibility: hidden; 
			-ms-transition:  -ms-transform 300ms;
			-o-transition:  -o-transform 300ms;
			-webkit-transition: -webkit-transform 300ms;
			-moz-transition: -moz-transform 300ms;
			transition: transform 300ms; 
			transition-timing-function: linear;
			width: 100%;
			height: 100%;
			margin: 0;
			display: flex;
		}

		.card-front { 
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}

		.card-back {
			position: absolute;
			top: 0;
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

		.card-flip:hover .card-front { 
			-webkit-transform: rotateY(-180deg);
			-moz-transform: rotateY(-180deg);
			-o-transform: rotateY(-180deg);
			-ms-transform: rotateY(-180deg);
			transform: rotateY(-180deg);
		}

		.card-flip:hover .card-back {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}
		.cardFlipFront{
			position: relative;
			display: flex;
			flex-direction: column;
			min-width: 0;
			word-wrap: break-word;
			background-clip: border-box; 
			rgba(0,0,0,.125);
			border-radius: .25rem;
		}


		#backgroundHlf {
			-webkit-box-shadow:   inset -7px -8px 9px -6px #030303 !important;
			-moz-box-shadow:   inset -7px -8px 9px -6px #030303!important;
			box-shadow:   inset -7px -8px 9px -6px #030303!important;
		}

		@media  (max-width: 768px) {
			#backgroundHlf > div.transbox { 
				position: absolute;
				top: 50%;
				left: 50%; 
				background-color: ##C03D39;
				opacity: 1;
				font-size: 14px;
				width: 100%;
				padding: 10px;
				color: #32325c; 
			}
		}
		
		.transbox h1::after, .section-header h3::after {
			content: '';
			width: 0px;
			height: 3px;
			display: block; 
			transition: 300ms;
			box-shadow: #000 1px 1px 2px;
		}
		
		.layer {
			background-color: rgba(0,0,0,.7);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, rgba(255,255,255,0.99) 0%,  rgba(255,255,255,0.96) 15%, rgba(255,255,255,0.91) 50%, rgba(255,255,255,0) 100%) !important; 
			background: linear-gradient(90deg, rgba(255,255,255,0) 0%,  rgba(255,255,255,0.91) 60%, rgba(255,255,255,0.935) 75%, rgba(255,255,255,0.96) 100%) !important; 
		}		

		div#navbarSupportedContent li.nav-item:not(.dropdown-item) {
			border-right: 1px solid #e4e4e4;
		}
		div#navbarSupportedContent .dropdown-item:not(:last-child){
			border-bottom: 1px solid #e4e4e4;
		}	 

		li.nav-item:last-child {
			border-right: 0px solid #e4e4e4 !important;
		}


		div#navbarSupportedContent a:not(.dropdown-item) {
			transition: 0.3s ease;
			border-top: 2px solid transparent;
			border-bottom: 2px solid transparent; 
		}

		div#navbarSupportedContent a:hover:not(.dropdown-item) {
			border-top1: 2px solid #32325c;
			border-bottom: 2px solid #32325c;
		}	

		div#navbarSupportedContent a.dropdown-item:hover{
			border-top1: 2px solid #32325c;
			border-bottom: 2px solid #32325c;
			padding: .25rem 1.5rem;
		}	

		#scrolTopBtn{
			display: none;
			position: fixed;
			width: 40px;
			height: 40px;
			bottom: 8px;
			right: 10px;
			z-index: 99;
			font-size: 18px;
			border: none;
			outline: none;
			background-color: #32325C;
			color: white;
			cursor: pointer; 
			border-radius: 50%;	
		}

		#scrolTopBtn:hover {
			background-color: #555;
		}

		.dropdown-menu{
			left: -30px !important;
		}
		.arrow-up {
			position:absolute;
			top:0%;
			left:50%;
			transform: translate(-100%,-100%);
			width: 0; 
			height: 0; 
			border-left: 5px solid transparent;
			border-right: 5px solid transparent; 
			border-bottom: 5px solid #32325C;
		}