@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
a{text-decoration:none!important;}
li{list-style-type: none!important;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.pad{padding:90px 0;}
.wrdbrk{white-space:pre;}
.fullpad{padding: 0!important; margin:0!important;}
.tahoma{font-family: Arial, sans-serif; font-weight: 600;}
.futura{font-family: helvetica, sans-serif;}
.top-bg1 {background-color: #1e2c76;}
.marquee {
	width: 100%;
	overflow: hidden !important;
	font-size: 16px;
	line-height: 25px;}
.topicon i {
	display: flex;
	padding: 18px;
	border-radius: 50%;
	background-color: #e82727 ;
	margin-right: 24px;
	transition: 0.3s all;
	font-size: 22px;
	color: white;}
.cliply{background-image: url("../images/cliply.gif");background-position: bottom;}
.logo{width:150px;}
.navfnt {font-family: Arial, sans-serif; font-size: 18px; font-weight: 600;}
.navbar-light .navbar-nav .active > .nav-link {color: #ea1826 !important; }
.navbar-light .navbar-nav .nav-link {color: black !important;}
.nav-btn {background-color: #1e2c76; color: #fff !important;padding: 15px; line-height: 25px; font-size: 14px; text-transform: uppercase; border: none; border-radius: 3px;}
.navbg {z-index: 1;opacity: 1;border-top: 1px solid #555555;margin-top: 15px;}
.top1 {position: relative !important;left: -52px !important;top: 8px !important;}
.btn1 {
	background-color: #b91202;
	color: white !important;
	padding: 16px 25px;
	font-size: 20px;
	border-radius: 44px;}
.phone1 {font-size: 30px;}
.clr1{color: #e82727  !important;}
.clr3{color: #fcfe61 !important;}
.homeparallax{position: relative;background: url("../images/fullview.webp") no-repeat 50%;background-size: cover;}
.homeparallax::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;}
.box-banner-7{position: relative;overflow: hidden;}
.box-banner-7::before {
	top: 0;
	right: 100px;
	background: url("../images/banner-right.webp") no-repeat 50%;
	background-size: cover;
	content: "";
	position: absolute;
	z-index: 3;
	height: 210px;
	width: 215px;}
.box-banner-7::after {
	bottom: 0;
	left: 100px;
	background: url("../images/banner-left.webp") no-repeat 50%;
	background-size: cover;
	content: "";
	position: absolute;
	z-index: 3;
	height: 210px;
	width: 215px;}
.magnetic span {
	margin: 0;
	font-size: 26px;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	line-height: 36px;
	border: 4px solid #000;
	padding: 5px 16px;
	border-radius: 10px;
	font-weight: 900;
	background-color: #fff;
	-webkit-text-stroke: 1px #FD0;
	text-shadow: 0px 1px 0px #32372F;
	color: #e82727 ;}
.magnetic {background: #2d2d2d; border: none; overflow: visible;}
.particle {
	position: absolute;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;}
.magnetic:hover .particles-field {opacity: 1;}
.sec-title__tagline{
	color: #e82727 ;
	text-transform: uppercase;
	font-style: italic;
	line-height: 0.9;}
.sec-title__tagline__left {
	position: relative;
	bottom: 6px;
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #e82727 ;
	margin-right: 10px;}
.sec-title__tagline__right {
	position: relative;
	bottom: 6px;
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #e82727 ;
	margin-left: 10px;}
.service-one__item {
	position: relative;
	border-radius: 70px 70px 0 0;
	z-index: 2;
	overflow: hidden;
	counter-increment: count;
	transition: all 500ms ease;}
.service-one__item__image {position: relative;z-index: 1;overflow: hidden;}
.service-one__item__image img {width: 100%;height: auto;}
.service-one__item__image::after {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0px, rgba(255, 255, 255, 0.15) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0));
	content: "";
	height: 200%;
	left: -210%;
	opacity: 0;
	position: absolute;
	top: -50%;
	transition: all 0.7s ease 0s;
	width: 200%;}
.service-one__item:hover .service-one__item__image::after {
	left: -30%;
	opacity: 1;
	top: -20%;
	transition-duration: 0.7s, 0.7s, 0.15s;
	transition-property: left, top, opacity;
	transition-timing-function: linear;}
.service-one__item__content {
	position: relative;
	padding: 0 20px 25px;
	border: 1px solid #dbdada;
	border-top: none;}
.service-one__item:hover .service-one__item__icon {color: #fff;}
.service-one__item__icon {
	width: 90px;
	height: 90px;
	background-color: #3b70fc;
	border: 4px solid #d0bcbc;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 45px;
	line-height: 1;
	position: relative;
	z-index: 1;
	color: white;
	margin: -46px auto 15px;
	overflow: hidden;
	transition: 100ms ease;}
.service-one__item__icon span {
	position: relative;
	z-index: 2;
	display: inline-block;
	transition: all 500ms linear;
	transition-delay: 0s;
	transition-delay: 0.1s;
	transform: scale(1);}
.service-one__item:hover .service-one__item__icon::after {height: 100%;}
.service-one__item__icon::after {
	position: absolute;
	content: "";
	background-color: #051f21;
	width: 100%;
	height: 0%;
	left: 50%;
	top: 50%;
	border-radius: 25px;
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: -1;
	transition: all 500ms ease;}
.service-one__item__title {font-size: 22px;margin: 0 0 8px;}
.service-one__item__title a {color: inherit;background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;transition: all 500ms ease;}
.service-one__item__text {line-height: 28px;margin: 0;}
.service-one__item:hover .service-one__item__bottom {border-color: #051a1c;background-color: #051e20;}
.service-one__item__bottom {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #dfdbdb;
	border-top: none;
	padding: 12px 31px 10px 51px;
	overflow: hidden;
	transition: all 500ms linear;
	font-size: 23px;}
.service-one__item:hover .service-one__item__bottom__number {color: #b3b3bb;}
.service-one__item__bottom__number {
	position: relative;
	display: inline-block;
	font-size: 26px;
	font-weight: 700;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #b2abab;}
.products01, .products02, .products03, .products04, .products05, .products06{position: relative;}
.products01::before{content: "01";}
.products02::before{content: "02";}
.products03::before{content: "03";}
.products04::before{content: "04";}
.products05::before{content: "05";}
.products06::before{content: "06";}
.service-one__item__bottom__number::before {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;}
.service-one__item:hover .service-one__item__bottom__rm {color: white;}
.service-one__item__bottom__rm {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #e82727;
	line-height: 1;
	letter-spacing: 0.24px;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
	transition: all 500ms ease;}
.service-one__item__bottom__rm span {line-height: inherit;margin-left: 6px;}
.service-one__item:hover .service-one__item__bottom::after {width: 8px;opacity: 1;}
.service-one__item__bottom::after {
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	width: 0;
	opacity: 0;
	height: calc(100% + 20px);
	content: "";
	background-color: #3e73ff;
	transition: all 500ms linear;
	transform: rotate(32deg);
	margin: 0 auto;}
.fnt40{font-size: 40px;color: white;}
.btn2 {
	background-color: #F61E1E !important;
	padding: 14px 26px !important;
	border: 1px solid black !important;
	transition: .3s;
	font-size: 16px !important;
	letter-spacing: .8px;
	border-radius: 2px !important;
	text-transform: uppercase !important;
	color: white !important;}
.btn2:hover {box-shadow: -5px 5px #020202; transition: .3s; border: 0 !important;}
.dhamaka{width: 320px;}
.homebg1{background: url("../images/rounds.webp") right top no-repeat, url("../images/homebg.webp") left top repeat;}
.brdrbt{border-bottom: 1px solid #ffffff47;padding-bottom: 20px;}
.shape1{
	background-image: url("../images/shape-1.webp");
	position: absolute;
	left: -157px;
	bottom: 0px;
	width: 150px;
	height: 113px;
	animation: shrinkAnim2 3s ease 0s infinite;}
.homeright{border-radius: 45px;}
.homebg2{
	background-image: url("../images/graphic-wave.webp");
	background-color: #151f55 !important;
	background-size: 10% 30%;
	background-repeat: no-repeat;
	background-position: bottom right;}
.footer {
	background-image: url("../images/footerimg.webp");
	background-color: #0a102e;
	padding: 30px 0px 0px 0px;}
.padd06 {border-bottom: 1px solid #ffffff57;padding-bottom: 20px;}
.footer03 {
	background: #27303b;
	height: 75px;
	line-height: 75px;
	width: 75px;
	margin-right: 20px;
	text-align: center;
	margin-bottom: 15px;
	border: 2px dotted yellow;
	border-radius: 20px 20px 0 0;
	border-top: 3px solid yellow;
	border-left: 1px dashed yellow;}
.footer03 img {width: 45px;}
.para2 {font-size: 13px; color: #faf6f6; font-weight: 300;}
.foottitle {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 21px;
	padding: 5px 13px;
	color: #fff !important;}
.cont4 {padding-top: 12px;}
.bg-footer {background-color: #f92828;}
.about-us{
	font-size: 17px;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 70px;
  margin-bottom: 10px;}
.about-us::before{
	background-color: #0046d5;
	content: "";
	position: absolute;
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	top: 50%;
	right: 0;}
.box-info-about-line {position: relative; padding-left: 180px;}
.box-info-about-line::before {
	content: "";
	height: 2px;
	background-color: #0073d8;
	position: absolute;
	width: 130px;
	top: 35px;
	left: 0;
	z-index: 1;}
.para1{color: #7b7b7b !important;}
.mb-20 {margin-bottom: 20px !important;}
.text12 {
	position: absolute;
	padding: 0px 0 0 25px;
	margin-top: -40px;}
.btn3{
	background-color: transparent;
	font-size: 16px;
	line-height: 32px;
	font-weight: 700;
	border-radius: 999px;
	padding: 13px 30px;
	border: 1px solid #868686;
	text-transform: uppercase;
	color: black;}
.btn3:hover{border-color: #003db7;color: #003aae;}
.box-image-about-us-2 {position: relative;margin-bottom: 100px;padding-right: 75px;}
.box-image-about-us-2 .image-about-1 {position: relative;padding: 16px 0 0 16px;}
.box-image-about-us-2 .image-about-1::before {
	content: "";
	width: 207px;
	height: 90%;
	border-radius: 20px;
	background-color: #e82727;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;}
.box-image-about-us-2 .image-about-1::after {
	content: "";
	height: 193px;
	width: 208px;
	background: url("../images/dots.webp") no-repeat 0 0;
	position: absolute;
	z-index: 1;
	top: -40px;
	left: 270px;}
.box-image-about-us-2 .image-about-1 img {position: relative;z-index: 2;width: 76%;}
.img-custom-anim-left {animation: img-anim-left 1.3s cubic-bezier(.645,.045,.355,1) .4s forwards;opacity: 0;}
.box-image-about-us-2 .image-about-2 {
	position: absolute;
	bottom: -88px;
	right: 0;
	z-index: 3;}
.box-image-about-us-2 .image-about-2 img {border: 5px solid #dbdbdb;border-radius: 55px;}
.img-custom-anim-right {animation: img-anim-right 1.3s cubic-bezier(.645,.045,.355,1) .4s forwards;opacity: 0;}
.aboutparallax{
	background-image: url("../images/aboutbg3.webp");
	background-position: left;
	background-size: cover;
	position: relative;}
.aboutparallax::before {
	background: #000 none repeat scroll 0 0;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.2;}
.btn4{background-color: yellow;padding: 15px 30px;color: black;}
#counter i {
	background-image: url("../images/circle04.webp");
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:16px 23px;
	color: black !important;}
.counttext {color: #ffffff;font-size: 36px;font-weight: 700;}
.bannerhead {color: #ffffff;font-size: 30px;font-weight: 700;}
.center4 {border-right:1px solid rgba(255, 255, 255, 0.34);}
.center5 {border-top:1px solid rgba(255, 255, 255, 0.34);}
.feature-one__item {position: relative;counter-increment: count;margin-top: 15px;}
.feature-one__item__icon {
	width: 206px;
	height: 155px;
	background-color: #1c2676;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 auto;
	mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283 300"><path d="M60.53 122L60.53 109C60.53 109 60.53 104 66.54 101L133.54 61C133.54 61 140.54 58.4 146.54 61L218.55 102C218.55 102 223.15 105 222.55 111L222.55 189C222.55 189 221.35 195.4 216.55 198L147.54 239C147.54 239 146.14 241.6 135.54 240L63.53 198C63.53 198 60.93 196.6 60.53 189L60.53 122Z"></path></svg>');
	mask-repeat: no-repeat;
	mask-position:center center;
	mask-size: cover;}
.numbers{
	font-size: 50px;
	color: #d32c46;
	font-family: "Handlee", cursive;
	line-height: 1;
	margin-bottom: 0;}
.four04{width: 60px;}
.clr2{color: #000083 !important;}
.border4{border: 1px solid #00000021;}
.bgclr3{
	background-image: url("../images/fullview.webp");
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	height: auto;}
.bgclr3::before {
	background:#000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.4;
	width: 100%;
	position: absolute;}
.brand-item:hover img {transform: scale(0,0);}
.brand-item:hover .brand-hover {transform: scale(1,1);}
.brand-item img{transition: all 500ms ease; -webkit-transition: all 500ms ease;} 
.brand-item img{display: inline-block;} 
.brand-item .brand-hover{transform: translateY(100%);-webkit-transform: translateY(100%);}
.brand-item .brand-hover{position:absolute;}
.brand-item .brand-hover{top:0;right:0;left:0;bottom:0;}
.feature-three_item{
	position: relative;
	z-index: 3;
	background-color: #fff;
	border-radius: 70px 70px 0px 0px;
	border:1px solid #d8d8d8;
  	padding:64px 17px 23px;}
.feature-three_item_icon{
	width: 88px;
	background-color: #3f74fe;
	padding:16px;
	border-radius:63px;
	position: absolute;
	top: -43px;
	left: 0;
	margin:0 auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	right: 0;
	transition:all 1.5s ease;}
.feature-three_item:hover .feature-three_item_icon{transform: rotateY(180deg) !important;}
.feature-reverse{top: auto;bottom: -44px;}
.feature-three_item_reverse {
	padding-top: 29px;
	padding-bottom: 55px;
	margin-top: -36px;
	border-bottom:4px solid #3b72ff;}
.block-head {position: relative;margin-bottom: 20px;padding: 0 0 20px;border-bottom: 1px #cac9c9 solid;color: #333e48;}
.block-head::before {position: absolute;bottom: -3px;left: 20px;width: 35px;height: 5px;content: "";display: inline-block;background-color: #559926;}
.block-head::after {position: absolute;bottom: -1px;left: 0;width: 80px;height: 1px;content: "";display: inline-block;background-color:#559926;}
.block-head1 {position: relative;margin-bottom: 20px;padding: 0 0 20px;border-bottom: 1px #cac9c9 solid;color: #333e48;}
.block-head1::before {position: absolute;bottom: -3px;left: 20px;width: 35px;height: 5px;content: "";display: inline-block;background-color: #b61818;}
.block-head1::after {position: absolute;bottom: -1px;left: 0;width: 80px;height: 1px;content: "";display: inline-block;background-color:#b61818;}
.feature-gd {background: white;padding: 20px;border-radius: 8px;box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);height:150px;margin-bottom:10px;}
.gicon, .ricons {margin-right: 1em;}
.gicon i {color: #559926;font-size: 52px;background: rgb(13 54 159 / 9%);width: 65px;height: 65px;line-height: 65px;border-radius: 50%;text-align: center;display: inline-block;}
.ricons i {color: #b61818;font-size: 50px;background: rgb(13 54 159 / 9%);width: 65px;height: 65px;line-height: 65px;border-radius: 50%;text-align: center;display: inline-block;}
.feature-gd:hover .gicon, .feature-gd:hover .ricons { transform: rotate(360deg);transition: .5s all ease;} 
.contact_style3{
	background-color: #ffeca229 !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	text-align: center;
	margin-bottom: 30px;
	padding: 40px 20px;
	border-radius: 12px;}
.contact_style3 .contact_icon{
	border:1px solid #ff324d;
	margin:0 0 5px;
	height: 80px;
	width: 80px;
	text-align: center;
	display: inline-block;
	overflow:hidden;
	border-radius:100%;
	position: relative;
	z-index: 1;}
.contact_style3 .contact_icon i {
	line-height: 78px;
	transition: all 0.5s ease-in-out;
	font-size: 34px;
	color: #ff324d;}
.contact_style3 .contact_icon::before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #ff324d;
	transition: all 0.5s ease-in-out;
	transform: scale(0);
	border-radius: 100%;
	z-index: -1;}
.contact_text span {
	color: #333;
	font-weight: 600;
	display: block;
	margin-bottom: 3px;}
.contact_text p {margin-bottom: 0;color: #687188;line-height: 28px;}
.contact_style3:hover .contact_icon i {color: #fff;}
.contact_style3:hover .contact_icon::before {transform: scale(1);}
.footlast{background-color: #e82727 ;}
.underline {width: 120px;}
.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.priceicn2 {width: 120px;}
.point{bottom:10px; left:10px;}
.point1{bottom:70px; left:10px;}
.point2{bottom: 15px; right: 10px;}
.blink{
    -webkit-animation: blink 1s;
	animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}}
@-webkit-keyframes blink {
    0% {opacity: 1;}
    50% { opacity: 0;}
    100% {opacity: 1;}}
@keyframes particleFloat {
	0% { transform: translate(var(--x), var(--y)) scale(0); }
	50% { transform: translate(calc(var(--x) * -1), calc(var(--y) * -1)) scale(1); }
	100% { transform: translate(var(--x), var(--y)) scale(0); }
}
@keyframes shrinkAnim2{
	0%, 100% {
		transform: rotate(0deg);
		transform-origin: 100% 50%;
	  }
	  10% {
		transform: rotate(2deg);
	  }
	  20%, 40%, 60% {
		transform: rotate(-4deg);
	  }
	  30%, 50%, 70% {
		transform: rotate(4deg);
	  }
	  80% {
		transform: rotate(-2deg);
	  }
	  90% {
		transform: rotate(2deg);
	  }
}
@keyframes img-anim-left {
	0% {
		transform: translateX(-5%);
		-webkit-clip-path: inset(0 100% 0 0);
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	  }
	  100% {
		transform: translateX(0);
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
	  }
}
@keyframes img-anim-right{
	0% {
		transform: translateX(5%);
		-webkit-clip-path: inset(0 0 0 100%);
		clip-path: inset(0 0 0 100%);
		opacity: 0;
	  }
	  100% {
		transform: translateX(0);
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
	  }
}
@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.cliply {background-image: none;}
.navbar-light .navbar-toggler {color: rgb(255, 255, 255) !important;border-color:rgba(0,0,0,.1);margin:0 auto;background-color: black;}
.top1{left: 0px !important;}
.margtop26{margin-top: 26px;}
.box-banner-7::before{right: 0;height: 45px;}
.box-banner-7::after{left: 0;height: 45px;}
.fnt21{font-size: 23px;margin:15px auto;}
.shape1{display: none;}
.homeright {border-radius:45px;margin-top: 30px;}
.homebg2{background-size: 18% 6%;}
.box-image-about-us-2 .image-about-1::after{height: 140px; width: 140px;top: -23px;right: 0;left: auto;}
.box-image-about-us-2 .image-about-2 {bottom: -74px;right: 34px;}
.box-image-about-us-2 .image-about-2 img{width: 157px;}
.box-info-about-line {padding-left: 0;padding-top: 45px;}
.center5 {border-top:1px solid rgba(255, 255, 255, 0);}
.center4 {border-right:1px solid rgba(255, 255, 255, 0);}
#counter{margin-top: 30px !important;}
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.box-banner-7::before {top: 0;right: 0;height: 55px;}
.box-banner-7::after {bottom: 0;left: 0;height: 55px;}
.fnt40 {font-size: 25px;}
.font-16{font-size: 16px;}
.shape1{left: -61px;bottom: 20px;transform: rotate(-48deg) !important;}
.cliply {background-image: none;}
.navbar-light .navbar-toggler {color: rgb(255, 255, 255) !important;border-color:rgba(0,0,0,.1);margin:0 auto;background-color: black;}
.top1{left: 0px !important;}
.center5 {border-top:1px solid rgba(255, 255, 255, 0);}
.center4 {border-right:1px solid rgba(255, 255, 255, 0);}
#counter{margin-top: 30px !important;}
.order11{order: 2;}
.feature-three_item{padding: 64px 8px 23px;margin-bottom: 30px;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
}

.time-of-year {
	margin: 100px 75px 10px 75px;
	position: relative;
	transform: translateZ(0);
	-webkit-transform: translateZ(0); }
.time-of-year .tooltip {
	background: #db2a1b;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;}
.time-of-year .tooltip::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #db2a1b;
	bottom: 58px;
	content: " ";
	position: absolute;
	left: 0%;
	margin-left: -13px;
	transform: rotate(92deg);}
.time-of-year:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);}