@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Shanti);
body {
	font-family: Arial, Helvetica, sans-serif /*{Global | body-font-family}*/;
	font-size: 14px /*{Global | body-font-size}*/;
	color: #333333 /*{Global | body-font-colour}*/;
	background-image: none /*{Global | body-background-image}*/;
	background-color: #ffffff /*{Global | body-background-colour}*/;
}
a {
	color: rgba(46, 49, 146, 1) /*{Global | link-text-colour}*/;
}
a:hover,
a:focus {
	color: rgba(71, 75, 197, 1) /*{Global | link-text-hover-colour}*/;
}
h1, h2,
h3, h4,
h5, h6,
.h1, .h2,
.h3, .h4,
.h5, .h6 {
	font-family: 'Shanti', "Helvetica Neue", Helvetica, Arial, sans-serif /*{Headings | headers-font-family}*/;
	color: #333333 /*{Headings | headers-colour}*/;
}
.carousel-caption h3,.carousel-caption .h3,.carousel-caption p {
	color: #ffffff /*{Home Page | carousel-text-colour}*/;
}
h1,
.h1 {
	font-size: 36px /*{Headings | header-1-font-size}*/;
}
h2,
.h2 {
	font-size: 30px /*{Headings | header-2-font-size}*/;
}
h3,
.h3 {
	font-size: 24px /*{Headings | header-3-font-size}*/;
}
h4,
.h4 {
	font-size: 18px /*{Headings | header-4-font-size}*/;
}
h5,
.h5 { 	
	font-size: 14px;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #fff;
	border-color: #ccc;
}


/* Enhanced Primary Button */
.btn-primary {
    color: #ffffff /*{Buttons | btn-primary-text-colour}*/;
    background: linear-gradient(135deg, rgba(46, 49, 146, 1) 0%, rgba(56, 59, 166, 1) 100%) /*{Buttons | btn-primary-background-colour}*/;
    border-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/;
    border-width: 1px;
    border-style: solid;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(46, 49, 146, 0.25);
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.open .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: #ffffff /*{Buttons | btn-primary-text-colour-hover}*/;
    background: linear-gradient(135deg, rgba(71, 75, 197, 1) 0%, rgba(91, 95, 237, 1) 100%) /*{Buttons | btn-primary-background-colour-hover}*/;
    border-color: rgba(71, 75, 197, 1) /*{Buttons | btn-primary-background-colour-hover}*/;
    box-shadow: 0 8px 25px rgba(71, 75, 197, 0.5), 0 0 20px rgba(71, 75, 197, 0.3);
    transform: translateY(-3px) scale(1.02);
    filter: brightness(1.1);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    color: rgba(255, 255, 255, 0.6);
    background: linear-gradient(135deg, rgba(27, 29, 87, 1) 0%, rgba(37, 39, 107, 1) 100%) /*{Buttons | btn-primary-disabled-background-colour}*/;
    border-color: rgba(27, 29, 87, 1) /*{Buttons | btn-primary-disabled-background-colour}*/;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #ed9c28;
	border-color: #d58512;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #428bca;
	border-color: #357ebd ;
}

.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a ;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	color: #ffffff ;
	background-color: #d2322d ;
	border-color: #ac2925 ;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #d9534f ;
	border-color: #d43f3a ;
}


