@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic,300,300italic);

/*-----------------------------------------------------------------------------------

Theme Name: Prism Eye Institute
Theme URI: http://prism.connektmedia.com
Description: A custom theme for Prizm Eye Intitute
Author: Darren Cooney
Author URI: https://www.connekthq.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
Tags: 
	
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

dark-grey: #1b1d20;
grey: #666;
green: #0bcbaa;
blue: #009cdc;

font-family: 'Lato', sans-serif;



-----------------------------------------------------------------------------------*/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	resize: none;
}
img{ max-width: 100%; }
html {
	font-size: 62.5%;
	height: 100%; 
} 
body{
	background-color: #1b1d20;
	padding:0;
	margin:0;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: #fff;
}
.offscreen {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.skip-to-content, 
.skip-to-content:hover {
	color:transparent; 
	height:0px;
	width:100%;
	text-align: center; 
	line-height:0px; 
	display:block;
	font-size: 16px;
	font-size: 1.6rem;
}
.ie8 .skip-to-content{
	left:-10000px; 
	position:absolute;
}

.skip-to-content:active, 
.skip-to-content:focus{
	color:#000; 
	width:auto; 
	height:auto; 
	line-height:1.4em;
}

a { 
	color: #000;
	text-decoration: none; 
}

a:hover { 
	color: #1b1d20;
	text-decoration: none;
}

p, 
ul li,
ol li,
input,
textarea,
table td,
body{	
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 17px;
	font-size: 1.7rem;
	line-height:1.5;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	list-style:none;
	-webkit-appearance: none;
}

p,
ul,
ol{
	margin:0 0 1.25em;	
}

p.intro{
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0 0 20px;	
	font-weight: 300;
}

.entry-meta,
h4.subtitle,
p.meta{	
	font-weight: 300;
	line-height: 1;
	color:#999;
}	

p.entry-meta{	
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
}
	p.entry-meta a{	
		opacity: 0.8;
	}
	p.entry-meta a:hover{	
		opacity: 1;
	}	

.light-grey{
	color:#999;
}
	
ul, ol, li{
	padding:0;	
	list-style:none;
}

ul{
	padding: 5px 10px;
	list-style:none		
}
	ul li,
	ol li ul li{
		margin:0 0 10px;
		padding:0 0 0 19px;
		list-style:none;
		background:url('img/ico-bullet.png') no-repeat 5px 0.6em;	
	} 
	
		ul ul{
			margin:0 0 0 15px;
		}
			ul li li{
				font-size:1em;	
			}

ol{
	margin-left: 4px;
	padding:5px 10px;
	counter-reset: item
}
	ol li{
	  list-style: none;
	  margin: 0 0 10px 0;
	  padding: 0 0 0 22px;
	}	
	
	ol li:before { 
		content: counter(item) ". "; 
		counter-increment: item;
		color: #000; 
		font-weight: 300;
		margin-right: 4px;
		margin-left: -22px;
		font-weight: 700;
	}
	ol li ul li{}


h1,h2,h3,h4,h5,h6 {
	color: #33728f;
	padding: 0;
	margin:0 0 1em;
	line-height: 1.1em;
	text-transform: none;
   font-weight: 600;  
}
h1{
	font-size: 50px;
	font-size: 5rem;
	margin:0 0 1em;
}
.content-entry h1,
.listing h1{
   font-size: 3.4rem;
}
   .error404 h1{
      padding-top: 60px;
   }
	h1.sm-margin{
		margin: 0 0 0.25em;
	}
   header.header h1{
      margin: 0 0 35px;
   }
	h1.padding{
		margin-bottom: 25px;
	}
   h1 + h4{
      margin: -5px 0 20px;
      overflow: hidden;
   }

h2 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 400;
}
.content-entry h2{
	font-size: 2.8rem;   
}

h3 {
	font-size:24px;
	font-size:2.4rem;
	line-height: 1.2;
}

