/* ------------------------------------- 
		GLOBAL 
------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

* { font-family: 'Roboto', sans-serif; }



img { 
	max-width: 100%; 
}
.collapse {
	margin:0;
	padding:0;
}


body {
	-webkit-font-smoothing:antialiased; 
	-webkit-text-size-adjust:none; 
	width: 100%!important;	
	background: -webkit-linear-gradient(#278d9b,#b27e10);  
    background: -moz-linear-gradient(#278d9b,#b27e10);  
    background: -o-linear-gradient(#278d9b,#b27e10);  
    background: linear-gradient(#278d9b,#b27e10);  
  	background-attachment:fixed;
  	background-repeat: no-repeat;
	overflow-x:hidden;
	}
	
	.maths-up {
		font-size:22px;
	}
	
.logo  {
	background:#FFF !important;

	}
	
.logo a { color:#FFF !important;}

.logo img {

align:left;
text-align:left;
 min-height:75px; }

.top-row-info {
	background:#FFF !important;
	z-index:99 !important;
	padding-left:50px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:1px;
	margin-right:auto;
	margin-bottom:-20px;
	margin-top:-4px;	
	 position: relative;
    overflow: hidden;
		

	}
	
	.top-row-info img { margin-right:50px; }
	
	.top-row-info a { 
	color:#FFF !important;
	text-decoration:none !important;
	}
	.top_info1 {		
		padding-left:10px;
		float:left;
		display: inline-block;
		margin-right:50px;
	
	}
	
	.top_info2 {
		padding-left:10px;
			display: inline-block;
	
	
	}
	
		.top_info3 {
		padding-left:10px;
		display: inline-block;
	
	}
	
	
		.top_info4 {
		padding-left:10px;
		display: inline-block;
	
	}
	
	
	.bio-border {border-bottom:2px solid #FDD1D2; }
	
	
.hashtag { 
background:#1b8d98;
padding:10px;

}

.hashtag a { 
color:#FFFFFF !important;
text-decoration:none !important;
}

.twwet { padding-right:18px;}
	

.header-container {
	max-width:900px;
	display: block;
	margin: 0 auto !important;
	clear: both !important;
   
}
	
	

.photo_wrapper {
	background:#FFF;
	position:relative;
    overflow: hidden; /* will contain if #first is longer than #second */
}

.intro_photo {
	cursor: pointer;
    text-align:left !important;
	float:left;

}



.intro_caption {
	position:absolute;
    font-size:14px;
	 color: #000000;
    background:#ebebeb;
	text-align:left;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	vertical-align:bottom !important;
	display: inline-block;
	float:left;
   	bottom:0px !important;
	padding:5px;
	

}

/*

.bottom_caption:before {
 content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #1F35A2 #1F35A2;
  background: #658E15;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  display: block; width: 0;
}

*/


.intro_photo img {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
    }
	
	
	
	
	




.bottom_caption {
	display: flex;
	text-align:left;
   	font-size:14px;
	 color: #000000;
    background:#ebebeb;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	bottom: 0px;
	position:relative;
	margin-right:auto !important;
	margin-left:auto !important;
	min-height:15px;
	padding:10px;
	max-width:1000px;
	


}


.joint_photo{
  width: 100%;   
  height: auto;
  padding: 0;
  background-position: center top;
    overflow: hidden;
  display:inline-block;
}



.collage1 {	
    float:left;
	padding-right:3px;

	

	
	}


.collagespacer { 
   float:left;



}


.collage2{ 
	float:left !important;
	padding-left:9px;
	
 }
 
 
  .collage-text {
	  padding-left:9px;
	  float:left !important;
	 max-width:380px;
	 margin-top:-5px;
	 font-weight: normal;
	font-size: 15px;
	line-height: 1.7;
	text-align: justify;

 }
 
 
 
 .collage3 {
	 padding-left:12px;	
    float:left;

	
	}
 
 .collage4 {	
    float:left;

	
	}
	
	 .collage5 {	
 float:left !important;

	
	}
	
.collage6 {
	float:left !important;
	max-width:520px;
	position:relative;
	padding-left:30px;
	padding-top:40px;
		
		
		
		}



.first_photo {	
    float:left;
	min-width:35%;
	
	}


.second_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;
	min-width:35%;

 }


.third_photo { 
	cursor: pointer;
	float:right !important;
	position: relative;


 }
 
 
 .forth_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;
	margin-right:1px;


 }
 
 
  .fifth_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;
	margin-right:1px;


 }
 
   .sixth_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;
	margin-right:1px;


 }
 
   .seventh_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;
	margin-right:1px;


 }
 
 
 

