@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
    html, body {
	/*height:100%;*/
	/*min-height:100%*/
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: #cdcccc;
}

.headingbr{
	padding:15px;
	background-color: #708090;
}
.headingwline{
	padding:5px;
	background-color: white;
}
/*.headinginfo{
	color: #FFFFF0;
	padding: 0px 50px 0px 20px;
	text-align: left;
}*/

.translation{
	font-size: 14px;
	position: absolute;
    top: 2px;
    right: 16px;
	text-decoration: none;
	color:#ffffff;
}
.translation a{
	color:#ffffff;
}
.translation a.active,.translation a:hover {
    color:#ffffff;
	text-decoration: none;
}
.footer{
	background-color: darkgray;
  	/*position: absolute;
  	bottom: auto;*/
	width: 100%;
	height: 150px;
	text-align: center;
	font-weight: bolder; 
	color: #ffffff;
	padding: 20px;
	font-size: 20px;
	
}
.copyright{
	/*background-color: darkgray;*/
	/*position: fixed;*/
	color: #000000;
	font-size: 10px;
	padding: 10px 0px;
	text-align: center;
	
}

 /*Make the image fully responsive */
/*.carousel-inner{
	width: 300px;
	height: 300px;
} */
.carousel-item img {
    width: 100%;
    height: 100%;
  }
.carousel-item video {
    width: 100%;
    height: 100%;
  }
.container{
	padding-bottom: 20px;
}
.orangebar{
	height: 30px;
	background-color: #f26722;

}

/*****************************ABOUT US***************************************/
.content h3{
	text-align: left;
	color: #FF4500;

}

.awards h5{
	text-align: left;
	color: #FF4500;
}
.paboutus{
	text-align: left;
}

.aboutcontent h4{
	text-align: left;
	color: #FF4500;
	padding: 10px;
}
.aboutcontent{
	
	padding-left:20px;
	padding-top:10px;
}
.aboutushistory
{
	box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, 0.7);
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 70%;	
}
.aboutusaward1
{
	box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, 0.7);
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;	
}
.aboutusaward2
{
	box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, 0.7);
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;	
}
.aboutusaward3
{
	box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, 0.7);
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;	
}
.HD400{
  display: block;
  margin-left: 0px;
  margin-right: auto;
  width: 30%;
  box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, 0.7);
}
.HD120{
  display: block;
  margin-left: 0px;
  margin-right: auto;
  width: 30%;
  box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, 0.7);
}
/********************************************************************/

.orangebar p{
    color: #ffffff;
	font-size: 20px ;
	padding: 0px 20px 20px 20px;
	text-align: left;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;

}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/****************************navbar********************************/
.bs-example{
 background-color: darkgray;
}
.vertical-line{
        display: inline-block;
        border-left: 1px solid #696969;
        margin: 0 5px;
        height: auto;/*35px;*/
    }

.navbar{
	background-color: transparent!important;
}

.navbar .navbar-brand{
	color: #000000;
	font-size: 20px;
}

.navbar .navbar-nav{
	margin: 0 auto;
}

.navbar .nav-item a{
	color: #000000!important;
}
.dropdown-toggle::after { 
    content: none; 
}


/******************************************/
.dropdown-menu .dropdown-header{
	font-size: 15px;	
}


/***********************text block in carousel*******************************/
.text-block {
  position: absolute;
  /*bottom: 100px;
  right: 100px;*/
  top: 20px;/*location*/
  left: 63px;/*location*/
  background: rgba(157,157,157,0.6);
  color: white;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 7px;
}
/**********************circle image********************************/
.avatar {
  vertical-align: middle;
  width: 250px;
  height: 250px;
  border-radius: 50%;   
}


/***********************crawler drill css********************************/
.container-fluid{
	margin: 0 auto;
}
.container-fluid h3{
	padding-top: 10px;
	margin: 0 auto;
}

