body,html{width:100%;height:100%}
body{font-family:'Source Sans Pro';background: #B0BEC5; }                  
.btn-xl{padding:.75rem .75rem;  font-size: .9em;}
.content-section{padding-top:1rem;padding-bottom:7rem;}
.content-section-heading h2{font-size:2rem}
.content-section-heading h3{font-size:1rem;text-transform:uppercase}h1,h2,h3,h4,h5,h6{font-weight:700}
.text-faded{color:rgba(255,255,255,.7)}
.map{height:30rem}@media (max-width:992px){.map{height:75%}}
.map iframe{pointer-events:none}
.scroll-to-top{position:fixed;right:15px;bottom:15px;display:none;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:5px}
.scroll-to-top:focus,
.scroll-to-top:hover{color:#fff}
.scroll-to-top:hover{background:#343a40}
.scroll-to-top i{font-weight:800}



.masthead{
	min-height:10rem;
	color: white;
	position:relative;
	display:table;
	width: 100%; 
	height: auto; 
	padding-right: 18rem; 
	padding-top:15rem;
	padding-bottom:22rem;
	background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../image/bathroom2.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
	}

.masthead h1{font-size:4rem;margin:0;padding:0}
@media (min-width:992px){.masthead{height:100vh}.masthead h1{font-size:5.5rem}}#sidebar-wrapper{position:fixed;z-index:2;right:0;width:250px;height:100%;-webkit-transition:all .4s ease 0;-moz-transition:all .4s ease 0;-ms-transition:all .4s ease 0;-o-transition:all .4s ease 0;transition:all .4s ease 0s;transform:translateX(250px);background:#1d809f;border-left:1px solid rgba(255,255,255,.1)}

.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none}
.sidebar-nav li.sidebar-nav-item a{display:block;text-decoration:none;color:#fff;padding:5px}
.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.2)}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav>.sidebar-brand{font-size:1.2rem;background:rgba(52,58,64,.1);height:80px;line-height:5px;padding-top:5px;padding-bottom:5px;padding-left:15px}
.sidebar-nav>.sidebar-brand a{color:#fff}
.sidebar-nav>.sidebar-brand a:hover{color:#fff;background:0 0}#sidebar-wrapper
.active{right:250px;width:250px;-webkit-transition:all .4s ease 0;-moz-transition:all .4s ease 0;-ms-transition:all .4s ease 0;-o-transition:all .4s ease 0;transition:all .4s ease 0}
.menu-toggle{position:fixed;right:15px;top:15px;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:5px;z-index:999}
.menu-toggle:focus,
.menu-toggle:hover{color:#fff}
.menu-toggle:hover{background:#343a40}
.service-icon{
	text-align: bottom; 
	background: blue; 
	border: 2px solid #20b2aa; 
	color:white;
	height:10rem;
	width:10rem;
	display:block;
	line-height:2rem;
	padding-top: 40px; 
	font-size:1.2rem; 
	box-shadow:0 20px 20px 0 rgba(0,0,0,.2);
	margin-bottom: 20px; 
	text-align: center; 
	 
 }
.service-icon:hover{
	background-color: #20b2aa;
	border: 3px solid #008080;
	}


.callout{padding-top:1rem;padding-bottom:5rem;background-color: lightblue;background-position:center center;background-repeat:no-repeat;background-size:cover}
.callout h2{font-size:2.5rem;font-weight:700;display:block;max-width:30rem}
.portfolio-item{display:block;position:relative;overflow:hidden;max-width:530px;margin:auto auto 1rem}
.portfolio-item .caption{display:flex;height:100%;width:100%;background-color:rgba(33,37,41,.2);position:absolute;top:0;bottom:0;z-index:1}
.portfolio-item .caption .caption-content{color:#fff;margin:auto 2rem 2rem}
.portfolio-item .caption .caption-content h2{font-size:.8rem;text-transform:uppercase}
.portfolio-item .caption .caption-content p{font-weight:300;font-size:1.2rem}@media (min-width:992px)
{.portfolio-item{max-width:none;margin:0}
.portfolio-item .caption{-webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;-webkit-clip-path:inset(0);clip-path:inset(0)}
.portfolio-item .caption .caption-content{transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem}
.portfolio-item img{-webkit-transition:-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}
.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}
.portfolio-item:hover .caption{background-color:rgba(29,128,159,.9);-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}}footer

.btn-primary{background-color:#1d809f!important;border-color:#1d809f!important;color:#fff!important}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#155d74!important;border-color:#155d74!important}
.btn-secondary{background-color:#ecb807!important;border-color:#ecb807!important;color:black!important}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#ba9106!important;border-color:#ba9106!important}
.btn-dark{color:#fff!important}
.btn{box-shadow:0 3px 3px 0 rgba(0,0,0,.1);font-weight:700}

.bg-primary{background-color:#1d809f!important;}
.text-primary{color:#1d809f!important}
.text-secondary{color:#ecb807!important}

/* About Section */

.text_column {
	width: 90%;
	text-align: center;
	font-weight: lighter;
	float: center;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.gallery {
	clear: both;
	display: inline-block;
	
	/* [disabled]min-width: 400px;
*/
	
}
.thumbnail {
	width: auto;
	margin-left: 20px;   
	margin-right: 20px; 
	margin-bottom: 20px; 
	text-align: center;
	display: inline-block;
	
}

.thumbnail2 {
	width: auto; 
	text-align: center;
	margin-left: 50px;   
	margin-right: 50px; 
	margin-bottom: 50px;
	display: inline-block;
	
}


.topspace {
	margin-top: 2px; 
}

.alignleft {
	float: left; 
	text-align: left; 
}

ul {
	float: left; 
	text-align: left;
	padding: 1px; 
}




/*learning1*/

.learning {
	background-color: 	#A3C0DF; 
	padding-top:1rem;padding-bottom:1rem; 
	color: green; 
}
.learning1 {
    padding-top:10rem;
	padding-bottom:14rem;
	color: #29435F; 
}

.learning2 {
    padding-top:9rem;
	padding-bottom:9rem;
	color: #29435F; 
}

.learning3 {
    padding-top:.25rem;
	padding-bottom:9rem;
	color: #29435F; 
}

.learning4 {
    padding-top:1rem;
	padding-bottom:9rem;
	color: #29435F; 
}

.learning4 {
    padding-top:1rem;
	padding-bottom:3rem;
	color: #29435F; 
}

.vl {
	 border-left: 50px  ;
    height: 50px; 
	display: inline-block;
	
}
.v2 {
    border-left: 50%; 
    height: 50px;
	display: inline-block;	
}


/*Modal*/
.modal,
.modal-box {
  z-index: 900;
}

.modal-sandbox {
  position: fixed;
  width: 10%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}

.modal {
  display: none; 
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,.8);
  overflow: auto;
}

.modal-box {
  position: relative;
  width: 80%;
  max-width: 920px;
  margin: 100px auto;
  animation-name: modalbox;
  animation-duration: .3s;
  animation-timing-function: ease-out;
}

.modal-header {
  padding: 20px 40px;
  background: #546E7A;
  color: #ffffff;
  
}
.black {
color: black; 
}

.modal-body img {
	width: 80%; 
	height: 80; 
	margin-left: 10%;    
	
}
	
.modal-body {
  background: #ECEFF1;
  padding: 60px 40px;
  color: black; 
  text-align: left;
font-size: 20px  
}
.modal-body1 {
  background: #ECEFF1;
  padding: 60px 40px;
  color: black; 
  font-size: 20px; 
  text-align: left; 
  font-weight: normal; 
}

/* Close Button */
.close-modal {
  cursor: pointer;
  border: 1px solid black;
  background-color: gray;  
  position: absolute;
  bottom: 0;   
  margin-bottom: 3px;   
}


/* Animation */
@-webkit-keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}

@keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  10% {
    top: 0; 
    opacity: 1;
  }


/* Aditional Styles */


.modal-trigger .modal-triggertwo {
  top: 5%;
  left: 5%;
  padding: 20px 40px;
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  text-decoration: none;
  
}

.modal-trigger .modal-triggertwo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: ease .2s;
}


.modal-trigger:hover {
  padding: 20px 60px;
}


}

button {
	background-color: transparent; 
	border: transparent; 
	 
	
}


/*Rabit and Turtle*/
.btnX {
	box-shadow:0 20px 20px 0 rgba(0,0,0,.2);
	border-style: solid;
    border-width: 5px; 
}
.containerY {
    position: relative;
    width: 100%;
    max-width: 400px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.containerY img {
    width: 225px;
    height: 200px;
	border-radius: 50%;
}


.containerY .btnX {
    position: absolute;  
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: rgba(169, 169, 169, 0.8);
    color: white;
    font-size: 25px;
    padding: 30px 30px;
    border: black;
    cursor: pointer;
    text-align: top;
	height: 200px; 
	width: 225px; 
	border-radius: 50%; 
}

.containerY:hover .btnX:hover {
	opacity: 0.5;  
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: rgba(169, 169, 169, 0.5);
    color: black;
    font-size: 25px;
    padding: 2px 2px;
    border: black;
    cursor: pointer;
    border-radius: 1px;
    text-align: top;
	height: 200px; 
	width: 225px; 
	border-radius: 50%;
}	





	
/* Video Section  */
.homebutton {
  text-align: center;
  margin:0 auto;
  margin-top: 50px;
}
.buttonspacing {
  margin-top: 100px;
  margin-bottom: 100px;	  
}

.videotext {
	margin:0 auto; 
	display: block; 
	margin-top: 80px; 
	text-align: center; 
}


.gallery5 { 
 margin-left: auto;
 margin-right: auto;
 
}	


 .thumbnail3 iframe{
	width: 65%; 
    margin-left: auto;
    margin-right: auto;
	display: block; 
	padding: 10px; 
}
#kaltura_player_1525964534{
	width: 65%; 
    margin-left: auto;
    margin-right: auto;
	display: block; 
	padding: 10px; 
}

.thumbnail4 iframe{ 
	width: 65%; 
    margin-left: auto;
    margin-right: auto;
	display: block; 
	padding: 10px;  
}

#kaltura_player_1525964637 {
	width: 65%; 
    margin-left: auto;
    margin-right: auto;
	display: block; 
	padding: 10px;
}


.footer{
	background-color: #08190f;
	color: white; 
	text-align: center;  	
 
	height: 150px; 
	font-size: 50px; }

.fsmall{
    font-size:.4em;
}
  



/* Mobile */
@media (max-width: 320px) {

.video .thumbnail3 .thumbnail4 iframe frameborder{
	max-width: 320px;
	height: 10px; 
}

}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
	
.video.thumbnail3 .thumbnail4 iframe frameborder{
	width: 100%;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

.video .thumbnail3 .thumbnail4 iframe frameborder{
	width: 48%;
}




/* Mobile */
@media (max-width: 320px) {

.video .thumbnail3 .thumbnail4 iframe frameborder{
	width: 100%;
}

}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
	

.video .thumbnail3 .thumbnail4 iframe frameborder{
	width: 100%;
}

}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

.video .thumbnail3 .thumbnail4 iframe frameborder{
	width: 48%;
}

}



/* slides */
    
    .learning {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }