
/*fonts*/
@font-face {
  font-family: condencedBold;
  src: url(../fonts/FuturaPTLight.eot); /*eot file*/
 }
 
 @font-face {
  font-family: condencedBold;
  src: url(../fonts/FuturaPTLight.ttf); /*ttf file for other browsers*/
  }

@font-face {
  font-family: condencedBook;
  src: url(../fonts/AvenirNextLTPro-Regular.eot); /*eot file*/
 }
 
 @font-face {
  font-family: condencedBook;
  src: url(../fonts/AvenirNextLTPro-Regular.ttf); /*ttf file for other browsers*/
  }
 
 *{margin:0px; padding:0px;}
body{margin:0px; padding:0px; font-family:condencedBook !important; font-size:15px !important; }
.full-width{width:100%; padding:0px 0px; float:left;}

/**header**/
.r1{background:#ffffff; width:100%; float:left;}
.pad{padding:10px 0px 12px 0px;}
.material-icons{color:#00522d; font-size:48px !important;}
.call-title{color:#ed1c24; font-family:condencedBook; width:100%; float:left; text-transform:uppercase; font-size:16px !important; font-weight:bold; }
.call-desc{color:#040707; width:100%; float:left; line-height:18px; font-size:13px !important;}
.call-desc a{color:#040707;}
/**menu**/
.bg-menu{/*background:#560f11;*/ background: #ffffff; float: left; border-style: solid; border-color: #cfcec8; border-width: 1px 0px; }
.bg-dark{background:#fff !important; padding:8px 0px !important;}
.nav-item .nav-link{color:#000 !important; font-family:condencedBold; font-size:16px !important; text-transform:uppercase; letter-spacing:1px; padding-top:0.1rem;padding-bottom:0.1rem; font-weight:bold;}
.navbar-light .navbar-toggler{border-color:#fff;background:#fff;}
.carousel img{width:100%;}
.pd-hr{margin-right:0px !important; float:left; margin-left:0px !important;width:100%;}
#demo{width:100%;}
p{font-size:16px;}
.rw{width:100%; float:left;}
.mg-top{margin-top:25px;}
.mg-bot{margin-bottom:25px;}
.take{font-size:35px; font-family:condencedBook !important; text-transform:uppercase; text-align:center; color:#040707;}
.enj{font-size:17px; font-family:condencedBook !important; text-align:center; color:#040707; line-height:1.5; letter-spacing:1px; margin-bottom:15px;}
.enj a{background:#00522d; padding:5px 10px; text-transform:uppercase; color:#fff; margin-top:20px; letter-spacing:1px;}
/*.enj a:last-child{background:#a63406; }*/



/**blocks**/
.cate img{width:100%; float:left;}
.capt{float:left; width:100%; text-align:center;background:#f74802; color:#fff; text-transform:uppercase; font-weight:bold; font-size:19px; font-family:condencedBook !important; letter-spacing:1px; }

.cat-title{float:left; width:100%; color:#a63406; text-transform:uppercase; font-size:22px; font-family:condencedBook !important; letter-spacing:1px; margin-top:15px;}
.cat-item{float:left; width:100%; margin:0px; padding:0px; margin-bottom:35px;}
.cat-item li{list-style:none;font-size:18px; font-weight:bold; letter-spacing:1px;}
.cate p{text-align: center; line-height: 1.5; padding: 8px 8px 10px 8px; background:#f3f2f2; float:left; letter-spacing: 1px;}

.pge-header{background:red; float: left; width:100%; line-height: 30px;}

.free{background:#00a651; width:100%; float:left; text-align:center;}
.free span{display:block;}
.cat-fre{font-size:50px; color:#fff200; text-transform:uppercase;}
.home-fre{font-size:35px; color:#000; }
.min-ord{font-weight:bold; color:#fff; letter-spacing:1px;}

/**sheet**/
.bg-sheet{background:#f3f2f2 !important; background-size:cover; text-align:center !important; padding:20px 0px; margin: 10px 0px 30px;}
.bg-sheet img{width:250px;}
.bg-sheet h3{color:#a63406; margin-bottom: 10px; letter-spacing: 1px; text-align: center !important; text-transform: uppercase}
.bg-sheet p{color:#212529; margin-bottom: 10px;}
.white{color:#fff; text-transform: uppercase;}
.p-text{text-transform:uppercase; font-size:14px; letter-spacing: 1px;}
section{min-height: 533px !important;}
/*footer{background:#560f11; color:#fff;float:left; width:100%; padding:4px 0px 6px 0px; letter-spacing: 1px; margin-top:30px }*/
footer{padding:20px 0px; background:#420203; width:100%; float:left; margin-top:30px;}
.subfoot-col{font-size:14px;color:#c0b48a; margin-bottom:15px; }
.subfoot-col:last-child{ margin-right:0%;}
.subfoot-col .f-ti{width:100%; float:left; color:#fff; font-size:15px; margin-bottom:10px;}
.subfoot-col .f-link{width:100%; float:left;}
.subfoot-col .f-link ul {margin:0px; padding:0px; }
.subfoot-col .f-link ul li{list-style:none; }
.subfoot-col .f-link ul li a{color:#c0b48a; display:block; text-decoration:none; font-size:14px; }
.subfoot-col .f-link p{font-size:14px;}
.copy{text-align:center; width:100%; color:#c0b48a;  font-size:13px;}
.pow{text-align:center; width:100%; color:#c0b48a;}
.pow a{color:#c0b48a; text-decoration:none;}
.si{text-align:center}

h3{color:#a63406; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase}
.siva{color:#a63406; letter-spacing: 1px;}

.entry-title {
    width: 100%;
    float: left;
    background: #04b848;
    padding-left:0px;
    line-height: 40px;
	text-transform: uppercase;
    color: #fff; padding:15px 0px 15px 0px;
    margin-bottom: 20px; font-size:30px !important; text-align:center;
}

.move{margin-top:-45px; border:3px solid #fff;}
@media (min-width: 992px) and (max-width: 1199px) {
.material-icons{color:#00522d; font-size:40px !important; }
	.entry-title {font-size:25px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo img{width:100%; float:left;}
	.material-icons{color:#00522d; font-size:30px !important;}
	.entry-title {font-size:25px !important;}
}

@media (min-width: 576px) and (max-width: 767px) {
	/*.logo{text-align:center;}*/
	.logo{text-align:center !important; margin:auto; border-bottom:1px solid #cecece; margin-bottom:8px; padding-bottom:10px;}
	.logo img{width:280px !important;}
	.call-desc{color:#040707; width:100%; float:left; line-height:18px; font-size:14px !important;}
	.enj a{padding:8px 10px 6px 10px !important}
	.entry-title {font-size:25px !important;}
	
	.nat-high.img{
	width:100% !important; height:auto !important;
}
}

@media (min-width: 320px) and (max-width: 575px) {
	.logo{text-align:center !important; margin:auto; border-bottom:1px solid #cecece; margin-bottom:8px; padding-bottom:10px;}
	.logo img{width:280px !important;}
	.call-desc{color:#040707; width:100%; float:left; line-height:18px; font-size:15px !important;}
	.material-icons{color:#00522d;; font-size:35px !important;}
	.enj a{padding:8px 10px 6px 10px !important}
	.mg-top{margin-top:10px !important;}
	.entry-title {font-size:25px !important;}
	/*gallery*/
	.highslide{width:50% !important; float: left}
	.highslide img{width:100% !important; float: left}
	.nat-high{
width:100% !important; height:auto !important;
}
}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
.dropdown-item:hover{background:#040707; color:#fff;}
input.btn_yel{padding:5px 10px !important; background:#00522d !important; color:#fff; }
.btn{ margin-top:0px; text-align:left !important; padding:6px 0px !important;}
.mgbot{margin-bottom: 20px;}

/*slidetext*/
.slide-hd-text{background: #ffffff; padding: 6px 8px 6px 8px; font-size:21px; opacity: 0.9; color:#ed1c24; text-transform: uppercase;}
/*slieend*/

/* The sidebar menu mobile */
.mobile-menu{
	width:100%;
	float: left;
	position:absolute;
	z-index: 999;
}
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.2s; /* 0.5 second transition effect to slide in the sidebar */
	
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: #ffffff;
  display: block; 
  transition: 0.5s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size:30px;
  cursor: pointer;
  background-color: #ffffff;
  color: #000000;
  padding: 10px 15px;
  border:0px none;
	position: absolute;
	top:0px;
	right:0px;
}

.openbtn:hover {
  background-color: #ffffff; border:none !important;
}
button:focus{outline: none;}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .1s; /* If you want a transition effect */
  padding: 20px 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 15px;}
}
/* The sidebar menu mobile End */

#products a{color:antiquewhite !important;}
#quality a{color:antiquewhite !important;}

.prod-mg-top{margin-top:35px !important;}

.card .highslide
{
	width:100% !important;
}
.nat-high{
width:100% !important; height:auto !important; border:none !important;

}

.si img{width:32px; height:32px; margin-bottom:5px;
}
.sale-prod
{
	width:100%; color:#fff; background:#00522d; float:left; padding:10px 0px; text-align:center; text-transform:uppercase;	
}

.sale-prod:hover
{
	background:#a63406;color:#fff;
}