/* Theme name: Herbasehat.id */

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%; /* Image does not overflow the content area */
    width: 100% !important;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    width: 98.5% !important;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.oh{overflow: hidden;}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Fonts */


@font-face {
  font-family: 'Neutrif Studio';
  src: url('fonts/NEUTRIFSTUDIO-REGULAR.OTF')  format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Neutrif Studio';
  src: url('fonts/NEUTRIFSTUDIO-BOLD.OTF')  format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Neutrif Studio';
  src: url('fonts/NEUTRIFSTUDIO-REGULARITALIC.TTF')  format('truetype');
  font-weight: 400;
  font-style: italic;
}


.rounded,.rounded img {
    border-radius: 8px !important;
}

body{
  font-family: 'Neutrif Studio', sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  color: #4a4a4a;
  letter-spacing: 0.5px;
}

a{
  color: #444;
}

a:hover,.krekerton-color{
  color: #67963a;
  text-decoration: none;
}

.price{
  font-size: 22px;
  font-weight: normal;
}

a,img,#h{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.display-1{
  font-size: 2.5em;
  margin: 30px 0 45px 0;
  font-weight: 500;
  color: #555;
}

.btn{color: #fff !important;}

#h{
  width: 100%;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  position: fixed;
  top:0;
  left:0;
  z-index:999;
}

.logged-in #h{
  top: 32px;
}

/*
#h.scroll{
top:0;
}*/

.logo{
  height: 50px;
  margin-top: 12px;
  width: auto;
  float: left;
}

h1,h2,h3,h4,#tm li a,#rmenu ul li a{
  font-family: 'Neutrif Studio', sans-serif;
  font-weight: 700;
  color: #84c661;
}

#tm{
  float: right;
  margin:0;
}

#tm .sub-menu{
margin:0;
padding:0;
list-style-type: none;
}

#tm .sub-menu li a{
background: #fff;
padding: 12px;
display: block;
width: 210px;
}

#tm .sub-menu li a:hover{
background: #67963a;
color: #fff;
}

#tm li{
position: relative;
}

#tm li .sub-menu,#tm ul li ul li .sub-menu{
position: absolute;
top:100%;
left:0px;
display: none;
border: 1px solid #67963a;
background: #fff;
padding:0;
}

#tm li ul li .sub-menu{
top:0;
left:100%;
display: none !important;
}

#tm .sub-menu li{
margin-left:0;
}

#tm li ul li .sub-menu li a{
top:0;
left:100%;
display: none !important;
padding-left:30px;
}

#tm li:hover .sub-menu{
display: block;
}

#tm li ul li:hover .sub-menu{
display: block !important;
}


#carouselExampleControls{
margin-top: 41px;
}

.logged-in #carouselExampleControls{
margin-top: 73px;
}

.smallnav ul{
  margin: 0;
  padding:0;
}

#tm li,.smallnav ul li{
  display: inline-block;
  margin-left: 15px;
  list-style-type: none;
}

#tm > li{
margin-left: 30px;
}

#tm li,.smallnav ul li a{
  font-size: 12px;
  color: #fff;
}

#tm li a{
  /*text-transform: uppercase;*/
  font-size: 16px;
  color: #524E4F;
  padding: 23px 0;
  display: block;
  font-weight: 500;
  border-bottom: 3px solid transparent;
}

#tm li a:hover{
text-decoration: none;
border-color: #67963a;
}


#nav-icon1,#closeb{
  width: 24px;
  height: 24px;
  float: right;
  margin-top:27px;
  margin-left: 25px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform .5s ease-in-out;
  -moz-transition: transform .5s ease-in-out;
  -o-transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  cursor: pointer;
  z-index: 100;
  display: none;
}


#nav-icon1 span,#closeb span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #524E4F;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#closeb{
position: relative;
float: right;
margin: 30px 30px 0 0;
}

#nav-icon1 span:nth-child(1),#closeb span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2),#closeb span:nth-child(2) {
  top: 8px;
  width: 80%;
}

