@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body {
	padding: 0;
	margin: 0;
	background: #FFF;
	font-family: 'Montserrat', sans-serif;
}

body a,
body button {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}

body a:hover,
body button:hover {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

html {
	scroll-behavior: smooth;
}

body a:focus,
a:hover {
	text-decoration: none;
}

input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

input[type="button"]:hover,
input[type="submit"]:hover {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
}

p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 25px;
	color: #000;
	font-family: 'Montserrat', sans-serif;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}

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

/* //Reset Code */
/* colors code */
.text-bl {
	color: #343a40;
}

.text-wh {
	color: #fff;
}

.text-li {
	color: #f8f9fa;
}

.bg-li {
	background: #f8f9fa;
}

/* //colors code */

/* bottom-to-top */
a.move-top {
	width: 34px;
	height: 34px;
	background: url(../images/move-top.html) no-repeat 0px 0px;
	display: inline-block;
}

/* //bottom-to-top */

/* header */
.main-top {
	position: relative;
}

header {
	position: absolute;
	width: 100%;
	z-index: 9;
	background: rgba(255, 255, 255, 0.6);
}

/* navigation */
/* CSS Document */
.toggle-2,
.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav {
	margin: 0;
	padding: 0;
}


#logo a {
	float: left;
	display: initial;
	font-weight: 700;
	font-size: 36px;
	color: #fff;
	text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
	font-family: 'Montserrat', sans-serif;
	padding: 0;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content: "";
	display: table;
	clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display: inline-block;
	float: left;
}

/* Styling the links */
nav a {
	text-transform: uppercase;
	display: inline-block;
	color: #000;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: 500;
	background: transparent;
	padding: 7px 15px;
	border-radius: 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}


nav ul li ul li:hover {
	color: #000;
	background: #3a89ff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

/* Background color change on Hover */

.menu li a.active,
.menu li a:hover {
	color: #fff;
	background: transparent;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-transform: uppercase;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute;
	top: 36px;
	background: #3a89ff;
	padding: 10px;
	border-radius: 4px;
	z-index: 9;
	/* has to be the same number as the "line-height" of "nav a" */
}

/* Display Dropdowns on Hover */
nav ul li:hover>ul {
	display: inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
	width: 360px;
	float: none;
	display: list-item;
	position: relative;
	margin-bottom: 10px;
	border-radius: 4px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

nav ul ul li:nth-child(4) {
	margin-bottom: 5px;
}

nav ul ul li a {
	color: #fff;
	padding: 5px 10px;
	display: block;
	font-size: 14px;
	background: transparent;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top: -60px;
	/* has to be the same number as the "width" of "nav ul ul li" */
	left: 170px;
}


/* Change ' +' in order to change the Dropdown symbol */
li>a:only-child:after {
	content: '';
}

a.reqe-button {
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-radius: 4px;
}

/* Media Queries
--------------------------------------------- */
@media(max-width: 1080px) {
	nav a {
		font-size: 14px;
		padding: 7px 15px;
	}
}

@media(max-width: 800px) {
	nav a {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	nav a {
		padding: 6px 9px;
	}
}

@media all and (max-width : 736px) {

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle+a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		padding: 8px 14px;
		font-size: 15px;
		text-decoration: none;
		border: none;
		float: right;
		background-color: #fff;
		color: #000;
		border-radius: 4px;
		letter-spacing: 1px;
		cursor: pointer;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		-ms-transition: 0.5s all;
	}

	.menu .toggle {
		float: none;
		text-align: center;
		margin: auto;
		max-width: 105px;
		padding: 5px;
		font-weight: normal;
		font-size: 15px;
		letter-spacing: 0px;
	}

	.toggle:hover {
		color: #7d4df9;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		-ms-transition: 0.5s all;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked+ul {
		display: block;
		background: #fff;
		padding: 15px 0;
		text-align: center;
		width: 100%;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		padding: 5px 0;
	}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
	nav ul ul ul a {
		background-color: transparent;
	}

	nav ul li ul li .toggle,
	nav ul ul a,
	nav ul ul ul a {
		padding: 14px 20px;
		color: #FFF;
		font-size: 17px;
	}

	/* 
    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    } */

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position: static;
		color: #fff;
		/* has to be the same number as the "line-height" of "nav a" */
	}

	/* Hide menus on hover */
	nav ul ul li:hover>ul,
	nav ul li:hover>ul {
		display: none;
	}

	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		padding: 0;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */

	}

	nav a {
		color: #000;
		font-size: 15px;
		padding: 0;
	}

	nav ul ul li a {
		color: #000;
	}

	nav ul ul li a {
		font-size: 15px;
	}

	.menu li a.active,
	.menu li a:hover {
		color: #1253b2;
		background: transparent;
	}
}

