body {
font-family: 'Li Ador Noirrit'; color: #fff;
text-align: left;
font-size: 14px;
font-weight:400;  
background:#fff;
}
@font-face {
font-family: 'Li Ador Noirrit';
src: url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit-Light.eot);
src: url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit-Light.eot?#iefix) format('embedded-opentype'),
url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit-Light.woff2) format('woff2'),
url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit-Light.woff) format('woff'),
url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit-Light.svg#LiAdorNoirrit-Light) format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Li Ador Noirrit';
src: url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit.eot);
src: url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit.eot?#iefix) format('embedded-opentype'),
url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit.woff2) format('woff2'),
url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit.woff) format('woff'),
url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit.ttf) format('truetype'),
url(//whiteplus.info/wp-content/themes/whiteplustheme/fonts/LiAdorNoirrit.svg#LiAdorNoirrit) format('svg');
font-weight: normal;
font-style: normal;
} * {
margin: 0;
padding: 0;
outline: none; }
img, fieldset {
border: 0; }
a {
text-decoration: none; }
.clear {
clear: both; } h1, h2, h3, h4, h5, h6, p, a, ul, ol {
margin: 0;
padding: 0; } header {
background: #FCFCFC;
width: 100%;
top: 0; 
}
.fixed-header {
top: 0;
left: 0;
width: 100%;
z-index: 9999;
margin-top: 0;
position: fixed;
transition: all 0.5s ease;
background-color: #FCFCFC;
border-bottom: 4px solid #ee1e28;
}
.logo-box{
position:relative;
padding:13px 0px;
}
.logo-mobile{
display:none;
}
.navbar{
padding: 0px 0px;
}
ul.main-nav {
list-style: none;
width:100%;
justify-content: space-between;
}
ul.main-nav >li { }
ul.main-nav >li>a {
color: #000;
font-family: 'Li Ador Noirrit';
font-weight: 400;
font-size: 20px;
line-height: 25px;
text-transform:uppercase;
padding:0px;
transition:ease-in-out 0.2s;
-webkit-transition:ease-in-out 0.2s;
-moz-transition:ease-in-out 0.2s;
}
ul.main-nav >li>a:hover{
color: #ec1e28;
transition:ease-in-out 0.2s;
-webkit-transition:ease-in-out 0.2s;
-moz-transition:ease-in-out 0.2s;	
}
.icon-bar{
height: 5px;
background-color:#ee333c;
width: 100%;
margin-bottom: 5px;
display: block; 
}
.icon-bar:focus {	
border: none;
}
.navbar-toggler-icon {
height: auto !important;
}
.navbar-toggler:focus {
outline: none; 
}  .banner-title{
font-size: 50px;
line-height: 55px;
font-weight:900;
}
a.banner-btn{
width: 153px;
height: 44px;
border-radius: 4px;
font-weight: 600;
font-size: 17px;
line-height: 44px;
display: block;
text-align: center;
color: #FFFFFF;
border:1px solid #fff;
margin-top:25px;
text-decoration: none;
transition:ease-in-out 0.4s;
-webkit-transition:ease-in-out 0.4s;
-moz-transition:ease-in-out 0.4s;
}
a.banner-btn:hover{
background: #3F7A1A;
border:1px solid #3F7A1A;
transition:ease-in-out 0.4s;
-webkit-transition:ease-in-out 0.4s;
-moz-transition:ease-in-out 0.4s;
}
.global-brands-head{
font-weight: 400;
font-size: 45px;
line-height: 50px;
color: #d2000d;
text-align: center;
font-family: 'Li Ador Noirrit';
}
ul.global-brands-list{
list-style:none;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-top:25px;
align-items:center; }
ul.global-brands-list>li{
flex-basis: 20%;
background:#ffffff; transition:ease-in-out 0.8s;
-webkit-transition:ease-in-out 0.8s;
-moz-transition:ease-in-out 0.8s;
}
ul.global-brands-list>li>a{
display:flex;
text-align:center;
}
ul.global-brands-list>li>a>img{
margin: 0 auto;
}
ul.global-brands-list>li:hover{
transform:scale(1.04,1.04);
transition:ease-in-out 0.8s;
-webkit-transition:ease-in-out 0.8s;
-moz-transition:ease-in-out 0.8s;
}
.org-list-tab{
gap:18px;
}
.org-list-tab>a{
width: 40px;
height: 40px;
padding: 10px;
border-radius: 35px;
background: #ec1e28;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: #fff !important;
transition: ease-in-out 0.8s;
-webkit-transition: ease-in-out 0.8s;
-moz-transition: ease-in-out 0.8s;
position: unset !important;
background-image: none!important;
text-decoration: none !important;
margin-top: 0 !important;
}
.org-list-tab>a:after{
content:"";
}
.org-list-tab>a>i{
font-size: 20px;
}
.org-list-tab>a:hover{
background:#BA1C24;
transition: ease-in-out 0.8s;
-webkit-transition: ease-in-out 0.8s;
-moz-transition: ease-in-out 0.8s;
}
.swiper-button-next, .swiper-button-prev {
color:#25967a  !important;
}
ul.product-banner-list{
list-style:none;
display:flex;
justify-content:space-between; margin-top:25px;
align-items:center;
margin-bottom:20px;
}
ul.product-banner-list>li{
flex-basis: 82%; }
ul.product-banner-list>li>img{
border-radius:35px;
}
ul.oral-health-list{
list-style:none;
display:flex;
justify-content:center;
flex-wrap:wrap;
}
ul.oral-health-list>li{
flex-basis:30%;
text-align: center;
}
ul.oral-health-list>li>a{
text-decoration:none;
color:#000;
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
}
ul.oral-health-list>li>a>h3{
font-size:15px;
font-weight:600;
line-height:25px;
margin-top:15px;
}
ul.oral-health-list>li>a:hover{
color:#eb2028;
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
}
.contact-section{
background:url(//whiteplus.info/wp-content/themes/whiteplustheme/images/contact-bg-final.png)no-repeat center;
width:100%;
background-size:cover;
min-height: auto; }
.contact-wraper{
background:#fff;
padding:50px 45px;
border-radius:15px;
}
.contact-wraper h3{
font-size:50px;
font-weight:400;
line-height:60px;
color:#000;
font-family: 'Li Ador Noirrit';
}
.contact-wraper p{
font-size:18px;
font-weight:400;
line-height:22px;
color:#000;
margin-top:20px;
font-family: 'Li Ador Noirrit';
}
.join-btn{
background-color: #eb1f27;
border-radius: 1.5rem; border-width: 0;
color: #fff;
font-weight: 400;
margin-left: 0;
margin-top: 1.25rem;  width: -moz-fit-content;
font-family: 'Li Ador Noirrit'; padding: 5px 30px;
font-size: 1.2rem;
cursor: pointer;
display: revert;
outline: revert;
text-decoration: none;
transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s
}
.join-btn:hover{
background-color: #000;
text-decoration: none;
color: #fff;
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
}
.contact-form-fld{
border: 1px solid #000;
border-radius: 40px;
color: #000;
font-size: 1rem;
font-weight: 400;
line-height: 1.3rem;
margin: .625rem 0;
min-height: 3.125rem;
padding-left: 1.5rem;
width: 100%;
font-family: 'Li Ador Noirrit';
}
ul.blog-list{
list-style:none;
display:flex;
justify-content:center;
flex-wrap:wrap;
}
ul.blog-list>li{
flex-basis: 31%;
margin-right: 20px;
border-radius: 15px;
box-shadow: 0px 0px 8px #322d2d80;
overflow: hidden;
padding-bottom: 15px;
}
ul.blog-list>li>a>img{
width:100%;
border-top-left-radius:15px;
border-top-right-radius:15px;
transition:ease-in-out 0.8s;
-webkit-transition:ease-in-out 0.8s;
-moz-transition:ease-in-out 0.8s;
}
ul.blog-list>li>a>img:hover{
transform:scale(1.03,1.03);
transition:ease-in-out 0.8s;
-webkit-transition:ease-in-out 0.8s;
-moz-transition:ease-in-out 0.8s;
}
.blog-details{
background:#fff;
padding:20px 15px;
color:#000;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
}
.blog-details>h3{
font-size: 1.25rem;
line-height: 1.3rem;
margin-top: .5rem;
font-weight:900;
font-family: 'Li Ador Noirrit';
}
.blog-details>p{
font-size: 1rem;
line-height: 1.2rem;
font-weight:400;
margin:10px 0px;
font-family: 'Li Ador Noirrit';
}
a.blog-details-btn{
float: right;
text-decoration: none;
display: block;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background: #ea1f27;
text-align: center;
vertical-align: middle;
align-self: flex-end;
border-radius: 50%;
color: #fff;
font-size: 20px;
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
}
a.blog-details-btn:hover{
background:#000;
transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
}
.single-page-banner{
background:url(//whiteplus.info/wp-content/themes/whiteplustheme/images/single-banner.jpg)no-repeat center;
width:100%;
min-height:300px;
background-size:cover;
display:flex;
align-items:center;
}
.blog-banner{
background:url(//whiteplus.info/wp-content/themes/whiteplustheme/images/blog-banner.jpg)no-repeat center;
width:100%;
min-height:300px;
background-size:cover;
display:flex;
align-items:center;
}
.common-blog-title{
font-size: 40px;
line-height: 45px;
font-weight: 900;
}
ul.oral-health-tab{
border-bottom: none;
}
ul.oral-health-tab>li{
margin-right: 5px;
}
ul.oral-health-tab>li>a{
font-family: 'Li Ador Noirrit';
color: #000;
background: transparent;
font-size: 20px;
line-height: 22px;
font-weight: 500;
padding: 0px;
border: 1px solid #000 !important;
text-transform: capitalize;
height: 55px;
width: 130px;
display: flex;
justify-content: center;
align-items: center;
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
border-bottom-left-radius: 30px !important;
border-bottom-right-radius: 30px !important;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
}
ul.oral-health-tab>li>a:hover {
background: #1c8388 !important;
color: #fff !important;
border-color: #1c8388 !important;
}
ul.oral-health-tab>li>a.active {
background: #1c8388 !important;
color: #fff !important;
border-color: #1c8388 !important;
} .wpcf7 form.sent .wpcf7-response-output {
color: #eb1f27;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
color: #eb1f27;
} footer{
background:#333333;
padding-top:30px;
}
.footer-bottom{
background:#ec1e28;
margin-top:20px;
height:15px;
}
.footer-title {
font-size: 15px;
font-weight:700;
line-height: 20px;
text-transform: uppercase;
color: #FFFFFF;
}
.coyright-text{
font-size: 12px;
line-height: 16px;
color: #c3bbbb;
margin-top:10px;
}
a.footer-link{
font-size: 12px;
line-height: 15px;
letter-spacing: 2px;
color: #fff;
font-weight: 600;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
text-decoration:none;
}
a.footer-link:hover{
color: #eb1f27;
}
ul.footer-nav-top{
list-style:none;
}
ul.footer-nav-top>li{
display: block;
margin-top: 8px;
margin-bottom:15px;
}
ul.footer-nav-top>li>a{
font-size: 18px;
line-height: 24px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
letter-spacing: 2px;
}
ul.footer-nav-top>li>a:hover{
color:#eb1f27;
transition:ease-in-out 0.4s;
-webkit-transition:ease-in-out 0.4s;
-moz-transition:ease-in-out 0.4s;
}
ul.footer-nav-top-2>li>a{
font-size: 14px;
line-height: 22px;
}
ul.footer-nav{
list-style:none;
}
ul.footer-nav>li{
display: block;
margin-top: 8px;
}
ul.footer-nav>li>a{
font-size: 14px;
line-height: 19px;
color: #CFCFCF;
text-decoration: underline;
transition:ease-in-out 0.4s;
-webkit-transition:ease-in-out 0.4s;
-moz-transition:ease-in-out 0.4s;
}
ul.footer-nav>li>a:hover{
color:#eb1f27;
transition:ease-in-out 0.4s;
-webkit-transition:ease-in-out 0.4s;
-moz-transition:ease-in-out 0.4s;
}
ul.footer-nav>li>a>span{
margin-right:10px;
}
ul.social-link {
list-style: none;
margin-top: 20px;
}
ul.social-link>li {
display: inline-block;
margin-right: 6px;
}
ul.social-link>li>a {
background: transparent;
width: 28px;
height: 28px;
border-radius: 50%;
font-size: 16px;
line-height: 28px;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
}
ul.social-link>li>a:hover {
background: #fff;
color: #ec1e28;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
}
address{
font-size: 14px;
line-height: 19px;
color: #CFCFCF;
margin-top:15px;
} #ajaxsearchlite1 .probox, div.asl_w .probox {
height: 45px !important; background-image: radial-gradient(ellipse at center, #b5151c, #af0e15) !important;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
height: 45px !important;
font-size: 14px !important;
font-family: 'Roboto Slab', serif !important;
}
div.asl_w .probox .promagnifier {
width: 45px !important;
height: 45px !important;
background-image: linear-gradient(180deg,#d9232d,#ed1c24)!important;
}
div.asl_r.vertical {
background: #ed1c24 !important;
}
div.asl_m .probox .proclose svg {
background: #ed1c24 !important;
margin-top: -5px !important;
}
.search-modal .modal-dialog {
margin-top: 10%;
}
.search-modal .modal-content{
padding-top: 30px;
}
.search-modal .modal-footer .btn{
background: #df202a;
color:#fff;
} @media (min-width: 1699.98px) {
.container {
max-width: 1280px;
}
}
@media (max-width: 1699.98px) {
}
@media (max-width: 1599.98px) {
}
@media (max-width: 1399.98px) {
}
@media (max-width: 1299.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1099.98px) {
}
@media (max-width: 991.98px) {
ul.main-nav {
display: block;
}
ul.main-nav >li {
text-align: center;
border-bottom: 1px solid #ee333c3d;
}
ul.main-nav >li>a {
font-size: 13px;
padding: 8px 0px;
}
.logo-mobile{
display:block;
margin:4px 0px;
width:200px;
}
.logo-box{
display:none;
}
ul.product-banner-list>li{
flex-basis:unset;
} ul.blog-list>li{
flex-basis:30%;
}	
}
@media (max-width: 767.98px) {
ul.blog-list>li{
flex-basis:47%;
margin-right:15px;
margin-bottom:15px;
}
.footer-logo{
display:block;
margin:0 auto;
}
.coyright-text{
text-align:center;
}
}
@media (max-width: 575.98px) {
ul.blog-list>li{
flex-basis:46%;
}
}
@media (max-width: 550.98px) {
ul.global-brands-list{
justify-content:center;
}
ul.global-brands-list>li{
flex-basis:33%;
}
}
@media (max-width: 480px) {
ul.blog-list>li{
flex-basis:100%;
margin-right:0px;
}
}
@media (max-width: 400px) { }  
@media (max-width: 350px) {
}