body {font-family: 'Lato', sans-serif;
}
p { font-size:16px;
    line-height: 1.5em;
	
}

h1{font-family: 'Playball', cursive;}

h2,
h3,
h4,
h5,
h6 {font-family: 'Lato', sans-serif;
}

.shadow{background-color:#fafafc; padding-top:15px;}


/*-----Navbar------------*/
.navbar-collpase li a{color:#fff;}
.navbar-light{font-size:14px;
			  color:#fff;
			  background-image:url(../img/nav.jpg);
	          background-attachment: fixed;
	          background-position: top center;
	          background-repeat: no-repeat;
}
.navbar-light .navbar-nav .nav-link{color:#000;font-family: 'Source Sans Pro', sans-serif; font-size:16px;}


.navbar-brand{margin-left:1em;}

@media(max-width:768px) {
	.navbar-brand{margin-left:0;margin-left:0;}
}

.navbar-light .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(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

/*-----Fin Navbar------------*/


section {
    padding: 100px 0;
}

/*-----header style-----*/
header a {color:#ff3399;}

header a:hover,
header a:focus{
	color:#000;
}
header {
	background-color:#fff;	
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/header.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding-bottom:400px;
	
}
.padd{margin-top:20%;}


@media(max-width:768px) {
	
	header {
	background-color:#fff;	
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/header.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}	

.padd{margin-top:35%;}

}

.caja{background-color:rgba(215,196,177,.7);padding:5px; border-radius:20px;}
.btn-cream{color:#000; background-color:#ffcea1; border:none;}

.n {
  border: 0;
  border-top:1px solid #000;
  text-align: center;
  width:50%;
}
.n:after {
  content: '\2619';
  display: inline-block;
  position: relative;
  top: -25px;
  padding: 0 10px;
  background: #fafafc;
  color: #000;
  font-size: 24px;
}

.s {
  border: 0;
  border-top:1px solid #000;
  text-align: center;
  width:50%;
}
.s:after {
  content: '\2619';
  display: inline-block;
  position: relative;
  top: -18px;
  padding: 0 10px;
  background: #edbe00;
  color: #000;
  font-size: 24px;
}

.g {
  border: 0;
  border-top:1px solid #000;
  text-align: center;
  width:50%;
}
.g:after {
  content: '\2619';
  display: inline-block;
  position: relative;
  top: -25px;
  padding: 0 10px;
  background: #fafafc;
  color: #000;
  font-size: 24px;
}
@media(max-width:414px) {
	.g:after {
  content: '\2619';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #fafafc;
  color: #000;
  font-size: 24px;
}
}

.bn {		
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/backnos.jpg);
	background-attachment: fixed;
	background-position: right center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}
@media(max-width:768px) {
	.bn {		
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/backnos-xs.jpg);
	background-attachment: local;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}
}

.list-group-item{
	border:0;
    background-color:transparent;
}
.serv li:before {
    font-family: 'FontAwesome';
    content:"\f046";
    margin:0 7px 0 0px;
	color:#17a2b8;
	font-size: 18px;
}


h6 {
  font-family:'Playball', cursive;
  font-size: 3em;
  padding: 0px 50px 0px 50px;
  text-align: left;
  text-rendering: optimizeLegibility;
}


.sombra {
  color: #000;
  background-color: transparent;
  text-shadow: 0 -1px 0 #fff, 0 1px 0 #fbe074, 0 2px 0 #fbe074, 0 3px 0 #fbe074, 0 4px 0 #fbe074, 0 5px 0 #fbe074, 0 22px 30px rgba(0, 0, 0, 0.9);
}

.modal-content{background-color:#fafafc;}


/*Formulario*/
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #099ccc;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.form-control:focus {
	color: #099CCC;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(250, 250,252, 1);
}

.form-control::-webkit-input-placeholder {
  color: #099ccc;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #099ccc;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #099ccc;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #099ccc;
  opacity: 1;
}

.form-control::placeholder {
  color: #099ccc;
  opacity: 1;
}

.input-group-text { color: #099ccc;}
.custom-control-input:disabled ~ .custom-control-label {
  color: #099ccc;
}



/*Footer*/

footer {
    padding: 25px 0;
    text-align: center;
	color:#000;
    background:#fafafc;
	
}

footer p{font-size:12px;}

footer a {color:#000;}

footer a:hover,
footer a:focus{
	color:#000;
	text-decoration:none;	

}