@import url("https://fonts.googleapis.com/css?family=Kanit:400,700&display=swap");
h1,h2,h3,h4,h5,h6 { font-family: 'Kanit', sans-serif; font-weight: 700; }
div,p,a,label,span,strong,ul,nav,table { font-family: 'Kanit', sans-serif; font-weight: 400; }
.content-area {
margin-bottom: 0;
} #MenuROW .socialICO {
display: flex;
list-style: none;
margin-bottom: 15px;
padding: 0;
justify-content: flex-end;
}
#MenuROW .socialICO img {
max-width: 30px;
}
#MenuROW .socialICO > li {
padding: 0 6px;
}
#MenuROW .socialICO > li:last-child {
padding-right: 0;
}
#MenuROW {
padding: 15px 0 0;
box-shadow: 0px 0px 20px 0px #00000061;
}
#MenuROW .menu {
text-align: center;
}
#MenuROW .menu a {
font-size: 26px;
position: relative;
padding: 0;
}
#MenuROW .menu > li {
padding: 0 28px;
}
#MenuROW .menu > li:first-child {
padding-left: 0;
}
#MenuROW .menu > li:last-child {
padding-right: 0;
}
#MenuROW .menu > li:last-child > a:before {
content: unset;
}
#MenuROW .menu > li.current-menu-item > a, 
#MenuROW .menu > li > a:hover, 
#MenuROW .menu > li.current-menu-ancestor > a {
color: #f7941d;
}
#MenuROW .menu a:before {
content: "";
position: absolute;
top: -38px;
width: 40px;
height: 40px;
right: 0;
left: 0;
margin: 0 auto;
background-image: url(https://fibermate-official.com/wp-content/uploads/2020/01/carrot-ico.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: .4s;
}
#MenuROW .menu > li.current-menu-item > a:before, 
#MenuROW .menu > li > a:hover:before,
#MenuROW .menu > li.current-menu-ancestor > a:before {
opacity: 1;
transition: .4s;
}
#MenuROW .sub-menu a {
font-size: 16px;
}
#MenuROW .sub-menu > li.current-menu-item > a,
#MenuROW .sub-menu > li:hover > a {
color: #f7941d !important;
}
#mobile-menu > li.lang-item {
width: 49%;
display: inline-block;
border-right: 1px solid #ffffff30;
text-align: center;
}
#mobile-menu > li.lang-item:last-child {
border: none;
} .home-banner {
margin: 0;
}
#rev-slider-widget-2 .tparrows.tp-leftarrow:before {
content: "\f0d9";
}
#rev-slider-widget-2 .tparrows:before {
font-family: seed-icons!important;
font-size: 40px;
color: #009446 !important;
}
#rev-slider-widget-2 .tparrows.tp-rightarrow:before {
content: "\f0da";
}
#rev-slider-widget-2 .tparrows:hover:before {
color: #f7941d !important;
transform: unset !important;
}
#rev-slider-widget-2 .tparrows {
background-color: #ffffff9e !important;
} #VDORow {
padding: 7em;
position: relative;
background-size: contain;
background-repeat: no-repeat !important;
background-position: top;
}
#VDORow img {
max-width: 75%;
margin: 0 auto;
box-shadow: 0px 4px 20px 0px #0000004f;
}
#CartoonSEC1 img {
position: absolute;
bottom: 47px;
left: 10%;
box-shadow: unset;
max-width: 25%;
}
#WelcomeROW {
padding: 5em;
background-size: contain;
background-repeat: no-repeat !important;
background-position: top;
}
#WelcomeROW h3 {
text-align: center;
font-size: 53px;
text-transform: uppercase;
color: #337e20;
}
#WelcomeGRID p {
margin: 0;
text-align: center;
font-size: 18px;
}
#WelcomeGRID h4, #WelcomeGRID h4 a {
margin: 0;
padding: 15px 0;
text-align: center;
font-size: 27px;
color: #00763e;
font-weight: 600;
}
#WelcomeGRID > div:last-child h4, #WelcomeGRID > div:last-child h4 a {
color: #0577e0;
}
#WelcomeGRID p img {
max-width: 70%;
}
._imgBtn {
display: inline-block;
margin-top: 20px;
max-width: 34%;
}
#ReviewROW {
padding: 5em;
position: relative;
}
#ReviewROW .widget-title {
text-align: center;
font-size: 54px;
border-bottom: 3px solid;
color: #337e20;
padding-bottom: 25px;
margin-bottom: 50px;
}
._sliderRow .slick-slide {
padding: 15px;
margin-bottom: 15px !important;
}
._sliderRow h3.rpc-title {
padding: 30px 0 10px;
margin: 0 !important;
}
._sliderRow .rpc-title > a {
font-weight: 700;
color: #337e20;
font-size: 26px;
}
._sliderRow .rpc-content {
display: none;
}
._sliderRow p {
font-size: 20px;
margin: 0;
}
._sliderRow .slick-slide:hover {
background-color: #337e20;
transition: .4s;
box-shadow: 0px 4px 10px 0px #00000036;
}
._sliderRow .slick-slide:hover a, 
._sliderRow .slick-slide:hover p {
color: #fff !important;
}
#CartoonSEC3 img {
position: absolute;
max-width: 160px;
left: 7%;
top: 45px;
}
._sliderRow .slick-arrow {
height: 50px;
}
._sliderRow .slick-arrow:before {
font-size: 50px;
font-family: seed-icons!important;
color: #337e20;
}
._sliderRow .slick-prev.slick-arrow:before {
content: "\f0d9" !important;
}
._sliderRow .slick-next.slick-arrow:before {
content: "\f0da" !important;
}
._sliderRow .slick-arrow:hover:before {
color: #f7941d;
}
#EventROW .widget-title {
text-align: center;
font-size: 54px;
border-bottom: 3px solid;
color: #f7941d;
padding-bottom: 25px;
margin-bottom: 50px;
}
#EventROW {
padding: 5em;
background-position: top;
background-size: 100% 100%;
background-repeat: no-repeat !important;
position: relative;
}
#EventROW .slick-slide:hover {
background-color: #f7941d;
}
#EventROW .rpc-title > a {
color: #f7941d;
}
#CartoonSEC4 img {
position: absolute;
max-width: 160px;
right: 7%;
top: 45px;
}
#FeedbackROW {
padding: 5em;
background-size: contain;
background-repeat: no-repeat !important;
background-position: top;
position: relative;
}
#FeedbackROW .widget-title {
text-align: center;
font-size: 54px;
border-bottom: 3px solid;
color: #337e20;
padding-bottom: 25px;
margin-bottom: 50px;
}
#FeedbackGRID img {
max-width: 70%;
}
#FeedbackGRID p {
text-align: center;
margin: 0;
}
#FeedbackGRID h4 {
margin: 0;
padding: 15px 0 0;
text-align: center;
font-size: 27px;
color: #00763e;
}
#FeedbackGRID > div:last-child h4 {
color: #0577e0;
}
#CartoonSEC5 img {
position: absolute;
max-width: 160px;
right: 0;
top: 45px;
}
#ArticleROW {
padding: 5em;
position: relative;
}
#ArticleROW .widget-title {
text-align: center;
font-size: 54px;
border-bottom: 3px solid;
color: #f7941d;
padding-bottom: 25px;
margin-bottom: 50px;
}
#ArticleROW .rpc-title > a {
color: #f7941d;
}
#ArticleROW .slick-slide:hover {
background-color: #f7941d;
}
#ArticleROW .car-caption > a {
color: #000;
}
#ArticleROW .car-caption > a:after {
content: "\f105";
font-family: seed-icons!important;
font-size: 17px;
margin-top: 5px;
padding: 5px;
top: 2px;
position: relative;
}
#CartoonSEC6 img {
position: absolute;
max-width: 160px;
left: 7%;
top: 45px;
} #FooterROW {
padding: 5em;
background-size: cover;
align-items: flex-end !important;
}
#FooterROW ul {
list-style: none;
padding: 0;
margin: 0;
}
#FooterROW .menu > li {
padding-bottom: 10px;
position: relative;
padding-left: 14px;
}
#FooterROW .menu > li:last-child {
padding-bottom: 0;
}
#FooterROW .menu > li:before {
content: "";
width: 20px;
height: 20px;
line-height: 20px;
background-image: url(https://fibermate-official.com/wp-content/uploads/2020/01/arrow-ico.png);
position: absolute;
background-repeat: no-repeat;
left: 0;
top: 9px;
}
#FooterROW a {
color: #fff;
}
#FooterROW > div:nth-child(2) li {
color: #fff;
display: flex;
align-items: flex-start;
}
#FooterROW > div:nth-child(2) li img {
max-width: 20px;
margin-right: 10px;
margin-top: 5px;
}
#FooterROW > div:nth-child(2) li:first-child img {
max-width: 13px;
}
#FooterROW .widget-title {
color: #fff;
font-size: 36px;
}
#FooterROW .sub-menu {
display: none;
}
._socialICO {
display: flex;
margin-top: 20px !important;
}
._socialICO > li {
padding-right: 15px;
}
._socialICO i {
font-size: 35px;
} #ProdDET-OUT {
padding: 5em;
}
#ProdHEAD h3 {
text-align: center;
font-size: 54px;
border-bottom: 3px solid;
margin-bottom: 50px;
padding-bottom: 25px;
color: #f7941d;
}
#ProdEXCERPT img {max-width: 65%;}
#ProdEXCERPT h3 {
font-size: 30px;
color: #00763e;
}
#ProdEXCERPT p {
font-size: 20px;
margin: 0;
}
#ProdIMAGE {padding: 3em;}
#ProdIMAGE img {
box-shadow: 0px 4px 10px 0px #00000040;
}
#ProdDETAILS h3 {
font-size: 40px;
color: #00763e;
}
#ProdDETAILS p {
font-size: 20px;
margin: 0;
}
#ProdDETAILS {
align-items: center !important;
}
._Product-Title .so-widget-sow-editor > h3 {
margin-bottom: 0 !important;
padding-bottom: 30px;
padding-top: 50px;
} #ReviewBANNER {
padding: 3em 0;
}
#ReviewLOOP .widget-title, #FAQ .widget-title {
text-align: center;
font-size: 54px;
border-bottom: 3px solid;
margin-bottom: 50px;
padding-bottom: 25px;
color: #00763e;
} .fiberMate .info {
padding: 30px;
background-color: #fff;
}
.fiberMate .-card {
border: 1px solid #aaa;
}
.fiberMate .entry-title > a {
font-size: 24px;
font-weight: 700;
color: #00763e;
}
.fiberMate  p {
font-size: 18px;
margin-bottom: 15px;
}
.fiberMate .pic a {
position: relative;
display: block;
}
.fiberMate .pic a:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
border: 10px solid #00763e;
z-index: auto;
box-shadow: 0px 4px 10px 0px #0000002e;
opacity: 0;
transition: .2s;
}
.fiberMate .-card:hover a:after {
opacity: 1;
}
.fiberMate ._readMore a {
color: #00763e;
}
.fiberMate .-card:hover ._readMore a {
color: #ff9000;
}
.fiberMate .content-pagination {
text-align: center;
padding-top: 1em;
padding-bottom: 2em;
}
.fiberMate .page-numbers {
border-radius: unset !important;
border: none !important;
width: 30px !important;
height: 30px !important;
min-height: unset !important;
min-width: unset !important;
line-height: 30px !important;
}
.fiberMate .page-numbers.current {
background-image: url(https://fibermate-official.com/wp-content/uploads/2020/01/pagination-ico.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
color: #fff;
}
.fiberMate .next.page-numbers > i:before {
content: "\f0da";
font-size: 22px;
vertical-align: text-top;
color: #00763e;
}
.fiberMate .next.page-numbers:hover > i:before {
color: #ff9000;
transition: .2s;
}
.fiberMate .prev.page-numbers > i:before {
content: "\f0d9";
font-size: 22px;
vertical-align: text-top;
color: #00763e;
}
.fiberMate .prev.page-numbers:hover > i:before {
color: #ff9000;
transition: .2s;
}
.fiberMate .entry-meta {
display: none;
} #NewsBANNER {
padding: 3em 0;
}
#NewsLOOP .widget-title {
text-align: center;
font-size: 54px;
border-bottom: 3px solid;
margin-bottom: 50px;
padding-bottom: 25px;
color: #ff9812;
}
#NewsLOOP .pic a:after {
border-color: #ff9812;
} #ContactDETAILS {
background-size: contain;
padding-bottom: 3em;
}
._icon-social li {
text-transform: uppercase;
}
._icon-social li:nth-child(1) strong {
text-transform: capitalize;
} #_ArticleLOOP .entry-title {
min-height: unset;
} #FeedbackLOOP .-card:hover h2.entry-title > a {
color: #ff9812 !important;
}
#FeedbackLOOP h2.entry-title {
padding-left: 30px
} .single .main-title > a {
text-align: center;
font-size: 40px;
display: block;
border-bottom: 3px solid;
margin-bottom: 40px;
padding-bottom: 20px;
color: #00763e;
font-weight: 700;
}
.single-review .main-title > a ,
.single-feedbacks .main-title > a{
color: #ff9812;
}
.single #primary article {
background-color: #fafafa;
padding: 30px;
box-shadow: 0px 4px 10px 0px #00000014;
}
.single .entry-meta {
display: none;
}
#rightbar .widget-title {
text-align: center;
color: white;
background-color: #009446;
padding: 7px 15px;
margin: -15px -15px 15px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.single-review #rightbar .widget-title,
.single-feedbacks #rightbar .widget-title {
background-color: #ff9812;
}
#rightbar aside {
background-color: #fafafa;
padding: 15px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 0px 4px 10px 0px #00000014;
}
#rightbar .pic {
display: none;
}
#rightbar .info {
float: unset !important;
width: 100%;
}
#rightbar .content-item.-list {
margin: 0 !important;
}
#rightbar article,#rightbar li {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;
}
#rightbar article:last-child,#rightbar li:last-child {
border: none;
margin: 0;
padding: 0;
}
#rightbar a {
font-size: 14px;
color: #777;
}
#rightbar a:hover {
color: #009446;
}
.single-review #rightbar a:hover,
.single-feedbacks #rightbar a:hover {
color: #ff9812;
}
.single-post aside#siteorigin-panels-postloop-4, 
.single-post aside#siteorigin-panels-postloop-5 {
display: none;
}
.single-review aside#categories-2, 
.single-review aside#siteorigin-panels-postloop-2,
.single-review aside#siteorigin-panels-postloop-3,
.single-review aside#siteorigin-panels-postloop-5,
.single-feedbacks aside#categories-2, 
.single-feedbacks aside#siteorigin-panels-postloop-2,
.single-feedbacks aside#siteorigin-panels-postloop-3,
.single-feedbacks aside#siteorigin-panels-postloop-4{
display: none;
}
.single p {
color: #777;
} @media (max-width:992px){
#VDORow {
padding: 30px;
}
#VDORow img {
max-width: 80%;
}
#CartoonSEC1 img {
left: 0%;
max-width: 100px;
bottom: 0;
}
#WelcomeROW {
padding: 30px;
}
#WelcomeROW h3 {
font-size: 24px;
}
#WelcomeGRID {
display: grid;
grid-template-columns: repeat(1,minmax(0,1fr));
grid-gap: 15px;
}
#WelcomeGRID h4 {
padding: 10px 0;
font-size: 16px;
}
#WelcomeGRID p > br {
display: none;
}
#WelcomeGRID p {
font-size: 14px;
}
._imgBtn {
max-width: 70%;
margin: 10px auto 0;
}
#WelcomeGRID a {
display: block;
margin-top: 15px;
}
#WelcomeGRID a > img {
max-width: 150px;
}
#ReviewROW {
padding: 30px;
}
#ReviewROW .widget-title {
font-size: 24px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#CartoonSEC3 img {
max-width: 60px;
left: 0;
top: 0;
}
._sliderRow .slick-slide {
margin: 0 7px 15px !important;
box-shadow: 0px 4px 10px 0px #00000036;
background-color: #337e20;
}
._sliderRow .rpc-title > a {
color: #fff !important;
font-size: 20px;
}
._sliderRow p {
font-size: 14px;
color: #fff !important;
}
._sliderRow .slick-prev {
left: -15px;
}
._sliderRow .slick-next {
right: -15px;
}
#EventROW {
padding: 30px;
background-size: contain;
}
#CartoonSEC4 img {
max-width: 50px;
right: 0;
top: 0;
}
#EventROW .widget-title {
font-size: 24px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#EventROW .slick-slide {
background-color: #f7941d;
}
#FeedbackROW {
padding: 30px;
}
#FeedbackROW .widget-title {
font-size: 24px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#CartoonSEC5 img {
max-width: 50px;
right: 0;
top: 0;
}
#FeedbackGRID {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
grid-gap: 15px;
}
#FeedbackGRID > div {
margin: 0;
}
#FeedbackGRID h4 {
font-size: 13px;
}
#ArticleROW {
padding: 30px;
position: relative;
}
#ArticleROW .widget-title {
font-size: 24px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#CartoonSEC6 img {
max-width: 80px;
left: 0;
top: 0;
}
#ArticleROW .slick-slide {
background-color: #f7941d;
}
#ArticleROW .car-caption > a {
color: #fff;
}
#FooterROW {
padding: 30px;
}
#FooterROW .widget-title {
font-size: 24px;
text-align: center;
}
._socialICO {
justify-content: center;
}
.main-header {
display: none;
}
#ProdDET-OUT {
padding: 30px;
}
#ProdHEAD h3 {
font-size: 24px;
margin-bottom: 10px;
padding-bottom: 10px;
}
#ProdEXCERPT h3 {
font-size: 20px;
text-align: center;
}
#ProdEXCERPT p {
font-size: 16px;
}
#ProdIMAGE {
padding: 30px;
}
#ProdDETAILS h3 {
font-size: 20px;
text-align: center;
}
#ProdDETAILS > div {
margin: 0;
}
#ProdDETAILS p {
font-size: 16px;
}
#ReviewBANNER,
#NewsBANNER{
padding: 0 0 30px;
margin: 0 -15px;
}
#ReviewLOOP .widget-title ,
#NewsLOOP .widget-title ,
#FeedbackLOOP .widget-title, #FAQ .widget-title {
font-size: 24px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.fiberMate.seed-grid-3 {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
grid-gap: 15px;
}
.fiberMate.seed-grid-3:before {
content: unset;
}
.fiberMate .info {
padding: 15px;
}
.fiberMate h2 {
min-height: unset;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.fiberMate .entry-title > a {
font-size: 18px;
}
.fiberMate p {
font-size: 14px !important;
margin-bottom: 15px !important;
}
#FeedbackLOOP h2.entry-title {
padding-left: 0;
}
#FeedbackLOOP article .fiberMate h2 {
top: -58px;
}
._icon-social li:nth-child(1) { 
line-height: 0;
}
._icon-social li br {
display: none;
}
._icon-social li {
margin-bottom: 10px;
font-size: 18px;
}
#ContactDETAILS {
padding-bottom: 30px;
}
.single #primary article {
padding: 15px;
margin-bottom: 30px;
}
.single .main-header {
display: block;
}
.single .main-title > a {
font-size: 25px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.single p {
font-size: 14px;
}
#WelcomeGRID p > img {
max-width: 50%;
}
}.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-grid .so-parallax{position:relative}.panel-grid .so-parallax>:not(.simpleParallax){position:relative;z-index:1}.panel-grid .so-parallax .simpleParallax{overflow:hidden}.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax]{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.panel-background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.panel-has-overlay .panel-cell-style,.panel-has-overlay .panel-row-style,.panel-has-overlay .panel-widget-style{overflow:hidden;position:relative;z-index:1}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-box-sizing:border-box;box-sizing:border-box}.panel-grid-cell .panel-cell-style{height:100%}.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}.panel-grid-cell .so-panel:after{content:"";display:table;clear:both}.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container){overflow-x:clip}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}.so-sr-only{clip:rect(0,0,0,0);height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;white-space:nowrap;width:1px}