p + h2,
p + h3,
p + h4,
p + h5{
	margin-top: 60px;
}
h4 {
	font-size:20px;
	font-size:1.6rem;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-weight: 700;
}
h5 {
	font-size:15px;
	font-size:1.5rem;
	margin: 15px 0 10px;
	text-transform: uppercase;
}
h6 {
	font-size:12px;
	font-size:1.2rem;
	margin:0;
	font-weight: 700;
	text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a{
   color: #666;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover{
	text-decoration: none; 
	color: #1b1d20;
}

blockquote{
   border-left: 5px solid #0bcbaa;
   padding: 0 20px;
   margin: 40px 20px;
}
   blockquote p{
      font-weight: 500;
      font-style: italic;
      font-size: 1.8rem;
   }

/*-----------------------------------------------------------------------------------
// - Foundation overrides
-----------------------------------------------------------------------------------*/
.row {
  max-width: 1170px;
  padding: 0 20px;
}
	.row .row{
		padding: 0;
	}

/*-----------------------------------------------------------------------------------
// - Header
-----------------------------------------------------------------------------------*/
header.site-header{
	width: 100%;
	height: 100px;
   z-index: 1000;
   position: absolute;
   top: 0;
	
   background: #33728f;
}	

body.home header.site-header {
	background: #33728f;
}
/*
 * Temporary
 * CORVID-19
 * */
body.page-id-1356 .feature.intro {
	background: #1b1d20;
	color: #fff !important;
}

body.page-id-1356 .feature.intro p {
	color: #fff !important;
}
body.page-id-1356 .feature.patient-experience,
body.page-id-1356 .feature.outcomes,
body.page-id-1356 .feature.blogs {
	display: none;
}


header.site-header ul {
	margin: 0;
	padding: 0;
}      
header.site-header ul li{
	background: none;
	padding: 0;
	margin: 0;
}

/* - Logo */

.logo{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 360px;
}
	.logo a{	
		display: block;
		width: 100%;
		border: none !important;
		text-decoration: none !important;
	}
	.logo a img{
		border: none !important;
		text-decoration: none !important;   	
   }	
	
	
/*-----------------------------------------------------------------------------------
// - Main Navigation
-----------------------------------------------------------------------------------*/


.main-nav,
.main-nav .columns{
   height: 100px;      
}	

.main-nav nav{
	position: absolute;
	bottom: 22px;
	right: 20px;
	width: auto;
}

	.main-nav nav ul.menu{
		padding: 0;		
		width: auto;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}   
	   
	.main-nav nav ul.menu > li{
		width: auto;
		display: inline-block;
		background: none;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400;
		margin: 0 0 0 15px;
		padding: 0;
		position: relative;
		line-height: 1;
		text-transform: uppercase;
	}    
	.main-nav nav ul.menu li.menu-item-92{
   	display: none;
   }  
   	.main-nav nav ul.menu > li > a{
   		color: #fff;
   		padding: 12px 0;
   		line-height: 1;
   		display: block;
   		border-bottom: 1px solid transparent;
   	}
   	.main-nav a{      	
         -webkit-transition: all 0.2s ease;
         -moz-transition: all 0.2s ease;
         transition: all 0.2s ease;
   	}
   	.main-nav nav ul.menu > li.menu-item-contact > a,
   	.main-nav nav ul.menu > li.menu-item-refer-a-patient > a{
      	padding: 12px;
      	border: 1px solid #fff;
      	-webkit-border-radius: 3px;
      	-moz-border-radius: 3px;
      	border-radius: 3px;
      }
      .main-nav nav ul.menu > li.menu-item-contact > a{
         padding: 12px 24px
      }
      .main-nav nav ul.menu > li.menu-item-contact > a:hover,
      .main-nav nav ul.menu > li.menu-item-refer-a-patient > a:hover{
         border-color: #00a3d6;
      }
   	.main-nav nav ul.menu > li.menu-item-contact{
      	margin: 0 0 0 20px;
   	}
   	.main-nav nav ul.menu > li.menu-item-refer-a-patient{
      	margin: 0 0 0 8px;
   	}
   		.main-nav ul.menu > li a:hover,
   		.main-nav ul.menu > li:hover > a{
   			text-decoration: none;
   			color: #00a3d6;
   			border-color: #00a3d6;
   		}
   		.main-nav .extras a:hover{
      		text-decoration: none;
   		}
		 
	.main-nav nav ul.menu > li.current-menu-item > a,
	.main-nav nav ul.menu > li.current-page-ancestor > a,
	.main-nav nav ul.menu > li.current_page_ancestor > a,
	.single-post .main-nav nav ul.menu > li.menu-item-blog > a,
	.archive .main-nav nav ul.menu > li.menu-item-blog > a,
	.single-doctor .main-nav .menu-item-about > a {
		background: none;
		color: #00a3d6;
	}
	
	.main-nav nav ul.menu > li.menu-item-contact.current-menu-item > a, 
	.main-nav nav ul.menu > li.menu-item-refer-a-patient.current-menu-item > a{
		border-color: #00a3d6;		
	}
	
	
	/* Drop Menu */	
   .main-nav nav ul ul{
      display: inline-block;
      background: transparent;
		padding: 10px 0;  
		width: 200px;
		z-index: 10;
   	position: absolute;
   	top:100%;
   	left: 0;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease;
      visibility:hidden;
      opacity: 0;
      top: 108%;
   }  
      .main-nav nav ul ul ul{
         left: 105%; 
         top:0;  
      }    
   	.main-nav nav ul ul li{   		
			text-transform: none;
			margin: 0;
			display: block;
			font-size: 1.4rem;
			font-weight: 400;
			position: relative;
   	}   	
   	.main-nav nav ul ul li a{
   		color: #fff;
   		display: block;
			padding: 15px 20px;
   		line-height: 1.1;
   		height: auto;
   		position: relative;   		
   		background: #000;
   		background: rgba(27, 29, 32, 0.8);
   	} 
   		.main-nav nav ul ul li a:hover,
   		.main-nav nav ul ul li.menu-item-has-children a:after{      		
      		color: #009cdc !important;
      		text-decoration: none;
   		}
   		.main-nav nav ul li ul li.current-menu-item a,
   		.main-nav nav ul li ul li.current-page-ancestor a{
   			color: #009cdc;
   		}      
	
   	 
   .main-nav nav ul.menu li:hover > ul{ /* 2nd level hover */
      visibility: visible;
      opacity: 1;
      top: 100%;
   }
   .main-nav nav ul.menu ul li:hover > ul{ /* 3rd level hover */
      top: 0;
      left: 100%;
   }
   

/* - Toggle nav */   

#mnav-toggle{
	width:40px;
	height:40px;
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	display: none;
}	
#mnav-toggle a{
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
	position: relative;	
	display: block;
	width:40px;
	height:40px;
	background-color: rgba(0, 0, 0, 0.5);
}
#mnav-toggle span{
   display: block;
   width: 24px;
   height: 2px;
   position: absolute;
   top:40%;
   left: 8px; 
   z-index: 1;            
   background-color: #fff;
   -webkit-transition: all 0.2s ease;  
   -moz-transition: all 0.2s ease;  
   transition: all 0.2s ease;   
}
  
#mnav-toggle span.one{ top: 11px; } 
#mnav-toggle span.two{ top: 19px; }
#mnav-toggle span.three{ top: 27px; }

#mnav-toggle a:hover span{
	background-color: #009cdc;	
}
	#mnav-toggle.open{}	
	
		#mnav-toggle.open span{
	      background-color: #fff !important; 
	      opacity: 1;
	      filter: alpha(opacity = 100);                 
	   }
	   #mnav-toggle.open span.one{ left: 0; }
	   #mnav-toggle.open span.two{ opacity: 0;}
	   #mnav-toggle.open span.three{ left:22px; }
	   
	   #mnav-toggle.open span.one,
	   #mnav-toggle.open span.three{
	      top: 19px;
	   }
	   #mnav-toggle.open span.one{ 
	      left: 8px;
	      -webkit-transform: rotate(-45deg);
	      -moz-transform: rotate(-45deg);
	      -ms-transform: rotate(-45deg);
	      transform: rotate(-45deg);
	   }
	   #mnav-toggle.open span.three{ 
	      left: 8px;
	      -webkit-transform: rotate(45deg);
	      -moz-transform: rotate(45deg);
	      -ms-transform: rotate(45deg);
	      transform: rotate(45deg);
	   }
	
   
      

/*-----------------------------------------------------------------------------------
// - Homepage
-----------------------------------------------------------------------------------*/

.feature,
.feature-cta-group{
	padding: 120px 0 80px;
	display: block;
	clear: both;
	width: 100%;
}
	.feature h2.title,
	.patient-experience h2,
	.doctors h2,
	.outcomes h2,
	.content-entry h1,
	.listing h1,
	.feature.cta h2,
	.feature-cta-group h3,
	span.centered-green,
	span.centered-blue{
		text-align: center;
		display: block;
		position: relative;
		padding: 0 0 25px;
		margin: 0 0 50px;	
	}
		.feature h2.title:after,
      .patient-experience h2:after,
      .doctors h2:after,
		.outcomes h2:after,
      .content-entry h1:after,
      .feature.cta h2:after,
      .feature-cta-group h3:after,
      .listing h1:after,
      span.centered-green:after,
      span.centered-blue:after{
			content: '';
			background-color: #ccc;
			height: 2px;
			width: 400px;
			display: block;
			position: absolute;	
			bottom: 0;
			left: 50%;
			margin-left: -200px;
		}
      h2 span.centered-green:after{
	      background-color: #e7ecee;
      }
      
      h2 span.centered-blue:after{
	      background-color: #e7ecee;
	   }   
		
   .feature.cta{
      text-align: center;
   }
   .feature.cta .btn{
      margin: 30px 5px 0;
   }
		
	.doctors h2{
		color: #fff;
	}	
	.doctors h2:after{
		background-color: #fff;
	}
	.outcomes h2:after,
   .content-entry h1:after,
   .feature-cta-group h3:after,
   .listing h1:after{
		background-color: #e7ecee;
	}
	.listing h1{
   	text-align: left;
	}
	.listing h1:after{
   	left: 0;
   	margin: 0;
	}


