/* font */
@font-face {
    font-family: 'helvetica';
    src: url("../fonts/helvetica/Helvetica.ttf");
      font-weight: 400;
}
@font-face {
    font-family: 'helvetica_bold';
    src: url("../fonts/helvetica/Helvetica-Bold.ttf");
      font-weight: 700;
}
h1,h2,h3,h4,h5,.f-bold{
  font-family: 'helvetica_bold'!important;
}
/* end font */
/* full-width */
.full_width_content{
      width:calc(100vw - 9px);
position: relative;
left:50%;
right: 50%;
margin-left: -50vw!important;
margin-right: -50vw!important;
overflow: hidden;
}
a,a:hover,a:focus{
  outline: none;
}
.t3-footer,.t3-copyright{
    border: none;
    background: #fff
}

#qx-section-3978{
aspect-ratio:1600/132;
}
.k2PaginationCounter{
  display: none;
}
.k2Pagination{
  display: inline-block;
  width: 100%;
}
.k2PaginationLinks li.active>a{
    background-color: #00539b!important;
}
div.k2Pagination ul li{
  padding-bottom: 20px;
}
#qx-icon-list-88136 span.qx-icon-text a{
    text-decoration: none;
}
div.itemFullText {
    font-family: "Inter";
}
/* header navbar */
#t3-mainnav{
    display: none;
}
#t3-header>.row{
    display: content;
}
header #t3-mainnav{
    display: flex;
justify-content: space-between;
align-items: center;
}
header .logo-img{
    max-height: 80px;
    transition-duration: .5s;
    transition-timing-function: ease-out;
}
.navbar-brand{
    padding: 0;
    height: unset;
}
#t3-header{
    padding: 10px 0;
}
header div.t3-navbar.navbar-collapse{
    padding: 15px 0;
    display: flex!important;
    justify-content: center;
}
.breadcrumb{
    background: none;
}
.breadcrumb .hasTooltip{
    display: none;
}
.breadcrumb > li + li:before{
    content: "\00a0\f054\00a0";
    font-family: FontAwesome;
    -webkit-text-stroke:1px #fff;
    color: #000;
}
#Mod1{
    display: none;
}
.t3-off-canvas-body .t3-module .module-title{
    display: none;
}
.nav_bar_language .module-title{
    display: none;
}
.nav_bar_language .t3-module{
    margin: 0;
}
.nav_bar_language .nav-pills{
    display: flex;
}
.nav_bar_language .nav-pills li{
    padding: 15px 15px;;
   font-family: 'helvetica_bold';
    font-size: 16px;
}
.nav_bar_language .nav-pills li:first-child{
    display: none;
  }
.nav_bar_language .current.active a{
    background: none;
    color: #00ADBD;
}
.nav_bar_language li a:hover{
    background: none!important;
    color: #2a6496!important;
}

.languageswitcherload{
    width: auto;
}
.caret{
border: none;
}
.caret:after{
    font-family: "FontAwesome";
    content: '\f078';
    position: absolute;
    top: 5px;
    right: -10px;;
}
.btn-group .dropdown-toggle{
    box-shadow: none!important;
    font-family: 'helvetica_bold';
    font-size: 16px;
}
.header-bg{
    border-top: solid 10px #1399A7;
    background: #fff;
    transition-duration: 0.5s;
}
.header-bg.is-sticky{
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 5px 0px 15px rgba(0,0,0,0.3);
       /* border-top: solid 5px #1399A7; */
    transition-duration: 0.3s;
}
.is-sticky header .logo-img{
    /* max-height: 70px; */
}
.is-sticky header div.t3-navbar.navbar-collapse {
    padding: 10px 0;
}

/* footer copyright */
#qx-icon-list-3682 li i:before{
display: block;
    text-align: center;
}
.footer-panel .footer-quicklink i{
    display: none;
    visibility: hidden;
    font-size: 0;
}
.t3-copyright{
    padding-bottom: 0;
    padding-top: 0;
}
.copyright{
    margin-bottom: 0;
}
.footer-copyright a{
    color: unset;
}
.footer-content #qx-column-15303>.qx-col-wrap:first-child{
    padding-bottom: 0;
}

/* menu */
a{
    color: black;
}
.t3-megamenu a{
    font-family: 'helvetica_bold';
    font-size: 16px;
    letter-spacing: 0.48px;
}
.t3-megamenu ul li:first-child{
    display: none;
    font-size: 0;
    visibility: hidden;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: unset;
/*     transform: translatey(-8px); */
}
.nav > li > a {
   transition-duration: 0.3s;
}
header .t3-megamenu li.current.active a{
    color: #00539B;
}

