@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Quicksand', sans-serif;
	}
	

h1 {
    padding: 10px 20px 10px 0;
    text-align: left;
    letter-spacing: 3px;
}

 h3 {
	font-size: 24px;
	
	padding: 0 0 10px 0;
	margin: 0;

	color: #812059;
}

.icon_face, .icon_twit {
  margin-top:0px;
  margin-bottom:0px;
  width:46px;
  height:43px;
  float:left;}  
.title_SEO {
	margin: .67em 0;
	font-size: 2em;
	color: #FFF;
}
/* early toggle */

@media (max-width: 768px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}


@media (max-width:768px)
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
/**/

.caption-small_slide h3, .caption-small_slide p  {
    color: #fff;
    font-size: 19px;
}

.caption-big_slide h3, .caption-big_slide p {
    color: #fff;
}

 h2 {
	font-size:24px;
	padding:0 0 10px 0;
	margin:0px;
	color:#812059;

}

.color_fux p {
	color:#e74773;
	font-size:18px;
	padding:0;
	margin:0 5px;
	}
	

p {color:#656565;
    font-size:17px !important;
    line-height: 23px;
 
}


.img-responsive {
	margin:0 auto!important;
	}
	
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
}
.container-fluid2 {
    padding-right: 0;
    padding-left: 0;
}

.container-menu {
    padding-right: 40px;
    padding-left: 40px;
}

.navbar-destaca {
    background-color: #fff;
    border-color: #fff;
	border:1px solid #fff;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 30px;
        box-shadow: 1px -3px 31px #0808081a;
}

.navbar-brand {
    float: left;
    height:auto;
    font-size: 18px;
    line-height: 20px;
	text-align: center;
    width: 100%;
}

.navbar {
  margin-bottom: 0px;
}

.navbar-default .navbar-nav > li > a {
  color: #60bcd0;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #e74773;
  background:#FFFFFF;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px; 
    padding-left: 0px;
}

@media (min-width: 768px){
.navbar-nav {
    float: right;
    padding: 0;
    margin-bottom: 35px;
  
}
}


@media (min-width: 768px) {
.navbar-nav > li > a {
    padding: 10px;
	font-size:17px;
	text-transform:uppercase;
}  

.navbar-nav li:hover {
	
	background:#e7e7e7;
} 
 
.active {
	
	background:#e74773;
}  

}

@media (max-width: 768px) {
	.active {
	
	background:#e74773;
}  

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
  width: 100%;
  margin: 0 auto;
  text-align:center;
  
}

	
.icon_face, .icon_twit {
	margin-top:0px;
	margin-bottom:0px;
	width:46px;
	height:43px;
	float:left;}	
	
}

 	
.blanco p, .blanco h3, .blanco h2{
	color:#FFFFFF;}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:inherit;
}

.active  a:hover {
    color: #fff;
    background-color:inherit;
}

.percent_pink {
	background:#e94673;
	text-align:center;}
	
.percent_pink span {
	font-size:64px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:0;}
	
.percent_fux {
	/*background:#812059;*/
	background:#9A1563;
	text-align:center;}
	
.percent_fux span {
	font-size:64px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:0;}
	
.percent_cel {
	/*background:#62c2d4;*/
	background:#24C4E2;
	text-align:center;}
	
.percent_cel span {
	font-size:64px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:0;}


.percent_blue {
	background:#0083b3;
	text-align:center;}	
	
.percent_blue span {
	font-size:64px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:0;}

.blocke_titulo {
    font-size: 35px;
    padding: 20px 20px 0 20px;
}
.blocke_info {
	padding:20px 20px 20px 20px;}

.blocke_info2 {
        padding:40px 20px 40px 20px;
        height: 533px;
    }

.blocke_info_icono {
        padding:20px 20px 20px 20px;
        height: 220px;
       
        
    }

.icon_face {
	background:url(../img/icon_face.jpg);}
	
.icon_twit {
	background:url(../img/icon_twit.jpg);}
	
.icon_face:hover {
	background:url(../img/icon_face_hover.jpg);}
	
.icon_twit:hover {
	background:url(../img/icon_twit_hover.jpg);}
} 	
@media (min-width: 768px) {	
	
.icon_face, .icon_twit {
	margin-top:40px;
	margin-bottom:0px;
	width:46px;
	height:43px;
	float:left;}

}


}

/* -- carrousel --*/

.caption-small_slide {
    position: absolute;
    right: 0;
    bottom: 0px; 
    left: 0;
    z-index: 10;
    padding-top: 8px;
    padding-bottom: 8px;
	padding-right:20px;
    color: #fff;
    text-align: right;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    width: 100%;
}

