@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;}
html{scroll-behavior: smooth !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;}
.lightbox{position:fixed!important;top:50px!important;} 
.pad{padding:90px 0;}
.wrdbrk{white-space:pre;}
.rel{position: relative;}
.fullpad{padding: 0!important; margin:0!important;}
.arial {font-family: Arial, sans-serif;font-weight: 600;}
.helvetica {font-family: helvetica, sans-serif;line-height:28px;}
.smallfnt{font-size: 14px;}
.clr1{color:#e947a5;}
header{border-top-color: #333;}
header {border-top: 6px solid;border-top-color: currentcolor;}
.navline a::before{
	content: '|';
	padding-right: 30px;
	color: #fff !important;
	font-size: 15px;
	position: relative;
	bottom: 2px;}
.top-bar-infoa1 li {font-size: 14px;color: #fff;display: inline-block;padding-right: 15px;}
.top-bar-infoa1 li i {color: #000 !important; font-size: 16px; display: block; line-height: 35px; text-align: center;}
.topmenu::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 50%;
	height: 39px;
	background:#333;}
.topmenu nav:first-child::before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 39px solid;
	border-top-color: currentcolor;
	border-left: 39px solid transparent;
	position: absolute;
	left: 113%;}
header, .topmenu nav:first-child::before {border-top-color: #333;}
.h-block:last-child{text-align: left;float: left;border-right: none;padding: 5px 15px;}
.topmenu nav {height: 39px;line-height: 32px;}
.header-padding {padding: 25px 0;font-weight: 500;}
.header-padding div {text-align: left;float: left;border-right: 1px solid #eee;padding: 5px 15px;}
.main-menu {
	position: relative;
	text-transform: uppercase;
	height: 65px;
	line-height:40px;
	font-size: 13px;
	font-weight: 700;
	background-color: #3a86ff;}
.main-menu::before {
	right: 99%;
	position: absolute;
	display: block;
	content: "";
	width: 30px;
	height: 65px;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	top: 0px;
	background: #3a86ff;}
#main-menu-bg {height: 65px;position: absolute;left: 50%;width: 50%;background-color: #3a86ff;}
.navbar-nav > li:last-child > a {border-right: 0px none;}
.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;line-height: 12px;}
.nav > li > a {position: relative;display: block;padding: 0px;margin: 15px 10px;}
footer {position: relative;border-bottom: 10px solid;}
footer::before {
	height: 65px;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 50%;
	bottom: 0px;}
footer .color-part2 {position: absolute;margin-top: -5px;text-align: center;left: 0px;right: 0px;z-index: 2;}
footer .color-part2::after {
	content: "";
	display: inline-block;
	border-top: 18px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	height: 0;
	width: 900px;
	max-width: 90%;
	position: relative;
	margin-top: -10px;}
footer .color-partNew {background-color:#fcd63c;color: #2e0000 !important;}
footer .color-part {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	bottom: 0px;
	width: 50%;
	margin-left: -18%;
	transform: skew(-6deg);}
footer .block-content {background: url("../images/footer-bg.webp") no-repeat center center;background-size: auto;background-size: cover;}
.block-content {margin-top: 80px;margin-bottom: 10px;}
footer {background: #000;}
.title-line{line-height: 16px;padding-bottom: 19px;margin-bottom: 33px;color: #ffffff;position: relative;}
.title-line::before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	content: "";
	width: 66px;
	background-color: #898989;}
.title-line::after {
	position: absolute;
	left: 0;
	bottom: 4px;
	height: 1px;
	content: "";
	width: 132px;
	background-color: #898989;}
.text1 {position: relative;padding: 0 0 0 25px;margin-top: -41px;}
.homebanner{background-image: url("../images/homebanner.webp");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.border-text {
	display: inline-block;
	margin-bottom: 0;
	-webkit-text-stroke: 1px #000;
	color: transparent;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.1;}
.bordertxt2{font-size: 50px; font-weight: 700;}
.custm-btn::after {
	background-color: #F7A408;
	border-radius: 500px;
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-100%, 0) rotate(0);
	transform-origin: top left;
	transition: 0.5s transform ease-out;
	z-index: -1;}
.custm-btn{
	position: relative;
	overflow: hidden;
	transition: 0.2s transform ease-in-out;
	will-change: transform;
	z-index: 0;
	display: inline-block;
	border: none;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	background:#e947a5;
	text-align: center;
	padding: 18px 36px;
	width: auto;
	line-height: 1;
	border-radius: 500px;
	text-transform: none;
	color: #fff;
	outline: none;}
.custm-btn:hover::after{transform: translate(0, 0);}
.pl-125 {padding-left: 125px!important;}
.rowpad{padding: 30px 10px 140px 10px;}
.parallax1 {
	background-image: url("../images/printingbg.jpeg");
	height: auto;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;}
.parallax1::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;}
.parallax2 {
	background-image: url("../images/parallax2.jpg");
	height: auto;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;}
.parallax2::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;}
.contactbg{background:url("../images/contactbg.webp");background-position: center;background-size: cover;}
.contact-form input, .contact-form textarea {
	border: 1px solid #E3E4E6;
	font-size: 16px;
	width: 100% !important;
	padding: 10px 20px;
	border-radius: 10px;
	background:#fff;}
.formbg{background:#f4f6f9;}
.mb-30{margin-bottom:30px;}
.contactcontent{
	position: relative;
	bottom:60px;
	left:30px;
	z-index:5;
	color: #000;
	background: linear-gradient(to right,#04caf7 0%,#47d6e8 100%);}
.contact-info-inner {position: relative;padding: 25px 70px;}
.contact-icon i {position: absolute; left: 12px; top: 30px; line-height: 1em; font-size: 40px; color:#000;}
.icon-outer{position: relative; text-align:center;}
.icon-outer .icon-box {
	position: relative;
	width: 134px;
	height: 180px;
	color: #ec0000;
	font-size: 50px;
	line-height: 180px;
	z-index: 1;
	text-align: center;
	font-family: "flaticon";
	background: url("../images/stepbg.webp") center center no-repeat;}
.icon-box i{
	color: #ec0000;
	font-size: 50px;
	line-height: 180px;
	text-align: center;}
.product-head{position: relative;z-index: 1;}
.product-inner {margin-top: 30px;position: relative;transition: all .3s ease;}
.product-image-box{position: relative;}
.product-head .image {position: relative;width: 100%;margin-bottom: 0;overflow: hidden;}
.product-head .image::before {height: 100%;opacity: .95;background: linear-gradient(rgba(17,255,43,0),rgba(1,20,37,.231) 56%,#0f1b24 90%);}
.product-head .image::after, .product-head .image::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	pointer-events: none;
	transition: all .3s ease;
	z-index: 1;}
.product-head .image::after {
	height: 0;
	opacity: 0;
	background: linear-gradient(rgba(17,255,43,0),#0f1b24 56%,#0f1b24 80%);}
.product-head .icon-box::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background-color:#000;
	content: "";
	transition: all .5s ease;}
.product-head .icon-box .icon {
	background-color: #000;
	color: #fff;
	font-size: 50px;
	position: absolute;
	padding: 15px 52px 15px 18px;
	-webkit-clip-path: polygon(0 0,100% 0,70% 100%,0 100%);
	clip-path: polygon(0 0,100% 0,70% 100%,0 100%);
	transition: all .5s ease;}
.product-head .icon-box .icon {color: #fff;font-size: 50px;}
.product-head .icon-box {
	position: absolute;
	top: -20px;
	left: 24px;
	width: 120px;
	z-index: 1;}
.product-head .icon-box i {line-height: 0; text-align: center;}
.product-head .content-box {
	background-color: hsla(0,0%,100%,.102);
	bottom: 15px;
	height: 50px;
	left: 15px;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	position: absolute;
	right: 30px;
	transition: all .3s ease;
	z-index: 2;}
.product-head .titletext {
	color: #fff;
	position: relative;
	margin-bottom: 0;
	transition: all .3s ease;}
.product-head .content-box .hidden-content {position: relative;overflow: hidden;}
.product-head .titletext {
	color: #fff;
	position: relative;
	margin-top: 3px;
	transition: all .3s ease;}
.product-head .read-more {
	color: #fff;
	position: absolute;
	right: 10px;
	top: 9px;
	font-size: 20px;
	transition: all .3s ease;}
.product-head .read-more .icon {transform: rotate(-45deg);transition: all .3s ease;}
.product-head  .product-inner:hover .content-box {background-color: rgba(0, 0, 0, 0.61);height: 160px;padding: 10px 10px 10px 10px; z-index: 2;}
.product-head .product-inner:hover .read-more .icon {transform: none;}
.product-head .product-inner:hover .read-more {top: 25px;}
.product-head .product-inner:hover .icon-box .icon {background-color: #0f1b24;}
.product-head .inner-box:hover .image::after {height: 100%;opacity: 1;}
.list li {
	position: relative;
	width: 100%;
	line-height: 26px;
	color: #282932;
	min-height: 50px;
	margin-bottom: 0px;
	padding: 12px 0px 12px 52px;}
.list li i {
	position: absolute;
	left: -7px;
	top: -6px;
	font-size: 65px;
	line-height: 50px;
	font-weight: 400;}
.productfnt{font-size:50px;}
.section-content {
	background: #fff;
	border-left: 6px solid #da251d;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	-webkit-box-shadow: 0 6px 12px 0px #d3dbe33d;
	box-shadow: 0 6px 12px 0px #d3dbe33d;}
.round-box {
	position: absolute;
	top: 200px;
	right: 5px;
	width: 160px;
	height: 160px;
	border: 15px solid rgba(255, 255, 255, 0.10);
	border-radius: 50%;
	animation: fa-spin 5s ease 1;
	z-index: 99;}
.round-box .inner {
	display: block;
	width: 100%;
	height: 100%;
	background: #da251d;
	border-radius: 50%;
	padding: 33px 0;}
.round-box .inner p {
	color: #ffffff;
	font-size: 30px;
	line-height: 22px;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
	text-align: center;}
.site-btn {
	border-radius: 40px;
	border: 2px solid #da251d;
	display: inline-block;
	padding: 8px 27px;
	position: relative;
	font-weight: 700;
	color: #000;
	background: #fff;}
.site-btn1 {
	padding: 8px 27px;
	font-weight: 700;
	display: inline-block;
	position: relative;
	color: #da251d;
	background: transparent;
	font-size: 15px;}
.site-btn .icon {
	width: 40px;
	height: 40px;
	background: #da251d;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0px 6px 12px 0px #ee860047;
	box-shadow: 0px 6px 12px 0px #ee860047;
	margin-left: 20px;
	-webkit-transition: 0.3s;
	transition: 0.3s;}
.bodybg {background-color: #fffae045;}
.pt {font-size: 18px;line-height: 40px;}
.text2 {position: relative; padding: 0 0 0 45px; margin-top: -30px;}
.count-box {
	padding: 30px 25px 10px 25px;
	position: relative;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
	border-radius: 15px;}
.counttext,.bannerhead {color: #001436;font-size: 40px;}
.bg-fnt {background-color: #fff !important;box-shadow: 0 10px 20px rgba(0,0,0,0.10);}
.whychsbg{background:url("../images/whychs.jpg");background-size: cover;background-position: center;}
.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	height: auto;}
.footer__copyright {border-top: 1px solid #929292;padding: 18px 0 0px 0px;}
.navbar-light .navbar-nav .active > .nav-link {color:#000 !important;}
.top-bar-info li {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	list-style-type: none;
	display: inline-block;
	margin-bottom: 0px;
	padding-right: 15px;}
.servicebg {
	padding: 40px 10px;
	border-radius: 2%;
	box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
	font-size: 14px;
	background-position: 50%;
	background-repeat: repeat;
	background-size: 200px;
	padding-bottom: 55px;
	background-position: center;
	position: sticky;
	top:43px;}
.servicebg::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background:#f00;
	opacity: 0.9;
	border-radius: 2%;}
.secpad{padding: 0 0 0 7px !important;}
.gridpad{padding-top: 9px !important;}
.dropbtn {color:white;padding: 16px;font-size: 16px;border: none;cursor: pointer; width:100%; background-color:#f00;}
.dropdown-content li a:hover {padding-left: 35px;transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-ms-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;}
.dropdown-content {display: none;position: absolute;overflow: auto;background-color:white; width: 100%;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.ulmobile {list-style-type: none;padding: 0;}
.margn-top{margin-top: 10px;}
.secpad{padding: 0 0 0 7px !important;}
.gridpad{padding-top: 9px !important;}
.dropbtn {color:white;padding: 16px;font-size: 16px;border: none;cursor: pointer; width:100%; background-color:#f00;}
.dropdown-content li a:hover {padding-left: 35px;transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-ms-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;}
.dropdown-content {display: none;position: absolute;overflow: auto;background-color:white; width: 100%;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.ulmobile{list-style-type: none; padding: 0;}
.show {display: block;}
.dropdown-content {display: block; visibility: hidden; opacity:0; -webkit-transform-origin: top;transform-origin: top;
-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0);
transition: all 1s linear;-webkit-transition: all 1s linear;}
.dropdown-content.show {display: block;visibility: visible;opacity:1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.dropdown-content li a {
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  font-size: 18px;
  font-weight: 700;}
.nav-pills .nav-link.active::before {opacity: 1;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff!important; background-color:#000 !important;}
.nav-pills .nav-link {color: #aaa; background: #fff; position: relative;padding:10px;}
.nav-pills .nav-link::before {
	content: '';
	display: block;
	border-top: 8px solid transparent;
	border-left: 10px solid #0d0c0c;
	border-bottom: 8px solid transparent;
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	opacity: 0;} 
.font-weight-bold {font-weight: 700 !important;}
.border-right {border-right: 1px solid #dee2e6 !important;}
.servicebg {  font-size: 14px; }
.smallborder1 {width: 90px;height: 2px;background-color:#000;}
.ulmobile {list-style-type: none;padding: 0;}
.margn-top{margin-top: 10px;}
.show {display: block;}
.youtube_icns {position: absolute;right: 18%;bottom: 37%;}
.raamji2{width: 339px;border: 3px dashed #ffc107;margin-bottom: 9px;}
.owl-carousel .owl-nav.disabled {display: block !important;}
.owl-prev span {
	width: 45px;
	height: 45px;
	opacity: 1;
	font-size: 30px;
	color: #fefefd;
	background-color: #ff1818;
	display: block;
	position: absolute;
	left: -13px !important;
	top: 145px !important;
	line-height: 37px;
	border-radius: 46px;}
.owl-next span {
	width: 45px;
	height: 45px;
	opacity: 1;
	font-size: 30px;
	color: #fefefd;
	background-color: #ff1818;
	display: block;
	position: absolute;
	right: -15px !important;
	top: 145px !important;
	line-height: 37px;
	border-radius: 46px;}
.owl-dots{display: none;}
.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;}}


@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
footer .color-partNew {background-color:#09bc8a;color: #2e0000 !important;}
.mobileclr{color:#fff!important;}
.contactcontent {position: relative;bottom: 0;left: 0;}
.formbg {background: #fff;}
.pl-125 {padding-left: 36px !important;}
footer {background: #09bc8a;}
.youtube_icns {position: absolute;right: 60px;bottom: 40%;}
.navbar-light .navbar-toggler {color: white !important;background-color: #ed1715;}
.owl-prev span {left: 0 !important; top: 0 !important; position: relative; }
.owl-next span {right: 0 !important; top: 0 !important; position: relative;}
.mbl_logo{width:275px;}
.bordertxt2, .border-text {font-size: 40px;}
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
footer .color-partNew {background-color:#09bc8a;color: #2e0000 !important;}
.mobileclr{color:#fff!important;}
.contactcontent {position: relative;bottom: 0;left: 0;}
.formbg {background: #fff;}
footer {background: #09bc8a;}
.youtube_icns {position: absolute;right: 0;bottom: 34%;}
.navbar-light .navbar-toggler {color: white !important;background-color: #ed1715;}
.owl-prev span {left: 0 !important; top: 0 !important; position: relative;}
.owl-next span {right: 0 !important; top: 0 !important; position: relative;}
}

#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);}