/* 
COLOR: 
RED   #b00f0a
*/
body{
	background-color:#222;
}

#slides a{
  display: none;
}
#content{
	position:relative;
	top:-120px;
}
#slides{
	 margin-bottom:-89px;
}
#stats_outer{
  width:100%;
  position: relative;
  top:-72px;
  padding-top:70px;
  padding-bottom:70px;
  text-align: center;
  background: #b00f0a;
}

#stats_outer .stats{
  width:100px;
  height:100px;
  display:inline-block;
  position: relative;
  margin:0px 50px 0px 50px;
  padding:10px;
  transform:scale(1.2);
  color:#fff;
}

#stats_outer .stats .pos{
  position:absolute;
}

#stats_outer .stats .pos h1{
  font-size: 45px;
}

#stats_outer .stats .pos h3{
  font-size: 15px;
  position: relative;
  top:20px;
  opacity:0.5;
}

#inner_contents_outer_shell{
  width:100%;
  height:auto;
  position: relative;
  top:-121px;
  padding:0px 0px 20px 0px;
}

#inner_contents_outer_shell .inner_contents_shell{
  width:80%;
  height:auto;
  margin-left:10%;
  margin-top: 60px;
}

#inner_contents_outer_shell .inner_contents_shell .inner_contents{
  width:100%;
  height:auto; /*CHANGE HEIGHT TO AUTO WITH PADDING*/
}

#inner_contents_outer_shell .inner_contents_shell h2{
  font-weight: 300;
  letter-spacing: 2px;
}

#inner_client_shell{
  border:1px solid #fff !important;
}

#inner_client{
  text-align: center;
  border:1px solid #fff !important;
}

#inner_client img{
  width:200px;
  display: inline-block;
  margin: 25px;
}

#map{
  margin-top: 25px;
  width: calc(100%);
  height:400px;
}

.dest_btn{
  display: inline-block;
  text-align: center;
  width:calc(49.2% - 13px);
  margin-top:20px;
  padding:10px;
  height:30px;
  cursor:pointer;
  background: #AE1316;
  color:#fff;
  letter-spacing: 1px;
  line-height: 30px;
}
.inner_about_us{
	display:grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	/*padding-top:10px;*/
}
.about-info{
	padding-left:40px;
	padding-right:40px;
	box-sizing:border-box;
	background-color:#222;
	align:center;
	text-align:justify;
	line-height:1.5;
	font-size:20px;
	color:#fff;
	width:50vw;
}
.about-info h2{
	margin-top:20px;
	color:#fff;
}
.about-info:not(h2){
	margin-top:40px;
	font-family: circe, sans-serif;
	/*font-family: 'Arial Nova Light', sans-serif;
	font-family:"rockwell";
	font-family: 'Roboto', 'sans-serif';*/
	font-size:1vw;
	color:#777;
}
#clients{
	position:relative;
	margin-top:-1px;
	margin-bottom:100px;
	/* background-image:url("/public/style/images/abstract-diagonal.jpg"); */
}
#clients > img {
	padding-top:50px;
	position:absolute;
	width:100vw;
	height:350px;
	filter: blur(2px);
  -webkit-filter: blur(2px);
}
#prod-box{
	background-color:#222;
}
#prod-box>h2{
	color:#fff;
}
.about-info > h2::first{
	margin-top:15px;
	margin-bottom:30px;
	color:#444; 
	font-family: 'Bowlby One SC', cursive; 
	/* font-family: 'Anton', sans-serif; */
}
.piclink{
	display:inline-block;
	position:absolute;
	font-size:30px;
	padding-top:10px;
	top:18vw;
	z-index:99;
	text-align:center;
	left:20vw;
	width:220px;
	height:50px;
	border:2px solid #FFF;
	overflow:hidden;
}
.contact_table{
	background-color:#eee;
  display:inline-block;
  width:calc(50% - 2px);
  margin-top: 30px;
  color:#222;
}

.contact_table tr td:nth-child(1){
  width:100px;
}

.contact_table tr td:nth-child(2){
  width:87%;
}

.contact_table tr, .contact_table td{
  width: 100%;
}

.contact_table tr{
  margin-bottom: 20px;
}

.contact_table td{
  width: 200px;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom:1px solid #eee;
}

.contact_table .contact_icons{
  width:27px;
}

.contact_table .span_loc{
  position: relative;
  top:5px;
}

#thumbnail_slider{
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  margin-top: 20px;
}


/* .lslide{
  margin:0px 60px 0px 60px !important;
  padding-left: 30px !important;
} */

#thumbnail_slider li img{
  width:100%;
}

#inner_products_shell{
  background: #333;
  padding:60px 0px 60px 0px;
  width:100%;
  margin-bottom:30px;
  color:#fff;
  position: relative;
  top:-72px;
}

#inner_products_shell h2{
  letter-spacing: 2px;
  font-weight: 300;
}

#inner_contact_shell h4{
  margin-top:40px;
  margin-bottom:36px;
  font-weight: 300;
  letter-spacing: 1px;
}

#inner_contact_shell h4 span{
  cursor: pointer; 
  padding:10px;
  margin-left: 10px;
  background: #18C29C;
  color:#ffffff;
  position: relative;
  top:23px;
}

.lSSlideOuter .lSPager.lSpg > li a{
  background-color: #FFF;
}

.active a{
  background-color: #428bca;
}
.about-pic{
	position:relative;
	cursor:pointer;
	overflow:hidden;
	/*margin-top:-10px;
	margin-bottom:-1px;*/
}
.about-pic img{
	width:50vw;
  transition: transform 2s ease;
  -webkit-filter: brightness(70%);
}
#product-pic:hover{
	transition: transform 2s ease;
	transform: scale(1.25);
	-webkit-filter: brightness(70%);
}
#abt1{
	overflow:visible;
}
#abt1 img {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}
.tag{
	position:absolute;
	top:25vh;
	padding-left:5vw;
	font-size:10vw;
	font-weight:500px;
	z-index:99;
}
.red-write{
	color:#b00f0a;
}
.about-pic > img{
	width:50vw;
}
/* [3] Finally, transforming the image when container gets hovered */
/*
.about-pic:hover img {
  transform: scale(1.25);
}
*/
@media (max-width: 700px){
  #stats_outer .stats{
    margin:0px 15px 0px 15px;
    transform:scale(0.8);
  }
}

@media (max-width: 640px){
  .contact_table{
    width:100%;
    margin-bottom: 30px;
  }
  .dest_btn{
    width:100%;
  }
}

@media (max-width: 474px){
  #stats_outer .stats{
    display: block;
    width: 100%;
    text-align: center;
    margin-left: -7px;
    margin-bottom:30px;
  }
  #stats_outer .stats .pos{
    position: relative;
  }
}
@media (max-width: 700px){
	.inner_about_us{
		display:block;
	}
	.about-pic > img{
		width:100vw;
	}
	#product-pic{
		width:100vw;
	}
	.about-info:not(h2) {
		font-size:3vw;
	}
	.about-info{
		box-sizing:border-box;
		width:100vw;
	}
	.slidejs-container{
		margin-top:100px;
	}
	#slides{
		margin-bottom:-89px;
		margin-top:120px;
	}
	.piclink{
		position:absolute;
		font-size:30px;
		padding-top:10px;
		top:calc(50% - 25px);
		z-index:99;
		text-align:center;
		left:calc(50vw - 110px);
		width:220px;
		height:50px;
		border:2px solid #FFF;
	}
}