@font-face{
	font-family: KozGoPr6N-ExtraLight;
	src:url(../fonts/KozGoPr6N-ExtraLight.otf);
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

img {
    max-width: 100%;
    height: auto;
}


.nav_bg{ 
	background: #fff;
	padding:10px 0; 
}
.about{ 
	padding-top: 70px;
	margin-bottom: 20px;


}
.welcome{ 
	
	 margin: 0 0 35px 0;
	
	 padding-bottom: 30px;
}
.scroll{ 
background: #353434; 
margin-bottom: 60px;
}
.scroll p{ 
color: #fff;
font-size: 14px;
line-height: 30px
}
.services1{
	border:solid 1px #ccc;
	text-align: center;
	padding: 10px;
	background: #fff;
	margin-bottom: 20px;
	box-shadow: 10px 10px 10px #ccc;
	transition: 0.5s ease;
}
.services1:hover{
	box-shadow: 10px 10px 10px #eee;
}
.services1 img{ border-radius: 50% }
.services1 p{
	color: #f53439;
	font-size: 16px;
}

.service{
	background:#032a33;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	padding: 60px 0;
	margin-bottom: 38px;
	margin-top: 50px;
}
.service p{ color: #fff }
.stength{ 
	margin-top:70px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 70px;
}
h2{
	font-family: KozGoPr6N-ExtraLight;
	color:#fc3737;
	padding-bottom: 10px;
	font-size: 35px;
}
h3{
	font-family: KozGoPr6N-ExtraLight;
	color:#bd2020;
	padding-bottom:10px;
	font-size: 35px;
}
h4{
	font-family: KozGoPr6N-ExtraLight;
	color:#f05050;
	padding-bottom: 5px;
	font-size: 20px;
	padding-top: 15px;
	font-weight: bold;
}
h5{
	font-family: KozGoPr6N-ExtraLight;
	color:#fc3737;
	padding-bottom: 10px;
	font-size: 35px;
	text-align: center;
}
.leadership{ border:solid 1px #eee; }

.works_main{
	padding-top: 65px;
}
/** work **/
.work {
    position: relative;
}

.work-pic {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.work:hover .work-pic {
  opacity: 0.3;
}

.work:hover .middle {
  opacity: 1;
}

.text {
  background-color: #ed1846;
  color: white;
  font-size: 16px;
  padding: 5px 10px;
}
/** work **/
.testimonials{ padding:50px 0; text-align: center;}
.footerbg{ 
	background: #1e1e1e;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	padding-top:50px;
	padding-bottom:20px;
	margin-top: 50px; 
 }
 .footerbg p{
 	color: #fff;
 }
 .copyright{
 	padding-top: 10px;
 	padding-bottom: 10px;
 	background-color: #000;
 	color: #fff
 	
 }
 .previous2{ 
 	position: absolute;
 	top: 0;
 	margin-left: -50px;
 	bottom: 0;
 	left: 0
  }

  .clients{ margin: 80px 0 60px 0 ;text-align: center;}
  .carousel{ margin-top: 60px; }

.logo1{

}


  
  @media only screen and (min-width: 320px) and (max-width: 479px) {
  	.logo1{
	 width: 240px;
	}

	
  }
.color_red{ color: #d50c22 }

/**  Inner Page Start **/
.innerbanner{
	margin-bottom: 40px; margin-top:56px;
}
.inner_heading{
	text-align: center;
}
  .innertop{
  	margin: 40px 0
  }

  .inner_right{
  	background: red;
  	color: #fff;
  	font-size: 13px;
  	border-radius: 4px;
  	padding: 5px;
  }

 .innerproducts{
 	margin: 60px 0 0 0
 }

.clients_border{ border:solid 1px #ccc;margin-bottom: 30px; }
.subfranchisee p{ color:# 212529 }
.subfranchisee p strong{ color: #d50c22;font-weight:normal; }

 /**  Inner Page End **/



.container3 {
    position: relative;
    border:solid 1px #000;
    
}

.container3 image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;

}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;

}

.container3:hover .image {
  opacity: 0.3;
}

.container3:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 12px 12px;
}

ul.innerright{margin: 0 0 30px 0;padding: 0}
ul.innerright li{ list-style-type: none;background: #eee ;margin-bottom: 1px;padding: 10px;width: 100%; }
ul.innerright li:hover{ background: #940404;color: #fff; }
ul.innerright li a{ color: #000; }
ul.innerright li a:hover{  text-decoration: none;color: #fff; }