.caption-small_slide h3 {

	margin-top:0px;
	margin-bottom:0px;}
	
.caption-small_slide P {

	margin:0px;
	}


.caption-big_slide {
    position: absolute;
    right: 5%;
    left: 0;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background: rgba(233, 70, 115, 0.8);
    border-radius: 0 55px 0 0;

}

.caption-big_slide h3 {
	font-size:30px;
	margin-top:0px;
	margin-bottom:0px;}
	
.caption-big_slide P {
	font-size:24px;
	margin:0px;
	}
	
.des_fux_claro {
	background: rgba(233, 70, 115, 0.8);
    border-radius: 0 50px 0 0;
}
	
.des_fux_oscuro {
	background: rgba(129, 32, 89, 0.8);
    border-radius: 0 50px 0 0;
	}
	
.des_cel_claro {
	background: rgba(96, 188, 208, 0.8);
    border-radius: 0 50px 0 0;
}
	
.des_cel_oscuro {
	background: rgba(0, 131, 179, 0.8);
    border-radius: 0 50px 0 0;
	}
	
	
/* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* animation scroll */

/*bounce up animation for the subject*/

.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/* 
  =====================================
  CSS for <iframe> embedded Google Map
  ===================================== 
*/
.map-container {
    width: 100%;
}
.map-container iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
    pointer-events: auto;
}




select, option{
    font-size:13px;
}
";
}; // if
?>

ol.phpfmg_form{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

ol.phpfmg_form input, ol.phpfmg_form textarea, ol.phpfmg_form select{
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ol.phpfmg_form li{
    margin-bottom:5px;
    clear:both;
    display:block;
    overflow:hidden;
  width: 100%
}


.form_field, .form_required{
    font-weight : bold;
}

.form_required{
    color:red;
    margin-right:8px;
}

.field_block_over{
}

.form_submit_block{
    padding-top: 3px;
}

.text_box,.text_select {
    height: 32px;
}

.text_box, .text_area, .text_select {
    min-width:160px;
    max-width:300px;
    width: 100%;
    margin-bottom: 10px;
}

.text_area{
    height:80px;
}

.form_error_title{
    font-weight: bold;
    color: red;
}

.form_error{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;
}

.form_error_highlight{
    background-color: #F4F6E5;
    border-bottom: 1px dashed #ff0000;
}

div.instruction_error{
    color: red;
    font-weight:bold;
}

hr.sectionbreak{
    height:1px;
    color: #ccc;
}

#one_entry_msg{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;
}


#frmFormMailContainer input[type="submit"]{
    padding: 10px 25px; 
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #FAFBFC;
}

#frmFormMailContainer input[type="submit"]:hover{
    background-color: #E4F0F8;
}



.color_fux a {
    color: white;
        font-size: 15px;
}

.color_fux ul {
    list-style: none;
        line-height: 25px;
}

.partners {
    z-index: 2000;
    position: fixed;
    bottom: 60px;
    right: 0;
}


@media (min-width: 900px) { 



.whatsapp {
    position: fixed;
    width: 56px;
    height: 56px;
    bottom: 40px;
    right: 40px;
    background-color: #e7478d;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}


.mensajedestaca span {
    font-size:36px; color:#e74773
}

.lupawww {
    width: 90%;
}

    

}

@media (max-width: 900px) { 


  .partners {
        display: none;
    }


p {
    font-size: 14px !important;
}

h1 {
    font-size: 23px;

}


.blocke_info2 h2 {
    font-size: 15px;

}


.blocke_info2 h3 {
    font-size: 15px;

    
}

.blocke_info2 h4 {
    font-size: 15px;

    
}

.blocke_info2 p {
    font-size: 12px !important;

    
}

.blocke_info2 img {
    width: 60%;

    
}

.blocke_info2 {
    padding: 40px 20px 40px 20px;
    height: 400px;
}


.carousel-caption h1 {

  font-size: 16px;
      padding: 0px 0px 0px 0px;
      letter-spacing: 0;
}




.bloquehome {
    display: none;
}

.mensajedestaca span {
    font-size:24px; color:#e74773
}
  

.lupawww {
    width: 40%;
}

.blocke_info_icono {
        padding:20px 20px 20px 20px;
        height: 250px;
     
        
    }


.whatsapp {
    position: fixed;
    width: 56px;
    height: 56px;
    bottom: 40px;
    right: 40px;
    background-color: #e7478d;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;


    
}

}
 





