body{ font-family: 'Poppins', sans-serif; font-size:16px; color:#262626; background:#FFFFFF; margin:0; padding:0; }

a, a:hover, a:active, a:focus {outline:0; color:#9e3a96; text-decoration:none; transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
b, strong {font-weight:600;}
.btn, .btn:focus, .btn:active { box-shadow:none !important; }

h1{font-family: 'Montserrat', sans-serif; font-size:36px; color:#000; margin:0; padding:0; font-weight:600;}
h2{font-family: 'Montserrat', sans-serif; font-size:30px; color:#000; margin:0; padding:0; font-weight:600;}
h3{font-family: 'Montserrat', sans-serif; font-size:26px; color:#000; margin:0; padding:0; font-weight:600;}
h4{font-family: 'Montserrat', sans-serif; font-size:22px; color:#000; margin:0; padding:0; font-weight:600;}
h5{font-family: 'Montserrat', sans-serif; font-size:20px; color:#000; margin:0; padding:0; font-weight:600;}
h6{font-family: 'Montserrat', sans-serif; font-size:18px; color:#000; margin:0; padding:0; font-weight:600;}
p{font-family: 'Poppins', sans-serif; font-size:16px; line-height:1.7;}
.row-flex {display:flex; flex-wrap:wrap;}

header{ position:relative; background:#FFFFFF; box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);}
.sticky { position:fixed; top:0; width:100%; background:#FFFFFF; z-index:99; }
header .topHead{ padding:8px 0;}
header a.toplogo { display:inline-block;}
header .topHead .headerRgt{ float:right; text-align:right;}
header .topHead .headerRgt ul{ float:right; margin:0; color:#595959;}
header .topHead .headerRgt ul li {list-style:none; display:inline-block;}
header .topHead .headerRgt ul li a {font-size:14px; color:#595959; text-decoration:none; padding:0 8px 0 4px; }
header .topHead .headerRgt ul li a i{ padding-right:6px;}
header .topHead ul li a:hover{ color:#000000;}
header .topHead .headerRgt ul li:last-child a{ font-size:20px; color:#4d4d4d; font-weight:500;}
header .topHead .headerRgt .title { font-size:18px; font-weight:500;}
header .topHead .headerRgt .searchbox { position:relative; margin:9px 0;}
header .topHead .headerRgt .searchbox .form-control { height:40px; position:relative; font-size:14px; font-weight:400; border-radius:3px; box-shadow:none;}
header .topHead .headerRgt .searchbox .btn {  position:absolute; font-size:14px; color:#FFF; font-weight:500; text-transform:uppercase; top:0; right:0; background:#000; border-radius:0 2px 2px 0; border:0; padding:0 30px; height:40px;}
header .menupart { width:100%; display:flex; background:#000;}

.slider{ position:relative; overflow:hidden; width:100%; }
.slider .item{ height:410px; overflow:hidden;}
.slider .bannercaption{ position:absolute; width:100%; z-index:1; top:35%; text-align:center;}
.slider .bannercaption h2{ font-family:'Poppins'; font-size:38px; font-weight:500; color:#fff;  line-height:1.3; text-transform:capitalize; margin:0; padding-bottom:18px; text-shadow:2px 2px 8px rgba(0,0,0,0.6);}
.slider .bannercaption .btn-primary{background:#fff; text-transform:uppercase; font-size:16px; font-weight:500; padding:14px 34px; color:#000; border:0;}
.slider .bannercaption .btn-primary:hover{ background:#a844a1; color:#fff;}
.slider .owl-prev, .slider .owl-next{ position:absolute; z-index:99;}
.slider .owl-theme .owl-nav { margin-top:0px;}
.slider .owl-theme .owl-nav [class*="owl-"], .slider .owl-theme .owl-nav:hover [class*="owl-"] { font-size:24px; bottom:45%; border-radius:50px;}
.slider .owl-prev { left:15px; background:rgba(0, 0, 0, 0.6 )!important; width:42px; height:42px; line-height:34px; color:#fff;}
.slider .owl-next { right:15px; background:rgba(0, 0, 0, 0.5) !important; width:42px; height:42px; line-height:34px; color:#fff;}
.slider .owl-prev:hover, .slider .owl-next:hover{background:rgba(0, 0, 0, 0.8) !important; color:#fff;}

.newproduct{background-image: linear-gradient(180deg, #5a1755, #933d8c); padding:32px 15px; text-align:center;}
.newproduct h2, .newproduct h2 a{ color:#FFF;}
.newproduct h2 a i{ width:46px; height:46px; line-height:40px; text-align:center; border:solid #fff 2px; border-radius:100%; margin:0 0 0 4px;}

.welcomepart{ padding:60px 0;}
.welcomepart .contantpart{}
.welcomepart .contantpart .btn-primary { background-image:linear-gradient(180deg, #565656, #020202);  text-transform:uppercase; font-size:14px; font-weight:500; padding:15px 30px; color:#fff; border:0; border-radius:3px;}
.welcomepart .contantpart .btn-primary:hover{background-image:linear-gradient(180deg, #020202, #565656);}
.welcomepart .space-row { margin-right:4px; margin-left:4px;}
.welcomepart .space-row > [class*="col-"] { padding-left:4px; padding-right:4px;}

.productpart{ padding:0 0 50px;}
.productpart h2.withline{position:relative; display:block; text-align:center;}
.productpart h2.withline span{background:#ffffff; padding:0 20px;}
.productpart h2.withline::after { position:absolute; content:''; height:1px; background-color:#999999; top:50%; left:0px; right:0px; z-index:-1;}
.productpart .productBox{background:#fff; border-radius:6px; box-shadow: 0 0 16px #d5d5d5; margin-top:32px;  text-align:center; height:95%;}
.productpart .productBox .productCont{ padding:0 10px 10px 10px;}
.productpart .productBox .productCont h6 a{ font-size:16px; font-weight:600; color:#000000;}
.productpart .productBox .productCont p{ font-size:14px; color:#7e7e7e;}
.productpart .productBox .productCont p a{ display:block; font-weight:500; padding:8px 0 0; color:#a02a99; text-transform:uppercase;}
.productpart .btn-primary { margin:40px 0 0; display:block; background:#111111; text-transform:uppercase; font-size:18px; font-weight:500; padding:12px 15px; color:#fff; border:0; border-radius:6px;}
.productpart .btn-primary:hover{background:#000 !important;}

.ballGagespart{ background:url(../images/ballgages_bg.jpg) center top no-repeat; background-size:cover;}
.ballGagespart p{ color:#FFFFFF; padding:16px 0 12px;}
.ballGagespart .btn-primary { background:#fff; text-transform:uppercase; font-size:14px; font-weight:500; padding:14px 28px; color:#000; border:0; border-radius:3px;}
.ballGagespart .btn-primary:hover{background:#a844a1 !important; color:#fff !important;}

.gallerypart{ padding:50px 0;}
.gallerypart h2.withline{position:relative; display:block; text-align:center;}
.gallerypart h2.withline span{background:#ffffff; padding:0 20px;}
.gallerypart h2.withline::after { position:absolute; content:''; height:1px; background-color:#999999; top:50%; left:0px; right:0px; z-index:-1;}

.gallerypart .owl-carousel .owl-item { padding:0 10px; text-align:center;}
.gallerypart .owl-carousel .owl-item img, .gallerypart .owl-carousel .owl-item video{ width:100%; height:280px; border:solid #fff 6px; box-shadow: 0 0 10px #d5d5d5; margin:26px auto 0;}
.gallerypart .owl-carousel .owl-item p{ font-size:18px; color:#000; padding:14px 0 0;}
.gallerypart .owl-theme .owl-nav [class*="owl-"], .gallerypart .owl-theme .owl-nav:hover [class*="owl-"] { font-size:22px; margin-top:2px; border-radius:50px;}
.gallerypart .owl-prev { left:15px; background:none !important; width:34px; height:34px; line-height:24px; border:solid #282828 1px; color:#282828 !important;}
.gallerypart .owl-next { right:15px; background:none !important; width:34px; height:34px; line-height:24px; border:solid #282828 1px; color:#282828 !important;}
.gallerypart .owl-prev:hover, .gallerypart .owl-next:hover{background:none !important; color:#282828;}

footer{ background:#282828; padding:40px 0 10px; color:#dcdbdb;}
footer h4{ font-family:'Poppins';  display:flex; align-items:center; position:relative; font-weight:500; color:#fff; text-transform:capitalize; margin-bottom:16px; }
footer ul{ list-style:none; margin:0; padding:0 80px 16px 0; display:inline-grid;}
footer ul li a{ font-size:14px; color:#ededed; display:block; text-decoration:none; line-height:1.9; font-weight:400; padding:0 0 6px 14px; position:relative;}
footer ul li a::before {font-family:FontAwesome; font-size:14px; content:"\f105"; color:#ededed; position:absolute; left:0; top:0px;}
footer ul li a:hover{ color:#FFFFFF;}
footer .futContact{}
footer .futContact li { position:relative; font-size:14px; color:#dcdbdb; padding:0 0 10px 30px; line-height:1.7;}
footer .futContact li i {position:absolute; left:0px; top:2px; font-size:20px;}

footer hr{ border-top: solid #545357 1px; margin-top:20px;}
footer p{font-size:14px; color:#ededed;}



/*---------------------- Inner page CSS ------------------------*/
.innerpage-title{ background:url(../images/innerpage_topbg.jpg) center top no-repeat; background-size:cover; padding:50px 0;}

.innerpage-contant{padding:50px 0; min-height: 450px; }
.innerpage-contant h1, .innerpage-contant h2, .innerpage-contant h3, .innerpage-contant h4, .innerpage-contant h5{ padding-bottom:10px;}
.contantpageimg img{ float:right; margin:10px 0 10px 20px; border-radius:4px;}

.leftbar{}
.leftnav{ box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); border-radius:3px;}
.leftnav h5{ background:#83357d; color:#FFFFFF; padding:16px; border-radius:3px 3px 0 0; margin-bottom:4px; text-transform:uppercase; font-size:15px;}
.leftnav ul {list-style-type:none; margin:0 14px; padding:0;}
.leftnav ul li a { color:#282828; display:block; font-size:14px; padding:11px 10px; text-transform:capitalize; border-bottom: 1px solid #d2d2d2; position:relative; }
.leftnav ul li:last-child a{border-bottom:0px dashed #e4e4e4;}
.leftnav ul li a::before { font-family:FontAwesome; content: "\f105"; position:absolute; left:0; top:11px;}
.leftnav ul li a:hover, .leftnav ul li a.active{ color:#83357d;}

.productrightbar{}
.productrightbar .productsbox{box-shadow: 0 0 12px 0 rgba(0,0,0,0.12); border-radius:3px; height:94%;}
.productrightbar .productsbox h6 a{ font-size:16px; color:#000;}
.productrightbar .productsbox p{ font-size:14px; color:#5a5959; padding:8px 0 5px; margin-bottom:0;}
.productrightbar .productsbox .price{ font-size:18px; font-weight:500; color:#a23099; display:block;}
.productrightbar .productsbox .btn {background:#323132; font-size:13px; text-transform:uppercase; color:#fff; border-radius:3px; margin:10px 0 30px; padding:6px 22px;}
.productrightbar .pagingPart{ display:block ruby; text-align:center; margin:20px 0 0;}

.productdetail{}
.productdetail .form-control{height:44px;}
.productdetail .table thead th { border-bottom:1px solid #dee2e6; background:#000; font-size:15px; color:#fff; font-weight:500;}
.productdetail .table td{ font-size:14px;}
.productdetail .table td a{ background:#a844a1; color:#fff; font-size:11px; font-weight:500; border-radius:3px; text-transform:uppercase; padding:4px 8px;}
.productdetail .table .allcontant {display:none;} 
.productdetail .showcontantbutton{ font-weight:500; text-decoration:underline;}

.cartpage{}
.cartpage .table thead th { border-bottom:1px solid #dee2e6; background:#000; font-size:15px; color:#fff; font-weight:500;}
.cartpage .table td { font-size:15px; vertical-align:middle;}
.cartpage .table td i{ font-size:16px; background:#a844a1; color:#fff; padding:4px 6px; border-radius:3px;}
.cartpage .productimg img{ max-width:110px;}
.cartpage .table .btn{font-size:14px; font-weight:500; text-transform:uppercase; padding:10px 30px; margin:6px 2px;}
.cartpage .table .btn-primary{background:#83357d; border-color:#83357d;}
.cartpage .table .btn-primary:hover{background:#732f6e !important;}

.formpart { margin-top:2px; margin-bottom:16px; background:#f3f3f3; padding:24px 30px; border-radius:5px;}
.formpart .form-control { height:40px; font-size:15px;}	
.formpart label{ font-weight:500; margin-bottom:6px;}
.formpart textarea{ height:auto !important;}
.formpart .btn-primary, .formpart .btn-secondary{background:#83357d; text-transform:uppercase; font-size:14px; font-weight:500; padding:14px 42px; color:#fff; margin:0 0 10px; border:0;}
.formpart .btn-primary:hover{background:#732f6e !important;}
.formpart .btn-secondary{background:#252525;}
.formpart .btn-secondary:hover{background:#000 !important;}
.request ul li{ line-height:1.8;}

.gallerypagebox{}
.gallerypagebox img, .gallerypagebox video{ width:100%; height:280px; border:solid #fff 6px; box-shadow: 0 0 10px #d5d5d5;}
.gallerypagebox p{ font-size:18px; color:#000; padding:10px 0 20px; line-height:1.5;}




.contactpageAddress{}
.contactpageAddress ul { list-style:none;  padding-left:10px; padding-top:5px;}
.contactpageAddress ul li { position:relative; padding:4px 0 10px 26px;}
.contactpageAddress ul li a{ color:#000; text-decoration:underline;}
.contactpageAddress ul li i { position:absolute; left:0; top:9px;}
.map { margin:24px 0 10px;}
.map iframe { width:100%; height:380px; border:solid #e9e9e9 1px !important;}


.pagination {
	display: table;
	margin: 20px auto 10px auto;
}
.pagination a {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #a23099;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #fff;
	cursor: default;
	background-color: #a23099;
	border-color: #337ab7;
}

.yellowbar {
	background-color: #ffd800;
	text-align: center;
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	padding: 10px 0;
	color: #ff0000;
}

	.yellowbar a {
		color: #ff0000;
		font-weight: 600;
	}

a.legacybtn { text-align:center; display:block; background:#6f2569; color:#fff; padding:16px 0; }


/*---------------------- Responsive CSS ------------------------*/

@media ( min-width: 1200px) {
	.container { max-width:1200px;}
}
@media ( max-width: 1199px) {
	header .topHead .headerRgt .title {font-size:16px;}
	.slider .bannercaption h2 {font-size:30px;}
	.gallerypart .owl-carousel .owl-item img, .gallerypart .owl-carousel .owl-item video{ width:100%; height:210px;}	
	footer ul {padding:0 40px 20px 0;}
	
	.gallerypagebox img, .gallerypagebox video{ width:100%; height:210px;}

}
@media ( max-width: 991px) {
	h1{font-size:30px;}
	h2{font-size:24px;}
	h3{font-size:22px;}
	h4{ font-size:20px;}
	h5{font-size:19px;}
	p{font-size:15px;}
	
	header .topHead { padding:7px 0 7px;}
	header a.toplogo {  padding:2px 0;}
	header a.toplogo img{width:130px;}	
	.slider .bannercaption { top:24%;}
	.slider .item{ height:320px;}
	.slider .bannercaption h2 { font-size:24px; padding-bottom:10px;}
	.slider .bannercaption .btn-primary {font-size:14px; padding:12px 26px;}
	footer { padding:8px 0 14px;}
	footer h4 { margin-bottom:12px; margin-top:23px;}
	
	.innerpage-title{ padding:50px 0;}	
	.innerpage-contant {padding:20px 0;}
	.contantpageimg img{float:none; margin:4px 0 10px 0;}
	.yellowbar {
		font-size: 20px;
	}
}
@media ( max-width: 767px) {
	h1{font-size:22px;}
	h2{font-size:19px;}
	h3{font-size:18px;}
	h4{ font-size:18px;}
	p{font-size:14px; line-height:1.6;}
	ul li, ul li a{ font-size:14px;}
	
	header .topHead { padding:7px 0 0;}			
	header .topHead .headerRgt { float:left;  text-align: center; padding:15px 0 0;}
	header .topHead .headerRgt ul li a, header .topHead .headerRgt ul li:last-child a { font-size:16px;}
	
	header .searchpart{ background:#a2a2a2; padding:2px 0; margin:6px 0 0;}	
	header .searchpart .searchbox { position:relative; margin:9px 0;}
	header .searchpart .searchbox .form-control { height:40px; position:relative; font-size:14px; font-weight:400; border-radius:2px; box-shadow:none;}
	header .searchpart .searchbox .btn { position:absolute; font-size:14px; color:#FFF; font-weight:500; text-transform:uppercase; top:0; right:0; background:#000; border-radius:0 2px 2px 0; border:0; padding:0 30px; height:40px;}
	
    .slider .item{ height:280px;}
	.slider .bannercaption h2 { font-size:18px;}	
	.newproduct {padding:13px 15px;}
	.newproduct h2 a i { width:30px; height:30px;line-height:28px;}
	.welcomepart {padding:18px 0; text-align:center;}
	.welcomepart .contantpart .btn-primary {font-size:13px; padding:12px 24px; margin:0 0 20px;}
	.productpart {padding:0 0 20px;}
	.productpart .productBox {margin-top:12px; height:95%;}
	.productpart .productBox .productCont h6 a { font-size:14px;}
	.productpart .btn-primary { margin:16px 0 0; font-size:14px;}
	.ballGagespart {text-align:center; padding:22px 0 0;}
	.ballGagespart .btn-primary {font-size:13px; padding:12px 26px;}
	.gallerypart { padding:24px 0;}
	.gallerypart .owl-carousel .owl-item img, .gallerypart .owl-carousel .owl-item video { width:100%; height:260px; margin:18px auto 0;}
	.gallerypart .owl-carousel .owl-item p {font-size:16px; padding:10px 0 0;}	
	.gallerypart .owl-theme .owl-nav [class*="owl-"], .gallerypart .owl-theme .owl-nav:hover [class*="owl-"] { font-size:20px; margin-top:-14px;}	

	footer h4 { margin:14px 0 10px;}
	footer ul { padding:0 40px 0 0;}
	footer ul li a {padding:0 0 3px 14px;}
	footer p{ text-align:center; margin-bottom:6px;}	
	
	.innerpage-title{ padding:40px 0;}	
	.innerpage-contant {padding:15px 0;}
	
	.leftbar { margin:0px 0 24px;}
	.productrightbar .productsbox {height:96%; text-align:center;}
	.productrightbar .pagingPart {margin:10px 0 0;}
	.productrightbar .productsbox h6 a {font-size:15px;}
	
	.cartpage .table thead th { font-size:14px;}
	.cartpage .table td {font-size:14px; vertical-align:top;}
	.cartpage .productimg img { max-width:60px;}
	.cartpage .table .btn {font-size:12px; padding:8px 20px; margin:2px 2px;}
	
	.gallerypagebox img, .gallerypagebox video{ width:100%; height:260px;}
    .gallerypagebox p{ font-size:16px; padding:10px 0 10px;}

	#cssmenu {
		position: relative; /* Containing block if needed */
	}

		#cssmenu #menu-button {
			position: fixed !important; /* Sticks to viewport */
			top: 10px !important; /* From viewport top */
			right: 10px !important;
		}

	.yellowbar {
		font-size: 18px;
	}

}
@media (max-width: 575px) {	
	header .topHead .headerRgt { padding:11px 0 0;}
	.slider .bannercaption { top:26%;}
	.slider .item{ height:220px;} 
	.slider .bannercaption .btn-primary { font-size:13px; padding:10px 23px;}		
	.slider .owl-theme .owl-nav [class*="owl-"], .slider .owl-theme .owl-nav:hover [class*="owl-"] { font-size:18px; bottom:40%;}
	.slider .owl-prev { left:0px; width:30px; height:30px; line-height:20px; color:#fff;}
	.slider .owl-next { right:0px; width:30px; height:30px; line-height:20px; color:#fff;}		
	.productpart .productBox img{ width:50%;}	
	
	.formpart { padding:15px; margin-bottom:15px;}
	.formpart label { font-size:15px;}
	.formpart .form-control { height:auto;}	
	.formpart .btn-primary, .formpart .btn-secondary{font-size:14px; padding:10px 30px;}	
	.contactpageAddress ul li { font-size:14px; padding:4px 0 6px 26px;}
	.map{ margin:0;}
	.map iframe {height:280px;}
	.yellowbar {
		font-size: 16px;
	}
}	
@media (max-width: 479px) {}