/*! * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale) * Copyright 2013-2016 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) */
/*body {
    width: 100%;
     height: 100%;
     font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: white;
     background-color: #FBFBFB;
     line-height: 130%;
}
*/
 html {
    width: 100%;
     height: 100%;
}
 h1, h2, h3, h4, h5, h6 {
    margin: 0 0 35px;
     text-transform: uppercase;
     font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 700!important;
     letter-spacing: 1px;
     color: #12a0d3;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
 p {
    margin: 0 0 25px;
     font-size: 18px;
     line-height: 1.5;
}
 p.bg-primary {
    padding: 10px 20px;
     font-weight: bold;
     line-height: 130%;
     font-style: italic;
     letter-spacing: -1px;
     text-align: center!important;
}
 a {
    color: #42DCA3;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 a:hover, a:focus {
    text-decoration: none;
     color: #1d9b6c;
}
 .light {
    font-weight: 400;
}
 nav {
    z-index: 999;
}
 .navbar-custom {
    margin-bottom: 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     text-transform: uppercase;
     font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
     background-color: black;
}
 .navbar-custom .navbar-toggle {
    color: white;
     background-color: rgba(255, 255, 255, 0.2);
     font-size: 12px;
}
 .navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:active {
    outline: none;
}
 .navbar-custom .navbar-brand {
    font-weight: 700;
}
 .navbar-custom .navbar-brand:focus {
    outline: none;
}
 .navbar-custom a {
    color: white;
}
 .navbar-custom .nav li a {
    -webkit-transition: background 0.3s ease-in-out;
     -moz-transition: background 0.3s ease-in-out;
     transition: background 0.3s ease-in-out;
     line-height: 120%;
     font-size: .9em;
}
 .navbar-custom .nav li a:hover {
    color: rgba(255, 255, 255, 0.8);
     outline: none;
     background-color: transparent;
}
 .navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
    outline: none;
     background-color: transparent;
}
 .navbar-custom .nav li.active {
    outline: none;
}
 .navbar-custom .nav li.active a {
    background-color: rgba(255, 255, 255, 0.3);
}
 .navbar-custom .nav li.active a:hover {
    color: white;
}
 .intro {
    overflow: hidden;
     position: relative;
}
 .video-background {
    position: absolute;
     width: 100%;
     height: 890px;
}
 #cursos, #vacacionales, #personal {
    background: #FBFBFB;
}
 #contact {
    background-color: #09A3DC;
     padding: 130px 0 0;
     color: #fff;
}
 #contact h2 {
    color: #fff;
}
 .intro {
    display: table;
     width: 100%;
     height: auto;
     padding: 100px 0;
     text-align: center;
     color: white;
     overflow: hidden;
}
/*Video*/
 .intro #video-background {
    /*height: 100%;
    */
     position: fixed;
    /* width: 100%;
    */
     z-index: -100;
     min-width: 100%;
     min-height: 100%;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
}
/*Olas*/
 #cursos:before, #vacacionales:before, #personal:before {
    content: '';
     background: url(../img/wave-top.svg) no-repeat;
     background-position: bottom;
     background-size: cover;
     display: block;
     position: relative;
     left: 0;
     top: -88px;
     width: 100%;
     height: 88px;
}
 #cursos:after, #vacacionales:after, #personal:after {
    content: '';
     background: url(../img/wave-bottom.svg) no-repeat;
     background-position: bottom;
     background-size: cover;
     display: block;
     position: relative;
     left: 0;
     bottom: -67px;
     width: 100%;
     height: 67px;
}
 #cursos img {
    margin: 40px 0 20px;
}
 #cursos p, #cursos h3 {
    margin-bottom: 0;
}
 #cursos .container .row>p:nth-child(1) {
    margin: 20px 0;
     font-size: 1.53em;
     font-weight: bold;
}
 .intro .intro-body {
    display: table-cell;
     vertical-align: middle;
}
 .intro .intro-body .container.content-top {
padding-bottom: 50px;
 }
 .intro .intro-body .container .row>div:nth-child(1) {
    padding: 0 40px;
}
 .intro .intro-body h1, .intro .intro-body p {
    color: #c8f1ff;
}
 .intro .intro-body h1 {
    margin-bottom: 4px;
     line-height: 97%;
}
 .intro .intro-body p {
    margin-bottom: 17px;
     line-height: 105%;
}
 .intro .intro-body .brand-heading {
    font-size: 40px;
}
 .intro .intro-body .intro-text {
    font-size: 18px;
}
 .btn-circle {
    width: 70px;
     height: 70px;
     padding: 11px 21px;
     border: 2px solid #FFF;
     border-radius: 100% !important;
     font-size: 3em;
     color: #FFF;
     background: rgba(0, 0, 0, 0);
     -webkit-transition: background 0.3s ease-in-out;
     -moz-transition: background 0.3s ease-in-out;
     transition: background 0.3s ease-in-out;
}
 .btn-circle:hover, .btn-circle:focus {
    outline: none;
     color: white;
     background: rgba(255, 255, 255, 0.1);
}
 .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
     -webkit-transition-duration: 1s;
     -moz-transition-property: -moz-transform;
     -moz-transition-duration: 1s;
}
 .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
     -moz-animation-name: pulse;
     -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
}
 @-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
         transform: scale(1);
    }
     50% {
        -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     100% {
        -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
         transform: scale(1);
    }
     50% {
        -moz-transform: scale(1.2);
         transform: scale(1.2);
    }
     100% {
        -moz-transform: scale(1);
         transform: scale(1);
    }
}
/*.content-section {
    padding-top: 70px;
}
*/
 .content-section h2 {
    font-size: 4em;
     margin-bottom: 10px;
     line-height: 100%;
}
 .content-section .ages p, .content-section .ages h3 {
    display: inline-block;
     margin-bottom: 30px;
     margin-right: 5px 
}
 .content-section .ages p:nth-child(2), .content-section .ages h3:nth-child(1) {
    margin-bottom: 1px;
}
 .content-section .ages small {
    margin-bottom: 10px;
     display: block;
}
 .content-section i {
    height: 33px;
     width: 33px;
     text-align: center;
     border-radius: 50%;
     border: solid 2px #12a0d3;
     padding: 1px 1px 0px 3px;
     margin-right: 10px;
     margin-top: -1px;
}
 .download-section {
    width: 100%;
     padding: 50px 0;
     color: white;
     background: url(../img/footer-bg.png) no-repeat center bottom #09A3DC fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     padding-top: 150px;
     padding-bottom: 120px;
}
 .download-section h2, .download-section h3, .download-section p {
    color: #fff;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
 .download-section h3 {
    margin-bottom: 5px;
}
 .download-section i {
    margin: 0 auto;
     display: block;
     border-color: #fff;
     padding: 29px 0 0 1px;
     font-size: 5em;
     width: 130px;
     height: 130px;
     margin-bottom: 20px;
     margin-top: 20px;
}
 .download-section img {
    border: solid 1px #fff;
     padding: 10px;
     margin: 0 5px;
     width: 400px;
}
 #map {
    width: 100%;
     height: 200px;
     margin-top: 100px;
}
 .btn {
    font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1.2px;
     padding: 10px 25px;
     position: relative;
     background: #3cbeee;
     -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
     -ms-border-radius: 25px;
     -o-border-radius: 25px;
     border-radius: 25px;
     color: #fefefe;
     box-shadow: 5.5px 9px 15px 0px rgba(0, 0, 0, 0.2);
     -webkit-transition: all .8s ease;
     -moz-transition: all .8s ease;
     -ms-transition: all .8s ease;
     -o-transition: all .8s ease;
     transition: all .8s ease;
}
 .btn:focus, .btn:hover {
    color: #fefefe;
     box-shadow: none;
}
 .btn-default {
    border: 1px solid #42DCA3;
     color: #42DCA3!important;
     background-color: transparent;
}
 .btn-default:hover, .btn-default:focus {
    border: 1px solid #42DCA3;
     outline: none;
     color: #fff!important;
     background-color: #42DCA3;
}
 ul.banner-social-buttons {
    margin-top: 0;
}
/*footer*/
 footer {
    padding: 30px 0;
     background-color: #163D66;
     font-size: 14px;
}
 footer .container {
    margin: 0 auto;
    display: block;
}
 footer p {
    margin: 0;
     color: #fff;
     font-size: 14px;
}
 footer div {
    display: inline-block;
     color: #fff;
     font-size: 14px;
     line-height: 150%;
}
 ::-moz-selection {
    text-shadow: none;
     background: #fcfcfc;
     background: rgba(255, 255, 255, 0.2);
}
 ::selection {
    text-shadow: none;
     background: #fcfcfc;
     background: rgba(255, 255, 255, 0.2);
}
 img::selection {
    background: transparent;
}
 img::-moz-selection {
    background: transparent;
}
/*Rset estilos*/
 * {
    margin: 0;
     padding: 0;
     outline: 0;
     -webkit-font-smoothing: antialiased;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     box-sizing: border-box;
     -moz-box-sizing: border-box 
}
 body {
    line-height: 1;
     font-family: 'trebuchet MS', sans-serif;
     font-size: 14px;
     color: #555;
     outline: none;
     background: #FBFBFB;
     height: 100%;
     webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
 .row {
    padding: 0;
     margin: 0 
}
/* a, button, input[type="submit"] {
    cursor: url('/Content/images/bgs/cursorM.png'), pointer 
}*/
 a {
    color: #36a9e1;
     text-decoration: none 
}
 a:hover, a:focus, a:visited {
    text-decoration: none !important;
     outline: none !important;
}
 button {
    border: none 
}
 textarea {
    resize: none 
}
 .relative {
    position: relative 
}
 .fl {
    float: left 
}
 .fr {
    float: right 
}
 p {
    color: #000;
     font-size: 1em;
     font-weight: 400;
     line-height: 1.214em 
}
 ul, li {
    list-style-type: none;
     margin: 0 
}
 .upper {
    text-transform: uppercase 
}
 .no-padleft {
    padding-left: 0 
}
 .no-padright {
    padding-right: 0 
}
 .no-pad {
    padding: 0 
}
 .columnCenter {
    float: none;
     display: inline-block;
     margin-left: -1%;
     vertical-align: middle 
}
 .ifScript iframe {
    position: absolute;
     top: 0 
}
 .wrapper {
    margin-top: 110px 
}
 .textLabel {
    text-indent: -9999em;
     height: 0 
}
/* Estilos piscina */
 .navbar-nav {
    text-align: center;
    height: 60px;
}
 .navbar-nav li {
   height: 44px;
   margin: 8px 0;
   display: flex;
   align-items: center;
 }
 .navbar-nav li a{
   height: 60px;
   display: flex;
   align-items: center;
 }
 .navbar-nav li:last-child {
    font-weight: 600;
    /*font-size: 1.1em;
    */
     border: solid 1px #fff;
     border-radius: 10px;
}
 .card-header {
    color: #666;
     margin-top: 20px;
}
 a.card-header:hover {
    opacity: .8;
}
 .card-header h2 {
    position: absolute;
     bottom: 0;
     background-color: rgba(22, 61, 102, 0.9);
     color: #fff;
     width: 100%;
     left: 0;
     padding: 10px;
     font-family: 'Fjalla One', sans-serif;
     text-align: left;
     font-size: 2.3em;
     margin-bottom: 0;
     font-weight: lighter;
}
 a.card-header h2:hover {
    background: #fff;
     color: #12a0d3;
}
 .regular, .programs, .vacations {
    overflow: hidden;
     background-size: cover;
     background-repeat: none;
     background-position: center;
     height: 240px;
     margin-top: 10px;
}
 .regular {
    background-image: url(../img/regular.jpg);
}
 .programs {
    background-image: url(../img/programs.jpg);
     width: 49%;
     float: left;
     margin-bottom: 20px;
}
 .vacations {
    background-image: url(../img/vacations.jpg);
     width: 49%;
     float: right;
     margin-bottom: 20px;
}
 .enterprise {
    background-color: #E7E9EA;
     padding: 130px 0;
}
 .card {
    padding: 25px 55px;
     margin: 20px 0;
     -webkit-box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
     background: #fff;
}
 .card h4 {
    text-align: center;
     margin-bottom: 10px;
}
 .card p {
    text-align: justify;
}
 .card-price {
    background: #fff;
     border: solid 1px #dadada;
     padding: 20px;
     font-style: italic;
     font-size: 1.5em;
     line-height: 120%;
}
 #vacacionales img {
    border: solid 1px #3cbeee;
     padding: 10px;
     margin: 0 5px;
}
 #personal h2 {
    margin-bottom: 30px;
}
 #personal .img-personal {
    height: 170px;
     width: 170px;
     display: block;
     margin: 20px auto;
     overflow: hidden;
     background: #FFF8EC;
}
 #personal .img-personal img {
    height: 120px;
     width: auto;
     display: block;
     margin: inherit;
}
/*tablas*/
 td {
    border-color: #dadada;
}
 td p {
    margin: 4px 10px;
     font-size: 1em;
}
 td strong {
    color: #fff;
}
 tr.titulo-celdas td {
    border-color: #BBEDFF;
     background-color: #8ad8f5;
}
 tr.titulo-celdas-lmv td {
    background-color: #8ad8f5;
     width: 100%;
}
/*Incluir colores en las tablas*/
 .tabla-regulares td {
    background-color: #dff5ff;
}
 .tabla-vacacionales td {
    background-color: #f4ffdf;
}
 .tabla-vacacionales tr.titulo-celdas td {
    background-color: #a4cb72;
}
 .tabla-finsemana td {
    background-color: #dff5ff;
}
/*Modal*/
.start-modal .modal-header {
    padding: 0;
    border-bottom: none;
}
.start-modal .modal-header .close {
    color: #2a3062;
    font-size: 50px;
    font-weight: lighter;
    opacity: 1;
    padding: 0 10px;
}
.start-modal .modal-body {
    padding: 0;
    margin: 0;
}
 .modal-body h3 {
    margin-bottom: 5px;
}
 .levels {
    margin-bottom: 20px;
}
 .levels>div {
    border: solid 1px #dadada;
     padding: 10px;
     color: #fff;
     font-weight: bold;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
 .levels>div:nth-child(1) {
    background-color: #8ce8f2;
}
 .levels>div:nth-child(2) {
    background-color: #5edfed;
}
 .levels>div:nth-child(3) {
    background-color: #30d6e8;
}
 .levels>div:nth-child(4) {
    background-color: #19d1e6;
}
 .levels>div:nth-child(5) {
    background-color: #14a7b8;
}
 .levels>div:nth-child(6) {
    background-color: #0f7d8a;
}
/*Formulario*/
 .form-control {
    border-bottom: 1px solid #FFF;
     color: #fff;
     padding-bottom: 0.1rem;
}
 .float-label {
    color: #fff;
}
 label {
    color: #fff!important;
}
 .btn-group.bootstrap-select {
    width: 100%!important;
     margin-bottom: 30px;
}
 .bootstrap-select>.dropdown-toggle {
    height: 43px;
     background: rgba(0, 0, 0, 0);
    /*border-bottom: solid 1px #fff;
    */
     box-shadow: none;
}
 input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search-md], input[type=search], textarea.md-textarea {
    border-bottom: 1px solid #fff!important;
     height: 1.0rem;
}
/*Parallax*/
 #content-parallax {
    position: absolute;
}
 #content-parallax p {
    color: transparent;
     font-size: 0;
}
 .img-parallax {
    position: fixed;
     height: 2000px;
     width: 100%;
     background-repeat: no-repeat;
     z-index: 0;
}
/*Mini*/
 #layer_1 {
    background-image: url(../img/img-1.png);
     background-position: 2% 22%;
}
/*Ballena*/
 #layer_2 {
    background-image: url(../img/img-2.png);
     background-position: 98% 3%;
}
/*Dory*/
 #layer_3 {
    background-image: url(../img/img-3.png);
     background-position: 69% 38%;
}
/*Raya*/
 #layer_4 {
    background-image: url(../img/img-4.png);
     background-position: 15% 44%;
}
/*Marsopa*/
 #layer_5 {
    background-image: url(../img/img-5.png);
     background-position: 90% 70%;
}
/*Nemo*/
 #layer_6 {
    background-image: url(../img/img-6.png);
     background-position: 0% 70%;
}
/*Pulpo*/
 #layer_7 {
    background-image: url(../img/img-8.png);
     background-position: 99% 73%;
}
/*IMagen rollover*/
/**THE SAME CSS IS USED IN ALL 3 DEMOS**/
/**gallery margins**/
 ul.gallery {
    margin-left: 3vw;
     margin-right: 3vw;
     text-align: center;
     margin-top: 40px;
}
 .zoom {
    -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
     cursor: -webkit-zoom-in;
     cursor: -moz-zoom-in;
     cursor: zoom-in;
}
 .zoom:hover, .zoom:active, .zoom:focus {
    /**adjust scale to desired size, add browser prefixes**/
     -ms-transform: scale(3.5);
     -moz-transform: scale(3.5);
     -webkit-transform: scale(3.5);
     -o-transform: scale(3.5);
     transform: scale(3.5);
     position: relative;
     z-index: 100;
}
 .list-inline>li {
    padding-right: 11px;
     padding-left: 11px;
}
/*Thankyou page*/
 .thankyou .intro {
    background-image: url(../img/piscina-bk.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .error .intro {
    background-image: url(../img/error-bk.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
.fab-container {
   position: fixed;
    bottom: 100px;
    right: 10px;
    text-align: right;
}
 .fab {
     background: #9ACD32;
     font-size: 1.3em;
     box-shadow: 3px 6px 15px 0px rgba(0, 0, 0, 0.25);
     border: solid 2px #fff;
     text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
     line-height: 100%;
     letter-spacing: 0px;
     margin: 0;
}
 .fab i {
    margin-bottom: 6px;
     display: block;
     font-size: 2em!important;
}
 .fab:hover, .fab:active, .fab:focus {
    background-color: #7ba428;
}

.announcement-top {
    background-color: #fff!important;
    padding: 25px 15px;
    margin-bottom: 40px;
    margin-top: 80px;
    position: relative;
}
.announcement-top .container .row {
        -ms-flex-align: center!important;
    align-items: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.announcement-top h2 {
    margin-bottom: 5px!important;
    font-weight: 900!important;
    text-shadow: none;
    font-size: 55px;
    line-height: 86%;
}
.announcement-top h3 {
    margin-bottom: 0!important;
    text-shadow: none;
    font-size: 25px;
    color: #163D66!important;
}
.announcement-top p {
margin-bottom: 11px!important;
    color: #163D66!important;
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -1px;
}
.myButton {
    background-color:#db7f2f;
    border-radius:6px;
    border:1px solid #eeb44f;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
    padding:10px 26px;
    text-decoration:none;
}
.myButton:hover {
    background-color:#fb9e25;
    color: #fff;
}
.myButton:visited {
    color: #fff;
}
.myButton:active {
    position:relative;
    top:1px;
}



.myButton-green {
    background-color:#3ab04a;
    border:1px solid #238f44;
    color:#ffffff;
}
.myButton-green:hover {
    background-color:#238f44;
    color: #fff;
}
.myButton-green:visited {
    color: #fff;
}






.md-form label {
   top: 0rem;
}
.form-group-message {
   margin-bottom: 0.4rem;
}
.btn-consulta .btn-default {
   border: 1px solid #fff;
   color: #fff !important;
}
/*Media queries*/
/**To keep upscaled images visible on mobile, increase left & right margins a bit**/
 @media only screen and (max-width: 768px) {
    ul.gallery {
        margin-left: 15vw;
         margin-right: 15vw;
         margin-top: 10px;
    }
    /**TIP: Easy escape for touch screens, give gallery's parent container a cursor: pointer.**/
     .DivName {
        cursor: pointer 
    }
     .gallery img {
        height: auto;
         width: 200px;
    }
     .zoom:hover, .zoom:active, .zoom:focus {
        /**adjust scale to desired size, add browser prefixes**/
         -ms-transform: scale(2.0);
         -moz-transform: scale(2.0);
         -webkit-transform: scale(2.0);
         -o-transform: scale(2.0);
         transform: scale(2.0);
    }
}
 @media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
     .navbar-left, .navbar-right {
        float: none !important;
    }
     .navbar-toggle {
        display: block;
    }
     .navbar-collapse {
        border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
     .navbar-fixed-top {
        top: 0;
         border-width: 0 0 1px;
    }
     .navbar-collapse.collapse {
        display: none!important;
    }
     .navbar-nav {
        float: none!important;
         margin-top: 7.5px;
    }
     .navbar-nav>li {
        float: none;
    }
     .navbar-nav>li>a {
        padding-top: 10px;
         padding-bottom: 10px;
    }
     .collapse.in {
        display: block !important;
    }
     ul.banner-social-buttons {
        margin-top: 15px;
    }
}
 @media (max-width: 991px) {
    .navbar-brand>img {
        width: 150px;
         margin-left: 15px;
         margin-top: 5px;
    }
     .intro {
        height: 100%!important;
         background-image: url(../img/loop.jpg);
         background-repeat: repeat;
         background-position: center top;
         padding-top: 90px!important;
    }
     img.video-background {
        display: none;
    }
     .btn-circle {
        color: transparent;
         border-color: transparent;
    }
     span.filter-option.pull-left {
        font-size: 11px;
         line-height: 100%;
    }
    .announcement-top {
        margin-top: 0;
    }
    .announcement-top .container .row {
        display: inherit!important;
    }
    .intro .intro-body .container .row>div:nth-child(1) {
        padding: 0;
    }
}
 @media (min-width: 768px) {
    p {
        margin: 0 0 35px;
         font-size: 20px;
         line-height: 1.6;
    }
     .navbar-custom {
        padding: 20px 0;
         border-bottom: none;
         letter-spacing: 1px;
         background: transparent;
         -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
         -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
         transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    }
     .navbar-custom.top-nav-collapse {
        padding: 0;
         background: black;
         border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
     .intro {
        height: 760px;
         padding: 0;
    }
     .intro .intro-body .brand-heading {
        font-size: 5.5em;
         letter-spacing: -4px;
    }
     .intro .intro-body .intro-text {
        font-size: 26px;
    }
     .navbar-custom {
        background-color: rgba(22, 61, 102, 0.9);
         padding: 10px 0;
    }
     .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        padding: 0;
    }
     .navbar-custom.top-nav-collapse {
        background-color: rgba(22, 61, 102, 1);
    }
    footer .container div > div:last-child {
        text-align: left!important;
    }
}
 @media (min-width: 767px) {
    #map {
        height: 400px;
         margin-top: 250px;
    }
}
 @media (max-width: 767px) {
    /*menu*/
     .navbar-header {
        height: 80px;
         background: #163D66;
    }
     .navbar-custom .navbar-brand {
        padding: 5px 15px;
    }
     button.navbar-toggle {
        margin-top: 22px;
    }
     p {
        font-size: 1.3em;
    }
     .btn {
        margin: 0 auto;
         display: block;
         margin-bottom: 50px;
    }
     ul.banner-social-buttons li {
        display: block;
         margin-bottom: 20px;
         padding: 0;
    }
     ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
     .programs, .vacations {
        width: 100%;
    }
     .content-section h2 {
        font-size: 2em;
    }
     footer p {
        margin: 10px 0;
    }
     footer div {
        display: block;
    }
     span.filter-option.pull-left {
        font-size: initial;
         line-height: 100%;
    }
}
 @media (max-width: 567px) {
    .announcement-top h2 {
        font-size: 35px;
    }
    .fab {
        bottom: 50px;
    }
 }