@charset "utf-8";

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: 400;
	background: url(../image/body-bg-white.png) no-repeat center #3f2530;
	background-size: cover;
	position: relative;
	line-height: 1.5;
	margin: 0;
}

img {
	max-width: 100%;
}

*:focus {
	outline: none
}

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


.bg-blue {
	background: radial-gradient(#597ad8, #051e66) !important;
}


p {
	font-size: 0.875rem;
	margin-bottom: .5rem;
	line-height: 1.3rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #111;
	font-weight: 400
}

h1 {
	font-size: 48px
}

h2 {
	font-size: 44px
}

h3 {
	font-size: 26px
}

h4 {
	font-size: 1.125rem;
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 14px
}

p {
	font-size: 14px
}

strong {
	font-weight: 500
}

.img-radius {
	-webkit-box-shadow: 0 3px 11px 0 rgba(65, 76, 78, .2);
	box-shadow: 0 3px 11px 0 rgba(65, 76, 78, .2);
	border-radius: 50%
}

.atm-main-header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #fff;
}

.right-logo img {
	height: 60px;
}

.login-header {
	max-width: 100%;
	z-index: 2;
	width: 100%;
	/* background: #ffe5e5;*/
	background: linear-gradient(-135deg, #ffffff, #fff8bc);
	text-align: center;
	/* min-height: 60px; */
	padding: 5px 10px;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	box-shadow: none;
}

	.login-header .m-header .b-brand {
		padding: 0 0 0 0;
	}

		.login-header .m-header .b-brand img {
			height: 60px;
		}

	.login-header .input-group {
		background: 0 0
	}

		.login-header .input-group .input-group-text {
			margin-right: 0
		}

	.login-header .input-group {
		background: 0 0
	}

		.login-header .input-group .input-group-text,
		.login-header a,
		.login-header dropdown-toggle {
			color: #000;
		}

			.login-header .input-group .input-group-text:hover,
			.login-header a:hover,
			.login-header dropdown-toggle:hover {
				color: #000;
			}

	.login-header #mobile-header {
		display: none
	}

	.login-header .navbar-nav {
		list-style: none;
		display: block;
		text-align: right;
		background: transparent !important;
		position: relative;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		padding: 0px 0;
	}

		/* .login-header .navbar-nav:after{
	background: #ec8084;
	content:'';
	position: absolute;
	width: 100%;
	 
	bottom: 0;
	top: 0;
} */
		.login-header .navbar-nav > li {
			display: inline-block;
			padding-left: 15px;
			text-align: left;
		}

			.login-header .navbar-nav > li .nav-link {
				padding: 0
			}



	.login-header .mr-auto .dropdown-menu {
		margin-left: -20px
	}

	.login-header .ml-auto {
		float: right
	}

		.login-header .ml-auto .dropdown-menu {
			margin-right: -20px
		}

	.login-header .main-search .input-group {
		border-radius: 20px;
		padding: 0
	}

		.login-header .main-search .input-group .form-control,
		.login-header .main-search .input-group .input-group-text {
			background: 0 0;
			border: none;
			border-radius: 0;
			padding: 0
		}

		.login-header .main-search .input-group .search-close {
			display: none
		}

		.login-header .main-search .input-group .search-btn {
			border-radius: 50%;
			padding: 0;
			background: 0 0;
			border-color: transparent;
			-webkit-box-shadow: none;
			box-shadow: none
		}

		.login-header .main-search .input-group .form-control {
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			width: 0;
			font-size: 14px;
			width: 400px;
		}

			.login-header .main-search .input-group .form-control:active,
			.login-header .main-search .input-group .form-control:focus,
			.login-header .main-search .input-group .form-control:hover,
			.login-header .main-search .input-group .search-btn:active,
			.login-header .main-search .input-group .search-btn:focus,
			.login-header .main-search .input-group .search-btn:hover {
				outline: none;
				-webkit-box-shadow: none;
				box-shadow: none
			}

	.login-header .main-search .input-group {
		background: #f1f1f1;
		border: 1px solid #f1f1f1;
		/* -webkit-box-shadow: 0 6px 12px -5px rgba(65,76,78,.08); */
		/* box-shadow: 0 6px 12px -5px rgba(65,76,78,.08); */
		padding: 3px 5px 3px 20px;
	}

		.login-header .main-search .input-group:focus,
		.login-header .main-search .input-group:focus-within {
			background: #fff;
		}

		.login-header .main-search .input-group .search-close {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}

		.login-header .main-search .input-group .search-btn {
			padding: 5px;
			margin-left: 5px;
			background: #04a9f5;
			border-color: #04a9f5
		}

			.login-header .main-search .input-group .search-btn .input-group-text {
				color: #fff
			}

			.login-header .main-search .input-group .form-control:active,
			.login-header .main-search .input-group .form-control:focus,
			.login-header .main-search .input-group .form-control:hover,
			.login-header .main-search .input-group .search-btn:active,
			.login-header .main-search .input-group .search-btn:focus,
			.login-header .main-search .input-group .search-btn:hover {
				outline: none;
				-webkit-box-shadow: none;
				box-shadow: none
			}

	.login-header .dropdown .dropdown-toggle {
		line-height: 60px;
		display: inline-block;
		padding-right: 20px;
	}

		.login-header .dropdown .dropdown-toggle:after {
			font-family: "Font Awesome 5 Pro";
			content: "\f107";
			font-size: 15px;
			border: none;
			position: absolute;
			top: 0;
			right: 0;
		}

	.login-header .dropdown .dropdown-menu {
		position: absolute;
		border: none;
		min-width: 230px;
	}

		.login-header .dropdown .dropdown-menu.show:before {
			display: none
		}

		.login-header .dropdown .dropdown-menu li {
			line-height: 1.2
		}

			.login-header .dropdown .dropdown-menu li a {
				padding: 10px;
				font-size: 14px
			}

			.login-header .dropdown .dropdown-menu li.active a,
			.login-header .dropdown .dropdown-menu li:active a,
			.login-header .dropdown .dropdown-menu li:focus a,
			.login-header .dropdown .dropdown-menu li:hover a {
				color: #888
			}

	.login-header .nav-item.dropdown-toggle.show:before {
		right: auto;
	}

	.login-header .dropdown-toggle.show:before {
		content: "\f0d8";
		font-family: "Font Awesome 5 Pro";
		position: absolute;
		right: 13px;
		top: 56px;
		z-index: 1001;
		font-size: 40px;
		line-height: 0;
		color: #fff;
		text-shadow: 0 -2px 2px rgba(65, 76, 78, .12)
	}

	.login-header .dropdown .notification {
		width: 350px;
		padding: 0;
		line-height: 1.4;
		overflow: hidden
	}

		.login-header .dropdown .notification .noti-head {
			border-bottom: 1px solid #f1f1f1;
			padding: 15px 20px
		}

			.login-header .dropdown .notification .noti-head a {
				text-decoration: underline;
				font-size: 13px;
				color: #000;
			}

		.login-header .dropdown .notification .noti-body {
			padding: 0
		}

			.login-header .dropdown .notification .noti-body img {
				width: 40px;
				margin-right: 20px
			}

			.login-header .dropdown .notification .noti-body li {
				padding: 15px 20px;
				-webkit-transition: all .3s ease-in-out;
				transition: all .3s ease-in-out
			}

				.login-header .dropdown .notification .noti-body li.n-title {
					padding-bottom: 0
				}

					.login-header .dropdown .notification .noti-body li.n-title p {
						margin-bottom: 5px
					}

				.login-header .dropdown .notification .noti-body li.notification:hover {
					background: rgba(4, 169, 245, .1)
				}

				.login-header .dropdown .notification .noti-body li p {
					margin-bottom: 5px;
					font-size: 13px
				}

					.login-header .dropdown .notification .noti-body li p strong {
						color: #222
					}

				.login-header .dropdown .notification .noti-body li .n-time {
					font-size: 80%;
					float: right
				}


		.login-header .dropdown .notification ul {
			padding-left: 0;
			margin-bottom: 0;
			list-style: none
		}

			.login-header .dropdown .notification ul li {
				padding: 20px 15px
			}

	.login-header .dropdown .profile-notification {
		padding: 0;
		line-height: 1.4;
		overflow: hidden
	}

		.login-header .dropdown .profile-notification .pro-head {
			color: #fff;
			border-radius: .25rem .25rem 0 0;
			padding: 15px;
			position: relative;
			background: #04a9f5
		}

			.login-header .dropdown .profile-notification .pro-head img {
				width: 40px;
				margin-right: 10px
			}

			.login-header .dropdown .profile-notification .pro-head .dud-logout {
				color: #fff;
				padding-right: 0;
				position: absolute;
				right: 0;
				top: 0;
				height: 100%;
				width: 40px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center
			}

		.login-header .dropdown .profile-notification .pro-body {
			padding: 20px 0;
			margin-bottom: 0;
			list-style: none
		}

			.login-header .dropdown .profile-notification .pro-body li a {
				color: #888;
				font-size: 14px;
				padding: 10px 20px
			}

				.login-header .dropdown .profile-notification .pro-body li a i {
					margin-right: 10px
				}

			.login-header .dropdown .profile-notification .pro-body li.active,
			.login-header .dropdown .profile-notification .pro-body li:active,
			.login-header .dropdown .profile-notification .pro-body li:focus,
			.login-header .dropdown .profile-notification .pro-body li:hover {
				background: rgba(4, 169, 245, .1)
			}

				.login-header .dropdown .profile-notification .pro-body li.active > a,
				.login-header .dropdown .profile-notification .pro-body li:active > a,
				.login-header .dropdown .profile-notification .pro-body li:focus > a,
				.login-header .dropdown .profile-notification .pro-body li:hover > a {
					background: 0 0
				}

	.login-header .drp-user .dropdown-toggle.show:before {
		color: #04a9f5
	}

