:root {
  --priamary-color: #000000;
  --secondary-color: #333399;
  --third-color: #ffffff;

  --primary-font-family: "Times New Roman", Times, serif;
  --secondary-font-family: "Lato", sans-serif;
  --third-font-family: "Belleza", sans-serif;
  --fourth-font-family: "Comic Neue", cursive;

  --primary-bg-color: #ffffff;
  --secondary-bg-color: #002157;
  --third-bg-color: #ddd;

  --light-gray: #f1f1f1;
  --dark-bg: #a4a4a4;
  --link-color: #d4d4d4;
  --border-color: #eaeaea;
  --bread-crumb-color: #666666;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body{
	font-family: "Lato", sans-serif;
}
@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url(css/fonts/SourceSansPro-Regular.woff) format('woff'),
        url(css/fonts/SourceSansPro-Regular.woff) format('woff');
/*    font-weight: 600;*/
    font-style: normal;
    font-display: swap;
}
/* font-family: "Belleza", sans-serif; */
/* Global */
p {
  font-size: 22px;
/*   font-family: var(--secondary-font-family); */
  letter-spacing: 0.5px;
}
/* Top Bar */
.topbar {
  background-color: var(--light-gray);
  transition: all 0.7s ease;
}
.topbar ul li p {
  font-size: 12px;
/*   font-family: var(--secondary-font-family); */
	    font-family: inherit;
  font-weight: 600;
}
.tel-list li a {
      font-size: 12px;
    font-weight: 600;
}
.tel-list li a::after {
  content: " ";
  display: inline-block;
  height: 9px;
  width: 1px;
  background-color: #000000;
  margin: 0 10px;
}
.topbar a.subsribe-btn {
  font-size: 12px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.social-list li {
  margin-right: 10px;
}
.social-list a.dropdown-toggle::after {
  display: none;
}
.subscribe-box .btn-primary {
  background-color: var(--secondary-bg-color);
  margin-bottom: 20px;
  font-size: 30px !important;
}
.subscribe-box .btn-primary:hover {
  color: var(--primary-bg-color);
  border: 0px solid var(--secondary-bg-color) !important;
  transition: all 0.3s ease;
  background-color: #01183b;
}
.subscribe-field {
  font-size: 26px;
  border: 1px solid var(--secondary-bg-color) !important;
  border-radius: 0 !important;
  outline: 0;
}
.slogan-toggle {
  transition: all 0.7 ease;
}
/* Navbar */
.navbar {
  background-color: var(--secondary-bg-color);
  color: var(--third-color) !important;
}
.navbar a.logo img {
  width: 350px;
}
.navbar a.logo span {
  color: var(--third-color);
  font-size: 12px;
  font-family: var(--secondary-font-family);
  letter-spacing: 1.2px;
}
.nav-link {
  text-wrap: nowrap;
  color: var(--third-color);
  text-transform: uppercase;
  font-size: 11px;
 font-weight: 400 !important;	
  padding: 5px !important;
  margin-right: 8px;
  line-height: 19px;
  color: #ffffff;	
}
.nav-link:hover {
  color: var(--link-color);
  font-weight: bold;
}
.nav-link.show {
  color: var(--link-color) !important;
}
.navbar-toggler {
  width: 50px;
  height: 25px;
  padding: 0;
}
.navbar-toggler-icon {
  filter: invert(100%) !important;
}
/* navbar search form */
form.search-form .search-box {
  position: relative;
  border: 1px solid var(--dark-bg);
}
form.search-form input {
  background-color: var(--secondary-color);
  outline: none;
  border-radius: 0;
  width: 100%;
  margin: 0 !important;
  border: none;
	color:white;
}
form.search-form input::placeholder {
  font-weight: 600;
  color: var(--third-color);
}
form.search-form .search-box svg {
  position: absolute;
  right: 15px;
  top: 50%;
  bottom: 50%;
  transform: translate(0, -50%);
}
.nav-toggle-btn {
  position: absolute;
  right: 20px;
  background-color: transparent;
}
/* Banner */

/* Carousel */
.carousel-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000000;
  opacity: 0.7;
  text-align: left;
  padding-left: 20px;
}
.carousel-caption h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}
a.text-dark.vwall {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #000000;
}
/* About Us */
#aboutUs {
    margin-top: 30px;
}
.about-txt{
	margin-top: 30px;
}
.about-txt .heading a{
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    font-family: "Belleza", sans-serif;
	text-decoration: none;
	color: #333399;
}
.about-desc{
	margin-top: 20px;
}
.about-txt p {
    font-size: 18px;
    line-height: 29px;
    color: #000;
    font-weight: 400;
}
.about-us .para2 a{
    font-size: 16px;
    font-weight: 400;
	font-style:italic;
    color: #0000ff;
    line-height: 27px;
	text-decoration: none;
}