/* content general */
.t3-content,.t3-mainbody{
    padding-top: 0;
    padding-bottom: 0;
}

/* homepage */
#qx-row-1165>.qx-row,
#qx-row-16237>.qx-row,
#qx-row-331155>.qx-row,
#qx-row-881101>.qx-row{
    align-items: center;
    justify-content: center;
    align-content: center;
}
#qx-section-9195{
    aspect-ratio: 750/962;
}
.home-category .qx-background-overlay{
    border-radius: 40px!important;
}
.home-category .qx-elements-wrap{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

}
.flipbox_category .qx-flipbox:hover .qx-flipbox_frontlayer{
    opacity: 0;
}

#qx-media-carousel-121094 .qx-dotnav li a{
    width: 30px;
    height: 10px;
    border-radius: 20px;
}
#qx-media-carousel-121094 .qx-icon *{
    stroke-width: 2px;
    stroke-linecap: round;
}
.home-category .qx-element-flip-box__button a{
    padding: 0;
    color: white;
    text-decoration: none;
}
.home-category .qx-element-flip-box__button{
    transition-duration: 0.3s;
    display: inline-block;
}
.home-category .qx-element-flip-box__button:hover{
    padding-left: 10px;
}
.home-category .qx-element-flip-box__button a:after{
    padding-left: 10px;
    content: "\f054";
    font-family:'FontAwesome';
}

#qx-column-5349 .qx-element-wrap+.qx-element-wrap:nth-child(n+3){
    margin-top: 10px;
}
#qx-icon-list-3682 ul.qx-inline li span{
    display: none;
}
#t3-mainnav .off-canvas-toggle{
    display: none;
}
.t3-off-canvas-header .t3-off-canvas-header-title{
    display: none;
}
.t3-off-canvas .t3-off-canvas-header,.t3-off-canvas .close {
    background: #fff;
}
#qx-section-6543{
    z-index: 9;
}
#qx-media-carousel-3694 .qx-card{
    background: none;
    border: none;
}
#qx-video-pro-70583 .playIcon img{
    height: 150px;
}
/* #qx-row-372{ please found this css in quix>page option
    position: absolute;
    top: 75px;
} */
#rsform_4_page_0 .rsform-block-enquiries-text{
    font-family: "Inter";
    font-size: 18px;
    line-height: 27px;
}
/* form */
#rsform_4_page_0 .rsform-block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
}
#rsform_4_page_0 .rsform-block label,#rsform_4_page_0 .rsform-block .formControls{
    float: unset;
    width: unset;
    margin-left: unset;
}
#rsform_4_page_0 .rsform-block label strong{
    display: none;
}
#rsform_4_page_0 .rsform-block label{
    font-family: Inter;
    color: #1F1F1F;
    font-size: 16px;
    font-weight: 400;
}
#rsform_4_page_0 .rsform-block .formControls{
    width: 100%!important;
}
#rsform_4_page_0 .rsform-block .formControls input,#rsform_4_page_0 .rsform-block .formControls textarea{
    width: 100%;
    border: none;
    border-bottom: solid 1px #C4C4C4;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}
#rsform_4_page_0 .rsform-block .formControls input{
    height: 30px;
}
#rsform_4_page_0 .rsform-block .formControls input:focus,#rsform_4_page_0 .rsform-block .formControls textarea:focus{
    border-bottom-color: #00ADBD;
}
#rsform_4_page_0 .formDescription{
    display: none;
}
#rsform_4_page_0 .formControls button[type="submit"]{
    background: #fff;
    text-shadow: none;
    border: solid 1px #33BDCA;
    padding: 15px 40px;
    color: #33BDCA;
    font-size: 17px;
    font-family:'helvetica_bold';
}
.rsform h2{
    font-size: 24px;
    color: #19345F;
}
/* end form */

#qx-column-4178 img.info_icon{
    max-width: 48px;
    max-height: 48px;
    margin-right: 25px;
}
#qx-column-4178 table,#qx-column-4178 table td{
    border: none;
}
#qx-column-4178 tr>td{
    padding-bottom: 30px;
}
#qx-column-4178 tr>td:nth-child(2){
    vertical-align: middle;
}
/* category */
.itemList{
    display: flex;
    flex-wrap: wrap;
      justify-content: center;
}
.category-item-box{
    width: 100%;
    display: flex;
flex-wrap: wrap;
}
.sub_info{
  width: 100%;
}
.subCategoryContainer .subCategory{
    position: relative;
    height: 120px!important;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    background: none;
    border: none;
    margin-bottom: 40px;
    margin-right: 40px;
}
.subCategory img{
    height: 80px;
    mix-blend-mode: multiply;
    width: 200px;
   object-fit: contain;
}
#sub_cat_desc{
    font-family: 'Inter';
    font-size: 18px;
}