.first_photo img {
  	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
 	border-radius: 3px;
	vertical-align:text-bottom !important;
    }
	
	
.second_photo img {
  	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	vertical-align:text-bottom !important;
    }
	
	
	.third_photo img {
  	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	vertical-align:text-bottom !important;
    }
	
.forth_photo img {
  	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	vertical-align:text-bottom !important;
    }
	
.fifth_photo img {
  	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	vertical-align:text-bottom !important;
    }
	
	
.sixth_photo img {
  	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	vertical-align:text-bottom !important;
    }


 .seventh_photo img{ 
  	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	vertical-align:text-bottom !important;
 }

.sandwich { 
	float:left !important;
	position: relative;
	margin-right:1px;
	max-width:300px;
	margin-top:-20px;
	padding-left:10px;
	padding-right:10px;
 }



.left_photo {	
    float:left;
	margin-right:15px;	
	
	}


.right_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;


 }




.left_photo img {
  	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
 	border-radius: 5px;
	vertical-align:text-bottom !important;
    }
	
	
.right_photo img {
  	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
	vertical-align:text-bottom !important;
    }
	
	
	
.joint_caption {	
	text-align:left;
   	font-size:14px;
	 color: #000000;
    background:#ebebeb;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	line-height:20px;
	margin-top:-2px;
		max-width:942px;
	
	
}
	
	
	
.photo_credit {
 float:left; 
 font-size:12px;
 margin-left:5px;
  }



.photo_credit2 {
 float:right; 
 font-size:12px;
 bottom:0;
 margin-left:500px;
 margin-top:5px;


  }
  
  
.photo {
	cursor: pointer;
	margin-top:15px;
	position: relative;
	text-align:center !important;

}



.photo img {
	  -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;


    }



.caption {
font-size: 20px;
color: #2d2d2d;
background: #ebebeb;
font-weight: bold;
font-style: italic;
padding: 5px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
line-height: 20px;
max-width:435px;
margin-bottom:0px !important;
	
}

.photo_wrapper2{
  width: 100%;
  height: auto;
  padding: 0;
  background-position: center top;
    overflow: hidden;
  display:inline-block;
  
	
}


.float_photo {
	cursor: pointer;
	margin-left:15px;
	float:left;
	z-index:9;


}

	
.float_photo img {
  	 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	vertical-align:text-bottom !important;
	float:left;
    }

.single_caption {
	display: flex;
	position:relative;
   	font-size:14px;
	 color: #000000;
    background:#ebebeb;
	text-align:left;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-top-right-radius: 10px;
	 border-bottom-right-radius: 10px;
	 margin-top:189px;
	 	z-index:2;
		max-width:550px;

}

	 .left_look {
		 width:100% !important;
		 overflow:hidden;
		 

	 }
	 
	 
	 
	 .prof_text {
    float:left;
	margin-right:20px;
	max-width:570px;	
	 
		 }
	 
	.photo_right{
	cursor: pointer;
	margin-left:15px;
 overflow: hidden;



}

	 
	 
.prof_caption {
   	font-size:14px;
	 color: #000000;
    background:#ebebeb;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 float:right;
	 line-height:20px;


}



.caption-right-bottom {
   	font-size:18px;
	 color: #000000;
    background:#ebebeb;
	text-align:left;
	font-weight:bold;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
   float:left;
   max-width:510px;
   margin-left:-15px;
   line-height:20px;

}






.caption-left-bottom {
   	font-size:18px;
	 color: #000000;
    background:#ebebeb;
	text-align:right;
	font-weight:bold;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
   float:right;
   max-width:542px;
   margin-right:-20px;
   margin-bottom:20px;
   line-height:20px;

}



.mobile-caption {
   	font-size:14px;
	 color: #000000;
    background:#ebebeb;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 float:right;


}



.desktop_space { min-height:50px;}
.desktop_remove  { margin-top:-50px;}


.photo_right img {
margin-top:5px;
	border-radius: 5px;
   -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 vertical-align:text-bottom !important;


    }





	 .right_look {
	 width:auto!important;
	
	 }
	 
	 
.left_caption {
	position:relative;
	max-width:440px;
	 font-size:14px;
	 color: #000000;
    background:#ebebeb;
	text-align:left;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	margin-bottom:10px;
  left: 0;
  line-height:20px;

}


.left_caption_small {
	position:relative;
	max-width:340px;
	 font-size:14px;
	 color: #000000;
    background:#ebebeb;
	text-align:left;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	margin-bottom:10px;
  left: 0;
  line-height:20px;

}



.impText {font-weight:bold;}


.right_look ul { margin-left:390px;}
	
	.photo_left{
	cursor: pointer;
	float:left !important;
	margin-right:15px;
	position: relative;
	}



