body { display: flex; min-height: 100vh; flex-direction: column; margin: 0;background-color: #ffffff; color: #696969; }
.container { padding-right: 2rem; padding-left: 2rem; }
.wrap { box-sizing: border-box; max-width: 1200px; margin: 0 auto; font-size: 24px; }
h1, h2, h3, h4 { font-family: 'Assistant', sans-serif; color: #ffffff; font-weight: bold; text-transform: uppercase;}
h2 { font-size: 42px;}
h3 { font-size: 35px;}
p, span, a, input, textarea, li, label { font-family: 'Oxygen', sans-serif; }
p strong {color: #000000; font-size: 18px;}
.img-responsive { max-width: 100%; height: auto; }
.img-center { margin-left: auto;margin-right: auto;display: block; }
.servicios-principales, .otros-servicios, .testimonios, .cta, .quote { padding: 50px 0;background: #e30008;color: #ffffff; }
.visible-xs {display: none;}
.margin-top-20 {margin-top: 20px;}
.margin-top-50 {margin-top: 50px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-50 {margin-bottom: 50px;}

/*HEADER*/
/*h1 { font-weight: 300; }*/
header { background-color: #000000;}
header img.logo {max-width: 300px;}
header .contact-button a {padding: 7px 10px; margin-bottom: 0px;}
header .contact-button h3 {font-size: 0.5em; margin: 0px;}
header .contact-button img {max-width: 28px;}
header .contact-button span {margin-left: 10px; font-size: 28px; line-height: 1;}

.tel-info { text-align: center; margin-bottom: 0; margin-top: 0; }
.tel-info a { font-size: 24px; font-weight: 700; color: #fff; text-decoration: none; line-height: 1.2; }
.tel-info span { font-size: 12px; font-weight: 300; display: block; line-height: 1.2; }

/*MENU*/
.nav-bar {
  background-color: #e30008;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 50;
}

.nav-bar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.nav-bar li {
  float: left;
  width:  20%;
  box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.nav-bar li:last-child {
	border-right: none
}

.nav-bar li a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.nav-bar li a:hover {
  background-color: #000000;
  color: #ffffff;
}

/*MAIN BANNER*/
.main-banner { background: url("../images/bg-chaman.jpg") no-repeat center right; padding-top: 20px; padding-bottom: 20px;   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/*.main-banner h3, .main-banner p { text-align: center; color: #000;line-height: 1.2; }*/

/*MAIN SLIDER*/
.carousel-cell {
  width: 100%; /* full width */
  height: auto; /* height of carousel */
  margin-right: 0px;
  display:  block;
}

.carousel-cell img{
  width: 100%; /* full width */
}
/* no circle */
.flickity-button {
  background: transparent;
}
/* big previous & next buttons */
.flickity-prev-next-button {
  width: 100px;
  height: 100px;
}
/* icon color */
.flickity-button-icon {
  fill: white;
}
/* hide disabled button */
.flickity-button:disabled {
  display: none;
}

.flickity-button:hover .flickity-button-icon {
  fill: #850e0e;
}

/* position dots up a bit */
.flickity-page-dots {
  bottom: -8px;
}
/* dots are lines */
.flickity-page-dots .dot {
  height: 10px;
  width: 33.33333%;
  margin: 0;
  border-radius: 0;
}

.flickity-page-dots .dot {
  background: #e30008;
  opacity: 1;
}

.flickity-page-dots .dot.is-selected {
  background-color: #141414;
  opacity: 1;
}

/*SERVICIOS PRINCIAPLES*/
.servicios-principales .lead { margin-bottom: 35px; }
.box { padding: 15px; }
.box img { margin-bottom: 15px; }
/*.pink { background-color: #ffecf5; }
.gray { background-color: #f9f9f9; }*/
.box h3,.box p { text-align: center; }
.box h3 { margin-top: 0; }
.servicios-principales .box p { font-weight: 300; margin-top: 0; margin-bottom: 0; font-size: 18px; }
.servicios-principales .contact-button p {color: #ffffff;}

/*.fa-whatsapp  {
  color:#fff;
  background:
  linear-gradient(#25d366,#25d366)10px 84%/10px 9px no-repeat,
  radial-gradient(circle at center, #25d366 63%,transparent 0);
}*/

.link-terminos { padding-top:50px; }
.link-terminos p { font-size: 14px; }
.link-terminos a { color: #000000; }

/*CTA*/
.cta { background-color: #790065; }
.cta p, .cta .scrollTop { color: #fff; font-size: 24px; font-weight: 400; }
.cta .tel { font-size: 30px; font-weight: 700; color: #fff; text-decoration: none; }
.cta .scrollTop { text-decoration: none; text-transform: uppercase; border: 1px solid #fff; padding: 25px 20px 20px; transition: all .25s ease; }
.cta .scrollTop:hover { background: #fff; color: #e84600; }

.contacto { padding: 80px 0; background-image: url("/assets/images/bg-contact.jpg"); background-color: #000000;   background-position: center; background-repeat: no-repeat; background-size: cover;}
.contacto p {color: #ffffff;}
.contacto form { background: #d0d0d0; border: 1px solid #c1c1c1; padding: 30px 20px; }
.contacto form h3 { font-size: 24px; text-transform: uppercase; margin: 0;line-height: 1; }
.contacto form p { font-size: 18px; font-weight: 300; margin-top: 0; }
.contacto form input, 
.contacto form textarea { display: block; width: calc(100% - 23px); padding: 10px; font-size: 16px; margin-bottom: 15px; border: 1px solid #ebebeb; background-color: #f9f9f9; }
.contacto form input:focus, 
.contacto form textarea:focus { box-shadow: 0 0 2px #f06eaa; border-color: #ebebeb; }
.contacto form input.error {margin-bottom: 0px;}

#ayudame, .btn-outline { background-color: #ffb215; color: #fff; font-size: 26px; font-weight: 700; width: auto; margin: 15px auto 0; padding: 10px 30px; border-bottom: 3px solid #ffb215; cursor: pointer; }
#ayudame:hover { background-color: #ffab00; }
#ayudame:active { margin-top: 18px; background-color: #ffb215; border-bottom: 0 none; box-shadow: none; }
label {color: #000000; font-size: 14px; margin-left: 10px; line-height: 2;}
label.error { font-size: 12px; font-weight: 400; color: #e84600; margin-top: 5px; margin-bottom: 15px; display: block; }
.form-response p { text-align: center; margin-bottom: 0; font-size: 20px; font-weight: 300; }

.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #e30008;
  border: none;
  border-radius: 15px;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.8);
}

.button.whatsapp {background-color: #25d366;}
.button.whatsapp:hover {background-color: #23c15e}

.button.phone {background-color: #1c6996;}
.button.phone:hover {background-color: #000000}

.button:active {
  background-color: #3e8e41;
  box-shadow: 1px 1px #666;
  transform: translate(4px, 4px);
}

.main-banner .contact-button {margin-bottom: 80px;}
.contact-button a {margin-bottom: 20px; width: 100%; box-sizing: border-box;}
.contact-button p {  text-align: center; font-size: 18px; font-weight: bold; margin-top: 0px;}
.contact-button h3 {line-height: 1; margin: 0px 0px 10px 0px; color: #ffffff;}
.contact-button img {vertical-align: middle; max-width: 55px;}
.contact-button span {margin-left: 15px; font-size: 42px; vertical-align: middle; font-weight: bold;}
.contact-button span.tel-info {display: block; font-size: 12px; margin: 10px 10px 0px 10px; font-weight: normal;}

/*TESTIMONIOS*/

.testimonios { background: #000000; }
.owl-carousel em { font-family: "Merriweather",serif;font-weight: 300; }

.testimonios .owl-carousel .item {padding: 20px;}

.testimonios .image-cropper {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 5%;
}

.testimonios .image-cropper > img {
    max-width: 100%;
    display: inherit;
}

/*ADVERTENCIA*/

.advertencia { background: #e30008; padding-top: 20px; padding-bottom: 20px; }
.advertencia h4 { color: #151515; font-size: 27px;margin: 0 0 15px; }
.advertencia h4 img { width: 34px;vertical-align: middle;margin-right: 15px; }
.advertencia ul { margin: 0; }
.advertencia p, .advertencia li { color: #ffffff;font-size: 17px; }
.advertencia a { color: #fff; background: #828282; font-weight: 700; font-size: 18px; text-transform: uppercase; text-decoration: none; padding: 25px 20px 20px; display: block; }

/*FOOTER*/

footer { background: #000000; }
footer p { color: #fff; margin: 15px 0 10px; }
footer a { color: #fff; text-decoration: none; }
footer img { width: 16px; vertical-align: sub; }
.btn-outline { display: inline-block; margin-bottom: 15px; text-decoration: none; }

/*FORM*/
.form-response > div:not(:empty) {
  margin-top: 100px;
  margin-bottom: 100px;
}

/*FLOAT BUTTONS*/
.float-button{
	position:fixed;
	right:15px;
	z-index: 200;
}

.float-button.whatsapp{
	top:200px;
}

.float-button.call{
	top:265px;
}

.float{
	width:50px;
	height:50px;
	color:#FFF;
	display: block;
	border-radius:50%;
	text-align:center;
  font-size:26px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
  position: relative;
  z-index: 200;
}

.whatsapp .float{
	background-color:#25d366;
}

.call .float{
	background-color:#e30008;
}

.my-float{
	margin-top:12px;
}

.float-button div {
  position: absolute;
  border: 6px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: wave 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  z-index:100;
}

.float-button.whatsapp div {
  border: 6px solid #25d366;
}

.float-button.call div {
  border: 6px solid #019ce6;
}

.float-button div:nth-child(2) {
  animation-delay: -0.5s;
}

/*AUDIO PLUGIN*/
.plyr {
  width: 100%;
}

.plyr--audio .plyr__controls {
  border-radius: 50px;
  padding: 10px 15px;
  background-color: #f9f9f9;
}

/*QUOTES*/
section.quote {background-color: #000000; font-size: 18px;}
section.quote .quote-container .quote-icon {color: #e30008; font-size: 64px;}
.quotes-desc, .quotes-author { font-family: 'Oxygen', sans-serif; font-size: 24px; }
.quotes-author {color: #e30008}
.quotes-author a {text-decoration: none; color: #e30008; font-weight: bolder;}
.quotes-desc {color: #ffffff}


@keyframes wave {
  0% {
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    top: -15px;
    left: -15px;
    width: 70px;
    height: 70px;
    opacity: 0;
  }
}



/*MEDIA QUERIES*/
@media all and (max-width:1024px) { 
	/*.main-banner { background-position: left -280px top -90px; }*/
  header img.logo {margin-bottom: 20px; max-width: 450px;}
}

@media all and (max-width:767px) { 
	h1 > img { display: block; margin: 0 auto 20px; } 
	/*.main-banner { background-position: left -420px center; -webkit-background-size: inherit; background-size: inherit; } */
	.servicios-principales .box { margin-bottom: 45px; } 
	.servicios-principales .box:last-child { margin-bottom: 0; }
  header .contact-button a {margin-bottom: 20px;}
  header img.logo {max-width: 90%;}
  section.quote .quote-container .quote-icon {font-size: 32px;}
}

@media all and (max-width: 600px){
  .main-banner { background: none;}
  .main-banner .contact-button {margin-bottom: 20px;}
  .main-banner h1 {text-align: center; font-size: 52px; margin-top: 10px; margin-bottom: 25px;}

  /*MENU*/
	.nav-bar {
    position: inherit;
    top: inherit;
    padding: 20px 0px 25px 0px;
	}
	.nav-bar ul li {
		float: none; 
		width: 100%;
	}

  .nav-bar li {
    border: none;
  }

  .visible-xs {
    display: block;
  }

  .contact-button p {font-size: 16px; }
  .contact-button img {max-width: 32px;}
  .contact-button span {margin-left: 10px; font-size: 28px;}

  .visible-md {display: none;}
}

.adicional{
  margin: 8px 0px -26px 0px;
}