@media all and (max-width : 375px) {

	nav a,
	.menu .toggle {
		font-size: 14px;
	}

	.toggle {
		padding: 7px 10px;
		font-size: 14px;
	}
}

/*-- dropdown --*/
#demo {
	margin: 10px 0 0px 0;
	font-family: 'Montserrat', sans-serif;
}

#demo .wrapper {
	display: inline-block;
	position: relative;
}

#demo .parent {
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	line-height: 30px;
	height: 30px;
	color: #fff;
	z-index: 2;
	position: relative;
	-webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
	-webkit-transition-delay: .8s;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 1px;
	padding-left: 0;
	padding-right: 0;
}

#demo .parent:hover,
#demo .content:hover~.parent {
	-webkit-transition-delay: 0s, 0s, 0s;
}

#demo .content:hover~.parent {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 0;
}

#demo .content {
	position: absolute;
	top: 0;
	display: block;
	z-index: 1;
	height: 0;
	width: 150px;
	padding-top: 30px;
	-webkit-transition: height .5s ease;
	-webkit-transition-delay: .4s;
}

#demo .wrapper:active .content {
	height: 150px;
	z-index: 3;
	-webkit-transition-delay: 0s;
}

#demo .content:hover {
	height: 150px;
	z-index: 3;
	-webkit-transition-delay: 0s;
}


#demo .content ul {
	background: #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#demo .content ul a {
	text-decoration: none;
	padding: 0;
}

#demo .content li:hover {
	background: #f8f9fa;
}

#demo .content li {
	list-style: none;
	text-align: left;
	color: #999;
	font-size: 16px;
	line-height: 30px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	border-top: 1px solid #eee;
}

#demo .content li:last-of-type {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* //dropdown */
/* //navigation */
/* //header */

/* banner */
.main-w3pvt {
	background: url(../images/b3.jpg) no-repeat bottom;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 800px;
}

.banner-img img {
	border-radius: 69% 31% 24% 76% / 53% 59% 41% 47%;
}

.banner-tops-style {
	padding-top: 9em;
}

.style-banner {
	padding-top: 3em;
}

.style-banner h3 {
	font-size: 48px;
	line-height: 1.3;
	position: relative;
}

.style-banner h3:after,
h4.middle-title-w3:after {
	content: "";
	background: #fff;
	width: 100px;
	height: 2px;
	position: absolute;
	bottom: -25px;
	left: 0;
}

.style-banner h3 span {
	color: #fff;
}

.button-style {
	padding: 12px 25px;
	border: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #3a89ff;
	background: #3a89ff;
}

.button-style:hover {
	opacity: .9;
	color: #fff;
}

.main-w3pvt {
	position: relative;
}

/* ball animation effect */
.icon-effects-w3 {
	position: absolute;
	top: 6%;
}

@keyframes slide {
	0% {
		left: 0;
		top: 0;
	}

	50% {
		left: 400px;
		top: 60px;
	}

	100% {
		left: 800px;
		top: 0;
	}
}

@media(max-width: 900px) {
	@keyframes slide {
		0% {
			left: 0;
			top: 0;
		}

		50% {
			left: 200px;
			top: 60px;
		}

		100% {
			left: 500px;
			top: 0;
		}
	}
}

@media(max-width: 480px) {
	@keyframes slide {
		0% {
			left: 0;
			top: 0;
		}

		50% {
			left: 100px;
			top: 40px;
		}

		100% {
			left: 300px;
			top: 0;
		}
	}
}

