@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("section.css");
@import url("product.css");
@import url("banner.css");
@import url("fadein.css");
@import url("accordion.css");
@import url("market.css");
*{
	box-sizing:border-box;
	}
body {
	width: auto;
	margin: auto;
	line-height:auto;
	background-image: url(bg.jpg);
	background-size:cover;
	background-attachment: fixed;
}
.border_right{		
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:40px;
}

.fs-40{
	font-size: 40px;
}
garisan{
	display:none;
	}
.index-right-machine{
	display:block;
	width:100%;
	position:absolute;
	margin-top:-120px;
	}
/****/
.single-footer-cta{
    /* color:#f9c200; */
    font-size:13px;
}
.single-footer-cta h6{
    /* color:#f9c200; */
    font-size: 15px;
    font-weight:500;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.single-footer-cta{
    padding-left:55px;
    position:relative;
    /* z-index:2; */
    /* border-bottom:1px solid #242424; */
    margin-bottom:20px;
    /* padding-bottom:20px; */
}
.single-footer-cta:last-child{
    border-bottom:none
}
.single-footer-cta i{
    position:absolute;
    left:0;
    top:50%;
    height:40px;
    width:40px;
    background: #050e4f;
    color: #ffffff;
    text-align:center;
    line-height:40px;
    font-size:14px;
    border-radius:5px;
    margin-top:-30px;
}	
.container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}	
@media only screen and (max-width: 740px) {
.border_right{		
	border-right-width: 0px;
	padding-right:0px;
}	
garisan{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
	margin:20px auto;
	}
.index-right-machine{
	position:static;
	margin-top:20px;
	width:80%;
	}
	
	.fs-40{
	font-size: 20px;
}
}

.pro {
    list-style-image: url("../images/bullet.png");
    text-align: left;
}

.pro ul {
  list-style: none;
}

.pro li{
	margin-bottom:20px;
	/* padding-left: 10px; */
	list-style-image:url("../images/bullet.png");
	color: white;
	font-size: 24px;
	text-shadow: 1px 2px 6px black;
}

.pro li::before {
    list-style-image: url("../images/bullet.png");
    position: absolute;
    left: 17px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;

    font-weight: 900;
    font-size: 25px;
}

icon-ct,
icon-te,
icon-fb,
icon-in{
	z-index:99;
	position:fixed;
	right:0px;
	}
icon-ct:hover,
icon-te:hover,
icon-fb:hover,
icon-in:hover{
	opacity:0.8;
	}	

icon-ct{
	top: 3%;
	z-index: 999;
	}
icon-ct img{
	    max-width: 50px;
}
icon-te{
	bottom:264px;	
	}
icon-fb{
	bottom:228px;
	}	
icon-in{
	bottom:192px;
	}

.bg-white{
	background: #ffffff;
}

.mr-0{
	margin-right: 0
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.tab-content>.tab-pane {
    display: none;
}
/* History section */

/* ----------------------------------------------------
    Our History Area
---------------------------------------------------- */
.ltn__our-history-inner .ltn__tab-menu .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }
  .ltn__our-history-inner .ltn__tab-menu .nav::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: beige;
    z-index: -1;
    }

.ltn__our-history-inner .ltn__tab-menu a {
  background-color: white;
  border: 2px solid black;
  }

.ltn__our-history-inner .ltn__tab-menu .active {
  border-color: var(--ltn__secondary-color);
  background-color: var(--ltn__secondary-color);
  color: var(--white); }

.ltn__history-icon {
  position: absolute;
  bottom: 40px;
  right: 0;
  font-size: 160px;
  line-height: 1;
  color: var(--ltn__secondary-color); }
  .ltn__history-icon i {
    margin: 0; }

.ltn__our-history-inner .about-img-left {
  padding-right: 70px; }

.ltn__our-history-inner .about-img-right {
  padding-left: 70px; }

.ltn__our-history-inner-2 .ltn__tab-menu {
  margin-bottom: 20px; }
  .ltn__our-history-inner-2 .ltn__tab-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative; }
    .ltn__our-history-inner-2 .ltn__tab-menu .nav::before {
      display: none; }
  .ltn__our-history-inner-2 .ltn__tab-menu a {
    background-color: transparent;
    border: 2px solid transparent;
    font-size: 22px;
    padding: 5px 20px; }
  .ltn__our-history-inner-2 .ltn__tab-menu .active {
    border-color: transparent;
    background-color: transparent;
    color: var(--ltn__secondary-color); }

@media (max-width: 767px) {
  .ltn__history-icon {
    bottom: 10px;
    right: 10px;
    font-size: 80px; }
  .ltn__our-history-inner .about-img-left {
    padding-right: 0px; }
  .ltn__our-history-inner .about-img-right {
    padding-left: 0px; } }


/**** HORIZONTAL TAB ****/
/**********************/
.tab {
 /* float: left;
  background-color: #f1f1f1;
  width: 20%;
  height: 220px;*/
 text-align: center;
 /* margin-bottom: 20px; */
 /* margin-left: 30px; */
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 position: relative;
}

.Pricing-header {
    width: 562px;
    margin: auto;
    background: #fff;
    padding: 5px 10px;
    border-radius: 40px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    padding-bottom: 3px;
    margin-bottom: 30px;
}

/* Style the buttons inside the tab */
.tab button {
  /* font-family: 'Poppins', sans-serif; */
  display: inline-block;
  background-color: #e2e2e2;
  color: black;
  /* padding: 12px 12px; */
  /* width: 18%; */
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  /* box-shadow: 0 10px 20px #ededf1; */
  border-radius: 10px;
  /* height: 50px; */
  z-index: 9;
}

/* Change background color of buttons on hover */
.tab button:hover {
  
  color: #636363;
}

/* Create an active/current "tab button" class */
.tab button.active {
  /* background-color: #df1325; */
  color: #f00;
  /* box-shadow: 0 0px 10px 0px rgb(132 9 9 / 50%); */
  /* margin-right: 5px; */
  /* margin-left: 5px; */
  font-weight: 800;
  font-size: 25px;
}

/* Style the tab content */
.tabcontent {
  /*float: left;*/
  padding: 0px ;
  width: 100%;
  border-left: none;
}
/****END HORIZONTAL TAB ****/
/***table***/
#customers {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

#customers td, #customers th {
  border: 1px solid #e7e7e7;
  padding: 10px;
  text-align: center;
}

#customers tr:nth-child(even){background-color: rgb(226 226 226);}


#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #23338bcf;
  color: white;
  text-align: center;
}
@media only screen and (max-width: 700px) {
	
#customers {

    display: block;
    overflow-x: scroll;
}

	
line_top{
padding-top:5px;
padding-bottom:5px;
margin-bottom:-35px;
}
.tab{
	margin-left: 0px;
}
.tab button{
	/* display: flex; */
	width: 80%;
	margin-bottom: 10px;
}
.tab button.active {
	margin-left: 0px;
}
.tabcontent{
	padding:0;
}
.Pricing-header {
    width: 100%;

}
}

.tab::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #bfbfbf;
    /* z-index: -1; */
}

.column2 {
  float: left;
  width: 50%;
  height: 300px; /* Should be removed. Only for demonstration */
}

@media only screen and (max-width: 740px) {
	.row{
	border-spacing:30px;
	}
	.column2{
	display:contents;
	width:auto;
	}
}