#nav-icon1 span:nth-child(3),#closeb span:nth-child(3) {
  top: 16px;
  width: 90%;
}

#closeb span:nth-child(2),#closeb span:nth-child(3){
width: 100%;
}

#nav-icon1:hover span:nth-child(1) {
  top: -2px;
}

#nav-icon1:hover span:nth-child(2) {
  width: 100%
}

#nav-icon1:hover span:nth-child(3) {
  top: 18px;
  width: 100%
}


#closeb.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#closeb.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#closeb.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#rmenu{
  width: 300px;
  max-width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  right:0;
  background: #fff;
  color: #474F64;
  z-index: 1000;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  transform:translate(320px,0px);
  -ms-transform:translate(320px,0px);
  -webkit-transform:translate(320px,0px);
  transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -o-transition: all .6s ease;
}


#rmenu.open{
  transform:translate(0px,0px);
  -ms-transform:translate(0px,0px);
  -webkit-transform:translate(0px,0px);
}

#rmenu ul{
margin: 0;
margin-top: 1em;
list-style-type: none;
transform:translate(60px,0px);
-ms-transform:translate(60px,0px);
-webkit-transform:translate(60px,0px);
-webkit-transform:translate(60px,0px);
opacity: 0;
transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease;
}

#rmenu .desc{
transform:translate(60px,0px);
-ms-transform:translate(60px,0px);
-webkit-transform:translate(60px,0px);
-webkit-transform:translate(60px,0px);
opacity: 0;
transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease;
}

#rmenu.open .desc{
transition-delay: 0.5s;
}

#rmenu.open ul,#rmenu.open .desc{
  transition-delay: 0.3s;
  transform:translate(0px,0px);
  -ms-transform:translate(0px,0px);
  -webkit-transform:translate(0px,0px);
  opacity: 1;
  
}

#rmenu ul li{
margin: 5px 0;
}

#rmenu ul li a{
padding: 10px 0;
font-size: 1.3em;
color: #474F64;
display: block;
}

#rmenu .desc{
font-size: 12px;
padding: 3.5em;
padding-top: 1.5em;
}

#customersCats{
   margin-top:1.2rem;
   height: 80px;
}

#catsContent .col-sm-6{
   margin-bottom:2.0rem;
}

.nav-link{
    margin: 10px;
    border: 1px solid transparent;
}

.nav-link.active, .nav-link:focus,  .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
    /*border-bottom: 3px solid #67963a;*/
    border-color: #67963a;
    border-radius: 40px;
}

.tab-content.product h4{
  font-size: 1em;
  margin: 15px 0 0 0;
  text-align: center;
}

.tab-content.product span{
  font-size: 0.8em;
  margin: 0;
  color: #888;
}

.tab-content.product .harga{
  font-size: 0.8em;
  font-weight: 300;
  display: none;
}

.tab-content.product .col-sm-6{
  padding: 15px;
  transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -o-transition: all .6s ease;
}

.tab-content.product .col-sm-6 img{
  width: 100%;
  height: auto;
}

.tab-content.product.category .col-sm-6{
  position: relative;
}

.tab-content.product.category .col-sm-6 .catname h4{
  position: absolute;
  bottom: 60px;
  left: 30px;
  padding: 8px 25px;
  background: rgba(0,0,0,0.7);
  border-radius: 33px;
  color: #fff;
  text-transform: uppercase;
}

.tab-content.product .col-sm-6,.tab-content.product .col-sm-6 img{
  border-radius: 8px;
}

.tab-content.product .col-sm-6:hover{
  box-shadow: 0 15px 45px rgba(0,0,0,0.3);
}

#w{
padding: 30px 0;
}

.spageh{
margin-top: 73px;
padding: 45px 0;
background: #474F64 url(images/spageh.jpg) no-repeat;
background-size: cover;
display: none;
}

.spageh h1{
  color: #fff !important;
  text-align: left;
}


#how{
padding: 30px 0 60px 0;
background-image: url(images/how.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
overflow: hidden;
color: #fff;
width: 100%:
}