@media(max-width: 320px) {
	@keyframes slide {
		0% {
			left: 0;
			top: 0;
		}

		50% {
			left: 100px;
			top: 40px;
		}

		100% {
			left: 250px;
			top: 0;
		}
	}
}

.stage {
	height: 150px;
	position: relative;
	min-width: 100%;
}

.stage .ball {
	animation-name: slide;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: .5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.ball {
	background: #fff;
	border-radius: 50%;
	height: 20px;
	position: absolute;
	width: 20px;
}

/* //ball animation effect */

/* image animation effect */
.icon-effects-w3-2 {
	position: absolute;
	bottom: 38%;
	left: 3%;
}

.icon-effects-w3-2 img {
	-webkit-animation: fa-spin 5s infinite linear;
	-moz-animation: fa-spin 5s infinite linear;
	-ms-animation: fa-spin 5s infinite linear;
	-o-animation: fa-spin 5s infinite linear;
	animation: fa-spin 5s infinite linear;
}

/* //image animation effect */
/* //banner text */

/* what we do */
h3.title-w3 {
	font-size: 40px;
}

.bottom-gd h3 {
	font-size: 24px;
	letter-spacing: 1px;
}

.bottom-gd p {
	font-size: 15px;
}

.fetured-sec img {
	box-shadow: 14px 14px 50px -20px rgba(0, 0, 0, 0.75);
}

/* //what we do */

/* events */
.box16 {
	text-align: center;
	color: #fff;
	position: relative
}

.box16 .box-content,
.box16:after {
	width: 100%;
	position: absolute;
	left: 0
}

.box16:after {
	content: "";
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .08) 69%, rgba(0, 0, 0, .76) 100%);
	top: 0;
	transition: all .5s ease 0s
}

.box16 img {
	width: 100%;
	height: auto
}

.box16 .box-content {
	padding: 20px;
	margin-bottom: 20px;
	bottom: 0;
	z-index: 1
}

.box16 .title {
	font-size: 22px;
	font-weight: 700;
}

.box16 .post {
	display: block;
	padding: 8px 0;
	font-size: 15px
}

.box16 .social li a,
.box17 .icon li a {
	border-radius: 50%;
	font-size: 20px;
	color: #fff
}

.box16:hover .post,
.box16:hover .title {
	transform: translateY(0)
}

h3.title a {
	color: #fff;
}

h3.title a:hover {
	color: #feca57;
}

/* //events */

/* services */
.abt-block h3 {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
}

/* //services */

