html {
font-size: 85%;
}
body{
font-family: 'DM Sans 18pt', 'fontello', monospace;
}
@media (min-width: 1200px) {
.container {
max-width: 1128px;
}
}
button:focus {
outline: none;
}
.sidebar .card-header {
margin-left: -12px;
}
.warning{
display:inline-flex;
justify-content:center;
align-items:center;
display: flex;
width: 22.4375rem;
padding: 0.5rem 1rem;
align-items: center;
gap: 0.5rem;
border-left: 3px solid var(--yellow-600, #CC9A36);
background: var(--yellow-opacities-quinary, rgba(255, 192, 67, 0.17));
margin-bottom: 4rem;
}
.main-title .heading-h5 {
font-family: DM Serif Display;
}
.warning p{
margin:0;
color: var(--yellow-800, #664D1B);
/* Medium/16 */
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
}
.details-table,.order-table {
min-width: 61rem;
}
.table thead tr th:last-child, .table tr td:last-child, .order-details thead tr th:last-child, .order-details tr td:last-child {
text-align: left;
padding-right: 0;
}
.cart_item,.order-table td,.order-table th{
position:relative;
}
.cart_item .form-check-label{
position:absolute;
left:5px;
top:5px;
}
.order-table .form-check-label{
position:absolute;
left:10px;
top:10px;
}
.order-table th .form-check-label{
top:20px;
}
.cart_item .form-check-label .checkmark:after,.order-table .form-check-label .checkmark:after {
left: 5px;
top: 0;
}
.cart_item .form-check-label .checkmark,.order-table .form-check-label .checkmark{
position: relative;
top: auto;
left: auto;
height: 1.25rem;
width: 1.25rem;
background-color: #fff;
display: inline-block;
border: 2px solid #000;
}
.order-table th .form-check-label .checkmark{
border-color:#719EBA;
}
.product-set-item .image{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.primary-btn{
border: 1px solid var(--lightblue-opacities-quaternary, rgba(141, 198, 232, 0.33));
background: var(--gradientx-lightblue, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #8DC6E8 0.03%, #D1E8F6 100%));
}
.dropdown-toggle{
position : relative;;
}
.header{
border-bottom: 0.5px solid rgba(20, 20, 20, 0.17);
}
.region_lang .dropdown-toggle::after{
width: 15px;
height: 15px;
margin-left: 8px;
border:none;
vertical-align: 0;
background: url('../images/icons/down_icon.svg') no-repeat center;
}
.region .modal-content{
display: flex;
width: 37.5rem;
padding: 3rem;
flex-direction: column;
align-items: flex-start;
box-shadow: 0px 4px 64px 0px #000;
border-radius:0;
}
.modal-body {
width: 100%;
}
.modal-header .close{
width: auto;
color: #000;
font-size: 22px;
display: inline-flex;
position: absolute;
left: 30px;
top: 30px;
}
.region .modal-content .body-b5{
text-align:left;
max-width:21rem;
color: #141414;
/* Heading Expressive/32 */
font-family: 'DM Serif Display';
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 2.5rem; /* 125% */
letter-spacing: -0.015rem;
margin-bottom: 3rem;
}
.header .region_lang .modal-content .btn-group{
width:100%;
flex-direction: column;
align-items: flex-start;
}
.header .region_lang .modal-content .btn-group .head{
display:flex;
width:100%;
align-items:center;
justify-content:space-between;
margin-bottom:0.75rem;
}
.header .region_lang .modal-content .btn-group .head .label{
color: #141414;
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
}
.header .region_lang .modal-content .btn-group .head .aublabel{
color: rgba(20, 20, 20, 0.50);
text-align: right;
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
}
.choose-region{
width:100%;
}
.header .region_lang .container .modal-content select{
width:100%;
color: rgba(20, 20, 20, 0.83);
font-family: 'DM Sans 18pt';
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
display: flex;
height: 4rem;
padding: 1.25rem 1rem 1.25rem 0.8125rem;
align-items: center;
gap: 0.5rem;
align-self: stretch;
border: 0.5px solid rgba(20, 20, 20, 0.04);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
}
.region_lang .modal-content .dropdown-toggle::after{
background: url('../images/icons/chevron_down.svg') no-repeat center;
width: 2rem;
height: 2rem;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
right: 1rem;
}
.region_lang .dropdown-menu {
width: 100%;
color: rgba(20, 20, 20, 0.83);
font-family: 'DM Sans 18pt';
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
}
.header .region_lang .modal-content .btn.dis-flex{
display: flex;
height: 3.5rem;
padding: 0.75rem 1.5rem;
justify-content: center;
align-items: center;
align-self: stretch;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
color: var(--white-absolute, #FFF);
text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.50);
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
margin-top:2rem;
}
.user button{
padding:0;
display: inline-flex;
align-items: center;
}
/* pop up style */
#popupContainer {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 43%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 999;
}
/* .modal-content {
background-color: #fff;
padding: 10rem;
border-radius: 0;
text-align: center;
}
.close-button {
position: absolute;
top: 10px;
left: 15px;
cursor: pointer;
color: #fff;
font-size: 36px;
} */
#openPopupButton,
.header .bottom .categories .btn,
.btn-group>.btn:first-child{
display: flex;
background: transparent;
box-shadow: none;
border: none;
color: #141414;
}
#openPopupButton button{
background: transparent;
box-shadow: none;
border: none;
}
header{
padding: 30px 90px;
}
/* pop up style */
.modal-content {
background-color: #fff;
padding: 20px;
border-radius: 5px;
text-align: center;
}
.close-button {
position: absolute;
top: 10px;
right: 15px;
font-size: 20px;
cursor: pointer;
}
.header .region_lang{
display: flex;
align-items: center;
width: 100%;
}
.header .region_lang{
padding: 4px 0;
}
.header .bottom{
padding: 1.3rem 0;
}
.dis-flex{
display: flex;
align-items: center;
justify-content: space-between;
}
.header .region_lang .container{
justify-content: flex-end;
}
.header .region_lang .container .btn{
color: var(--white-absolute, #FFF);
font-family: 'SF Mono Regular';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
letter-spacing: -0.28px;
border: none;
padding: 0 0 0 25px;
background: url('../images/icons/globe.svg') no-repeat left top;
}
.region button{
color: #FFF;
font-family: 'SF Mono Regular';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
padding:0;
letter-spacing: -0.28px;
}
.region button span{
margin-left: 8px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.header .bottom .dropdown-toggle::after{
width: 1.5rem;
height: 1.5rem;
background: url('../images/icons/caret_down.svg') no-repeat !important;
border: none;
}
.header .bottom .user .dropdown-toggle::after{
background: url('../images/icons/chevron_down.svg') no-repeat !important;
}
.header .bottom .container .quick-order{
display: flex;
align-items: center;
}
.header .quick-order .black-text{
font-family: 'DM Sans';
font-size: 1.125rem;
font-style: normal;
font-weight: bold;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
}
.header .bottom .categories,
.header .bottom .categories .search .form{
display: flex;
align-items: center;
}
.header .bottom .categories{
justify-content: space-between;
}
.header .bottom .categories .search .form input,
.header .bottom .categories .search .form input::placeholder{
color: #141414;
font-family: 'DM Sans';
font-size: 1.125rem;
font-style: normal;
font-weight: bold;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
}
.header .bottom .categories .search .form input{
min-width: 100px;
}
.header .bottom .categories .search button{
padding:0;
}
.header .bottom .container .logo{
text-align:center;
}
.header .bottom .container .user-info{
display:flex;
justify-content: space-between;
align-items: center;
}
.header .bottom .categories .search{
padding-left:4rem
}
.categories .btn-group .show{
border: 1px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
background: var(--white-absolute, #FFF);
padding: 24px 16px;
width: 304px;
}
.categories .btn-group .show a{
padding: 8px 0;
transition: all .5s ease;
background: transparent;
}
.categories .btn-group .show a:hover{
color: var(--lightblue-500, #8DC6E8);
padding-left: 20px;
background: transparent;
}
.categories .btn-group .show a:hover img{
filter: invert(73%) sepia(63%) saturate(352%) hue-rotate(173deg) brightness(96%) contrast(89%);
}
.categories .btn-group .show a span{
margin-right: 8px;
}
.cart .primary-btn{
display: flex;
width: 2.5rem;
height: 2.5rem;
padding: 0.625rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
flex-shrink: 0;
border-radius: 48px;
}
.popupCart .modal-content{
display: flex;
width:100%;
padding: 2rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height:100%;
overflow-x: hidden;
overflow-y: auto;
}
.popupCart .modal-content .popup-head,.cart_page .cart_head{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-bottom:2.5rem;
}
.cart_page .cart_head{
margin-bottom:0.5rem;
}
.popupCart .modal-content .popup-head h2,.cart_page .cart_head h2{
font-family: 'DM Serif Display';
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
line-height: 3rem; /* 120% */
letter-spacing: -0.02rem;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #141414 0.03%, #A1A1A1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.popupCart .modal-content .popup-head p,.cart_page .cart_head p{
color: #141414;
font-family: 'DM Sans 18pt';
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.75rem; /* 140% */
letter-spacing: -0.005rem;
}
.cart_list{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
}
.cart_list .cart_item{
display: flex;
align-items: stretch;
align-self: stretch;
}
.cart_list .cart_item .cart_info{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
flex: 1 0 0;
align-self: stretch;
}
.cart_list .cart_item .name_price{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.cart_list .cart_item .name_price h4{
color: #141414;
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
text-align: left;
margin:0;
}
.cart_list .cart_item .name_price .price{
color: rgba(20, 20, 20, 0.83);
font-family: 'DM Mono';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.0025rem;
}
.cart_list .cart_item .name_price .dot{
color: rgba(20, 20, 20, 0.83);
font-family: 'DM Mono';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.0025rem;
margin:0 0.5rem
}
.cart_list .cart_item .name_price .expected{
color: #059A52;
font-family:'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.005rem;
}
.cart_list .cart_item .cart_quantity{
width:100%;
display: flex;
align-items: center;
align-self: stretch;
justify-content:space-between;
}
.cart_list .cart_item .cart_quantity p{
color: #141414;
font-family: 'DM Sans 18pt';
font-size: 0.75rem;
font-style: normal;
font-weight: 500;
line-height: 1rem; /* 133.333% */
letter-spacing: 0.0025rem;
margin: 0;
}
.cart_list .cart_item .cart_quantity p.sublabel{
color: rgba(20, 20, 20, 0.50);
font-family: 'DM Sans 18pt';
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem; /* 133.333% */
letter-spacing: 0.0025rem;
}
.cart_list .cart_item .image_holder{
display: flex;
margin-right:1rem;
width: 10.75rem;
padding: 1.251rem 1.47381rem;
justify-content: center;
align-items: center;
border: 1.5px solid rgba(20, 20, 20, 0.04);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
}
.cart_list .cart_item .image_holder img{
width: auto;
max-width: 100%;
max-height: 8.58269rem;
}
.popupCart .modal-content .cart_bottom{
margin-top:6rem;
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.cart_page .cart_bottom,.checkout_bottom{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.popupCart .modal-content .cart_bottom .subtotal{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.popupCart .modal-content .cart_bottom .subtotal label{
color: #141414;
font-family: 'DM Mono';
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 2rem; /* 133.333% */
letter-spacing: -0.01rem;
}
.popupCart .modal-content .cart_bottom .subtotal p{
color: #141414;
font-family: 'DM Mono';
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem; /* 140% */
letter-spacing: -0.005rem;
}
.checkout_bottom .btn-secondary,.popupCart .modal-content .cart_bottom .btn-secondary,.cart_page .cart_bottom .btn-secondary{
display: flex;
width: 100%;
height: 4rem;
padding: 1.25rem 1.5rem;
justify-content: center;
align-items: center;
color: #FFF;
text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.50);
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
}
.checkout_bottom .btn-secondary .white-text,.popupCart .modal-content .cart_bottom .btn-secondary .white-text,.cart_page .cart_bottom .btn-secondary .white-text{
margin:auto;
}
.cart_list .cart_item #cart_options{
display: flex;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
}
.cart_list .cart_item #cart_options .cart_op{
width:50%;
position:relative;
}
.cart_list .cart_item #cart_options .cart_op input{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
opacity:0;
}
.cart_list .cart_item #cart_options .cart_op label{
display: flex;
padding: 0.025rem 0.75rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
flex: 1 0 0;
border-radius: 1.25rem;
margin:0;
border: 0.5px solid var(--black-opacities-background, rgba(20, 20, 20, 0.04));
background: var(--gradientx-transparent, linear-gradient(to bottom right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top right / 50% 50% no-repeat);
color: rgba(20, 20, 20, 0.83);
}
.cart_list .cart_item #cart_options .cart_op input[type=radio]:checked ~ label{
border: 0.5px solid var(--lightblue-opacities-primary, rgba(141, 198, 232, 0.83));
background: linear-gradient(to bottom right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top right / 50% 50% no-repeat;
}
.cart_list .cart_item #cart_options .cart_op input[type=radio]:checked ~ label span{
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100% 0%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cart_list .cart_item .update_qty{
width:100%;
}
.cart_list .cart_item .update_qty .btn-group{
width:100%;
margin-top:0.5rem;
display: flex;
height: 3rem;
padding: 0.75rem 1rem 0.75rem 0.8125rem;
align-items: center;
gap: 0.5rem;
align-self: stretch;
border: 0.5px solid rgba(20, 20, 20, 0.17);
background: linear-gradient(to bottom right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top right / 50% 50% no-repeat;
}
.cart_list .cart_item .update_qty .btn-group .form-control,.cart_list .cart_item .update_qty .btn-group .form-control::placeholder{
color: #141414;
text-align: center;
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.005rem;
}
.header .bottom .categories .btn{
width: 100%;
color: #141414;
font-family: 'DM Sans';
font-size: 1.125rem;
font-style: normal;
font-weight: bold;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
}
.close {
position: absolute;
top: 0;
right: 10px;
font-size: 24px;
cursor: pointer;
}
.slider{
position: relative;
}
.slider .item{
position:relative;
}
.slider .item:before{
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
right: 0;
background:#010D15;
opacity: 0.6;
}
.slider img{
width: 100%;
}
.slider .text{
position: absolute;
width:100%;
top: 30%;
left: 0%;
display:flex;
flex-direction:column;
align-items:center;
z-index: 1;
}
.slider .text .body-b2 {
font-family: 'DM Serif Display';
font-size: 3.5rem;
font-style: normal;
font-weight: 400;
line-height: 4rem; /* 114.286% */
letter-spacing: -0.035rem;
}
.slider .text .medium-h5{
font-family: 'DM Sans';
font-size: 2rem;
font-style: normal;
line-height: 3rem; /* 150% */
letter-spacing: -0.015rem;
margin-top: 1rem;
}
.slider .text .btn{
display: flex;
padding: 1rem 2rem;
justify-content: center;
align-items: center;
align-self: center;
background: #fff;
color: #054268;
font-family: 'DM Sans';
font-size: 1rem;
font-style: normal;
font-weight: bold;
line-height: 1.5rem; /* 150% */
margin-top: 2.5rem;
}
.slider .text .btn .icon{
margin-left: 10px;
}
.cats-name{
display:flex;
align-items:center;
}
.cats-name .item{
width:33.333%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px;
transition:all 0.3s ease-in-out;
}
.cats-name .item:hover{
background:#03283E;
}
.cats-name .item .body-b5{
font-family: 'DM Serif Display';
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 2.5rem; /* 125% */
letter-spacing: -0.015rem;
padding-left:1.3125rem;
transition:all 0.5s ease-in-out
}
.cats-name .item:hover .body-b5{
transform: translateX(-60px);
}
.cats-name .item .arrow{
width: 0;
transform: scale(0);
transition: all 0.5s ease-in-out;
}
.cats-name .item:hover .arrow{
width: auto;
/*transform: scale(1) translateX(450px);*/
transform: scale(1) translateX(18rem);
}
.cats-name .item .img{
transition: all 0.5s ease-in-out;
}
.cats-name .item:hover .img{
transform: scale(0);
}
.discount{
background: conic-gradient(from 227deg at 50.00% 71.34%, rgba(6, 193, 103, 0.17) 163.0422592163086deg, rgba(6, 193, 103, 0.02) 360deg); margin: 5rem 0;
padding: 8rem 0;
padding-right: 2.5rem;
position:relative;
}
.discount .extraIcon{
position: absolute;
bottom: 1.3rem;
left: 1.3rem;
}
.discount::before{
content:'';
position: absolute;
width: 3rem;
height: 3rem;
flex-shrink: 0;
left:1.5rem;
top:1.5rem;
background: url('../images/icons/Vector.svg') no-repeat;
}
.discount::after{
content:'';
position: absolute;
width: 3rem;
height: 3rem;
flex-shrink: 0;
right:1.5rem;
bottom:1.5rem;
background: url('../images/icons/Vector.svg') no-repeat;
}
.discount .nivea{
position: absolute;
top:2.25rem;
right:1.5rem;
}
.discount .text{
padding-left: 6rem;
}
.discount .text .heading-expressive-h1{
color: #141414;
font-family: 'DM Serif Display';
font-size: 7.5rem;
font-style: normal;
font-weight: 400;
line-height: 8rem; /* 106.667% */
letter-spacing: -0.075rem;
}
.discount .text .heading-expressive-h1 .body-b6{
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: -0.01rem;
}
.discount .text .medium-h6{
color: #141414;
text-align: center;
font-family: 'DM Sans';
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 2rem; /* 133.333% */
letter-spacing: -0.01rem;
margin:1rem 0;
}
.discount .text .btn-secondary {
display: flex;
width: 14.5rem;
height: 3rem;
padding: 0.75rem 0.5rem 0.75rem 1.5rem;
justify-content: flex-end;
align-items: center;
color: #FFF;
font-family: DM Sans;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
background: var(--gradient-green, radial-gradient(2543.81% 141.42% at 100.00% -0.00%, rgba(6, 193, 103, 0.50) 0.03%, rgba(6, 193, 103, 0.83) 100%));
}
.latest{
padding: 2rem 0 2rem 0rem;
}
#latest{
margin:2rem 0;
}
.latest .title{
font-family: 'DM Sans';
font-size: 1.7rem;
font-style: normal;
font-weight: 700;
line-height: 3rem; /* 120% */
letter-spacing: -0.02rem;
}
.discount .dis-flex span:nth-child(1),
.product-item .cart .add{
margin: auto;
}
.latest .owl-carousel .owl-item img{
/*width: auto !important;*/
width:150px !important;
}
.product-item {
/**padding:8px;**/
margin:8px;
transition: all 0.5s ease-in-out;
}
.quick-order-list .product-item{
margin: 0; width: 16.5rem;
}
.product-item:hover {
transition: all 0.5s ease-in-out;
box-shadow: 0px 4px 84px 0px rgba(5, 66, 104, 0.05), 0px 1px 24px 0px rgba(5, 66, 104, 0.05);
}
.product-item .image{
border: 1.5px solid var(--black-opacities-background, rgba(20, 20, 20, 0.04));
background: var(--gradient-test, radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%));
display: flex;
width: 100%;
height: 12.5rem;
justify-content: center;
align-items: center;
padding: .3rem;
margin-bottom: 1rem;
position:relative;
}
.product-item .vita--quick-order-icon {
position: absolute;
top: 1rem;
right: 1rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 32px;
border: 1px solid var(--white-opacities-quaternary, rgba(255, 255, 255, 0.33));
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
box-shadow: 0px 2px 12px 0px rgba(5, 66, 104, 0.16), 0px 0px 10px 0px rgba(255, 255, 255, 0.38) inset;
}
.product-item .name,.product-item .product-quantity{
color: #141414;
font-family: 'DM Sans 18pt';
font-size: .95rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
min-height:4.5rem;
}
.product-item .price{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0.5rem 0;
min-height:2rem;
}
.product-item .price .new-price{
font-family: DM Mono, 'fontello';
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem; /* 140% */
letter-spacing: -0.005rem;
}
.product-item .price .old-price{
color: rgba(20, 20, 20, 0.50);
font-family: DM Mono, 'fontello';
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem; /* 133.333% */
letter-spacing: 0.005rem;
position: relative;
}
.product-item .price .old-price::before{
content: url(../images/icons/Vector_price.svg);
position: absolute;
}
.product-item .product-discount{
font-family: 'DM Sans 18pt', 'fontello';
font-size: 0.75rem;
font-style: normal;
font-weight: 500;
line-height: 1rem; /* 133.333% */
letter-spacing: 0.0025rem;
}
.product-item .content{
width: 100%;
}
.product-item .btn-secondary{
width: 100%;
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
display: flex;
height: 3rem;
margin-top: 1rem;
padding: 0.75rem 0.5rem 0.75rem 1.5rem;
justify-content: flex-end;
align-items: center;
align-self: stretch;
border: 1px solid #054268;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.5s ease-in-out;
}
.sidebar label{
color: var(--black-opacities-primary, rgba(20, 20, 20, 0.83));
}
.products-page{
margin-bottom:1rem;
}
.product-item:hover .btn-secondary .icon{
filter:brightness(0) invert(1);
}
.product-item:hover .btn-secondary {
transition: all 0.5s ease-in-out;
color: #fff;
border: 1px solid #8DC6E8;
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: #fff;
}
.product-item .btn-secondary .gradient-primary {
transition: all 0.5s ease-in-out;
}
.product-item:hover .btn-secondary .gradient-primary {
transition: all 0.5s ease-in-out;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.product-item:hover .btn-secondary .icon.d-block {
display: none !important;
transition: all 0.5s ease-in-out;
}
.product-item:hover .btn-secondary .icon.d-none {
display: block !important;
transition: all 0.5s ease-in-out;
}
.latest .show-all,
.btn-secondary{
color: var(--white-absolute, #FFF);
/* text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.32); */
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
justify-content:center;
text-decoration:none;
display: flex;
padding: 1rem 2rem;
justify-content: center;
align-items: center;
flex: 1 0 0;
align-self: stretch;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
}
.latest .show-all:hover{
background: #316A8D;
}
.latest .show-all .icon{
margin-right: 1rem;
}
.Why-VitaCare{
padding:5rem 0;
}
.Why-VitaCare .title{
font-family: DM Sans;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 3rem; /* 120% */
letter-spacing: -0.02rem;
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.Why-VitaCare .items,
.our-partners .items{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.Why-VitaCare .items .item,
.our-partners .items .item{
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 3.5rem;
text-align: center;
}
.payment-method .form-check-label input{
position: relative;
opacity: 1;
cursor: pointer;
width: auto;
height: auto;
margin-right: 13px;
}
.our-partners .items .item{
padding-top: 2.5rem;
}
.our-partners .items .item:nth-child(-n+3),
.our-partners .items .item:nth-last-child(-n+3){
width: 33.33333%;
}
.our-partners .items .item:nth-child(1),
.our-partners .items .item:nth-child(2),
.our-partners .items .item:nth-child(3){
margin: 0;;
}
.Why-VitaCare .item .heading-h9{
margin-top: 1.5rem;
text-align: center;
font-family: 'DM Sans 18pt';
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: 1.75rem; /* 140% */
letter-spacing: -0.005rem;
background: var(--gradient-black, radial-gradient(218.74% 84.63% at 16.24% 62.13%, #727272 0%, #010D15 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.Why-VitaCare .item .body-b8{
margin-top: 0.5rem;
color: var(--black-400, #434343);
text-align: center;
font-family: 'DM Sans 18pt';
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
max-width: 16.5rem;
}
.our-partners{
padding: 2.5rem 0 5rem 0;
border: 1.5px solid var(--black-opacities-background, rgba(20, 20, 20, 0.04));
background: var(--gradient-test, radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%));
}
footer{
padding:1rem 0 0 0;
}
footer .row:nth-child(2){
margin:2.5rem 0
}
.cart_page{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin: 3rem 0 7.5rem 0;
}
.cart_page .cart_items{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.cart_page .Cart_summry{
display: flex;
width: 28.5rem;
padding: 1rem;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
border: 1.5px solid rgba(20, 20, 20, 0.04);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
font-size: 1.1rem
}
.summry_head h2{
font-family: 'DM Serif Display';
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 2.5rem; /* 125% */
letter-spacing: -0.015rem;
background: radial-gradient(218.74% 84.63% at 16.24% 62.13%, #727272 0%, #010D15 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cart_total{
width:100%;
}
.cart_total ul{
list-style:none;
margin:0;
padding:0;
}
.cart_total ul li{
display: flex;
padding: 1rem 0.5rem;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
border-top: 1px solid rgba(20, 20, 20, 0.17);
}
.cart_total ul li:first-child{
border:none;
}
.cart_total ul li p{
color: #141414;
font-family: DM Mono;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem; /* 144.444% */
letter-spacing: -0.0025rem;
margin:0;
}
.cart_total ul li.total_order p{
color: #141414;
font-family: DM Sans;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.625rem; /* 144.444% */
letter-spacing: -0.0025rem;
}
.cart_total ul li.profit p{
color: #059A52;
font-family: DM Sans 18pt;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
}
.shipping_tax{
width:100%;
}
.shipping_tax select{
width:100%;
display: flex;
padding: 0.5rem;
justify-content: space-between;
align-items: center;
align-self: stretch;
border:none;
background:transparent;
border-bottom: 1.5px solid rgba(20, 20, 20, 0.83);
color: #141414;
font-family:'DM Sans18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
}
.backToCart{
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.backToCart .body-b8{
color: #8DC6E8;
font-family: 'DM Sans 18pt';
margin:0;
}
.shipping_address .heading-h9,.payment-method .heading-h9{
color: var(--black-text);
font-family: 'DM Sans 18pt';
margin-bottom:1rem;
}
.shipping_address{
width:100%;
}
.questions .panel-default:last-child .panel-heading{
border:none;
}
.shipping_panel{
display: flex;
padding: 1rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
width:100%;
margin:1rem 0 3.5rem 0;
border: 0.5px solid rgba(20, 20, 20, 0.17);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
}
.cart_page.check{
gap:2.25rem
}
.shipping_panel .shipping_title{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.shipping_panel .shipping_title .selected_address{
color: #FFF;
text-shadow: -1px 1px 4px #000;
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.005rem;
display: flex;
padding: 0.25rem 0.75rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
border-radius: 2rem;
border: 1px solid rgba(6, 193, 103, 0.33);
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #06C167 0.03%, #9BE6C2 100%);
}
.shipping_panel .shipping_title .another_address{
display: flex;
align-items: center;
gap: 0.5rem;
color: #8DC6E8;
font-family: 'DM Sans 18pt';
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
}
.shipping_panel .address_details{
display: flex;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
justify-content: space-between;
}
.shipping_panel .address_details .numbers{
width: 18rem;
}
.shipping_panel .address_details .add h6{
color: var(--black-text);
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; /* 150% */
margin:0;
}
.shipping_panel .address_details .add p{
color: #434343;
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.005rem;
margin:0;
max-width: 10rem;
}
.shipping_panel .address_details .numbers h6{
color: var(black-text);
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.005rem;
margin-bottom: 1rem;
}
.shipping_panel .address_details .numbers p{
color: #434343;
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.005rem;
margin:0;
}
.payment-method .form-check{
display: flex;
width: 100%;
padding: 1.5rem 1rem 1.5rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
gap: 0.5rem;
border-bottom: 1.5px solid rgba(20, 20, 20, 0.04);
background: conic-gradient(from 227deg at 50.00% 71.34%, rgba(20, 20, 20, 0.00) 163.0422592163086deg, rgba(20, 20, 20, 0.04) 360deg),#1414140A;
}
.form-check label{
color: var(--black-text);
font-family: 'DM Sans 18pt';
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.0025rem;
}
.checkout_bottom{
margin-top: 5rem;
}
footer .row:nth-child(2){
margin:2.5rem 0
}
.check .cart_list .cart_item .image_holder{
width: 6rem;
height:6rem;
padding: .73894rem 0.82256rem;
}
.check .cart_list .cart_item .image_holder img{
max-height:100%;
}
.check_cart{
width: 100%;
}
.cart_list .cart_item .check_cart .update_qty {
width: 7rem;
}
.cart_list .cart_item .check_cart .update_qty .btn-group .form-control{
padding:0;
}
.cart_list .cart_item .check_cart #cart_options{
gap:0.5rem;
}
.cart_list .cart_item .check_cart #cart_options .cart_op{
width:5rem;
}
.cart_list .cart_item .check_cart .update_qty .btn-group{
margin:0;
height: 2rem;
}
.cart_page.check .cart_items{
display: flex;
width: 22.5rem;
margin-left: auto;
padding: 1rem;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
overflow: hidden;
border: 1.5px solid rgba(20, 20, 20, 0.04);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
}
.cart_page.check .cart_list .cart_item .cart_info {
width: 68%;
}
.cart_page.check .cart_list .cart_item .name_price .expected,.cart_page.check .cart_list .cart_item .name_price .price{
font-size:.75rem;
}
.cart_page.check .Cart_summry{
/*width: 22.5rem;*/
margin-left: auto;
}
.cart-page.check .cart_list .cart_item .update_qty .btn-group{
padding:0.5rem;
}
.cart_total ul li.check_copoun{
display: flex;
padding: 1.5rem 0rem;
flex-direction: column;
align-items: flex-end;
gap: 0.5rem;
border:none;
}
.check_copoun label{
align-self:flex-end;
color: rgba(20, 20, 20, 0.50);
font-family: 'DM Sans 18pt';
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem; /* 133.333% */
letter-spacing: 0.0025rem;
text-align:right;
}
.check_copoun .input-group{
display: flex;
height: 3rem;
padding: 0.75rem 1rem 0.75rem 0.8125rem;
align-items: center;
gap: 0.5rem;
align-self: stretch;
border: 0.5px solid rgba(20, 20, 20, 0.17);
background: rgba(255, 255, 255, 0.83);
}
.check_copoun .input-group input.form-control{
color: rgba(20, 20, 20, 0.50);
height:1.25rem;
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
letter-spacing: 0.005rem;
text-align:left;
}
.check_copoun .input-group input.btn{
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding:0;
border:none;
}
.check .cart_total ul li.total_order{
border:none;
}
.help{
display: flex;
padding: 64px 0px;
flex-direction: column;
align-items: center;
gap: 32px;
align-self: stretch;
background: var(--gradient-test, radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%));
}
.help button,
.branches button{
width: auto;
}
.help .search-container,
.branches .search-container{
width: 50%;
margin: 3rem auto;
display: flex;
height: 56px;
padding: 16px 16px 16px 13px;
align-items: center;
gap: 8px;
align-self: stretch;
border: 0.5px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
background: var(--gradientx-transparent, linear-gradient(to bottom right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top right / 50% 50% no-repeat);
}
.help .search-container{
margin:2rem auto;
}
.branches .search-container{
width: 70%;
margin: 2rem 2rem 2rem 0;
}
.help .search-container input,
.branches .search-container input{
background: transparent;
border: none;
width: 80%;
height: 50px;
}
.help .search-container input{
color: rgba(20, 20, 20, 0.83);
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
}
.help .search-container input::placeholder{
font-size: 1rem;
color: rgba(20, 20, 20, 0.83);
}
.help .search-container button:focus:not(:focus-visible) {
outline: none;
}
.questions{
display: flex;
padding: 80px 0px;
flex-direction: column;
align-items: center;
align-self: stretch;
}
.panel-group{
width: 70%;
margin-top: 2rem;
}
.panel-title{
transition: all .5s ease-in-out;
width: 100%;
}
.panel-title:hover{
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.active-panel {
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.panel-heading{
display: flex;
padding: 16px 0px;
align-items: center;
gap: 8px;
align-self: stretch;
border-bottom: 1px solid var(--black-opacities-background, rgba(20, 20, 20, 0.04));
}
.menu-trigger{
display: none;
}
.Breadcrumb{
position: relative;
}
.Breadcrumb .image{
position: relative;
}
.Breadcrumb .image::before{
position: absolute;
content:"";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #141414AA;
}
.Breadcrumb .image img{
width: 100%;
}
.Breadcrumb .content{
position: absolute;
width: 100%;
top: 14%;
left: 0%;
max-height:80%;
}
.Breadcrumb .content .img{
background: #fff;
border-radius: 50%;
width: 128px;
height: 128px;
padding:34px 32px;
margin-bottom: 0.5rem;
}
.branch-no{
color:var(--white-opacities-primary, rgba(255, 255, 255, 0.83));
}
.branches .sidebar ul{
list-style: none;
padding: 0;
}
.branches .sidebar ul li{
padding-bottom: 24px;
transition: all .5s ease;
}
.branches .sidebar ul span img{
width: 24px;
}
.branches .sidebar ul li span:nth-child(2){
padding-left: 0.5rem;
}
.branches .sidebar ul li:hover a span{
color: var(--lightblue-500, #8DC6E8);
}
.branches .sidebar ul li:hover a img{
filter: invert(73%) sepia(63%) saturate(352%) hue-rotate(173deg) brightness(96%) contrast(89%);
}
.branches .sidebar ul li,
.branches .sidebar ul li a{
position: relative;
transition: all .5s ease;
}
.branches .sidebar ul li:hover::before{
position: absolute;
content: "";
top: 12%;
width: 2px;
height: 46%;
background: var(--lightblue-500, #8DC6E8);
}
.branches .sidebar ul li:hover a{
padding-left: 1rem;
}
.branches .branch,
.Orders .order{
padding: 16px;
gap: 16px;
border: 0.5px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
background: var(--gradientx-transparent, linear-gradient(to bottom right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top right / 50% 50% no-repeat);
margin-bottom: 24px;
}
.branches .branch-details{
width: 32%;
position: relative;
border-right: 1px solid #1414142B;
}
.branches .branch-details .Default-Address,
.Organization .AddressBook .item .Default-Address{
border-radius: 32px;
border: 1px solid var(--green-opacities-quaternary, rgba(6, 193, 103, 0.33));
background: var(--gradientx-green, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #06C167 0.03%, #9BE6C2 100%));
color: var(--white-absolute, #FFF);
text-shadow: -1px 1px 4px #000;
width: 60%;
}
.branches .branch-details .Default-Address button{
padding: 4px 12px
}
.branches .branch-details .GLN{
margin: 16px 0;
}
.branches .branch-details .edit{
position: absolute;
top: 0px;
right: 20px;
}
.branches .branch-details .branch-address{
width: 68%;
}
.branches .branch-members{
width: 68%;
position: relative;
padding-left: 14px;
}
.branches .branch-members .info{
margin-bottom: 1rem;
height: 30px;
}
.branches .branch-members .members{
list-style: none;
padding: 0;
width: 85%;
}
.branches .branch-members .members li{
width: 33%;
}
.branches .branch-members .members li:nth-child(1),
.branches .branch-members .members li:nth-child(2),
.branches .branch-members .members li:nth-child(3){
padding-bottom: 15px;
}
.edit-branch .back-branch,
.Orders .back-order{
margin-bottom: 8px;
}
.edit-branch label span:nth-child(2){
color: var(--black-opacities-tertiary, rgba(20, 20, 20, 0.50));
}
.edit-branch .page-title{
margin-bottom: 32px;
margin-top: 8px;
}
.edit-branch .btn-secondary{
color: var(--white-absolute, #FFF);
text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.32);
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
justify-content:center;
text-decoration:none;
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 0;
align-self: stretch;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
width: 18%;
margin-top: 24px;
margin-left: auto;
padding: 16px 24px;
}
.edit-branch .basic-information .heading-h7{
margin-bottom: 24px;
}
.edit-branch .basic-information,
.edit-branch .branch-address{
border-bottom: 1px solid var(--navy-opacities-quinary, rgba(5, 66, 104, 0.17));
padding-bottom: 48px;
}
.edit-branch .branch-address{
padding-top: 48px;
}
.edit-branch .table{
margin-top: 48px;
margin-bottom: 60px;
}
.edit-branch .table .info{
margin-bottom: 32px;
}
.edit-branch table,.single-order table {
border-collapse: collapse;
width: 100%;
}
.edit-branch thead{
border-top: none;
}
.edit-branch th, td {
padding: 8px;
border-bottom: 1px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
}
.single-order th, td{
border: none;
}
.table thead th{
border:none;
}
.table thead th,.table tr td,.order-details thead tr th,.order-details tr td{
text-align:left;
padding-left:0;
}
.table thead tr th:last-child,.table tr td:last-child,.order-details thead tr th:last-child,.order-details tr td:last-child{
text-align:left;
padding-right:0;
}
.table.order-table thead th,.table.order-table tr td{
padding-left:40px;
}
.table.order-table thead tr th:last-child,.table.order-table tr td:last-child{
padding-right:16px
}
.order-table{
position:relative;
}
.table.order-table thead tr th{
padding-top:16px;
}
.table.order-table thead tr:last-child td{
border-bottom:16px;
}
.order-table:before{
content:'';
position:absolute;
border:8px solid #fff;
top:1px;
left:1px;
right:1px;
bottom:1px;
}
.single-order{
margin-bottom: 3.5rem;
}
.details-table{
font-family: 'DM Sans 18pt';
}
.order-details tr td{
position:relative;
z-index:111;
}
#memberModal .modal-dialog {
max-width: 744px;
}
#success-order .modal-dialog,
.Payment .modal-dialog{
max-width: 100%;
}
#memberModal .modal-body .titleMO,
#success-order .modal-body .titleMO {
background: var(--gradient-black, radial-gradient(218.74% 84.63% at 16.24% 62.13%, #727272 0%, #010D15 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#memberModal .modal-body .member-iamge,
#success-order .modal-body .member-iamge{
width: 124px;
height: 124px;
border-radius: 124px;
background: var(--black-opacities-background, rgba(20, 20, 20, 0.04));
margin: 48px auto 32px auto;
}
#success-order .modal-body .member-iamge{
background: url('../images/icons/successback.svg') no-repeat center;
}
#success-order .modal-body .seen{
width: 35%;
margin: 20px auto;
}
#success-order .modal-header button span:last-child,
.Payment .modal-header button span:last-child{
padding-left: 10px;
}
#memberModal .modal-dialog form .change-password{
color: var(--black-opacities-tertiary, rgba(20, 20, 20, 0.50));
text-align: left;
}
#memberModal .modal-dialog form .form-group input::placeholder,
#memberModal .modal-dialog form .form-group select::placeholder,
#memberModal .modal-dialog form .form-group select option{
color: var(--black-opacities-primary, rgba(20, 20, 20, 0.83));
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
letter-spacing: 0.08px;
font-size: 16px;
}
#memberModal .modal-dialog form .btn-secondary{
width: 70%;
margin: 48px auto 0 auto;
}
#success-order .modal-dialog .btn-secondary{
width: 14%;
margin: 30px auto;
display: flex;
align-items: center;
justify-content: center;
}
#success-order .modal-dialog .btn-secondary span:nth-child(1){
margin: auto;
}
#memberModal .modal-content,
#success-order .modal-content{
padding: 56px 48px;
position: relative;
}
#memberModal .modal-content .modal-header,
#success-order .modal-content .modal-header{
position:absolute;
top: 0px;
left: 0px;
width: 30px;
height: 30px;
border: none;
}
.Orders .order{
margin: 32px 0;
background: transparent;
}
.Orders .order-code{
color: var(--black-opacities-tertiary, rgba(20, 20, 20, 0.50));
}
.Orders .order-status{
width: 7rem;
padding: 6px 16px;
border-radius: 32px;
height: 40px;
}
.Orders .Pending{
color: var(--black-500, #141414);
/* text-shadow: -1px 1px 4px #000; */
border: 1px solid var(--yellow-opacities-tertiary, rgba(255, 192, 67, 0.50));
background: var(--gradientx-yellow, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #FFC043 0.03%, #FFE6B4 100%));
}
.Orders .Delivered{
color: var(--white-absolute, #FFF);
/* text-shadow: -1px 1px 4px #000; */
border-radius: 32px;
border: 1px solid var(--green-opacities-quaternary, rgba(6, 193, 103, 0.33));
background: var(--gradientx-green, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #06C167 0.03%, #9BE6C2 100%));
}
.Orders .order-details{
/**margin:24px 0;**/
}
#orders .item{
display: flex;
width: 104px;
height: 104px;
padding: 15px 15px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border: 1.5px solid rgba(20, 20, 20, 0.04);
background: var(--gradientx-transparent, linear-gradient(to bottom right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(20, 20, 20, 0.00) 20%, rgba(20, 20, 20, 0.03) 50%) top right / 50% 50% no-repeat);
}
#orders .item a{
display: inline-flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
#orders .item img{
max-width:100%;
max-height: 100%;
}
#orders {
margin-bottom: 24px;
}
.Orders .View-Order{
margin-left:auto ;
}
.btn-reorder{
display: flex;
width: 198px;
height: 48px;
padding: 12px 8px 12px 24px;
justify-content: flex-end;
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 1px solid var(--navy-500, #054268);
}
.btn-reorder span:nth-child(1){
margin: auto;
}
.single-order .order-title{
margin-top: 8px;
}
.single-order .order-details{
margin: 0;
}
.order-date {
color: rgba(20, 20, 20, 0.50);
font-family: 'DM Sans 18pt';
}
.single-order .order-details .title{
margin-bottom: 24px;
border-bottom: 1px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
padding-bottom: 16px;
}
.single-order table tbody td{
color: var(--black-opacities-secondary, rgba(20, 20, 20, 0.67));
}
.order-table tbody td{
font-family: 'DM Mono';
}
.order-table{
border-collapse: collapse;
margin: 48px 0;
border: 0.5px solid var(--black-opacities-quaternary, rgba(20, 20, 20, 0.33));
}
.thanks-page .order-table{
border: 1.5px solid rgba(20, 20, 20, 0.04);
}
.thanks-page .order-table{
margin-bottom:0;
}
.order-table th{
border-bottom: 1px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
background: var(--gradient-grey-transparent, conic-gradient(from 227deg at 50.00% 71.34%, rgba(20, 20, 20, 0.00) 163.0422592163086deg, rgba(20, 20, 20, 0.04) 360deg));
}
.order-table tbody button{
padding: 0;
}
.order-table thead{
padding: 8px;
border-bottom: 1px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
background: var(--gradient-grey-transparent, conic-gradient(from 227deg at 50.00% 71.34%, rgba(20, 20, 20, 0.00) 163.0422592163086deg, rgba(20, 20, 20, 0.04) 360deg));
}
.single-order .reorder .btn-reord{
width: 23%;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
border: none;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
height: 45px;
}
.single-order .reorder .btn-reord span:nth-child(1){
color: var(--white-absolute, #FFF);
margin: auto;
}
.quick-order-list .product-item{
margin-bottom: 24px;
}
.Organization .Basic-Information,
.Organization .AddressBook,
.Organization .RecentOrders{
margin-top: 24px;
padding: 16px;
border: 1.5px solid var(--black-opacities-background, rgba(20, 20, 20, 0.04));
}
.Organization .Basic-Information button{
width: 21%;
margin-left: auto;
margin-top: 24px;
padding:12px 24px;
}
.Organization .table td,.Organization .table th {
min-width: 7rem;
}
.Organization .AddressBook .item{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
position: relative;
margin-top: 24px;
padding: 16px;
border: 0.5px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
background: var(--gradient-test, radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%));
}
.Organization .AddressBook{
margin: 24px 0;
}
.add-branch{
font-family: 'DM Sans 18pt';
}
.Organization .AddressBook .item .edit{
position: absolute;
top:5%;
right: 5%;
}
.Organization .AddressBook .item .Default-Address{
width: 70%;
padding: 5px 0;
height: 34px;
margin-top: 16px;
}
.Organization .AddressBook .item .branch-address{
width: 80%;
font-family: 'DM Sans 18pt';
}
.Organization .AddressBook .item .GLN,.Organization .AddressBook .item .phone{
font-family: 'DM Sans 24pt';
display:Flex;
}
.Organization .table{
margin-top: 24px;
font-family: 'DM Sans 18pt';
width:53rem;
}
.Organization{
margin-bottom: 4.5rem;
}
.Organization .table a{
color: #8DC6E8;
}
.Organization .table tr td:last-child{
text-align: left;
display: flex;
justify-content: end;
}
.Organization .Pending{
padding: 4px 12px;
border-radius: 32px;
height: 40px;
/* text-shadow: -1px 1px 4px #000; */
border: 1px solid var(--yellow-opacities-tertiary, rgba(255, 192, 67, 0.50));
background: var(--gradientx-yellow, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #FFC043 0.03%, #FFE6B4 100%));
}
.Organization .Delivered{
padding: 4px 12px;
border-radius: 32px;
height: 40px;
border-radius: 32px;
border: 1px solid var(--green-opacities-quaternary, rgba(6, 193, 103, 0.33));
background: var(--gradientx-green, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #06C167 0.03%, #9BE6C2 100%));
}
.Organization .Canceled{
padding: 4px 12px;
border-radius: 32px;
height: 40px;
border-radius: 32px;
border: 1px solid var(--black-opacities-quaternary, rgba(20, 20, 20, 0.33));
background: var(--gradientx-black, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #141414 0.03%, #A1A1A1 100%));
}
.Payment .CreditLimit{
background: var(--gradient-green, radial-gradient(2543.81% 141.42% at 100.00% -0.00%, rgba(6, 193, 103, 0.50) 0.03%, rgba(6, 193, 103, 0.83) 100%));
padding: 16px;
margin-top: 24px;
}
.CreditLimit .add-member{
margin-top: 24px;
width: 364px;
height: 48px;
padding: 12px 24px;
background: var(--white-absolute, #FFF);
}
.Payment .CreditLimit .add-member span:nth-child(1){
background: var(--gradient-green, radial-gradient(2543.81% 141.42% at 100.00% -0.00%, rgba(6, 193, 103, 0.50) 0.03%, rgba(6, 193, 103, 0.83) 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: auto;
}
.Payment .PaymentMethods{
margin-top: 50px;
}
#memberModal .modal-header button,
#success-order .modal-header button,
.paybtn {
color: #000;
font-size: 30px;
width: 100px !important;
height: auto !important;
}
.paybtn span:first-child{
color: #141414;
background: transparent;
}
.modal-header{
border: none;
}
.IBANLetter,
.BankStat{
border: 1.5px solid var(--black-opacities-background, rgba(20, 20, 20, 0.04));
background: var(--gradient-test, radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%));
padding: 24px;
margin: 8px 0;
}
.Payment .modal-body{
width: 60%;
margin: auto;
}
.Payment .OR{
margin: 8px 0;
color: var(--black-opacities-secondary, rgba(20, 20, 20, 0.67));
}
.BankStatement{
margin: 24px 0;
}
.Paymen .form-group input{
color: var(--black-opacities-primary, rgba(20, 20, 20, 0.83)) !important;
font-size: 16px;
font-weight: 500;
}
.Paymen .form-group input::placeholder{
color: var(--black-opacities-primary, rgba(20, 20, 20, 0.83)) !important;
font-size: 16px;
font-weight: 500;
}
.pdf{
color: var(--black-opacities-tertiary, rgba(20, 20, 20, 0.50));
}
.Pbtn{
width: 100% !important;
margin-top: 48px;
}
.Limit{
margin: 48px 0 30px 0;
}
.Orders .ordno{
margin: 24px 0 8px 0
}
.order-details .products-number input{
width: 30px;
border: none;
margin: auto 5px;
padding: 0;
text-align: center;
}
.latest .product-item .vita--quick-order-icon {
top: 1rem;
right: 1rem;
}
.quick-order-list .product-item .vita--quick-order-icon {
top: 2rem;
right: 2rem;
}
.Payment .CreditLimit.declined{
padding: 16px 16px 24px 16px;
gap:24px;
padding-right:40%;
color:#000;
background: var(--gradient-yellow, radial-gradient(2543.81% 141.42% at 100.00% -0.00%, rgba(255, 192, 67, 0.50) 0%, rgba(255, 192, 67, 0.83) 100%));
}
.Payment .CreditLimit.declined *{
color:#141414;
}
.cart_list span img{
width:100%;
}
/**.cart_list span.minus ,.cart_list span.plus{
min-width:20%;
}**/
.Organization .Basic-Information .form-group input{
color: rgba(5, 66, 104, 0.83);
font-family: 'DM Sans 24pt';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
letter-spacing: 0.08px;
}
.Organization .Basic-Information .form-group input::placeholdercolor{
color: rgba(5, 66, 104, 0.83);
}
.product-sets-page{
margin-bottom:7rem;
}
@media (min-width:768px) and (max-width:864px){
.product-sets-page button {
width: 25%;
}
.our-partners .items .item{
padding: 2rem 40px 0 40px;
}
.cart_list .cart_item {
flex-direction: column;
}
.cart_page.check .cart_items {
width: 20.5rem;
}
.branches .branch-details .edit {
right: 0px;
}
.branches .branch-details .branch-address {
width: 96%;
}
.branches .branch-members .members {
width: 100%;
}
.branches .branch-details .Default-Address{
width:100%;
}
.branches .branch-details .Default-Address button {
padding: 4px 5px;
}
.branches .search-container {
width: 57%;
margin: 2rem 1rem 2rem 0;
}
.check {
margin-bottom:0
}
.our-partners .items .item img{
max-width:100%
}
.discount .main-image{
width:300px;
}
.header .bottom .categories .search {
padding: 0;
}
.slider .text {
top: 18%;
}
.header .bottom .categories .search .form input {
min-width: 85px;
}
.cats-name .item {
padding: 40px 8px;
}
.slider .text .body-b2 {
font-size: 2rem;
line-height: 2rem;
}
.slider .text .medium-h5 {
font-size: 1.5rem;
line-height: 2rem;
}
.slider .text .btn {
padding: 0.5rem 1rem;
}
.discount {
padding: 3rem 0;
}
.discount .text .heading-expressive-h1 {
font-size: 4.5rem;
}
.discount::after,.discount::before {
width: 3rem;
height: 3rem;
background-size: 100% 100%;
}
.Breadcrumb .image img {
width: auto;
}
.Breadcrumb .image {
position: relative;
overflow: hidden;
}
}
/* responsive for home page */
@media (min-width:864px) and (max-width:1024px){
.heading-h5 {
font-size: 32px;
}
.check {
margin-bottom:0
}
.slider .owl-carousel .owl-item img {
height: 340px;
}
.Orders .order-status {
}
.product-item {
margin: 0px;
}
.Breadcrumb .content .img {
width: 100px;
height: 100px;
}
.quick-order-list .product-item .vita--quick-order-icon {
top: 1rem;
right: 1rem;
}
.Organization .Basic-Information button {
padding: 0;
}
.Organization .branch-name{
width: 90%;
}
.branches .sidebar .heading-h9 {
font-family: 'DM Sans 24pt';
font-size: 20px;
font-weight: 500;
}
.branches .search-container {
padding: 16px 5px 16px 0px;
}
.map iframe{
height: 534px;
}
.branches .branch-members .members {
width: 100%;
}
.branches .branch, .Orders .order {
padding: 8px;
}
.branches .branch-details .edit {
right: 5px;
}
.branches .branch-details .Default-Address, .Organization .AddressBook .item .Default-Address{
width: 70%;
}
.cart_list span img{
width:100%;
}
.shipping_panel {
padding: 0.5rem;
}
.shipping_panel .shipping_title .another_address {
font-size: 0.8rem;
}
.shipping_panel .shipping_title .selected_address {
font-size: 0.8rem;
padding: 0.25rem 0.5rem;
margin: 0;
}
.cats-name .item {
padding: 20px 20px;
}
.product-item .vita--quick-order-icon {
top: 2rem;
right: 2rem;
}
.body-b4 {
font-size: 35px;
}
.categories .btn-group .show {
width: 250px;
}
.cats-name .item:hover .arrow {
width: auto;
transform: scale(0.7) translateX(200px);
}
.cart_list .cart_item {
flex-direction: column;
}
.heading-h9 {
font-size: 17px !important;
}
.cart_page.check .cart_items {
width: 20rem;
}
.body-b4 {
font-size: 36px;
}
.Organization .AddressBook .item .branch-address {
width: 100%;
}
.panel-group {
width: 85%;
}
.Organization .AddressBook .item .Default-Address {
width: 100%;
}
.Organization .AddressBook .item {
padding: 10px;
}
button {
padding: 0.2rem;
}
.heading-h12 {
font-size: 12px;
}
.branches .branch-details {
width: 50%;
}
.branches .branch-members {
width: 50%;
padding-left: 7px;
}
.branches .branch-members .members li {
width: 50%;
}
.branches .search-container input::placeholder{
font-size:13px;
}
.branches .search-container {
width: 60%;
margin: 2rem 0rem 2rem 0;
}
.btn-secondary {
height: 45px;
}
.cart_page {
margin: 4rem 0 7.5rem 0;
}
.summry_head h2 {
font-size: 1.2rem;
}
.menu-trigger{
display: none;
}
.header .bottom .container .user-info,
.header .bottom .categories {
display: flex !important;
}
.discount .main-image{
width: 310px;
}
.header .bottom {
padding: 2rem 0;
}
.header .bottom .categories .search {
padding-left: 0rem;
}
.header .quick-order .black-text,
.header .bottom .categories .btn,
.header .bottom .categories .search .form input,
.popupCart .modal-content .cart_bottom .subtotal label,
.popupCart .modal-content .cart_bottom .subtotal p,
.Why-VitaCare .item .heading-h9 {
font-size: 1rem;
}
.header .bottom .categories .search .form input {
min-width: 85px;
}
.header .bottom .categories img{
width: 25px;
}
.popupCart .modal-content .popup-head h2, .cart_page .cart_head h2 {
font-size: 2rem;
}
.checkout_bottom .btn-secondary,
.popupCart .modal-content .cart_bottom .btn-secondary,
.cart_page .cart_bottom .btn-secondary {
height: 3.5rem;
padding: 0.75rem 1.5rem;
}
.slider .text .body-b2 {
font-size: 2.5rem;
line-height: 3rem;
}
.slider .text .medium-h5 {
font-size: 1.5rem;
line-height: 2rem;
margin-top: 0.5rem;
}
.slider .text .btn {
display: flex;
padding: 0.5rem 1.5rem;
}
.cats-name {
display: flex;
align-items: center;
}
.cats-name .item .body-b5 {
font-size: 1.5rem;
line-height: 2.5rem;
padding-left: 0.5rem;
}
.discount {
margin: 3rem 0;
padding: 4rem 0;
padding-right: 1.5rem;
}
.discount .text .heading-expressive-h1 {
font-size: 4rem;
line-height: 2rem;
}
.discount::after,
.discount::before,
.discount .extraIcon img {
width: 2rem;
height: 2rem;
background-size: 100% 100%;
}
.discount .text .medium-h6 {
font-size: 1rem;
font-weight: 600;
line-height: 1.5rem;
}
.latest {
padding: 3rem 0 3rem 0rem;
}
.Why-VitaCare .title {
font-size: 2rem;
}
.Why-VitaCare .items .item, .our-partners .items .item {
padding-top: 1.5rem;
}
.Why-VitaCare .item .body-b8 {
font-size: 0.8rem;
padding: 0 0.6rem;
}
.our-partners .items .item img{
width: 100px;
}
.latest .owl-carousel .owl-item .icon img {
width: 25px !important;
}
.latest .show-all {
padding: 0.5rem 2rem;
}
.gap-14 {
gap: 4rem;
}
.Breadcrumb .image img {
width: auto;
}
.Breadcrumb .image {
position: relative;
overflow: hidden;
}
}
@media (max-width: 767px){
.product-item {
margin: 0 auto;
}
.help button, .branches button {
width: auto;
padding: 0;
}
.Breadcrumb .image img {
width: auto;
}
.form-group input, .form-group select{
padding:10px;
}
.Breadcrumb .image {
position: relative;
overflow: hidden;
}
.thanks-page .details-table{
min-width:40rem;
}
.d-flex{
flex-wrap:Wrap;
}
.card-body label {
margin: 0.5rem;
}
.check {
margin-bottom:0
}
footer {
padding: 1rem;
}
footer .gap-7 {
gap: 1rem;
}
.heading-h5 {
font-size: 32px;
}
.heading-h6 {
font-size: 30px;
}
.heading-h11 {
font-size: 12px;
}
.heading-h9 {
font-size: 14px;
}
.gap-1 {
gap: 0;
}
.vita--breadcrumb {
padding: 1rem !important;
}
.vita--breadcrumb ul {
flex-wrap: wrap;
}
.product-item .vita--quick-order-icon {
top: 1.5rem;
right: 1rem;
width: 2rem;
height: 2rem;
}
.region .modal-content {
width: 100%;
padding: 1rem;
}
.single-order .reorder .btn-reord {
width: 80%;
}
.Orders .reorder{
flex-direction: column;
}
.Orders .reorder .btn-reord{
margin-bottom: 1rem;
}
.btn-reorder {
width: 160px;
height: 45px;
}
.Orders .order-status {
height: 36px;
}
.Breadcrumb .image img {
height: 170px;
}
.Organization .Basic-Information button {
width: 35%;
margin-top: 24px;
padding: 0;
}
.search-branch {
flex-direction: column;
}
.branches .branch, .Orders .order{
flex-direction: column;
margin-top: 1rem;
}
.branches .branch-members .members li {
width: 50%;
}
.branches .branch-members .members {
width: 100%;
}
.Breadcrumb .content .img {
width: 60px;
height: 60px;
padding: 10px 10px;
margin-bottom: 0rem;
}
.Breadcrumb .content .img img{
width: 30px;
}
.branches .branch-details {
border-right: none;
width: 100%;
margin-bottom: 1rem;
}
.branches .branch-details .Default-Address{
margin-top: 1rem;
}
.branches .branch-members {
width: 100%;
padding-left: 0px;
}
.help .search-container, .branches .search-container {
width: 100%;
margin: 1rem auto;
}
.questions {
padding: 40px 0px;
}
.panel-group {
width: 90%;
margin-top: 1rem;
}.help .search-container, .branches .search-container
.map{
margin-top: 2rem;
}
.map iframe{
height: 300px;
}
.form-row .form-group:nth-child(2) {
padding-left: 0rem !important;
}
.cart_page.check .cart_items {
width: 100%;
}
.shipping_panel .shipping_title .another_address {
font-size: 0.8rem;
}
.shipping_panel {
padding: 0.5rem
}
.check_cart {
flex-direction: column;
}
.check_cart .update_qty{
margin-top: 1rem;
}
.checkout_bottom .btn-secondary{
flex-direction: row;
}
.cart_list span img{
width:100%;
}
.cart_page {
margin: 2rem 0 3.5rem 0;
}
.popupCart .modal-content .popup-head h2, .cart_page .cart_head h2 {
font-size: 2rem;
}
.checkout_bottom .btn-secondary, .popupCart .modal-content .cart_bottom .btn-secondary, .cart_page .cart_bottom .btn-secondary {
padding: 1rem 1.5rem;
}
.cart_list .cart_item .image_holder {
width: 7.75rem;
padding: 1rem 0.4rem;
}
.cats-name .item:hover .arrow{
transform: scale(0.7) translateX(400px);
}
.product-item .price {
margin-right: 10px;
}
/* start menu mobile */
nav#slide-menu .logo{
margin: 0 auto;
padding: 40px 20px;
text-align: center;
position:relative;
display:block;
border-bottom: 2px solid #A9823F;
}
nav#slide-menu .logo img{
width: auto;
}
nav#slide-menu {
position: fixed;
top: 0;
right: -100%;
bottom: 0;
display: block;
float: right;
width: 100%;
overflow: auto;
max-width: 100%;
height: 100%;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
z-index: 99999;
background: #fff
}
nav#slide-menu .menu{
display: block;
}
nav#slide-menu ul.menu{
/* display: block; */
padding: 0;
list-style: none;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
/* margin: -3px 0; */
padding-right: 29px;
}
nav#slide-menu ul li a{
color: #000;
font-size: 18px;
font-weight: 500;
padding: 10px;
}
.main-slider .ls-html-layer svg{
width : 10px !important;
}
nav#slide-menu .logo img{
}
nav#slide-menu ul.dropdown-menu li a{
padding:0 20px
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
background:transparent;
}
nav#slide-menu ul li a:focus{
background:transparent !important;
}
nav#slide-menu ul li{
display:block;
padding: 4px 0 5px;
}
/* nav#slide-menu ul li.dropdown .dropdown-toggle,
body.menu-active nav#slide-menu ul{
display:block !important;
} */
.responsive .closebtn {
position: absolute;
background-color: #fff;
color: #A9823F;
text-align: center;
font-size: 22px;
cursor: pointer;
top: 0px;
left: 0;
z-index: 999;
width: 33px;
height: 33px;
}
.responsive .overlay{
width: 100%;
height:100%;
top: 0;
background: rgba(0,0,0,0.7);
position: fixed;
display: none;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
body.menu-active .responsive .overlay{
display:block;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
z-index: 9999999;
}
body.menu-active nav#slide-menu {
right: 0px;
z-index: 99999999;
}
body.menu-active nav#slide-menu ul {
right: 0px;
opacity: 1;
/* display: block; */
}
body.menu-active nav#slide-menu ul.dropdown-menu{
right: 0;
position: relative;
/* text-align: center; */
}
.menu-trigger{
transform: rotateY(180deg);
padding: 0;
margin-left: 0;
display: inline-block;
}
body.menu-active .menu-trigger {
background-color: transparent;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
body.menu-active div#content {
/* right: 284px; */
border-radius: 0 7px 7px 0;
}
body.menu-active .menu-trigger {
right: 10px;
}
.header .bottom .container .logo {
display: contents;
align-items: center;
justify-content: space-between;
}
.slider .owl-carousel .owl-item img {
height: 420px;
}
.slider .text .body-b2 {
font-size: 2rem;
}
.slider .text .medium-h5 {
font-size: 1.4rem;
line-height: 2rem;
margin-top: 0;
text-align: center;
}
.slider .text .btn {
display: flex;
padding: 12px 16px;
font-size: 1rem;
line-height: 1.5rem;
margin-top: 2rem;
width: 70%;
}
.cats-name{
display: flex;
flex-wrap: wrap;
}
.cats-name .item {
width: 100%;
padding: 16px;
}
.cats-name {
}
.discount {
display: flex;
flex-direction: column;
margin: 2rem 0;
padding: 5rem 0;
}
.discount .main-image{
width: 300px;
}
.latest .owl-carousel .owl-item .icon img {
width: 25px !important;
}
.product-item .image{
width: 156.879px;
height: 126.515px;
padding: 15.261px 15.508px;
}
.quick-order-list .product-item .image{
width: 100%;
height: auto;
}
.quick-order-list .product-item .btn-secondary {
width: 100%;
}
.CreditLimit .add-member {
width: 100%;
}
.latest .owl-carousel .owl-item img {
max-width: 100% !important;
max-height: 100% !important;
}
.Why-VitaCare .items .item, .our-partners .items .item {
width: 100%;
align-items: flex-start;
padding: 0.5rem 1.5rem;
}
.Why-VitaCare .item .body-b8 {
text-align: left;
}
.our-partners .items .item{
width: 50%;
padding-bottom: 1rem;
}
.our-partners .items .item:nth-child(-n+3), .our-partners .items .item:nth-last-child(-n+3) {
width: 50%;
}
.our-partners .items .item img{
width: 100px;
}
.Why-VitaCare .item .body-b8 {
margin-top: 0rem;
font-size: 1rem;
max-width: 19.5rem;
}
.Why-VitaCare .item .heading-h9 {
margin-top: 0.5rem;
}
.Why-VitaCare {
padding: 1rem 0;
}
.Why-VitaCare .title,
.latest .title {
font-size: 1.5rem;
padding-bottom: 1.5rem;
}
.latest {
padding: 1rem 1rem;
}
.discount .text .heading-expressive-h1 {
font-size: 3.5rem;
line-height: 4rem;
}
.discount .text {
padding-left: 1rem;
padding-bottom: 2rem;
}
.discount::before,
.discount::after,
.discount .extraIcon img {
width: 2rem;
height: 2rem;
background-size: 100% 100%;
}
.discount .text .medium-h6 {
text-align: left;
font-size: 1rem;
font-weight: 600;
line-height: 2rem;
}
.cats-name .item .body-b5 {
font-family: DM Serif Display;
font-size: 1.5rem;
}
.product-item .price .new-price {
font-size: 0.8rem;
}
.product-discount span{
font-size: 0.6rem;
}
.close-button {
top: 40px !important;
font-size: 29px !important;
}
.product-item .btn-secondary {
width: 11rem;
}
.product-item .product-discount {
font-size: 11px;
}
.product-item .content{
padding-left: 10px;
}
.latest .show-all {
padding: 0.5rem 2rem;
}
.header .region_lang .container {
justify-content: space-between;
}
.region .modal-content .body-b5 {
max-width: 26rem;
font-size: 1.5rem;
}
.header .region_lang .container .modal-content select {
width: 100%;
font-size: 1.125rem;
line-height: 1rem;
height: 4rem;
padding: 1rem 1rem 1rem 0.8125rem;
}
.header .region_lang .modal-content .btn.dis-flex{
margin-top: 1rem;
}
.dropdown-item {
display: inline-block;
width: auto;
}
.region_lang .dropdown-menu {
width: auto;
min-width: 5rem;
}
}
.slider .owl-carousel .owl-item img {
width: 100%;
}
/******** cart menu ***********/
body{
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.toggled {
overflow: hidden;
margin:0;
padding:0;
}
#sidebar-wrapper ,#sidebar-menu{
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
position: absolute;
background: #ffffff;
height: 100%;
right: 650px;
margin-right: -650px;
overflow-x: hidden;
overflow-y: auto;
transition: all 0.8s ease;
width: 0;
padding: 0;
z-index: 100011;
}
body.toggled #sidebar-wrapper {
width: 650px;
}
body.menu-active #sidebar-menu {
width:100%;
}
@media (min-width:1024px) and (max-width:1200px){
.check {
margin-bottom:0
}
}
.closemenu{
position: absolute;
color:#03283E;
top:10px;
left:10px;
font-size:30px;
font-weight:bold;
}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width:100%;
}
/*-------------------------------*/
/* Dark Overlay */
/*-------------------------------*/
.overlay{
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.4);
z-index: 1111;
}
/*****fixed header*********/
.navbar-fixed{
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
z-index: 900;
box-shadow: 0 0 17px 2px rgba(0,0,0,.2);
animation: fadeIn .5s;
}
.black-text a, .black-text a:visited, .black-text .alink:visited {
color: #141414 !important;
}
.navy-500 a, .navy-500 a:visited{
color: #054268;
}
.product-item .black-text,.product-item .medium-h11{padding:0 5px;}
.filter-options-content .items a{font-size:10px;line-height: 1.15rem;}
.form-check-input .checkmark{left: -23px;}
.products-page #page-title-heading {
background: var(--gradient-black, radial-gradient(218.74% 84.63% at 16.24% 62.13%, #727272 0%, #010D15 100%));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
font-family: DM Serif Display;
}
.products-page .checkeditem .checkeditem .checkmark::after
{
left: 7px;
top: 3px;
}
.product-item .tocart{font-size:1rem !important;}
.topiconcategories{cursor:pointer;}
/*.block.filter .items-children.level-2{display:none;} */
/*.block.filter .level-1 .checkeditem .items-children.level-2{display:block;}*/
.product-item .product-discount{min-height:1.4rem;line-height:1rem;}
.filter-options-content .items a{
display: flex;
margin-bottom: .5rem;
}
.filter-options-content .items a .count{
display:none;
}
.catalog-product-view .heading-h5{
font-size:35px;
}
.catalog-product-view .vita--breadcrumb a.lightblue-500:visited{color:var(--lightblue-500, #8DC6E8);}
.catalog-product-view .vita--breadcrumb a.lightblue-500:hover{color:#0056b3;}
.product--details.my-5.pb-3.pt-5{padding-top:.7rem !important;}
.replacebreadcrumbs.vita--breadcrumb.py-5{padding-bottom: .5rem!important;padding-top: 1rem!important;}
.quick-list--products.pb-5{margin-bottom:0rem !important;}
.logo.col-lg-4.col-md-2.col-xs-12{max-width:100%;}
.page-layout-storedesign .column.main, .page-layout-storedesign .page.messages{margin-top:0px;}
.bss-upload.bss-fastorder-hidden {
display: block !important;
}
.product--content .vita--product-price .new-price{
font-size: 24px;
font-weight: 400;
color: rgba(20, 20, 20, 0.83);
}
.catalog-product-view .owl-carousel .owl-item img{width: auto;}
/*.cart_item .form-check-label{display:none;}*/
.header .bottom .col-lg-4.col-md-5{padding-left:0;}
.cart_list .cart_item .image_holder, .product-item .image, .gradient-transparent-bg{background:#fff !important;}
.cms-fast-order .messages{max-width: 1128px !important;}
@media (max-width: 575.98px) {
.products-page .sidebar .filter-options-title{
margin-left:12px;
}
.products-page .page-title-wrapper{
position: absolute;
top: -8rem;
}
.products-page #amasty-shopby-product-list{
margin-top: 5rem;
}
.products-page .toolbar-products{
display:flex;
}
.products-page .modes.buttons{
margin-right:3rem;
}
.products-page .modes.buttons .modes-label{
margin-right:1rem;
}
.product-item .tocart{
padding-top:.5rem;
}
.product-item .btn-secondary{
padding:0px;
}
.fotorama-item .fotorama__stage__shaft{width:100%;}
.fotorama-item .fotorama__wrap{min-height:300px;}
.gallery-placeholder{min-height:300px;}
.catalog-product-view .product.media{width:100%;}
}
.cart.table-wrapper .action-towishlist, .cart.table-wrapper .action-edit{
display:none;
}
.quick--order--page .my-5{margin-top:0 !important;}
.cms-fast-order .vita--breadcrumb{display:none !important;}
#search_mini_form{
border: 2.5px solid rgba(20, 20, 20, 0.04);
padding: 0 5px;
border-radius: 21px;
}
#algolia-glass img{width:25px;height:25px;}
.cms-fast-order .page-main .toolbar .text-toolber .sorter-label, #bss-fastorder-form .bss-search-input{font-size:.9rem !important;}
.bss-fastorder-row-qty{width:18%;}
#bss-fastorder-form table .bss-fastorder-row-name .bss-product-name-select .name {
font-size:1rem;
}
#bss-fastorder-form table .bss-fastorder-row-name{width:35%;}
#bss-fastorder-form .bss-fastorder-autocomplete .content-search-fastorder ul li .bss-product-info .bss-info-right{width: 40% !important;}
#bss-fastorder-form .bss-fastorder-autocomplete .content-search-fastorder ul li .bss-product-price .bss-price{
font-size: .9rem;
}
#bss-fastorder-form table th{font-size:12px;}
#bss-fastorder-form .bss-fastorder-autocomplete2 .bt-search-template2 button::hover{color:#1979c3;}
.quickorderuploadform .action.primary span{line-height:12px !important;}
#bss-fastorder-form .bss-search-input{font-size:1rem !important;}
#bss-fastorder-form table td.bss-fastorder-row-price{font-size:1rem !important;}
#bss-fastorder-form .bss-fastorder-row-qty .qty{font-size:1rem !important;}
#bss-fastorder-form table td.bss-fastorder-row-qty .product_qty{max-height:40px !important;}
.bss-fastorder-row-name .bss-product-sku .check-new{display:none;}
.cms-fast-order .page-main .toolbar .text-toolber .sorter-label{font-size:1rem !important;}
#algolia-autocomplete-container{max-width:400px !important;}
#cart-sidebar-reorder .product-item{font-size:14px;}
.product-reviews-summary{display:none !important;}
.shipping_tax select{height:2.5rem;}
.replacebreadcrumbs.vita--breadcrumb.py-5 .heading-h9{font-size:16px;}
.product.media{display:contents;}
.cms-page-view .page-title h1{
font-size: 1.8rem;
margin-bottom: 3rem;
}
.our-partners{display:none;}
.cms-campaign-terms-conditions .page-title{font-size:28px;}
/*#switcher-language{display:none;}*/
.vita--product-price .old-price::before{
content: url(../images/icons/Vector_price.svg);
position: absolute;
}
.cart-totals .grand .mark, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand strong{font-size:1rem !important;}
.payment-method-title label{
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
width: 100% !important;
display:flex;
}
.checkout-payment-method .payment-method-title .payment-icon{
margin-left:0 !important;
margin-right: 1.5rem !important;
width: 80px;
}
@media (max-width: 767px){
.product--details .nav-tabs .nav-item {
width: auto !important;
}
#myTabContent #additional .table-wrapper{
border:0px !important;
font-size: .8rem;
}
#product-attribute-specs-table{
font-size:.8rem !important;
}
#product-attribute-specs-table tr{
border-bottom: 1px solid #cccccc;
}
.catalog-product-view .replacebreadcrumbs ul{
margin-bottom:0px;
}
.catalog-product-view .replacebreadcrumbs ul.list-inline li {
display: none;
}
.product--page .catalog-product-view .heading-h5 {
font-size: 21px;
}
.catalog-product-view .replacebreadcrumbs ul.list-inline li:nth-last-child(3) {
display: block;
}
.catalog-product-view .page.messages, .column.main {
margin-top: 5px;
}
.product--page .product--content h2.gradient-black span{font-size: 1.2rem;}
.catalog-product-view .product--details my-5 pb-3 pt-5{margin-bottom:0 !important;}
.vita--product-price .old-price::before{display:none;}
.vita--product-price .old-price{
text-decoration: line-through;
}
}
.product--page .product--content h1.gradient-black{color:#010d15;-webkit-text-fill-color: #010D15;}
.product--page .product--content h1.gradient-black span{font-family: 'DM Sans' !important;}
.price-including-tax, .price-excluding-tax, .order-details-items .product-item-name{
font-size: 1.1rem;
}
.wasfaty-icon{
left: 1rem;
background: none !important;
width: 4rem !important;
height: 3rem !important;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.product--content .green-500, .product-item .positive-text, #block-shipping{display:none;}
/* New Cart Styles */
.cart_list .price .new-price {
font-family: DM Mono;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem;
letter-spacing: -0.005rem;
}
.cart_list .price .old-price {
color: rgba(20, 20, 20, 0.50);
font-family: DM Mono;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
letter-spacing: 0.005rem;
position: relative;
margin: 8px 0;
}
.cart_list .price .old-price::before {
content: url(../images/icons/Vector_price.svg);
position: absolute;
}
.cart_list .cart_info .name_price .text_frame{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
flex: 1 0 0;
align-self: stretch;
}
.msgpriceContainer{width:100%;}
.priceContainer{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.priceContainer:only-child {
justify-content: flex-end;
}
.cartNotifyMsg{
color:#059A52;font-size:14px;margin-bottom:0px;
}
.cartNotifyMsg.message.notice > *:first-child:before{
line-height: 50px;
color: #212529;
}
.cartNotifyMsg.message.notice > *:first-child:before{
line-height: 50px;
color: #212529;
}
.cartNotifyMsg.message.notice{
background: #d5ecfd;
color: #212529;
font-size: 15px;
font-weight: 500;
}
.block-static-block.widget, .block-cms-link.widget {
margin-bottom: 0px;
}
.vita--label {
width: 95px;
border-radius: 19px;
padding: 8px 0;
}
body {
font-weight: 400;
}
.qty-error{width:100%;}
.cart_page .cart_items{width:50rem;gap:40px}
@media (max-width: 1150px) {
.cart_page .cart_items{width:30rem;}
}
@media (max-width: 768px) {
.cart_page .cart_items{width:40rem;}
.cart_page .Cart_summry{width:40rem;}
}
.cart_list form{width: 100%;}
.vita--product-price .stock.available{display:none !important;}
.mark, mark{background:none;}
.block.shipping.shipping_tax{margin-bottom:10px;}
.multicheckout{display:none;}
.cart-totals tbody .mark, .cart-totals tfoot .mark {
color: #141414;
font-family: DM Mono;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;
letter-spacing: -0.0025rem;
margin: 0;
}
.cart-totals tbody .grand.totals {
color: #141414;
font-family: DM Sans;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.625rem;
letter-spacing: -0.0025rem;
}
#shopping-cart-table{display:none;}
#empty_cart_button{margin-bottom:10px;}
.checkout-index-index .am-checkout:not(.-modern) {
background: none;
}
.payment-method-title.field.choice {
display: flex;
width: 100%;
padding: 1.5rem 1rem 1.5rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
gap: 0.5rem;
border-bottom: 1.5px solid rgba(20, 20, 20, 0.04);
background: conic-gradient(from 227deg at 50.00% 71.34%, rgba(20, 20, 20, 0.00) 163.0422592163086deg, rgba(20, 20, 20, 0.04) 360deg),#1414140A;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
/*display: flex !important;*/
position: relative;
display: block;
padding-left: 1.25rem;
}
/** Checkout Page */
.checkout-payment-method .step-title , .checkout-shipping-method .step-title , .checkout-shipping-address .step-title{
color: var(--black-text);
font-family: 'DM Sans 18pt';
margin-bottom: 1rem;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
letter-spacing: -0.08px;
}
/*.shipmentmethodsblock{display:none;}*/
#checkout-step-shipping {
display: flex;
padding: 1rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
width: 100%;
margin: 1rem 0 3.5rem 0;
border: 0.5px solid rgba(20, 20, 20, 0.17);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
}
.checkout-index-index .checkout-block {
margin: 0;
padding: 0;
background: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
border: 0;
}
.checkout-index-index .checkout-block:hover {
box-shadow: none;
}
#checkout-step-shipping .amcheckout-wrapper{width:100%;}
.checkout-index-index .opc-wrapper.am-opc-wrapper .shipping-address-item {
width: 100%;
}
.checkout-index-index .opc-wrapper.am-opc-wrapper .shipping-address-item {
color: #434343;
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.005rem;
margin: 0;
margin-bottom: 10px;
}
.opc-wrapper .shipping-address-item.selected-item {
border-color: #1979C3;
}
.opc-wrapper .shipping-address-item.selected-item:after{background:#1979C3;}
.opc-wrapper .step-title{border:0px;}
.opc-wrapper .action-show-popup{margin:0px;}
.opc-block-summary .step-title {
font-family: 'DM Serif Display';
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
line-height: 3rem;
letter-spacing: -0.02rem;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #141414 0.03%, #A1A1A1 100%);
background-clip: border-box;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.checkout-index-index .minicart-items .product-item-name {
color: #141414;
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
text-align: left;
margin: 0;
}
.checkout-index-index .opc-block-summary {
margin: 0;
padding: 0;
width: 100%;
background: none;
}
.checkout-index-index .opc-block-summary .product-item .price, .checkout-index-index .opc-block-summary .product-item .details-qty{
color: rgba(20, 20, 20, 0.83);
font-family: 'DM Mono';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.0025rem;
}
.checkout-index-index .table-totals {
color: #141414;
font-family: DM Mono;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;
letter-spacing: -0.0025rem;
margin: 0;
}
.discount::before, .discount::after{display:none !important;}
.checkout-index-index .cart_page .product-item:hover {
transition: none;
box-shadow: none;
}
.checkout-index-index .cart_page .minicart-items .product-item-details .details-qty{margin-top:0px;}
.checkout-index-index .cart_page .minicart-items .product-item-details .price-including-tax, .checkout-index-index .cart_page .minicart-items .product-item-details .price-excluding-tax {
margin: 0;
}
.checkout-index-index .cart_page .minicart-items .product-image-wrapper{
width: 6rem;
height: 6rem;
padding: .73894rem 0.82256rem;
display: flex;
margin-right: 1rem;
justify-content: center;
align-items: center;
border: 1.5px solid rgba(20, 20, 20, 0.04);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
}
.checkout-index-index .cart_page .minicart-items .product-item {
padding: 10px 0;
}
.checkout-index-index .cart_page .opc-block-summary .minicart-items-wrapper{max-height:455px;}
.checkout-index-index .cart_page .opc-block-summary .items-in-cart > .title strong{
color: #141414;
font-family: 'DM Sans 18pt';
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.75rem;
letter-spacing: -0.005rem;
}
.checkout-index-index .cart_page .block {
margin-bottom: 0;
}
.checkout-index-index .cart_page .checkout-payment-method{width:100%;}
.checkout-index-index .cart_page .checkout-payment-method .payment-option-title {
padding: 5px 0;
}
#checkout-step-shipping .-new-address , .checkout-index-index .cart_page .checkout.amasty{
display: flex;
width: 100%;
height: 4rem;
padding: 1.25rem 1.5rem;
justify-content: center;
align-items: center;
color: #FFF;
text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.50);
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
}
.coupon-code-input{
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 0;
border: none;
box-shadow:none !important;
}
.coupon-code-input:hover, .coupon-code-input:active, .coupon-code-input:focus{
background:none;
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
background: var(--gradient-primary, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 0;
border: none;
box-shadow:none !important;
}
#discount-code-error{
position: absolute;
top: -4rem;
}
.shipping-address-item.selected-item{
border: 0.5px solid rgba(20, 20, 20, 0.17);
margin-bottom: 10px;
}
.columns .column.main{padding-bottom:0px;}
.payment-method-billing-address .actions-toolbar .action-update, .payment-method-billing-address .actions-toolbar .action-cancel{
display: flex;
width: 40%;
height: 2rem;
margin: 0 10px;
padding: 1.25rem 1.5rem;
justify-content: center;
align-items: center;
color: #FFF;
text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.50);
font-family: 'DM Sans 18pt';
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
}
.checkout-index-index .opc-wrapper.am-opc-wrapper .payment-method-content .actions-toolbar > .primary{padding:0px;}
.checkout-payment-method .checkout-billing-address{margin:0px;}
.checkout-payment-method .checkout-billing-address .fieldset:last-child {
margin: 0;
}
.checkout-index-index .checkout-payment-method .checkout-billing-address .primary .action-update {
margin-bottom: 0;
margin-right: 0;
}
.checkout-index-index .input-text {
display: flex;
height: 3rem !important;
padding: 0.75rem 1rem 0.75rem 0.8125rem;
align-items: center;
gap: 0.5rem;
align-self: stretch;
border: 0.5px solid rgba(20, 20, 20, 0.17) !important;
background: rgba(255, 255, 255, 0.83);
color: rgba(20, 20, 20, 0.50);
height: 1.25rem;
font-family: 'DM Sans 18pt';
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.005rem;
text-align: left;
}
.checkout-index-index .checkout-shipping-method .amcheckout-content{
display: flex;
padding: 1rem 2rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
width: 100%;
margin: 1rem 0 3.5rem 0;
border: 0.5px solid rgba(20, 20, 20, 0.17);
background: radial-gradient(89.15% 141.42% at 100.00% 0.00%, rgba(20, 20, 20, 0.00) 50%, rgba(20, 20, 20, 0.04) 100%);
}
.action.primary, .action.primary:hover{
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
border: none;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
height: 45px;
box-shadow: none;
}
.action.primary span{
color: var(--white-absolute, #FFF);
margin: auto;
font-style: normal;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
letter-spacing: -0.04px;
}
.action.primary{font-size:18px !important;}
.checkout-index-index .action-select-shipping-item, .bss-action-add{
background: #e1e1e1;
border: 0;
color: #333333;
}
.checkout-onepage-success .reorder .btn-reord {
width: 23%;
background: radial-gradient(174.86% 141.42% at 100.00% -0.00%, #054268 0.03%, #8DC6E8 100%);
border: none;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
height: 45px;
}
.block-order-details{
border-bottom: 1px solid var(--black-opacities-quinary, rgba(20, 20, 20, 0.17));
padding-bottom: 16px;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;}
.checkout-onepage-success .page-title-wrapper{display:none;}
/*Fast Order*/
#bss-fastorder-form table .bss-fastorder-row-qty {
width: 18%;
}
#bss-fastorder-form table .bss-fastorder-row-qty .product_qty{
display: flex;
align-items: center;
justify-content: center;
}
#bss-fastorder-form table td {
padding: 5px 30px;
}
fastorder-form table .bss-fastorder-row-name {
width: 30%;
}
.uploadformbuttons #bss-multiple-sku{max-height:10rem;}
#bss-fastorder-form tfoot .foot1 td, #bss-fastorder-form .foot1 .foot1 td {
padding: 25px 10px 15px;
}
button:not(.primary) {
box-shadow: none;
}
#bss-fastorder-form .bss-search-bar{min-width:32%;}
/*Filter*/
#layered-filter-block .filter-options .items{padding:0px; list-style:none;}
.checkeditem .checkeditem .checkmark::after{
left: 9px;
top: 5px;
width: 7px;
height: 12px;
border: solid white;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
display:block;
}
.checkeditem .checkeditem .checkmark{
border: none;
background: var(--gradientx-lightblue, radial-gradient(174.86% 141.42% at 100.00% -0.00%, #8DC6E8 0.03%, #D1E8F6 100%));
}
#layered-filter-block .filter-options li .items {
padding: 0px 0px 0 15px;
}
.category-view{display:none;}
.logo{
margin:0px !important;
}
.ambrands-menu-item{display:none;}
.nav-sections{margin-bottom:0px !important;}
.checkout-index-index .header.content{padding: 10px 0px;}
.checkout-index-index .header.content a{width:100%;}
.checkout-index-index .header.content a img{margin:0 auto;display:block;}
.header .bottom .user ul{margin:0;}
.header .bottom .user button{background:none;border:0;}
.minicart-wrapper .action.showcart:before{content:none !important;}
.minicart-wrapper .action.showcart{display:flex;}
.customer-welcome{margin-bottom:0px;}
.image a{display:contents;}
.content .product-name{min-height:3rem;}
.content .product-item .price{min-height:2rem;}
.sidebar .filter-options-title{margin-left: -12px;padding-left:0px;}
.gallery-placeholder{width:100%;}
.product--details .additional-attributes-wrapper th, .product--details .additional-attributes-wrapper td{border-top:0;border-bottom:1px solid #cccccc;}
.account .block-collapsible-nav .item{width:100%;}
.account .block-collapsible-nav .item .delimiter{width:100%;}
.account .sidebar-additional{display:none;}
.sidebar #layered-filter-block .block-subtitle{display:none;}
.page-title {
font-style: normal;
font-weight: 500;
line-height: normal;
background: var(--gradient-black, radial-gradient(218.74% 84.63% at 16.24% 62.13%, #727272 0%, #010D15 100%));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.filter-options-title{
font-style: normal;
font-weight: 700;
line-height: 28px;
letter-spacing: -0.08px;
text-transform: capitalize;
color: #343a40!important;
}
.header .bottom .d-sm-block{
padding:0px;
}
.whyVitaContainer{background: conic-gradient(from 227deg at 50.00% 71.34%, rgba(6, 103, 193, 0.17) 163.0422592163086deg, rgba(6, 103, 193, 0.02) 360deg) }
/* New Block (4 Banners) Home */
.beautySection {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.beautyCategory {
flex: 25%;
}
.beautyCategory img {
width: 90% !important;
height:auto;
}
.minisTitle4{
font-family: 'DM Sans';
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 3rem;
letter-spacing: -0.02rem;
}
.adsContainer{ padding: 2rem 0 0rem 0rem;}
.adsContainer .minis4{margin-bottom:2rem;}
.cats-name .item .body-b5{font-size:1.7rem;}
.fullwidthAdsBanner{
padding: 2rem 0 0rem 0rem;
}
.sections.nav-sections{display:none;}
.slider .item:before{content:none !important;}
.slider .item:before{background:none !important;}
.slider .slider-owl.owl-carousel {
height: auto !important;
}
@media (max-width: 767px) {
.slider .owl-carousel .owl-item img {
height: auto !important;
}
}
.slider .item .text{top:65%;}
.slider .item .text .btn {background:#0B4269;color:#fff;}
.page-footer{display:none;}
#region{display: block !important;}
#regionModal .modal-header{display: block;}
.container .bundle-options-container .legend.title {
font-size: 2.2rem;
font-weight: 600;
}
.fieldset-bundle-options .back{display:none;}
.container .bundle-options-container .block-bundle-summary > .title > strong{
font-size: 2.2rem;
font-weight: 600;
}
.container .bundle-options-container .block-bundle-summary{
margin-top: 0px;
}
.container .bundle-options-container .product-add-form{
display: inline-block;
width: 100%;
}
.container .bundle-options-container .product-add-form #product_addtocart_form{
width:100%;
}
.container .bundle-options-wrapper .required, .container .bundle-options-wrapper .back.customization{display:none;}
.container .bundle-options-wrapper .option.required{display:block;}
.container .bundle-options-container .block-bundle-summary .bundle-summary{display:none;}
.page-product-bundle .bundle-options-container{margin-top: 3rem;}
.page-product-bundle .product--details{display: none;}
.page-product-bundle .product--page{display: none;}
.page-product-bundle .fieldset-bundle-options .options-list .choice{display: flex;align-items: anchor-center;}
.page-product-bundle .fieldset-bundle-options .options-list img{width:10rem;}
.page-product-bundle .bundle-options-container .product-options-wrapper{margin-bottom: 0;width:100%;}
.page-product-bundle .price-as-configured{display: none;}
/* SPIN TO WIN */
/* .spin-wheel-container .modal-popup .action-close:before, .spin-wheel-container .modal-slide .action-close:before{color:#fff;} */
.spin-wheel-container .action-close, .spin-coupon-details .action-close{text-align: right;}
.spin-coupon-info-container .spin-coupon-code-container{width:auto;}
/* Sub Account Page in organization profile */
.subaccounts-manage-index .minisearch #search{border:0px}
.subaccounts-manage-index .minisearch .actions button{width: 10px;top: 3px;}
.subaccounts-manage-index .block-search{margin-bottom: 40px;padding-left:0px}
.account .main .container, .account .main .col-sm-12{padding:0;}
.subaccounts-manage .table thead th, .subaccounts-manage .table tr td{width:100px;}
input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"]{
font-size: 16px !important;
}
/* Address Form in checkout page */
.page-layout-checkout #shipping-new-address-form label{display:block;text-align:left}
.page-layout-checkout #shipping-new-address-form .label{text-align:left}
.page-layout-checkout .modal-header .action-close{max-width:25px;}
.page-layout-checkout .modal-header .modal-title{
width: 100%;
border: 0;
padding: 0;
}
.page-layout-checkout .modal-content{
padding-top: 25px;
}
.page-layout-checkout .modal-content .field.choice label{
display: inline-block;
}
.page-layout-checkout .modal-content .field.choice{text-align:left;}
.register-modal .modal-content {
width: 70%;
margin: 0 auto;
}
@media (max-width: 768px) {
.register-modal .modal-content {
width: 75%;
}
}
@media (max-width: 480px) {
.register-modal .modal-content {
width: 95%;
}
}
div[name="shippingAddress.store_view"] {
display: none !important;
}
.opc-block-summary .product-item .product-item-name-block{text-align:left !important;}
.checkout-index-index .cart_page .minicart-items .product-item-details .details-qty{
display: flex;
align-items: center;
justify-content: space-between !important;
}
.checkout-index-index .cart_page .minicart-items .product-item{width:100% !important;}
.checkout-index-index .opc-block-summary .minicart-items .checkout-index-mini-cart-item-inner-wrapper .product-item-details {
width: 100% !important;
padding-left: 20px;
padding-right: 20px;
}
.checkout-index-index .cart_page .minicart-items .checkout-index-mini-cart-item-image .product-image-wrapper{margin-right:0px;}
.checkout-index-index .opc-block-summary .minicart-items .checkout-index-mini-cart-item-inner-wrapper .delete{border:0px; width:15px; height:15px;float:right;}
.checkout-cart-index .cart-totals tbody .mark, .cart-totals tfoot .mark{
text-align: left;
padding-right: 10px;
}
.checkout-index-mini-cart-item-inner-wrapper .checkout-index-mini-cart-item{
display: flex;
/*align-items: center;*/
justify-content: space-between;
}
.checkout-index-index .opc-block-summary .step-title{font-size:1.5rem;font-weight:bold;}
.checkout-index-index .opc-wrapper .step-title {
border-bottom: 1px solid #ccc !important;
}
.checkout-index-index .body-b4{font-size:2.2rem;font-weight:bold;margin-bottom:2rem;margin-top:2rem;}
.checkout-index-index .opc-block-summary .product-item .message{margin-top:0px;}
.checkout-index-index .message.notice{font-size:1rem;}
.checkout-index-index .cart_page{margin:0px;}
.modal-popup.confirm .modal-inner-wrap .modal-content{padding-left: 0 !important;}
.modal-popup.confirm .action-primary {
background: #006bb4;
border: 1px solid #006bb4;
color: #fff;
}
.modal-popup.confirm .action-secondary {
background: #e1e1e1;
border: 1px solid #ccc;
color: #333;
}
.checkout-index-index .opc-block-summary .minicart-items .checkout-index-mini-cart-item-inner-wrapper .product-image-container{
margin-left:0px;
}