.menu{
    -webkit-transition: linear max-height 0.45s;
    -moz-transition: linear max-height 0.45s;
    transition: linear max-height 0.45s;
}

/** 
 *
 * Componenents start
 *
**/

.deck{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.indexDeck{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.deck__card{
    margin: 10px;
    margin-left: 0px;
    background-color: #0D282E;
    width: 350px;
    height: 534px;
    max-width: 350px;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    color: white;
}

.text__white{
    color:white;
}

.card__image {
	width: 100%;
	height: auto;
	max-height: 230px;
    min-height: 230px;
}

.card__content{
	padding-top: 15px;
	height: 255px;
}

.card__content, .card__footer{
	padding-left: 15px;
	padding-right: 15px;
}

.card__title{
	font-size: 1.75em;
	text-decoration: underline;
	margin-top: 0px;
	margin-bottom: 5px;
}

.card__footer{
	padding-bottom: 15px;
}

.card__footer p{
	margin-bottom: 0px;
}

.footer__left{
	float: left;
}

.footer__readMore{
	float: right;
}

/**
 *
 * Components end
 *
**/
.navbar{
    background-color:#143E48;
    color:white;
}

.alert{
    color:white;
    background-color:#2FBED6;
}

.btn{
    background-color:#143e48;
    border-color:#143e48;
    color:white;
}

.btn:hover{
    background-color:#143e48;
    border-color:#143e48;
}

.bannertxt{
    color:white;
    font-size:2vw;	
}

.img-title{
    position: absolute;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    top: 60%;
    letter-spacing: 1px;
}

@media screen and (max-width: 600px) {
    .bannertxt {
        font-size:7vw;
    }
    .responsivetext{
        font-size:3.5vw;
    }
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover{
    color: inherit;
    text-decoration: none;	
}

.link{
    text-decoration: underline;
    cursor: auto;
    color:rgb(1, 119, 111);
}

.fullscreen-image-container
{
    background: url("../img/frontpage.jpg") center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: stretch;
    z-index:-2;
    height:80%;
}

.navbar { 
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

#mapid { 
    height: 50%; 
}

.tw25 {
    width: 25%;
}

.bannerText{
    color:white;
}

.sidebar{
    position: fixed;
    right: 0;
    bottom:50%;
    z-index: 10;
}

.sidebar button{
    width:100%;
}

.btn-circle{
    padding: 6px 0;
    border-radius: 30px;
}

.quotes{
    color:#1d5765;
}

.text-bg{
    color:white;
    background-color:#143e48;
}

.data-table{
    background-color:#1d5765;
    color:white !important;
}

.data-table-body > table{
    color:white
}

.data-table-body > .container > .row > table{
    color:white;
}

.btn-roster{
    border-color:white;
}

.btn-roster:hover{
    border-color:white;
}

.btn-blanco{
	border-color:white;
	background-color: Transparent;
}

.btn-blanco:hover{
	border-color:white;
	background-color: Transparent;
}

.fa-chevron-circle-down{
    color:white;
}

.footer-ul{
    list-style-type: none;
    float:left;
}

.page-footer{
    background-color:#143E48;
    color:white;
   }

.clickable {
    cursor: pointer;
}

.page-link{
    color:white;
    background-color:#143e48;
    border-color:white
}

.deleted{
    color:grey;
}
.btn-cta{
    background-color:#143e48;
    color:white;
}

.btn-cta:hover{
	background-color: #143e48;
}

.quote-block{
    background-color:#143e48;
    color:white;
}

.numberCircle {
    display:inline-block;
    font-size:30px;
    width: 2em;
    height: 2em;
    box-sizing: initial;
    background: #2fbed6;
    color: white;
    text-align: center;
    border-radius: 50%;    
    line-height: 2em;
    box-sizing: content-box;
    z-index:90;
    position:fixed;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-width: 500px) {
    .numberCircle{
        bottom:40px;
        right:20px;
    }
}

.dropdown-menu-dark {
    background-color:#143e48 !important;
    border:0px !important;
}

.dropdown-item-dark{
    color: white !important;
}

.dropdown-item-dark:hover,
.dropdown-item-dark:focus,
.dropdown-item-dark:active{
    border: 1px solid white !important;
    background-color:#143e48 !important;
    color:white !important;
} 

.block-header{
    font-size:1.2em;
    color:white;
}

.block-desktop-row{
    min-height:600px;
    height:600px; 
    max-height:600px;
}

.block-desktop-row div, .block-row div{
    padding-right:0;
    padding-left:0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align:center;
}

.img-center{
    height:100%;
    width:100%;
    object-fit:cover;
}


/**

START NEW LAYOUT CSS

**/

.flexbox{
	display:flex;
    flex-direction:row;
}

.desktopHeight{
    min-height:600px;
    height:600px; 
    max-height:600px;
}

.centerAll{
	display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align:center;
    flex-direction:column;
}

.halfWidth{
	position:relative;
	width:50%;
	flex: 1;
}

.imgSpace{
	width:50%;
	position:relative;
}

.titleSpace{
	width:50%;
	position:relative;
}

.containsRight{
	position:absolute;
	top:0;
	left:100%;
	z-index:5;
	width:0%;
	min-height:600px;
    height:600px; 
    max-height:600px;
	overflow:hidden;	
	-webkit-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
	color:white;
}

.containsLeft{
	position:absolute;
	top:0;
	right:100%;
	z-index:5;
	width:0%;
	min-height:600px;
    height:600px; 
    max-height:600px;
	overflow:hidden;
	background-color:green;
	-webkit-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
	color:white;
}

.containsBottom{
	position:absolute;
    top:100%;
	left:0;
	z-index:5;
	height:0%;
	overflow:scroll;
	-webkit-transition: height 1s ease-in-out;
	transition: height 1s ease-in-out;
	color:white;
}

.information{
	padding:30px;
	transition: opacity .25s ease-in-out;
	opacity:0;
}

.information-mobile{
    padding:30px;
}

.fade{
	transition: opacity .25s ease-in-out;
	opacity:1;
}

.largeWidth{
	width:100%;
}

.largeHeight{
    height:100%;
}

.info-button{
    position:relative;
    top:30%;
}

.mobileHeight{
    position:relative;
    min-height:250px;
    width:100%;
    height:250px; 
    max-height:250px;
}

.float-right{
    float:right;
}

.float-left{
    float:left;
}

/** End new layout INDEX **/

.style-header{
	padding:30px;
    min-height:450px;
    /**ADD RULE ABOUT 250px on mobile here!**/
	width:100%;
    background-size:cover;
    background-position:center;
	color:white;
}

@media (max-width: 579px) {
    .style-header{
        min-height:250px !important;
    }
}

ul.icon
{
	list-style-type: none;
	float: left;
	padding:0;
}

.float-bottom{
    position:absolute;
    bottom:10%;
}

.card-news{
	border: 1px solid #143e48;
	color: #143e48;
}

.card-footer-news{
	border-top: 1px solid #143e48;
}

.badge-primary {
	background-color: #143E48 !important;
	color:white;
}

.btn-stripped{
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}