/* .login-header .drp-user {
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0 10px;
} */
/* .drp-user .drp-user-email{
	display: inline-block;
	font-size: 12px;
} */
.dropdown-menu {
	padding: 20px 0;
	margin-top: 15px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(69, 90, 100, .2);
	box-shadow: 0 1px 10px 0 rgba(69, 90, 100, .2);
	border: none
}

/* .dropdown-menu.show:before {
	content: "\f0d8";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 8px;
	top: -5px;
	z-index: 1001;
	font-size: 40px;
	line-height: 0;
	color: #fff;
	text-shadow: 0 -2px 2px rgba(69, 90, 100, .12)
} */

.btn-group .dropdown-toggle::after {
	display: none;
}

.dropdown-menu.show.dropdown-menu-right:before {
	left: auto;
	right: 8px;
}

.dropdown-menu[x-placement=top-start] {
	margin-bottom: 15px;
	margin-top: 0
}

	.dropdown-menu[x-placement=top-start].show:before {
		content: "\64";
		bottom: -5px;
		top: auto;
		text-shadow: 0 2px 2px rgba(69, 90, 100, .12)
	}

.dropdown-menu > li {
	padding-left: 15px;
	padding-right: 15px
}

	.dropdown-menu > li > a {
		padding: 5px;
		color: #888
	}

		.dropdown-menu > li > a i {
			font-size: 15px;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			/* -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; */
			margin-right: 10px;
			width: 25px;
		}

	.dropdown-menu > li.active,
	.dropdown-menu > li:active,
	.dropdown-menu > li:focus,
	.dropdown-menu > li:hover {
		background: rgba(4, 169, 245, .1)
	}

		.dropdown-menu > li.active > a,
		.dropdown-menu > li:active > a,
		.dropdown-menu > li:focus > a,
		.dropdown-menu > li:hover > a {
			background: 0 0
		}