.itemListSubCategories{
    background-color: #F2F7F9;
    padding-top: 30px;
}
div.itemListCategory{
    margin: 0;
}
.itemList{
    margin-top: 30px;
}
.cat_active .sub_img{
  max-width: 250px;
    background:#fff;
    border-left: solid 5px #00ADBD;
    display: flex;
    width: 60%;
    justify-content: flex-end;
}
.sub_img{
    padding: 17px;
}
div.itemListCategory h2{
    font-family: 'helvetica_bold';
    text-align: center;
    color: #fff;
    font-size: 40px;
    margin: 0;
    padding: 60px;
}
div.itemListCategory{
    background-image: url('/images/image/banner.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.catItemTitle{
    font-size: 18px;
    text-align: center;
}
.cate_item_btn{
    font-family: 'helvetica_bold';
    color: #fff;
    background: #00ADBD;
    padding: 15px 40px;
    border-radius: 5px;
    border-radius: 1px solid #fff;
    transition-duration: 0.3s;
}
.cate_item_btn_wrapper{
    display: flex;
    margin-top: 40px;
    justify-content: center;
}
.cat_active.subCategory:after{
    content:'';
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 30px solid #ffffff;
        transform: rotate(-90deg);
    top: calc(50% - 15px );
    right: -20px;
    z-index: 3;
     filter: drop-shadow(0px 8px 5px rgba(0, 0, 0, 0.10));
}
.cat_active .sub_img{
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.21);
    z-index: 3 ;
}
.category .itemListSubCategories,.category .itemList,.news.itemListView{
 padding-bottom: 200px!important;
}
/* category end */
/* product detail */
.itemRelated li{
    list-style: none;
}
div.itemRelated{
    padding-top: 100px;
}
#k2Container.itemView{
  padding-bottom: 150px;
}
.fas,.far{
    font-family: FontAwesome;
    font-style: normal;
}
.owl-prev, .owl-next {
        width: 15px;
        height: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
        outline: none!important;
}
    .owl-prev {
        left: -50px;
}
    .owl-next {
        right: -50px;
}
.owl-nav button i{
    font-size: 25px;
    color: #B3B3B3;
    -webkit-text-stroke: 2px #fff;
    transition-duration: 0.3s;
}
.itemFullText ul{
    list-style: none;
    padding-left: 0;
    padding-bottom: 30px;
}
.itemFullText>ul>li{
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: solid 1px #DBDBDB;
        font-size: 18px;
}
.col-md-6>.itemTitle{
    font-size: 32px;
    color: #19345F;
}
div.itemRelated>h3{
    font-size: 32px;
    color: #212121;
    text-align: center;
    padding-bottom: 40px;
}
div.at-share-btn-elements>a{
    margin: 0px 4px 8px !important;
}
.addthis_inline_share_toolbox{
    display: flex;
    align-items: center;
}
.addthis_inline_share_toolbox>p{
    margin-right: 5px;
    font-size: 16px;
    font-family: 'Inter';
}
a.itemRelTitle{
    font-family: 'helvetica_bold';
    font-size: 18px;
    display: flex;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    padding-top: 20px;
}
a.itemRelTitle:hover{
    color: #00539B;
}
.at-share-btn-elements>a:hover{
    background-color: #00539B!important;
}
.at-share-btn-elements>a:hover .at-icon-wrapper svg{
    fill: rgb(255 255 255)!important;
}
/* product detail end */
/* news */
.itemList.news>#itemListPrimary{
    width: 100%;
}
.catItemTitle.news{
    text-align: left;
    margin-top: 10px!important;
}
.itemList.news .itemContainer{
    padding-right: 15px;
}
.itemList.news .itemContainerLast{
    padding-right: unset;
    padding-left: 15px;
}
.far.fa-calendar:before{
    content:"\f133";
}
.news div.catItemHeader span.catItemDateCreated{
    color: #696969;
}
.news span.catItemImage img{
    border-radius: 10px;
    aspect-ratio:16/9;
object-fit: cover;
}
.new_read_more>a{
    padding: 15px 40px;
    border:solid 1px #63BAC8;
    border-radius: 8px;
    color: #33BDCA;
    font-family: 'helvetica_bold';
    transition-duration: 0.3s;
}
.new_read_more{
    margin-top: 50px;
}
.news div.catItemImageBlock{
    padding-bottom: 0;
    margin-bottom: 20px;
}
.news div.catItemView{
    margin-bottom: 80px;
}
/* news end */
/* news detail */
.news_detail .news_info{
    margin-top: 40px!important;
    display: flex;
    flex-direction: column;
    margin-left: 8.33333333%!important;
    margin-right: 8.33333333%!important;
}
.news_detail .itemImageCaption{
    font-size: 20px;
    font-family: 'Inter';
    font-style: italic;
    border-left: solid 5px #00ADBD;
    padding-left: 40px;
    line-height: 1.5;
    margin-top: 40px;
}
.news_detail{
    font-family: 'Inter';
}
.news_detail .itemFullText{
    font-size: 20px;
}
.news_detail div.itemHeader h2.itemTitle{
    margin-bottom: 20px;
}
.news_detail div.itemRelated ul{
    display: flex;
    padding: 0;
}
.news_detail div.itemRelated ul li{
    width: 33.33333%;
}
.news_detail div.itemRelated ul li:first-child{
   padding-right: 20px;
    padding-left: unset;
}