/* testimonials */
.clients {
	background: url(../images/testi.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	position: relative;
}

.feedback-top p {
	max-width: 700px;
	margin: 0 auto;
	line-height: 1.8;
	color: #e4e4e4;
}

.carousel-indicators li {
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 5px;
}

.carousel-indicators .active {
	background-color: #ff6b6b;
}

.carousel-indicators {
	bottom: 0;
}

.img-pois-w3ls-2 {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* //testimonials */

/* footer */
footer {
	background: url(../images/footer3.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
}

.w3l-footer h2 a {
	font-size: 40px;
	color: #fff;
	letter-spacing: 1px;
}

.w3l-footer h3 {
	font-size: 26px;
}

.usefull-links li {
	padding-bottom: 10px;
}

.w3l-footer p,
.w3l-footer p a,
.w3l-footer ul li a {
	font-size: 14px;
	color: #FFF;
	letter-spacing: 0px;
}

.w3l-footer ul li i {
	color: #3a89ff;
	line-height: 2;
}

/* copyright */
p.copy-right-grids {
	font-size: 14px;
	color: #fff;
	letter-spacing: 2px;
}

p.copy-right-grids a {
	color: #3a89ff;
}

p.copy-right-grids a:hover {
	color: #fff;
}

/* //copyright */
/* subscribe */
.n-right-w3ls input[type="email"] {
	padding: 14px;
	border: none;
	letter-spacing: 1px;
	font-size: 15px;
	background: #fff;
	color: #000;
	border-radius: 0px;
}

.n-right-w3ls button {
	background: #3a89ff;
	border: none;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	cursor: pointer;
	padding: 13px;
	width: 36%;
}

.n-right-w3ls button:hover {
	opacity: .9;
}

/* //subscribe */
/* social links */
.socila-bottom ul li {
	display: inline-block;
}

.socila-bottom ul li a {
	color: #fff;
	font-size: 18px;
	letter-spacing: 0px;
	font-family: 'Montserrat', sans-serif;
	padding-right: 10px;
}

.socila-bottom ul li a:hover {
	color: #feca57;
}

/* //social links */
/* //footer */

/* inner pages */
.banner-w3ls-2 {
	background-position: center;
	min-height: 300px;
}

/* page details */
.breadcrumb li a {
	color: #3a89ff;
	background: transparent;
	padding: 8px 18px;
	display: inline-block;
	border-radius: 25px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 600;
}

.breadcrumb-item.active {
	padding-top: .5em;
	font-size: 15px;
	letter-spacing: 0px;
	font-weight: 600;
}

/* //page details */
/* about */
h4.about-left-agile {
	font-size: 21px;
	letter-spacing: 0px;
	line-height: 2em;
}

h4.about-left-agile span {
	color: #3a89ff;
}

/* //about */

/* team */
.bottom-banner-w3layouts {
	background: url(../images/b3.jpg) no-repeat bottom;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

.team-grid {
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	margin-bottom: 2em;
}

.team-img {
	position: relative;
}

.team-img:after {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 34%;
	content: " ";
	position: absolute;
	background: rgba(0, 0, 0, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-img img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.team-info {
	left: auto;
	bottom: 0;
	width: 100%;
	padding: 0 20px;
	position: absolute;
	opacity: 0;
	color: #fff;
	-webkit-transform: translate3d(0, 10%, 0);
	transform: translate3d(0, 10%, 0);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.team-info h4 {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 10px;
	color: #fff;
}

.team-info span {
	display: block;
	font-size: 0.9em;
	color: #fff;
	letter-spacing: 2px;
}

.team-grid:hover .team-img:after {
	background: #feca57;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-grid:hover .team-info {
	-webkit-transform: translate3d(0, -5%, 0);
	transform: translate3d(0, -5%, 0);
	-webkit-transform: translate3d(0, -10%, 0);
	transform: translate3d(0, -10%, 0);
}

.team-grid:hover .team-info {
	opacity: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

ul.social-icons li {
	list-style-type: none;
}

ul.social-icons li a i {
	color: #fff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	border: 1px solid #eee;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

.team-grid i.fab.fa-facebook-f:hover {
	background: #3b5998;
	border: 1px solid #3b5998;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.team-grid i.fab.fa-twitter:hover {
	background: #1da1f2;
	border: 1px solid #1da1f2;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.team-grid i.fab.fa-google-plus-g:hover {
	background: #dd4b39;
	border: 1px solid #dd4b39;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

/* //team */

/* gallery page */
/* popup */
.popup-effect {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 0ms;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
}

.popup-effect:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	background: #fff;
	border-radius: 4px;
	max-width: 430px;
	position: relative;
	margin: 8em auto;
	padding: 3em 2em;
	z-index: 999;
	text-align: center;
}

.popup .close {
	position: absolute;
	top: 5px;
	right: 15px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.popup .close:hover {
	color: #686de0;
}

/* //popup */
/* //gallery page */

/* contact */
.bunt-w3-link {
	padding: 11px 28px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 16px;
	background: #3a89ff;
	border: none;
}

form.register-wthree .form-control {
	background: #eee;
	font-size: 13px;
}

textarea {
	height: 200px;
	resize: none;
}

form.register-wthree .form-control {
	background: #f3f3f3;
	padding: 13px 10px;
	border: none;
	border-left: 3px solid #3a89ff;
	-webkit-box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
	-moz-box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
	box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
}

button.btn-aasana-w3 {
	background: #3a89ff;
	color: #ffffff;
	padding: 11px;
	letter-spacing: 1px;
	margin-top: .8em;
}

.w3l-map iframe {
	width: 100%;
	min-height: 400px;
	border: none;
	display: block;
}

/* //contact */

/* responsive */

@media(max-width: 1680px) {}

@media(max-width: 1600px) {}

@media(max-width: 1440px) {
	.w3l-footer h2 a {
		font-size: 36px;
	}

	.w3l-footer h3 {
		font-size: 24px;
	}
}

@media(max-width: 1366px) {
	.banner-w3ls-2 {
		min-height: 250px;
	}

	.w3l-map iframe {
		min-height: 350px;
	}
}

@media(max-width: 1280px) {}

@media(max-width: 1080px) {
	.style-banner {
		padding-top: 0;
	}

	.banner-img {
		margin-bottom: 4em;
	}

	.style-banner h3 {
		font-size: 42px;
	}

	.abt-block p {
		font-size: 14px;
	}

	.blog h5 a {
		font-size: 18px;
	}

	.n-right-w3ls input[type="email"] {
		font-size: 14px
	}

	.n-right-w3ls button {
		font-size: 15px;
	}

	.socila-bottom ul li a {
		font-size: 17px;
	}

	.banner-w3ls-2 {
		min-height: 200px;
	}

	.team-img:after {
		height: 42%;
	}

	.w3l-map iframe {
		min-height: 320px;
	}
}

@media(max-width: 1050px) {}

@media(max-width: 1024px) {
	form.register-wthree .form-control {
		font-size: .9em;
	}

	textarea {
		height: 170px;
	}
}

@media(max-width: 991px) {
	.banner-tops-style {
		padding-top: 10em;
	}

	h3.title-w3 {
		font-size: 38px;
	}

	.event-wthrees {
		padding: 0 .5em;
	}

	.box16 .title {
		font-size: 20px;
	}

	ul.social-icons li a i {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.team-info span {
		font-size: 0.8em;
	}

	.team-img:after {
		height: 53%;
	}
}

@media(max-width: 900px) {}

@media(max-width: 800px) {
	.style-banner h3 {
		font-size: 38px;
	}

	.banner-tops-style h4 {
		font-size: 20px;
	}

	.w3l-footer h2 a {
		font-size: 32px;
	}
}

@media(max-width: 768px) {}

@media(max-width: 736px) {
	.bottom-gd p {
		font-size: 14px;
	}

	.feedback-top p {
		font-size: 14px;
	}

	.team-img:after {
		height: 34%;
		width: 69%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}

	a.single-text.text-dark.font-weight-light {
		font-size: 20px;
	}
}

@media(max-width: 667px) {
	h3.title-w3 {
		font-size: 34px;
	}

	.w3l-footer p,
	.w3l-footer p a,
	.w3l-footer ul li a {
		font-size: 13px;
	}

	.banner-w3ls-2 {
		min-height: 180px;
	}
}

@media(max-width: 640px) {
	.banner-tops-style {
		padding-top: 8em;
	}
}

@media(max-width: 600px) {
	.bottom-gd h3 {
		font-size: 23px;
	}
}

@media(max-width: 568px) {
	.style-banner h3 {
		font-size: 32px;
	}

	p {
		font-size: 14px;
	}

	.blog {
		text-align: center;
	}

	p.copy-right-grids {
		letter-spacing: 1px;
	}

	.icon-effects-w3-2 {
		bottom: 47%;
	}

	.team-img:after {
		width: 67%;
	}

	.w3l-map iframe {
		min-height: 280px;
	}
}

@media(max-width: 480px) {
	.banner-img {
		margin-bottom: 3em;
	}

	.button-style {
		padding: 12px 20px;
		font-size: 13px;
	}

	#logo a {
		font-size: 34px;
	}

	.icon-effects-w3-2 {
		bottom: 43%;
	}

	.banner-w3ls-2 {
		min-height: 150px;
	}

	.team-img:after {
		width: 81%;
	}

	h5.card-title a {
		font-size: 22px;
	}

	h6.blog-first {
		font-size: 16px;
	}
}

@media(max-width: 440px) {
	.banner-img {
		margin-top: 2em;
	}

	.style-banner h3 {
		font-size: 30px;
	}

	h3.title-w3 {
		font-size: 30px;
	}

	.feedback-top p {
		font-size: 13px;
	}

	.team-img:after {
		width: 89%;
	}

	.popup {
		margin-left: 1em;
		margin-right: 1em;
	}
}

@media(max-width: 414px) {
	.socila-bottom ul li a {
		font-size: 16px;
	}

	p.copy-right-grids {
		font-size: 13px;
	}

	.team-img:after {
		width: 95%;
	}

	a.single-text.text-dark.font-weight-light {
		font-size: 18px;
	}
}

@media(max-width: 384px) {
	#logo a {
		font-size: 32px;
	}

	.bottom-gd h3 {
		font-size: 21px;
	}

	.icon-effects-w3-2 {
		bottom: 39%;
	}

	.banner-w3ls-2 {
		min-height: 130px;
	}

	.team-img:after {
		width: 100%;
	}

}

@media(max-width: 375px) {
	.style-banner h3 {
		font-size: 28px;
	}

	p {
		font-size: 13px;
	}

	.banner-tops-style h4 {
		font-size: 19px;
	}

	.socila-bottom li.mx-4 {
		margin: 0 .5em !important;
	}

	.breadcrumb li a {
		font-size: 12px;
	}

	.breadcrumb-item.active {
		font-size: 14px;
	}

	.category-story.tech-btm ul li a {
		font-size: 14px;
	}
}

@media(max-width: 320px) {
	.style-banner h3 {
		font-size: 25px;
	}

	.banner-tops-style h4 {
		font-size: 18px;
	}

	.main-w3pvt {
		min-height: 780px;
	}

	.banner-img {
		margin-bottom: 2em;
	}

	#logo a {
		font-size: 28px;
	}

	.banner-tops-style {
		padding-top: 6em;
	}

	.main-w3pvt {
		min-height: 740px;
	}

	.bottom-gd p {
		font-size: 13px;
	}

	h3.title-w3 {
		font-size: 28px;
	}

	.abt-block p {
		font-size: 13px;
	}

	.blog h5 a {
		font-size: 17px;
	}

	.socila-bottom ul li a {
		font-size: 15px;
	}

	.n-right-w3ls input[type="email"] {
		font-size: 13px;
	}

	.n-right-w3ls button {
		font-size: 14px;
		width: 40%;
	}

	.w3l-footer p,
	.w3l-footer p a,
	.w3l-footer ul li a {
		font-size: 12px;
	}

	.icon-effects-w3-2 {
		bottom: 36%;
	}

	.banner-w3ls-2 {
		min-height: 120px;
	}

	h4.about-left-agile {
		font-size: 20px;
	}

	.team-img:after {
		height: 42%;
	}

	.popup {
		padding: 2.5em 1.5em 2em;
	}

	textarea {
		height: 140px;
	}
}

/* //responsive */
.header.pb-3,
.header.py-3 {
	padding-bottom: 0rem !important;
}

.header.pt-3,
.header.py-3 {
	padding-top: 0rem !important;
}

#logo {
	padding: 7px 0px 7px;
}

.location {
	color: #fff;
}

.about-sty-2,
.about-sty {
	background: #3a89ff;
}

.about-sty {
	padding: 4.5em 2em;
	margin-top: 4.5em;
}

.about-sty span,
.about-sty-2 span {
	font-size: 3em;
}

#about {
	background: #f1f1f1;
}

.bottom-gd img {
	width: 60%;
}

.what .mt-sm-5,
.what .my-sm-5 {
	margin-top: 1rem !important;
}

.abt-block h3 span {
	display: block;
	font-size: 30px;
	font-weight: 700;
}

.top-header {
	background: #1253b2;
	color: #fff;
	padding: 5px;
}

.top-header p {
	color: #fff;
	font-weight: 400;
	font-size: 13px;
}

.top-header ul li {
	display: inline-block;
	color: #fff;
}

.top-header ul li a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	padding-right: 0px;
}

#about h3 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 1px;
}

.aboutleft.mr-tp {
	padding-top: 6%;
}

.about h3.title-w3,
.contact h3.title-w3 {
	font-size: 40px;
	padding-bottom: 20px;
}

.aboutleft {
	padding-top: 12px;
}

.faq {
	text-align: center;
}

/*******************************************faq**********************************************/
nav>.nav.nav-tabs {

	border: none;
	color: #fff;
	background: #272e38;
	border-radius: 0;

}

nav>div a.nav-item.nav-link {
	background: #000;
	border: none;
	padding: 18px 25px;
	color: #fff;
	border-radius: 0;
}

nav>div a.nav-item.nav-link.active {
	border: none;
	padding: 18px 25px;
	color: #fff;
	background: #3a89ff;
	border-radius: 0;
}

nav>div a.nav-item.nav-link.active:after {
	content: "";
	position: relative;
	bottom: -60px;
	left: -10%;
	border: 15px solid transparent;
	border-top-color: #3a89ff;
}

.faq .tab-content {
	background: #fdfdfd;
	line-height: 25px;
	border: 1px solid #ddd;
	border-top: 5px solid #3a89ff;
	border-bottom: 5px solid #3a89ff;
	padding: 30px 35px !important;
	width: 1100px;
	text-align: left;
}

nav>div a.nav-item.nav-link:hover,
nav>div a.nav-item.nav-link:focus {
	border: none;
	background: #3a89ff;
	color: #fff;
	border-radius: 0;
	transition: background 0.20s linear;
}

.tab-pane ul li {
	font-size: 15px;
}

#logo img {
	width: 75%;
}

/******************* Accordion Demo - 5 *****************/
#accordion5 .panel {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 15px 50px;
	text-align: left;
}

#accordion5 .panel-title a {
	display: block;
	padding: 10px 20px 10px 60px;
	background: #00a8de;
	border-radius: 30px;
	border: 2px solid #00a8de;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	position: relative;
}

#accordion5 .panel-title a.collapsed {
	border: 2px solid #1253b2;
	background: #fff;
	color: #1253b2;
}

