
body{margin:0px; padding:0px; line-height:25px; font-size: 16px !important; font-family: 'Apercu Pro'; font-weight: 400; color: #000; } 
a { color: #000;text-decoration: none !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; font-weight:400;font-family: 'Apercu Pro';} 
.main-container {
    width: 100%;
    max-width: 2500px;
    margin-left: auto;
    margin-right: auto;
}
.section {padding:30px 0;position:relative;} 
.fab, .far {
    font-weight: 600;
}

.btn{color: #fff; border:2px solid #8223D2; background: #8223D2; font-weight:400; font-size: 16px; min-width: 160px;border-radius:0px; -webkit-transition: all .3s; -o-transition: all .3s;  transition: all .3s; padding: 13px 23px;text-decoration: none;}
.btn:hover {background: transparent; color: #8223D2;  }

.btn-solid { background: transparent;  color: #8223D2;}
.btn-solid:hover { background:#8223D2; color: #fff;}

.btn-white {background: #fff; border-color: #fff; color: #8223D2;}
.btn-white:hover {background: transparent;color: #fff;} 

.full-img {
    width: 100%;
}

/*notify bar*/
.header-notify-sec {
    width: 100%;
    padding: 5px 0;
    border-bottom: #223e7d solid 1px;
    background: #223e7d;
}
.header-notify-sec span {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
.header-notify-sec span i {margin-right: 5px; vertical-align: middle; display: inline-block;} 


.header-top .container {
    max-width: 1440px;
}
/*Account Menu*/
.account-links {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    text-align: right;
}
.account-links li {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 9px;
    border-right: #b0acac solid 1px;
    line-height: 12px;
}
.account-links li a {
    color: #fff;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-weight: 500;
}
.account-links li a:hover {
    color: #fff;
	font-weight: 700;
}
.account-links li:last-child {
    border: none;
}


/*Header*/
.navbar-brand img {
    max-width: 250px;
    transition: all 1s ease;
    mix-blend-mode: darken;
    object-fit: contain;     
	/*margin-bottom: 10px;*/
}
#navbarmenu {justify-content: center; width: 100%; }

#navbar {
    padding: 0;
    background: #555;
    border-bottom: 2px solid #fff;
    padding: 0;
    background: #243F7E;
}
.navbar-nav .nav-item .nav-link:hover {
    background: #fff !important;
    color: #000;
	font-weight: 700;
}
ul.navbar-nav {justify-content: space-between;}
.header-top {background:#f8f8f8;} 
.navbar-nav {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
}
.navbar-nav li.nav-item {
    padding: 0 10px;
}
.navbar-nav .nav-link {
    position: relative;
    transition: all .3s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.7px;
    padding-top: 18px;
    padding-bottom: 18px;
    text-transform: uppercase;
    text-decoration: none;
}
.navbar-nav .nav-link:hover {
    transition: all .3s;
    color: #ffffff;
    background: #87fb00;
}

.middle-header {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#header-search-form {
    position: relative;
}
#header-search-form input{
    appearance: none;
    font-family: inherit;
    width: 100%;
    height: 47px;
    padding: 0.4rem 2rem 0.4rem 0.5rem;
    font-size: 15px;
    border: 1px solid;
    border-color: #000;
    border-radius: inherit;
    outline: none;
    color: inherit;
    background-color: transparent;
    letter-spacing: normal;
    font-weight: 300;
}
#header-search-form [type="submit"] {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
     height: 47px;
       width: 47px;
    background-color: #000;
    border-radius: inherit;
	color: #fff;
	letter-spacing: 0.7px;
}

/*promo*/
#promo {
    padding-top: 25px;
    padding-bottom: 25px;
}
.promo-content h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 0 !important;
    margin-top: 0px !important;
    color: #292929;
}
.promo-content p {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #717171;
    font-weight: 500;
}

/*Hero*/
.hero-slider {
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
}
.hero-slider img {
    width: 100%;
}


/*HM Products*/
.pro-container .container-fluid {
    padding-left: 11%;
    padding-right: 11%;
}
.product-item {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}
.product-item img {
    max-width: 100%;
}
.product-item h5.product-item-name {
    font-weight: 700;
    margin-top: 15px;
    letter-spacing: 0.5px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 19px;
}
.product-item h5 {
    font-weight: 700;
    margin-top: 15px;
    letter-spacing: 0.5px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 19px;
}
.product-item h5:hover {
color: #000;	
}
.product-item a:hover {
    color: #000;
    text-decoration: none;
}


/*Buy Gift bar*/
#buy-gift-bar {
    margin-top: 30px;
    padding-bottom: 50px;
}
#marketing-bar{
    padding: 30px 0;	
}
#buy-gift-bar .buy-gift-content {
    background: #000;
    padding: 45px 20px;

}
#buy-gift-bar h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: 1px;
    color: #fff;
}
#buy-gift-bar p {
    font-size: 23px;
    color: #fff;
}
#buy-gift-bar p a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 600;
    border-bottom: #fff solid 1px;
    line-height: 23px;
    display: inline-block;
}
#buy-gift-bar p a:hover {
    color: #fff;
    border-color: #fff;
}
a.navList-action:hover {
    color: #000;
    font-weight: 700;
}