.news_detail div.itemRelated ul li:nth-child(n+2){
    padding-left: 10px;
    padding-right: 10px;
}
.news_detail div.itemRelated ul li:last-child{
   padding-left: 20px;
padding-right: unset;
}
.more_news a.itemRelTitle{
    ju-content: flex-start;
    text-align: left;
}
.more_news .itemDateCreated{
    margin-top: 20px;
    display: block;
}
.news_detail_btm{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.back_to_list{
 font-family: 'helvetica_bold';
    padding: 18px 40px;
    border: solid 1px #63BAC8;
    border-radius: 5px;
    color: #33BDCA!important;
    transition-duration: 0.3s;
}
.back_to_list .fa-chevron-left{
    padding-right: 8px;
    -webkit-text-stroke:1px #fff;
}

.news-detail_btn{
margin-top: 40px;
}
.news-detailbtn{
    padding: 15px 40px;
    border:solid 1px #63BAC8;
    border-radius: 8px;
    color: #33BDCA;
    font-family: 'helvetica_bold';
    transition-delay: .3s;
}
/* news detail end */
/* others, hover and fix */
#qx-blurb-54146 a:hover{
    color: #00539B;
}
#qx-media-carousel-3694 a.qx-slidenav{
    padding: 20px;
    background: #fff;
    border-radius: 100%;
}
.category .itemListSubCategories #sub_cat_title,.category .itemListSubCategories #sub_cat_desc{
    display: none;
}
.category .subCategory .category-item-box{
  display: none;
}
.category #itemListPrimary{
  display: none;
}
.new_read_more>a:hover,.news-detailbtn:hover{
    text-decoration: none;
    color: #fff;
    background: #63BAC8;
}
.cate_item_btn_wrapper>a:hover{
    background: #fff;
    color: #63BAC8;
    border: solid 1px #63BAC8;
    text-decoration: none;
}
.back_to_list:hover{
    text-decoration: none;
    color: #fff!important;
    background: #63BAC8;
}
.back_to_list:hover .fa-chevron-left{
    -webkit-text-stroke: 1px #63BAC8;
}
.owl-nav button i:hover,#qx-media-carousel-3694 {
    transform: rotate(360deg);
    display: block;
    color: #63BAC8;
}
.breadcrumb li a:hover{
    text-decoration: none;
    color: #63BAC8;
}
.more_news ul li img{
    aspect-ratio:16/9;
    object-fit: cover;
}
#qx-gallery-581151 ul.qx-gallery-media-wrapper>li,
#qx-gallery-121027 ul.qx-gallery-media-wrapper>li{
    display: flex;
    justify-content: center;
}
#qx-gallery-581151 img{
    max-height: 91px;
}
#qx-blurb-6721 td,#qx-blurb-6721 tr,#qx-blurb-6721 table{
    border: none;
    background: none;
    display: inline-table;
}
/* end */

/* responsive */
@media(max-width:767px){
  .full_width_content{
  width:100vw;
  position: relative;
  left:50%;
  right: 50%;
  margin-left: -50vw!important;
  margin-right: -50vw!important;
  overflow: hidden;
  }
  .header-bg.is-sticky{
   border-top: solid 10px #1399A7;
}
  #t3-mainnav .off-canvas-toggle{
display: block;
}
header div.t3-navbar.navbar-collapse{
    display: none!important;
}
header#t3-header>.row{
    margin-left: 0;
    margin-right: 0;
}
header #t3-mainnav {
display: flex;
    align-items: center;
justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-content #qx-column-62322 .qx-column {
    padding: 0;
}

