*{
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
}
html{
	scroll-behavior:smooth;
}
body{
	font-family: 'Tenali Ramakrishna', sans-serif!important;
	overflow-x:hidden;
}
a:hover{
	text-decoration:none!important;
}
ul{
	margin:0;
	padding:0;
}
.right-upper{
	text-align:right;
}
nav{
	position:sticky;
	top:0;
	background-color:#fff;
    width: 100%!important;
    z-index: 9999;
    min-height: 120px;
    padding: 10px;
}
#baguetteBox-slider img{
    background-color:#fff!important;
}
.small{
	min-height:108px!important;
	border-radius:0px 0px 50px 50px;
}
.small .logo img{
	width:150px;
}
.small .menu{
	margin-top:-56px;
}
nav .logo img{
	display:block;
	margin:auto;
}
nav .menu{
	float:none;
	margin-top:-64px;
}
nav .menu li{
	float:left;
	position:relative;
	padding:0px 20px;
}
nav .menu li:nth-child(8){
	float:right;
}
nav .menu li:nth-child(6){
	float:right;
}
nav .menu li:nth-child(7){
	float:right;
}
nav .menu-1 li:nth-child(4){
	float:right;
}
nav .menu-1 li:nth-child(5){
	float:right;
}
nav .menu-1 li:nth-child(6){
	float:right;
}
nav .menu li a{
	color:#000;
    font-size:24px;
    text-transform:uppercase;
    font-weight:500;
}
nav .menu li a:hover{
	color:#d24a88;
}
.checkbtn{
	font-size:30px;
	color:#000;
	float:right;
	line-height:104px;
	margin-right:10px;
	cursor:pointer;
	display:none;
}
.crossbtn{
	margin-left:100%;
	display:none;
}
.crossbtn i{
	color:#fff;
}
#check,#cross{
	display:none;
}
.sub-menu{
	position: absolute;
    background-color:#fff;
    top: 50px;
    left: 21px;
    border-top: 5px solid #d24a88;
    min-width: 200px;
    display: none;
    padding:0px 10px;
    border-bottom: 5px solid #d24a88;
}
.sub-menu:after{
	content: '';
    position: absolute;
    top: -13px;
    left:32px;
    width: 20px;
    height: 20px;
    background: linear-gradient(45deg,transparent 46%,#d24a88 47%);
    transform: rotate(-45deg);
}
nav .menu li:hover .sub-menu{
	display:block;
}
.sub-menu li{
	display: block!important;
	width:100%;
    float: none!important;
    padding-bottom: 0px;
    margin: 10px 0px 0px 0px;
    border-bottom: 1px solid #d24a8833;
}
@media (max-width:992px) and (min-width:200px){
	.checkbtn{
		display:block;
	}
    .menu{
		position:fixed;
		width:100%;
		height:100vh;
		background-color:#d24a88;
		top:0px;
		left:-100%!important;
		margin-top:0px!important;
		transition:all .5s ease;
		padding:50px;
	}
	.menu li{
		float:none!important;
		display:block!important;
		padding:15px 0px!important;
		border-bottom: 1px solid #ffffff70;
		margin-top:8px;
	}
	.menu li a{
		color:#fff!important;
	}
	.crossbtn{
		display:block;
	}
	#check:checked ~ .menu{
		left:0!important;
	}
	nav .logo img{
		margin:0px!important;
	}
}
.left-upper{
	background-color:#eeeeee;
	color:#000;
	padding:10px 0px 10px 0px;
	line-height:0px!important;
}
.text-left-upper{
	padding-left:120px;
}
.text-left-upper a{
	font-size:25px;
	color:#000;
	font-weight:500;
}
.text-left-upper a:hover{
	color:#d24a88;
}
.text-left-upper a i{
	font-size:18px;
}
.right-upper{
	background-color:#eeeeee;
	padding:10px 0px 10px 0px;
	line-height:0px!important;
}
.right-upper .social-icon{
	padding-right:120px;
}
.right-upper .social-icon a{
	color:#000;
	padding-right:10px;
	font-size:16px;
}
.right-upper .social-icon a:hover{
	color:#d24a88;
}
.right-upper .social-icon a:last-child{
	padding-right:0px!important;
}
/*why us css start*/
.why-text{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:20px 10px;
	border-radius:20px;
	transition:all 0.3s ease-in-out;
}
.why-text:hover{
	box-shadow:none;
}
.img-shadow img{
	width:60px;
    height: 60px;
	display:block;
	margin:20px auto;
	transition:all 0.3s ease-in-out;
}
/*.img-shadow img:hover{
	animation: bounce; /* referring directly to the animation's @keyframe declaration */
 /* animation-duration: 1s;*/
