/********** Header ********************************************************************/
.quick-search {border-bottom:1px solid #003553;}
.quick-search .form-control {background:transparent; border:none; box-shadow:none; color:#000; padding:0px;}
.quick-search .btn {background:transparent !important; border:none; padding:0px;}
.badge {padding: 0.35em 0.45em; font-size: .55em; border-radius: 50%; margin: 0 0 0 -7px;}
.sub-menu-toggle {
  display: none !important;
}
.svg-inline--fa {
	font-size: 19px;}
#Footer {
  background: #050708 ;
  clear: both;
}
#Header {
  
  background: #fff;
}

.vertical-carousel .carousel-inner {
  
  margin-top: 20px;
}
/********* vertical animation********************/
.vertical-carousel .carousel-inner {
    position: relative;
    height: 2.5rem; /* adjust as needed */
    overflow: hidden;
}

.vertical-carousel .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    opacity: 0;
    transform: translateY(100%);
    z-index: 0;
}

.vertical-carousel .carousel-item.active,
.vertical-carousel .carousel-item-next.carousel-item-start,
.vertical-carousel .carousel-item-prev.carousel-item-end {
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
}

.vertical-carousel .carousel-item-start,
.vertical-carousel .carousel-item-end {
    opacity: 1;
    z-index: 0;
}

.vertical-carousel .carousel-item-next.carousel-item-start {
    transform: translateY(-100%);
}

.vertical-carousel .carousel-item-prev.carousel-item-end {
    transform: translateY(100%);
}

/************************************************/
.announcement-text {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
    font-weight: 500;
}

.carousel-inner {
    overflow: hidden;
    text-overflow: ellipsis;
}

.color-blue {
  color: #45c8e0 !important;
}

.carousel-control-next, .carousel-control-prev {
 width: 5%;
  z-index: 999;
}
.bg-light {
  background-color: #707070  !important;
}
.dropdown-menu a.dropdown-item:hover,
.dropdown-menu a.dropdown-item:focus {
  background-color: transparent !important;
  color: #050708 !important;
  
}
.dropdown-menu a.dropdown-item{font-size:15px;}
#Header {
  border-bottom: 1px solid #ccc;
}
.custom-logo {
  height: 60px !important ;
}
/********** MainBanner **************************************************************************************************/
.carousel-caption,.max-width {bottom:auto; z-index:9;}
/*.overlay {background:rgba(0,0,0,0.42); z-index:1;}*/

/*.HomeMainBannerImages {background:#000;}
.HomeMainBannerImages .carousel-item img {opacity:0.5;}*/

/********** image hovereffect **************************************************************************************************/
.hovereffect img {position:relative; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);}
.hovereffect:hover img {opacity: 0.4; filter: alpha(opacity=40); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.hovereffect h2 {text-transform: uppercase; color: #fff; padding: 0.4em 0; background-color: transparent;}
.hovereffect h2:after {position: absolute; bottom:0; left:0; width:100%; height:2px; background:#fff; content:''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);}
.hovereffect:hover h2:after {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.hovereffect a, .hovereffect p {color: #FFF; font-size:30px; /*opacity: 0;*/ filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
.hovereffect:hover a, .hovereffect:hover p {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

/********** content ***************************************************************************************************/

#newsletter { background: url(../images/bg-btm.webp) no-repeat center center; background-size:cover; min-height:800px; font-size:18px;}
#newsletter .form-control {height:60px;}

.InnerImg, .CoverInnerImg {height:100%;}

.InnerImg img {object-fit:cover;height: 100%;width: 100%;}

.listing-one li {
  background: url(../images/ul-icon-one.png) no-repeat left top;
  padding-left: 30px !important;
  list-style: none;
  margin-bottom: 15px;
}

.listing-two li {
  background: url(../images/ul-icon-two.png) no-repeat left top;
  padding-left: 30px !important;
  list-style: none;
  margin-bottom: 5px;
}

.listing-one, .listing-two {
	padding:0px 0px 0px 10px!important;
}

/******************* eComm CSS  **********************************/

.woocommerce ul.products li.product {
  margin: 0 51px 16px 8px;
}

#categories .hovereffect h2 {text-shadow: 3px 3px #070E44;}


.archive.woocommerce .container ul.products li img, .single-product.woocommerce .container .related.products ul.products li img {height: 300px;object-fit: cover;}

.theme-twentytwentyone .wc-block-components-checkbox__mark {display: block!important;}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:not(:checked) + .wc-block-components-checkbox__mark {display: none!important;}

.single-product div.product .product_meta {display: none;visibility: hidden;}

.woocommerce-product-tabs {margin-top: 20px;}

.woocommerce-product-attributes-item__value {width: 100% !important;}



/********** Footer ***************************************************************************************************/
#Footer a {color:#fff; padding: 0px;}
#Footer a:hover,#Footer a.active {color:#fff;}

.copyright {font-size:12px;}


//	STYLE CSS FOR DROPDOWN-MENU //

.dropdown-menu{
	display:none !important;}
}
.dropdown:hover .dropdown-menu {display: block !important;}

.dropdown-menu{
	
}
.dropdown-menu .menu-item {
	padding:0px;
	white-space:nowrap
}
.dropdown-menu .menu-item .nav-link {
	font-size:15px; 
	padding: 7px 19px;
}
.caret:after {display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em;  content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}


.breadcrumb,.woocommerce-breadcrumb {
background-color: transparent !important;
padding: 0px !important;
margin-top: 15px;
font-size: 15px;
padding-bottom: 15px !important;
border-bottom: dashed 1px #c2c2c2;
}
.woocommerce-breadcrumb {
margin-bottom: 25px !important;
}
.breadcrumb a,.woocommerce-breadcrumb a{ 
color:#003553 !important;
}
.breadcrumb li.active:before, .woocommerce-breadcrumb li.active:before{
content: "\00BB";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
margin-left: 5px;
font-weight: 900;
}
.breadcrumb,.woocommerce-breadcrumb {
 
  gap: 8px;
}
.woocommerce-breadcrumb {
  max-width: 1400px;
  margin: auto;
    margin-top: auto;
  margin-top: 18px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btn.btn-primary.px-4.text-white {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}