@font-face {
    font-family: 'Kanit';
    src: url(../fonts/kanit-regular-webfont.eot);
    src: url(../fonts/kanit-regular-webfont.eot?#iefix) format("embedded-opentype"),
        url(../fonts/kanit-regular-webfont.woff2) format("woff2"), 
        url(../fonts/kanit-regular-webfont.woff) format("woff"), 
        url(../fonts/Kanit-Regular.ttf) format("truetype"), 
        url(../fonts/kanit-regular-webfont.svg#kanit-regular-webfont) format("svg")
}

@font-face {
    font-family: 'Kanit-light';
    src: url(../fonts/kanit-light-webfont.eot);
    src: url(../fonts/kanit-light-webfont.eot?#iefix) format("embedded-opentype"),
        url(../fonts/kanit-light-webfont.woff2) format("woff2"), 
        url(../fonts/kanit-light-webfont.woff) format("woff"), 
        url(../fonts/Kanit-Light.ttf) format("truetype"), 
        url(../fonts/kanit-light-webfont.svg#kanit-regular-webfont) format("svg")
}


@font-face {
    font-family: 'Kanit-bold';
    src: url(../fonts/kanit-bold-webfont.eot);
    src: url(../fonts/kanit-bold-webfont.eot?#iefix) format("embedded-opentype"),
        url(../fonts/kanit-bold-webfont.woff2) format("woff2"), 
        url(../fonts/kanit-bold-webfont.woff) format("woff"), 
        url(../fonts/Kanit-Bold.ttf) format("truetype"), 
        url(../fonts/kanit-bold-webfont.svg#kanit-regular-webfont) format("svg")
}




body {
    font-family: 'Kanit', sans-serif;
    color: #191919;
}



/** font overrides **/


h1,
.text-bold,
.rtf h5,
.rtf h6,
.header-icon,
.collapsed .nav-primary li a,
.collapsed .nav-primary li p,
.mega-splash h5,
.contact-simple .contact-simple-info .contact-simple-title,
.mega-splash .contact-simple .contact-simple-info .contact-simple-title,
#carouselModal .modal-body .carousel-page-title,
.card-link,
.dropdown-primary .btn.dropdown-toggle,
.dropdown-primary .dropdown-menu>li>a,
.dropdown-secondary .btn.dropdown-toggle,
.link-style-a,
.slimmenu.desktop .card-simple h5,
.slimmenu.desktop .card-simple h6,
.card-article h3,
.card-compare .card-block h6,
.card-simple-vert a .card-block h6,
.list-group-primary h6,
.list-group-item-icon a,
.checkbox-label,
.form-control-a,
.form-control-bold,
.page-intro h2,
.strong,
strong,
.main-content-group-collapse .panel-title,
.main-group-collapse .panel-title,
.panel-group-filters .panel-body h5,
.action-panel h5,
.action-panel .section-title-secondary,
.where-to-buy-panel h6,
.media-heading,
.btn-brand-default,
.media-icon .media-icon-pin,
.modal .modal-dialog .modal-content .modal-header h3,
.modal-compare h5,
.button-list h5,
.filter-info-area h5,
.filter-info-area h6,
.filter-content-group-collapse.desktop-filter .panel-group-products .panel-heading .panel-title,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-success:active,
.btn-success:active:focus,
.btn-success:focus,
.btn-success:hover,
.btn-primary-outline:active,
.btn-primary-outline:active:focus,
.btn-primary-outline:focus,
.btn-primary-outline:hover,
.media-list-horizontal .media-body h5           {
     font-family: 'Kanit', sans-serif;
}

table td,th{
     font-family: 'Kanit', sans-serif;
}


.slimmenu.collapsed .nav-secondary,
.slimmenu.collapsed li .mega-nav-panel-double-wide .basic-nav-text p,
.dropdown-secondary .dropdown-menu,
.btn-special:hover,
.slimmenu.collapsed .card-simple p,
.slimmenu.desktop .card-simple p,
.list-group-primary p,
.card-block-nav-list .list-group-nav .media-body p,
.form-control,
.btn-success-outline:active,
.btn-success-outline:active:focus,
.btn-success-outline:focus,
.btn-success-outline:hover  {
    font-family: 'Kanit', sans-serif;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.nav-primary>li>a,
.nav-secondary.nav>li p, .nav-secondary.nav>li>a,
.mega-splash h5,
.slimmenu .container>.mega-nav-level li a,
.mega-nav-level-title {
    font-family: 'Kanit', sans-serif;
}

.slimmenu .container>.mega-nav-level li>.mega-nav-level .container .relative>.mega-nav-panel li>.mega-nav-panel li a {
    font-weight: 400 
}        

.container  .card .card-title>h4 {
    font-family: 'Kanit-light', sans-serif;
    }
.container  .card ul.list-group .list-group-item .media-body>h6.media-heading,
.card-block-nav-list .card-title,
.card-block-nav-list .list-group-nav .media-body h6{
    font-family: 'Kanit-bold', sans-serif;
}

@media only screen and (min-width: 768px) {
    .text-big-primary,
    .quick-menu-panel a,
    .btn-proceed.btn-primary-outline-big:active,
    .btn-proceed.btn-primary-outline-big:active:focus,
    .btn-proceed.btn-primary-outline-big:focus,
    .btn-proceed.btn-primary-outline-big:hover,
    .link-secondary {
        font-family: 'Kanit', sans-serif;
    }

}


@media (max-width: 767px) {
    .page-title-w-sub .page-subtitle {
        font-family: 'Kanit', sans-serif;
    }
}


@media only screen and (min-width: 993px) {
    .slimmenu .container>.mega-nav-level li,
    .nav-secondary .mega-nav-panel>li a,
    .nav-secondary.nav>li p,
    .nav-secondary.nav>li>a,
    .slimmenu .container>.mega-nav-level li>.mega-nav-level>li,
    .slimmenu .container>.mega-nav-level li>.mega-nav-level .container .relative>.mega-nav-panel {
        font-family: 'Kanit', sans-serif;
    }
}


/** end of font  overrides **/ 


.card-article-hover .card-img,
.card-simple-hover .card-block,
.theme-primary .card-block-nav-list .card-title {
    background-color:#ed1b24
}

.mapFloatingUI-filter-title {
    background-color:#ed1b24 !important;                
}

.theme-primary .card-block-nav-list:hover .card-title {
    background-color: #676566;
    color: #fff;
}

.card-article-hover:hover h3 {
    border-bottom-color: #ed1b24
}


.action-panel .btn-success:active, .action-panel .btn-success:active:focus, .action-panel .btn-success:focus, .action-panel .btn-success:hover,
.action-panel .well .btn-primary-outline:active, .action-panel .well .btn-primary-outline:focus, .action-panel .well .btn-primary-outline:hover,
.action-panel .well .btn-primary-outline.btn-icon:hover,
.btn-primary-outline:active, .btn-primary-outline:active:focus, .btn-primary-outline:focus, .btn-primary-outline:hover,
.btn-primary:hover {
    background-color: #b5bbc2;
}

.btn-success-outline {
    border-color: #009639;
}

.btn-success {
    color: #000;
}


.btn-success-outline:hover,
.btnViewAllPromo:hover {
    background-color: #b5bbc2 !important;
}   


.carousel-main .carousel .carousel-indicators .active {
    border-color: #009639;
    background-color: #009639;
}

@media only screen and (min-width:768px){.btn-special-off{max-width:250px}
    .card .card-block-hover .panel{background:#ed1b24}
    .btn-success{border-color:#ed1b24}
    .btn-success:active,.btn-success:active:focus,.btn-success:focus,.btn-success:hover {
        background:#b5bbc2;
        border:2px solid #ed1b24;
        letter-spacing:.09em;
        font-family: 'Kanit-bold', sans-serif;
    }
    .text-primary{color:#ed1b24}
    .list-group-primary.theme-success .list-group-item{border-color:#ed1b24}



    .dropdown .text-primary {
        color: #009639;
    }

}




@media only screen and (min-width:993px){
    .slimmenu{
      background:#ed1b24
    }
    
    .slimmenu ul.nav-primary>li.active {
        background: #676566;
    }

    .slimmenu ul.nav-primary>li.active a {
        color: #fff;    
    }
    .slimmenu ul.nav-primary>li li.active>a {
        color: #676566;
    }

    .slimmenu ul.language-switch-2, .language-switch-2 {
        background: #ed1b24;
    }




}


.mega-splash .btn-success {
    border-color: #009639;
    color: #fff;
}



body,
p{
    /*font-size: 16px;*/
    font-size: 18px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

.h3, h3 {
    font-size: 0.867em;
}

.h4, h4 {
    font-size: 1.867em;
}

.h5, h5 {
    font-size: 0.867em;
}

.h6, h6 {
    font-size: 0.800em;
}

.btn {
    font-size: 0.733em;
}

.card .card-block-hover .panel .panel-body,
.footer-primary,
.footer-primary a {
    font-size: 0.867em;
}

.nav-primary>li li>a, .nav-primary>li li>p, .nav-primary>li>a, .nav-primary>li>p,
.card-link {
    font-size: 0.933em;
}        

.nav-secondary.nav>li p, .nav-secondary.nav>li>a{
    font-size: 0.733em; 
 }

.slimmenu .container>.mega-nav-level li>.mega-nav-level .container .relative>.mega-nav-panel li>.mega-nav-panel li a, .slimmenu .container>.mega-nav-level li>.mega-nav-level .container .relative>.mega-nav-panel li>.mega-nav-panel.mega-nav-panel-double-wide p {
    font-size: 0.800em;
}

.slimmenu.desktop .card-simple h6 {
    font-size:  1.067em;
}

.page-title {
    font-size: 1.333em;
    font-family: 'Kanit-bold', sans-serif;
}

.hero h1 {
    font-size: 2em;
}

.rtf p, .rtf ul{
    font-size: 0.867em;
}

.card-article p {
    font-size: 0.933em;
}

.card-compare .card-block h6 {
    font-size: 0.667em;
}

.card-compare .checkbox {
    font-size: 0.867em;
}


.card-simple-hover .card-block,
.mega-nav-level-title {
    font-size: 1em
}

.main-content-group-collapse .panel-title  {
    font-size: 1.333em;
}


.action-panel .media-list p {
    font-size: 0.733em;
}

.header .dropdown .profile-user-name {
	font-family: 'Kanit', sans-serif !important;
    font-weight: bold  !important;

}

/*

Pixels  EMs
6px     0.400em
7px     0.467em
8px     0.533em
9px     0.600em
10px    0.667em
11px    0.733em
12px    0.800em
13px    0.867em
14px    0.933em
15px    1.000em
16px    1.067em
17px    1.133em
18px    1.200em
19px    1.267em
20px    1.333em
21px    1.400em
22px    1.467em
23px    1.533em
24px    1.600em

28px    1.867em
30px    2em
*/


/*uiux css for mainpage*/

.ht1,
.ht2,
.ht3,
.ht4,
.ht5,
.ht6 {
  font-weight: inherit;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Kanit', sans-serif; }

.cta-hover-tile .cta-hover-tile-label {
    z-index: 10;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400; }

.hero-banner-wrapper h2 {
    font-family: 'Kanit', sans-serif;
    font-weight: 700;
    }