@import url('https://fonts.googleapis.com/css?family=Fira+Sans');


body{
	background: #fff;
	-webkit-font-smoothing: antialiased;
	font-family: 'Fira Sans', sans-serif;
}

h1,h2,h3,h4{
	text-align: center;
	font-family: 'Fira Sans', sans-serif;
}
.productsListing{
	padding:20px;
}
.productsListing h3{
	font-size:25px;
	color:#fff;
	margin-top:100px;
	font-family: 'Fira Sans', sans-serif;
}
.products-box {
	float: left;
	width: 100%;
	padding: 0 25px;
	background-color: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:50px;
	border-radius: 20px;
	border: 2px solid;
	font-family: 'Fira Sans', sans-serif;
}


.products-round {
	width: 200px;
	height: 200px;
	border-radius: 100%;
	margin: -37px auto 13px;
	border: 1px solid;
	background-color: #fff;
	font-family: 'Fira Sans', sans-serif;
}
.products-round img{
	height:100%;
	border-radius:100%;
	
}
.products-round a.sprite{
	text-align: center;
	line-height: 100px;
	display: block;
	color: #a6ac9a;
	text-align: center;
	font-size: 45px;
	font-family: 'Fira Sans', sans-serif;
}

.products-box h3 {
	
	font-weight: 500;
	font-size: 23px;
	line-height: 23px;
	color: #454545;
	text-align: center;
	margin: 0 0 8px 0;
	font-family: 'Fira Sans', sans-serif;
}

.products-box strong.title-text {
	font-weight: 100;
	color: #454545;
	font-size: 19px;
	line-height: 19px;
	display: block;
	text-align: center;
	padding: 0 0 10px 0;
	font-family: 'Fira Sans', sans-serif;
}

.products-box p {
	font-family: 'Fira Sans', sans-serif;
	font-size: 13px;
	color: #868686;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	margin: 0 0 6px 0;
}
.products-box a.readmore {
	width: 135px;
	height: 39px;
	margin: 15px auto;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	text-decoration: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	display: block;
	color: #454545;
	position: relative;
	
}


.products-box a.readmore .fa {
	font-size: 14px;
	color: #454545;
	padding: 0 0 0 5px;
}

.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(1deg);
  transform: scale(1.1) rotate(1deg);
  background:#efeff5;
}


.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0);
    } 
}

.whitebg{
	background:#fff;
	padding:20px;
}	

    #testimonials{
        background: #fff;
        
        width:100%;
        min-height:400px;
        margin-top:50px;
        position:relative;
	}
	
    #testimonials .testimonial{
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        z-index:1;
        min-height:250px;
    }
    
    #test_container{
        position:relative;
        overflow:hidden;
        text-align: center;
        
        background: #FFF;
        
        
    }
    #testimonials .testimonial_text{
        font-size:22px;
        text-align: center;
        color:#000;
    }
    #testimonials .testimonial_name{
        font-size:20px;
        text-align: center;
        color:#000;
        
    }
    #testimonials .testimonial_designation{
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        color:#000;
        
    }
    #t_pagers{
        position:absolute;
        left:45%;
        
        
        margin-top:-18px;
        z-index:2;
        
    }
    #t_pagers .pager{
        display:inline-block;
        text-decoration:none;
        width:5px;
        min-height:5px;
        margin-right:5px;
        background:#000;
        border-radius:50%;
        cursor:pointer;
        align-content: center;
        
    }
    #t_pagers .pager.active{
        background:#056;
	}
	.navButtons{
		position:left;
		margin-left:48%;
		z-index: 1200;
	}
	p{
		font-size:15px;
		padding:20px;
	}
	.contact-details h3 {
	color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
	line-height: 1em;
    text-transform: uppercase;
}

.contact-details ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.contact-details ul li {
	margin: 0 0 20px;
	line-height: 28px;
	padding: 0;	
	color: #000;
	margin-left:10px;
	text-align: center;
}

.contact-details a{
    color: #00f;    
}

	#contact-form input,
#contact-form textarea {
    
	
     -webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	

	
	background: #fff;	
    color: #000;
    font-size: 16px;
    height: auto;
    padding: 15px;
	margin: 0;
	border:2;
	border-color: #000;
	resize: none;
	border: 1px solid;
}
.contact-details{
    color: #FFF;
}
#contact-form input {
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form .submit {
    background: #FAFAFA;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

#contact-form .submit:hover {
    background: #000;
    color: #FFFFFF;
}
#right{
	float:right;
	
	width:35px;height:35px;background: #333;color:#fff;text-align:center;
	font-size:25px;
	margin-right: 15px;
  }
#left{
	float:right;
	width:35px;height:35px;background: #333;color:#fff;text-align:center;
	font-size:25px;
	margin-right: 25px;
  }


  @keyframes slidy {
	0% { left: 0%; }
	50% { left: -130%; }
	}
	div#slider { overflow: hidden;}
	div#slider figure img { width: 10%;height:500px; float: left; }
	div#slider figure { 
	  position: relative;
	  width: 500%;
	  height: 25%;
	  margin: 0;
	  left: 0;
	  text-align: left;
	  font-size: 0;
	  animation: 30s slidy infinite; 
	}
	
	.models{
		margin-top:50px;
	}

	.models p{
		font-size:20px;
		line-height:1.5;
	}
	.models ul{
		font-size:20px;
	}
	.contact-details{
		color:#000;
	}
	.contact-details p{
		text-align: center;
	}

	#features .row{
		margin-top:30px;
	}

	.introHide {
		-webkit-animation: introHideAnim 7s forwards; 
		animation: introHideAnim 7s forwards;
	}
	@keyframes introHideAnim {
		0%   {opacity: 1;}
		50%  {opacity: 1;}
		100% {opacity: 0;visibility: hidden;margin-left:-250px;}
	}
	@-webkit-keyframes introHideAnim {
		0%   {opacity: 1;}
		50%  {opacity: 1;}
		100% {opacity: 0;visibility: hidden;margin-left:-250px;}
	}