.photo_left img {
-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin-top:5px;


    }

.add-space { min-height:5px;}
.add-space2 { min-height:75px;}

.small_space {  min-height:0px;}


.small_space2 {  min-height:0px;}

.remove_space { margin-top:-10px;}
.remove_space2 { margin-top:-20px;}


.powered_by {
font-size: 12px;
text-align:center;
text-decoration: none important;
background:#f5f5f5;
line-height:50px;
margin-top:-10px; 
}

.powered_by a{
color:#023a4d;

}

.powered_by a:hover{
text-align:center;
text-decoration: none important;
color:#1e8e99;
}


/* ------------------------------------- 
		ELEMENTS 
------------------------------------- */
a { color: #2BA6CB;}

.btn {
	text-decoration:none;
	color: #FFF;
	background-color: #666;
	padding:10px 16px;
	font-weight:bold;
	margin-right:10px;
	text-align:center;
	cursor:pointer;
	display: inline-block;
}

p.callout {
	padding:15px;
	background-color:#ECF8FF;
	margin-bottom: 15px;
}
.callout a {
	font-weight:bold;
	color: #2BA6CB;
}



.content_footer {
	background-color: #223A84;	
	margin-top:10px;
	overflow:hidden;
	color: #FFFFFF !important;
	
	
}


.content_footer h5 {color: #FFFFFF !important;}

.content_footer a {color: #FFFFFF !important; }

.social {
min-width: 300px;
float:left;
margin-right:70px;
overflow:hidden;
padding-left:20px;
margin-top:15px;

}


.contact {padding:20px; margin-top:-10px; float:right; }





.social .soc-btn {
	padding: 3px 7px;
	font-size:12px;
	margin-bottom:10px;
	text-decoration:none;
	color: #FFF;font-weight:bold;
	display:block;
	text-align:center;
}
a.fb { background-color: #3B5998!important; }
a.tw { background-color: #1daced!important; }
a.gp { background-color: #DB4A39!important; }
a.ms { background-color: #000!important; }

.sidebar .soc-btn { 
	display:block;
	width:100%;
}

/* ------------------------------------- 
		HEADER 
------------------------------------- */
table.head-wrap { width: 100% !important;    }

.header.container table td.logo { padding: 0px; }
.header.container table td.label { padding: 0px;}


/* ------------------------------------- 
		BODY 
------------------------------------- */


table.body-wrap { 
width: 100% !important;

 }
/* ------------------------------------- 
		FOOTER 
------------------------------------- */
table.footer-wrap { 
width: 100%;

	   background-color: #ebebeb;
	   max-width:900px;
	   margin-left:auto !important;
	   margin-right:auto !important;
	
}
.footer-wrap .container td.content  p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
.footer-wrap .container td.content p {
	font-size:10px;
	font-weight: bold;
	
}
.footer-wrap p { text-align:center; margin-left:auto !important; margin-right:auto !important;}

/* ------------------------------------- 
		TYPOGRAPHY 
------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: 'Roboto', sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
	
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }

h1 {
font-weight:900;
font-size: 23px;	 
color: rgb(33, 57, 131);
padding-top:15px;
 
 }
h2 { font-weight:600; font-size: 16px;  color:#444; letter-spacing:1.1px; line-height:4.5em;}
h3 { font-weight:500; font-size: 18px;}
h4 { font-weight:800; font-size: 17px;}
h5 { font-weight:800; font-size: 16px;}
h6 { font-weight:600; font-size: 16px;  color:#444; letter-spacing:1.1px; line-height:1.5em;}

.collapse { margin:0 !important;}

.title { 
background:#FFF !important; 
margin-left:150px !important;
 border-top: 1px dotted #FF8747;
 margin-top:-80px;
 
 }

p { 
	font-weight: normal; 
	font-size:15px; 
	line-height:1.7;
	text-align:justify;
}







ul { 
	margin-top:-15px; 
	font-weight: normal; 
	line-height:1.7;
	text-align:justify;
	font-size:15px; 
	font-family: 'Roboto', sans-serif;
}



p.lead { font-size:15px; }
p.last { margin-bottom:0px;}




ul.check {
	  background:#FFF;
	 padding-left:1.9em;
	 margin-left:2em;
	 margin-top:-0.7em !important;
	  
}

ul.check li {
	 display: table-row;
	 	font-size: 15px !important;
	line-height: 1.7;
	 
}
	
ul.check li::before {
	content: url(../images/bullet.png);
	background:#FFF;
   color: #000 !important;   
   display: inline-block;
  width: 2em;
  margin-left: -2em; 
   font-weight:600;
margin-right:-0.1em;
		}
	
	
	
	





ol.thost {
      display: table;
	margin-left:0.5em;
	margin-top:-1em;
}

ol.thost li {
  
	font-size: 15px !important;
	line-height: 1.7;
}





/* ------------------------------------- 
		SIDEBAR 
------------------------------------- */
ul.sidebar {
	background:#ebebeb;
	display:block;
	list-style-type: none;
}
ul.sidebar li { display: block; margin:0;}
ul.sidebar li a {
	text-decoration:none;
	color: #666;
	padding:10px 16px;
/* 	font-weight:bold; */
	margin-right:10px;
/* 	text-align:center; */
	cursor:pointer;
	border-bottom: 1px solid #777777;
	border-top: 1px solid #FFFFFF;
	display:block;
	margin:0;
}
ul.sidebar li a.last { border-bottom-width:0px;}
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0 !important;}



/* --------------------------------------------------- 
		RESPONSIVENESS
		Nuke it from orbit. It's the only way to be sure. 
------------------------------------------------------ */

/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
	display:block ;
	max-width:980px ;
	margin:0 auto !important; /* makes it centered */
	clear:both!important;
}

/* This should also be a block element, so that it will fill 100% of the .container */
.content {
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	background:#FFF !important;
	
	
}





/* Let's make sure tables in the content area are 100% wide */



/* Odds and ends */
.column {
	width: 900px;
	float:left;
}
.column tr td { padding: 15px; }
.column-wrap { 
	padding:0 !important; 
	margin:0 auto; 

}
.column table { width:100%;}


/* Be sure to place a .clear element after each set of columns, just to be safe */
.clear { display: block; clear: both; }


@media screen and (min-width: 601px) {
	
	.mobile-caption { display:none !important;} 

	
	}



/* ------------------------------------------- 
		PHONE
		For clients that support media queries.
		Nothing fancy. 
-------------------------------------------- */
@media only screen and (max-width: 600px) {
	
	a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}

	div[class="column"] { width: auto!important; float:none!important;}
	
	table.social div[class="column"] {
		width:auto!important;
	}

p { text-align:left !important;}
.remove_space { display:none !important;} 
.title h6 { margin-left:0px !important;}

.intro_caption , .bottom_caption  {
position:relative !important;
 width:100% !important;
}

.caption-left-bottom , .desktop_space , .caption-right-bottom {display:none;}

.column table { width:100%;}
.social {
	max-width: 300px !important;
	float:left;
}



.content_footer {
	 width:auto!important;

	 }
	 
	 .photo_wrapper  {
	 width:auto!important;

	 }


	 .second_photo {
	 overflow:visible !important;
	 margin-bottom:15px;
	 
	  }
	  
	  .third_photo {
	 overflow:visible !important;
	 margin-bottom:15px;
	 
	  }
	  
	    .forth_photo {
	 overflow:visible !important;
	 margin-bottom:15px;
	 
	  }
	  
	   
	    .fifth_photo {
	 overflow:visible !important;
	 margin-bottom:15px;
	 
	  }
	  
	  
	  .sixth_photo {
	 overflow:visible !important;
	 margin-bottom:15px;
	 
	  }
	  
	 	 
	 .first_photo {	
 		margin-bottom:15px;
	
	}
	
	
	
	
	
 .right_photo {
	 overflow:visible !important;
	 margin-bottom:15px;
	 
	  }
	 	 
	 .left_photo {	
 		margin-bottom:15px;
	
	}


	 
	 
	 
	 .float_photo img {
  	 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	vertical-align:text-bottom !important;
	float:left;
	margin-left:-10px !important;
    }

.single_caption {
	
	border-radius: 10px !important;
	 margin-top:0px !important;


}

.photo_right{ overflow:visible !important;margin-left:0px !important;}
.photo_credit { padding-left:30px !important;  }
.body-wrap { padding:15px !important;}
.soc-btn { margin-right:50px !important;}
.contact { float:left !important;}
.photo_left , .photo_right { width:100%; text-align:center;}
.left_caption  { width:100%; margin-left:auto; margin-right:auto; }
.left_caption_small  { width:100%; margin-left:auto; margin-right:auto; }
.mobile-caption { margin-left:auto; margin-right:auto;}
.prof_caption { margin-bottom:20px;  }
.desktop_remove { display: none !important;}
.add-space { display: none !important;}
.right_look ul { margin-left:5px !important;}
.first_photo, .second_photo, .third_photo , .forth_photo { max-width:100px; margin-top:15px; }

.top-row-info {
	padding-left:5px !important;

	}
	
	.top-row-info img { padding-right:5px;margin-top:-10px !important;}
}