@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
body {
  padding-top: 90px;
  font-family: 'Open Sans', sans-serif;
  color: #707070;
}

.brand {
	z-index: 100;
}

img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}

.navbar-nav>li>a {
    
    line-height: 40px;
}
@media (max-width: 768px) {
body {
    
    padding-top: 50px;
}
}
.vertical-align-middle {
    vertical-align: middle !important;
}
.float-left {
    float: left !important;
}
.margin-seven-right {
    margin-right: 4% !important;
}
.icon-medium {
    font-size: 30px !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.vertical-align-middle {
    vertical-align: middle !important;
}

.line-height-30 {
    line-height: 30px !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.text-medium {
    font-size: 14px !important;
    line-height: 24px;
}

.no-margin-left {
    margin-left: 0 !important;
}
.no-margin-tb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.margin-seven {
    margin: 4% !important;
}
.margin-seven-right {
    margin-right: 4% !important;
}
.icon-medium {
    font-size: 30px !important;
}
.text-pink {
    color: #cd2695;
}

.three-column > div:nth-child(3n+1) {
    clear: both;
}

.display-table-cell-vertical-middle {
    display: table-cell;
    vertical-align: middle;
    float: none;
}


.navbar {
	background: #ffffff;
}

@media (max-width: 991px) {
	.navbar .container {
    	width: 100%;
	}
}

.header-top {
	text-align:right;
	background: #f7f7f7;
	border-bottom: 1px solid #eaeaea;
    padding: 10px 0;
}

@media (max-width: 768px) {
	.header-top {
		display: none;
	}
}

.header-top .mail a, .header-top .social a {
    color: #555555;
}

.header-top .mail {
    color: #797979;
    font-size: 11px;
    float: left;
}

.header-top .social a {
    margin: 0 13px;
    font-size: 14px;
    color: #797979;
}

@media (max-width: 1199px) {
	.navbar-toggle {
    	margin: 4px 0;
	}
}

@media (min-width: 768px) {
  .navbar {
    min-height: 70px;
  }
	.navbar-nav>li {
    	padding-top: 15px; 
    	padding-bottom: 15px; 
	}

}

@media (min-width: 768px) {
.navbar-toggle {
    display: none;
}
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-image: none;
    background: #000;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (max-width: 991px) {
	.navbar-toggle .icon-bar {
    	background: #fff;
	}
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.li-boton .btn-default {
	background-color: #cd2695;
	color: #fff; 
    padding-top: 5px !important; 
    padding-bottom: 5px !important; 
}

.pink-boton  {
	font-weight: 600;
	text-transform: uppercase;
	background-color: #cd2695;
	color: #fff; 
   
}

ul.nav li a {
    color: #cd2695 !important;
    font-weight: 700;
	text-transform: uppercase; 
}

ul.nav li.active a {
    color: #cd2695 !important;
	text-transform: uppercase; 
}

ul.nav li a, ul.nav li a:visited {
    color: #anycolor !important;
}

ul.nav li a:hover, ul.nav li a:active {
    color: #anycolor !important;
}

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f7f7f7;
}

section {
	padding-top:110px;
	padding-bottom: 60px;
}

section .title {
	color: #cd2695 !important;
    font-weight: 700;
	text-transform: uppercase;
	font-size: 35px;
    line-height: 39px;
    padding-bottom: 30px;
}

section .section-text {
	margin: auto;
	width: 70%;

}

section .text-justify {
	text-align: justify;
}

@media (max-width: 768px) {
	section .section-text {
    	width: 100% !important;
	}
}

@media (max-width: 991px) {
	section {
    	padding-top:60px;
	}

	section .section-text {
    	width:80%;
	}
}

@media (max-width: 1199px) {
	section .section-text {
    width: 70% !important;
}
}

section h3  {
	color: #cd2695 !important;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 24px;
    line-height: 39px

}
/* Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    background: rgba(210,210,210,.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    box-shadow: inset 0 0 6px rgba(0,0,0,.5);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

.modal-title {
color: #cd2695 !important;
    font-weight: 700;
	text-transform: uppercase;	
}
.modal-body {
	margin:20px;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #cd2695;
  color: #fff; 
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 25px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 3em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.hero h2 {
  font-size: 3em;    
    font-weight: bold;
color: #cd2695;
text-transform: none;
}

.fade-carousel .carousel-inner .item .hero {
    opacity:1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .5;
}


/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1{
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../img/bgimage.jpg); 
   opacity: 1.0;
   filter: alpha(opacity=100);
}
.slide-1:before {
  content:'';
  position: absolute;
        top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.4);
}


.starter-template {
  padding: 40px 15px;
  text-align: center;
}

#respuesta {
  text-align: center;
  color: #ffffff;
  background: #cd2695;
  font-size: 1.3em;
}