html, body { width: 100%; height: auto;  margin: 0; font-size: 18px !Important; font-family: 'cyntho_nextextralight'; scroll-behavior: smooth; }
 header { position: fixed; width: 100%; height: 140px; position: fixed; z-index: 10; top: 0; background: rgba(34, 60, 124, 0);  transition:all 400ms ease; }
 header ul {  width: 100%; height: auto; text-align: right; padding: 60px 12% 0 0; }
 header ul li { list-style: none; display: inline-block; margin:0 20px ; vertical-align: top; overflow: hidden; }
 header ul li a { font-size: 19px; color:#c4cec4; padding-bottom: 5px; background: url(img/hover.jpg) no-repeat; background-position: -50px 22px; }
 header ul li a:hover {  color:#c4cec4; text-decoration: none; background: url(img/hover.jpg) no-repeat; background-position: 0px 22px; }
 section { width: 100%; min-height: auto; }
 footer { background: #0d1f3f; width: 100%; height: auto; padding: 90px 0; color:#e9eff2; font-size: 14px !important; }
 footer ul { padding: 0; }
 footer ul li { list-style: none; padding: 0; margin-bottom: 5px; }
 footer ul li a { color:#e9eff2; font-size: 14px !important; }
 footer ul li a:hover { color:#e9eff2; font-size: 14px !important; }
 footer a { color:#e9eff2; }
 footer a:hover { color:#e9eff2; }
 footer .logo-foo { width: 55%; display: block; margin: -20px auto 30px auto !important; }
 b { font-family: 'cyntho_nextsemibold'; }
 h1, h2, h3, h4, a {  transition:all 400ms ease; }
    body {
        animation: fadein 2s;
        -moz-animation: fadein 2s; /* Firefox */
        -webkit-animation: fadein 2s; /* Safari and Chrome */
        -o-animation: fadein 2s; /* Opera */
    }

    @keyframes fadein { from { opacity:0; } to { opacity:1;} }
    @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1;} }
    @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1;} }
    @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity:1;} 
   }

 /* COLORES */
 .cafe { color: #8f4f24; }
 .cafe_ { background: #8f4f24; }
 .blanco { color: #fff; }
 .blanco_ { background: #fff; }
 .blue { background: rgba(13, 31, 63, .9); background-blend-mode: multiply; transition:all 400ms ease; }
 /* COLORES */
 
.hide { margin-top: -180px; }
.nicolas { font-family: 'Nicholas';  }
.logo { width: 22%; margin: 20px; position: absolute; top: 20px; left: 20px;  }
.wh { width: auto; margin: 20px; position: absolute; top: 20px; right: 20px;   }
.mensaje { width: 70%; margin-top: 150px; }
.rs { position: absolute; right: 0; top: 45vh; width: 60px; text-align: center; height: auto; }
.rs a img { margin-bottom: 10px;}
#castano { width: 100%; height: 100vh; background: url(img/inicio.jpg) no-repeat center top; background-size: cover; }
.inicio { /*background: #8f4f24;*/ color: #fff; font-size: 22px; margin-top: 35vh; padding: 25px; } 
.inicio a { color: #fff; font-size: 17px; border: #fff solid 1px; padding: 10px 15px; font-family: 'cyntho_nextsemibold'; }
.inicio b.ni { font-family: 'Nicholas'; font-size: 47px; }
#somos {  background: url(img/somos.jpg) no-repeat center top; background-size: cover; color: #fff; padding: 25vh 0; } 
#somos h3 { font-size: 2.5vw; color: #0d1f3f; font-family: 'Nicholas'; letter-spacing: 1px; margin-bottom: 50px; }
#somos p { max-width: 800px; font-size: 20.5px; margin: 0 auto; }
#somos hr { width: 130px; height: 1px; background: #fff; margin: 50px auto; }
#somos a { color: #fff; font-size: 17px; border: #fff solid 1px; padding: 10px 15px; font-family: 'cyntho_nextsemibold'; }

#proteja { padding: 30vh 0;  background: url(img/fondo.jpg) no-repeat center; background-size: cover; }
#proteja h3 { color: #0d1f3f; font-size: 5.2vw;  font-family: 'cyntho_nextregular'; text-align: center; margin-left: 10px; margin-top: 100px; }
#proteja p  { max-width: 670px; margin: 40px auto;  } 
#proteja a { color: #0d1f3f; font-size: 17px; border: #0d1f3f solid 2px; margin-top:40px ; padding: 10px 15px; font-family: 'cyntho_nextsemibold'; }
#proteja .container .row { padding: 0 1% 0 3%; }
#proteja { padding: 55px 0 40px 0; color: #0d1f3f; }
#proteja .col-sm-4_ { background: #b2b2b2; width: 31.5%; min-height: 380px; margin: 5px; display: inline-block; text-align: center; padding: 3%;  }
#proteja .col-sm-4_ h3 { font-size: 2.1vw; min-height: 80px; font-family: 'cyntho_nextsemibold'; }
#proteja .col-sm-4_ p { font-size: 16px; line-height: 22px; padding: 0 4%;   }

#confie { padding: 155px 0 40px 0; color: #0d1f3f; }
#confie h2 { color: #0d1f3f; font-size: 5.3vw;  font-family: 'cyntho_nextregular'; text-align: center; }
#confie p  { max-width: 650px; margin: 15px auto 85px auto; font-size: 24px;  }
#confie h3 {  font-family: 'Nicholas'; color: #8f4f24; max-width: 78%; margin: 60px auto; font-size: 26px; }
#confie hr { width: 130px; height: 1px; background: #11112c; }

.slide { background: #934e15; color: #fff; max-height: 540px; }
.flickity-page-dots { top: 330px; }
.carousel-cell { height: 450px; text-align: center; width: 100%; padding: 80px 0 40px 0; }
.carousel-cell h4 { font-family: 'Nicholas'; font-size: 6vw; }
.carousel-cell p { max-width: 60%; margin: 0 auto; }

.img-fluid { background: url(img/img.jpg) no-repeat fixed center; background-size: cover; width: 100%; height: 100vh; }

#hablemos { background: url(img/hablemos.jpg) no-repeat fixed center; background-size: cover; min-height: 428px; padding: 90px 0; color: #0d1f3f; }
#hablemos p { max-width: 470px; }
#hablemos .btn2 { background: #934e15; color: #fff; font-family: 'Nicholas'; display: block; width: 300px; font-size: 24px; padding: 10px 20px; }

@media only screen and (max-width: 550px) {
    .logo { width: 190px; margin: 20px; position: absolute; top: 0px; left: 0px;  }
     header ul {  width: 100%; height: auto; text-align: right; padding: 80px 12% 0 0; }
     #proteja .col-sm-4_ { background: #b2b2b2; width: 47%; min-height: 380px; margin: 5px; display: inline-block; text-align: center; padding: 3%;  }
     .carousel-cell p { max-width: 90%; margin: 0 auto; }
     #proteja .col-sm-4_ h3 { font-size: 28px; min-height: 80px; font-family: 'cyntho_nextsemibold'; }
      header ul li { list-style: none; display: inline-block; margin:0 10px ; vertical-align: top; overflow: hidden; }
    }


    @media only screen and (max-width: 440px) {
    .logo { width: 190px; margin: 20px; position: absolute; top: 0px; left: 0px;  }
     header ul {  width: 100%; height: auto; text-align: right; padding: 80px 12% 0 0; }
     #proteja .col-sm-4_ { background: #b2b2b2; width: 100%; min-height: 380px; margin: 5px; display: inline-block; text-align: center; padding: 3%;  }
     .carousel-cell p { max-width: 90%; margin: 0 auto; }
     #proteja .col-sm-4_ h3 { font-size: 28px; min-height: 80px; font-family: 'cyntho_nextsemibold'; }
     #proteja h3 { color: #0d1f3f; font-size: 38px;  font-family: 'cyntho_nextregular'; text-align: center; }
     #confie h2 { color: #0d1f3f; font-size: 38px;  font-family: 'cyntho_nextregular'; text-align: center; }
     header ul {  }
     header ul li { list-style: none; display: inline-block; margin:0 10px ; vertical-align: top; overflow: hidden; }
     header ul li a { font-size: 16px; color:#c4cec4; padding-bottom: 5px; background: url(img/hover.jpg) no-repeat; background-position: -50px 22px; font-family: 'cyntho_nextsemibold'; }
    }