@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
body{
	padding:0px;
	margin:0px;
	background:url(../images/bg.jpg); overflow-x: hidden;
}
p{
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
}
h2{
	font-size:53px;
	font-family: 'Open Sans', sans-serif;
}
h3{
	font-size:36px;
	font-family: 'Slabo 27px', serif;
}


.txt a{ color: #060; text-decoration:none;}
.txt a:hover{ color: #333; text-decoration:none;}


.footer-2 a:hover{color: #0C0 !important; text-decoration:none;}

/*--headerbanner--*/
.css-carousel {
	width: 100%;
	min-height: 791px; /* Height of images */
	position: relative;
	overflow: hidden;
}

.css-carousel img {
	width: 100%;
	
}


@media only screen  and (min-width : 1400px){
	.css-carousel {
	width: 100%;
	min-height: 1000px; /* Height of images */
	position: relative;
	overflow: hidden;
}
}

@media only screen and (min-width: 1401px) and (max-width: 1868px) {
	.css-carousel {
	width: 100%;
	min-height: 1080px; /* Height of images */
	position: relative;
	overflow: hidden;
}
}

@media only screen and (min-width: 1869px) and (max-width: 2200px) {
	.css-carousel {
	width: 100%;
	min-height: 1280px; /* Height of images */
	position: relative;
	overflow: hidden;
}
}



@media only screen and (min-width: 2201px) and (max-width: 3200px) {
	.css-carousel {
	width: 100%;
	min-height: 1580px; /* Height of images */
	position: relative;
	overflow: hidden;
}
}

@media only screen and (min-width: 200px) and (max-width: 700px) {
	.css-carousel {
	width: 100%;
	min-height: 280px; /* Height of images */
	position: relative;
	overflow: hidden;
}
}
.css-carousel .css-img {
	max-width: 100%;
	position: absolute; margin:auto;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-animation: css-carousel-fade 30s linear infinite;
	-moz-animation: css-carousel-fade 30s linear infinite;
	-ms-animation: css-carousel-fade 30s linear infinite;
	animation: css-carousel-fade 30s linear infinite;
}
.css-carousel .css-img:nth-child(2) {
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-ms-animation-delay: 5s;
	animation-delay: 5s;
}
.css-carousel .css-img:nth-child(3) {
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-ms-animation-delay: 10s;
	animation-delay: 10s;
}
.css-carousel .css-img:nth-child(4) {
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}
.css-carousel .css-img:nth-child(5) {
	-webkit-animation-delay: 20s;
	-moz-animation-delay: 20s;
	-ms-animation-delay: 20s;
	animation-delay: 20s;
}

.css-carousel .css-img:nth-child(6) {
	-webkit-animation-delay: 25s;
	-moz-animation-delay: 25s;
	-ms-animation-delay: 25s;
	animation-delay: 25s;
}
@-webkit-keyframes css-carousel-fade {
    0%, 20%, 100% { opacity: 0; }
    5%, 15% { opacity: 1;}
}
@-moz-keyframes css-carousel-fade {
    0%, 20%, 100% { opacity: 0; }
    5%, 15% { opacity: 1;}
}
@-ms-keyframes css-carousel-fade {
    0%, 20%, 100% { opacity: 0; }
    5%, 15% { opacity: 1;}
}
@keyframes css-carousel-fade {
	0%, 20%, 100% { opacity: 0; }
	5%, 15% { opacity: 1;}
}
/*--headerbanner--*/

.modal-content{ background:#060; color:#fff !important; text-align:left !important;}

.modal-content p{ font-size:15px !important;}
.modal-content li{ font-size:15px !important;}
.probut {background:#060 !important; outline: none !important; border:none !important;}



/*=================head-part===========*/
.head-part{
	width:100%;
	background:url() repeat-x;
	background-size:cover;
	background-position:center;
	float:left;
}
.logo{
	width:100%;
	float:left;
	background:url(../images/nav-bg.jpg) no-repeat;
	background-size:cover;
	text-align:center;
}
.logo img{
	padding:10px 0;
	margin:0 auto;
}

.fntsize{ font-size:30px !important; margin: 50px 30px 0 30px!important; border-bottom:1px solid #333; padding:0 !important; font-family: 'Courgette', cursive;}

.txt{text-align:center; font-size:17px; margin: 10px 30px;}
/*=====nav====*/
.nav-part{
	width:100%;
	float:left;
}
.navbar {
    position: relative;
    min-height: 50px;
	margin-top:2px;
    margin-bottom: 0px;
    border:none;
}
.navbar-inverse {
    background-color: #222;
    border-color:none;
	opacity:0.7;
	border-radius:0px;
	border-bottom:2px solid #fff125;
}
.navbar-inverse .navbar-nav>li>a {
	font-size:14px;
    color: #FFF;
	font-family: 'Open Sans', sans-serif;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff125;
	border-bottom:5px solid #fff125;
    background-color:transparent;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff125;
    background-color: transparent;
	border-bottom:5px solid #fff125;
}
.social{
	width:100;
	float:left;
}
.navbar-right a img{
	padding: 10px 3px;
}
.nav-part form{
	width:215px;
	height:30px;
	border-radius:0px;
	outline:none;
	border:1px solid #1a473e;
	margin: 12px 0px;
}
.nav-part input{
	background:none;
	border:none;
	outline:none;
	color:#fff;
	padding: 4px 0px;
}
.nav-part button{
	background:none;
	border:none;
	outline:none;
	color:#fff;
}
.nav-part button img {
    width: 20px;
    padding: 0px;
    margin: 0px 0px -1px -8px;
}
.nav-part button:hover{
	background:none;
	outline:none;
}

/*=======banner======*/
.banner{
	width:100%;
	float:left; background:#adfe2f;
}

.updiv{margin-top: -10px; position:relative;}



.slider-bottom{
	width:100%; height:auto; text-align:center; float:left; z-index:999 !important;
}
.slider-bottom img{
	width:100%; 
}
/*============discover=======*/
.discover{
	width:100%;
	float:left;
	background:#adfe2f;
	padding:30px 0px;
}
.carousel-inner h3 {
    text-align: center;
    font-weight: 100;
    width: 40%;
    margin: 0 auto;
    color: #fff;
    line-height: 54px;
	 text-indent: -99999px;
}
.carousel-inner h2 {
    text-align: center;
    font-weight: 400;
    color: #fff;text-indent: -99999px;
}
.carousel-inner p{
    text-align: center;
    font-weight: 400;
    color: #000;
	padding:20px 0;text-indent: -99999px;
}
.discover button{
	font-size:36px;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	background:#ed1d24;
	color:#fff;
	border:none;
}
.discover h3{
	color:#00590f;
	font-weight:700;
}
.discover p{
	color:#252525
}
/*========product=====*/
.prduct{
	width:100%;
	float:left;
	height:auto;
	text-align:center;
	margin-top:-10px; background: url(../images/producbg.png) repeat-x;
}
.lebu{
	display: block;
    margin: 0 auto;
    position: relative;
    top: -25px;
}

.side1{
	float:left;
	position: relative;
    top: -50px;
}
.prduct p{
	display: block;
}
.side2{
	float:right;
	position: relative;
    top: -50px;
}
.prduct button{
	text-align:center;
	width:210px;
	height:45px;
	background:#98f211;
	color:#104b00;
	border:none;
	margin: 10px 0px 0px 0px;
	font-size:23px;
	font-family: 'Open Sans', sans-serif;
}

.product-slide{ background:url(../images/pslide1-bg.png) no-repeat center; height:auto; width:100%; margin: 100px 0 0px 0px; z-index:-1;}

.product-slide2{ background:url(../images/pslide2-bg.png) no-repeat center; height:auto; width:100%; padding: 0px 0px 70px 0px; margin: 20px 0px 0px 0px;}


.roat{
	
	-webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              -ms-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s;
              cursor:pointer;}
			  
			  
			  
			  .roat:hover{
	
	-webkit-transform: rotate(360deg);
              -moz-transform: rotate(360deg);
              -ms-transform: rotate(360deg);
              -o-transform: rotate(360deg);
              transform: rotate(360deg);}



#myCarousel2{
	
}
#myCarousel2 img{
	margin-left:25px;
}

.carousel-control.left{ background-image:none !important;}
.carousel-control.right{ background-image:none !important;}	
.carousel-control.left{ background:none !important; margin-left:-95px; margin-top:-80px !important; height: 1px !important;}
.carousel-control.right{ background:none !important; margin-right:-100px; margin-top:-80px !important; height: 1px !important;}
.left-img{ margin-top:178px;}
.right-img{ margin-top:178px;}
.left-img2{ margin-top:145px;}
.right-img2{ margin-top:145px;}


.fb-icon{width: 35px; height:35px; background: url(../images/fb.png); background-position:0 0; cursor:pointer; transition:all 0.3s ease; float:left; border: 1px solid #000; margin: 0 2px;}
.fb-icon:hover{width: 35px; height:35px; background: url(../images/fb.png); background-position:0 35px; cursor:pointer;border: 1px solid #000; margin: 0 2px;}




.tw-icon{width: 35px; height:35px; background: url(../images/tw.png); background-position:0 0; cursor:pointer; transition:all 0.3s ease; float:left;border: 1px solid #000; margin: 0 2px;}
.tw-icon:hover{width: 35px; height:35px; background: url(../images/tw.png); background-position:0 35px; cursor:pointer;border: 1px solid #000; margin: 0 2px;}

.g-icon{width: 35px; height:35px; background: url(../images/yu.png); background-position:0 0; cursor:pointer; transition:all 0.3s ease; float:left;border: 1px solid #000; margin: 0 2px;}
.g-icon:hover{width: 35px; height:35px; background: url(../images/yu.png); background-position:0 35px; cursor:pointer;border: 1px solid #000; margin: 0 2px;}

.in-icon{width: 35px; height:35px; background: url(../images/in.png); background-position:0 0; cursor:pointer; transition:all 0.3s ease; float:left;border: 1px solid #000; margin: 0 2px;}
.in-icon:hover{width: 35px; height:35px; background: url(../images/in.png); background-position:0 35px; cursor:pointer;border: 1px solid #000; margin: 0 2px;}

.shadowfilter {
	-webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.80));
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	
}.shadowfilter:hover {
	-webkit-filter: drop-shadow(0px 0px 8px rgba(80, 138, 0, 0.8));
}





/*===============explore============*/
.explore{
	width:100%;
	height:auto;
	
	float:left;
	
	padding:90px 0 0px 0;
	margin:0px 0px 0px 0px;
}

.footbgout{background: url(../images/fotbgout.jpg); width:100%; overflow:hidden;}
.footbg{background: url(../images/footbg.jpg); background-position:center; width:100%; overflow:hidden; min-height:516px; background-repeat:no-repeat;}

.sqimg{top: 166px; position:relative; z-index:999 !important;}

.ex{
	width:100%;
	float:left;
	border:1px solid #F00;
}
.ex p img:hover {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ex p img{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.prduct p img:hover {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.prduct p img{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.ex p{
	display: block;
}
.side3{
	float:left;
	position: relative;
	top: 70px;
}
.side4{
	float:right;
	position: relative;
	top: 80px;
}
.side5{
	float:left;
	position: relative;
	top: 25px;
}
.side6{
	float:right;
	position: relative;
	top: 25px;
}
.side7{
	float:left;
	position: relative; top:132px;
	
}
.side8{
	float:right;
	position: relative;top:132px;
	
}
.explore p{
	color:#fff;
	font-weight:300;
}
.explore button{
	width:320px;
	height:50px;
	background:#fff125;
	color:#146200;
	border:none;
	font-size:33px;
	font-family: 'Open Sans', sans-serif;
}
.explore h3 {
    color: #fff;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    float: left;
}
.squre-img{
	position: relative;
    top: -124px;
}
.red-more{
	color:#FFF !important;
}
/*=============GMP=====*/
.gmp{
	width:100%;
	min-height:155px;
	float:left;
	background:url(../images/gmp.jpg) no-repeat;
	background-size:cover;
	padding:21px 0;
}
/*=================footer==========*/
.footer-div{background:url(../images/footer-bg.jpg) no-repeat; height:auto; width:100%; padding:5px 0 0 0; background-size:cover;}
.up-footer{ height:auto; width:100%; padding: 15px 0px 0px 0px; float:left;}
.up-footer-txt{ width:100%; font-size:24px; font-weight:400; color:#fff; font-family: 'Open Sans', sans-serif; padding: 0px 0; text-align:left;}
.up-footer-txt p a{
	color:#fff !important;
	text-decoration:none;
}
.up-footer-txt img{ margin-top:10px;}
.footerbg{
	background:none;
	width:100%;
	min-height:auto;
	font-family: 'Open Sans', sans-serif;
	padding:50px 0 0 0;
}
.footerbg h3{font-size:25px; font-weight:700; color:#fff; padding: 0px 0 0px 0; text-align:left; margin:0; text-transform:uppercase;}
.footerbg ul{ width:100%; margin:20px 0 15px 0; padding:0; list-style:none}
.footerbg li{font-size:20px; color:#fff; width:100%; padding:3px 0; font-weight:300;}
.footerbg li a{ font-size:20px; color:#fff; text-decoration:none; text-align:left !important; font-weight:300;}
.footerbg li a:hover{text-decoration:none;}
.solcial{ margin-top:30px;}
.fxtn{
	width:100%;
	min-height:42px;
	border-bottom:3px solid #418400;
	background:#fff200;
	
}
.up{
	padding:25px 0;
}
.fxtxt{
	color:#000;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	padding-top:10px;
	text-align:center;
}
.footer-up{
	width:100%;
	height:auto;
	float:left;
	padding:20px 0;
}
.footer-2 {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #74c435;
    padding: 35px 0px 10px 0px;
}
.footer-2 ul li{
	float:left;
	padding:27px 7px 10px 7px;
	list-style:none;
}
.footer-2 a{
	color:#fff; font-size:11px;
	text-decoration:none;
}
.social-div{
	background:#fff;
	padding: 10px; float:right;
	
}
.social-div img {
    border: 1px solid #000;
}
.copy{
	width:100%;
	float:left;
	text-align:center;
}
.copy p {
    font-size: 14px;
    color: #fff200;
    padding: 9px 0px;
}
/*--hover-effect====*/
/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; z-index:999; margin-top: -100px; background:#090; width:200px; border:0 !important; cursor:pointer; color:#fff;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*==============//==========*/
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*=========//=======*/
/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*=============//=======*/

/*=================contact===========*/
.contact{
	width:100%;
	height:auto;
	float:left;
	padding:30px 0;
}
.contact h2{
	text-align:center;
	padding-bottom: 30px;
}
.addreass{
	width:100%;
	height:auto;
	float:left;
}
.contact-form{
	width:100%;
	height:auto;
	float:left;
}
.input1{
	width: 100%;
    border: 1px solid #ccc;
    margin: 5px 0px;
    padding: 5px 10px;
    color: #000;
	border-radius:3px;
}
.input2{
	background: #98f211;
    border: none;
    color: #000;
    padding: 5px 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 15px 0;
}
.map{
	width:100%;
	height:auto;
	float:left;
	padding:40px 0;
}
#panel{
	display:none;
}
.map button{
	background:#F00;
	border:none;
	padding: 5px 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 15px 0;
	color:#fff;
	
}

/*============product-page===========*/
.product-hover{
	width: 100%;
    float: left;
    text-align: center;
    margin: 10px;
    padding: 10px;
    border: 1px solid #adfe2f;
}
.product-hover a{
	text-align:center;
}
.product-hover a img{
	width:80%;
}
.kk{
	transition: all .2s ease-in-out; 
}
.kk:hover { transform: scale(1.1); }
.zoom{
	width:100%;
	float:left;
	padding:10px 0px;
}
/*====================responsive==========*/
@media only screen and (min-width: 500px) and (max-width: 767px){
	.fr{
		width:50%;
		float:left;
	}
	.fr1{
		width:50%;
		float:left;
	}
	.fr1 a{
		float:right;
		padding:0px;
	}
	.nav-part button img {
    width: 20px;
    padding: 0px;
    margin: -20px 0px 0px 1px;
}
.carousel-inner h3 {
    background:none;
    width: 100%;
	font-size:25px;
}
.carousel-inner h2 {
    font-size: 30px;
    margin: 0px;
}
.carousel-inner p {
    font-size: 14px;
}
.banner {
	overflow:hidden;
}
.carousel-control.right {
    background: none !important;
    margin-right: 0px;
    margin-top: 500px !important;
}
#myCarousel2 img {
    margin: 0 auto;
    padding: 10px 0;
}
#myCarousel3 img {
    margin: 0 auto;
    padding: 10px 0;
}
.product-slide{ background:#fff;}

.product-slide2{ background:#fff;}
.gmp{
	width:100%;
	min-height:155px;
	float:left;
	background:#d1ff93;
	padding:21px 0;
}
.text-center img{
	margin: 0 auto;
}
.footer-div{
	background:#22ae7f;
}
}




.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.kk{
	transition: all .2s ease-in-out; 
}
.kk:hover { transform: scale(1.1); }
.zoom{
	width:100%;
	float:left;
	padding:10px 0px;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
p{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
}
h2{
	font-size:30px;
	font-family: 'Open Sans', sans-serif;
}
h3{
	font-size:26px;
	font-family: 'Open Sans', sans-serif;
}	
	
.carousel-inner h3 {
    text-align: center;
    font-weight: 100;
    margin: 0 auto;
    color: #fff;
    line-height: 34px;
	margin-top: 25px;
	background:none;
}
.discover button{
	font-size:25px;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	background:#ed1d24;
	color:#fff;
	border:none;
}	
.carousel-control.left{ background:none !important; margin-left:0px; margin-top:-100px !important;}
.carousel-control.right{ background:none !important; margin-right:0px; margin-top:-100px !important;}
.left-img{ margin-top:450px;}
.right-img{ margin-top:450px;}
.left-img2{ margin-top:250px;}
.right-img2{ margin-top:250px;}
	
#myCarousel2 img{
	margin-left:5px;
	margin-top:5px;
}
.product-slide{ background:#fff; height:auto; width:100%; padding:38px 0;}

.product-slide2{  background:#fff; height:auto; width:100%; padding:22px 0;}
.explore button{
	width:250px;
	height:50px;
	background:#fff125;
	color:#146200;
	border:none;
	font-size:23px;
	font-family: 'Open Sans', sans-serif;
}
.gmp{
	width:100%;
	min-height:155px;
	float:left;
	background:#fff;
	padding:21px 0;
}
.footer-div{background:url(../images/footer-bg.jpg) no-repeat; height:auto; width:100%; padding:5px 0 0 0; background-size:cover;}
#myCarousel3{
	}
#myCarousel3 img{
	margin-bottom:10px;
	}
	.logo img{
		width: 36%;
		padding: 13px 0px;
	}
	.nav-part form{
		margin:0 auto;
		padding:2px 5px;
	}
	.nav-part form input{
		height:100%;
	}
	.navbar-inverse .navbar-nav > li > a {
		text-align:center;
	}
	.fr1{
		width:100%;
		text-align:center;
	}
	.carousel-inner h3{
		width:100%;
		font-size:20px;
	}
	.carousel-inner h2{
		font-size:22px;
	}	
}

@media only screen and (min-width: 200px) and (max-width: 480px){
	h3{
		
		font-size:21px;
	}
	p{
		font-size:12px;
	}
	.logo img{
		width: 36%;
		padding: 13px 0px;
	}
	.nav-part form{
		margin:0 auto;
		padding:2px 5px;
	}
	.nav-part form input{
		height:100%;
	}
	.navbar-inverse .navbar-nav > li > a {
		text-align:center;
	}
	.fr1{
		width:100%;
		text-align:center;
	}
	.carousel-inner h2{
		font-size:22px;
	}
	.discover button {
    font-size: 21px;
	}
	.carousel-inner img{
		width:100%;
		padding:5px 5px;
	}
	.product-slide {
    background: none;
	}
	.product-slide2 {
    background: none;
	}
	.prduct{
		width:100%;
		float:left;

}

.sqimg{display:none;}

#myCarousel2 img {
    margin:0px !important;
}
.carousel-control.right{
	display:none;
}
.carousel-control.left{
	display:none;
}
.explore button{
	width:100%
}
.up-footer-txt img {
    margin-top: 7px;
	width: 100%;
}
.up-footer-txt p{
	font-size:20px;
	margin:10px 0px !important;
}
.social-div{
	margin:0 auto;
}
.footer-2 ul li {
    float: left;
    padding: 5px 5px;
    list-style: none;
}
.gmp img{
	margin: 0 auto;
}
.side1, .side2{
	display:block;
	width: ;
position: relative;
top: -35px;
}

.side3, .side4{
	display:block;
	width: 20%;
    position: relative;
    top: 100px;
}

.side5, .side6{
	display:none !important;
	width: 14%;
	position: relative;
	top:10px;
}

.side7{
	display:block !important;
	width: 25%;
	position: relative;
	top:49px;
}
.side8{
	display:block !important;
	width: 25%;
	position: relative;
	top:25px;
}

.explore{
	width:100%;
	height:auto;
	background:url(../images/explore.jpg) center;
	float:left;
	background-size:cover;
	padding:125px 0 25px 0;
}
.explore button {
    width: 180px;
	height: 38px;
	background: #fff125;
	color: #146200;
	border: none;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
}
.lebu{
	display:block;
	margin: 0 auto; z-index: 999;
}
.up {
    padding: 15px 0;
}
.up-footer-txt p {
    font-size: 20px;
    margin: 0px 0px !important;
}
.up-footer-txt{
	width:100%;
	height:auto;
	float:left;
	padding:10px 0px;
}
.squre-img{
	display:none;
}
}


@media only screen and (min-width: 200px) and (max-width: 790px){


.footbg{background: url(../images/footbg.jpg); background-position:center; width:100%; overflow:hidden; min-height:0;}


	
}




/*===================products-detils======*/
.detils{
	width:100%;
	height:auto;
	float:left;
}
.detils h3{
	font-family: 'Slabo 27px', serif;
	font-weight: 700;
    font-size: 24px;
	color:#005e24;
	border-radius:5px;
	padding: 5px;
}
.detils p{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	border-radius:5px;
	padding: 5px;
	font-size: 16px;
	border:1px solid #999;
}
.detils p strong{
	color:#005e24;
}
.Ingredients{
	width:100%;
	float:left;
	height:auto;
	text-align:center;
	padding: 40px 0px;
}
.Ingredients img{
	border-radius: 50%;
    padding: 10px;
}
.product-detils-img{
	width:100%;
	height:auto;
	float:left;
	border:1px solid #999;
	border-radius:5px;
}
.product-detils-img img{
	border-radius:5px;
}
.tint {
  box-shadow: rgba(0,0,0,.2) 3px 5px 5px;
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,255,255, 0.5);
  transition: all .3s linear;
}

.tint:hover:before { background: none; }
.t2:before { background: rgba(0,0,255, 0.5); }


/*==================what-we-do=========*/

.what-we-do-main{
	width:100%;
	height:auto;
	float:left;
}
.what-we-do{
	width:100%;
	height:auto;
	float:left;
	padding: 30px 0;
}
.what-we-do p a{
	color:#000;
}
/*==================business-inquiry=======*/
.inquiry{
	width:100%;
	height:auto;
	float:left;
	padding: 30px 0;
}
.inquiry img{
	-moz-box-shadow: 3px 6px 1px #ccc;
	-webkit-box-shadow: 3px 6px 1px #ccc;
	box-shadow: 3px 6px 1px #ccc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}



/*================hover===========*/

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}