@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');



body{  margin: 0px; padding: 0px; background-color: #202020 !important; font-family: 'Roboto', sans-serif; }





/*------HEADER-TOP---------*/

.hr_header{ margin: 0px; padding: 10px; background-color: #141414; }

.hr_icon{margin: 0px; padding: 0px; float: right;}

.hr_icon i{margin: 0px 0 0 10px; padding: 6px; color: #89be08; font-size: 18px }

.hr_icon i span{ color: #737373; margin: 0px 0 0 5px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 13px; transition:0.6s; }

.hr_icon i span:hover{color: #129500}

.hr_social{ margin: 0px; padding: 0px;}

.hr_social i{  color: #fff; font-size: 18px; margin: 0px; padding: 7px 7px; transition: 0.8s; width:30px; height:30px; background-color:#89be08; border-radius:0.5em; transition:0.6s}

.hr_social a:hover { text-decoration: none;}

.hr_social i:hover{background-color:#fff}

.hr_social a i.fa-facebook:hover{ color: #3b5998;  text-decoration: none; }

.hr_social a i.fa-instagram:hover{ color: #3f729b;  text-decoration: none; }

.hr_social a i.fa-twitter:hover{ color: #00acee;  text-decoration: none; }

.hr_social a i.fa-linkedin:hover{ color: #0e76a8;  text-decoration: none; }

.tus_abanner{
	margin:0px; padding:0px; position:relative;}
.tus_abanner img{
	margin:0 auto; padding:0px;}

/*--------HEADER-----------*/

.tus_banner{

        position: relative;

    top: -70px;

    margin-bottom: -68px;



}

.carousel-indicators li{

    background: transparent !important;

    border-radius: 2px !important;

    border-color: #0d6303 !important;

    width: 19px !important;

    height: 19px !important;

    text-indent: 0 !important;

}

.carousel-indicators a{

    width: 10px;

    height: 10px;

    background: rgb(13 99 3);

    border-radius: 50%;

    font-size: 8px;

    position: relative;

    top: -5px;

    color: rgb(13 99 3);

    

}

.carousel-control {

    width: 33px !important;

    height: 33px !important;

    top: 45% !important;

    background: #0d6303 !important;

}

















/*------------------------*/

.main-2{

    position: absolute;

}

.hr_mnhe{ margin: 0px auto; padding: 0px 0; z-index: 999; position: relative;}

.bg-c{}

.p-cus{padding: 0 !important;}

.hr_logo{margin: 0px; padding: 0px; float: right}

.hr_logo img{margin: 0px; padding: 0px;}

.hr_search{margin: 25px 0 0 0; padding: 0px; position: relative; float: right;}

.hr_search a:hover{text-decoration: none;}

.hr_search a img{margin: 0px 0 0 0; padding: 0px; }

.hr_search a sup{margin: 0px -8px 0 0; padding: 1px 4px; border-radius: 100%; background-color: #129500; color: #fff;}

.hr_search1{margin: 15px 0 0 0; padding: 0px;

    width: 20px;

    float: right;

        position: relative;

    top: -61px;

    left: -80px;



}

.hr_search1 a i{color: #fff; margin: 27px 0 0 35px; font-size: 16px}

.search {margin: -30px -78px 0 0px;padding: 0px;background-color: #e6e6e6;color: #000;font-size: 16px;border: none;position: relative; float: right;}



/*---------SEARCH----------*/

.cri_inputsrch { margin: 0px; padding: 11px 15px; width: 100%;	border: none; background-color: #000; color: #fff; font-family: 'Poppins', sans-serif; 

    font-size: 13px; }

.cri_sbmsrh { margin: -43px 0 0 0; padding: 11.5px 15px; background-color: #129500; color: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; 

    text-transform: capitalize;border: none; float: right; position: relative;}



.hr_headm{ margin:15px 0 15px 0; padding:0px; float:right}



#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a,

#cssmenu #menu-button {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#cssmenu:after,

#cssmenu > ul:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

#cssmenu #menu-button {

  display: none;

}

#cssmenu {

  width: auto;

  font-family: 'Roboto', sans-serif;

  line-height: 1;

  

}

#cssmenu > ul > li {

  float: left;

}

#cssmenu.align-center > ul {

  font-size: 0;

  text-align: center;

}

#cssmenu.align-center > ul > li {

  display: inline-block;

  float: none;

}

#cssmenu.align-center ul ul {

  text-align: left;

}

#cssmenu.align-right > ul > li {

  float: right;

}

#cssmenu.align-right ul ul {

  text-align: right;

}

#cssmenu > ul > li > a {

  padding: 12px 25px;

  font-size: 15px;

 font-family: 'Roboto', sans-serif;

  text-decoration: none;

  text-transform: uppercase;

  color: #ffffff;

  -webkit-transition: color .2s ease;

  -moz-transition: color .2s ease;

  -ms-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

  z-index:2; letter-spacing:1px; transition:0.8s;

      

}

#cssmenu > ul > li > a:before {
	content: '';
	position: absolute;
	background-color: #89be08;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: 0.5s;
	transform: scale(0);
}

#cssmenu > ul > li:hover > a:before{
    	transform: scale(1);
}


#cssmenu > ul > li:hover > a,

#cssmenu > ul > li.active > a {

  color: #ffffff;}

#cssmenu > ul > li:hover > a:before,

#cssmenu > ul > li.has-sub > a {

  padding-right: 25px;

}

#cssmenu > ul > li.has-sub > a::after {

  position: absolute;

  top: 15px;

  right: 10px;

  width: 7px;

  height: 7px;

    color: #ffffff;

  border-bottom: 1px solid #fff;

  border-right: 1px solid #fff;

  content: "";

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: border-color 0.2s ease;

  -moz-transition: border-color 0.2s ease;

  -ms-transition: border-color 0.2s ease;

  -o-transition: border-color 0.2s ease;

  transition: border-color 0.2s ease;

}

#cssmenu > ul > li.has-sub:hover > a::after {

  border-color: #ffffff;

}

