body {font-family: 'Roboto Condensed', sans-serif; /*background:#2d7372;*/ font-size:18px;position: relative; }
.navbar {background-color:#fff; margin-bottom:0;}
.navbar-nav>li>a{color:#292929; font-weight:bolder; font-size:18px;}
.navbar-nav>li .fas,
.navbar-nav>li.active>a {color:#2d7372; text-decoration:underline;}
.navbar-brand {padding:0 15px;}
.navbar-brand img {height:50px; }
.nav>li>a:focus, 
.nav>li>a:hover { text-decoration: none; background-color: #fff;}
.navbar-toggle .icon-bar {background-color:#2d7372}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: #2d7372;
}
.affix {top: 0;width: 100%;z-index: 9999 !important;border-radius:0; padding:15px 0; border-bottom:solid 1px #eee}
.affix + .container,
.affix + .container-fluid {padding-top: 80px; background-color:#fff;} 

.footer {background:#2d7372; padding:1em; font-size:12px; color:#fff;}
.tiles.container-fluid {min-height:90vh;}
.tiles>div>div{background-color:#eee; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.tiles>div>div.alt{background-color:#fff;}
.tiles>div>div:after {content: "";display: block;padding-bottom: 100%;}

.tiles .tcontent.logo {background:#fff; padding:0;}
.tiles .tcontent.logo img {width:90%; margin:5%;}
.tiles .tcontent{position:absolute; height:100%; width:100%; top:0; left:0; overflow:hidden; padding-top:30%; box-sizing:border-box;
background: -moz-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );   }
.tiles .alt .tcontent { 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.70) 100%);  
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.70) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.70) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.tiles .tcontent:hover { background:rgba(0,0,0,0.7);}
.tiles p {font-size:16px;}
.tiles .tcontent.logo:hover {background:#fff;}
.tiles .tcontent:hover .content {display:block; color:#fff;}
.tiles .tcontent h4{position:absolute; top:5%; left:5%; width:90%; color:#ffffff;text-transform:uppercase;}
.tiles .alt .tcontent h4 {top:auto; bottom:7%;}

.tiles .tcontent .content { position:absolute; top:30%; height:65%; width:90%; left:5%;display:none;}
.tiles .alt .tcontent .content {top:5%;}
.tiles .btn-default { background-color:#2d7372; color:#fff; font-weight:bold; border-radius:30px; position:absolute;right:0; bottom:0;}

.text-green {color:#2d7372}
@media (max-width: 575px) { 
    .tiles .tcontent:hover .content p {display:none;}
    .tiles .tcontent:hover .content p {display:none;}
    .tiles .alt .tcontent { 
background: -moz-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );   }
    .tiles .alt .tcontent .content  {top:30%;}

}
@media (max-width: 767px) { 
    .tiles .tcontent:hover .content p {display:none;}
    .tiles .alt .tcontent h4 {top:5%; bottom:auto;}
    .tiles .alt .tcontent { 
background: -moz-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }
    .tiles .alt .tcontent .content  {top:30%;}
}
@media (max-width: 1350px) { 
    .tiles h4 {font-size:14px;}
    .tiles p {font-size:11px;}
}