#how .display-1{
margin-bottom: 0;
color: #fff;
}

#fw{
padding: 30px 0 15px 0;
background: #67963A;
border-top: 0px solid #ccc;
}

#instagramfeed{
padding: 45px 0;
text-align: center;
}

.insta-image{
margin: 2px;
width:150px;
}

.insta-image:hover{
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
transform: scale(1.1,1.1);
}

.insta-btn{
width: 300px;
max-width: 100%;
background-color: #67963a;
border-color: #67963a;
}

h3.widget-title{
font-size: 16px;
margin-bottom: 15px;
}

#fw ul{
margin-left:0;
padding-left:0;
}

#fw ul li{
list-style-type: none;
margin-left:0;
}

#fw ul li a{
font-size: 13px;
padding: 5px 0;
display: block;
}

#fw .btn{
margin-bottom: 25px;
}

.cpy{
font-size: 14px;
color: #fff;
}

.bottom-social{
float: right;
}

.bottom-social li{
display: inline-block;
color: #fff;
}

.bottom-social li a{
color: #fff;
}

.mobile-only{display: none;}

.single-paperproduct #w{margin-top: 0px;padding-top:0px;}

.bredkram{margin-top: 100px;}
.single-paperproduct .bredkram{margin-top: 127px;}

#breadcrumbs{
    list-style:none;
    margin-bottom:15px;
    overflow:hidden;
    padding: 0;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
    font-size: 12px;
}
  
#breadcrumbs .separator{
    font-size:15px;
    font-weight:100;
    color:#ccc;
}  
  
.relpostlink{
    font-size: 16px;
    margin-bottom: 60px;
    color: #2b2b2b;
}  
  
.relpostlink a{
  color: #393939;
  font-weight: 600;
  line-height: 1.1;
  font-size: 18px;
}  
  
.relpostlink a:hover{
  color: #f63a4c;
}  

.postnav{
    margin: 35px 0;
}

.postnav hr{
      border-top: 1px solid #f3f3f3;
}

.related-posts img{
border-radius: 2px;
width: 100%;
height: auto;
}

.related-posts h4{
margin-top: 15px;
margin-bottom: 5px;
font-size: 14px;
color: #393939;
font-weight: 600;
}

.related-posts h3{
margin-bottom: 30px;
font-size: 18px;
}

.related-posts{
padding: 45px;
background: #F5F5F5;
}

.adtb::before{
content: 'Share: ';
font-size: 12px;
color: #888;
display: none;
}

.adtb a{
border: 1px solid #ccc !important;
}

.single-paperproduct #w img{height: auto;}
.single-paperproduct .carousel-item img{border-radius: 8px;}
.single-paperproduct .carousel-indicators{
position: relative;
padding-left:0;
padding-right:0;
}

.single-paperproduct .carousel-indicators li{
width: 24%;
height: auto;
}

.heading_custom strong{
font-weight: 700;
color: #67963a !important;
}

.spageh .bredkram,.spageh .bredkram a{color: #fff;}

#produkhomepage table td{
padding: 15px;
vertical-align: bottom;
}

#produkhomepage img.alignnone{
    margin:0;
}

#maduspecs .progress{
margin-bottom: 25px;
height: 35px;
border: 1px solid rgba(0,0,0,0.3);
}

#maduspecs .progress.colour{
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,239,81,1) 30%, rgba(80,61,10,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,239,81,1) 30%, rgba(80,61,10,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,239,81,1) 30%, rgba(80,61,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#503d0a",GradientType=1);
}

#maduspecs .progress.moisture{
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,163,223,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,163,223,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,163,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00a3df",GradientType=1);
}

#maduspecs .progress.pollen{
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,236,66,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,236,66,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,236,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffec42",GradientType=1);
}

