@import url('https://fonts.googleapis.com/css2?family=Kelly+Slab&family=Poppins&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Alegreya|Assistant&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
li{list-style-type:none!important;}
a{text-decoration:none!important;}
html{scroll-behavior: smooth;}
.kel{font-family: 'Montserrat', sans-serif;}
.pop{font-family: 'Poppins', sans-serif;}
.head{font-family: 'Alegreya', serif;font-size:19px;height:70px;}
.headed{font-family: 'Alegreya', serif;font-size:22px;height:70px;}
.alg{font-family: 'Alegreya', serif;}
.yte{ color: #fff!important;}
.yte1{color:black;}
.iconfnt{font-size:30px!important; color:white;}
.bord{border-right: 2px solid white;}
.pad{padding:90px 0;}
.fullpad{padding:0!important;margin:0!important;}.heading4{font-size: 1.9rem;}.heading2{font-size:30px;}
.heading5{font-size: 1.25rem;color:black;} .heading6{font-size:25px;}.whyclr{color:#ff0084;}
/*****/
.topback {background-image: url("../images/456.jpg");background-repeat: no-repeat;background-size: cover;}
.slo1{font-size: 60px;}.slo2{font-size: 30px;}
#home {background-size: cover;background-repeat: no-repeat;background-attachment: fixed;display: table;width: 100%; height: 100%;min-height: 100%;overflow-x: hidden;overflow-y: hidden;background-position: 50% 0px;}
.homecenter {height: 100vh;vertical-align: middle;display: table-cell;position: relative;}
.toppagelogo {width: 300px;}
.bounce {animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.move {width: 40px;margin-left: auto;margin-right: auto;animation: anim2 ease-in-out 3s infinite alternate;-webkit-animation: anim2 ease-in-out 3s infinite alternate;-moz-animation: anim2 ease-in-out 3s infinite alternate;}
.move a {border-radius: 50%; border: 2px solid white; color: white; padding: 20px; -webkit-transition: 0.2s background linear; -moz-transition: 0.2s background linear; transition: 0.2s background linear;}
.move a:hover {background-color: white; color:black; text-decoration: none;}
@keyframes anim2{
0%{-webkit-transform: scale(1.0) rotate(0deg);}
50%{-webkit-transform: scale(0.8) rotate(10deg);}
100%{-webkit-transform: scale(1.2) rotate(-20deg);}
}
.crs{font-style: italic;}
/**Top**/
.top{background:#fa9408;color: #fff;}.top a{font-weight: bold;}.top1{background-color:#ea007c ;}
/**navbar**/
.logo {width:170px;}
.navbar-toggler{background-color: white!important; border:2px solid black!important;}
.navfont{font-family: 'Alegreya', serif; font-size:21px; font-weight:bold;}
.navbar-light .navbar-nav .nav-link {color:black!important;}
.navbar-light .navbar-nav .nav-link:hover {color:red!important;}
.navbar-light .navbar-nav .active>.nav-link {color:red!important;}
.navbar-light .navbar-nav .active>.nav-link :hover{color:red!important;}
/**welcome**/
.welpic{width:200px;}
.titles h2 {font-size: 25px; display: inline-block; font-weight: bold; text-transform: uppercase; border: 2px solid #ffbc8c; color: white; box-shadow: 0px 9px 16px -10px #000;
 padding: 13px 50px 12px 50px; margin-bottom: 30px; width:100%; border-radius: 94px 94px 0 0; background: #ff0084;}
.para{font-size:15.5px; line-height:28px;}
.btn1 {padding: 12px 20px !important;border-radius: 50px !important;font-size: 20px !important;}
/**special product**/
.brd{background: #ffffff;border-top: 2px solid #eaeaea;border-left: 2px solid #eaeaea;border-right: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition: all ease 0.55s;transition: all ease 0.55s;}
.brd:hover{border-bottom-color: #90c899;}
.content {position: relative; width: 100%; overflow: hidden;}
.content .content-overlay {background: rgba(0,0,0,0.7);position: absolute;height: 100%;width: 100%;left: 0;
  top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.content:hover .content-overlay{opacity: 1;}
.content-image{width: 100%;}
.content-details {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0;
  -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.content:hover .content-details{top: 50%; left: 50%; opacity: 1;}
.fa-link, .fa-edit{font-size:32px!important; color:white!important;}
.splproduct{background-image: url("../images/ourspecialbackground.jpg");background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;height: auto;position: relative;}
.splproduct::before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color:#000000c4;content: "";}
/**special**/
.padht {transition: 0.5s; transform: translateY(0);}
.padht:hover {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px); transform:translateY(-10px);}
.card-wrapper {padding: 3rem 2rem;position: relative;height: 470px;border-radius: 10px;border-top:5px solid #223645;
  border-bottom:5px solid #223645;}
.card1{background-color:whitesmoke;}
.picus{width:150px;}
/**Works**/
.workbg{background-color:#f8f9fa;}
.cardbg{background-color:#f0eaca!important;}
.main{color: #c25e00 !important;font-size:40px!important;}
.card-body{border:1px solid #f0eaca!important}
/**Gallery**/
.owl-nav{display:none;}
.owl-dots{display:none;}
.btns{display: table; margin: 30px auto;}
.customNextBtn, .customPreviousBtn{float: right;background: #c82333;color: #fff;padding: 15px 20px;margin-left: 10px; cursor: pointer;border-radius: 50px;}
.pointer {cursor: pointer;}
.categories_grid  {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;}
.categories_grid .wrapper {
  width: 100%;
  background: transparent;
  position: absolute;
  left:0;
  bottom: 0;
  line-height: 1;
  padding: 100px 20px 30px 20px;
background: linear-gradient(to bottom, transparent, black);}
.categories_grid  .wrapper h2 {
  color: #fff;
  font-weight: 400;
  font-size: 1.15rem;
  margin: 0;
  -webkit-transform: translateY(20px) translateZ(0);
  transform: translateY(20px) translateZ(0);
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.categories_grid :hover h2 {-webkit-transform: translateY(-5px) translateZ(0); transform: translateY(-5px) translateZ(0);}
.categories_grid  .wrapper p {
  color: #fff;
  opacity: 0;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-transform: translateY(20px) translateZ(0);
  transform: translateY(20px) translateZ(0);
  -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: 0s;
}
.categories_grid :hover p {
  opacity: 0.8;
  transition-delay: 0.2s;
  -webkit-transform: translateY(10) translateZ(0);
  transform: translateY() translateZ(0);
}
/**footer**/
.footer{background-color:black;}
.smallfnt{font-size: 14px;}
.text1 {position: relative; padding: 0 0 0 30px; margin-top: -43px;}
.heads{color:#fff701;}
.fullpad1{padding:0!important; margin:0!important;}
.locate{color: #ff5501!important;font-size:25px!important;}
.phon{color: #0adae7!important;font-size:25px!important;}
.line {border-top: 1px solid #ccc !important;}
/**aboutsection**/
.aboimg{width:85%;}
.aboutpage{border-radius: 10px;border-top:5px solid #223645;border-bottom:5px solid #223645;background-color:whitesmoke;}
/**vision & Mission**/
.quality{padding:20px;}
.quality1{background-color:white;border-radius:15%;}
.abticnfnt{font-size:60px!important;}
.vmv{width:75%;}.dar{color:#001a47;}.org{color:#FF4F01;}
#loading {
		-webkit-animation: rotation 8s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
.ourbg{background-color:#f7d00147;}
/**product**/
.smallborder5 { margin-left: calc(0.3% - 0px);width: 40px;height: 3px;background-color:white; margin-top: 15px; margin-bottom: 15px;}
.sticky-top1{position: sticky;top: 30px; padding-left: 20px;overflow-y: scroll !important;height: 592px !important;scrollbar-width: thin !important;}
.servicebg{background-color:#ec1f24; border-radius: 20px;}
.links li {position: relative; line-height: 30px; overflow: hidden;}
.links li a {font-size: 13px!important;position: relative;display: block;color: white;font-size:15px;
    text-decoration: none;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;}
.links li a::before {font-family: 'FontAwesome';content: '\f0da';position: absolute;left: -20px; top: 0px;width: 24px;line-height: 30px;display: block;color: white;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;}
.links li a:hover {padding-left: 15px; color: #000;}
.links li a:hover::before {left: 0px;}
/**Mobile View**/
.dropbtn {color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer; width:100%; background-color: navy;}
.dropdown {position: relative;display: inline-block;text-align:center; width: 100%; z-index:2;}
.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:#ec1f24; width: 100%;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content li a {color: white;padding: 12px 16px;text-decoration: none;display: block;font-size:16px;}
.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);
  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);}
/**footer**/
.contback{background:#f5f5f5;border-radius: 10px;
  border-top:5px solid #223645;
  border-bottom:5px solid #223645;}.form-group{margin-bottom:1rem}
.info-wrap h3{color:#fff}.info-wrap .dbox{width:100%;color:rgba(255,255,255,.8);margin-bottom:25px}.info-wrap .dbox:last-child{margin-bottom:0}.info-wrap .dbox p{margin-bottom:0}.info-wrap .dbox p span{color:#fff}.info-wrap .dbox p a{color:#fff}.info-wrap .dbox .icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1)}.info-wrap .dbox .icon span{font-size:20px;color:#fff}.info-wrap .dbox .text{width:calc(100% - 50px)}@media (min-width:992px){.info-wrap{margin-top:-20px;margin-bottom:-20px;border-radius:5px}}
.info-wrap .dbox .text {width: calc(100% - 50px);}
.conthead{font-size:20px;}.contpara{font-size:15px;}.contlogo{width:80%;}
.lightbox{position:fixed!important; top:50px!important;}

@media (min-width:5px) and (max-width:767.98px){
.logo{width:160px;}.pad{padding:40px 0;}.titles h2 {font-size: 16px;padding: 13px 40px 12px 40px;}
.padd{padding:25px 0px;}.paraquality{margin:0 0 0 5%;padding:0 0 1rem 0;font-size:14px;}.abohead{font-size:27px;}
.owl-theme .card-body{height:85px!important;}
.productsmall{display:block;}.splproduct h2{font-size:20px;}.why{font-size: 35px;}
.main {font-size: 25px !important;}
.toppagelogo {width: 250px;}
.heading5{font-size:15px;}
.navback{background-color:#f0eaca ;}
.slo1{font-size: 43px;color:#ea007c;}.slo2{font-size: 25px;color: forestgreen;}
ul.breadcrumb li {font-size: 14px!important;}
.topback2 {background-image: url("../images/456.png"),radial-gradient(#f0f0b6b0, #fbda2773); background-repeat: no-repeat;}
.move a {border: 2px solid #ea007c; color:#ea007c;}
.move a:hover {background-color:#ea007c; color:white; text-decoration: none;}
.cent{margin-left: auto;margin-right: auto;display:block;}
.dropdown-content li a {
  font-size: 14px !important;
  padding: 0px 16px !important;
}
}

@media (min-width:768px) and (max-width:992.98px){
.pad{padding:40px 0;}.ipadview{display:block;margin-right:auto;margin-left:auto;}
.about_box h4 {font-size:23px;}.owl-theme .card-body{height:85px!important;}.productsmall{display:block;}
.navback{background-color:#f0eaca ;}
.toppagelogo {width: 250px;}
.slo1{color:#ea007c;}.slo2{color: forestgreen;}
.topback2 {background-image: url("../images/456.png"),radial-gradient(#f0f0b6b0, #fbda2773); background-repeat: no-repeat;}
.move a {border: 2px solid #ea007c; color:#ea007c;}
.move a:hover {background-color:#ea007c; color:white; text-decoration: none;}
.dropdown-content li a {
  font-size: 14px !important;
  padding: 0px 16px !important;
}
}


@media (min-width:5px) and (max-width:320px){
	.dropdown-content li a {font-size:14px;}
}
@media (min-width:321px) and (max-width:767.98px){
	.dropdown-content li a {font-size:16px;}
}

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: white;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: red;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: red;
  text-decoration: underline;
}
#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 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	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;
	-webkit-box-shadow: 0px 4px 15px -5px #0046d5;
	box-shadow: 0px 4px 15px -5px #0046d5;}

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