@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Exo&display=swap');

*{
	font-family: 'Exo', sans-serif; 	
}

body{
	background: #ffffff;
}

footer{
	border-top: 1px solid #0000cc;
}

#preloader {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#ffffff;
	/*opacity: .9;*/
}

#topgradient{
	background: rgb(2,0,36);
    background: -moz-linear-gradient(90deg, rgba(0,0,204,1) 0%, rgba(2,0,36,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,204,1) 0%, rgba(2,0,36,1) 100%);
    background: linear-gradient(90deg,rgba(0,0,204,1) 0%, rgba(2,0,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000cc",endColorstr="#020024",GradientType=1);
}

h1, h2, h3, h4, h5, h6{
	color:#000000;
	font-weight: bold;
}

.carousel-item h1, .carousel-item h2, .carousel-item h3, .carousel-item h4, .carousel-item h5, .carousel-item h6{
	color: #ffffff;
}

.catNavFixed{
	 top: -40px;
	 transform: translateY(40px);
	 transition: transform .3s;
	
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,204,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,204,1);
	box-shadow: 0px 1px 5px 0px rgba(0,0,204,1);
}

.link-red{
	color:#ef3e3e;	
}

.link-red:hover{
	color:#ea0101;
}

.fs-12{
	font-size: 12px;
}

.fs-14{
	font-size: 14px;
}

.fs-16{
	font-size: 16px;
}

.fs-18{
	font-size: 18px;
}

.fs-24{
	font-size: 24px;
}

.fs-30{
	font-size: 30px;
}

.fs-36{
	font-size: 36px;
}

.border-blue{
	border: 1px solid #0000cc
}

.btn-blue{
	background:#0000cc;
	border: 1px solid #0000cc;
	color:#ffffff;
}

.btn-blue:hover{
	color: #ffffff !important;
}

.text-blue{
	color: #0000cc !important;
}

.menu-item{
	font-size:14px;
	color:#000000 !important;
}

.menu-item:hover{
	color:#000000 !important;
}

.menu-item-active{
	color:#eb0000 !important;
	font-size: 14px;
}

.border-bottom-blue{
	border-bottom: 1px solid #0000cc !important;
}

.prod{
	border: none;
	padding-top: 10px;
}

.prod:hover{
	border: none !important;
	-webkit-box-shadow: 5px 6px 21px -2px rgba(0,0,0,0.32);
	-moz-box-shadow: 5px 6px 21px -2px rgba(0,0,0,0.32);
	box-shadow: 5px 6px 21px -2px rgba(0,0,0,0.32);
	text-decoration: none;
}

.card-body .prod-title{
	font-size: 16px;
	text-align: center;
	color:#000000;
	margin-bottom: 0px;
}

.card-body .prod-old-price{
	text-decoration:line-through;
	color: #5f5f5f;
	font-size: 12px;
	text-align: center;
	margin-bottom: 0px;
}

.card-body .prod-price{
	font-size: 16px;
	text-align: center;
	color:#000000;
}

.card-body .prod-price span{
	color:#eb0100;
}

.card-body .prod-btn{
	text-align: center !important;
	margin-bottom: 0px;
}

.card-body .prod-btn button.btn{
	background: #0000cc;
	color: #ffffff;
	width: 60%;
	text-transform: uppercase;
	border-radius: 0px;
	font-size: 16px;
}

.prod:hover .card-body .prod-btn button.btn{
	background: #ea0101;	
}

.btn-red{
	background: #0000cc;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 0px;
}

.btn-red:hover{
	background: #ea0101;	
	color: #ffffff;
}

.btn-vmore{
	border: 1px solid #ea0101;
	color: #ea0101;
	border-radius: 0px;
}

.btn-vmore:hover{
	background: #ea0101;
	color: #ffffff;
}

.links-wrapper{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.links-wrapper li a{
	color: #000000;
	text-decoration: none;
}

.links-wrapper li a:hover{
	text-decoration: underline;
	color: #eb0100;
	
}

.social-wrapper a{
	color:#b3b3b3;
	margin-right: 5px;
}

.social-wrapper a:hover{
	color:#eb0100;
}

.main-footer{
	background: #0000cc;
	color:#ffffff;
	text-align: center;
	font-size: 14px;
}

.main-footer a{
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
}

.main-footer a:hover{
	color:#ea0101;
	text-decoration: underline

}

.bg-rfm{
	background: rgb(2,0,36);
    background: -moz-linear-gradient(90deg, rgba(0,0,204,1) 0%, rgba(2,0,36,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,204,1) 0%, rgba(2,0,36,1) 100%);
    background: linear-gradient(90deg,rgba(0,0,204,1) 0%, rgba(2,0,36,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000cc",endColorstr="#020024",GradientType=1);
}

.conSearch{
	text-decoration:none;
	border-bottom: 1px solid #424242;
}

.conSearch:hover{
	border: none !important;
	-webkit-box-shadow: 5px 6px 21px -2px rgba(0,0,0,0.32);
	-moz-box-shadow: 5px 6px 21px -2px rgba(0,0,0,0.32);
	box-shadow: 5px 6px 21px -2px rgba(0,0,0,0.32);
	text-decoration: none;
}

.conSearch:hover h5{
	color:#0000cc;
}

#menu{
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,204,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,204,1);
	box-shadow: 0px 1px 5px 0px rgba(0,0,204,1);
}

#menu a.dropdown-item, #menu a.nav-link{
	color:#0000cc !important;
}

#menu a.nav-link:hover{
	color:#eb0100 !important;
}

#menu a.dropdown-item:hover{
	color:#FFFFFF !important;
	background: #eb0100 !important;
}