.login-header:before {
	content: "";
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}




.menu-container {
	margin: 0 auto;
	max-width: 100%;
	z-index: 2;
	text-align: center;
}


/*
.menu img {
	max-width: 100%;
}
*/
.menu-mobile {
	display: none;
	padding: 20px;
}

/*
.menu-mobile:after {
	content: "\f067";
	font-family: Font Awesome 5 pro;
	font-size: 2.5rem;
	padding: 0;
	float: right;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
}*/

.menu-dropdown-icon:before {
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	display: none;
	font-weight: 900;
	cursor: pointer;
	float: right;
	padding: 12px 20px;
	background: #f7f7f7;
	color: #000;
	margin: 1px;
}

.menu > ul {
	margin: 0 auto;
	list-style: none;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}

	.menu > ul:before,
	.menu > ul:after {
		content: "";
		display: table;
	}

	.menu > ul:after {
		clear: both;
	}

	.menu > ul > li {
		display: inline-block;
		padding: 0;
		margin: 0 5px;
	}

		.menu > ul > li a {
			text-decoration: none;
			padding: 3px 15px;
			display: block;
			border-radius: 6px;
			font-size: 15px;
			color: #000000;
			background: linear-gradient(to left, #fffefe, #fff4d5);
			border: 1px solid rgb(0 0 0 / 15%);
		}

			.menu > ul > li a .fa {
				font-size: 13px;
			}

			.menu > ul > li a:hover {
				background: linear-gradient(to left, #edfdff, #ffffff);
				color: #000;
			}

			.menu > ul > li a .aicon {
				color: #ff5722;
				margin-right: 5px;
			}

				.menu > ul > li a .aicon img {
					width: 20px;
					vertical-align: sub;
				}

		.menu > ul > li > ul {
			display: none;
			width: 100%;
			background: #fff;
			padding: 20px;
			position: absolute;
			z-index: 99;
			left: 0;
			margin: 0;
			list-style: none;
			box-sizing: border-box;
			-webkit-box-shadow: 0px 4px 7px 0 rgb(0 0 0 / 12%);
			box-shadow: 0px 4px 7px 0 rgb(0 0 0 / 12%);
		}

			.menu > ul > li > ul:before,
			.menu > ul > li > ul:after {
				content: "";
				display: table;
			}

			.menu > ul > li > ul:after {
				clear: both;
			}

			.menu > ul > li > ul > li {
				margin: 0 2% 0 0;
				padding-bottom: 0;
				list-style: none;
				width: 48%;
				background: none;
				float: left;
			}

				.menu > ul > li > ul > li a {
					width: 90%;
					color: #0009a2;
					padding: 0.2em 0;
					display: block;
					border-width: 0 0 1px 0;
					border-style: solid;
					border-color: #ccc;
					text-align: left;
					border-radius: 0;
					font-weight: 500;
				}

					.menu > ul > li > ul > li a:hover {
						color: #ff3d00;
						background: none;
					}

				.menu > ul > li > ul > li h4 {
					font-size: 16px;
					padding-bottom: 10px;
					border-bottom: 1px solid #ccc;
					text-align: left;
					color: #b11117;
				}

				.menu > ul > li > ul > li > ul {
					display: block;
					padding: 0;
					margin: 10px 0 0;
					list-style: none;
					box-sizing: border-box;
				}

					.menu > ul > li > ul > li > ul:before,
					.menu > ul > li > ul > li > ul:after {
						content: "";
						display: table;
					}

					.menu > ul > li > ul > li > ul:after {
						clear: both;
					}

					.menu > ul > li > ul > li > ul > li {
						float: left;
						width: 90%;
						margin: 0;
						font-size: .8em;
						position: relative;
					}

						.menu > ul > li > ul > li > ul > li::before {
							position: absolute;
							content: '';
							left: 0;
							top: 8px;
							font-family: "Font Awesome 5 Pro";
							content: "\f105";
						}

						.menu > ul > li > ul > li > ul > li a {
							border: 0;
							font-size: 14px;
							color: #000;
							padding: 5px 0 5px 15px;
							background: transparent;
						}

			.menu > ul > li > ul.normal-sub {
				width: 300px;
				left: auto;
				padding: 10px 20px;
			}

				.menu > ul > li > ul.normal-sub > li {
					width: 100%;
				}

					.menu > ul > li > ul.normal-sub > li a {
						border: 0;
						padding: 1em 0;
					}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
  Mobile style's
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
	.menu-container {
		box-shadow: 0px 3px 5px rgb(0 0 0 / 18%);
		margin: 0 auto;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		top: 56px;
		text-align: left;
		background: #fff;
	}

	.menu-mobile {
		display: block;
		padding: 12px 12px 00px 10px;
		color: #000 !important;
	}

		.menu-mobile .fa {
			float: right;
			font-size: 18px;
		}

	.menu-dropdown-icon:before {
		display: block;
	}

	.menu > ul {
		display: none;
		width: 100%;
		padding: 10px;
	}

		.menu > ul > li {
			width: 100%;
			float: none;
			display: block;
			margin: 2px 0;
			/* border-top: 1px solid #d2d2d2; */
		}

			.menu > ul > li a {
				padding: 12px;
				width: 100%;
				display: block;
				background: #f7f7f7;
				color: #000;
				font-weight: 600;
			}

			.menu > ul > li > ul {
				position: relative;
				padding: 20px;
			}

				.menu > ul > li > ul.normal-sub {
					width: 100%;
				}

				.menu > ul > li > ul > li {
					float: none;
					width: 100%;
					margin-top: 20px;
				}

					.menu > ul > li > ul > li:first-child {
						margin: 0;
					}

					.menu > ul > li > ul > li > ul {
						position: relative;
					}

						.menu > ul > li > ul > li > ul > li {
							float: none;
						}

	.menu .show-on-mobile {
		display: block;
	}
}




.clr-animation {
	background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
	color: #000000;
	/* background-clip: text; */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	/* text-transform: uppercase; */
	/* -webkit-background-clip: text; */
	-webkit-animation: hue 1s infinite linear;
	height: 3px;
	width: 100%;
	position: relative;
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}

	to {
		-webkit-filter: hue-rotate(-360deg);
	}
}



