@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baskervville+SC:wght@400..700&display=swap');
Body{
	color: #333;
	FONT-SIZE:16px;
	font-family: "Domine", serif;
line-height: 1.4;
	margin: 0;
	padding: 0;	
}

::selection {color:#FFF;background:#000;}
::-moz-selection {color:#FFF;background:#000;}
::-o-selection {color:#FFF;background:#000;}
::-ms-selection {color:#FFF;background:#000;}
::-webkit-selection {color:#FFF;background:#000;}
 
.video-container {
    padding-bottom: 56.25%;
    width: 100%;
    position: relative;
	 overflow: hidden;	
}

.video-container video, .video-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
	object-position:center;
  z-index: 0;	
}

.Shadow{
 -moz-box-shadow: 0px 4px 10px 0px #bbb;
 -webkit-box-shadow: 0px 4px 10px 0px #bbb;
 box-shadow: 0px 4px 10px 0px #bbb;}
 
 .li {
    list-style:url("../images/drop.png");
    position: relative;    /* It's needed for setting position to absolute in the next rule. */	 
}

.li::before {   
    position: absolute;
       left: 0;       /* Adjust this value so that it appears where you want. */
         top: 0;       /* Adjust this value so that it appears where you want. */
    font-size: 0.8em;      /* Adjust this value so that it appears what size you want. */
}	
 
.FontColor1 {color: #1e232d;}
.FontColor2 {color:#777;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}

.FontStyle1{font-family: "Baskervville SC", serif;}
 
.BgColor1 {background-color:#FFFFFF;}
.BgColor2 {background-color:#4e5051; color: #fff;}

.TableAltHeader1 {background-color:#252d3c; color:#fff;}
.AltColor11 {background-color:#e0e1e5;}
.AltColor12 {background-color:#ebeef1;}

.TableAltHeader2 {background-color:#202020; color:#fff;}
.AltColor21 {background-color:#ebebeb;}
.AltColor22 {background-color:#f2f2f2;}

/* Font Sizes */
.SmallerText {FONT-SIZE:13px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 18px;}
.NormalTextBig {FONT-SIZE:21px;}
.Heading {FONT-SIZE:30px;}
.BiggerText {FONT-SIZE:40px;}
.LargeText {FONT-SIZE:48px; }

h3 {font-weight: normal; margin: 0; display: inline}
h2 {font-weight: normal; margin: 0; display: inline}
h1 {font-weight: normal; margin: 0; display: inline}

.SmallerLink{FONT-SIZE:13px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}
	
.JustLinks {TEXT-DECORATION:none ;}
a.JustLinks:hover{TEXT-DECORATION: underline;}

.textdeconone{text-decoration:none !important;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
.Button{
	font-size:17px;
	font-family: "Domine", serif;
	padding:7px 20px;
	cursor:pointer;
	text-decoration:none;
	outline:none;	
	display:inline-block;
}
.ButtonSmall{
	font-family: "Domine", serif;
	font-size:12px;		
	padding:3px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonMedium{
	font-family: "Domine", serif;
	font-size:14px;	
	padding:5px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonBig{
	font-family: "Domine", serif;
	font-size:22px;	
	padding:10px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}
.ButtonColor1{
	color:#fff;	
	background-color: #202020;			
	border:1px solid #000;
	transition:0.3s ease;	
}

.ButtonColor1:hover{
	color:#fff;	
	background-color: #1c376e;			
	border:1px solid #203154;
	transition: 0.3s ease;
}
.ButtonColor1:active{
	top:1px;
	position:relative;
}

.ButtonColor2{
	color:#202020;	
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(top, #fff, #ddd);		
	border:1px solid #ddd;
	transition:0.3s ease;	
}

.ButtonColor2:hover{
	color:#203153;	
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(bottom, #fff, #ddd);
	background-image: -ms-linear-gradient(bottom, #fff, #ddd);
	background-image: linear-gradient(bottom, #fff, #ddd);		
	border:1px solid #ddd;
	transition: 0.3s ease;
}

* {box-sizing:border-box !important;}
/* All Border Styles */
.Border1 {border-width:1px; border-style:solid;}
.Border2 {border-width: 2px;  border-style:solid}
.Border3 {border-width: 3px;  border-style:solid}
.Border5 {border-width: 5px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottom6{border-bottom:6px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTop8{border-top: 8px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderLeft1{border-left:1px solid;}
.BorderLeft10{border-left:10px solid;}
.BorderRight1{border-right:1px solid;}
.BorderRight2{border-right:2px solid;}

.BorderColor1{border-color: #999;}
.BorderColor2{border-color: #ccc;}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded30{border-radius:30px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded100{border-radius:50%;}

/* Table Style */		
.TableStyle {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;    
	background-color: #f3f9ff;
	border: 1px solid #586685; 
}
.TableStyle th {
	color:#FFF; 
	text-align: center;
    padding:5px 8px;
	background-color: #15274d;
	text-transform: uppercase;
	font-weight: bold;
}
.TableStyle td {
    border: 1px solid #9fb7ce;    
    padding:5px 8px;
	
}
.TableStyle tr:nth-child(even) {
        background-color: #deeefe;
    }

.TableStyle1 {
  border-collapse: collapse;
  width: 100%;
 
}

/* Text Box Style*/	

.TextBox{
	font-size: 16px;
	font-family: "Domine", serif;
	color:#222;
	padding:10px;
	min-height: 36px;
	background: #f2f2f2;
	border:2px solid #f2f2f2;	
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	background: #fff;
	border:2px solid #222;
}

.TextBoxBig{
	font-size: 16px;
	font-family: "Domine", serif;
	color:#000;
	padding:13px 10px;
	background: #f5f5f5;
	border:1px solid #acb8c3;	
	box-sizing: border-box;
	outline: none;
}
.TextBoxBig:focus{	
	background: #fff;
	border:1px solid #0f1b37;	
	box-sizing: border-box;
	outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
::placeholder{
	font-size:16px;	
	font-family: "Domine", serif;
	opacity:0.4;
	color:#000;	
	}
:-ms-input-placeholder{
	font-size:16px;		
	font-family: "Domine", serif;
	opacity:0.4;
	color:#000;
}

.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
	text-transform: uppercase;
  font-family: "Domine", serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
text-transform: uppercase;
  font-style:normal;
  font-family: "Domine", serif;
}

.footer{		
	color:#ddd;
	background-color:#131314;		
	box-sizing:border-box;
	width: 100%;
	float:left;
}
.footer a{		
	color:#ddd;
	text-decoration: none;
}
.footer a:hover{		
	color:#ffffff;
	text-decoration: underline;
}
	.imgzoom { 
            overflow: hidden; 
            margin: 0 auto; 
        } 
      
.imgzoom img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
.imgzoom:hover img {             
	-ms-transform: scale(1.15);	
	-webkit-transform: scale(1.15);	
	-moz-transform: scale(1.15); 
	transform: scale(1.15);
        }

	
.underline{		
	text-decoration: underline #0f509c solid; 
	text-decoration-thickness:6px; 
	text-underline-offset:8px;
	
	}

hr{
	height: 5px;
	border: none;
	outline: none;
	
}
ul.social-buttons {list-style: none; margin:2px auto; padding:0px; float:none;}
ul.social-buttons li {display: inline-block;  margin-right:2px; margin-top:2px; margin-bottom:2px;}
ul.social-buttons li:last-child {margin-right: 2px;}
.social-btnfb { width: 36px; height: 36px; border-radius: 5px; border:1px solid #666; padding:2px; background:#fff; color: #222 !important; display: inline-block; font-size: 20px; line-height:34px; text-align: center; }
.social-btnfb:hover{ background: #2e384c; color: #fff!important; border:1px solid #eee; transition:0.2s;}

.social-btnlinkedin { width: 36px; height: 36px; border-radius: 5px; border:1px solid #666; padding:2px; background:#fff; color: #222!important; display: inline-block; font-size: 20px; line-height:34px; text-align: center;}
.social-btnlinkedin:hover{ background: #2e384c; color: #fff!important; border:1px solid #eee; transition:0.2s;}

.abizer{
	background: url("../images/abizer.png") no-repeat bottom right 15%;
	background-size: contain;
	min-height: 60vh;
	overflow: hidden;
}
.imgcaption{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 222;
	background: rgba(255,255,255,0.5);
}
.servicesCircle{
	width: 100px;
	height: 100px;
	background: #f2f2f2;
	border-radius: 60px;
	border: 1px solid #ddd;
}
.services{
	background-color: #fff;
	border: 1px solid #ddd;
	transition: 0.3s ease;
	cursor: pointer;
	color: #333;
}
.services img{
	filter: grayscale(100%);
}
.services:hover{	
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.services:hover img{	
	filter: grayscale(0);
}
.oneliners-bg {
      width: 100%;
      padding: 80px 10px;
      background: url('../images/onelinersbg.jpg') no-repeat fixed; 
      background-size: cover;      
      background-position: center center;
      
    }

.blurbg {
  border-radius: 5px;
  -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);  
}
.innerheading{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.7);
	z-index: 222;
}
/*Quotes css*/
.quotes-container {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }
        
        .quote-item {
            background: #f2f2f2;
            padding: 15px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
/*            border-left: 5px solid #000;
*/            transition: transform 0.2s, box-shadow 0.2s;
        }
        
        .quote-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }
        
        .quote-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .quote-date {
            color: #fff;
            font-size: 0.9em;
            font-weight: bold;
            background-color: #222;
            padding: 5px 10px;
            border-radius: 15px;
        }
        
        .quote-headline {
            color: #333;
            font-size: 0.8em;
            font-weight: bold;
            flex: 1;
            text-align: right;
        }
        
        .quote-text {
            font-size: 1.1em;
            font-style: italic;
            color: #444;
            margin-top: 15px;
            padding: 15px;
            background-color: #f9f9f9;
            border-radius: 8px;
            border-left: 3px solid #595959;
        }
        
        .quote-text::before {
            content: '"';
            font-size: 1.5em;
            color: #764ba2;
        }
        
        .quote-text::after {
            content: '"';
            font-size: 1.5em;
            color: #764ba2;
        }
        
        .loading {
            text-align: center;
            color: #666;
            font-style: italic;
            padding: 40px;
        }
        
        .error {
            color: #d32f2f;
            background-color: #ffebee;
            padding: 20px;
            border-radius: 8px;
            border-left: 4px solid #d32f2f;
            text-align: center;
            margin: 20px 0;
        }
        
        .no-quotes {
            text-align: center;
            color: #666;
            padding: 40px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

.teammember{
	width: 200px;
	height: 200px;
	overflow: hidden;
	border: 5px solid #fff;
	border-radius: 200px;
	object-fit: cover;
	object-position: top;
}
.teachingrolesbg{
	background: url("../images/teachingroles-bg.jpg") no-repeat center center fixed;
	background-size: cover;
	min-height: 250px;
}
.innerbanner{
	width: 100%;
	min-height: 240px;
	object-fit: cover;
}
@media screen and (max-width:1399px) {

.abizer{
	background: url("../images/abizer.png") no-repeat bottom right 5%;
	background-size: contain;
	min-height: 60vh;
	
}
}
@media screen and (max-width:1299px) {

.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 17px;}
.NormalTextBig {FONT-SIZE:19px;}
.Heading {FONT-SIZE:26px;}
.BiggerText {FONT-SIZE:34px;}
.LargeText {FONT-SIZE:42px; }
	.abizer{
	background: url("../images/abizer.png") no-repeat bottom right 0%;
	background-size: contain;
	min-height: 60vh;
	
}
}
@media screen and (max-width:1279px) {
.oneliners-bg {
      width: 100%;
      padding: 80px 10px;      
    }	
	.teammember{
	width: 180px;
	height: 180px;
	
	border-radius: 200px;
	
}
}
@media screen and (max-width:1023px) {
	body{font-size: 15px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:26px;}
.BiggerText {FONT-SIZE:32px;}
.LargeText {FONT-SIZE:40px; }
	.servicesCircle{
	width: 70px;
	height: 70px;
	
}
	.oneliners-bg {
      width: 100%;
      padding: 70px 10px;      
    }
	.abizer{
	background: url("../images/abizer.png") no-repeat bottom right -5%;
	background-size: contain;	
}

}
@media screen and (max-width:767px) {
Body {FONT-SIZE:14px;}	
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:26px;}
.BiggerText {FONT-SIZE:28px;}
.LargeText {FONT-SIZE:34px; }
	.oneliners-bg {
      width: 100%;
      padding: 50px 10px;      
    }
	.abizer{
	background: url("../images/abizer.png") no-repeat bottom right -5%;
	background-size: 280px;	
}
	.teammember{
	width: 200px;
	height: 200px;	
	border-radius: 150px;	
}
	.BorderRight1{border-right:0px solid;}
	.BorderRight2{border-right:0px solid;}
	
}

@media screen and (max-width:639px) {
Body {FONT-SIZE:14px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 15px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:28px;}
.LargeText {FONT-SIZE:30px; }
	.abizer{
	background: url("../images/abizer.png") no-repeat bottom right -5%;
	background-size: 240px;	
}
	  .quote-header {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .quote-headline {
                text-align: left;
            }
	.teammember{
	width: 150px;
	height: 150px;	
	border-radius: 100px;	
}
	.innerbanner{
	width: 100%;
	min-height: 220px;
	object-fit: cover;
		margin-top: 55px;
}
}

@media screen and (max-width:479px) {
	.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE: 15px;}
.NormalTextBig {FONT-SIZE:17px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:28px;}
.SmallerLink {FONT-SIZE:12px;}
	.oneliners-bg {
      width: 100%;
      padding: 40px 10px;      
    }
.Button{	
	font-size:14px;	
	padding:5px 12px;	
}
.ButtonSmall{	
	font-size:11px;		
	padding:2px 8px;	
}
.ButtonMedium{	
	font-size:13px;	
	padding:3px 10px;	
}
.ButtonBig{	
	font-size:16px;	
	padding:6px 15px;	
}
	.abizer{
	background: url("../images/abizer.png") no-repeat top center;
	background-size: 200px;	
		min-height: 90vh;
		
}
	.imgcaption{

	top: 80%;
	transform: translate(-50%,-50%);
}
	.teammember{
	width: 120px;
	height: 120px;	
	border-radius: 100px;	
}
.innerbanner{
	width: 100%;
	min-height: 200px;
	object-fit: cover;
		margin-top: 52px;
}	
	.margintop{margin-top: 250px; background: #eee; padding: 20px!important;}
	
}

@media screen and (max-width:359px) {

}