button.off-canvas-toggle{
    background: transparent!important;
    display: flex!important;
    align-items: center;
justify-content: center;
}
.off-canvas-toggle i{
    color: black;
    font-size: 20px;
}
header .logo-img,.is-sticky header .logo-img {
max-height: 50px;
}
button.off-canvas-toggle:hover i{
    color:  #3375AF;
}
/* form */
#qx-column-41180 .rsform-block-enquiries-text{
    padding-right: 0
}
#rsform_4_page_0 .rsform-block-enquiries-text{
    font-size: 14px;
}
.rsform h2{
    font-size: 20px;
}
#rsform_4_page_0 .rsform-block label{
    font-size: 14px;
}
#rsform_4_page_0 .rsform-block .formControls{
    width: 90%!important
}
/* form end */
/* brands */
.category .col-md-4{
        padding-left: 0;
        padding-right: 0;

    }
    .category>.container{
        background:#fff;
    }
    #k2Container.category{
        margin-bottom: -50px;
    }
    .cat_active .sub_img{
        width: 100%;
        border-right: solid 5px #00ADBD;
        justify-content: center;
        max-width: 100%;

    }
    .cat_active.subCategory:after{
        content: unset;
    }
    .subCategoryContainer .subCategory.cat_active{
        margin-right: 5px;
      }
    /* brands end */
    #qx-column-4178 tr>td{
        padding-bottom: 15px;
    }
    #k2Container.category{
        margin-bottom: -100px
    }
    .category .itemListSubCategories, .category .itemList,#k2Container.news.itemListView {
    padding-bottom: 100px!important;

}
    #k2Container.news.itemListView{
            margin-bottom: -50px;
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    }
    ul.owl_scroller{
        padding-left: 15px;
        padding-right: 15px;
    }
    div.itemRelated {
        margin-bottom:-150px;
        background: #fff;
}
    .news div.catItemView{
        margin-bottom: 40px;
    }
    .itemList.news .itemContainer{
        padding-left: unset;
        padding-right: unset;
    }
    .new_read_more>a{
        padding: 10px 20px;
    }
    .new_read_more{
        margin-top: 25px;
    }
    .news_detail .itemTitle{
        font-size: 24px;
    }
    .news_detail .itemImageCaption{
        font-size: 14px;
        padding-left: 10px;
    }
    .news_detail .itemFullText h3{
        font-size: 20px!important;
    }
    .news_detail .itemFullText h4{
        font-size: 16px;
    }
    .news_detail .itemFullText h2{
        font-size: 24px;
    }
    .news_detail .itemFullText{
        font-size: 14px;
    }
    .back_to_list{
        margin-top: 25px;
        padding: 15px 20px;
        order:2;
    }
    .share_box{
        order:1;
    }

    .more_news .itemRelated h3{
        font-size: 24px;
        padding-bottom: 20px;
    }
    .news_detail div.itemRelated ul li{
        width: 100%;
    }
    .news_detail div.itemRelated ul li{
        padding: 0!important;
    }
    .news-detail_btn{
        display: inline-flex;
    }
    div.itemRelated{
        padding-top: 40px;
        display: inline;
    }

    .mover div.catItemView{
        margin-bottom: 20px;
    }
    #k2Container.itemView{
      padding-bottom: 40px;
    }
    div.itemListCategory h2{
    padding: 27px;
    font-size: 28px;
}
.col-md-6>.itemTitle,div.itemRelated>h3{
    font-size: 24px;
}
.itemFullText>ul>li{
    padding-bottom: 10px;
        padding-top: 10px;
            font-size: 16px;
}
div.itemRelated>h3{
    padding-bottom: 20px;
}
.news-detailbtn{
        padding: 10px 20px;
    }
    .news-detail_btn{
        margin-top: 20px;
    }
    a.itemRelTitle{
        padding-top: 10px;
    }
    .more_news .itemDateCreated{
        margin-top: 10px;
    }
    .news .catItemImage img{
height: 250px!important;
}
.news #itemListPrimary{
    width: 100%;
}

.subCategory .sub_img img{
max-width: 100%;
object-fit: contain;
}
.news_detail .news_info{
    margin-left: 0!important;
    margin-right: 0!important;
}
.subCategoryContainer .subCategory{
        margin-right: 0;
            justify-content: center;
    }
    #t3-mainnav .languageswitcherload{
        display: none;
    }

    .t3-off-canvas-body .current.active a{
    background: #33BDCA;
}
.t3-off-canvas-body a{
    font-family: 'helvetica_bold';
    font-size: 16px;
}
}