html {height:100%; }
body {height:100%; position: relative; } 

@font-face { font-family: hblack; src: url(../fonts/Helv_Black_Cond.otf); } 
@font-face { font-family: hregular; src: url(../fonts/Helv_Cond.otf); } 


h1 { font-family: hblack, sans-serif; font-size: 100px; line-height: 100px; padding: 0px 0px; margin: 10px 0px; color: #FFBF3C; }

h1 blanco { color:#FFF; }

h2 { font-family: hblack, sans-serif; font-size: 70px; line-height: 70px; padding: 0px 0px; margin: 10px 0px; color: #FFBF3C; }

h2 blanco { color:#FFF; }


h3 { font-family: hblack, sans-serif; font-size: 40px; line-height: 46px; padding: 0px 0px; margin: 0px 0px; color: #404040; }

h3 amarillo  { color:#FFBF3C; }
h3 blanco { color:#fff; }

h4 { font-family: hblack, sans-serif; font-size: 20px; line-height: 25px; padding: 0px 0px; margin: 10px 0px; color: #404040; }

h4 blanco { color:#fff; }

p { font-family: hregular, sans-serif; font-size: 20px; line-height: 26px; padding: 0px 0px; margin: 0px 0px; color: #404040; }


p a:link { text-decoration:none; color:#404040!important; }
p a:visited { text-decoration:none; color:#404040!important; }
p a:hover { color: #404040 !important; }

p small { font-size: 15px; }
p small a:link { }
p small a:visited { }

.btn { font-family: hblack !important; font-size: 20px; line-height: 25px; padding: 10px 20px; background:#FFBF3C; color: #FFF; transition: all 0.3s ease 0s; border-radius: 0px; margin: 0px 0px; }
.btn:link, .btn:visited { text-decoration:none; color: #fff !important; }
.btn:hover { background:#404040; color:#fff!important;  }

.btn_blanco { font-family: hblack !important; font-size: 20px; line-height: 25px; padding: 10px 20px; background:#fff; color: #FFBF3C; transition: all 0.3s ease 0s; border-radius: 0px; margin: 50px 0px !important; }
.btn_blanco:link, .btn_blanco:visited { text-decoration:none; color: #FFBF3C !important; }
.btn_blanco:hover { background:#404040; color:#FFBF3C!important;  }


@media screen and (max-height: 650px){ 
h1 { font-size: 80px; line-height: 80px; }
}


@media screen and (max-width: 991px){
h2 { font-size: 50px; line-height: 50px; }
h3 { font-size: 30px; line-height: 30px; }	
h4 { font-size: 18px; line-height: 18px; }  
p { font-size: 18px; line-height: 18px; }

.btn { font-size: 18px; padding: 10px 20px; }
.btn_blanco { font-size: 18px; padding: 10px 20px; }
}	




/*///////////////////////////////////////////////////////////////// */




.waypoint_animacion { opacity: 0;}
.waypoint_animacion.animated { opacity: 1; }




/*///////////////////////////////////////////////////////////////// */




.link_arriba { position:fixed; bottom:50px; right:50px; z-index: 10; opacity:1; display:none; }
.link_arriba:hover { opacity:0.5 }
.link_arriba img {height: 40px;}

.link_whatsapp_verde { position:fixed; bottom:100px; right:50px; z-index: 1;  }
.link_whatsapp_verde img { height: 70px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }

.link_whatsapp_verde img:hover { scale:1.3; }

@media screen and (max-width: 991px){
.link_arriba { bottom:20px; right:20px; }
.link_arriba img {height: 40px;}	

.link_whatsapp_verde { bottom:70px; right:20px; z-index: 1;  }
.link_whatsapp_verde img { height: 50px;  }
}




/*///////////////////////////////////////////////////////////////// */



.nav { padding: 0px; background: rgba(255,191,60,0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.nav_cambiado { background: rgba(255,191,60,1); }

.navbar-brand {padding:20px 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.navbar-brand_achicar {padding:5px 0px;}

.nav-logo { height: 80px; width: auto; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; margin-top:-5px; opacity: 1;}
.nav-logo_achicar { height: 50px; }

.nav-item {padding:0px 10px;}

.navbar-nav .active { color: #4D3812 !important; }
.navbar-nav a { font-family: hregular; font-size: 16px; color: #FFF;}
.navbar-nav a:link { text-decoration: none;  }
.navbar-nav a:visited { text-decoration: none;   }
.navbar-nav a:hover { color: #4D3812;}

.nav_redes a {display: inline;}

.nav_redes img { height:20px; width: auto; margin-top: 10px; }

.dropdown-menu .active { background: #CC9930; color: #fff !important;}
.dropdown-menu { background: #CC9930; padding: 0px; }
.dropdown-item { background: #CC9930; padding: 10px 10px; }
.dropdown-item:hover { background: #CC9930; color:#2D2A26 !important; }


@media screen and (max-width: 991px){	

.nav { background: rgba(255,191,60,1); }	

.navbar { padding: 0px; margin: 0px; min-width: 100%; text-align: center; display: block; }

.navbar-brand {padding:25px 0px;  }
.navbar-brand_achicar {padding:15px 0px;}

.nav-logo { height: 50px; opacity: 1; }
.nav-logo_achicar { height: 40px; }

.navbar-toggler { float:right; position: absolute; right: 10px; top: 25px; background-color:transparent; border:0px solid rgba(255,255,255,0.5); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.navbar-toggler_achicar {top: 10px;}

.navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.navbar-nav { text-align: center; padding:0px; margin: 0px; }
.nav-item { padding: 8px 0px; background: #CC9930 ; display:block !important; }
.nav_redes img { margin: 10px 0px; }

.dropdown-item { text-align: center; }

}




/*///////////////////////////////////////////////////////////////// */




.carrousel { height: 100% }
.swiper-wrapper, .swiper-slide {padding: 0px;}

  /* Cambiar color al bullet del Slider */
.swiper-pagination-bullet{background:#fff;opacity:.5}
.swiper-pagination-bullet-active{background:#fff;opacity:1}
  /* Cambiar color a las flechas del Slider (Cambiar %23fff por %23colorhexa)*/
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");opacity: 0.5; }
.swiper-button-next:hover, .swiper-button-prev:hover {opacity:1;}


.slides { height:100%; z-index: 1; }
.slides .container  { height:100%;  }
.slides .container .row { height:100%; display: flex; align-items: center;  }
.slides_info { z-index: 3; padding: 0px 100px 0px 0px; }

.slide_1 { background-image: url("../img/somoscintas_inicio_01.jpg"); background-position: bottom ; background-size: cover; }
.slide_2 { background-image: url("../img/somoscintas_inicio_02.jpg"); background-position: bottom ; background-size: cover; }
.slide_3 { background-image: url("../img/somoscintas_inicio_03.jpg"); background-position: bottom ; background-size: cover; }

.slide_1 h1 { margin-bottom: 30px;}
.slide_2 h4 { margin-bottom: 30px; width: 70%; }
.slide_3 h4 { margin-bottom: 30px; width: 70%; }

.slides_info_mini_foto { display: none; }
.slides_info_mini { display: none; }


@media screen and (max-width: 991px){
.carrousel { height: auto; background: #FFBF3C;}
.slides { height: auto; }
.slides .container  { height: auto; }
.slides .container .row { height: auto;}

.slide_1 { background-image: none; }
.slide_2 { background-image: none; }
.slide_3 { background-image: none; }

.slide_2 h4 { margin-bottom: 30px; width: 100%; }
.slide_3 h4 { margin-bottom: 30px; width: 100%; }

.slides_info { display: none; }
.slides_info_mini_foto { padding: 80px 0px 0px 0px; display: inline-block; }
.slides_info_mini_foto img { width: 100%; }
.slides_info_mini { display: inline-block; padding: 0px 30px 60px 30px; background: #FFBF3C; }


}




/*///////////////////////////////////////////////////////////////// */




.quienessomos { background-image: url("../img/somoscintas_somos.jpg"); background-position: center ; background-size: cover; background-attachment: fixed;}
.quienessomos .row { padding: 150px 0px; display: flex; align-items: center;}
.quienessomos h2 { margin-bottom: 40px; }

@media screen and (max-width: 991px){
.quienessomos { background-image: none; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);}
.quienessomos .row { padding: 100px 0px 80px 0px; }
.quienessomos_txt { padding: 0px 20px 0px 20px; }
}




/*///////////////////////////////////////////////////////////////// */




.separador { background: #FFBF3C; }
.separador .row { padding: 80px 0px;}
.separador_item { text-align: center; padding: 0px 30px; }
.separador_item img { height: 100px; margin-bottom: 20px; }

@media screen and (max-width: 991px){
.separador .row { padding: 50px 0px 50px 0px;}
.separador_item { text-align: center; padding: 20px 30px; }	
}




/*///////////////////////////////////////////////////////////////// */




.cintas { padding: 0px 0px 0px 0px; background: #F2F2F2; overflow: hidden; }
.cintas_titulo { padding: 100px 30px 50px 30px; }
.cintas_item_img img { width: 80%; }
.cintas_item_txt { padding: 30px 0px; }
.cintas_item .btn img { height: 30px; margin-right: 10px; margin-top: -5px; }

.cintas hr { margin: 100px 0px 0px 0px; }

@media screen and (max-width: 991px){
.cintas { padding: 0px 0px 0px 0px; background: #F2F2F2; }
.cintas_item { padding: 0px 30px;  margin-bottom: 50px;}
.cintas hr { margin: 50px 0px 0px 0px; }
}




/*///////////////////////////////////////////////////////////////// */ 




.separador_2 { padding: 100px 0px; background: #F2F2F2; }
.separador_2_titulo { padding: 0px 0px 50px 0px; text-align: center; }
.separador_2_item { text-align: center;  padding: 0px 30px; }
.separador_2_item h3 { margin-bottom: 10px; }


@media screen and (max-width: 991px){
.separador_2 { padding: 70px 30px; background: #F2F2F2; }
.separador_2_titulo { padding: 0px 0px 30px 0px; text-align: center; }
.separador_2_item { margin-bottom: 50px; }
}





/*///////////////////////////////////////////////////////////////// */ 




.galeria { background: #FFBF3C; padding: 120px 0px 120px 0px;}
.galeria_titulo { margin-bottom: 50px; }
.galeria figure img { width: 100%; height: auto; }


@media screen and (max-width: 991px){
.galeria { padding: 80px 0px 80px 0px;}
}




/*///////////////////////////////////////////////////////////////// */ 




.contacto {height: 100%; background: #F2F2F2; }

.contacto .container  { height: 100%; }
.contacto .row  { height: 100%; display: flex; align-items: center;}

.contacto_data_on img { height:22px; margin-top:-2px; padding-right: 10px ;}

.contacto_formulario { padding-top: 50px;}

.form-control { font-family: hregular, sans-serif; font-size: 20px; padding:20px 15px; margin:10px 0px; border : none; background: #fff; border: 0px ; border-radius: 0px;  }
.form-control:focus {color:#000; outline: 0; background:#fff; -webkit-box-shadow: none; box-shadow: none; }
.form-control::placeholder { color: #333!important; opacity: 0.5!important;}

.g-recaptcha { padding: 0px; margin: 20px 0px 20px 0px; overflow:hidden; }


@media screen and (max-height: 650px){
.contacto_formulario { padding-top: 80px;}
}

@media screen and (max-width: 991px){

.contacto { height:auto; padding: 0px 0px 30px 0px; }
.contacto .row { height:auto; }

.contacto_data { padding: 100px 30px 20px 30px; }
.contacto_data_on h2 { margin-bottom: 20px;  }
.contacto_data_on p { margin-bottom: 5px;  }

.contacto_formulario { padding-top: 0px;}
.contacto_formulario_on { padding: 0px 10px 0px 10px; }
.contacto_formulario_on .btn { margin-top: 0px; }
}




/*///////////////////////////////////////////////////////////////// */




.footer { text-align: center; background-color: transparent; height:50px; margin-top: -50px; position: absolute; overflow: hidden;}
.footer_on { text-align: center; } 
.footer p { }
.footer img {height:40px; padding: 0px 0px 0px 8px; margin-top: -5px; }

.mostrar_celu { display: none; }

@media screen and (max-height: 650px){
.footer { display: none; }
}


@media screen and (max-width: 991px){
.footer { padding: 0px 30px 20px 30px; background-color: #F2F2F2; height:auto; margin-top: 0px; position: relative;}
.footer_on { text-align: left; } 
.footer_on p { margin-bottom: 5px; } 
.mostrar_pc { display: none;  }
.mostrar_celu { display: block; }
}