#menu a.dropdown-item.active{
	color:#eb0100 !important;
	background: #ffffff !important;
}

#menu a.nav-link.active{
	color:#eb0100 !important;
}

.breadcrumb{
	background-color:#ffffff;
	padding: 0px;
}

.breadcrumb-item, .breadcrumb-item a{
	text-transform: uppercase;
	font-size: 14px;
	color:#737373;	
}

.breadcrumb .active{
	color: #000000 !important;
	font-weight: bold;
}

.pagination .page-link{
	color: #ea0101 !important;
}

.pagination .page-link:hover{
	color: #ffffff !important;
	background: #ea0101 !important;
	border: 1px solid #dee2e6 !important;
	
}

.pagination .active{
	color: #ffffff !important;
	background: #ea0101 !important;
	border: 1px solid #ea0101 !important;
}

.pagination .disabled{
	color: #b3b3b3 !important;
}

#s-prod-details	.prod-title{
 	color:#000000;
	font-size: 24px;
	margin-bottom: 5px;
	font-weight: bold;
}

#s-prod-details	.prod-old-price{
 	color:#646464;
	text-decoration: line-through;
	margin-bottom: 5px;
}

#s-prod-details	.prod-price{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

#s-prod-details	.prod-price span{
	color:#eb0100;
}

#s-prod-details	.prod-note{
	color:#646464;
	font-size: 12px;
}

#s-prod-details	.prod-btn button.btn{
	background: #0000cc;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 0px;
}

#s-prod-details .prod-btn button.btn:hover{
	background: #ea0101;	
}

#s-prod-details .prod-desc{
	font-size: 14px;
	color: #444444;
}

#s-prod-details .prod-desc h5{
	font-size: 16px;
	font-weight: bold;
}

#s-prod-details .prod-desc strong{
	color: #000000;
}

#s-prod-details .prod-desc td{
	padding: 0px 15px 5px 0px;
}

#s-prod-details .prod-desc table{
	margin-bottom: 15px;
}


.gallery-thumb{
	width: 50px !important;
}

a.input-group-text:hover{
	text-decoration: none;
	color:#333 !important;
}

.text-gray{
	color: #5f5f5f !important;
}

img.disable{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #ea0000 !important;
  background-color: #ea0000 !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 131, 131, 0.25);
  border-color: #ea0000 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ea0000 !important;
}

.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
   box-shadow: 0 0 0 0.2rem rgba(255, 131, 131, 0.25);
   border-color: #ea0000 !important;
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
   box-shadow: 0 0 0 0.2rem rgba(255, 131, 131, 0.25);
   border-color: #ea0000 !important;
}
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #ea0000;
}

.faq-support-con{
	color:#9e9e9e;
	background:#ffffff;
	border: 1px solid #cfd4da;
	padding-top:20px;
	text-align:center;
	display:block;
}

.faq-support-con:hover{
	color:#eb0100;
	border:1px solid #eb0102;
	cursor:pointer;
	background:#ffffff;
	text-decoration:none;
}

.faq-support-con-act{
	background:#eb0100;
	color:#ffffff;
	border:1px solid #eb0102;
}

#faqs div.card{
	border:none;
}

#faqs div.card div.card-header{
	background:#ffffff !important;
	border:none;
}

#faqs div.card div.card-header .btn-link{
	text-decoration:none;
	color:#000000;
	font-size:16px;
	font-weight:bold;
}

.mods .card-body{
	background:#333333 !important;
	color:#ADADAD !important;
	font-size:14px;
}

.mods .card-body .card-title{
	color:#ffffff !important;
}

.mods .card-body .link-red{
	font-size:14px;
}

.mods .card-body .link-red:hover{
	text-decoration:none;
}

.mods:hover{
	text-decoration: none;
}

.mods:hover .card-body{
	background: #eb0102 !important;
}

.rfmCarousel .list-inline {
	white-space:nowrap;
	overflow-x:auto;
}

.rfmCarousel .carousel-indicators {
	position: static;
	left: initial;
	width: initial;
	margin-left: initial;
}

.rfmCarousel .carousel-indicators > li {
	width: initial;
	height: initial;
	text-indent: initial;
}

.rfmCarousel .carousel-indicators > li.active img {
	opacity: 0.7;
}

.g-recaptcha div{
	margin:auto;
}

@media (min-width: 320px) {
	.offcanvas-collapse {
		position: fixed;
		top: 61px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background: rgba(255,255,255);
		transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	  }
	  .offcanvas-collapse.open {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	  }
	
	#menu{
		display: block;
	}
}

@media (min-width: 320px) {
	#banner-container{
		margin-top: 80px;
	}
	
	#content{
		margin-top: 75px;
		min-height: 250px;
	}	
}

@media (min-width: 576px) {
	#banner-container{
		margin-top: 95px;
	}
	
	#content{
		margin-top: 90px;
		min-height: 250px;
	}	
}

@media (min-width: 768px) {
	#banner-container{
		margin-top: 95px;
	}
	
	#content{
		margin-top: 90px;
		min-height: 371px;
	}

}

@media (min-width: 992px) {
	#banner-container{
		margin-top: 95px;
	}
	
	#content{
		margin-top: 90px;
	}
	
	#content{
		min-height: 371px;
	}
}

@media (min-width: 1200px) {
	#banner-container, #content{
		margin-top: 0px;
	}
	
	#menu{
		display: none;
	}
	
	#content{
		min-height: 371px;
	}
}

@media (min-width: 1400px) { 
	#menu{
		display: none;
	}
	
	#content{
		min-height: 371px;
	}
}