.pattern-layer-one {
	position: fixed;
	left: 0px;
	top: 10%;
	width: 267px;
	height: 588px;
	background-repeat: no-repeat;
}

.pattern-layer-two {
	position: fixed;
	right: 0px;
	top: 10%;
	width: 259px;
	height: 542px;
	background-repeat: no-repeat;
}



footer {
	background: #fff;
	text-align: center;
	padding: 30px 0;
}


section {
	padding: 40px 0;
	position: relative;
}

.project-slider-control {
	position: relative;
}

.swiper-button-next,
.swiper-button-prev {
	bottom: -30px;
	top: auto;
	background-color: #f16638de;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	z-index: 1;
}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 18px;
		color: #fff;
	}

/* Product silder with Thumbs */
.product-thumbnail-page .project-slider-img {
	height: 100%;
	overflow: hidden;
}

	.product-thumbnail-page .project-slider-img .swiper-wrapper {
		height: calc(167.3197px + 21.4521vw);
	}

		.product-thumbnail-page .project-slider-img .swiper-wrapper .swiper-slide img {
			border-radius: 5px;
			-o-object-fit: contain;
			object-fit: cover;
			transition: all .4s ease-in-out;
			width: 100%;
			border: 3px solid #fff;
		}

		/* .product-thumbnail-page .project-slider-thumb .swiper-slide img{
            height: 700px;
        } */

		.product-thumbnail-page .project-slider-img .swiper-wrapper .swiper-slide span {
			align-items: center;
			-webkit-backdrop-filter: blur(.8);
			backdrop-filter: blur(.8);
			background-color: rgba(34, 34, 34, .7);
			border-radius: 50%;
			display: flex;
			height: 38px;
			justify-content: center;
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 38px;
			z-index: 1;
			color: #fff;
		}

		.product-thumbnail-page .project-slider-img .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
			border-color: #ff5722;
		}

