/*
	Author       : Webful Creations Vision (https://themeforest.net/user/webfulcreationsvision/portfolio)
	Template Name: Webful Optometrist HTML Template
	Version      : 1.0
	CopyRight    : 2016 @ www.webfulcreations.com


	- Main CSS file is inside css/theme-style.css
*/

@import 'css/animate.css';             /* Animations CSS File */
@import 'css/foundation.min.css';      /* Including Foundation CSS File */
@import 'css/font-awesome.min.css';	   /* Including Font Awesome Icons */
@import 'css/owl.carousel.css';		   /* Owl Carousel CSS File */
@import 'css/theme-styles.css';		   /* Main Theme CSS File */

/*
 * Import Website Main Fonts 
 *
 * To change Fonts Get Google Fonts replace in following Link, 
 * AFter replacing below go to theme-style.css and update
 * Font Families
 *
 */
@import 'https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i%7CRaleway:400,700';


/*=========================================
	Below This Line You Can add Your CSS
	Please Do not Edit Files above if you 
	are not sure what you are doing!
==========================================*/

.ser-list ul li span{
	font-size: 16px; color: #15568e; font-weight: bold;
}
.ser-list p{
	font-size: 20px; color: #15568e; font-weight: bold;
}
.ser-list ul li {
	font-size: 15px; color: #312828;  
}
.comp1 img{padding:10px; border:  thick solid #F7BFC0 ; border-style: dashed; margin-bottom: 10px; width: 100% !important;   }
.ser-box p{ padding: 20px; background-color: #15568e; font-size: 30px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color: #9C9B9B; line-height: 40px; text-align: center;
	
}
.serv{ border-left: dashed thin #15568e; margin-bottom: 20px; }
.serv h3{ text-align: center; font-size: 18px !important; font-weight: bold; color: #29af34;}
.serv img{  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;}
.serv:hover{ background-color: #15568e; font-weight: bold; color:#fff;}

.ser-box span{ font-size:20px;  color:#fff; }