#maduspecs .progress.glucose,#maduspecs .progress.fructose{
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(244,125,47,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(244,125,47,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(244,125,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f47d2f",GradientType=1);
}

#maduspecs .progress.sucrose{
background: rgb(71,151,70);
background: -moz-linear-gradient(90deg, rgba(71,151,70,1) 7%, rgba(244,125,47,1) 18%);
background: -webkit-linear-gradient(90deg, rgba(71,151,70,1) 7%, rgba(244,125,47,1) 18%);
background: linear-gradient(90deg, rgba(71,151,70,1) 7%, rgba(244,125,47,1) 18%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#479746",endColorstr="#f47d2f",GradientType=1);
}

#maduspecs .progress.hmf{
background: rgb(71,151,70);
background: -moz-linear-gradient(90deg, rgba(71,151,70,1) 15%, rgba(232,1,39,1) 31%);
background: -webkit-linear-gradient(90deg, rgba(71,151,70,1) 15%, rgba(232,1,39,1) 31%);
background: linear-gradient(90deg, rgba(71,151,70,1) 15%, rgba(232,1,39,1) 31%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#479746",endColorstr="#e80127",GradientType=1);
}

#maduspecs .progress.orange{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress.copper{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
background: #f3e2c7; /* Old browsers */
background: -moz-linear-gradient(top,  #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress.purple{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+50,a80077+51,db36a4+100;Pink+Gloss */
background: #cb60b3; /* Old browsers */
background: -moz-linear-gradient(top,  #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress.blue{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress.red{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
background: #f85032; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress.green{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress.yellow{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}

#maduspecs .progress.silver{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress.gold{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}

#maduspecs .progress .progress-bar{
background: transparent;
position:relative;
color: #333;
text-shadow: 0 0 5px #fff;
text-align: right;
}

#maduspecs .progress .progress-bar:after{
content: ' ';
width: 15px;
height: 15px;
background: rgba(0,0,0,0.9);
position:absolute;
right:0;
bottom: -8px;
transform: rotate(45deg);
}

#maduspecs label{
    float: left;
    width: 163px;
    margin-right: 15px;
    font-weight: bold;
    font-size: 10px;
    line-height: 30px;
    color: #555;
}

#maduspecs label.lh12{
    line-height: 1.2;
    
}

.traceme_menu{
position: relative;
}

.traceme_menu:before{
content: '●';
position: absolute;
top: 28px;
right: 3px;
font-size: 7px;
}

.traceme_menu i{
color: #BC001F;
}

.tanya{
position: absolute;
right: 15px;
font-size: 1.2rem;
margin-top: 3px;
}

.progress{
width:60%;
}

.fl-slide-title{
    line-height: 1.1;
    top: 110px;
    position: relative;
}

#TraceMeClose{ position: absolute; bottom: 26px; left: 325px;}

@media screen and (max-width: 1024px){
#nav-icon1, #closeb{display: block;}
#nav-icon1{margin-bottom: 6px;}
.smallnav, #tm,#customersCats{display: none;}
#h{top:0;padding-bottom: 15px;}
#carouselExampleControls {margin-top: 64px;}
.mobile-only{display: block;}
.spageh{margin-top: 65px;}
#rmenu{overflow-y: auto;}
#rmenu.p-2{padding: 25px !important;}
#rmenu ul li a{padding: 5px 0;font-size: 1.0em;}
#closeb {margin: 0;}
#rmenu ul{padding-left:15px;}
#rmenu .desc{padding-left:15px; padding-right:0;}
#how .w-75{width: 100% !important;}
.progress{width:62%;}
#TraceMeClose,#gform_submit_button_3{ position: relative;bottom: 0;right: 0;width: 100%; display: block;}
}

@media screen and (max-width: 768px){
.center-mobile .fl-node-content p,.center-mobile .fl-node-content h4.fl-heading{text-align: center !important;}
.center-mobile .fl-icon-wrap{display: block;margin: 0 auto;float: none;width: 84px;}
}

@media screen and (max-width: 540px){
.display-1{font-size: 1.5em;margin: 15px 0;}
.spageh{padding: 25px 0;}
h1,.h1{font-size: 1.7rem;}
.progress{width:97%;}
}