.about-us .anch{
	font-size: 16px;
    font-weight: 400;
    color: #0000ff;
    line-height: 27px;
}
 .about-us h2 a {
  color: var(--secondary-color);

	
}
.about-us p a {
  color: var(--secondary-color);
} 
.about-us .anch2{
	color: #000000;
	font-size: 16px;
	font-weight: 700;
	line-height: 27px;
	text-decoration: none;
}

/* product Galllery */
.product-gallery{
	margin-top: 80px;
}
.product-gallery h1 {
    font-family: 'SourceSansPro-Regular';
    font-size: 30px;
    line-height: 27px;
    font-weight: 300;
    color: #000000 !important;
	margin-bottom: 12px;
}
.card {
  position: relative;
}
.card:hover {
  box-shadow: 0px 0px 10px 1px #c7c6c6;
  border: 1px solid var(--third-color);
  transition: all 0.3s ease;
}
.gallery > div {
  display: flex;
  margin-bottom: 20px;
}
.card img {
  padding: 30px;
}
.card .card-body {
  text-align: center;
}
.card-body p {
    font-size: 16px;
    font-style: italic;
    /* color: var(--priamary-color); */
	font-family: "Lato", sans-serif;
    font-weight: 500 !important;
    color: #000000 !important;
    line-height: 19px;
}
.card .card-body span.old-price {
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-bg);
}
.product-gallery .card .card-body span.disc-price {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
/* Footer */
footer {
  background-color: var(--third-bg-color);
  font-family: var(--secondary-font-family);
  font-size: 16px;
}
footer address {
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1.6;
}
footer address{
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
footer address,
a {
  letter-spacing: 2px;
}
footer a {
  text-decoration: none;
  color: #000000;
  letter-spacing: 1.3px;
  line-height: 20px;
 font-size: 12px;	
}
footer a:hover {
  text-decoration: underline !important;
}
.social-list li a:hover {
  filter: invert(20%);
}
.footer-email-box input,
button {
  border-radius: 0 !important;
  border: none !important;
  outline: none !important;
}
.footer-email-box button {
  background-color: var(--dark-bg);
}
.footer-email-box p {
    font-size: 12px;
    /* color: var(--priamary-color); */
    letter-spacing: 1.3px;
    line-height: 20px;
    color: #000000;
}
/* Fixed button */
.scrollToTopBtn {
  background-color: transparent;
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
}
.scrollToTopBtn:hover {
  background-color: transparent !important;
}
/* =======================Shop========================= */
/* Breadcrumb List */
.breadcrumb-item a {
    /* color: var(--bread-crumb-color); */
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 0.3px;
    color: #404040;
}
.breadcrumb-item.active a {
  color: var(--priamary-color) !important;
}
/* Product Search bar  */
#searchProduct {
  border-color: var(--bread-crumb-color);
  padding: 5px 10px;
  color: var(--bread-crumb-color);
	width:100%;
}
.product-search-bar {
  font-size: 20px;
  font-family: var(--secondary-font-family);
  color: var(--bread-crumb-color);
}
/* Pagination */
.pagination .page-item {
  padding: 10px 7px !important;
}
.pagination .page-item .page-link {
  font-size: 22px !important;
  border: 1px solid var(--secondary-bg-color) !important;
  border-radius: 0px !important;
  margin-right: 10px;
  color: var(--priamary-color);
}
.pagination .page-item.active .page-link {
  background-color: transparent !important;
  border: none !important;
}
/* Aside Catogries */
ul.catogries li {
  padding: 4px 0;
}
ul.catogries li a {
  color: var(--priamary-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--secondary-font-family);
  letter-spacing: 0px;
  text-decoration: none;
}
ul.catogries li a:hover {
  color: var(--secondary-color);
}
span#grid-style,
span#list-style {
  cursor: pointer;
}
/* ===================Product Page======================= */
/* product detail */
.product-detail h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
	margin: 10px 0px;
}
.product-detail h3 {
    font-weight: 400 !important;
    font-size: 28px !important;
    padding: 15px 0;
    color: #000000;
    /* line-height: 48px; */
}
.product-detail p {
    line-height: 31px;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
    color: #000000;
}
/* shop card */
.card.shop .card-text {
    margin-top: -20px;
}
.card.shop img {
    padding: 0px 30px;
}
.card.shop {
    padding-top: 0px;
}
.old-price del {
  font-size: 16px;
}
.card.shop .disc-price {
    position: relative;
    bottom: 10px;
}
del {
    /* color: var(--bread-crumb-color); */
    font-size: 28px;
    color: #000000;
}
.product-attributes{
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	font-size: 18px;
	font-family: 'SourceSansPro-Regular';
	color: #000000;
}
.related-items h3 {
    font-size: 32px !important;
    font-weight: 500;
    color: #000000;
}
.product-attributes li {
    list-style: none;
    margin-bottom: 16px;
}
.product-attributes li strong {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
	font-family: "Lato", sans-serif !important;
	text-transform: capitalize;
}
.disc-price {
    font-size: 15px;
    font-weight: 400;
}
.product-detail .produc-ex-images img {
  margin-bottom: 8px;
}
.product-detail .produc-ex-images img:hover {
  border: 1px solid var(--secondary-bg-color);
}
.product-detail .produc-ex-images img.active {
  border: 1px solid var(--secondary-bg-color);
}
.product-detail .btn {
    font-size: 18px;
    padding: 10px 50px !important;
    margin-right: 15px;
    width: 225px;
    border: 1px solid #9fa5aa !important;
}
.product-detail .btn-primary {
  background-color: var(--secondary-bg-color);
}
.product-detail .btn-outline-primary {
  border: 1px solid var(--secondary-bg-color) !important;
  color: var(--secondary-bg-color);
/*   margin-bottom: 20px; */
}
.product-detail .btn-outline-primary:hover {
  background-color: #01183b;
  transition: all 0.3s ease;
}
.product-detail .btn-primary:hover {
  color: var(--primary-bg-color);
  border: 0px solid var(--secondary-bg-color) !important;
  transition: all 0.3s ease;
  background-color: #01183b;
}
ul.social-btns li {
  list-style-type: none;
  border: 1px solid var(--dark-bg);
  border-radius: 4px;
  padding: 2px 6px;
  box-shadow: 0px 0px 2px #b6b6b6;
  margin: 0 5px 5px 5px;
}
ul.social-btns li a {
  font-size: 16px;
  letter-spacing: 0;
  font-family: var(--secondary-font-family);
}
ul.social-btns li:hover {
  opacity: 0.8;
}
/* Related  */
.gallery .card {
    margin-bottom: 30px;
    padding-top: 23px;
}
.gallery .card:hover {
  box-shadow: 0px 0px 10px 1px #c7c6c6;
}
/*  */


