html{ padding:0; margin:0; }
body{ overflow: hidden; width:100%; padding:0; margin:0; display: inline-block; position: relative;  background: #fff; font-size:12px; }

body, body *{ box-sizing: border-box; font-family: 'Montserrat', sans-serif; }

.sitecontainer{ z-index:1; position:relative; overflow: hidden; overflow-y: auto;  height: 100vh; }

body .border{ border-color : #9c9b9b !important; }
body .btn.btn-danger{ background-color : rgba(184,32,29) !important; }
body .bg-danger{ background-color : rgba(184,32,29) !important; }
body .text-danger{ color : rgba(184,32,29) !important; }
body .border-danger{ border-color:rgba(184,32,29) !important; }
body .border-info{ border-color:rgb(34, 159, 183) !important; }
body .border-success{ border-color:rgba(25, 135, 84) !important; }

.content-container{ position: relative; }

header .icon-menu a{ font-size:18px; color:#fff; }
.healthportmainmenu a{ font-weight: bold; font-size: 16px; color : rgba(184,32,29); }
.healthportmainmenu.navbar-expand-lg .navbar-nav .nav-link{ padding:10px 22px; }
.healthportmainmenu .navbar-brand{ width:calc(100% - 75px) }
.healthportmainmenu .navbar-brand button{ font-size:20px; top:4px; left:5px; border-radius:30px; height:38px; width:40px; position:absolute; }
.healthportmainmenu .navbar-brand input{ border-radius:18px; padding:10px 20px 10px 45px; background: rgb(248, 249, 250); }

.healthportmainmenu-web a{ font-weight: bold; font-size: 16px; color : rgba(184,32,29); }
.healthportmainmenu-web.navbar-expand-lg .navbar-nav .nav-link{ padding:10px 22px; }
.healthportmainmenu-web .navbar-brand{ width:calc(100% - 75px) }
.healthportmainmenu-web .navbar-brand button{ font-size:20px; top:4px; left:5px; border-radius:30px; height:38px; width:40px; position:absolute; }
.healthportmainmenu-web .navbar-brand input{ border-radius:18px; padding:10px 20px 10px 45px; background: rgb(248, 249, 250); }
.healthportmainmenu-web{ border-bottom: 1px solid rgba(184,32,29); }

.wrapper { width: 90%; max-width: 1170px; margin-left: auto; margin-right: auto; }
.wrapper .form-group .form-control{ font-size:13px; }
.wrapper .form-group label{ font-size:13px; }
.wrapper .form-check label{ font-size:13px; }
.wrapper a{ text-decoration: none; }

form select.form-control{
    background-image: url("data:image/svg+xml;utf8,<svg style='opacity:.7' fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 3px;
}

.wrapper .content p{ font-size:13px;  }
.wrapper .content a{ font-size:13px;  }

h1 { font-size: 60px; color: #222222; font-weight: 100; }
h2 { font-size: 36px; color: #222222; font-weight: 700; line-height: 1; letter-spacing: 0.02em;  }

.breadcrumb li a{ color:#888; }
.breadcrumb li.active{ font-weight: bold; color:#555; }
.breadcrumb li.active:before{ font-weight: normal; }

.slide-1 .slick-dots{ bottom:-42px !important; }
.slide-1 .slick-dots li{ padding:10px 0; }
.slide-1 .slick-dots li button:before{  content:""; opacity:1 !important; border:1px solid rgba(184,32,29) !important; border-radius: 50%; width:14px; height: 14px; background:rgba(184,32,29) !important }
.slide-1 .slick-dots li.slick-active button:before{opacity:1 !important;  background:#fff !important; color:#fff !important; }

.slide-1 .slick-prev{ font-family: "Font Awesome 6 Free"; z-index: 2; left:24px; top:40%; }
.slide-1 .slick-next{ font-family: "Font Awesome 6 Free"; z-index: 2; right:24px; top:40%; }
.slide-1 .slick-prev:before { font-family: "Font Awesome 6 Free"; content: "\f053"; color: rgba(184,32,29); font-size: 30px; text-shadow:#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 2px; padding:3px; }
.slide-1 .slick-next:before { font-family: "Font Awesome 6 Free"; content: "\f054"; color: rgba(184,32,29); font-size: 30px; text-shadow:#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 2px; padding:3px; z-index: 2; right:24px; }

.slide-content .slick-dots{ bottom:-42px !important; }
.slide-content .slick-dots li{ padding:10px 0; }
.slide-content .slick-dots li button:before{  content:""; opacity:1 !important; border:1px solid rgba(184,32,29) !important; border-radius: 50%; width:14px; height: 14px; background:rgba(184,32,29) !important }
.slide-content .slick-dots li.slick-active button:before{opacity:1 !important;  background:#fff !important; color:#fff !important; }

.slide-content .slick-prev{ font-family: "Font Awesome 6 Free"; z-index: 2; left:24px; top:40%; }
.slide-content .slick-next{ font-family: "Font Awesome 6 Free"; z-index: 2; right:24px; top:40%; }
.slide-content .slick-prev:before { font-family: "Font Awesome 6 Free"; content: "\f053"; color: rgba(184,32,29); font-size: 30px; text-shadow:#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 2px; padding:3px; }
.slide-content .slick-next:before { font-family: "Font Awesome 6 Free"; content: "\f054"; color: rgba(184,32,29); font-size: 30px; text-shadow:#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 2px; padding:3px; z-index: 2; right:24px; }

.slick-slide .video-start{
    transition: .4s ease all;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    background-color: rgba(255,255,255, .8);
    border-radius: 50px;
    width:100px;
    height: 100px;
    text-align: center;
    font-size:40px;
    line-height: 98px;
    color:#444;
}
.slick-slide .video-start:before{
    margin-left:5px;
}
.slick-slide .video-start:hover{
    box-shadow: 0 0 10px #444;
}

/* ### HOME ### */
.main-square-buttons{ width:100%; background-color : rgba(184,32,29); }
.main-square-buttons .wrapper{ width:75%; }
.main-square-buttons .first-square-row{ margin-top:-80px; }
.main-square-buttons .second-square-row{ margin-top:100px; margin-bottom:-140px; }
.main-square-buttons h4{ transition: .5s ease all; cursor: pointer; }
.main-square-buttons a{ white-space: nowrap; display: flex;flex-direction: column; align-items: center; }
.main-square-buttons img{ width:70%; cursor: pointer; border-radius: 24%; transition: .5s ease all; outline: 1px rgba(117, 59, 59, 0) solid; outline-offset: -1px; }

.main-bottom-buttons{ padding:275px 0 80px 0; }
.main-bottom-buttons img{ width:90px; }
.main-bottom-buttons .text-center div{
    display: flex; justify-content: center; align-items: center; 
    margin: auto; width:140px; height:140px;
    background-image: url('../images/btn-foot-background.png');
    background-repeat: no-repeat; background-size: contain; 
}


/* ### PRODUCTS ### */

.product-list .product-box{ border-color:#ddd !important; }
.product-list .prod-images .first-photo{ width:100%; height: 100%; position: relative; z-index: 1; }
.product-list .prod-images .second-photo{ width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top:8px; transition: .2s ease all; z-index: 2; position: absolute; opacity: 0; }
.product-list .product-box:hover .second-photo{ opacity: 1; }
.product-list{ min-height: 300px; }
.product-list .favbutton{ position:absolute; font-size:20px; z-index:5; right:10px; top:10px; width:40px; height:40px; display: flex; justify-content: center; align-items: center; }
.category-filter .form-check{ display: flex; }
.category-filter .form-check .form-check-input{ transition: .2s ease all; width:34px; height:34px; border-radius: 7px; border-color: rgba(184,32,29); }
.category-filter .form-check .form-check-input:active,.category-filter .form-check .form-check-input:checked { border-color: rgba(184,32,29); background-color: rgba(184,32,29); }
.category-filter .form-check .form-check-label{ margin:8px 0 0 8px; font-size:18px; color:rgba(184,32,29); }

/* ### PRODUCT DETAIL ### */

.productslidediv{ position: relative; border:1px solid #ddd; border-radius: 5px; padding:2px; overflow: hidden; }
.productslidediv .productimg-slide{ width:100%; height:100%;box-sizing: border-box; }
.productslidediv .productimg-slide .slide { box-sizing: border-box; height: 100% !important; padding: 10px; }
.productslidediv .productimg-slide .slick-slide { height: 100% !important; }
.productslidediv .slick-prev{ font-family: "Font Awesome 6 Free"; z-index: 2; left:10px; top:45%; }
.productslidediv .slick-next{ font-family: "Font Awesome 6 Free"; z-index: 2; right:10px; top:45%; }
.productslidediv .slick-prev:before { font-family: "Font Awesome 6 Free"; content: "\f053"; color: rgb(223, 219, 219); font-size: 30px; }
.productslidediv .slick-next:before { font-family: "Font Awesome 6 Free"; content: "\f054"; color: rgb(223, 219, 219); font-size: 30px; z-index: 2;  }
.productslidediv  .zoombutton{ position:absolute; font-size:15px; z-index:5; right:13px; top:13px; width:32px; height:32px; display: flex; justify-content: center; align-items: center; }
.productslidediv  .favbutton{ position:absolute; border:1px solid rgba(184,32,29); font-size:13px; z-index:5; right:10px; top:10px; width:26px; height:26px; display: flex; justify-content: center; align-items: center; }

.productslidenav{ margin-top:10px; }
.productslidenav .slick-slide { padding:3px; overflow: hidden; }
.productslidenav .slick-slide .slide img{ border-radius: 5px; border:1px solid #ddd; }
/* .productslidenav .slick-track{ width:100% !important; } */
/* .productslidenav .slick-slide { display:flex; border-radius: 5px; justify-content: center; padding:3px; margin:10px 10px 0 0; width:90px !important; height:90px; overflow: hidden; border:1px solid #ddd; }
.productslidenav .slick-slide div{ height: 100%; }
.productslidenav .slick-slide .slide { box-sizing: border-box; height: 100%;}
.productslidenav .slick-slide .slide img{ height: 100% !important; } */

.productdetail .pricenote{ font-size:13px;margin-bottom:-12px; }
.productdetail .mainprice{ margin-top:20px; font-weight: bold; font-size:32px; color:rgba(184,32,29); line-height: 26px; }
.productdetail .mainprice del{ display:block; font-weight: normal; color:#666; font-size:20px; }
.productdetail .mainprice .taxnote{ font-weight: normal; font-size:18px; }
 
.productdetail .product-features{ padding:15px 0; margin-left:-22px; }
.productdetail .product-features ul{ padding:0; list-style: none; display: flex; justify-content: left; align-content: center; }
.productdetail .product-features li{ width:90px; text-align: center; margin:0 7px;  display: flex; align-items: center; justify-content: center; }
.productdetail .product-features li.with-img{ }
.productdetail .product-features li.with-text{ border:1px solid #ddd; border-radius: 10px;}
.productdetail .product-features img{ height:90px !important; width:auto !important; }
.product-right .product-features i{ font-size:90px; }
.product-right .product-features svg{ height:90px !important; width:auto !important; }

.productdetail .producttext .content p{ padding:5px 0; font-size:14px; }
.productdetail .producttext .content div{ padding:5px 0; font-size:14px; }
.productdetail .producttext table{ min-width:100% !important; }
.productdetail .producttext table th,.productdetail .producttext table td{ padding:3px 6px !important }


.profile-info .card{ border-radius: 40px; overflow: hidden; }
.profile-form .card{ border-radius: 40px; overflow: hidden; }
.profileform-wrapper > .row{ display: flex; flex-wrap: wrap; }
.profileform-wrapper > .row > [class*='col-']{ display: flex; flex-direction: column; }
.profileform-wrapper input.form-control{ font-size:13px; padding:12px 16px; }

.profile-info .table tbody tr:last-child td{ border:none; }

/* ### START ORDER ### */

.ordertype .ordertype-title{ position: relative; z-index: 2; }
.ordertype .ordertype-content{ overflow: hidden; position: relative; z-index: 1; display:flex; flex-direction: column; transition: .3s ease all;}
.ordertype .ordertype-title .btn b { display: none;}
.ordertype.selected .ordertype-content{ opacity: 0; height: 1px; }
.ordertype.passive .ordertype-title .bg-danger{ background-color: #fff !important; color:rgba(184,32,29) !important; }

.ordertype.passive .btn{ display: none; }
.ordertype.active .ordertype-title .btn{ border:1px solid rgba(184,32,29); background-color: #fff !important; }
.ordertype.active .ordertype-title .btn b { display: inline-block; }
.ordertype.active .ordertype-title .btn span { display: none; }
.ordertype.active .ordertype-title .text-black.btn{ border:1px solid rgba(0,0,0) !important; background-color: #fff !important; }

.hp-or-wh-selector{ display: none; }
.hp-or-wh-selector .form-check .form-check-input{ transition: .2s ease all; width:34px; height:34px; border-radius: 7px; border-color: rgba(184,32,29); }
.hp-or-wh-selector .form-check .form-check-input:active , .hp-or-wh-selector .form-check .form-check-input:checked { border-color: rgba(184,32,29); background-color: rgba(184,32,29); }
.hp-or-wh-selector .form-check .form-check-label{ font-weight: bold; margin:8px 0 0 8px; font-size:18px; color:rgba(184,32,29);  }

.ihcampaign-selector{ display: none; }
.ihcampaign-selector .semipointdisplay{ height:70px; }
.ihcampaign-selector .semipointdisplay span{ width: 100%; }
.ihcampaign-selector .semipointdisplay b{ display: inline-block; margin-right: 4px; }
.ihcampaign-selector small{ margin-left:5px; font-size:11px; color:#999; }

.hpcampaign-selector{ display: none; }

.hpcampaignitem { position: relative; overflow: hidden; display: flex; border-radius: 30px; border:1.3px solid rgba(184,32,29); }
.hpcampaignitem .imagelink{ display:flex; border-radius: 0 30px 30px 0; margin:-1px; border:1.3px solid rgba(184,32,29); height: 220px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.hpcampaignitem h4{ position: relative; width:100%; color:rgba(184,32,29); font-size:24px; text-align: left;  }
.hpcampaignitem h4 a{ color:rgba(184,32,29); }
.hpcampaignitem p{ width:100%; font-size:14px; text-align: left; overflow: hidden; }
/* .hpcampaignitem .detaillink{ background-color:rgba(184,32,29); border:1px solid rgba(184,32,29) !important; padding:1px 20px !important; }
.hpcampaignitem .detaillink:hover{ color:rgba(184,32,29) !important; } */
.hpcampaignitem .sfdate{ position: absolute; left:0; top:-8px; font-size:11px; color:#aaa; }
.hpcampaignitem .sfdate b{ color:#555; font-weight: normal; }

.order-form .product-row{ box-shadow: 0 1px 1px #ddd; border:1px solid #ccc; transition: .4s ease all; overflow: hidden; margin-bottom: 1.5rem; }
.order-form .product-column{ border-right: 1px solid #ddd; font-size:14px; }
.order-form .col-6-right .product-column:last-child{ border:none; }
.order-form .product-column .price-calc{ height: 68px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:0; }
.order-form .product-column .price-calc:first-child{  border-bottom: 1px solid #ddd; }
.order-form .product-column .price-calc div.text-center{ font-size:12px; }
.order-form .price-calc.conditions div.text-center{ font-size:14px; }
.order-form .img-column{ display: flex; justify-content: center; align-content: center; align-items: center; }
.order-form .img-column img{ max-height:125px; }

.order-form .foot-price-table{  }
.order-form .foot-price-table .price-calc{ border:1px solid rgba(184,32,29); border-left-width:0; height: 85px; font-size:14px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.order-form .foot-price-table .row .price-calc:first-child{ border-left-width:1px !important; }
.order-form .foot-price-table .row:first-child .price-calc{ border-bottom-width:0; }
.order-form.consumableorder .foot-price-table .price-calc{ border-bottom-width:1px !important; }


.spinnerinputdiv{ position: relative; height:80px; }
.spinnerinputdiv input{ border:1px solid #ddd; position: relative;height:100%; width:100%;text-align:center; outline: none; }
.spinnerinputdiv input:focus{ border-color:#333; }
.spinnerinputdiv input[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; }
.spinnerinputdiv input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; }
.spinnerinputdiv .spinner-button {
    user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
    display: flex; justify-content: center; align-items: center; align-content: center; background-color: #eee;
    position: absolute; cursor: pointer; z-index: 2; right:1px; border: 1px solid #ddd; 
    width: 14.5px; text-align: center; margin: 0px;  height: calc( 50% - 1px );
}
.spinnerinputdiv .spinner-button:hover{ background-color: #dadada; }
.spinnerinputdiv .spinner-button.inc-button { border-width: 0 0 1px 1px; top: 1px; }
.spinnerinputdiv .spinner-button.dec-button { border-width: 0 0 0 1px; top: 50%; }

.customredselectdiv{ background: rgba(184,32,29); border:2px solid rgba(184,32,29); overflow: hidden; border-radius: 9px; display: flex; justify-content: center; }
.customredselectdiv .selectorinput{ margin-left:auto; width:calc(100% - 160px); overflow: hidden; }
.customredselectdiv span.custom-label{ color:#fff; width:160px; padding:5px 10px; }
.customredselectdiv select.custom-red-select{
    width:100%; border-radius: 8px 0 0 8px; padding:5px 10px; outline: none; border:0; appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg style='opacity:.7' fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat; background-position-x: 100%; background-position-y: 3px;
}
.customredselectdiv .select2-container--default .select2-selection--multiple{ border:none; min-height: 34px !important; }
.customredselectdiv .select2-container--default .selection{ line-height: 22px !important; }
.customredselectdiv .select2-selection__rendered{ padding: 0 4px !important; }
.customredselectdiv .select2-selection__choice{ margin:4.5px 5px 0 0 !important; }

.customredselectdiv2{ padding-left:0 !important; }
.withsecondselect .customredselectdiv1{ padding-left:0 !important; }
.withsecondselect .customredselectdiv2{ padding-left:calc(var(--bs-gutter-x) * .5) !important; padding-right:0 !important; }

.contact-form .wrapper .form-group label{ font-size:16px; padding-bottom:7px; }
.contact-form h4{ color:rgba(184,32,29); }
.contact-form .contact-right ul{ list-style: none; padding: 0; margin-top:40px; }
.contact-form .contact-right .contact-icon{ display: flex; flex-direction: row; font-size: 16px; width:120px; }
.contact-form .contact-right .contact-icon h6{ margin-left:10px; }
.contact-form .contact-right ul li{ display: flex; flex-direction: row; padding:10px; }
.contact-form .contact-right .media-body{ width:calc(100% - 140px); }
.contact-form #contactform{ margin-top:25px; }

.foryouitem { overflow: hidden; display: flex; align-items: flex-end; flex-direction: column; border-radius: 30px; border:1.3px solid rgba(184,32,29); }
.foryouitem h4{ width:100%; padding:14px 25px; color:#fff; font-size:20px; text-align: center; height: 60px; display: flex; justify-content: center; align-items: center; }
.foryouitem .imagelink{ height: 300px; width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.foryouitem .date{ width:100%; padding:10px; color:#fff; font-size:16px; text-align: center; height: 40px; display: flex; justify-content: center; align-items: center; }
.foryouitem p{ width:100%; padding:14px; font-size:14px; text-align: left; overflow: hidden; height: 95px;}
.foryouitem .detaillink{ margin:10px 30px 20px 30px; }

.foryoucontent .contentimagediv{ position: relative; z-index:1; display:flex; flex-direction: column; overflow:hidden; border-radius: 30px; background:rgba(184,32,29); border:1.3px solid rgba(184,32,29); }
.foryoucontent h1{ text-align: center; padding: 7px 0 2px 0; }
.foryoucontent .imagediv{ display:flex; border-radius: 0 0 30px 30px; margin:-1px; border:1.3px solid rgba(184,32,29); height: 450px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.foryoucontent .publishdate{ position: relative; display:flex; z-index:2; justify-content: center; width:40%; left:30%; margin-top:-28px; background:rgba(184,32,29); color:#fff; border-radius: 5px 5px 0 0; padding:2px 10px; }

.dailycampaignitem { overflow: hidden; display: flex; border-radius: 30px; border:1.3px solid rgba(184,32,29); }
.dailycampaignitem .imagelink{ display:flex; border-radius: 0 30px 30px 30px; overflow: hidden; margin:-1px; border:1.3px solid rgba(184,32,29); height: 220px; width: calc(100% + 2px); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.dailycampaignitem .imagelink img{ width:100%; /* min-height: 280px; */ }
.dailycampaignitem h4{ width:100%; color:#f0531f; font-size:24px; text-align: left;  }
.dailycampaignitem h4 a{ color:#f0531f; }
.dailycampaignitem p{ width:100%; font-size:14px; text-align: left; overflow: hidden; }
.dailycampaignitem .detaillink{ background-color:#f0531f; border:1px solid #f0531f !important; padding:1px 20px !important; }
.dailycampaignitem .detaillink:hover{ color:#f0531f !important; }

.dailycampaigncontent .contentimagediv{ position: relative; z-index:1; display:flex; flex-direction: column; overflow:hidden; border-radius: 30px; background:rgba(184,32,29); border:1.3px solid rgba(184,32,29); }
.dailycampaigncontent h1{ text-align: center; padding: 7px 0 2px 0; }
.dailycampaigncontent .imagediv{ display:flex; border-radius: 0 0 30px 30px; margin:-1px; border:1.3px solid rgba(184,32,29); height: 450px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.dailycampaigncontent .publishdate{ position: relative; display:flex; z-index:2; justify-content: center; width:40%; left:30%; margin-top:-28px; background:rgba(184,32,29); color:#fff; border-radius: 5px 5px 0 0; padding:2px 10px; }


.informationboxitem { overflow: hidden; padding-bottom:5px; display: flex; align-items: flex-end; flex-direction: column; border:1.3px solid rgba(184,32,29); }
.informationboxitem h4{ width:100%; padding:14px 25px; font-size:18px; text-align: left; height: 60px; display: flex; justify-content: left; align-items: center; }
.informationboxitem .imagelink{ /* height: 250px; */ width:100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.informationboxitem .imagelink img{ width:100%; min-height: 280px; }
.informationboxitem .date{ width:100%; padding:10px; color:#fff; font-size:16px; text-align: center; height: 40px; display: flex; justify-content: center; align-items: center; }
.informationboxitem p{ width:100%; padding:14px; font-size:14px; text-align: left; overflow: hidden; height: 75px;}
.informationboxitem .detaillink{ width:100%; background:rgba(184,32,29); color:#fff; display: flex; justify-content: right; align-items: center; padding: 4px 15px; }

.eductgbuttons{ margin-bottom: 20px; }
.eductgbuttons .subctgbuttondiv{ margin-top:7px; cursor:pointer; }
.eductgbuttons .subctgbutton{ display: flex; cursor:pointer; background-color: #eee; color:#777; padding:15px 25px; margin:0 1px; border:1px solid rgb(180, 172, 172); border-radius: 0 0 20px 20px; }
.eductgbuttons .subctgbutton.active{ background: rgba(184,32,29) !important; color:#fff !important; border:1px solid rgba(184,32,29) !important }
.eductgbuttons .subctgbuttondiv .subctgbutton{ background-color: #fff; color: rgba(184,32,29); border:1px solid rgba(184,32,29); }

.educationitem { overflow: hidden; display: flex; }
.educationitem .imagelink{ display:flex; border-radius: 30px; overflow: hidden; border:1.3px solid rgba(184,32,29); /* height: 350px; */ width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  }
.educationitem .imagelink img{ width:100%; min-height: 350px; }
.educationitem b.pointview{ display:flex; background-color:rgba(184,32,29); color:#fff; padding:5px 0; margin-top:-19px; border-radius: 20px; width:50%; justify-content: center; align-items: center; }
.educationitem h4{ width:100%; color:rgba(184,32,29); font-size:24px; text-align: left;  }
.educationitem h4 a{ color:rgba(184,32,29); }
.educationitem p{ width:100%; font-size:14px; text-align: left; overflow: hidden; }
.educationitem .detaillink{ background-color:rgba(184,32,29); border:1px solid rgba(184,32,29) !important; padding:4px 20px !important; }
.educationitem .detaillink:hover{ color:rgba(184,32,29) !important; }
.educationitem > .row{ width:100%; }

.educationcontent .contentimagediv{ position: relative; z-index:1; display:flex; flex-direction: column; overflow:hidden; border-radius: 30px; background:rgba(184,32,29); border:1.3px solid rgba(184,32,29); }
.educationcontent h1{ text-align: center; padding: 7px 0 2px 0; }
.educationcontent .imagediv{ display:flex; border-radius: 0 0 30px 30px; margin:-1px; border:1.3px solid rgba(184,32,29); height: 450px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.educationcontent .publishdate{ position: relative; display:flex; z-index:2; justify-content: center; width:40%; left:30%; margin-top:-28px; background:rgba(184,32,29); color:#fff; border-radius: 5px 5px 0 0; padding:2px 10px; }
.educationcontent .contentimagediv{ width:800px; }

.educationcontent .examquestion{ display: flex; justify-content: start; align-items: start; color:rgb(184,32,29) }
.educationcontent .examquestion b{ background:rgba(184,32,29);color:#fff;padding:5px; border-radius:5px; width:24px; text-align: center;line-height: 9px; margin-right: 7px; }
.educationcontent .examoptions{ padding: 4px 0 4px 10px !important; border-radius: 5px; }
.educationcontent .examoptions.correctanswer{ transition: all .5s ease; background:rgb(163, 247, 222); }
.educationcontent .anketbtn{ display:none; }
.educationcontent .anketbtn.showbtn{ display:inline-block; }

.educationcontent .video-start{
    transition: .4s ease all;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    background-color: rgba(255,255,255, .8);
    border-radius: 50px;
    width:100px;
    height: 100px;
    text-align: center;
    font-size:40px;
    line-height: 98px;
    color:#444;
}
.educationcontent .video-start:before{
    margin-left:5px;
}
.educationcontent .video-start:hover{
    box-shadow: 0 0 10px #444;
}

.wheelcontainer{
    position: relative;
    transition: .5s ease all;
    left:0;
    top:0;
    padding-top:20px;
    opacity: 0;
    z-index: -1;
    display: none;
    position: fixed;
    width:100%;
    height: 100%;
    background: rgba(226,27,35) url('../../assets/wheel/wheel-container-bg.jpg');
    background-size: cover;
    background-position: center right;
    justify-content: center;
    align-items: flex-start;
    flex-direction:column;
}
.wheelcontainer.opened{
    display: flex;
    z-index: 999999;
    opacity: 1;
    
}

.the_wheel{
    position: relative;
    z-index: 5;
    width:50%;
    height:430px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../wheel/wheel-outer.png');
    background-position: center;
    background-repeat: no-repeat;
    
}

.the_wheel_pin{
    top:50%;
    left:50%;
    margin:-92px 0 0 -56px;
    position: absolute;
    z-index: 5;
    width:140px;
    height:143px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../wheel/wheel-center-pin.png');
    background-position: center;
    background-repeat: no-repeat;
}

.the_wheel_stand{
    position: relative;
    z-index: 4;
    margin-top:-10px;
    width:50%;
    height:120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../wheel/wheel-stand.png');
    background-position: bottom;
    background-repeat: no-repeat;
}

/* ### FOOTER ### */

.healthportfooter { margin-top:200px; }
.healthportfooter .phone-img-view{ position:relative; top:-175px; margin-bottom:-165px; }

.healthportfooter .phone-img-view .big-phone{ width:189px; position:relative; z-index:1; }
.healthportfooter .phone-img-view .small-phone{ width:160px; position:absolute; z-index:2; top:60px; left:155px; }

.healthportfooter .footer-list-menu a{ font-size:12px; }

.healthportfooter .footer-social-menu a i{
    font-size:16px; color:rgba(184,32,29); line-height: 35px; 
    background:#fff; width:36px; height: 36px;
    border-radius: 18px; margin-right: 15px; text-align: center; 

}

.mobilefooter{ display: none; z-index:99; -webkit-overflow-scrolling:touch; position:fixed; bottom:0; width:100%; }
.mobilefooter .nav{ background-color: rgba(255, 255, 255, 0.90); -webkit-backdrop-filter: saturate(120%) blur(15px); padding-top:10px; box-shadow: 0 -10px  50px 0 #e3d2db; border-radius: 25px 25px 0 0; padding-bottom: calc(env(safe-area-inset-bottom) - 10px)!important;  }
.mobilefooter .nav-link{ line-height: 44px; font-size:24px; padding:15px 0 18px 0; color:#9b9898; }
.mobilefooter .nav-link:hover{ color:#777; }

.ja_close_round, .ja_close_round_white{
    top:10px;
}

.full-layout:has(.alone) { overflow: auto; }
.container.alone img{ max-width:100% !important; }

@media (min-width: 1198px) {

    .wrapper {
        width: 98%;
    }
}

@media (min-width: 992px) { /* desktop */
    
    .main-square-buttons a:hover img{ outline: 1px #fff solid; outline: 1px rgba(169, 20, 20, 0.9) solid; box-shadow: 0 0 50px 0 #480707; }
    .main-square-buttons a:hover h4{ text-shadow: 0 0 10px #480707; }

}

@media (max-width: 991px) { /* mobile */

    body,html{ height:100%; }
    .wrapper{ width: 98%;}

    .content-container{ padding-bottom:75px; }

    .full-layout{  overflow-y: auto !important; }
    

    .uploadwraps{ padding-right:0 !important; right: 8px !important; }
    .uploadwraps label{ display:none !important; }

    .home-page .content-container{ min-height: calc(100% - 90px); background-position: center center;
        background-repeat: no-repeat; background-color: #d50513;
        background-size: cover; background-image:  url('../images/login-digital-background.png');
        padding-bottom:40px;
    }

    .healthportmainmenu{ background-color : rgba(184,32,29);  }
    .healthportmainmenu.border-bottom{ border-color:#fff !important; }
    .healthportmainmenu .navbar-collapse{ background:#fff; border-radius: 4px; margin-top:12px; margin-bottom:-11px; }
    .healthportmainmenu.pb-4 .navbar-collapse{  margin-bottom:-17px;  }
    .healthportmainmenu .navbar-toggler{box-shadow: none !important; }
    .healthportmainmenu .navbar-toggle-custom{ color:#eee; font-size:28px; }

    .healthportmainmenu-web{ display: none !important; }
    .healthportmainmenu-web { background-color : rgba(184,32,29);  }
    .healthportmainmenu-web.border-bottom{ border-color:#fff !important; }
    .healthportmainmenu-web .navbar-collapse{ background:#fff; border-radius: 4px; margin-top:12px; margin-bottom:-11px; }
    .healthportmainmenu-web.pb-4 .navbar-collapse{  margin-bottom:-17px;  }
    .healthportmainmenu-web .navbar-toggler{box-shadow: none !important; }
    .healthportmainmenu-web .navbar-toggle-custom{ color:#eee; font-size:28px; }
    .breadcrumbsection{ transition:.1s ease all; position:absolute; width:100%; top:-25px; font-size:13px; opacity: .8; }
    .breadcrumbsection.hidden{ opacity: 0; overflow: hidden; height: 1px; }

    .breadcrumb li{ color:#eee; }
    .breadcrumb li a{ color:#eee; }
    .breadcrumb li.active{ font-weight: normal; color:#fff; }
    .breadcrumb li.active:before{ color:#fff; }

    .slick-slider.slide-1{ margin-bottom:0; }
    .slick-slider.slide-1 .slick-arrow{ display:none !important; }
    .slick-slider.slide-1 .slick-dots{ display:none !important; }

    .slick-slider.slide-content{ margin-bottom:0; }
    .slick-slider.slide-content .slick-arrow{ display:none !important; }
    .slick-slider.slide-content .slick-dots{ display:none !important; }

    .main-square-buttons{ background-color : transparent; }
    .main-square-buttons .wrapper{ width:90%;  padding-bottom:120px !important;}
    .main-square-buttons .first-square-row{ margin-top:0; }
    .main-square-buttons .second-square-row{ margin-top:0; margin-bottom:0; }
    .main-square-buttons a{ flex-direction: column-reverse; }
    .main-square-buttons img{ width:100%; border-radius: 12px 2px 12px 2px !important; box-shadow: 0 0 0 5px rgba(255,255,255,.6); }
    .main-square-buttons h4{ font-size:12px; color:#fff !important }

    .main-bottom-buttons{ width:100%; position: fixed;  padding:0; bottom:0; }
    .main-bottom-buttons .wrapper{ position: relative; z-index: 2; width:90%; }
    .main-bottom-buttons .text-center div{ background-image: url('../images/btn-foot-background-white.png'); width:70px; height:70px; }
    .main-bottom-buttons img{ width:30px; filter:brightness(6%) sepia(99) saturate(90); }
    .main-bottom-buttons h5{ font-size:11px; }
    .main-bottom-buttons::before{ z-index: 1; position: fixed; bottom:0; content:" "; width:100%; height:45px; background-color: #fff; }

    .category-filter{ padding: 0 22px; }
    .category-filter .form-check .form-check-input{ width:24px; height: 24px;  }
    .category-filter .form-check .form-check-label{ font-size:16px !important; margin-top:5px !important; }

    .product-list .prod-images .second-photo{ width:100%; height: 100%; position: relative; z-index: 1; opacity: 1; left:0; top: 0;}
    .product-list .product-box{ width:100%; border-width:1px 0 0 0 !important; padding-bottom:20px !important }
    .product-list .product-box .prod-images{ width:100%; }
    .product-list .product-box .slick-prev{ font-family: "Font Awesome 6 Free"; z-index: 2; left:24px; top:45%; }
    .product-list .product-box .slick-next{ font-family: "Font Awesome 6 Free"; z-index: 2; right:24px; top:45%; }
    .product-list .product-box .slick-prev:before { font-family: "Font Awesome 6 Free"; content: "\f053"; color: rgb(223, 219, 219); font-size: 50px; }
    .product-list .product-box .slick-next:before { font-family: "Font Awesome 6 Free"; content: "\f054"; color: rgb(223, 219, 219); font-size: 50px; z-index: 2; right:24px; }

    .productslidediv{ border-color: #eee; }
    .productslidediv .slick-prev{ left:0; }
    .productslidediv .slick-next{ right:0; }
    .productslidenav .slick-slide img { border-color: #eee !important;  }
 /*    .productslidenav .slick-slide { width:50px !important; height:50px; border-color: #ccc;  } */
    .productdetail .pricenote{ text-align: center; font-size:11px; margin-bottom:-15px; }
    .productdetail .mainprice{ text-align: center; font-size:26px; }
    .productdetail .mainprice .taxnote{ display:block; font-size:13px; }
    .productdetail .siparisverbtdiv{ text-align: center; width:100%; }

    .productdetail .product-features-mobile{ padding:0 10px; margin:0 -8%; }
    .productdetail .product-features-mobile ul{ margin:0; padding:0; list-style: none; /* display: flex; justify-content: left; */ }
    .productdetail .product-features-mobile li{ width:31.333%; margin:0 1%; float: left; text-align: center; height: 50px; }
    .productdetail .product-features-mobile li.with-text{ border:1px solid #ddd; border-radius: 10px;}
    .productdetail .product-features-mobile img{ width: 100%; }
    .product-right .product-features-mobile i{ font-size:45px; }
    .product-right .product-features-mobile svg{ width: 100%; }

    .productdetail .producttext table{ width:100% !important; }
    .productdetail .producttext table th,.productdetail .producttext table td{ width: auto !important; }
    
    .ordertype.passive{ display:none; }
    .ordertype .ordertype-content{ flex-direction: column-reverse; margin-top: -40px; }
    .ordertype .ordertype-content .feat-list{ border:1px solid rgba(184,32,29); border-top: 0; padding:34px 10px 10px 10px !important; width:88%; margin:0 0 0 6%; border-radius: 0 0 15px 15px; }
    .ordertype .ordertype-content .feat-list div{ display:inline-block; width:50%; float: left; font-size: 14px; }
    .ordertype .ordertype-content .feat-list i{ margin: 0 !important; padding: 0 !important; }

    .buyingindicator .d-flex{ width: 100%; margin-top: 10px }

    .order-form .product-column{ border-right: 1px solid #ddd; font-size:12px; }
    .order-form .product-row .col-6-left{ border-bottom:1px solid #ddd; }
    .order-form .price-calc.conditions div.text-center{ font-size:12px; }
    .order-form .foot-price-table .price-calc{ height:125px; }

    .withsecondselect .customredselectdiv1{ padding:0 !important; margin-bottom:15px; }
    .withsecondselect .customredselectdiv2{ padding:0 !important; width:94% !important; margin:0 !important }

    .mobilefooter{ display:block; }
    .healthportfooter{ display:none !important; }

    
    .foryouitem .imagelink{ height: 210px; }

  /*   .dailycampaignitem{ padding:0 !important } */
    .dailycampaignitem .imagelink{ height: calc(100% + 2px); }
    .dailycampaignitem .imagelink img{ width:100%; /* border-radius: 25px; */ }
    .dailycampaignitem h4{ font-size:16px; }

    .informationboxitem h4{ padding:14px 15px; font-size:18px; height: auto; }
    .informationboxitem p{ height: auto; max-height: 75px; }
    .informationboxitem .imagelink img{ min-height: auto !important; }

    .educationitem > .row{ width:auto; }
    .educationitem .imagelink{ padding:10px; }
    .educationitem .imagelink img{ min-height: auto !important; border-radius: 25px; }

    .foryoucontent .imagediv{ height: 200px; }
    .dailycampaigncontent .imagediv{ height: 200px; }

    .educationcontent .contentimagediv{ width:800px; }

    .wheelcontainer{
        padding-top: 0;
        justify-content: center;
        /* background-size: cover;
        background-position: center left; */
        background-image: none;
    }
    
    .the_wheel{ width:100%; }
    .the_wheel_stand{ display: none !important; width:100%; }
}



/*body {
font-family: Lato, sans-serif;
position: relative;
background: #ffffff;
font-size: 14px; }
body.christmas {
font-family: Philosopher, sans-serif; }
body.christmas .dark-light {
display: none; }
body.christmas section {
overflow: hidden; }

h1 {
font-size: 60px;
color: #222222;
font-weight: 700;
text-transform: uppercase; }
h1 span {
    font-size: 107px;
    font-weight: 700;
    color: var(--theme-deafult); }

h2 {
font-size: 36px;
color: #222222;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
letter-spacing: 0.02em; }

h3 {
font-size: 24px;
font-weight: 400;
color: #777777;
letter-spacing: 0.03em; }

h4 {
font-size: 18px;
text-transform: capitalize;
font-weight: 400;
letter-spacing: 0.03em;
line-height: 1; }

h5 {
font-size: 16px;
font-weight: 400;
color: #222222;
line-height: 24px;
letter-spacing: 0.05em; }

h6 {
font-size: 14px;
font-weight: 400;
color: #777777;
line-height: 24px; }

ul {
padding-left: 0;
margin-bottom: 0; }

li {
display: inline-block; }

p {
font-size: 14px;
color: #777777;
line-height: 1; }

a {
-webkit-transition: 0.5s ease;
transition: 0.5s ease; }
a:hover {
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
a:focus {
    outline: none; }

button:focus {
outline: none; }

section,
.section-t-space {
padding-top: 70px; }

.section-b-space {
padding-bottom: 70px; }

.large-section {
padding-top: 120px;
padding-bottom: 120px; }

.p-t-0 {
padding-top: 0; }
 */

/* body{
    padding:0;
    margin:0;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    position: relative; 
    background: #ffffff; 
    font-size:12px;
    height: 100vh;
    width: 100vw;
}
body, body *{
    box-sizing: border-box;
}

body a{
    color: #d50513;
    text-decoration: none;
}

.guestarea{
    position: relative;
    background-color: #d50513;
}
.guestarea:before{

    content:" ";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-image:  url('../img/login-digital-background.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .3;

}

.login-wrapper{
    position: relative;
    z-index: 2;
    width:100%;
}

.login-wrapper > .row{
    display: flex;
    flex-wrap: wrap;
}

.login-wrapper > .row > [class*='col-']{
    display: flex;
    flex-direction: column;
}

.login-wrapper input.form-control{
    font-size:13px;
    padding:12px 16px;
}

.login-form .card{
    border-radius: 40px
}

.guestarea .logo{
    max-height: 150px;
}

.slide-container{

    width:100%;
    height: 100%;
    
}

.slide-container .swip-slider{
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: inline-block;
}



.slide-container .bgimage{
    float: left;
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image:  url('../img/slider-1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.swip-slider .left-arrow{ 
    position: absolute;
    z-index: 2;
    top:calc(50% - 15px);
    left:24px;
    color:#c20e1a;
    font-size:30px;
}

.swip-slider .right-arrow{ 
    position: absolute;
    z-index: 2;
    top:calc(50% - 15px);
    right:24px;
    color:#c20e1a;
    font-size:30px;
}

.swip-slider .paginate{

    position: absolute;
    z-index: 2;
    bottom:20px;
    left:calc(50% - 50px);
    color:#c20e1a;
    font-size:16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width:100px;
}

.swip-slider .paginate i{
    cursor: pointer;
    transition: .2s ease all;
}
.swip-slider .paginate i:hover{
    color:#f00;
}

.swip-slider .video-start{

    transition: .4s ease all;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    background-color: rgba(255,255,255, .8);
    border-radius: 50px;
    width:100px;
    height: 100px;
    text-align: center;
    font-size:40px;
    line-height: 98px;
    color:#444;
}
.swip-slider .video-start:before{
    margin-left:5px;
}
.swip-slider .video-start:hover{
    box-shadow: 0 0 10px #444;
}


.signup-wrapper .left-form {
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
}

.signup-wrapper{
    position: relative;
    z-index: 2;
    width:100%;
    overflow: hidden;
}

.signup-wrapper input.form-control{
    font-size:13px;
} */