/* Enhanced Success Button */
.btn-success {
    color: #ffffff /*{Buttons | btn-secondary-text-colour}*/;
    background: linear-gradient(135deg, #2b618e 0%, #357198 100%) /*{Buttons | btn-secondary-background-colour}*/;
    border-color: #2b618e /*{Buttons | btn-secondary-background-colour}*/;
    border-width: 1px;
    border-style: solid;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(43, 97, 142, 0.25);
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success:hover,
.open > .dropdown-toggle.btn-success:focus {
    color: #ffffff /*{Buttons | btn-secondary-text-colour-hover}*/;
    background: linear-gradient(135deg, #224c6f 0%, #2a5c85 100%) /*{Buttons | btn-secondary-background-colour-hover}*/;
    border-color: #224c6f /*{Buttons | btn-secondary-background-colour-hover}*/;
    box-shadow: 0 8px 25px rgba(34, 76, 111, 0.5), 0 0 20px rgba(34, 76, 111, 0.3);
    transform: translateY(-3px) scale(1.02);
    filter: brightness(1.1);
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    color: rgba(255, 255, 255, 0.6);
    background: linear-gradient(135deg, #3e77a7 0%, #4e87b7 100%) /*{Buttons | btn-secondary-disabled-background-colour}*/;
    border-color: #3e77a7 /*{Buttons | btn-secondary-disabled-background-colour}*/;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}


.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #39b3d7;
	border-color: #269abc;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #5bc0de;
	border-color: #46b8da;
}
.breadcrumb {
	background-color: #f5f5f5;
}
.breadcrumb > li + li:before {
	color: #ccc;
}
.breadcrumb > .active {
	color: #999;
}
.pagination > li > a,
.pagination > li > span {
	color: #428bca /*{General | pagination-text-colour}*/;
	background-color: #dddddd /*{General | pagination-background-colour}*/;
	border-color: #dddddd /*{General | pagination-background-colour}*/;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #2a6496 /*{General | pagination-text-colour-hover}*/;
	background-color: #eeeeee /*{General | pagination-background-colour-hover}*/;
	border-color: #eeeeee /*{General | pagination-background-colour-hover}*/;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: rgba(255, 255, 255, 1) /*{General | pagination-text-colour-active}*/;
	background-color: #428bca /*{General | pagination-background-colour-active}*/;
	border-color: #428bca /*{General | pagination-background-colour-active}*/;
}
.label-default {
	background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
	background-color: #808080;
}
.label-primary {
	background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
	background-color: #3071a9;
}
.label-success {
	background-color: #2B618E;
}
.label-success[href]:hover,
.label-success[href]:focus {
	background-color: #224c6f;
}
.label-info {
	background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
	background-color: #31b0d5;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
	background-color: #ec971f;
}
.label-danger {
	background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
	background-color: #c9302c;
}
.well {
	background-color: #f5f5f5;
	border-color:#e3e3e3;
}
.panel-default {
	border-color: #ddd;
}
.panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}
.panel-title {
	color: #333;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #ddd;
}
.save {
	color: #D9534F;
}
.productsave {
	color: #D9534F;
}
.navbar-default {
	background-color: #428bca;
	border-color: #3a7aaf;
}
.navbar-default .navbar-brand {
	color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #777;
}
.navbar-default .navbar-text {
	color: #777;
}
.navbar-default .navbar-nav > li > a {
	color: #000 ;
}
.navigation-list li a {
	color: #ffffff /*{Header | mobile-header-links}*/;
}
@media(max-width:767px){
	.wrapper-usp-header a,
	.wrapper-usp-header .dropdown-menu > li > a{
		color: #ffffff /*{Header | mobile-header-links}*/;
		text-align: left !important;
	}
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #333;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #555;
	background-color: #e7e7e7;
}
.navbar-default .navbar-nav >.dropdown > a .caret {
	border-top-color: #333;
	border-bottom-color: #333;
}
.navbar-inverse {
	background-color: #30373b;
	border:none;
}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
	border-top-color: #333;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #333;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #e7e7e7;
	color: #333;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}

/*Drop down area*/
/* Enhanced Dropdown Menu */
.dropdown-menu {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(229, 229, 229, 0.3);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 25px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: .1px 0;
    margin-top: .01px;
    min-width: 180px;
    display: none; /* Hide by default */
}

.dropdown-menu .divider {
    background: linear-gradient(90deg, transparent, #e5e5e5, transparent);
    height: 1px;
    margin: .1px .2px;
    border: none;
}

.dropdown-menu > li > a {
    color: #333;
    padding: 4px 8px;
    font-weight: 500;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    margin: .1px .2px;
    display: block;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    transform: translateY(-3px) scale(1.02);
    background: linear-gradient(135deg, rgb(190, 192, 232) 0%, rgb(170, 172, 246) 100%);
    border-color: rgba(71, 75, 197, 1);
    box-shadow: 0 8px 25px rgba(71, 75, 197, 0.5), 0 0 20px rgba(71, 75, 197, 0.3);
    filter: brightness(1.1);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    background: linear-gradient(135deg, #428bca 0%, #5ba0d4 100%);
    box-shadow: 0 8px 25px rgba(66, 139, 202, 0.4), 0 4px 12px rgba(66, 139, 202, 0.3);
    transform: translateX(6px) scale(1.02);
    font-weight: 600;
}

/* Desktop: Show on hover */
@media (min-width: 768px) {
    .dropdown-hover:hover .dropdown-menu {
        display: block;
    }
}



/*Drop down area end*/

.logo {
	max-width:100%;
}
/* Styling like a wizard */
.wrapper-home-categories .panel .panel-heading, #wrapper-specification .panel .panel-heading,
#home-sidebar .panel .panel-heading{
	border-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/
}
.wrapper-usp-header{
	background-color: rgba(46, 49, 146, 1) /*{Header | Main-menu-background-colour}*/;
}
.wrapper-footer-subscribe{
	background-color: #444444 /*{Footer | newsletter-background-colour}*/;
	color: #f3f3f3 /*{Footer | newsletter-text-colour}*/;
}
.wrapper-footer-subscribe h4{
	color: #f3f3f3 /*{Footer | newsletter-text-colour}*/;
}
.wrapper-footer-subscribe:after {
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top-width: 40px;
	border-top-style: solid;
	border-top-color: #444444 /*{Footer | newsletter-background-colour}*/;
	bottom: -38px;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	margin-left: -40px;
	position: absolute;
	width: 0;
	z-index: 1;
}
.nCustom-label-success{
	color: #2B618E;
}
.nCustom-label-warning{
	color: #f0ad4e;
}
.nCustom-label-danger{
	color: #d9534f;
}
.wrapper-footer-contactus{
	background-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/;
}
.wrapper-header-nav{
	background-color: rgba(255, 255, 255, 0.8) /*{Header | header-background-colour}*/;
	border-color: rgba(255, 255, 255, 0.8) /*{Header | header-background-colour}*/;
}
.wrapper-footer{
	background-color: rgba(255, 255, 255, 0.8) /*{Footer | footer-background-colour}*/;
}
.wrapper-home-categories .thumbnail:hover .caption{
	background: rgba(0, 0, 0, 0.5) /*{Home Page | category-thumbnail-hover-background-color}*/
}
.wrapper-products-page-thumbnails .category-thumbnail .wrapper-category-image span.title{
	background-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/;
}
.page-header{
	border-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/;
}
.notification-centre .notification-centre-header{
	background-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/;
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/;
	border-color: rgba(46, 49, 146, 1) /*{Buttons | btn-primary-background-colour}*/;
}
.wrapper-top-nav .list-social a, .wrapper-top-nav .navbar-nav > li > a{
	color: #777777 /*{Header | top-link-colour}*/;
}
.wrapper-top-nav.navbar{
	background-color: #f3f3f3 /*{Header | top-menu-background-colour}*/;
}
.wrapper-usp-header a{
	color: #f3f3f3 /*{Header | main-menu-link-colour}*/;
}
.wrapper-blogs{
	background: transparent /*{Home Page | blogs-background-colour}*/;
}
.wrapper-footer-subscribe h3{
	color: #f3f3f3 /*{Footer | newsletter-text-colour}*/;
}
.full-width-grey .nav > li > a:hover{
    color: #262626;
	transform: translateX(6px) scale(1.02);
    box-shadow: 0 6px 20px rgba(38, 38, 38, 0.15), 0 2px 8px rgba(38, 38, 38, 0.1);
	border-radius: 8px;
    background: linear-gradient(135deg, rgb(190, 192, 232) 0%, rgb(170, 172, 246) 100%) /*{Buttons | btn-primary-background-colour-hover}*/;
    border-color: rgba(71, 75, 197, 1) /*{Buttons | btn-primary-background-colour-hover}*/;
    box-shadow: 0 8px 25px rgba(71, 75, 197, 0.5), 0 0 20px rgba(71, 75, 197, 0.3);
    transform: translateY(-3px) scale(1.02);
    filter: brightness(1.1);

}

.productpriceperunit {
	font-size: 16px;
}

/*For discount ribbon*/

.discount {
   position: absolute;
   top: 0px;
   right: 0px;
   background: rgba(71, 75, 197, 0.8);
   color: white;
   padding: 12px 8px 8px 12px;
   width: 70px;
   height: 2px;
   font-size: 9px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.1px;
   transform: rotate(0deg);
   transform-origin: center;
   box-shadow: 0 3px 8px rgba(71, 75, 197, 0.4);
   z-index: 99999;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   line-height: 1;
   border-radius: 4px;
   animation: pulse 2s infinite;
}

/* Pulse animation for the discount badge */
@keyframes pulse {
   0% { transform: rotate(0deg) scale(1); }
   50% { transform: rotate(0deg) scale(1.05); }
   100% { transform: rotate(0deg) scale(1); }
}

/* Hover effect for discount badge */
.tab-pane .discount:hover {
   animation-play-state: paused;
   transform: rotate(0deg) scale(1.1);
   box-shadow: 0 4px 12px rgba(71, 75, 197, 0.5);
}




/* Css for products panel/card */


/* This is the main card style for the .thumbnail element.
   The '!important' tag forces this style to override defaults. */
.wrapper-thumbnail .thumbnail {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important; /* This will now override border-radius: 0 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin-bottom: 4 !important;
    overflow: hidden !important;
}

/* The hover effect applied to the card */
.wrapper-thumbnail:hover .thumbnail {
    transform: translateY(-8px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
}

/* Styling for the text and price area */
.wrapper-thumbnail .caption.grid-view {
    padding: 15px !important;
    border-top: 1px solid #f0f0f0 !important;
    background-color: #f9f9f9 !important;
    flex-grow: 1 !important;
}


/* Style for RRP and PRices */