body { 
	background-color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	color: #424242;
	font-size: 14px;
 }

p {
	font-family: 'Montserrat', sans-serif;
	color: #424242;
	font-size: 14px;
    font-weight: 300;
}


a {
    color: #e9580c;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 42px;
    color: #e9580c;
    line-height: 46px;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 32px;
    color: #e9580c;
    line-height: 36px;
}

h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #424242;
    line-height: 28px;
}

h5 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #424242;
    line-height: 24px;
}

/* MENU */

.sp {
    padding: 0!important;
}

.menu {
    height: 100px;
}

.navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #e9580c;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.navbar-nav .nav-link:hover {
    color: #f08900;
}

/* TERAPIA*/

#psi {
    text-align: center;
    margin-top: 100px;
}

.terapia {
    margin-top: 60px;
}

.terapia p {
    font-size: 16px;
}

.terapia img {
    margin-bottom: 20px;
}

/* BENEFICIOS*/

#beneficios {
    margin-top: 100px;
}

#beneficios h1 {
    text-align: center;
}

.terapia-2 {
    margin-top: 60px;
}

.terapia-2 p {
    font-size: 16px;
}



/* CONTACTO*/


#contacto {
    background-image:url(http://www.nepen-angostura.com.ar/img/contacto.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #570b4c;
    height: 700px;
    padding-top: 70px;
    margin-top: 80px;
}

.form-m {
    width: 49%;
    display: inline-block;
}

.form-m-izq {
    width: 48%;
    display: inline-block;
    margin-right: 10px;
}

.caja-formulario {
    max-width: 600px;
    padding-top: 10px;
}

.form-control {
    font-size: 1rem;
    line-height: 1.5;
    color: #424242;
    background-color: #efeeee;
    border: 1px solid #ffffff;
    border-radius: 0;
    font-weight: 400;
}

label {
    display: inline-block;
    margin-bottom: .3rem;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-top: 20px;
    letter-spacing: 0.5px;
}

.esp-form {
    padding-top: 15px;
}

.esp-form p {
    color: #ffffff;
    letter-spacing: 0.5px;
}

.botonf {
    color: #ffffff;
    border: 1px solid #e9580c;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 40px;
    width: 120px;
    background-color: rgba(0, 0, 0, 0);
}

.botonf:hover {
    color: #e9580c;
}

#formulario p {
    color: #ffffff;
}

.map {
    padding-left: 61px;
}


/* GALERIA*/

#galeria {
    padding: 100px 0 0;
    background-color: #fff;
    text-align: center;
}


.galeria-1 {
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:1980px;
    height:500px;
    overflow:hidden;
    visibility:hidden;
}

.spinner {
    position:absolute;
    top:0px;left:0px;
    width:100%;
    height:100%;
    text-align:center;
    background-color:rgba(0,0,0,0.7);
}

.spin {
    margin-top:-19px;
    position:relative;
    top:50%;
    width:38px;
    height:38px;
}

.slides {
    cursor:default;
    position:relative;
    top:0px;
    left:0px;
    width:1980px;
    height:500px;
    overflow:hidden;
}

.navig {
    position:absolute;
    bottom:12px;
    right:12px;
}

.prot {
    width:16px;
    height:16px;
}

.vbox {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.flecha-izq {
    width:65px;
    height:65px;
    top:0px;
    left:35px;
}

.flecha-der {
    width:65px;
    height:65px;
    top:0px;
    right:35px;
}

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}


.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


/*FOOTER*/

.footer {
    padding: 40px 0;
    background-color: #570b4c;
    margin-top: 0;
}

.footer p, .footer a {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff!important;
    text-decoration: none;
    margin-bottom: 0;
    float: left;
    font-weight: 200;
}

.footer a:hover {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.6;
}

p.titpie {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}

.atd {
    background-color: #333;
    height: 35px;
    padding-top: 5px;
}

.pietop{
    margin-top: 10px;
}


.atdg, .atdg:hover {
    color: #999;
    font-size: 10px;
    line-height: 12px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none; 
    letter-spacing: 1px;
    font-weight: 300;

}

.piesep {
    display: inline-block;
}

.pieizq {
    padding-left: 60px;
}

.pull-right {
    float: right;
}

.movil {
    font-size: 20px;
}

.glyphicon-f {
    padding-right: 10px;
    font-size: 28px!important;
}

.glyphicon-i {
    font-size: 28px!important;
}

/* BTN WHATSAPP */

.wapp {
    font-size: 18px;
    font-weight: 400;
    background-color: #41ba00;
    border-radius: 61px 61px 61px 61px;
    color: #ffffff;
    max-width: 260px;
    text-align: center;
    line-height: 40px;
    padding: 0 5px;
    margin-top: 11px;
    margin: 10px auto;
}



.wapp a {
    color: #ffffff;
}


/* RESPONSIVE */



@media screen and (max-width: 1024px) {
.map {
    padding-left: 15px;
}
}

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

#menu-gral {
    display: none;
}


}

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

.navbar-toggler{
    display: none;
}

.navbar-expand-lg {
   justify-content: flex-end;
}

}

@media screen and (min-width: 770px) {

.peq {
    display: none;
}

}

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

.gde {
    display: none;
}

.navbar-nav .nav-link {
    font-size: 12px;
    letter-spacing: 0.5px;
    background-color: #ffffff;
}

.navbar {
    padding: 0.5rem 0!important;
}


.logo-menu {
    max-height: 50px;
}

.navbar-nav {
    float: right;
    text-align: right;
}

#psi, #beneficios {
    margin-top: 40px;
}


#pie {
    padding-bottom: 70px;
}

.map {
    padding-left: 35px;
    padding-right: 35px;
}

.container-fluid {
    padding-bottom: 20px;
} 

.terapia {
    margin-top: 0px;
}

.terapia-2 {
    margin-top: 30px;
}

.terapia-2 p {
    font-size: 14px;
}

.terapia img {
    margin-bottom: 10px;
    margin-top: 30px;
}


.headerppal {
    padding-bottom: 0!important;
}



#galeria {
    padding: 40px 0 0;
}

#contacto {
    background-image:url(http://www.nepen-angostura.com.ar/img/contacto-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #666999;
    height: 1200px;
    padding-top: 70px;
}

#formulario {
    margin-top: 40px;
}


}

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


.logo-2 {
    padding: 50px 0;
}

.menu {
    height: 60px;
}

h1 {
    font-size: 30px;
    line-height: 35px;
}

h2 {
    font-size: 26px;
    line-height: 30px;
}


h3 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
    font-size: 16px;
    line-height: 20px;
}

h6 {
    font-size: 16px;
    line-height: 20px;
}

.form-m-izq {
    width: 100%;
    display: inline-block;
    margin-right: 10px;
}

.form-m {
    width: 100%;
    display: inline-block;
    margin-right: 10px;
}

#contacto {
    background-image:url(http://www.nepen-angostura.com.ar/img/contacto-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #666999;
    height: 1300px;
    padding-top: 40px;
}



#galleria-2 {
    margin-top: 20px;
}

#jssor_1 {
    display: none;
}

p.titpie {
    margin-top: 10px;
}

.atd {
    padding-bottom: 20px;
}

.horas {
    margin-top: 20px;
}

.footer p, .footer a {
    margin-left: 20px;
}

}

@media screen and (min-width: 576px) {

#galleria-2 {
    display: none;
}

}