@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,700&display=swap');

/* BEGIN - Bootstrap Overrides */
/*******************************/
@media (min-width: 800px){

.col-md-9 {
	max-width:100%!important; width: 100%!important; padding:0px!important;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
   	float: left!important; padding:0px!important;
}
}/* END - Bootstrap Overrides */

/* External forms overides */
html{
	background: url("images/background.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#3f4366;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size:11pt;
	line-height:15pt;
	color:#333333;
	background-color:transparent;
	margin:0px;
}

a:link{
	font-family: inherit;	
	font-weight:normal;
	text-decoration:none;
	color:#ed0000;
}

a:visited{
	color:#ed0000;
}

a:hover{
	color:#28a7e9;
}

footer a:link{
	font-family: inherit;	
	font-weight:normal;
	text-decoration:none;
	color:white;
}

footer a:visited{
	color:#ffffff;
}

footer a:hover{
	color:#ec6d15;
}


.powered-by a:link{
	font-family: inherit;	
	font-weight:normal;
	text-decoration:none;
	color:white;
}

.powered-by a:visited{
	color:#ffffff;
}

.powered-by a:hover{
	color:#FFC107;
}


p{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:20px;
}

.calltoaction{
	font-size:16pt;
	line-height:22pt;
	text-align:center;
}

h1{
	font-size:28pt;
	line-height:34pt;
	color:#333333;
	margin-bottom:0px;
	text-align:left;
	padding-bottom:20px;
}

.title h1{
	font-weight:300;
	width:55%;

}

h2{
	color: #28a7e9;
	font-size:22pt;
	line-height:28pt;
	margin-bottom:25px;
	margin-left:0px;
	margin-top:-10px;
	text-align:left;
}

.title h2{
	text-transform:uppercase;
}

h3{
	clear:both;
	color:#333333;
	font-size:22pt;
	line-height:24pt;
	font-weight:300;
	margin-top:60px;
	margin-bottom:40px;		
	text-align:left;
	padding-bottom:5px;
	border-bottom:1px solid #d8d8d8;
}

.h3bold{
	font-size:32pt;
	font-weight:bold;
	color:#333333;
}

.larger{
	font-size:14pt;
	line-height:18pt;
}

.title h3{
	margin-bottom:10px;
	margin-top:0px;
	color:#333333;
}

.bio h2{
	color:white;
	font-size:18pt;
}

blockquote{

	background: url("images/background_promo.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	position:relative;
	width:96%;
	font-size:12pt;
	line-height:18pt;
	color:white;
	background-color:#08559b;
	margin-left:0px;
	margin-top:50px;
	padding:20px;
	padding-top:40px;
	padding-bottom:0px;
	display:block;
	overflow:hidden;
	border-top:5px solid #ec6d15;
	text-align:center;
}

.promologo{
	width:300px;
	margin:20px;
}

blockquote h2{
	color:#ffffff;
	font-size:24pt;
	line-height:28pt;
	font-weight:normal;
	margin-top:0px;
	text-align:center;
	margin-bottom:5px;
}

blockquote h3{
	color:#ffbc00;
	font-size:24pt;
	line-height:32pt;
	margin-top:0px;
	text-align:center;
	border:none;
}

blockquote h2, blockquote h3{
	width:100%;
}

blockquote h2{
	position:relative;
	margin-bottom:10px;
	margin-top:20px;
}

blockquote .h2bold{
	position:relative;
	font-weight:bold;
	font-size:36pt;
}

.product{
	font-size:16pt;
	line-height:18pt;
	font-weight:bold;
}

.promoimage{
	float:left;
	width:260px;
	margin-right:30px;
	margin-bottom:20px;
}

.m3-icon{
	border:none;
	position:relative;
	top:4px;
	margin-right:4px;
}

.img-body{
	width:295px;
	height:auto;
	margin-bottom:30px;
	margin-top:5px;
}



.banner{
	border:none;
	width:100%;
	height:auto;
}

.img-featured{
	position:absolute;
	right:60px;
	top:20px;
	width:400px;
	height:auto;
}

li{
	padding-left:5px;
}

.innervision{
	position:relative;
	width:85%;
	min-width:500px;
	max-width:1100px;
	margin:auto;
	margin-top:20px;
	background-color:white;
	padding-left:40px;
	padding-right:40px;
	margin-bottom:30px;
	text-align:justify;
	box-shadow: 0px 0px 15px #333333;
}

.logoicons{
	width:380px;
}

.columns{
    column-count: 2;	
    column-gap: 50px; 	
    margin-top:20px;
    margin-bottom:50px;
}

header{
	padding:30px;
	padding-left:5%;
	background-color:white;
	display:block;
	overflow:auto;
	margin-left:-40px;
	margin-right:-40px;
	background: url("../Resident%20Portal/%22%22") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color:white;
	border-bottom:1px solid #e9ebef;
}

article{
	padding:20px;
	display:block;
	overflow:auto;
}

footer{
	clear:both;
	font-size:14pt;
	background-color: #222222;
	text-align:center;
	padding:20px;
	display:block;
	overflow:auto;
	margin-left:-40px;
	margin-right:-40px;
}

.powered-by{
	font-size:9pt;
	background-color:#4489c7;
	text-align:center;
	padding:3px;
}

.left{
	float:left;
	margin-right:30px;
}

.right{
	float:right;
	margin-left:30px;
}

.logo{
	width:250px;
	height:auto;
	margin-left:-10px;
	border:0px!important;
}

.bio{
	clear:both;
	background-color: #3397db;
	font-size:10pt;
	font-style:italic;
	line-height:13pt;
	color: #f3f3f3;
	margin-top:20px;
	margin-bottom:10px;
	padding:20px;
	display:block;
	overflow:auto;
	border-bottom:5px solid #ec6d15;
}

.profilepic{
	border-radius:50%;
	width:100px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.promopic{
	position:absolute;
	top:-28px;
	left:-140px;
	border-radius:50%;
	width:120px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.by-line{
	color:#ffffff;
	font-size:16pt;
	font-style:normal;
	margin-left:2px;
	margin-bottom:30px;
}

.designation{
	font-size:14pt;
	line-height:20pt;
	font-style:normal;
}

.biocontent{
	margin-top:-20px;
}

.highlite{
	font-size:15pt;
	line-height:20pt;
	font-weight:normal;
	font-style:italic;
	color: #ec6d15;
	text-align:center;
}

.capcontent{
	font-size:16pt;
	line-height:20pt;
	font-weight:bold;
	color:#28a7e9;
	text-align:left;
}

.photo-container-table{
	width:120px;
	float:left;
	margin-right:30px;
	margin-top:5px;
	margin-bottom:0px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

.photo{
	width:100%;
	height:auto;
	margin-bottom:5px;
	border:1px solid black;
}

.photo-quote{
	color:#fff;
	font-size:10pt;
}

.dropcap {
  float: left;
  font-size: 66px;
  line-height: 60px;
  color:#333333;
  font-weight:bold;
  padding-right: 8px;
  padding-left: 0px;
}

.desktop{
	display:block;
}

.mobile{
	display:none;
}

.featuredesktop{
	display:block;
}

.featuremobile{
	display:none;
}


/************************************/
/************************************/


/* BEGIN - Media for Tablets        */
/************************************/
@media (max-width: 1170px){

.title h1{
	font-size:24pt;
	line-height:30pt;
	width:60%;
}

blockquote{
	font-size:12pt;
	line-height:14pt;
}

blockquote h2{
	font-size:18pt;
	line-height:26pt;
}

blockquote h3{
	font-size:20pt;
	line-height:26pt;
}

.img-featured{
	position:absolute;
	top:20px;
	right:50px;
	border:none;
	width:330px;
	height:auto;
}

.desktop{
	display:block;
}

.mobile{
	display:none;
}

} /* END - Media for Tablets */





/************************************/
/************************************/


/* BEGIN - Media for Tablets        */
/************************************/
@media (max-width: 980px){


h1{
	font-size:22pt;
	line-height:26pt;
}

.title h1{
	width:55%;
}

h2{
	font-size:20pt;
	line-height:24pt;
}

body{
	font-size:11pt;
}

.innervision{
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
}

header{
	overflow:auto;
	margin-left:-20px;
	margin-right:-20px;
}

footer{
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:0px;
}

.img-featured{
	position:absolute;
	top:60px;
	right:30px;
	border:none;
	width:320px;
	height:auto;
}

.promophoto{
	position:absolute;
	right:0px;
	bottom:0px;
	width:35%;
}

.profilepic{
	border-radius:50%;
	width:70px;
	float:left;
	margin-right:10px;
}

.img-body{
	width:40%;
	height:auto;
	margin-bottom:20px;
	margin-top:5px;
}

} /* END - Media for Tablets */


/************************************/
/************************************/


/* BEGIN - Media for Tablets        */
/************************************/
@media (max-width: 880px){

.title h1{

	width:100%;
}	

h2{
	width:100%;
}

blockquote h2, blockquote h3{
	width:100%;
}

header{
	margin-bottom:-20px;
}

.img-featured{
	position:initial;
	width:100%;
	height:auto;
}

.img-body{
	width:40%;
}

.profilepic{
	border-radius:50%;
	width:100px;
	float:left;
	margin-right:10px;
}

.promocontent{
	width:55%;
}

.promophoto{
	position:absolute;
	right:-50px;
	bottom:0px;
	width:45%;
}

.dropcap {
  float: left;
  font-size: 64px;
  line-height: 60px;
  color:#333333;
  font-weight:bold;
  padding-right: 8px;
  padding-left: 0px;
}

.desktop{
	display:block;
}

.mobile{
	display:none;
}

.featuredesktop{
	display:none;
}

.featuremobile{
	display:block;
}

} /* END - Media for Tablets */


/************************************/
/************************************/


/* BEGIN - Media for Smart Phones   */
/************************************/
@media (max-width: 700px){

html{
	background: url("") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:white;
}

.title h1{
	font-size:20pt;
	line-height:24pt;
	margin-bottom:10px;
}

h2{
	font-size:20pt;
	line-height:26pt;
}

h3{
	font-size:18pt;
	line-height:24pt;
}

body{
	font-size:11pt;
	margin:0px;
}

.by-line{
	margin-bottom:25px;
	line-height:18pt;
}

.innervision{
	margin:0px;
	width:100%;
	min-width:0px;
	max-width:100%;
	padding:0px;
	box-shadow:none;
}

.title{
	padding-top:0px;
	margin-bottom:-30px;
}

header{
	margin:0px;
	padding:30px;
	margin-bottom:0px;
}

.columns{
    column-count: 1;	
    column-gap: 50px; 	
    margin-top:20px;
    margin-bottom:50px;
}

.logo{
	width:220px;
}

article{
	padding:10%;
}

.main-article{
	padding-top:0px;
}

.bio{
	font-size:inherit;
	padding:10px;
	margin:0px;
	margin-top:20px;
	margin-bottom:30px;
}

.photo-container-table{
	width:100px;
	float:left;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:20px;
}

footer{
	margin:0px;
	padding-bottom:40px;
}

blockquote{
	font-size:12pt;
	line-height:16pt;
	width:90%;
	padding:20px;
	margin-top:50px;
	text-align:center;
}

blockquote h2{
	font-size:18pt;
	margin-bottom:30px;
	text-align:center;
}

.capcontent{
	font-size:14pt;
	line-height:18pt;
}

.img-body{
	width:100%;
	margin-top:0px;
	margin-bottom:30px;
}

.biocontent{
	padding-left:10px;
	padding-right:10px;
	margin-top:-20px;
}

.dropcap {
  float: left;
  font-size: 60px;
  line-height: 60px;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 0px;
}

.img-featured{
	position:initial;
	width:100%;
	height:auto;
	margin-bottom:30px;
}

.mobile{
	position:initial;
	display:block;
	margin-bottom:30px;
}

.desktop{
	display:none;
}

.profilepic{
	border-radius:50%;
	width:100px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.promoimage{
	float:initial;
	width:100%;
}

.desktop{
	display:none;
}

.mobile{
	display:block;
}

.promopicmobile{
	position:initial;
	border-radius:50%;
	width:40%;
	margin-left:30%;
	margin-left:30%;
	margin-bottom:0px;
}

} /* END - Media for Smart Phones  */