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

* { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }


img { 
	max-width: 100%; 
}
.collapse {
	margin:0;
	padding:0;
}
body {
	-webkit-font-smoothing:antialiased; 
	-webkit-text-size-adjust:none; 
	width: 100%!important; 
	height: 100%;
	
	}

.logo img { min-width:100px; min-height:75px; border:2px solid #012447;}

}


.photo_wrapper {
	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 #012447 #012447;
  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;
	


}


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



.first_photo {	
    float:left;
	margin-right:4px;	
	
	}


.second_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;
	margin-right:4px;


 }


.third_photo { 
	cursor: pointer;
	float:left !important;
	position: relative;
	margin-right:0px;


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


 }

.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;
    }


.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;
	bottom: 0px;
	line-height:20px;
	
	
}
	
	
.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 {
    position:relative;
	text-align:left;
   	font-size:14px;
	 color: #000000;
    background:#ebebeb;
	text-align:left;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	margin-bottom:10px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	
}

.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:15px;
	max-width:550px;	
	
	
		 
		 
		 }
	 
	.photo_right{
	cursor: pointer;
	margin-left:15px;
	margin-top:15px;
	max-width:500px;
	 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: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;
   float:left;
   max-width:490px;
   margin-left:-15px;
   line-height:20px;

}






.caption-left-bottom {
   	font-size:14px;
	 color: #000000;
    background:#ebebeb;
	text-align:right;
	font-weight:500;
	font-style:italic;
	opacity:0.9;
	padding:5px;
	border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
   float:right;
   max-width:530px;
   margin-right:-15px;
   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:5px;}



.photo_right img {
	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:395px;
	 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;}
	
	.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:10px;}

.small_space {  min-height:0px;}


.small_space2 {  min-height:0px;}

.remove_space { margin-top:-15px;}

table.powered_by {
	width: 100%;
	   max-width:900px;
	   margin-top:10px;
	   margin-left:auto !important;
	   margin-right:auto !important;
}


.powered_by {
font-size: 12px;
text-align:center;
text-decoration: none important;
margin-top:10px;
margin-left: auto ;
margin-right: auto ;
}

.powered_by a{
margin-top:10px;
text-align:center;
text-decoration: none important;
color:#003F87;

}

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


/* ------------------------------------- 
		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: #ebebeb;
	width:980px;
	margin-top:10px;
	overflow:hidden;
	
	
}

.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; background:#012447; padding: 10px;  }

.header.container table td.logo { padding: 15px; }
.header.container table td.label { padding: 15px; padding-left: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: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", 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: 22px;}
h2 { font-weight:500; font-size: 20px;}
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 h6 { color:#FFF !important; margin-left:100px !important;}

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

ul { 
	margin-bottom: 3px; 
	font-weight: normal; 
	font-size:14px; 
	line-height:1.7;
	text-align:justify;
}



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

ul li {
	
	list-style:none;

}


ul.check {
	  background:#FFF;
	 padding-left:0.8em;
	  
}

ul.check li {
font-size: 15px;
line-height: 1.7;
 position: relative;
list-style-position: inside;
list-style-image: url(../images/bullet.png);

}


/*
ul.check li::before {
	position: absolute;
	padding: 0 0 0 5px;
	 content:  "\2713 ";
	  background:#FFF;
 	   margin-right:5px;
	   color: #000 !important;
	   font-weight:800;
		}
		*/		






/* ------------------------------------- 
		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;
	
	
}





/* 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;
	}



.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;
	 
	  }
	  
	 	 
	 .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; }
.mobile-caption { margin-left:auto; margin-right:auto;}
.prof_caption { margin-bottom:20px;  }
}