.feature.banner,
.page-banner{
	padding: 0;
	width: 100%;
   position: relative;
   background-color: #111;
   background-position: center center;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
} 
.feature.banner .gradient,
.page-banner .gradient{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 300px;
   z-index: 0;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.05) 60%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );


}
	.feature.banner .row,
	.feature.banner .columns{ 			
		height: 750px;
		position: relative;
		z-index: 2;
	}
	.feature.banner h1{
		color: #fff;
		margin: 0 0 .5em;
	}
	.feature.banner p.btn{
      float: left;
      width: 220px;
      margin: 0 15px 0 0;
   }

/* Intro */      
.feature.intro{
   background: #fff url("img/triangle.svg") no-repeat center 80px;
   padding-top: 140px;
   text-align: center;
}
   .feature.intro h3{
      line-height: 1.4;
      margin-bottom: 30px;
   }

/* Patient Experience */

.feature.grey{
   background-color: #f8f8f8;
}
.feature.patient-experience h2:after,
.feature.cta h2:after{
   background-color: #00a3d6;  
}
.feature.patient-experience .introduction p{
   text-align: center;
}

.matrix-items{
	padding-top: 20px;
}
	.matrix-items .item{
		padding-top: 8px;
		padding-bottom: 8px;
	} 
	.matrix-items .item a{
		position: relative;
		display: block;
		padding: 20px 50% 45px 20px;
		background: #fff;
		-webkit-transition: background-color 0.25s ease;
		-moz-transition: background-color 0.25s ease;
		transition: background-color 0.25s ease;
	}	
		.matrix-items .item a:hover{
			background-color: #009cdc;
		}
		.matrix-items .item a:hover h3,
		.matrix-items .item a:hover p{
			color: #fff;
		}
		.matrix-items .item a:hover h3:after{
			background-color: #fff;
		}
		
	.matrix-items .item a .bkg{
		position: absolute;
		right: 0;
		top: 0;
		width: 45%;
		height: 100%;	
		background-position: center top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.matrix-items .item h3{
		color: #333;
		position: relative;
		padding: 0 0 20px;
		margin: 0 0 20px;	
		font-size: 2.1rem;
		line-height: 1.35;
		transition: all 0.25s ease;
	}
	.matrix-items .item h3:after{
		content: '';
		background-color: #009cdc;
		height: 1px;
		width: 25px;
		display: block;
		position: absolute;	
		bottom: 0;
		left: 0;
	}
	.matrix-items .item a p{
		font-size: 1.4rem;
		color: #555;
		transition: all 0.25s ease;
	}
	.matrix-items .item a p.button{
		position: absolute;
		left: 20px;
		bottom: 20px;	
		margin: 0;
		font-weight: 600;
	}


	
/* Reffering Docs */      
.feature.doctors{
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	text-align: center;
}
	.feature.doctors p{
		color: #fff;	
	}
	.feature.doctors p.btn{
		margin: 0 5px;
		display: inline-block;	
		width: 220px;
	}
	

/* Outcomes */      
.feature.outcomes{
	text-align: center;
}	
	.feature.outcomes .stats .icon{
		padding-top: 15px;
		width: 140px;
		display: inline-block;
	}
	.feature.outcomes .stats p{
		font-weight: 700;
		color: #333;
		display: block;	
		text-transform: uppercase;
		padding: 15px 0;
		line-height: 1.3;
	}	
		.feature.outcomes .stats p span{
			display: block;
			font-size: 5.5rem;
			font-weight: 300;
			color: #009cdc;
		}
	
/* Blogs */      
.feature.blogs{}

	.feature.blogs h2:after{
		background-color: #0bcbaa;	
	}
   .feature.blogs .item{
      padding: 12px;
   }
   .feature.blogs .item .inner{
      padding: 30px 30px 70px;
      background: #fff;
      position: relative;
   }
   .feature.blogs .item .inner a,
   .feature.blogs .item .inner p.more a{
      color: #0bcbaa;
   }
   .feature.blogs .item .inner a:hover,
   .feature.blogs .item .inner p.more a:hover{
      color: #13e2be;
   }
   .feature.blogs .item p{
      margin: 15px 0 0;  
	   font-size: 1.6rem;   
   }
   .feature.blogs .item p.more{
	   position: absolute;
	   bottom: 30px;	
	}
	.feature.blogs p.btn{
		display: inline-block;
	}
	p.more a{ 
   	color: #666666;
	}
	p.more a:hover{
   	color: #222;
	}
   
.feature.blogs .owl-theme .owl-controls{
   position: absolute;
   top: 44%;
   width: 100%;
}

.feature.blogs .owl-theme .owl-controls .owl-buttons div{
   width: 20px;
   height: 31px;
   text-indent: -9999px;
   overflow: hidden;
   background: none;
   position: relative;
   color: #999;
   padding: 0;
   margin: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   opacity: 0.5;
}
      
.feature.blogs .owl-theme .owl-controls .owl-buttons div.owl-prev{
   float: left;
   left: -36px;
   background: url("img/ico-arrow-prev.png") no-repeat center center;
}

.feature.blogs .owl-theme .owl-controls .owl-buttons div.owl-next{
   float: right;
   right: -36px;
   background: url("img/ico-arrow-next.png") no-repeat center center;
}


.feature.blogs .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.feature.blogs .owl-theme .owl-controls .owl-buttons div.owl-next:hover{
   opacity: 1;  
}

.feature.blogs .owl-theme .owl-controls .owl-buttons div.owl-prev.disabled,
.feature.blogs .owl-theme .owl-controls .owl-buttons div.owl-next.disabled{
   opacity: 0.1 !important;
}



/*-----------------------------------------------------------------------------------
// - Site Styles
-----------------------------------------------------------------------------------*/
	
#page-content{
	width: 100%;
	min-height: 400px;
	display: block;
	padding: 0;
}
   .home #page-content{
      padding: 0;
   }