/*}*/
.why-text h5{
	    font-weight: 600;
    font-size: 25px;
    margin-bottom:0px!important;
}
.why-text p{
	font-size:21px;
	font-weight: 500;
	color:#d24a88;
}
.why-us-text{
	background-color:#eeeeee;
}
/*why us css end*/
/*about us css start*/
.sec-spacer{
	padding:100px 0px;
	position:relative;
}
.title span{
	position:relative;
}
.title h3:first-letter,.pro-title h3:first-letter{
	color:#d24a88;
	font-size:65px;
	font-weight:500;
}
.title h3{
	font-size:45px;
	font-weight:600;
}
.title .dot-1:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:0px;
    background-color:#d24a88;
    border-radius:50%;
}
.title .dot-2:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:12px;
    background-color:#d24a88;
    border-radius:50%;
}
.title .dot-3:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:24px;
    background-color:#d24a88;
    border-radius:50%;
}
.title .dot-4:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:36px;
    background-color:#d24a88;
    border-radius:50%;
}
.about_img img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*border-radius:20px 20px 20px 20px;*/
}
.about_text{
	padding:50px 60px 45px 60px;
	background-color:#fff;
/*	border-radius:20px;*/
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.about_text p{
	font-size:21px;
}
.img-about{
	display:block;
	margin:auto 0;
}
/*about us css end*/
/*product css start*/
.pro-title h3{
	font-size: 45px;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
}
.pro-head{
    text-align:center!important;
}
.pro-title span{
	position:relative;
}
.pro-title .dot-5:after{
    left:524px!important;
}
.pro-title .dot-6:after{
    left:536px!important;
}
.pro-title .dot-7:after{
    left:548px!important;
}
.pro-title .dot-8:after{
    left:560px!important;
}
.pro-title .dot-1:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:0px;
    background-color:#d24a88;
    border-radius:50%;
}
.pro-title .dot-2:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:12px;
    background-color:#d24a88;
    border-radius:50%;
}
.pro-title .dot-3:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:24px;
    background-color:#d24a88;
    border-radius:50%;
}
.pro-title .dot-4:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-25px;
    left:36px;
    background-color:#d24a88;
    border-radius:50%;
}
.pro-bg{
	background-image:url(../images/pr-bg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-repeat:repeat;
	background-size:contain;
}
.bg{
    background-color: rgba(1, 1, 1, 0.65);
	padding:50px 50px 0px 50px;
}
.box17{position:relative;overflow:hidden;background: #fff;padding:20px 20px 25px 20px;margin-bottom:50px;width:100%;height:280px;}
.bottom-text h3{
	background-color:#d24a88;
	border-radius:20px;
	padding:8px 5px 3px 0px;
	position: relative;
	top:-70px;
    margin:0px 20px;
    font-size: 22px;
    font-weight:500;
}
.price{
    font-size:20px;
    margin-top:-60px;
}
.price p{
    text-align:center;
    color:#fff;
}
.bottom-text h3 a{
color:#fff;
}
.box17:hover .bottom-text h3{
    display:none;
}
.box17:after{content:"";width:100%;height:100%;    background: rgba(238, 238, 238, 0.77);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s;}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height:100%;transition:all 1.5s ease 0s;object-fit:contain;}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;padding-left:15px;padding-top:2px;color:#000!important;line-height:45px;margin:0 auto;top:50%;border:1px solid #000;opacity:0}
.box17:hover .icon li a{top:38%;opacity:1}
.box17 .icon li a:hover{background:#d24a88;color:#fff!important;border-color:#fff!important;}
.box17 .icon li:first-child a{left:-90%;right:0;}
.box17:hover .icon li:first-child a{left:-55px;color:#000!important;}
.box17 .icon li:last-child a{right:-90%;left:0;}
.box17:hover .icon li:last-child a{right:-55px;color:#000!important;}
.box17 .box-content{width:100%;padding:20px 10px;opacity:0;background: rgba(227, 0, 15, 0.19);bottom:-100px;left:0;z-index:1}
.box17:hover .box-content{bottom:0;opacity:1;}
.box17 .title{font-size:21px;text-align:center;font-weight:700;color:#fff;margin-top:-12px;transition:all 0.2s ease-in-out;}
.box17 .post{display:block;font-size:18px;text-align:center;color:#fff}
@media only screen and (max-width:990px){.box17{margin-bottom:30px}
}
/*new css*/
.box{
	background-color:#fff;
	padding-top:9px;
	position:relative;
}
.box img{
	background-color:#eeeeee;
}
.box .title{
	padding-top:10px;
	font-size:25px;
	font-weight:700;
}
.box-content{
	width:100%;padding:20px 10px;opacity:0;background: rgba(227, 0, 15, 0.19);bottom:-100px;left:0;z-index:1;
}
/*product css end*/
/*gallery css start*/
.owl-carousel .item{
	border:1px solid #000;
	width:100%;
	height:250px;
}
.owl-carousel .item img{
	padding: 10px 0px;
	height:100%;
	object-fit:contain;
}
.owl-nav{
	text-align:right;
	position: relative;
	top:40px;
}
.owl-prev span,.owl-next span{
	background: #000;
    color: #ffff;
    padding: 10px 10px 5px 10px;
    margin:0px 2px;
}
.owl-prev:focus,.owl-next:focus{
	outline:none!important;
}
/*gallery css end*/
/*footer css start*/
footer{
	color:#000;
	padding:50px;
	background-color:#eeeeee;
}
.footerinner{
	background-image:url("../img/bg-footer-box.png");
	background-repeat:no-repeat;
	height:300px;
	background-position:center;
}
footer h4:first-letter,.detail .title:first-letter{
	color:#d24a88;
	font-size:45px;
	font-weight:500;
}
footer h4,.detail .title{
	font-size:35px;
}
footer span,.detail span{
	position:relative;
}
footer .dot-1:after,.detail .dot-1:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-15px;
    left:0;
    background-color:#d24a88;
    border-radius:50%;
}
footer .dot-2:after,.detail .dot-2:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-15px;
    left:11px;
    background-color:#d24a88;
    border-radius:50%;
}
footer .dot-3:after,.detail .dot-3:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-15px;
    left:21px;
    background-color:#d24a88;
    border-radius:50%;
}
footer .dot-4:after,.detail .dot-4:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:-15px;
    left:31px;
    background-color:#d24a88;
    border-radius:50%;
}
footer p{
	font-size: 21px;
    line-height: 1.3;
    margin-top:15px;
}
footer ul{
	margin-top:15px;
}
footer a{
	color:#000;
}
footer a:hover{
	color:#d24a88;
}
footer i{
	font-size:16px!important;
}
footer ul li{
	border-bottom:1px dashed #000;
	padding:0px 0px;
	margin-top:3px;
}
footer ul li a{
	font-size:21px;
	color:#000;
}
.copyright{
	background-color:#000;
	color:#fff;
	font-size:21px;
	padding:9px 0px 7px 0px;
}
.copyright a{
	color:#d24a88;
}
.copyright a:hover{
	color:#fff;
}
.download{
     background-color:#fff;
     border-color:#727272;
     border-radius:5px;
     text-align:center;
     padding:40px 20px 30px 20px;
     transition:all 0.3s ease-in-out;
}
.download:hover{
	background-color:#d24a88;
	color:#fff;
}
.download:hover a{
	color:#fff;
}
.download a{
	color:#727272;
	font-size:21px;
}
.download i{
	font-size:20px!important;
}
/*footer css end*/
/*about page css start*/
.about-page{
    background-image:url(../img/0gDRbbUWEt.jpg);
   background-position: bottom!important;
   background-size:cover;
}
.main-heading h2{
    color:#fff;
    text-align:right;
    font-size:55px;
    text-transform:uppercase;
}
.back-bg{
    background-color:#eeeeee;
    padding:10px 0px 5px 0px;
}
.active-class{
    color:#d24a88!important;
}
.sub{
    margin-bottom:0px!important;
}
.sub li{
    display:inline-block;
    position: relative;
    padding-right:10px;
}
.sub li a{
    color:#000;
    font-size:21px;
}
.sub li:last-child:after{
    display:none;
}
.sub li:after{
    content:'/';
    position: absolute;
    right:0px;
    top:4px;
}
.about-page-text img{
    border-radius:25%;
    
}
.about-page-text p{
    font-size:21px;
}
.table tr td,.table tr th{
    font-size:21px;
}
/*about page css end*/
/*enquiry css start*/
label{
    font-size:21px;
}
.form-space{
    margin-bottom:30px;
}
.form-control{
    border-radius:0px!important;
    height:50px!important;
    border-color:#000!important;
}
textarea.form-control{
    height:100px!important;
}
.form-control:focus {
    color: #000!important;
    background-color: #fff;
    border-color:#d24a88!important;
    outline: 0!important;
    box-shadow:none!important;
}
form button{
    background-color:#d24a88;
    color:#fff!important;
    font-size:21px;
    padding:10px 50px 8px;
    border-radius:0px!important;
    transition:all 0.3s ease-in-out;
}
form button:hover{
    background-color:transparent;
    border-color: #d24a88;
    color:#000!important;
}
.contact-page .why-text i{
    font-size:20px;
    background:#d24a88;
    border-radius:50%;
    color:#fff;
    padding:10px 14px!important;
    transition:all 0.3s ease-in-out;
}
.contact-page .why-text:hover i{
    transform:rotate(365deg);
}
.contact-page .b-radius i{
    padding:10px 10px!important;;
}
.contact-page .why-text{
    height:180px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.contact-page .pt-50{
    padding-top:50px;
}
.contact-page .why-text p,.contact-page .why-text p a{
    color:#000;
}
.contact-page .why-text p:hover,.contact-page .why-text p a:hover{
    color:#d24a88;
}
/*enquiry css end*/
/*product page css start*/
.cbr{
    margin-bottom:50px;
}
.imgbrdr {
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 20px 20px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);
}
.imgbrdr img{
    display: block;
    margin: auto;
}
.detail p{
    font-size:21px;
}
.col1 h6 a{
    font-size:23px;
    color:#000;
}
.col1 h6 span{
    color: #dd271e;
    font-weight:600;
}
.pro-detail{
    margin:0px 0px 50px 0px;
}
.pro-detail-img{
   position: relative;
   overflow:hidden;
   border: 5px solid #dee2e6;
   margin:0px 110px;
}
.pro-detail-img img{
    object-fit:contain;
    width:100%;
    padding:40px;
    height:300px;
    display:block;
    transition: all 1.5s ease 0s;
    margin:auto;
}
.table{
    border-collapse: inherit!important;
}
.table-text tr td,.table-text tr th{
    font-size:21px; 
}
.pro-detail:hover .pro-detail-img img{
    transform:scale(1.1);
}
/*product page css end*/
/*button css*/
.view {
  text-align:right;
  margin-top:20px;
}
.view a{
  position:relative;
  color:#d24a88;
  font-size:21px;
}
.button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
      padding: 10px 20px 6px 20px;
    border: 1px solid  #ed1b26!important;
}
.button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:#d24a88;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--round-s::before {
  border-radius: 2px;
}
.button--ujarak.button--inverted::before {
  background: #d24a88;
}
.button--ujarak,
.button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
  color: #fff!important;
  border-color: #000!important;
}
a:not([href]):not([tabindex]) {
    color: #d24a88;
    text-decoration: none;
    font-size:21px!important;
}
.button--ujarak.button--inverted:hover {
  color: #fff!important;
  border-color: #fff;
}
.button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*button csss*/
@media (max-width:425px) and (min-width:200px){
    .right-upper,.left-upper{
        text-align:center!important;
    }
    .text-left-upper{
    	padding-left:0px!important;
    }
    .right-upper .social-icon{
    	padding-right:0px!important;
    }
    .about_img img{
    	margin-bottom:50px;
    }
    .about_text{
    	width:100%!important;
    	padding:50px;
    }
    .about_text p{
    	line-height:1.2;
    }
    .footerinner{
    	background-size:contain;
    	height:150px;
    }
    .pro-title h3 {
    font-size: 38px;
}
.why-text{
	margin-bottom:50px;
}
.why-text2{
    margin-bottom:0px;
}
.bottom-text h3{
    	margin:0px!important;
    	top:-50px;
    }
     .pro-head{
        text-align:left!important;
    }
    .pro-title .dot-5:after{
    left:0px!important;
}
.pro-title .dot-6:after{
    left:12px!important;
}
.pro-title .dot-7:after{
    left:24px!important;
}
.pro-title .dot-8:after{
    left:36px!important;
}
.col1 {
    flex: 100%;
    flex-basis: auto!important;
    flex-grow: 0!important;
}
.main-heading h2{
    font-size:39px;
}
.company{
    margin-top:50px;
}
iframe{
    margin-top:50px;
}
.imgbrdr{
    margin: 0px 50px 10px 50px;
}
.pro-detail-img {
    margin-left:0px!important;
    margin-right:0px!important;
}
.pro-detail h2{
    margin-top:50px;
}
.view{
    text-align:center;
}
}
@media (max-width:375px) and (min-width:200px){
    .hide{
    	display:none;
    }
}
@media only screen and (max-width:320px){
    .bg{
        padding:20px 0px 0px 0px!important;
    }
}
@media (max-width:992px) and (min-width:768px){
    .right-upper .social-icon {
        padding-right: 30px!important;
    }
    .hide{
    	display:none;
    }
    .about_img img{
    	margin-bottom:50px;
    }
    .img-about{
	text-align:center;
}
.pro-detail-img {
    margin-left:0px!important;
    margin-right:0px!important;
}
.text-left-upper{
	padding-left:30px!important;
}
.why-text1{
	margin-bottom:50px;
}
.bottom-text h3{
    	margin:0px!important;
    	top:-50px;
    }
     .pro-head{
        text-align:left!important;
    }
    .pro-title .dot-5:after{
    left:0px!important;
}
.pro-title .dot-6:after{
    left:12px!important;
}
.pro-title .dot-7:after{
    left:24px!important;
}
.pro-title .dot-8:after{
    left:36px!important;
}
.company{
    margin-top:50px;
}
.imgbrdr .img{
    height:110px;
}
.contact-page .b-radius{
    order:2;
}
}
@media (max-width:1224px) and (min-width:992px){
	nav .menu li{
		padding: 5px 10px;
	}  
	nav .menu{
		margin-top:-70px;
	}  
	.text-left-upper {
        padding-left: 20px;
    }
    .right-upper .social-icon {
        padding-right: 20px;
    }
    .about_text{
    	padding: 20px 30px!important;
    }
    .why-text{
    	height:237px!important;
    }
    .contact-page .why-text{
    height:214px!important;
}
.contact-page .pt-50 {
    padding-top: 68px;
}
    .bottom-text h3{
    	margin:0px!important;
    }
    .pro-head{
        text-align:left!important;
    }
    .pro-title .dot-5:after{
    left:0px!important;
}
.pro-title .dot-6:after{
    left:12px!important;
}
.pro-title .dot-7:after{
    left:24px!important;
}
.pro-title .dot-8:after{
    left:36px!important;
}
.pro-detail-img{
    margin:0px 20px!important;
}
}