#cssmenu ul ul {

  position: absolute;

  left: -9999px;

    padding: 0px 0;

}

#cssmenu li:hover > ul {

  left: auto;

}

#cssmenu.align-right li:hover > ul {

  right: 0;

}

#cssmenu ul ul ul {

  margin-left: 100%;

  top: 0px;

}

#cssmenu.align-right ul ul ul {

  margin-left: 0;

  margin-right: 100%;

}

#cssmenu ul ul li {

  height: 0;

  -webkit-transition: height .2s ease;

  -moz-transition: height .2s ease;

  -ms-transition: height .2s ease;

  -o-transition: height .2s ease;

  transition: height .2s ease;

}

#cssmenu ul li:hover > ul > li {

  height: 38px;

}

#cssmenu ul ul li a {

  padding: 13px 12px;

  width: 230px;

  font-size: 13px;

  background: #000;

  font-family: 'Roboto', sans-serif;

  text-decoration: none;

  color: #ffffff;

  -webkit-transition: color .2s ease;

  -moz-transition: color .2s ease;

  -ms-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

  transition:0.5s;

}

#cssmenu ul ul li:hover > a,

#cssmenu ul ul li a:hover {

  color: #ffffff;

  background-color:#178908;

}

#cssmenu ul ul li.has-sub > a::after {

  position: absolute;

  top: 15px;

  right: 10px;

  width: 7px;

  height: 7px;

  border-bottom: 1px solid #000;

  border-right: 1px solid #000;

  content: "";

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  -webkit-transition: border-color 0.2s ease;

  -moz-transition: border-color 0.2s ease;

  -ms-transition: border-color 0.2s ease;

  -o-transition: border-color 0.2s ease;

  transition: border-color 0.2s ease;

}

#cssmenu.align-right ul ul li.has-sub > a::after {

  right: auto;

  left: 10px;

  border-bottom: 0;

  border-right: 0;

  border-top: 1px solid #dddddd;

  border-left: 1px solid #dddddd;

}

#cssmenu ul ul li.has-sub:hover > a::after {

  border-color: #ffffff;

}



#fixedbar{ position: fixed; z-index: 999; top: 0; height: auto; width: 100%; background-color: #000000; display: none;  }

#fixedbar:before, #fixedbar:after{display: block; }

.tus_fix{ margin: 0px; padding: 0px;}

.tus_fix img{ margin: 10px auto 10px auto; padding: 0px; width: 50%; text-align: center;}





.tus_socialh{ margin: 30px 0 0 0; float: right; padding: 0px; position: relative;}

.tus_socialh img{ margin: 0px 10px;  padding: 0px; display: inline-block;}

.tus_socialh a{ margin: 0px; padding: 0px; text-decoration: none;}

.tus_socialh  sup{ margin: 0px 0px 0 -18px; padding: 2px 4px; border-radius: 100%;  background-color: #129500; color: #fff; text-decoration: none;}

.tus_socialh a:hover{ text-decoration: none;}



/*---responsive menu---*/



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

  #cssmenu {

    width: 100%;

	background-color:#000;

  }

  #cssmenu > ul > li > a span{

	  top:0;}

  #cssmenu ul {

    width: 100%;

    display: none;

  }

  #cssmenu > ul > li > a{

	  color:#fff; padding:17px}

  #cssmenu.align-center > ul,

  #cssmenu.align-right ul ul {

    text-align: left;

  }

  #cssmenu ul li,

  #cssmenu ul ul li,

  #cssmenu ul li:hover > ul > li {

    width: 100%;

    height: auto;

    border-top: 1px solid rgba(120, 120, 120, 0.15);

  }

  #cssmenu ul li a,

  #cssmenu ul ul li a {

    width: 100%;

  }

  #cssmenu > ul > li,

  #cssmenu.align-center > ul > li,

  #cssmenu.align-right > ul > li {

    float: none;

    display: block;

  }

  #cssmenu ul ul li a {

    padding: 20px 20px 20px 30px;

    font-size: 12px;

    color: #fff;

    background: none;

  }

  #cssmenu ul ul li:hover > a,

  #cssmenu ul ul li a:hover {

    color: #000000;

  }

  #cssmenu ul ul ul li a {

    padding-left: 40px;

  }

  #cssmenu ul ul,

  #cssmenu ul ul ul {

    position: relative;

    left: 0;

    right: auto;

    width: 100%;

    margin: 0;

  }

  #cssmenu > ul > li.has-sub > a::after,

  #cssmenu ul ul li.has-sub > a::after {

    display: none;

  }

  #menu-line {

    display: none;

  }

  #cssmenu #menu-button {

    display: block;

    padding: 17px;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    text-transform: uppercase;

  }

  #cssmenu #menu-button::after {

    content: '';

    position: absolute;

    top: 20px;

    right: 20px;

    display: block;

    width: 15px;

    height: 2px;

    background: #fff;

  }

  #cssmenu #menu-button::before {

    content: '';

    position: absolute;

    top: 25px;

    right: 20px;

    display: block;

    width: 15px;

    height: 3px;

    border-top: 2px solid #fff;

    border-bottom: 2px solid #fff;

  }

  #cssmenu .submenu-button {

    position: absolute;

    z-index: 10;

    right: 0;

    top: 0;

    display: block;

    border-left: 1px solid rgba(120, 120, 120, 0.15);

    height: 52px;

    width: 52px;

    cursor: pointer;

  }

  #cssmenu .submenu-button::after {

    content: '';

    position: absolute;

    top: 21px;

    left: 26px;

    display: block;

    width: 1px;

    height: 11px;

    background: #fff;

    z-index: 99;

  }

  #cssmenu .submenu-button::before {

    content: '';

    position: absolute;

    left: 21px;

    top: 26px;

    display: block;

    width: 11px;

    height: 1px;

    background: #fff;

    z-index: 99;

  }

  #cssmenu .submenu-button.submenu-opened:after {

    display: none;

  }

}