#accordion5 .panel-title a:before,
#accordion5 .panel-title a.collapsed:before {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	background: #00a8de;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-right: 3px solid #fff;
	position: absolute;
	top: -10px;
	left: -30px;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

#accordion5 .panel-title a.collapsed:before {
	content: "\f067";
	background: #1253b2;
	border: none;
}

#accordion5 .panel-body {
	padding: 10px 15px 0;
	margin: 0 0 0 30px;
	border: none;
	font-size: 14px;
	color: #333;
	line-height: 28px;
	position: relative;
}

#accordion5 .panel-body:before {
	content: "";
	display: block;
	width: 5px;
	height: 90%;
	background: #00a8de;
	position: absolute;
	top: 0;
	left: -30px;
}

#accordion5 .panel-body:after {
	content: "";
	border-top: 20px solid #00a8de;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	bottom: 0;
	left: -48px;
}

/*******************************************faq**********************************************/
#services {
	background: #f1f1f1;
}

.aboutright.recruit img {
	height: 500px;
	object-fit: cover;
}

.technical .aboutleft {
	padding-top: 3em;
}

.technical .aboutright img {
	height: 250px;
	width: 100%;
	object-fit: cover;
}

.recruitment .aboutleft {
	padding-top: 3em;
}

.recruitment .aboutright img {
	height: 320px;
	width: 100%;
	object-fit: cover;
}


.ml-lg-4,
.mx-lg-4 {
	margin-left: 0.5rem !important;
}

/*****************************media query**************************/
@media only screen and (min-width:220px) and (max-width:480px) {
	#logo {
		padding: 7px 0px 7px;
		float: left;
		text-align: left;
		width: 30%;
	}

	#logo img {
		width: 180px;
	}

	.toggle {
		padding: 7px 10px;
		font-size: 14px;
		margin-top: 11px;
		background-color: #1253b2;
		color: #fff;
	}

	.style-banner {
		padding-top: 70px;
	}

	header {
		position: absolute;
		width: 100%;
		z-index: 9;
		background: #fff;
	}

	.toggle.toogle-2 {
		background: transparent;
		color: #000;
		text-transform: uppercase;
		opacity: 1;
		max-width: unset;
		font-weight: 500;
	}
}