/*Add Css Custom Here*/
div.tshirtecommerce-btn-group{ 
	display: inline-block; 
	background-color: #ff3c20;
    border-radius: 3px;
    margin: 0 5px;
    padding: 0 10px;
   
    width: auto;
    vertical-align: top;
}
div.tshirtecommerce-btn-group > a{ color: white; text-transform: uppercase;}
/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px)  {
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:before,
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:after{display: none;}
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical .vertical-wrapper{
      visibility: hidden;
      opacity: 0;
    }   
    .common-home .navbar-compact.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper{
      visibility: visible;
      opacity: 1;
      top: 40px; } 
}
@media (min-width: 992px){
	/*.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {    padding: 9px 0; line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;} */
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}
	.paypal-button-container { float: left; }
	.rtl .paypal-button-container { float: right !important; }
}

.typeheader-12 .navbar-logo .logo{
	min-height: 40px;
}


header .container-megamenu.horizontal .menu-layouts .sub-menu ul li a{ line-height: 30px; padding: 0; }
header .container-megamenu.horizontal .shoppage .title-shoppage {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    color: #222;
    font-size: 16px;
    line-height: 100%;
    padding-bottom: 12px;
    margin-bottom: 6px;
    border-bottom: 1px solid #eaeaea;
}
header .container-megamenu.horizontal .content-feature li a, 
header .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a, 
header .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item, 
header .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu{
	color: #666;
}
header .container-megamenu.horizontal .shoppage ul li:hover{ padding: 0; }
body .container-megamenu.vertical{ z-index: 99; }
header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i.fa{ width: 30px; padding: 0; text-align: center; }
header .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore{ padding-left: 46px; }

.layout-17.common-home #content .module.so_newletter_custom_popup .modcontent{ border: none; }

body .container-megamenu.vertical {
    z-index: 99;
}

.box-info-product .detail-action .cart {
	display: flex;
}

.box-info-product .detail-action .cart #button-cart { order: 1; }
.box-info-product .detail-action .cart #paypal_button { order: 3;  padding-top: 4px !important; }
.box-info-product .detail-action .cart .btn-checkout { order: 2; }
.box-info-product .detail-action .cart .btn { height: 40.55px; }

/*====================update opencart4 new===============*/
.typeheader-25 .container-megamenu.vertical .vertical-wrapper {
    height: 600px;
    background-color: #f6f6f6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.typeheader-25 {
    position: relative;
    z-index: 30;
}
#overlay {
    position: fixed;
    background-color: rgb(0 0 0 / 55%);
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical .sub-menu .content {
    height: 600px;
    border-bottom-right-radius: 10px;
    box-shadow: none;
    border: none;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu {
    box-shadow: none !important;
    border: none !important;
    background-color: #f6f6f6 !important;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu > li {
    border-bottom: none !important;
    position: unset !important;
}
#menuHeading:hover #overlay {
    visibility: visible;
}
.container-megamenu.vertical #menuHeading {
    padding-bottom: 11px;
}
.typeheader-25 .header-bottom .navbar-nav li a {
    margin-bottom: 0;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content {
    padding: 0 !important;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical .categories {
    padding: 15px 0 0 30px;
}
.main-menu .megamenu-pattern ul.megamenu li .sub-menu .content {
    height: 360px !important;
    border: none;
    width: 840px !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #efefef;
    overflow: hidden;
}
h4.text-gray-900.text-sm.font-bold.pb-4.pl-5.md\:pl-8 {
    margin-bottom: 0;
    padding-left: 10px;
}
.sub-menu {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.text-logo-brand {
    display: inline-block;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}
.brand-logo-cus {
    width: 20%;
}
ul.brand-search-list {
    display: inline-block;
    height: 220px;
    max-height: 220px;
    overflow-y: scroll;
    width: 100%;
    margin-bottom: 10px;
}
ul.brand-search-list::-webkit-scrollbar-thumb {
    background: #0071ce;
}
.brand-search-list li {
    margin-bottom: 8px;
}
input.search-brand {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    margin-bottom: 15px;
}
.all_brand {
    color: #0071ce;
    font-weight: 600;
    display: inline-block;
}
.all_brand i {
    position: relative;
    top: 2px;
}
h4.text-gray-900, .brand-search-list li a {
    color: #222222;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content > .row {
    padding-top: 0 !important;
    height: 100%;
}
.loop-index-2 ul {
    background-color: #f6f6f6;
    height: 100%;
    border-bottom-right-radius: 10px;
}
.loop-index-2 .submenu-type-5 {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
}
.loop-index-2 .submenu-type-5 img {
    width: 100%;
    object-fit: cover;
}
.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul li a.main-menu {
    text-transform: unset !important;
}
.text-viewall-cat {
    color: #0071ce;
    font-size: 1.4rem;
    margin: 0 0 0px;
    font-weight: 700;
}
.text-popular {
    margin-top: 15px;
    color: #222;
    font-size: 1.4rem;
    font-weight: 700;
}
.loop-index-1, .loop-index-2 {
    max-height: 600px;
    overflow: hidden;
}
.loop-index-2 {
    background-color: #f6f6f6;
    border-bottom-right-radius: 10px;
    padding: 0 30px;
}
.style-banner img {
    border-radius: 10px;
    width: 100%;
    max-height: 250px;
}
.pl-15 {
    /* padding-left: 15%; */
}

ul.megamenu .title-submenu-custom {
    margin-top: 15px;
    color: #222 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    padding-left: 0 !important;
}
.list-popular-custom .product-thumb {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 30px;
}
.list-popular-custom .caption h4 {
    font-size: 1.4rem;
    margin-bottom: 5px;
    text-align: center;
}
.list-popular-custom .caption h4 a {
    display: -webkit-box;  
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
.list-popular-custom .caption .price {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 0;
}

.checkout-checkout .qc-field[field_id=shipping_address] {
	visibility: hidden;
}

.hide { display: none; }
header.typeheader-25 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container > div{
    padding-top: 12px;
}
.whatsapp-content{
    background: #f7f7f7;
    border-radius: 8px;
    padding: 45px;
    font-size: 18px;
    color: #000;
    text-align: center;
}
.whatsapp-content span{
    margin: 0 12px;
}
.whatsapp-content .fa-whatsapp{
    font-size: 24px;
    margin-left: 3px;
}

div[field_id='address_2'] {
    display: none;
}


#ai-float-icon {
	display: none;
}
.captcha .mb-3 {
    display: flex;
}
.captcha .mb-3 .form-label{
    flex: 0 0 auto;
    width: 16.66666667%;
}
.captcha .mb-3 .form-control{
    flex: 0 0 auto;
    width: calc(70% - 22px);
    margin-right: 10px;
}
.captcha #captcha img{
    height: 38px;
} 

#modal-information .modal-body{
    max-height: 500px;
    padding: 30px;
    overflow-y: auto;
}
#modal-information .modal-dialog{
    max-width: 900px;
}
#modal-information .modal-dialog-centered{
    min-height: unset;
}

div.qc-field[field_id='postcode'] {
	display: none;
}

div.qc-field[field_id='city'] {
	width: 100% !important;
}