.project-slider-img-1 .swiper-wrapper .swiper-slide video {
	height: 700px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.project-slider-img-1 .swiper-wrapper img {
	width: 100%;
}

.project-slider-img-1 {
	border: 4px solid #fff;
	border-radius: 10px;
}

.project-slider-thumb .swiper-wrapper .swiper-slide {
	overflow: hidden;
}

.swiper-slide-content {
	background: linear-gradient(-135deg, #FF9800, #fb4323);
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	padding: 5px 0;
}

.ami-wrapper {
	background: #fff;
	/* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, 0.2));
}

.ami-body {
	padding: 15px;
}

.ami-title {
	color: #000;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	background: linear-gradient(to right, #ffefef, #fff3cb);
	padding: 5px 10px;
	font-weight: 600;
}

	.ami-title img {
		background: #fff;
		border-radius: 50px;
		width: 20px;
		height: 20px;
		padding: 2px;
		object-fit: cover;
	}

.list-style {
	position: relative;
}

	.list-style ul {
		margin: 0;
		padding: 0;
	}

		.list-style ul li {
			list-style: none;
			display: block;
		}

			.list-style ul li a {
				display: block;
				position: relative;
				padding: 1px 0px 1px 15px;
				color: #000;
			}

				.list-style ul li a:before {
					font-family: 'FontAwesome';
					content: "\f105";
					position: absolute;
					left: 0;
				}

.list-style-gradient.list-style ul li a {
	display: block;
	position: relative;
	padding: 5px 15px 5px 30px;
	background: #ccc;
	border-bottom: 1px solid #949ba2;
	background-image: linear-gradient(to right, #535459, #8c959f);
	transition: all 0.1s ease-in;
	position: relative;
}

.newIcon {
	position: absolute;
	top: 0;
}

.list-style-gradient.list-style ul li a:hover {
	transform: scale(1.03);
	box-shadow: 0px 0px 7px 0 #0000008c;
	z-index: 1;
}

.list-style-gradient.list-style ul li a:before {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	left: 15px;
	transition: all 0.1s ease-in;
}

.list-style-gradient.list-style ul li a:hover:before {
	left: 10px;
}

.login-section {
	background: url(../image/bg-img.jpg) no-repeat top right;
	background-size: cover;
}


.form-control {
	border: 1px solid #b2b2b2;
	padding: 0px 10px;
	background: #fff;
	width: 100%;
	border-radius: 3px;
	height: calc(1.5em + .75rem + 2px);
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	font-size: 14px;
}

.btn-danger {
	color: #fff;
	background: linear-gradient(45deg, #a40208, #ff5722) !important;
	border-color: #b11117;
}

.login-wrapper {
	width: 450px;
	margin: 0 auto;
}

	.login-wrapper .form-group {
		margin-bottom: 0.5rem;
		position: relative;
	}

.btn-block {
	width: 100%;
}

.login-with-google-btn.emailid {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="email"><path fill="%23222" d="M53.42 53.32H10.58a8.51 8.51 0 0 1-8.5-8.5V19.18a8.51 8.51 0 0 1 8.5-8.5h42.84a8.51 8.51 0 0 1 8.5 8.5v25.64a8.51 8.51 0 0 1-8.5 8.5ZM10.58 13.68a5.5 5.5 0 0 0-5.5 5.5v25.64a5.5 5.5 0 0 0 5.5 5.5h42.84a5.5 5.5 0 0 0 5.5-5.5V19.18a5.5 5.5 0 0 0-5.5-5.5Z"></path><path fill="%23222" d="M32 38.08a8.51 8.51 0 0 1-5.13-1.71L3.52 18.71a1.5 1.5 0 1 1 1.81-2.39L28.68 34a5.55 5.55 0 0 0 6.64 0l23.35-17.68a1.5 1.5 0 1 1 1.81 2.39L37.13 36.37A8.51 8.51 0 0 1 32 38.08Z"></path><path fill="%23222" d="M4.17 49.14a1.5 1.5 0 0 1-1-2.62l18.4-16.41a1.5 1.5 0 0 1 2 2.24L5.17 48.76a1.46 1.46 0 0 1-1 .38zm55.66 0a1.46 1.46 0 0 1-1-.38l-18.4-16.41a1.5 1.5 0 1 1 2-2.24l18.39 16.41a1.5 1.5 0 0 1-1 2.62z"></path></svg>');
	background-position: 10px 5px;
	background-size: 26px;
}

.login-with-google-btn.G_account {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
	background-position: 10px 9px;
}



.login-with-google-btn {
	padding: 8px 16px 8px 40px;
	border: none;
	border-radius: 30px;
	border: 2px solid #ccc;
	color: #757575;
	font-size: 14px;
	font-weight: 500;
	background-color: white;
	background-repeat: no-repeat;
	margin: 0 2px;
	display: inline-block;
}

	.login-with-google-btn:hover {
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
	}

	.login-with-google-btn:active {
		background-color: #eeeeee;
	}

	.login-with-google-btn:focus {
		outline: none;
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
	}

	.login-with-google-btn:disabled {
		filter: grayscale(100%);
		background-color: #ebebeb;
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
		cursor: not-allowed;
	}

.login-title {
	text-align: center;
	padding-top: 20px;
	border-bottom: 2px solid #ccc;
}

	.login-title h3 {
		font-weight: 600;
		color: #b11117;
		margin-bottom: 0;
	}

.form__group_icon {
	position: absolute;
	left: 0;
	top: 21px;
	font-size: 15px;
	border-right: 1px solid #9b9b9b;
	color: #000;
	width: 38px;
	text-align: center;
	height: 38px;
	line-height: 38px;
}

.login-wrapper .form-control {
	padding-left: 50px;
}




.modalWindow {
	background: rgb(0 0 0 / 65%);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 99;
}

.modalWindow-container {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 600px;
	border-radius: 5px;
	background: #fff;
}

.modalWindow-head {
	padding: 10px 30px;
	background: linear-gradient(-135deg, #70F334, #fb4323);
	color: #fff;
	font-size: 16px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
}

	.modalWindow-head .text {
		font-size: 24px;
		font-weight: 600;
	}

.modalWindow-body {
	padding: 30px;
	position: relative;
	font-size: 15px;
}

	.modalWindow-body P {
		margin-bottom: 10px;
	}

.modalWindow-close {
	position: absolute;
	right: -12px;
	top: -10px;
	width: 32px;
	height: 32px;
	background: #fff;
	border-radius: 30px;
	padding-top: 7px;
	cursor: pointer;
	z-index: 1;
}

	.modalWindow-close:hover {
		opacity: 1;
	}

	.modalWindow-close:before,
	.modalWindow-close:after {
		position: absolute;
		left: 15px;
		content: ' ';
		height: 18px;
		width: 2px;
		background-color: #333;
	}

	.modalWindow-close:before {
		transform: rotate(45deg);
	}

	.modalWindow-close:after {
		transform: rotate(-45deg);
	}

@media only screen and (max-width: 575px) {
	.modalWindow-container {
		width: 88%;
	}

	.modalWindow-head {
		padding: 10px;
		font-size: 18px;
	}

	.modalWindow-body {
		overflow: auto;
		padding: 20px;
	}
}

.birthday-card-slider {
	overflow: hidden;
}


	.birthday-card-slider .swiper-slide::after {
		position: absolute;
		content: "";
		width: 100%;
		border-radius: 100%;
		background: linear-gradient(to bottom right, #b8b8b88f, #ffffff5e);
	}

	.birthday-card-slider .swiper-slide-active::after {
		background: none;
	}

	.birthday-card-slider .swiper-slide {
		/* border: 1px solid #ccc; */
		border-radius: 10px;
		overflow: hidden;
		text-align: center;
		background: radial-gradient(#597ad8, #051e66);
	}


		.birthday-card-slider .swiper-slide:nth-child(8n+1) {
			background: linear-gradient(-135deg, #ff4b2b, #ff416c);
		}

		.birthday-card-slider .swiper-slide:nth-child(8n+2) {
			background: linear-gradient(-135deg, #96c93d, #00b09b);
		}

		.birthday-card-slider .swiper-slide:nth-child(8n+3) {
			background: linear-gradient(-135deg, #9f75bc, #792378);
		}

		.birthday-card-slider .swiper-slide:nth-child(8n+4) {
			background: linear-gradient(-135deg, #c17452, #fe971d);
		}

		.birthday-card-slider .swiper-slide:nth-child(8n+5) {
			background: linear-gradient(-135deg, #22ac44, #80db8c);
		}

		.birthday-card-slider .swiper-slide:nth-child(8n+6) {
			background: linear-gradient(-135deg, #513232, #9b8989);
		}

		.birthday-card-slider .swiper-slide:nth-child(8n+7) {
			background: linear-gradient(-135deg, #ffe500, #d3cc26);
		}

		.birthday-card-slider .swiper-slide:nth-child(8n+8) {
			background: linear-gradient(-135deg, #f1ac8f, #f1737f);
		}



	.birthday-card-slider .slide-content {
		display: grid;
		align-items: center;
		height: 200px;
	}

		.birthday-card-slider .slide-content h4 {
			font-weight: 600;
			color: #fff;
			font-size: 15px;
			padding: 5px 0;
		}

	.birthday-card-slider
	.swiper-button-next,
	.birthday-card-slider
	.swiper-button-prev {
		bottom: 00px;
		top: auto;
		background-color: #f16638de;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
	}

.slide-content-thumbs {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	margin: 20px auto 0 auto;
	overflow: hidden;
}


.search-wrapper {
	background: #f3efef;
	position: relative;
	border-radius: 30px;
	padding: 8px;
	width: 400px;
	margin: 0 auto;
}

.search-head {
	position: absolute;
	top: 18px;
	left: 20px;
	border-right: 1px solid #0c25b0;
	font-weight: 500;
	padding-right: 10px;
}

.search-button {
	position: absolute;
	top: 12px;
	right: 12px;
}

	.search-button a {
		display: inline-block;
		background: #0171bc;
		color: #fff;
		border-radius: 30px;
		padding: 0 20px;
		height: 35px;
		line-height: 35px;
		text-decoration: none;
	}

.search-wrapper input {
	padding-left: 160px;
	width: 100%;
	height: 42px;
	border-radius: 30px;
	background: #fff8bc;
	border: 1px solid #d0d0d0;
}

	.search-wrapper input:focus {
		background: #fff;
	}