/*---banner slider---*/



.hr_banner{ margin: 0px; padding: 0px; position: relative;}

.hr_banner img{ margin: 0px; padding: 0px;}



/*---banner-bottom---*/



.hr_sh { margin: 0px 0 0px 0;padding: 50px 0;background: url(../images/ship.jpg);background-size: cover;background-position: center top;position: relative;}

.hr_ship1{ margin: 0px; padding: 0px;}

.hr_ship1 img  {margin: 2px 10px 0 0;padding: 0px;float: left;transition: 0.6s; }

.hr_ship1 h4 {margin: 0px;padding: 0px;font-family: 'Poppins', sans-serif;font-size: 16px;color: #fff;text-transform: uppercase; }

.hr_ship1 p{margin: 0px 0 0 0; padding: 0px; font-size: 12px; font-family: 'Poppins', sans-serif; color: #979797; }

.hr_ship1:hover img{filter: invert(24%) sepia(76%) saturate(5089%) hue-rotate(352deg) brightness(93%) contrast(120%);}







/*------CATEGORIES-------*/

.hr_heading{margin: 30px 0 20px 0; padding: 0px;}

.hr_heading h4{margin: 0px 0 0px 0; padding: 0px;  font-family: 'Poppins', sans-serif; font-size: 40px; text-transform: uppercase; text-align: center;  color: #89be08; font-weight: 500;}

.hr_heading h4 span{border-bottom: 1px solid #89be08}

.hr_ctg{margin: 20px 37px 20px 0; padding: 0px; position: relative;  }

.hr_ctg img{margin: 0px; padding: 0px; width: 100% ; z-index: 1; overflow: hidden}

.hr_ctg:before{content: ''; position: absolute;width: 100%; height: 100%;  top: 15px; left: 15px;  border: 3px solid #89be08; transition: 0.6s; z-index: -1; transform: scaleX(0)}

.hr_ctg:hover:before{transform: scaleX(1)}

.hr_ctg h5{ margin:0px auto; padding:12px 0; background-color:#89be08; color:#fff; font-family:'Poppins', sans-serif; font-size: 25px; 
text-transform:uppercase; text-align:center; position:absolute; bottom: 0; width:50%; height: 50px; left:0; right:0; z-index:1; font-weight:bold; transition:0.6s;}



.hr_ctg:hover h5{bottom: 22%;}

.hr_ctg h6{margin: 0 auto; padding: 10px; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase; text-align: center; z-index: 1; transition: 0.8s;  background-color: #129500; width: 110px; height: 35px; opacity: 0; }

.hr_ctg:hover h6{bottom: 25%; opacity: 1}





/*------ABOUT-------*/

.hr_abt{margin: 80px 0; padding: 30px; position: relative;  }

.hr_abt:before{content: '';position: absolute;top: 0%;left: 0%;width: 110%;height: 100%;border: solid 7px #89be08;z-index: -1;}

.hr_abt h4{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: uppercase; color: #fff }

.hr_abt h5{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 20px; text-transform: uppercase; color: #89be08 }

.hr_abt p{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 14px; color: #636363 }

.hr_abt1{margin: 30px 0; padding: 0px;} 

.hr_abt1 img{margin: 0px 0 0 -28px; padding: 0px;} 

.hr_read {margin: 20px 0 0 0;padding: 8px 10px;background-color: #89be08;color: #fff;width: 110px;font-size: 16px;text-align: center;
 text-transform: capitalize; font-family: 'Poppins', sans-serif;transition: 0.8s;}

.hr_read:hover{background-color: #ffffff; color: #129500;}



/*------CHOOSE-------*/

.hr_choose{margin: 30px 0; padding: 0px; position: relative; transition: 0.6}

.hr_choose1{ margin: 0px; padding: 25px; position: relative}

.hr_choose1:before{content: '';position: absolute; top: 0; left: 0;  box-shadow: 0 0 10px #000; background-color: #2f2f2f; transition: 0.6s; width: 0; height: 0; z-index: -1; opacity: 1;  }

.hr_choose1 img{margin: 0px auto; padding: 20px; transition: 0.6s }

.hr_choose1 h4{ color: #fff; font-family: 'Poppins', sans-serif; font-size: 20px; text-transform: uppercase; text-align: center; margin: 0px 0;

 padding: 0px; transition: 0.6s}

.hr_choose1 p{ color: #fff; font-family: 'Poppins', sans-serif; font-size: 13px; margin: 0px; padding:5px; transition: 0.8s; opacity:0}

.hr_choose1:hover img{filter: invert(37%) sepia(92%) saturate(898%) hue-rotate(77deg) brightness(91%) contrast(104%);}

.hr_choose1:hover h4{color: #129500}

.hr_choose1:hover p{opacity:1;}

.hr_choose1:hover:before{opacity: 1; width: 100%; height: 100%}







/*--------PRODUCTS-----------*/



/*.hr_pro1{margin: 0px; padding: 0px 0; position: relative; transition: 0.6s}

.hr_pro1 img{margin: 0px; padding: 40px; border: 1px solid #b7b7b7; background-color: #fff}

.hr_pro1 ul{position: absolute; top: 0; left: 0%; right: 10%; margin: 0 auto; text-align: center}

.hr_pro1 ul li{list-style: none; display: inline-block; }

.hr_pro1 ul li i{color: #000; font-size: 18px; border-radius: 100%; width: 40px; height: 40px; padding: 8px 0; margin: 0 auto; border: 1px solid #000; margin: 0 5px 0 0; transition: 0.6s ; opacity: 0;}

.hr_pro1:hover ul li i{opacity: 1; top: 48% }*/





.hr_pro{ margin: 30px 0;padding: 0px; position: relative; }

#margin{margin: 0px; padding: 0px}

.hr_pro p{margin: 80px 0 120px 0;padding: 0px; font-family: 'Poppins', sans-serif; font-size: 14px; color: #8d8c8c}

.hr_pro1{margin: 0 0; padding: 0px; position: relative; transition: 0.6s}

.hr_pro1 img{margin: 0px; padding: 16px; border: 1px solid #b7b7b7; background-color: #fff; transition: 0.6s}

.hr_pro1:hover img{border-color: #129500}

.hr_pro1 a p{ position: absolute; top: 0; left: 0%; right: 0; color: #fff; text-align: center;  margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: uppercase; opacity: 0; transition: 0.6s}

.hr_pro1:hover p{top: 36%; opacity: 1}

.hr_pro1 a:hover{text-decoration: none}

.hr_pro1 a p span{ color: #129500}

.hr_pro2{position: absolute; top: 0; left: 33%; right: 0; transition: 0.6s}

.hr_pro2 ul{margin: 0px; padding: 0px;}

.hr_pro2 ul li{margin: 0px; padding: 0px; list-style: none; display: inline-block;}

.hr_pro2 ul li a{text-decoration: none;}

.hr_pro2 ul li a i{text-align: center; padding: 10px 0; color: #000; font-size: 16px; border-radius: 100%; width: 40px; height: 40px; background-color: #fff; transition: 0.6s; opacity: 0; }

.hr_pro2 ul li a i:hover{background-color: #129500; color: #fff;}

.hr_pro1:hover .hr_pro2 ul li a i{opacity: 1}

.hr_pro1:hover .hr_pro2{top: 50%}







.hr_pro11{margin: 0 0; padding: 0px; position: relative; transition: 0.6s}

.hr_pro11 img{margin: 0px; padding: 33px; border: 1px solid #b7b7b7; background-color: #fff; transition: 0.6s}

.hr_pro11:hover img{border-color: #129500}

.hr_pro11 a p{ position: absolute; bottom: 0; left: 0%; right: 0; color: #129500; text-align: center;  margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase;  transition: 0.6s}

.hr_pro11 a:hover{text-decoration: none}

.hr_pro11 a p span{ color: #737373}

.hr_pro22{position: absolute; top: 0; left: 36%; right: 0; transition: 0.6s}

.hr_pro22 ul{margin: 0px; padding: 0px;}

.hr_pro22 ul li{margin: 0px; padding: 0px; list-style: none; display: inline-block;}

.hr_pro22 ul li a{text-decoration: none;}

.hr_pro22 ul li a i{text-align: center; padding: 10px 0; color: #000; font-size: 14px; border-radius: 100%; width: 35px; height: 35px; background-color: #fff; transition: 0.6s; opacity: 0; }

.hr_pro22 ul li a i:hover{background-color: #129500; color: #fff;}

.hr_pro11:hover .hr_pro22 ul li a i{opacity: 1}

.hr_pro11:hover .hr_pro22{top: 39%}



.hr_pro3{margin: 0 0; padding: 0px 0 20px 0; position: relative; transition: 0.6s; background-color:#fff}

.hr_pro3 img{margin: 0px; padding: 0px; background-color: #fff; transition: 0.6s; width:100%}

.hr_pro3:hover img{border-color: #129500}

.hr_pro3 a p{color: #000; text-align: center;  margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 15px; text-transform:capitalize; transition: 0.6s}

.hr_pro3 a:hover{text-decoration: none}

.hr_pro3 a p span{ color: #000}

.hr_pro4{position: absolute; top: 0; left: 38%; right: 0; transition: 0.6s}

.hr_pro4 ul{margin: 0px; padding: 0px;}

.hr_pro4 ul li{margin: 0px; padding: 0px; list-style: none; display: inline-block;}

.hr_pro4 ul li a{text-decoration: none;}

.hr_pro4 ul li a i{text-align: center; padding: 10px 0; color: #000; font-size: 18px; border-radius: 100%; width: 40px; height: 40px; background-color: #fff; transition: 0.6s; opacity: 0; }

.hr_pro4 ul li a i:hover{background-color: #129500; color: #fff;}

.hr_pro3:hover .hr_pro4 ul li a i{opacity: 1}

.hr_pro3:hover .hr_pro4{top: 43%}





/*------- Products ------*/



.pagination .active a {

    background-color: #129500 !important;

    border-color: #129500 !important;

}



.tus_products{



	margin:0px 0 20px 0; padding:15px; border:solid 1px #eee; position:relative; overflow:hidden; transition:0.8s; background-color:#fff}



.tus_products img{



	margin:10px auto 20px auto; padding:0px;}



.tus_products h4{



	margin:0px; padding:0px; font-family:'Poppins', sans-serif; font-size:15px; color:#129500; text-transform:capitalize; text-align:center;}



.tus_products p{



	margin:0px; padding:0px; font-family:'Poppins', sans-serif; font-size:15px; color:#737373; text-transform:capitalize; text-align:center;}



.tus_products i{



	margin:0px auto; padding:12px 0 0 0; background-color:#000; color:#fff; width:45px; height:45px; top:10%; left:0; right:0; text-align:center; position:absolute;



	font-size:20px; transition:0.8s; opacity:0}



.tus_products:hover i{



	opacity:1; top:35%}



.tus_products i:hover{



	background-color:#fe0505; border-top-left-radius:1em; border-bottom-right-radius:1em;}



.tus_products a:hover{



	text-decoration:none;}





/*----------FOOTER-----------*/

.ftr_bgr{ margin: 50px 0 0 0; padding: 0; background-color:  #101010; }

#hr_margin{margin: 0px; padding: 0px;}

.hr_ftr1{margin: 0px; padding: 0px 0; background-color: #000}

.hr_ftr1 img{margin: 0px; padding: 64px 0px 34px 88px;  }

.hr_ftr5{margin: 0 auto; padding: 18px 0; width: 62%;}

.hr_ftr1 p{margin: 10px 0 0 0;  padding: 0px;  color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 14px; }

.hr_ftr1 p i{margin: 0px 7px 0 0; padding: 0px; font-size: 15px;}

.hr_ftr1 h5{margin: 10px 0 0 0;  padding: 0px;  color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 14px; }

.hr_ftr1 h5 i{margin: 0px 7px 0 0; padding: 0px; font-size: 15px;}

.hr_ftr1 a h6{margin: 10px 0 0 0;  padding: 0px;  color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 14px; }

.hr_ftr1 h6 i{margin: 0px 7px 0 0; padding: 0px; font-size: 15px;}

.hr_ftr1 a{text-decoration: none}

.ftr_bgr3{ margin: 0px 0; padding: 0; }

.ftr_bgr3 a{ margin: 0px 5px 0 0; }

.ftr_bgr3 a i{ margin: 20px auto; text-align: center; color: #5b5b5b; transition: 0.8s;padding: 10px 0; width: 35px; height: 35px; border-radius: 100%; background-color: #ffffff; transition: 0.8s; font-size: 16px;}

.ftr_bgr3 a i:hover{  color: #0d6303;}





.ftr_bgr1{margin: 9px 0 0 0; padding: 0;}

.ftr_bgr1 img{margin: 0px; padding: 0px; }

.ftr_bgr1 h6{margin: 0px 0 0 0; padding: 0px; color: #129500; font-family: 'Poppins', sans-serif; font-size: 16px; text-transform: capitalize}

.ftr_bgr1 p{margin: 10px 0 0 0; padding: 0px; color: #606060; font-family: 'Poppins', sans-serif; font-size: 14px; }

.ftr_bgr1 a i{color: #fff; margin: 12px 5px 0 0; padding: 0 0px; font-size: 16px; text-decoration: none; transition: 0.6s}

.ftr_bgr1 a:hover{text-decoration: none;}

.ftr_bgr1 a i:hover{color: #129500}

.ftr_bgr1{ margin: 55px 0 0 0; padding: 0px;}

.ftr_bgr1 h3{margin: 20px 0 0 0; padding: 0px; color: #fff; font-family: 'Poppins', sans-serif; text-transform: capitalize; font-size: 20px; }

.ftr_bgr1 h4{  font-family: 'Poppins', sans-serif; font-size: 20px;  color: #fff; text-transform: capitalize;}

.ftr_bgr1 ul{ margin: 0px ; padding: 0px;}

.ftr_bgr1 ul li{ list-style: none; color: #129500; padding: 5px 0; margin: 0 0 0 0px;}

.ftr_bgr1 ul li a{ text-decoration: none; color: #606060; font-family: 'Poppins', sans-serif; transition: 0.5s;}

.ftr_bgr1 ul li a i{color: #606060;  transition: 0.5s;}

.ftr_bgr1 ul li a:hover{ color: #129500; padding-left: 3px; opacity: 1;}

.ftr_bgr1 ul li a:hover i{ opacity: 1;color: #129500; }

.ftr_i{ margin: 0px; padding: 0;}

.ftr_i i{margin: 0px 0 0 0; padding: 7px 0; color: white; font-size: 18px;}

.ftr_i i span{ margin: 0px 0 0 10px; padding: 0px;  font-family: 'Poppins', sans-serif; font-size: 14px}

.tus_copy { margin: 20px 0 0 0; padding: 15px 0; background-color: #101010; border-top: 2px solid #2b2b2b }

.tus_copy p { margin: 5px 0 0px 0px; padding: 0px 0; font-family: 'Poppins', sans-serif; font-size: 13px; color: #606060;  }





/*----------CONTACT-PAGE-----------*/

.contact_form{ margin: 15px 0 0 0; padding: 30px 20px; border: solid 1px #ececec; background-color: #fff; }

.contact_form h4{margin: 0px 0 10px 0; padding: 0px 0 10px 0;font-family: 'Poppins', sans-serif;font-size: 18px;color: #000; text-transform: capitalize;border-bottom: solid 1px #eee;letter-spacing: 2px;}

.cntc_frm{margin: 0px 0 15px 0;padding: 10px 15px;background-color: #f6f6f6;border: 1px solid #ececec;width: 100%;color: #000;

font-family: 'Poppins', sans-serif;font-size: 13px;transition: 0.8s;}

.tp_submit{ margin: 0px; padding: 10px 14px;transition: 0.6s; font-family: 'Poppins', sans-serif; text-transform: uppercase; text-align: center; border: none; background-color: black; color: white;}

.tp_submit:hover{ background-color: #129500; color: #ffffff;}



.contact_form p{    margin: 0px 0 10px 0;  padding: 0px 0 0px 0;   font-family: 'Poppins', sans-serif;  font-size: 14px;  color: #000;}


/*----------CONTENT-PAGE-----------*/

.hr_aboutus{margin: 0px; padding: 0px;}

.hr_aboutus p{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif;  font-size: 14px;  color: #737373;}




/*----------INQUIRY-----------*/

.inqy{ margin: 0px; padding: 0px;}

.inqy span1{ margin: 0px 0 0 15px;  padding: 0px; color: white; font-size: 20px; text-transform: uppercase;  font-family: 'Poppins', sans-serif; }

.summry{ background: #191919;

margin-bottom: 40px; margin: 10px 0 0 0;}

.summry_txt{ font-family: 'Poppins', sans-serif;

padding: 20px;

color: #ffffff;

font-size: 18px;

border-bottom: #000 1px solid;}




.tus_prodetail{margin: 0px; padding: 0px;}
.tus_prodetail h1{color: #fff}
.tus_prodetail h2{color: #fff}
.tus_prodetail p{color: #fff}


/*----- Basket ------*/



.yourCart{



    width:100%; text-align:left; text-transform:uppercase; padding:20px; background:#eeeeee; font-weight:bold; font-family: 'Poppins', sans-serif; font-size:18px;



	 border-radius:3px 3px 0 0;}



.cartProduct{



	border:1px solid #eeeeee; border-top:none; background-color:#fff}



.cartProduct:last-child{



	margin-bottom:20px; margin-top:15px;}



.cartPdctImage{



	width:100%; height:200px; text-align:center; position:relative}



.cartPdctImage > img{



	max-height:100%; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:15px; border:solid 1px #ccc}



.cartPdctName{



    font-family: 'Poppins', sans-serif; padding:20px 0 0; color:#333; font-size:14px; text-transform:capitalize}



.cartPdctArt{



	font-family: 'Poppins', sans-serif; padding:5px 0 0; color:#333; font-size:14px;}



.cartPdctSize{



	font-family: 'Poppins', sans-serif; padding:5px 0 10px; color:#333}



.cartQuantity{



	width:60px; font-family: 'Poppins', sans-serif; font-weight:bold; color:#333}



.cartSubmit{



	margin:10px 0; background:#000; font-family:'Poppins', sans-serif; border:none; padding:7px 20px; font-size:14px; color:#fff}



.cartRemove{



	margin:10px 0; background:#000; border:none; padding:8px 20px; font-family: 'Poppins', sans-serif; font-size:13px; color:#fff; text-transform:uppercase; display:inline-block; transition: 0.6s}



.cartRemove:hover{



	color:#fff; text-decoration:none; background-color:#129500}



.cartPdctPrice{



	font-family:'Poppins', sans-serif; padding:20px; text-align:right ; color:#fa5400}



.summery{



	background:#191919; margin-bottom:40px;}



.summeryTxt{



	font-family: 'Poppins', sans-serif; padding:20px; color:#ffffff; font-size:15px; border-bottom:#000 1px solid}



.summeryTotal{



	font-family:'Poppins', sans-serif; padding:20px; color:#ffffff; font-size:14px; border-bottom:#000 1px solid; border-top:#333 1px solid; text-transform:uppercase}



.summeryTotal > span{



	float:right}



.summeryOr{



	font-family: 'Poppins', sans-serif; color:#ffffff; font-size:16px;text-align:center}



.cartSend{



	padding:15px 30px; text-align:center}



.cartSend > a{



	font-family:'Poppins', sans-serif; padding:10px; color:#ffffff; font-size:14px; text-transform:uppercase; background:#129500; display:block; border-radius:3px;font-weight:bold; text-decoration:none; transition: 0.6s}



.cartSend > a:hover{



	background-color:#fff; text-decoration:none; color:#129500}



.cartAddMore{



	padding:15px 30px; border-top:#333 1px solid; text-align:center}



.cartAddMore > a{



   font-family:'Poppins', sans-serif; padding:10px; color:#ffffff; font-size:13px; text-transform:uppercase; background:#129500; display:block; border-radius:3px;  font-weight:bold; text-decoration:none; transition: 0.6s}



.cartAddMore > a:hover{



	background:#fff; text-decoration:none; color:#129500}



.cartBasketEmpty{



	font-family:'Poppins', sans-serif; padding:60px 20px ; color:#000000; font-size:25px; background:#eeeeee; text-align:center; margin:20px 0 40px; width:100%}



/*----- contact us ------*/

.tus_nxtheading{



	margin:20px 0 30px 0; padding:0px; position:relative}
	
	
.tus_nxtheading::before {content: '';position: absolute;background-color: #129500;width: 70px;bottom: -10px;left: 50%;height: 2px;transform: translate(-50%,-50%);}

.tus_nxtheading span {content: '';position: absolute;background-color: #737373;width: 7px;height: 7px;right: 45.5%;bottom: -12px;transform: rotate(45deg);}

.tus_nxtheading::after {content: '';position: absolute;background-color: #737373;width: 7px;height: 7px;left: 45.5%;bottom: -12px;transform: rotate(45deg);}


.tus_nxtheading h1{



	margin:0px; padding:0px; font-family:'Poppins', sans-serif; font-size:25px; color:#737373; text-transform:uppercase; text-align:center; letter-spacing:2px}



.tus_conactf{



	margin:0px 0 30px 0; padding:30px 20px; background-color:#eee; border: 1px solid #ececec;}



.tus_conactf h4{



	margin:0px 0 10px 0; padding:0px 0 10px 0; font-family: 'Poppins', sans-serif; font-size:18px; color:#000; text-transform:uppercase; border-bottom:solid 1px #eee;



	font-weight:600; letter-spacing:2px}



.tus_continp{



	margin:0px 0 15px 0; padding:10px 15px; background-color: #fff; border: 1px solid #ececec; width:100%; color:#000; font-family: 'Poppins', sans-serif; font-size:13px;



	transition:0.8s}



.tus_contsbmt{



	margin:0px; padding:10px 15px; background-color:#000; color:#fff; text-align:center; text-transform:uppercase; font-family: 'Poppins', sans-serif; font-size:13px;



	border:none; transition:0.8s}



.tus_contsbmt:hover{



	background-color:#129500; color:#fff; text-decoration:none;}



.tus_continp:focus{



	border:solid 1px #ed1f23}



.tus_cdetail{



	margin:0px; padding:0px; padding: 30px; background-color: #fff; border: 1px solid #ececec;}



.tus_cdetail h4{



	margin:0px 0 10px 0; padding:0px 0 10px 0; font-family: 'Poppins', sans-serif; font-size:18px; color:#000; text-transform:uppercase; border-bottom:solid 1px #eee;



	font-weight:600; letter-spacing:2px}



.tus_cdetail p{



	margin:0px 0 10px 0; padding:0px 0 0px 0; font-family: 'Poppins', sans-serif; font-size:14px; color:#7e7e7e;}





/*-----------RESPONSIVE---------*/

@media only screen and (min-width: 280px) and (max-width: 359px) {

    .hr_heading{margin: 10px 0 5px 0;}
	
	.hr_ctg{margin-top: 20px 0px 20px 0;}

    .hr_heading h4{font-size: 24px;}

    .hr_ctg h5{padding: 11px 0; font-size: 18px; width: 160px; height: 40px;}

    .hr_ctg:before{left: 13px; top: 13px;}

    .hr_abt{margin: 30px 0;}

    .hr_abt:before{width: 100%}

    .hr_abt h5{font-size: 18px;}

    .hr_abt h4{font-size: 16px}

    .hr_abt p{font-size: 13px;}

    .hr_abt1 img{margin: -48px 0 0 7px;}

    .hr_pro p{margin: 30px 0 25px 0;}

    .hr_pro3 img{padding: 0px;}

    .hr_pro3{padding: 0px;}

    .hr_pro3 a p{font-size: 14px;}

    .hr_pro4 ul li a i{padding: 10px 0; width: 35px; height: 35px; font-size: 14px}

    .hr_pro4{left: 32%; }

    .hr_pro3:hover .hr_pro4{bottom: 33%}

    .hr_pro3:hover p{top: 37%}

    .hr_pro11 img{padding: 0px;}

    .hr_pro22{left: 33%}

    .ftr_bgr1{margin: 30px 0 0 0;}
    
    .hr_logo{float: inherit}

    .hr_logo img{width: 50%; margin: 0 auto}
    
    .hr_headm{float: inherit}
    
    .tus_banner{top: 0px; margin-bottom: 0px;}
	
	.hr_ftr1 img{margin: 0 auto; padding:18px 0px;}
	
	.hr_ftr5{width:88%}

}





@media only screen and (min-width: 360px) and (max-width: 479px) {

    

    .hr_heading{margin: 10px 0 5px 0;}
	
	.hr_ctg{margin-top: 20px 0px 20px 0;}

    .hr_heading h4{font-size: 24px;}

    .hr_ctg h5{padding: 11px 0; font-size: 18px; width: 160px; height: 40px;}

    .hr_ctg:before{left: 13px; top: 13px;}

    .hr_abt{margin: 30px 0;}

    .hr_abt:before{width: 100%}

    .hr_abt h5{font-size: 18px;}

    .hr_abt h4{font-size: 16px}

    .hr_abt p{font-size: 13px;}

    .hr_abt1 img{margin: -48px 0 0 7px;}

    .hr_pro p{margin: 30px 0 25px 0;}

    .hr_pro3 img{padding: 0px;}

    .hr_pro3{padding: 0px;}

    .hr_pro3 a p{font-size: 14px;}

    .hr_pro4 ul li a i{padding: 10px 0; width: 35px; height: 35px; font-size: 14px}

    .hr_pro4{left: 32%; }

    .hr_pro3:hover .hr_pro4{bottom: 33%}

    .hr_pro3:hover p{top: 37%}

    .hr_pro11 img{padding: 0px;}

    .hr_pro22{left: 33%}

    .ftr_bgr1{margin: 30px 0 0 0;}
    
    .hr_logo{float: inherit}

    .hr_logo img{width: 50%; margin: 0 auto}
    
    .hr_headm{float: inherit}
    
    .tus_banner{top: 0px; margin-bottom: 0px;}
	
	.hr_ftr1 img{margin: 0 auto; padding:18px 0px;}
	
	.hr_ftr5{width:88%}

}



@media only screen and (min-width: 480px) and (max-width: 666px) {

    .hr_heading{margin: 10px 0 5px 0;}
	
	.hr_ctg{margin-top: 20px 0px 20px 0;}

    .hr_heading h4{font-size: 24px;}

    .hr_ctg h5{padding: 11px 0; font-size: 18px; width: 160px; height: 40px;}

    .hr_ctg:before{left: 13px; top: 13px;}

    .hr_abt{margin: 30px 0;}

    .hr_abt:before{width: 100%}

    .hr_abt h5{font-size: 18px;}

    .hr_abt h4{font-size: 16px}

    .hr_abt p{font-size: 13px;}

    .hr_abt1 img{margin: -48px 0 0 7px;}

    .hr_pro p{margin: 30px 0 25px 0;}

    .hr_pro3 img{padding: 0px;}

    .hr_pro3{padding: 0px;}

    .hr_pro3 a p{font-size: 14px;}

    .hr_pro4 ul li a i{padding: 10px 0; width: 35px; height: 35px; font-size: 14px}

    .hr_pro4{left: 32%; }

    .hr_pro3:hover .hr_pro4{bottom: 33%}

    .hr_pro3:hover p{top: 37%}

    .hr_pro11 img{padding: 0px;}

    .hr_pro22{left: 33%}

    .ftr_bgr1{margin: 30px 0 0 0;}
    
    .hr_logo{float: inherit}

    .hr_logo img{width: 50%; margin: 0 auto}
    
    .hr_headm{float: inherit}
    
    .tus_banner{top: 0px; margin-bottom: 0px;}
	
	.hr_ftr1 img{margin: 0 auto; padding:18px 0px;}
	
	.hr_ftr5{width:88%}

}



@media only screen and (min-width: 667px) and (max-width: 767px) {

    

    .hr_heading{margin: 10px 0 5px 0;}
	
	.hr_ctg{margin-top: 20px 0px 20px 0;}

    .hr_heading h4{font-size: 24px;}

    .hr_ctg h5{padding: 11px 0; font-size: 18px; width: 160px; height: 40px;}

    .hr_ctg:before{left: 13px; top: 13px;}

    .hr_abt{margin: 30px 0;}

    .hr_abt:before{width: 100%}

    .hr_abt h5{font-size: 18px;}

    .hr_abt h4{font-size: 16px}

    .hr_abt p{font-size: 13px;}

    .hr_abt1 img{margin: -48px 0 0 7px;}

    .hr_pro p{margin: 30px 0 25px 0;}

    .hr_pro3 img{padding: 0px;}

    .hr_pro3{padding: 0px;}

    .hr_pro3 a p{font-size: 14px;}

    .hr_pro4 ul li a i{padding: 10px 0; width: 35px; height: 35px; font-size: 14px}

    .hr_pro4{left: 32%; }

    .hr_pro3:hover .hr_pro4{bottom: 33%}

    .hr_pro3:hover p{top: 37%}

    .hr_pro11 img{padding: 0px;}

    .hr_pro22{left: 33%}

    .ftr_bgr1{margin: 30px 0 0 0;}
    
    .hr_logo{float: inherit}

    .hr_logo img{width: 50%; margin: 0 auto}
    
    .hr_headm{float: inherit}
    
    .tus_banner{top: 0px; margin-bottom: 0px;}
	
	.hr_ftr1 img{margin: 0 auto; padding:18px 0px;}
	
	.hr_ftr5{width:88%}

}



@media only screen and (min-width: 768px) and (max-width: 799px) {

    .hr_heading{margin-top: 12px;}
	
	.hr_ctg h5{font-size:22px; width:65%;}

    .hr_abt{margin: 25px 0;}

    .hr_abt1 img{margin: 0px;}

    .hr_choose1 h4{font-size: 16px;}

    .hr_choose1{padding: 0px;}

    .hr_choose1 p{font-size: 12px;}

    .hr_pro p{margin:  28px 0 20px 0;}

    .hr_pro3 a p{font-size: 14px;}

    .hr_pro4 ul li a i{width: 35px; height: 35px; padding: 10px 0; font-size: 14px;}

    .hr_pro3:hover .hr_pro4{bottom: 40%}

    .hr_pro4{left: 38%}

    .hr_pro22 ul li a i{font-size: 12px; width: 30px; height: 30px; }
    
    .bg-c{background-color: none;}

    .tus_banner{top: 0px; margin-bottom: 0px;}
    
    .hr_headm{float: right; width:80%}
	
	.hr_logo{margin:15px auto;}
	
	.hr_ftr1 img{padding:31px 30px 10px 30px; margin:0 auto}
	
	.hr_ftr5{margin:0 auto; padding:36px 0 73px 0; width:93%}
	
	.hr_ftr1 p{font-size:13px;}
	
	.hr_ftr1 p{font-size:13px;}
	
	.hr_ftr1 h5{font-size:13px;}
	
	.hr_ftr1 h6{font-size:13px;}
	
	.ftr_bgr1 h4{font-size:17px;}
	
}



@media only screen and (min-width: 800px) and (max-width: 991px) {

    .hr_heading{margin-top: 12px;}
   
    .hr_ctg h5{font-size:22px; width:65%;}

    .hr_abt{margin: 25px 0;}

    .hr_abt1 img{margin: 0px;}

    .hr_choose1 h4{font-size: 16px;}

    .hr_choose1{padding: 0px;}

    .hr_choose1 p{font-size: 12px;}

    .hr_pro p{margin:  28px 0 20px 0;}

    .hr_pro3 a p{font-size: 14px;}

    .hr_pro4 ul li a i{width: 35px; height: 35px; padding: 10px 0; font-size: 14px;}

    .hr_pro3:hover .hr_pro4{bottom: 40%}

    .hr_pro4{left: 38%}

    .hr_pro22 ul li a i{font-size: 12px; width: 30px; height: 30px; }
    
    .bg-c{background-color: none;}

    .tus_banner{top: 0px; margin-bottom: 0px;}
    
    .hr_headm{float: right; width:80%}
	
	.hr_logo{margin:15px auto;}
	
	.hr_ftr1 img{padding:31px 30px 10px 30px; margin:0 auto}
	
	.hr_ftr5{margin:0 auto; padding:36px 0 73px 0; width:93%}
	
	.hr_ftr1 p{font-size:13px;}
	
	.hr_ftr1 p{font-size:13px;}
	
	.hr_ftr1 h5{font-size:13px;}
	
	.hr_ftr1 h6{font-size:13px;}
	
	.ftr_bgr1 h4{font-size:17px;}
	

}



@media only screen and (min-width: 992px) and (max-width: 1169px) {

   

}