.principal{
	background: url(../img/header-1.jpg);
	background-size: cover;
	padding-bottom: 50px;
	min-height: 100vh;
}
.navbar{
	margin-bottom: 90px;
	background: transparent;
	border:none;
}
.navbar-brand img{
	margin-left: 63px;
    width: 150px;
}
@media (min-width: 768px){
 .navbar{
	margin-bottom: 30px;
}   
}

.line{
	margin-bottom: 10px;
    margin-top: 10px;
    border-top: 1px solid #8e8e8e;
}
li a{
	color: #FFF;
}

a{
color: #FFF;
text-decoration: none;
}
a:hover{
color: #F32020;
}

.formulario{
	    padding: 25px;
    background: #9f0001;
}
.formulario-row{
	margin-top: 25px;
}
.formulario-header{
	color: #FFF;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bolder;
}
.form-control{
	background: #860101;
	border: none;
	color: #FFF;
}
.formulario-row h1{
	    margin-top: 50px;
	text-align: center;    
    color: white;
    font-family: 'Architects Daughter', cursive;
    font-weight: bolder;
    text-transform: uppercase;
}

.formulario-row h2{
	    margin-top: 30px;
	text-align: center;    
    color: white;
    font-weight: bolder;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}

.testimonios{
	background: url('../img/testimoniosbg.jpg');
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFF;
}
.btn{
	background: #FFF;
	color: #9e1744;
	font-weight: bolder;
}
.whatsapp{
	padding: 30px 0px;
	color: #fff;
	font-size: 35px;
}
.morado{
	background: #950000;
}
.gris{
	background: #141011;
}
.img-fondo{
	max-width: 100%;
}
.galeria .col-md-6{
	padding: 0px!important;
}
.texto-cuadro{
	position: absolute;
	width: 100%;
	z-index: 10000;
	color: #fff;
	text-align: center;
	bottom: 25px;
	font-weight: bolder;
	font-size: 20px;
}
.fucsia{
	background: #950000;
}
.testimonio{
	background: url('../img/testimonio.jpg');
	background-size: cover;
	padding:40px 0px;
	color: #FFF;
}

footer{
	background: #000;
	color: #FFF;
	padding-top: 45px;
	padding-bottom: 10px;
}
footer a{
	color: #950000;
}
footer a:hover{
	color: #950000;
}
body{
	font-family: 'Mukta', sans-serif;
}
h2{
	font-family: 'Architects Daughter', cursive;
}
.f2{
	font-weight: bolder;
}
p{
	font-family: 'Cormorant', serif;
}
.texto-footer{
	text-align: center;
	margin-top: 35px;
}
.navbar-default .navbar-nav>li>a{
	color: #FFF;
}
.navbar-default .navbar-nav>li>a:hover{
	color: gray;
}
.blanco{
	color: white;
}


/*Margenes y paddings*/

.no-padding{
	padding: 0 !important;
}

.ml-5{
	margin-left: 5px!important;
}
.mr-5{
	margin-right: 5px!important;
}

.ml-10{
	margin-left: 10px!important;
}
.mr-10{
	margin-right: 10px!important;
}

.mt-5{
	margin-top: 5px!important;
}
.mb-5{
	margin-bottom: 5px!important;
}

.mt-10{
	margin-top: 10px!important;
}
.mb-10{
	margin-bottom: 10px!important;
}
.mt-20{
	margin-top: 20px!important;
}
.mb-20{
	margin-bottom: 20px!important;
}
.mt-30{
	margin-top: 30px!important;
}
.mb-30{
	margin-bottom: 30px!important;
}
.mt-40{
	margin-top: 40px!important;
}
.mb-40{
	margin-bottom: 40px!important;
}
.mt-60{
	margin-top: 60px!important;
}
.mb-60{
	margin-bottom: 60px!important;
}


.pl-5{
	padding-left: 5px!important;
}
.pr-5{
	padding-right: 5px!important;
}

.pl-10{
	padding-left: 10px!important;
}
.pr-10{
	padding-right: 10px!important;
}

.pt-5{
	padding-top: 5px!important;
}
.pb-5{
	padding-bottom: 5px!important;
}

.pt-10{
	padding-top: 10px!important;
}
.pb-10{
	padding-bottom:  10px!important;
}
.pt-20{
	padding-top: 20px!important;
}
.pb-20{
	padding-bottom:  20px!important;
}
.pt-30{
	padding-top: 30px!important;
}
.pb-30{
	padding-bottom: 30px!important;
}
.pb-40{
	padding-bottom: 40px!important;
}


.fs-12{
	font-size: 12px;
}
.fs-14{
	font-size: 14px;
}
.fs-16{
	font-size: 16px;
}
.fs-18{
	font-size: 18px;
}
.fs-20{
	font-size: 20px;
}
.fs-22{
	font-size: 22px;
}
.fs-24{
	font-size: 24px;
}
.fs-26{
	font-size: 26px;
}
.fs-28{
	font-size: 28px;
}
.fs-30{
	font-size: 30px;
}
.fs-40{
	font-size: 40px;
}
.fs-50{
	font-size: 50px;
}
.fs-60{
	font-size: 60px;
}
.bolder{
	font-weight: bolder;
}

.rojo{
	color: #fa3232;
}

.contenido{
	background: url('../img/contenidobg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.btn-amarillo{
	color: #FFF;
    font-size: 20px;
    font-weight: bolder;
    background: #D8B009;
    padding: 4px 18px;
    border-radius: 26px;
    font-family: 'Architects Daughter', cursive;
}

.cuadro-imagen{
	height: 275px;
    background-size: cover!important;
    background-position: center!important;
    padding-top: 27%;
    border-radius: 190px;
}
.amarres{
	background: url('../img/amarres.jpg');

}
.magia-negra{
	background: url('../img/magianegra.jpg');

}
.pactos{
	background: url('../img/pactos.jpg');

}
.prosperidad{
	background: url('../img/prosperidad.jpg');

}
.magia-blanca{
	background: url('../img/magiablanca.jpg');

}
/*internas*/

.texto-cuadro-interno{
	padding-top: 220px;
	padding-bottom: 40px;
	width: 100%;
	z-index: 10000;
	color: #fff;
	text-align: center;
	bottom: 25px;
	font-weight: bolder;
	font-size: 30px;
}
.principal-interna{
	background: url(../img/header.jpg);
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 50vh;
}
.morado p, .fucsia p{
	color: #FFF;
}
.texto-interno{
	margin-top: 65px;
    margin-bottom: 65px;
    padding: 0px 13vw;
    font-size: 20px;
    text-align: center;
}

.boton-flotante{
	    position: fixed;
    z-index: 9999999999;
    color: #FFF!important;
    text-decoration: none;
    border-radius: 25px 5px 25px 5px;
    background: #4CAF50;
    padding: 6px 30px;
    font-size: 19px;
    bottom: 20px;
    left: 20px;
}

.boton-flotante a{
	color: #FFF!important;
}
.btn-custom{
	    background: #342241;
    width: auto;
    display: inline-block;
    padding: 8px 18px;
    margin-top: 13px;
}

.servicios{
	background-image : url('../img/fondo-qs-2.jpg');

}

.boton {
  display: inline-block;
  border-radius: 25px 5px 25px 5px;
  background-color: #9F0001;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 80%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0 auto;
  margin-left: 50px;
  margin-top: 20px;
}

.boton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.boton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.boton:hover span {
  padding-right: 25px;
}

.boton:hover span:after {
  opacity: 1;
  right: 0;
  color: #F32020;
}