/**********************************business partner ********************/
.dealer{
	padding: 10px;
}
/*************************Contact us *************************************/
.google-maps{
	position: relative;
    padding-bottom: 50%;/* This is the aspect ratio*/
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

/*******************************index hot item *******************************/
.content1{
	padding-left: 50px;
	padding-bottom: 10px;
}   
.content1 h4{
	padding-left: 30px;
}
.hotitem {
        width: 100%;
        height: 100%;
      /*  position: relative;
        display: inline-block;
        margin: 50px;*/
    }
    .hotitem .img-top {
        display: none;
        position: absolute;
        top: 32px;
        left:15px;
        z-index: 99;
    }
    .hotitem:hover .img-top {
        display: inline;
    }

/*********************************contact us***************************************/
.google-maps iframe{
	padding-top: 20px;
}
/**********************************product, hotitem, news***************************/
hr.new2 {
  /*border-top: 2px dotted #bbb;*/
  border-top: 2px dotted #000;
  padding:0 5px;
  
}
  
.content1 .ourproduct1 {
  padding: 10px;
  border: 5px dotted #bbb;
  width: 100%;
  border-radius: 15px;
  margin: 0 auto;
  padding-bottom: 10px;

}
.content1 .ourproduct{
	font-size: 20px;
	text-align: center;
	/*color: #FF4500;*/
	

}
.content1
{
  padding-left:20%;
  
}
.content1 .productimage{
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*width: 50%;*/
  box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, 0.7);
}
.vl {
	padding: 10px;
  	border-left: 2px dotted black;
  /*height: 500px;*/
}

.content1 .readmore1{
text-align: right;
text-decoration: none;
}
.content1 .text {
	font-size: 16px;
}
.content1 .text h5{
	color: #FF4500;
}


/****************************footer scale ********************************/

/* On smaller screens, decrease text size */
@media screen and (max-width: 800px) {
	.orangebar{	height: 40px;}
	.orangebar p {
		font-size:16px;
		padding: 5px 20px 20px 20px;
	}
	.row h6 {font-size:16px;}
	.HD120{width: 100%;}
	.HD400 {width: 100%;}
	.aboutushistory {width: 100%;}
	.aboutusaward1{width: 100%;}
	.aboutusaward2{width: 100%;}
	.aboutusaward3{width: 100%;}
	.paboutus{font-size:18px;width: 200%;}
	.awards h5{font-size:22px; width: 200%;}
	.aboutcontent h4{ 
		font-size:20px;
	}
	.content1{ width: 100%;padding-left: 1%}
	.content1 .text { font-size:12px;}
	.content1 .text h5{font-size:15px;}
	.content1 .readmore1{ font-size:12px;}
	.content1 .ourproduct{font-size:16px;}
	.vl {
	padding: 0px;
  	border-left: 0px dotted white;}
	.content1 .productimage{}
	/*.carousel-item{height: 150%;}*/
	.footer {font-size: 15px}
  
}

/* On smaller screens, decrease text size */
@media  screen and (max-width: 400px) {
	.orangebar{	height: 50px;}
	.orangebar p {
		font-size:14px;		
		/*padding: 1px 10px 10px 10px;*/
	}
	.row h6 {font-size:16px;}
	.HD120{width: 75%;}
	.HD400 {width: 75%;}
	.aboutushistory {width: 75%;}
	.aboutusaward1{width: 75%;}
	.aboutusaward2{width: 75%;}
	.aboutusaward3{width: 75%;}
	.paboutus{font-size:14px;width: 100%;}
	.awards h5{font-size:16px;width: 100%;}
	.aboutcontent h4{ 
		font-size:20px;
	}
	.content1{ padding-left: 5px;}
	.content1 .text { font-size:12px;}
	.content1 .text h5{font-size:15px;}
	.content1 .readmore1{ font-size:12px;}
	.content1 .ourproduct{font-size:16px;}
	.vl {
	padding: 0px;
  	border-left: 0px dotted white;}
	.content1 .productimage{}
	/*.carousel-item{height: 150%;}*/
  .footer {font-size: 10px}
}