/*Deal Bar*/
#deal-bar {
    background: #000;
    padding-top: 45px;
    padding-bottom: 45px;
    margin-top: 50px;
}

.deal-box {
    border-right: #fff solid 2px;
    padding-right: 5%;
}

.deal-box h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1rem;
    font-family: 'Apercu Pro';
    margin-top: 0px;
}

.deal-box h2 {
    font-size: 88px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 400;
    font-family: 'Apercu Pro';
    margin-top: 0px;
}

.deal-box .btn {
    background: #FF9A00;
    border: #FF9A00 solid 2px;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
}
.productView-title {
    color: #243F7E;
}
.deal-box .btn:hover {
    background: #ffffff;
    color: #000;
}
.button--primary {
    color: #fff !important;
    background: #FF9A00 !important;
    border-color: #FF9A00  !important;
}
.deal-box-cont {
    font-size: 22px;
    line-height: 37px;
	padding-left: 5%;
	    letter-spacing: 0.5px;
}
.tab.is-active .tab-title {
    color: #243F7E !important;
}
.tabs a.tab-title {
    color: #243F7E !important;
}

/*Marketing Image bar*/
.marketing-container .container-fluid {
    /* max-width: 92%; */
    margin-left: auto;
    margin-right: auto;
    padding-left: 7%;
    padding-right: 7%;
}


/*GIFT RANGE*/

#gift-price-range .marketing-container {
    background: #000;
    padding-top: 25px;
    padding-bottom: 25px;
}

#gift-price-range .col-sm-6 {
    border-right: #fff solid 2px;
    padding-top: 3%;
    padding-bottom:3%;
}
#gift-price-range .col-sm-3:last-child {
    border: none;
}

.gift-range-content h2 {
    margin-bottom: 0;
    font-size: 100px;
    font-weight: 500;
    display: table;
    margin: auto;
    font-family: 'EB Garamond', serif;
    line-height: 80px;
    color: #fff;
}
.gift-range-content h5 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    color: #fff;
    font-size: 22px;
}
.gift-range-content small {
    font-size: 60%;
    position: relative;
    top: -20px;
    color: #fff;
}

.section-title {
    font-size: 60px;
    font-weight: 500;
    font-family: 'Poppins';
}


/*Gift Brand */

.green-bg {
    background: #000;
}

#shop-gift-brand .marketing-container {
    padding-top: 45px;
    padding-bottom: 45px;
}

#shop-gift-brand ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 23px;
}

h2.shop-brand-title {
    font-size: 55px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 20px;
    line-height: 45px;
    margin: 0;
    color: #fff;
}

#shop-gift-brand ul li {
    display: inline-block;
    padding: 0 4%;
    border-right: #fff solid 2px;
}
#shop-gift-brand ul li:last-child {
    border: none;
}

#shop-gift-brand ul li a {
    color: #fff;
    text-decoration: none;
}
#shop-gift-brand ul li a:hover {
    color: #fff;
    font-weight: 700;
}


/*Mery Table*/
.font25 {
    font-size: 24px;
}
#merry-table-bar a.link {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: #000 solid 1px;
    text-decoration: none;
}

#merry-table-bar a.link:hover{color:#88fb00; border-bottom: #88fb00 solid 1px; }

.section-title35 {
    font-size: 35px;
     letter-spacing: 3px;
}


/*Tranding Slider*/

#trand-slider .product-item h5 {
    /*font-weight: normal;*/
    font-size: 16px;
    text-transform: capitalize;
}

#tranding-for-products h2 {
    color: #505050;
    letter-spacing: 0;
}

.rating-img img {
    max-width: 86px;
    display: inline-block !important;
}

/*Brand Category*/
#barnd-products .barnd-box {
    width: 17%;
    padding: 0 15px;
}



/*Testimonial Slider*/

#testimonialslider a.link {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: #000 solid 1px;
    text-decoration: none;
}
#testimonialslider a.link:hover {
color: #0056b3;	
}
.textimonial-box {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    background: #fafafa;
    justify-content: center;
    align-items: center;
    padding: 10%;
}

