/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family:  'Barlow', sans-serif;
    background:#f6f6f6;
    font-weight: 700;
}

hr {
    max-width: 50px;
    border-color: #f05f40;
    border-width: 3px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #6B314E;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #8B638E;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow','Roboto','Helvetica Neue',Arial,sans-serif; font-weight: 700;
}
h4{font-family: 'Mr De Haviland', cursive; font-weight: 400; font-size: 3em}
strong{font-size: 16px}
p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.bg-primary {
    background-color: #fff;
}

.bg-dark {
    color: #fff;
    background-color: #222;
}

.text-faded {
    color: rgba(255,255,255,.7);
}

section {
    padding: 40px 0;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}


.section-heading {
    margin-top: 0;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}


.service-box p {
    margin-bottom: 0;
}
.portfolio-image{margin: 0 20px 10px 0}
.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}
.img_home_web{display: inherit}
.img_home_mobile{display: none}
.redes{height: 100px; padding: 50px}
footer .col-sm-6 .redes img, .redes img{width: 20%;}
header {
    position: relative;
    width: 100%;
    background: #fff;
    color:#6c757d;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}

header .header-content {
    position: relative;
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    background: #fff;
    display: inline-block;
}
footer .logo{width: 300px; margin-top: 0}
footer .info{}
#content {
    background: #f6f6f6;
}

.navbar-header{ margin: 0 auto; float: none; width: 285px}
.nav > li > a{color: #fff}
.nav > li > a {
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    font-weight: 300;
    border-bottom: 2px solid transparent;
    color:  #6B314E;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center
}

.nav > li > a:hover,
.nav > li > a:focus{
    color: #8B638E;
    background: transparent
}
.active{ color: #8B638E !important;}
.menu{margin-left: auto; margin-right: auto; display: -webkit-box;}
.social{width: 50px}
.btn-primary{ color: #fff;background: #6B314E;border-color:#6B314E;}
.btn-primary:hover{ color: #fff;background: #8B638E;border-color:#8B638E;}
.parallax-chico, .parallax2, .parallax3, .parallax4{
    height: 200px;
    background-color: #6B314E;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.parallax-chico{
    background-image: url(../img/fondo1.png);
}
.parallax2{
    background-image: url(../img/fondo3.png);
}
.parallax3{
    background-image: url(../img/fondo4.png);
}
.parallax4{
    background-image: url(../img/fondo2.png);
}
.logo{width: 300px;}
.isologo{text-align: center; margin: 20px 0 10px auto;}
.btns{width: 260px; margin: 0 auto; ; padding-top: 70px}
.btns a{}
.btns p{text-align: center;color: #dadad9}

.info{padding: 0 60px;}
.contact{padding: 20px 60px; margin-top: 5px}
footer .col-sm-7 {text-align: center; margin: auto}
.copy{text-align: center; margin: 20px auto}
.clear{width: 30%; height: 1px; background: #6c757d; margin: 10px auto}
.col-lg-3{margin: 0 20px 10px 0}
.separador{ width: 100%; height: 1px; background: #69324f; margin: 10px 0 20px }
.form-row>.col, .form-row>[class*=col-]{ padding: 0 30px 0 }
.wa{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    color:#6c757d;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



/* CLearfix */
.clearfix:after {content:".";display:block; height:0;clear:both;visibility:hidden;}
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
* html .clearfix { height:1px; }
/* End hide from IE Mac */



/* Chrome, Safari, Opera */
@-webkit-keyframes blend1 {
    0%  {opacity: 1}
    50%   {opacity: 0.5  }

}


@media (max-width:576px){.container{max-width:540px};
.contact{padding: 0 60px; margin-top: 60px}
header .info{display: none}
footer .col-sm-7{display: none}
header .logo{width: 300px; margin: 0 auto;}
footer .logo{width: 100px; margin: 0 auto;}
footer .info{padding: 0;}
.py-4{padding-left: 0}
.filtering{margin-bottom: 20px}
.col-sm-2{width: 50%}
.col-sm-3{width: 50%}
.col-sm-6 img{width: 100%}
footer .col-sm-6 img, footer .col-sm-6 .redes img, .redes img{width: 10%;}
.redes{height: 100px; padding: 50px;}
.cita{display: none}
.img_home_web{display: none}
.img_home_mobile{display: inherit }
}
@media (max-width:768px){.container{max-width:720px}

}
@media (max-width:992px){.container{max-width:960px}

@media (min-width:1160px){.container{max-width:960px}
}