.category-columns a {
  text-decoration: none !important;
  color: black;
  padding: 1px 5px;
  font-family: "Lato", sans-serif;
}

.dropdown-item.focus, .dropdown-item:active, .dropdown-item:hover{
  background-color: #002157;
  padding-left:10px;
  padding-right:10px;
  /* border: none; */
  color:white;
}

.category-block ul li a:hover{
  background-color: #002157;
  /* border: none; */
  color:white;
}


.card-image {
    height: 308px;
    text-align: center;
}

.disc-price del {
    font-size: 13px !important;
    position: relative;
    right: 13px;
}

a#dropdownId {
    font-size: 12px;
}

.fs12{
	font-size:12px;
}

.btnSub{
	background: #a4a4a4;
	background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="iso-8859-1"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"%3E%3Csvg fill="%23fff" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="444.815px" height="444.815px" viewBox="0 0 444.815 444.815" style="enable-background:new 0 0 444.815 444.815;" xml:space="preserve"%3E%3Cpath d="M421.976,196.712L236.111,10.848C228.884,3.615,220.219,0,210.131,0c-9.9,0-18.464,3.615-25.697,10.848L163.023,32.26 c-7.234,6.853-10.85,15.418-10.85,25.697c0,10.277,3.616,18.842,10.85,25.697l83.653,83.937H45.677 c-9.895,0-17.937,3.568-24.123,10.707s-9.279,15.752-9.279,25.837v36.546c0,10.088,3.094,18.698,9.279,25.837 s14.228,10.704,24.123,10.704h200.995L163.02,360.88c-7.234,7.228-10.85,15.89-10.85,25.981c0,10.089,3.616,18.75,10.85,25.978 l21.411,21.412c7.426,7.043,15.99,10.564,25.697,10.564c9.899,0,18.562-3.521,25.981-10.564l185.864-185.864 c7.043-7.043,10.567-15.701,10.567-25.981C432.54,211.939,429.016,203.37,421.976,196.712z"/%3E%3C/svg%3E');
    position: absolute;
    right: 0;
    top: 0;
	    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    flex: 0 0 38px;
}