.textimonial-box-in .avtar {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.textimonial-box-in .avtar img {
    border: #fff solid 5px;
    box-shadow: #00000036 5px 13px 15px;
}

.textimonial-box-in .content {
    font-size: 23px;
    line-height: initial;
    font-weight: 100;
}

.textimonial-box-in .name {
    font-size: 16px;
    display: block;
    margin-top: 25px;
}
.textimonial-box-in .name b {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    font-size: 20px;
}

/*Footer */
.footer {
    background: #243F7E !important;
    padding-top: 50px !important;
}
.footer h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: initial;
    margin-top: 0px;
    color: #fff;
}
.footer-menu {
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;
}
.footer-menu li a {
    color: #fff;
    font-size: 18px;
}
.footer-btn {border-radius: 20px;}
.footer-btn span {display: block;font-weight: 600;text-transform: uppercase;}

.footer-btm {border-top: 1px solid #999999;}
.footer-terms-menu li {display: inline-block;}
.footer-terms-menu li a {
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    font-size: 18px;
	color:#fff;
}
.footer-terms ul {
    margin: 0;
}
.copyright {
    font-size: 18px;
    color: #fff;
}
.footer-socials i {
    color: #fff;
}
.footer-terms-menu li a:after {content: "";background: #fff;height: 15px;width: 1px;display: inline-block; margin-left: 15px;
top: 3px; position: absolute;}
.footer-terms-menu li:last-child a {padding-right: 0; margin-right: 0;}
.footer-terms-menu li:last-child a:after {display: none;}


.footer-socials li {font-size: 20px;opacity: 0.8; padding-left: 10px;}
.footer-copyright {border-top: 1px solid #999999;}

.footer-socials li a:hover {
    color: #fff;
}
.footer a:hover {
    color: #fff;
    font-weight: 700;
    text-decoration: underline !important;
}
#navbar {
   z-index: 99999;
}
footer .row {
    text-align: center;
}
button.carousel-play-pause-button {
    display: none !important;
}
.heroCarousel button.slick-prev, .heroCarousel button.slick-next {
    display: none !important;
}
span.home-customer-love {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: #000 solid 1px;
    border: none;
}
.css-1clkqco a {
    font-weight: 700;
    margin-top: 15px;
    letter-spacing: 0.5px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 19px;
    color: #000;
    /* margin-bottom: 20px; */
}
.css-1eew03s {
    padding-top: 20px;
}
.right-panel-img img {
    height: 325px;
}
.icon-container ul li {
    list-style: none;
    display: inline-block;
}
.icon-container ul li img {
    width: 25px;
}
.icon-container ul li {
    list-style: none;
    display: inline-block;
    padding-left: 10px;
}
.icon-container ul {
    padding-top: 10px;
}
footer p {
    color: #fff;
    margin-bottom: 5px;
}
footer img.footer-logo{
padding-bottom:10px;	
}
footer .border-col::before{
    position: absolute;
    right: 0;
    width: 1px;
    height: 197px;
    background: #fff;
    content: "";
    opacity: 0.4;
    box-shadow: 0px 0px 8px #fff;	
}
/*.navbar-nav .nav-item .nav-link:hover {
    color: #8bfa00;
}
a:focus, a:hover {
    color: #000 !important;
}*/
.middle-header #header-search-form form {
    margin:0;
}
@media only screen and (min-width: 1024px) {
.product-item-img {
   /* min-height: 440px;*/
}
.middle-header .search-container {
    top: -9px;
}
.header-logo-image-container {
    top: 4px;
}
.heroCarousel-slide .heroCarousel-image {
    object-fit: fill !important; 
}
}
@media only screen and (min-width: 1261px) {
.main-container .container {
    padding: 0 !important;
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
    padding-top: 0px !important;
}
}
@media only screen and (min-width: 576px) {
#trand-slider .col-sm-3 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
@media only screen and (max-width: 480px) {
.footer {
    text-align: center;
}
.footer h4 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
header .brand-logo {
    width: 100%;
    padding-top: 10px;
}
.pro-container .product-item img {
    max-width: 300px;
    max-height: 240px;
}
#just-for-products .product-item img {
    max-width: 300px;
    max-height: 240px;
}
.section-title35 {
    font-size: 25px;
    letter-spacing: 3px;
    margin: 0;
}
nav.pagination {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.slick-dotted.slick-slider {
    padding-top: 21px;
    margin-bottom: 0px !important;
}
.container.middle-header {
    text-align: center;
}
.middle-header .icon-container{
    display: none;
}
.middle-header a.navbar-brand {
    margin: 0;
}
}
@media only screen and (min-width: 801px) {
.heroCarousel.slick-initialized {
    padding-top: 32px;
}
.middle-header #header-search-form form {
    width: 450px;
    margin: 0 auto;
}
}