.content-block{
	overflow: hidden;
	padding:0 0 20px;
	width: 100%;
	display: block;
	margin: 0;
	clear: both;
}
.content-entry,
.listing{
   padding-top: 180px;
   padding-bottom: 80px;
}
.single-post .listing{
   padding-bottom: 0;
}
.single-post .content-entry{
   padding-top: 0;
}
.page-banner{
   height: 550px;
   margin: 0;
}
.single-doctor .page-banner .row,
.single-doctor .page-banner .columns{
	height: 550px;
}
#page-content a {
    text-decoration: underline;
    color: #33728f;
}

.maxbutton-22.maxbutton.maxbutton-confirm-reschedule-or-cancel {
	margin-bottom: 3rem;
}
@media only screen and (min-width: 1600px) and (min-height: 1000px) {
   .page-banner,
   .single-doctor .page-banner .row,
   .single-doctor .page-banner .columns{
      height: 700px;
   }
}
/*INFOGRAPHIC*/
.image-icon-1 {
  width: 80px;
}

.infographic-wrapper {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.image-icon-5 {
  width: 100px;
}

.image-icon-4 {
  width: 75px;
}

.graphic {
  position: relative;
  width: 16%;
  margin: 10px;
  padding: 20px;
  border: 2px solid #000;
  border-radius: 20px;
}

.graphic._6-consults {
  width: 14%;
  height: 280px;
  min-width: 150px;
  margin: 10px;
  border-color: #000;
}

.graphic._2-active-patients {
  width: 14%;
  height: 280px;
  min-width: 150px;
  margin: 10px;
  border-color: #000;
}

.graphic._4-doctors {
  width: 14%;
  height: 280px;
  min-width: 150px;
  margin: 10px;
  border-color: #000;
}

.graphic._1-satisfaction {
  width: 14%;
  height: 280px;
  min-width: 150px;
  margin: 10px;
  border-color: #000;
}

.graphic._5-patients-trust {
  width: 14%;
  height: 280px;
  min-width: 150px;
  margin: 10px;
  border-color: #000;
}

.graphic._3-eyecare {
  width: 14%;
  height: 280px;
  min-width: 150px;
  margin: 10px;
  border-color: #000;
}

.image {
  width: 75px;
}

.h4-info-graphic {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}

.paragraph {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.section-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 0px;
  padding: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.color-block-bg {
  position: absolute;
  left: -5%;
  top: auto;
  right: 0%;
  bottom: -4%;
  z-index: -100;
  width: 110%;
  max-height: 300px;
  min-height: 150px;
  min-width: 0px;
  padding: 30px 10px 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-image: url('./img/graphicBG_6.png');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.color-block-bg._4 {
  z-index: -100;
  max-height: 300px;
  padding-top: 30px;
  background-image: url('./img/graphicBG_4.png');
}

.color-block-bg._2 {
  z-index: -100;
  max-height: 300px;
  padding-top: 30px;
  background-image: url('./img/graphicBG_2.png');
}

.color-block-bg._3 {
  z-index: -100;
  max-height: 300px;
  padding-top: 30px;
  background-image: url('./img/graphicBG_3.png');
}

.color-block-bg._1 {
  z-index: -10;
  max-height: 300px;
  padding-top: 30px;
  background-image: url('./img/graphicBG_1.png');
}

.color-block-bg._5 {
  z-index: -100;
  max-height: 300px;
  min-height: 150px;
  padding-top: 30px;
  background-image: url('./img/graphicBG_5.png');
}

.icon-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 140px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-div._5 {
  min-height: 100px;
  border-style: none;
  border-width: 1px;
  border-color: #17465c;
}

.icon-div._1 {
  min-height: 100px;
}

.icon-div._3 {
  min-height: 100px;
}

.icon-div._2 {
  min-height: 100px;
}

.icon-div._4 {
  min-height: 100px;
}

.icon-div._6 {
  min-height: 100px;
}

.image-icon-2 {
  width: 90px;
}
.row.content-entry.infographic {
    max-width: unset;
}

@media screen and (max-width: 991px) {
  .section-2 {
    height: auto;
    min-height: 0px;
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .section-2 {
    height: auto;
    min-height: 0px;
    padding: 30px 20px;
  }
}

@media screen and (max-width: 479px) {
  .graphic._6-consults {
    width: 65%;
    margin-right: 0px;
    margin-left: 0px;
  }

  .graphic._2-active-patients {
    width: 65%;
    margin-right: 0px;
    margin-left: 0px;
  }

  .graphic._4-doctors {
    width: 65%;
    margin-right: 0px;
    margin-left: 0px;
  }

  .graphic._1-satisfaction {
    width: 65%;
    margin-right: 0px;
    margin-left: 0px;
  }

  .graphic._5-patients-trust {
    width: 65%;
    margin-right: 0px;
    margin-left: 0px;
  }

  .graphic._3-eyecare {
    width: 65%;
    margin-right: 0px;
    margin-left: 0px;
  }

  .section-2 {
    padding: 20px 10px;
  }
}




/* Doctor Landing */

.doctor-listing{}
   .doctor-listing .columns{
      padding-bottom: 40px;
   }
   .doctor-listing p{
      font-size: 1.5rem;
   }
   .doctor-listing a,
   p.more{
      font-weight: 600;
   }
   .doctor-listing .profile-thumb{
      display: block;
      padding: 0 25px;
      position: relative;
   }
   .doctor-listing .profile-thumb img{
      display: block;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
   }   
   .doctor-listing .profile-thumb.has-social:hover img{
		opacity: 0.5;
		filter: alpha(opacity=50);   
	}
	
   .doctor-listing .profile-thumb.has-social:hover .social{	   
      visibility: visible;
      opacity: 1;
		filter: alpha(opacity=100); 
		transform: scale(1);  
	}
	.doctor-listing .profile-thumb .social{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		padding: 0;		
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease;
      visibility:hidden;
      opacity: 0;
		filter: alpha(opacity=0);   
		transform: scale(1.1);
	}
		.doctor-listing .profile-thumb .social li{
			border: none;
			margin: 0 5px;
			width: 34px;
			height: 34px;
			text-align: center;
			line-height: 34px;	
			
		}
		.doctor-listing .profile-thumb .social li a{
			background: #009cdc;
			color: #fff;
			width: 34px;
			height: 34px;
			padding: 0;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
	      -webkit-transition: background-color 0.2s ease;
	      -moz-transition: background-color 0.2s ease;
	      transition: background-color 0.2s ease;
		}
		.doctor-listing .profile-thumb .social li a:hover{
			background-color: #3fb7ea;	
		}
	

.doctor-title{
   display: block;
   padding: 20px 0 20px;
   margin: 0 0 25px;
   width: 100%;
   text-align: center;
   position: relative;
}
   .doctor-title:after{
		content: '';
		background-color: #009cdc;
		height: 1px;
		width: 20px;
		display: block;
		position: absolute;	
		bottom: 0;
		left: 50%;
		margin-left: -10px;
   }
   .doctor-title h2{
      margin: 0;  
      font-size: 2.2rem;
   }
   .doctor-title h2 a{
      font-weight: 300;
      color: #666;	   
   }
   .doctor-title h2 a:hover{
		color: #222;
	}
   .doctor-title h4{
      color: #009cdc !important;
      margin: 0;
      font-size: 1.6rem !important;
      height: 3.5rem;
   }
   


/* Doctor Detail */
.single-doctor .page-banner .columns{
	text-align: center;
	padding-top: 70px;	
}
	.single-doctor .page-banner h1{
		font-size: 3rem;
		color: #fff;
		text-transform: none;
		margin: 0;
		padding: 0;
	}
	.single-doctor .page-banner p,
	.doctor-title h4{
		text-transform: uppercase;
		font-weight: 400;
		color: #fff;
		opacity: 0.5;
		filter: alpha(opacity=50);	
		margin: 0;
		padding: 10px 0 0;
		font-size: 2rem;
	}
	.single-doctor .doctor-intro{
		text-align: center;
	}
	.single-doctor .doctor-intro p{
		font-size: 2.6rem;
		color: #009cdc;
		font-style: italic;
		padding: 0 20px;
		margin: 0;
	}
	
	.embed-video-wrap{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0 0;
		display: block;
		clear: both;
		text-align: center;
	}
	.embed-video-wrap .inner{
		display: inline-block;
		width: 70%;	
		position: relative;
	}
	.embed-video-wrap .inner a{
		display: block;
	}
	.embed-video-wrap .inner a div{
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 0;
		margin-top: -50px;
		width: 100%;	
		line-height: 50px;
		color: #fff;
		font-weight: 600;
	}
	.embed-video-wrap .inner .no-preview a div{
		color: #666 !important;	
	}
	.embed-video-wrap .inner a div img{
		width: 50px;
		height: 50px;
		margin: 0 10px;
	}
	.embed-video-wrap .inner img{
		margin-bottom: 0 !important;	
	}
	.fluid-width-video-wrapper {
	  padding-top: 56% !important;
	}	
	iframe { 
	    max-width: 100%; 
	    margin-bottom: 20px; 
	}
	.embed-video-wrap .inner p{
		padding: 15px 0 0;
		display: block;
		margin: 0;
	}


.feature-cta-group{
   padding: 0 0 0;  
}
   .feature-cta-group .columns{
      padding-top: 20px;  
   }
   .feature-cta-group h3{
      text-align: left;
   }
   .feature-cta-group h3:after{
      left: 0;
      margin: 0;
      width: 25px;
   }
	.feature-cta-group img{
      display: inline-block;
      margin: 0 0 20px;	
   }
   .feature-cta-group p{
      margin: 0 0 20px;
   }
   
   .feature-cta-group.stats{
	   padding: 15px 0;
	   overflow: hidden; 
   }
   
   
   .feature-cta-group.stats h3{
	   padding: 0;
	   text-align: center;
	   font-weight: 600;
	   text-transform: uppercase;
	   font-size: 1.8rem;
	   margin: 0 0 10px;
   }
   .feature-cta-group.stats h3:after{
	   display: none;
   }
   .feature-cta-group.stats p{
	   text-align: center;
   }
   
   .feature-cta-group.stats p.btn{
	   display: block;
	   text-align: center;
	   padding: 30px 0 0;
   }
   .feature-cta-group.stats p.btn a{
	   display: inline-block;
   }
   
   
ul.list{}
	ul.list li{
		list-style: none;
		background: none;
		font-size: 1.9rem;
		padding-bottom: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	ul.list li a{
		display: block;
		padding: 0;
		color: #666
	}
	ul.list li span{
		font-size: 1.6rem;
		display: block;
	}
	
.accomplishments{}
	.accomplishments ul.list li a{
		font-weight: 600;
		background: url('img/triangle-side.svg') no-repeat 2px 3px;
		-webkit-background-size: 22px 18px;
		-moz-background-size: 22px 18px;
		background-size: 22px 18px;
		padding-left: 34px;
	}
	.accomplishments ul.list li a span{
		font-weight: 300;
	}
	.accomplishments ul.list li a:hover{
		color: #009cdc;	
	}
	
.research{}	
	.research ul.list li{
		font-size: 1.6rem;
		line-height: 1.3;
	}
	.research ul.list li a{
		font-weight: 600;	
		background: url('img/Research.svg') no-repeat 0px -1px;
		-webkit-background-size: 24px 30px;
		-moz-background-size: 24px 30px;
		background-size: 24px 30px;
		padding-left: 34px;		
	}
	.research ul.list li a:hover{
		color: #009cdc;	
	}
	.research ul.list li a span{
		font-weight: 300;
		color: #999 !important;
		padding-top: 3px;
		font-size: 1.5rem;
	}
	
.news{}	
	.news ul.list li{
		font-size: 1.6rem;
		line-height: 1.3;
	}
	.news ul.list li a{
		font-weight: 600;	
		background: url('img/News.svg') no-repeat 0 -1px;	
		-webkit-background-size: 24px 31px;
		-moz-background-size: 24px 31px;
		background-size: 24px 31px;
		padding-left: 34px;		
	}
	.news ul.list li a span{
		font-weight: 300;
		color: #999 !important;
		padding-top: 3px;
		font-size: 1.5rem;
	}
	
	.news ul.list li a:hover{
		color: #0bcbaa;		
	}
	

ul.social{
	display: block;
	margin: 0;
	padding: 25px 0 0;
	text-align: center;
}
	ul.social li{
		background: none;
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		padding: 0 5px;
		margin: 0;
		border-left: 1px solid #e7e7e7;
	}
	ul.social li:first-of-type{
		border: none;	
	}
	ul.social li a{
		display: block;
		padding: 2px 7px;	
		color: #999;
	}  
		ul.social li a:hover{
			color: #009cdc;
		}   
	

	
/*-----------------------------------------------------------------------------------
// - Gravity Forms
-----------------------------------------------------------------------------------*/

.gform_heading{
   padding: 20px;
   color: #fff;
   background-color: #071689;
   font-size: 2.4rem;
   max-width: 100%;
}

.gform_wrapper{
   margin: 0;
   padding: 0;
   max-width: 100%;
}
.gform_body,
.gform_footer{
   padding: 0 20px 20px;
}
.gform_body{
   padding-top: 20px;
}

.gform_wrapper ul{
	margin: 0;
	padding: 0;
}
	.gform_wrapper ul li{
		background: none;
		padding: 0;
		margin: 0 0 10px;
		display: block;
	}
	.gform_wrapper li label{
		margin-top: 0;
	}
	.gform_wrapper .gfield_required{
		color: #d23e3e;
		padding: 2px;
		display: inline-block;
	}
	.gform_wrapper .validation_error,
	.gform_wrapper .validation_message{
		color: #d23e3e;
		font-size: 1.4rem;
	}
	
	.gform_confirmation_message_1.gform_confirmation_message {
		background: #fff;
		border: 1px solid #ccc;
		padding: 20px;
	}
	
	.gform_button,
	.gform_ajax_spinner{
   	display: inline-block !important;
   	vertical-align: top;
   	margin: 0 10px 0 0 !important;
	}
	
	.gform_ajax_spinner{
   	margin-top: 14px !important;
	}


/*-----------------------------------------------------------------------------------
// - Toggle
-----------------------------------------------------------------------------------*/

.toggle{
	overflow: hidden;
	clear: both;
	display: block;
	padding:1px 0;	
	margin:0;
}

   .toggle.active h3.clickable a,   
   .toggle.active h3.clickable a:hover{
	   color: #009cdc;
	   background: transparent;
   }
   .toggle.teal.active h3.clickable a,
   .toggle.teal.active h3.clickable a:hover{
	   color: #0bcbaa;
	}
	
   .toggle.active  h3.clickable a:before{
      content: '\f068';
      color: #009ada;
      font-weight: normal;
   }
   .toggle.teal.active h3.clickable a:hover{
	   color: #0bcbaa;
	}
   
   .toggle h3.clickable{
   	margin: 0; 
   	clear: both;
   	display: block;
   	padding:0;
   	position: relative;
   	cursor: pointer;
   	color:#666;
      text-transform: none;
   	font-size: 2rem;
   	font-weight: 300;
   	line-height: 1.3;
   }
   .toggle h3.clickable a{
   	color:#666;
   	padding: 12px 16px 12px 38px;
   	display: block;
   }
   .toggle h3.clickable a:before{		   
      font-family: 'FontAwesome';
      content: '\f067';
      margin:0;
      color: #009ada;
      position: absolute;
      left: 16px;
      top:17px;
      font-size: 12px;
   }  
   .toggle.teal h3.clickable a:before{		
      color: #0bcbaa;
   }  	
   	
   	.toggle h3.clickable:hover a:before,
   	.toggle h3.clickable a:hover{
   		color: #009ada;
   		text-decoration: none;
   	}
   	.toggle.teal h3.clickable:hover a:before,
   	.toggle.teal h3.clickable a:hover{
	   	color: #0bcbaa;
   	}
   
   .toggle .content{
   	display: none;
   	padding: 0 0 0 38px;
   }
   	
   	.toggle .content .inner{
   		padding: 20px 20px 10px;
   		background-color: #f8f8f8;
   	}
   	.toggle.teal .content a{
         color: #0bcbaa;	
      }
   	.toggle.teal .content a:hover{
         color: #108974;	
      }
	
.toggle + p,
.toggle + h2,
.toggle + h3,
.toggle + h4,
.toggle + ul,
.toggle + ol{
	margin-top: 30px;
}


/*-----------------------------------------------------------------------------------
// - Sidebar
-----------------------------------------------------------------------------------*/

.sidebar{
   padding-top: 5px;
	padding-right: 50px;
}
.sidebar .widget{
   margin: 0 0 40px;  
}
.sidebar.right{
   padding-right: 0.9375rem;
   padding-left: 50px;
}
   .sidebar h3.widget-title{    
      font-size: 1.8rem;
      padding: 0 0 20px;
      margin: 0 0 20px;
      position: relative;
   }
   .sidebar h3.widget-title:after {
      background-color: #ccc;
      bottom: 0;
      content: "";
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      width: 20px;
   }
   .sidebar .select2-container{
      width: 100%;
   }
   .sidebar ul{
      margin: 0;
   }
   .sidebar ul li{
	   font-size: 1.6rem;
   }
   

.alm-listing{
   margin: 0;
   padding: 0;
}   
.alm-listing li{
   padding: 0;
   margin: 0 0 40px;
   display: block;
   background: none;  
}

.alm-listing li h3{
   margin: 0 0 10px;  
}   
.alm-listing li p{
   margin: 0 0 10px;
   font-size: 1.6rem;
}
.alm-listing li p span{
   opacity: 0.6;
}

.listing .alm-btn-wrap{
   text-align: center;
   display: block;
   padding: 10px 0;
   overflow: hidden;
}

.listing button.alm-load-more-btn{
   display: inline-block;
   padding: 16px 32px !important;
}
.listing button.alm-load-more-btn.done{
   background-color: #009cdc;   
   opacity: 0.3;
   filter: alpha(opacity=30);
   cursor: default;
}
	
.widget{
	overflow: hidden;
	display: block;
}	
.error404 .entry-content{
	text-align: center;
}

/*-----------------------------------------------------------------------------------
// - Listing styles
-----------------------------------------------------------------------------------*/

ul.listing{
	padding:0 0 5px;
}
	ul.listing.feature li{
		margin:0;
	}
	ul.listing li{
		background: none;
		margin-bottom: 20px;
		padding: 0;
		overflow: hidden;
		margin-bottom: 15px;
		position: relative;
	}
	ul.listing li img{
		position: absolute;
		left: 0;
		top: 2px;
		width: 60px;
		height: 60px;
	}
	ul.listing li .thumb{
		margin:0 0 10px 0;	
		width: 100%;
		position: relative;
		z-index: 1;
	}
		ul.listing li .thumb a{
			display: block;
		}
			
				
	ul.listing h2{
		margin:0;		
	}
	ul.listing h3{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2em;
		margin: 0 0 10px;
	}
	ul.listing .text{
		padding:10px 0;
	}
	
	
ul.search-results{
	padding:0 0 40px;
	margin: 0;
}  
   p.results{
      position: relative;
      top: -20px;
      margin: 0 0 22px;
   }
   
   
.searchform{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
}
	.searchform input{
		height: 42px;
		width: 100%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #f7f7f7;
	}
	
	.searchform button{
		width: 40px;
		height: 40px;
		position: absolute;
		z-index: 1;
		right: 1px;
		top: 1px;
		padding: 0;	
		-webkit-border-radius: 0 3px 3px 0;
		-moz-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
	}





/*-----------------------------------------------------------------------------------
// - Newsletter
-----------------------------------------------------------------------------------*/

.newsletters{}
   .newsletters .columns{
      padding-bottom: 40px;
   }
   .newsletters img{
      margin-bottom: 20px;
   }
   
.newsletter-forms{
   padding: 20px;
   background-color: #f9f9f9;
}
   .newsletter-forms h3,
   .newsletter-forms label,
   .newsletter-forms input{
      margin: 0 0 6px;  
   }
   .newsletter-forms label{
      font-size: 1.3rem;
      opacity: 0.8;
   }
   .newsletter-forms button{
      font-weight: 400; 
      margin-top: 4px;  
   }
   .newsletter-forms .subscribe{
      padding: 30px 0 0;
   }
   .newsletter-forms textarea{
      height: 120px;
   }
   .newsletter-forms #response{
      display: none;  
   }
   
.form-wrap{
   width: 80%;
   clear: both;
   padding: 0 0 10px;
   overflow: hidden;
}
   .form-wrap .error{
      font-size: 14px;
      margin: -5px 0 0;
      padding: 0 0 10px;
      font-weight: normal;
   }
   
   .form-wrap button,
   .form-wrap .loading{   
     float: left;
   }
   .form-wrap .loading{
      background: url(img/ajax-loader.gif) no-repeat center center;
      width: 20px;
      height: 20px;
      margin: 15px 0 0 10px;
      display: none;
   }
   
   .response{
      display: none;
   }
   

/* --------------------------------------------------------------------------- */
/* Button Styles */
/* --------------------------------------------------------------------------- */

.btn,
input[type=submit],
button{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	height: auto;
	line-height: 1;
	width: auto;
	text-transform: uppercase;
	display: inline-block;
	-webkit-appearance: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   cursor: pointer;
}
   
	.btn a, 
	input[type=submit],
	button{
		display: block;	
		padding: 20px 32px; 
		color: #fff;
      background: #009cdc;
		border: 1px solid #009cdc;	
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;	
		border-radius: 3px;	
	}	
	button,
	input[type=submit]{
   	cursor: pointer;
   	font-weight: 400;
	}
	
   	.btn a:hover,
   	input[type=submit]:hover,
   	button:hover{
   		color: #fff;
         background: #26abe1;
         border-color: #26abe1;
   		text-decoration: none !important;
   	}
   	.btn a:active, 
   	.btn a:focus,
   	input[type=submit]:active{
   		color: #fff;
   		text-decoration: none;
         background: #2190bd;
   		border-color: #2190bd;
   		box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
   	}
   	
   	input[type=submit]:focus{
	   	color: #fff;
   	}
   	
   	
   .btn.teal a{
      background: #0bcbaa;
      border-color: #0bcbaa;
   }
      .btn.teal a:hover{
         background: #2fd3b7;
         border-color: #2fd3b7;
      }
      .btn.teal a:active,
      .btn.teal a:focus{
         background-color: #23b098;
         border-color: #23b098;
      }
   .btn.inverse a{
	   color: #fff;
	   border-color: #fff;
	   background-color: transparent;
   }
	   .btn.inverse a:hover{
		   color: #009cdc;
		   border-color: #fff;
		   background-color: #fff; 
	   }
	   .btn.inverse a:active,
	   .btn.inverse a:focus{
		   color: #009cdc;
		   border-color: rgba(255, 255, 255, 0.9);
		   background-color: rgba(255, 255, 255, 0.9);
	   }
   
   
.more-btn{ 
	text-align: center;
	padding: 25px 0 0;
}
.more-btn p{
	display: inline-block;
}
   
.link-button{
   text-transform: uppercase
}  
   .link-button a{
	   color: #203e65;
	}

/* --------------------------------------------------------------------------- */
/* - Form Styles */
/* --------------------------------------------------------------------------- */

label{
	color:#000;
	font-weight:400;
	display: inline-block;
	margin: 15px 0 7px;
	font-size:14px;
	font-size:1.4rem;		
}
input,
textarea{
	background: #fff;
	border:1px solid #ccc;
	font-size:15px;
	font-size:1.5rem;	
	color:#000;
	font-weight: 300;
	width:100%;
	padding: 5px 7px;		
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
input.error,
textarea.error{
	border-color: #9f0b0b !important;
	background: #ffecec !important;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
	input:focus,
	textarea:focus{
		border-color: #999;
		-webkit-box-shadow:  0 0px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow:  0 0px 2px rgba(0, 0, 0, 0.1);
		box-shadow:  0 0px 2px rgba(0, 0, 0, 0.1);
		color:#000;
	}

p.form-allowed-tags{
	font-size: 1.4rem;
}
	
.thanks{
	padding:10px;
	background:#9db863;
	border: 1px solid #87a24c;
	color: #fff;
	border-radius: 3px;
	margin:0 0 10px;
	line-height: 1.5em;
}
input:invalid, textarea:invalid{
	border-color: inherit;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.select2-search { display: none !important; }



.form-checkbox,
.gfield_radio{
	overflow: hidden;
	margin:10px 0;
	width: 100%;
	display: block;
	color: #888;
}
     
   .gfield_radio input{
		position:absolute;
		/* Match the image dimensions */
		width:1px;
		height:1px;
		/* Reset anything that could peek out or interfere with dimensions */
		overflow:hidden;
		margin:0;
		padding:0;
		border:0;
		outline:0;
		opacity:0;
   }
   
   .gfield_radio label{
      cursor: pointer;
      display: inline-block;
      min-height: 24px;
      padding: 3px 5% 0 26px;
      margin: 6px 0 0 0;
      font-weight: 400;
      background: url('img/bkg-ckbox_off.png') no-repeat 0 3px;         
      font-weight: normal;
      color: #666;
   }
   .gfield_checkbox input:checked + label{
      background-image: url('img/bkg-ckbox_on.png');
   }
   
   .gfield_checkbox input:focus + label,
   .gfield_radio input:focus + label
   .gfield_checkbox label:hover,
   .gfield_radio label:hover,{
   	color: #000;
   }
   .gfield_radio label{
      background: url('img/bkg-radio_off.png') no-repeat 0 3px;
   }
   .gfield_radio input:checked + label{
      background-image: url('img/bkg-radio_on.png');
   }
   /* End Checkbox & Radio */



/* --------------------------------------------------------------------------- */
/* - .site-footer */
/* --------------------------------------------------------------------------- */

footer.site-footer{
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	display: block;
	padding: 0;
	color: #fff;
	font-weight: 400;
	background-color: #17465c;
	text-align: center;
}
   footer.site-footer .widgets{
      background: url("https://www.prismeyeinstitute.com/wp-content/uploads/2020/03/Footer_icon.jpg") no-repeat center bottom;
      padding: 80px 0;
   }
   footer.site-footer p,
   footer.site-footer li,
   footer.site-footer a{
      color: #fff;
   }
   footer.site-footer a{
      -webkit-transition: color 0.15s linear;
      -moz-transition: color 0.15s linear;
      transition: color 0.15s linear;  
   }
   footer.site-footer a:hover{
      color: #009cdc;
   }
	
   footer.site-footer p,
   footer.site-footer li{
      font-size: 1.2rem;
   }	  
   
   footer.site-footer ul{
      clear: both;
      text-align: center;
      padding: 25px 0;
      margin: 0;
   }
   footer.site-footer ul ul{
      display: none !important;  
   }
   footer.site-footer li{
      background: none;
      display: inline-block;  
      margin: 0;
      float: none;
      vertical-align: top;
      text-transform: uppercase;
      font-weight: 600;
   }
   
   footer.site-footer .widget-social-media li {
      margin: 0 5px;  
   }
   footer.site-footer .widget-social-media li a{
      width: 38px;
      height: 38px;
      border-radius: 100%;
      line-height: 39px;
      text-align: center;
      display: block;
      background-color: #1b1d20;
   }
   
   footer.site-footer .copyright .columns{
      border-top: 2px solid #265368; 
      padding: 30px 0; 
   }
   footer.site-footer .copyright p{
      line-height: 1.5;
      margin: 0;
   }
   .footer-link {
    text-decoration: underline;
}
/* --------------------------------------------------------------------------- */
/* - .widget-social-media */
/* --------------------------------------------------------------------------- */
	
.widget-social-media{
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
	.widget-social-media ul {
		margin: 0;
		padding: 0;
	}
	.widget-social-media ul li{
		display: inline-block;
		float: none;
		background: none;
		margin: 0;
		padding: 0;
		width: auto;
		height: 34px;
		line-height: 34px;
		font-size: 18px;
   	position: relative;
	}
	header.site-header .widget-social-media ul li{
   	padding-top: 2px;
   	margin: 0 2px;
   }
	.widget-social-media ul li.facebook{
   	font-size: 18px;
   	top: -1px;
	}
	.widget-social-media ul li.twitter{
      top: -1px;	
   }
	.widget-social-media ul li.google{
		font-size: 16px;
   }
	.widget-social-media ul li.linkedin{

   }
		.widget-social-media ul li a{		
			width: 100%;
			height: 30px;
			line-height: 30px;
			display: block;
			text-align: center;
			padding: 0 7px;
		}		
		.widget-social-media ul li a:hover{
			filter: alpha(opacity = 100);
			opacity: 1;
		}
		.widget-social-media ul li a em{
   		position: relative;
		}
		.widget-social-media ul li.linkedin a em{
   		top:-1px;
      }
	
	
/* --------------------------------------------------------------------------- */
/* MISC */
/* --------------------------------------------------------------------------- */

.edit-post{position:fixed; bottom:0; right:10px; z-index:99999; border-radius:4px 4px 0 0; overflow: hidden; text-transform: uppercase; font-size:1em; font-weight: bold;}
.edit-post a{background:rgba(0, 0, 0, 0.2);color:rgba(255, 255, 255, 0.6);padding:8px 14px 4px;display:block;  text-decoration: none;}
.edit-post:hover{background:rgba(0, 0, 0, 0.8);color:rgba(255, 255, 255, 1);}
.rollover{ cursor:pointer;}
.centered-text{text-align: center;}
.spacer{ height:20px; clear:both; display:block}
.hand{cursor:help;}
.black{color:#000;}
.red{color:#C00; background:#fff; padding:5px;}
.green{color:#678f05; text-decoration: underline;}
.grey{color:#999;}
.error{
   display: block; color: #C00;
}
.white{color:#fff;}
.clearfix:after {clear:both;content:"."; display:block;	height:0; visibility:hidden;}
.clearfix {	display:inline-block;}
.clear {clear: both;height: auto; overflow: hidden; width:100%; padding:0; margin:0;}
.disabled{cursor:default !important;}
.padding-top{ padding-top:20px;}
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}

	
.vertical-align{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
	

hr{
   border: none;
	border-top:1px solid #efefef;
	padding:0;
	margin-top:70px;
	margin-bottom: 80px;
	height: 1px;
	width: 100%;
	display: block;
	clear: both;
	overflow: hidden;
}
.divider{
	width: 100%;
	height: 5px;
	clear: both;
	display: block;
	margin: 40px 0;
	overflow: hidden;
}
	.divider.sm{
		border-top: 1px solid #e1e1e1;
		width: 50px;
		margin: 0;
		clear: both;
		display: inline-block;
		float: left;
	}

img.padding-bottom{
   padding-bottom: 20px;
}
.screen-reader-text{
	display: none;
}
.bypostauthor{}
.sticky{}
.alignleft { float: left; }
.alignright { float: right; }

.alignleft {
  float: left;
  margin: 3px 25px 35px 0;
  text-align:left;
}
.alignright {
  float: right;
  margin: 3px 0 35px 25px;
  text-align:right;
}
.aligncenter, .alignnone{
	margin: 0 auto 35px auto;
	display: block;
	clear: both;
}
.wp-caption,
.gallery-caption{
	padding:5px 0 10px;
}
.wp-caption.aligncenter,
.wp-caption.alignnone{
	text-align: center;
	margin:20px auto;
	width: auto !important;
}	
p.wp-caption-text{
	text-align:center;
	margin:0;
	color:#999;
	font-size:14px;
	font-size: 1.4rem;
	line-height: 1.3em;
	padding:10px 10px 0;
}


/* Alerts */
.alert,
.moderation{
	padding-left: 76px;
	font-weight: 400;
	font-size: 1.4rem;
	padding: 5px 7px;
	background: #ffffcc;
	margin: 0 0 10px 76px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #e9e4c1;
	color:#222;
}

/* Responsive Videos */
iframe{
	margin:0 0 20px;
}
#video-wrapper{
	width:100%;
	display: none;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 20px;
}
	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0;
	}
	
	
table{}
	table td{}

	.w-col {
		position: relative;
		float: left;
		width: 100%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px;
	  }
	  .w-col .w-col {
		padding-left: 0;
		padding-right: 0;
	  }
	  .w-col-1 {
		width: 8.33333333%;
	  }
	  .w-col-2 {
		width: 16.66666667%;
	  }
	  .w-col-3 {
		width: 25%;
	  }
	  .w-col-4 {
		width: 33.33333333%;
	  }
	  .w-col-5 {
		width: 41.66666667%;
	  }
	  .w-col-6 {
		width: 50%;
	  }
	  .w-col-7 {
		width: 58.33333333%;
	  }
	  .w-col-8 {
		width: 66.66666667%;
	  }
	  .w-col-9 {
		width: 75%;
	  }
	  .w-col-10 {
		width: 83.33333333%;
	  }
	  .w-col-11 {
		width: 91.66666667%;
	  }
	  .w-col-12 {
		width: 100%;
	  }

	  @media(max-width:767px) { 
		.w-col {
			width: 100%;
			left: auto;
			right: auto;
		}
	}