.footer-email-box form{
	position:relative;
}


.card img {
    padding: 30px;
	height: -webkit-fill-available;
    width: auto;
    text-align: center;
}


.card-image {
    height: 308px;
    text-align: center;
    place-self: center;
}

.page-numbers {
    text-decoration: none;
    color: black;
    border: 1px solid black;
    padding: 10px 19px;
}

.page-numbers:hover {
    background: #002157;
    color: white;
}

span.page-numbers.current {
    background: #002157;
    color: white;
    font-weight: bold;
}

.disc-price ins {
    text-decoration: none;
    font-size: 14px;
}




.list-style-button.active svg path{
   stroke: white;
    fill: #002157;
}


.list-layout .productBox {
    flex: 100%;
    width: 100%;
    display: block;
}

.list-layout .productBox .card {
    flex-flow: row;
    align-items: center;
}

.list-layout .productBox .card-image {
    width: 30%;
    float: left;
    display: block;
}

.listDisplay{
	display:none;
}
.list-layout .listDisplay{
	display:block;
}
.shop-btn-primary {
    background: #002157;
    color: white;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.shop-btn-outline {
    border: 1px solid #002157 !important;
    color: #002157;
    width: 90%;
    margin: 0 auto;
}

.list-layout .card-body {
    width: 45%;
    float: left;
    display: block;
}

.card-button {
/*     width: 20%;
    float: left; */
	text-align: center;
}

ul.social-btns.d-flex.flex-wrap {
    padding-left: 0px;
}

ul.products {
    display: flex;
    flex: 0 0 25%;
    width: 100%;
    flex-wrap: wrap;
}

.woocommerce ul.products li {
    border: 1px solid #f1f1f1;
    padding: 10px !important;
    text-align: center;
    color: black;
}

.woocommerce ul.products li a {
 	color: black;
}

.woocommerce ul.products li a:hover {
	color: #002157;
}

/* .woocommerce ul.products li.product .price {
    display: none !important;
} */

.woocommerce ul.products li.product .button {
	display: none !important;
}

section#content {
    margin-top: 15px;
    margin-bottom: 15px;
}

.maf_btn:hover{
	color:white;
}

.fasearch{
	position: absolute;
    right: 10px;
    top: 25%;
}

.border1{
	border:1px solid black;
}

div#popupOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    background: white;
	transition: all 0.9s ease-in-out;
}

.closeBtn{
	border: 1px solid black;
    padding: 4px 6px;
    font-size: 21px;
    margin: 10px;
}

.closeBtn:hover{
	color: #002157 ;
	cursor:pointer;
}

.btnSubCon{
    width: 100%;
    background: #002157;
    border-radius: 0;
    text-transform: uppercase;
    color: white;
    border: none;
    color: white;
    font-size: 15px;
    padding: 12px 20px;
}

.popup-container button, .popup-container input, .popup-container optgroup, .popup-container select, .popup-container textarea {
    width: 100%;
}

.reltdhead{
	font-weight: 400;
}

.col-6.col-md-3.slick-slide .card {
    height: 448px !important;
    margin: 10px;
}
.relateditemsSlider{
    overflow: hidden;
}

.list-style-button {
    display: none;
}