@import "clearfix.css";
@import "fonts.css";
@import "grids.css";

/* Base */
html{
  position: relative;
  min-height: 100%;

}
body {
  font-size: 16.5px;
  font-family:'Titillium Light';
  line-height: 1.7em;
  margin: 0 0 300px; /* bottom = footer height */
  color: #262626;
}

a {
  text-decoration: none;
  color: #9a2a5d;
}

a:hover{
  color: #9A2A5D;
}

h1, h2, h3, h4, h5, h6 {
  color: #9a2a5d;
  font-weight: 200;
}

img {
  max-width: 100%;
}
table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 7px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.ImgMujer{
	position:absolute;
	top:40px; 
	left:-30px;
	z-index:-10;
}
@media screen and (max-width: 768px) {
	.ImgMujer{
		display: none;
/*	top:25%; 
	left:0px;
	z-index:-10;*/
}
}

/* Style the tab */
.tab {
    overflow: hidden;  
    background-color: #9A2A5D;	
	margin-top:-7px;
	vertical-align: middle;
	width: 100%;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: #9A2A5D;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px;
    transition: 0.3s;
    font-size: 16px;	
	color:#fff;
	display: table-cell;
	max-width:280px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #9A2A5D;	
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #fff;
	color:#9a2a5d;
}

/* Style the tab content   padding: 6px 12px;*/
.tabcontent {
    display: none;    
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 28px;
}
/*HIDE SHOW*/


/*HIDE SHOW directorio*/
#ContMx {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    
    margin-top: 20px;
    display:none;
}
#ContMty {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    
    margin-top: 20px;
    display:none;
}
#ContGdl {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    
    margin-top: 20px;
    display:none;
}
#ContTarifa {
    width: 100%;    
   
    margin-top: 20px;
    display:none;
}
.imglog {
  max-width:180px;
  max-height:180px;
  
}

/* Banner inforgraphic*/

.infographic {
	background:#e9e9e9 url(../img/graph.png) no-repeat center center;
	border-top:0px solid #7d2149;
	background-size: 100% 10	0%;
	padding-bottom:70px;
}
.infographic h4 {
	border-bottom:1px solid #7d2149;
	color:#7d2149;
	padding:10px 0;
}
.infographic h3 {
	color:#7d2149;
	font-size:30px;
}
.infographic p {	
	margin-bottom:30px;
}

/*promo banner */
#promo-wrapper {
		position: relative;
		background-image: url("../img/overlay.png"), url("../img/bh-header8.jpg");
		background-size: 192px 192px, cover;
		background-position: top left, center center;
		color: #fff;
		text-align: center;
		padding: 4em 0 4em 0;
		
}

#promo {
    background: rgba(255, 255, 255, 0.05);
border: solid 1px  rgba(255, 255, 255, 0.25);
    border-radius: 0.5em;
    padding: 1.75em 1.5em 1.75em 1.5em;
    display: inline-block;
    position: relative;
    z-index: 1;
}
#promo h2 {
    color: #fff;
    display: inline-block;
    margin-right: 1em;
    font-size: 1.95em;
}

#promo button {
    background: #fff;
border-color:rgba(255, 255, 255, 0);
color:  #27636B;
    font-size: 0.35em;
}
.logos {
  width:200px;
  height:200px;
 /* border:1px dotted lightgrey;*/
  padding:10px;
  margin:10px;
  float:left;
}

footer {
  text-align:center;
 /* border:1px solid red;*/
  padding:10px;
  margin:10px;
}

.clear {
  clear:both;
}
.ButtonHide {
	background-color:#fff;
	border:none;
	color:#9A2A5D;
	font-weight:bold;
	text-decoration: underline;
}
.ButtonDirec {
	background-color:#fff;
	border:none;
	color:#9A2A5D;
	font-weight:500;
	text-decoration: underline;
}
.tdtable{
	color:#9A2A5D;
	font-weight:bold;
	background-color:#C8C6C6
}
.list--dashed {
  list-style-type: none;
}

.list--dashed > li:before {
  content: url('../img/Logomini.png' ); /* en dash */
  position: absolute;
  margin-left: -2.1em;
}
.list--das:before {
  content: url('../img/Logomini.png' ); /* en dash */
  position: absolute;
  margin-left: -1.6em;
}
.wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.slider{
	overflow: hidden;

}

.slider img{
	width: 100%;
	height: 350px;
	
}


/* Utilities */
.u-text-upper {
  text-transform: uppercase;
  
}

.u-text-color1 {
  color: #9a2a5d;
}

.u-text-color2{
  color: #606060;
}

.u-text-color3{
  color: #fff;
}
.u-text-color3Nos{
  color: #9a2a5d;
}


.u-weight-200{ font-weight: 200;}
.u-weight-400{ font-weight: 400;}
.u-weight-700{ font-weight: 700;}
.u-family-700{ font-family: 'Titillium';}
.u-family-it{ font-style: italic;}

.u-text-center{
  text-align: center;
  Padding:25px;
  position:relative;
}

.u-text-left{
text-align: justify;
background-color: RGBA(235, 245, 251, 0.8);
height:300px;
}
.u-text-leftM{
text-align: justify;
background-image:url('../img/Mision.png') ;
height:300px;
background-size:cover;
background-position:center;
}
.u-text-leftV{
text-align: justify;
background-image:url('../img/Vision.png') ;
height:300px;
background-size:cover;
background-position:center;

}
.DivMision{
padding:15px;
text-align: justify;
background-color: RGBA(235, 245, 251, 0.8);
height:100%;
width:100%;

}

.u-text-leftVent{
text-align: left;	
background-color: RGBA(235, 245, 251, 0.5); 

}
.u-text-leftVent li:hover{
background-color: RGBA(173, 37, 111, 0.5); 	
color:#fff;

}
.u-text-leftVentT{
text-align: left;	
background-color: RGBA(235, 245, 251, 0.5); 
color: #9a2a5d;
  font-weight: 200;
}
.contenedor
	{
	background-position:center;
		background-image:url('../img/header1.jpg');
		background-size:cover;
		background-position:cover;
		width:100%;
		height:400px;
		line-height:300px;		
		text-align:center;
		
	}
.contenedor2
	{
	background-position:center;
		background-image:url('../img/bh-header8.jpg');
		background-size:cover;
		background-position:cover;
		width:100%;
		height:400px;
		line-height:300px;	
		text-align:center;
	}
	
.contenedorr {	
		display:inline-block;	
		margin-top:14%;		
		vertical-align:center;		
		line-height:normal;
		font-size:45px;
		font-weight:400;
		color:#fff;		
		text-shadow: -4px -4px 4px #000;
	}
	
.contenedorr  p{			
		font-size:30px;	
	}	

.u-text-right{
  text-align: right;  
}

.u-float-left{
  float: left;
}

.u-float-right{
  float: right;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Forms */
input:focus{
  outline-color: #606060;
  outline-width: thin;
}

input[type=button]{
  outline: none;
}

textarea{
  resize: none;
}

/* Margins */
.u-m0{ margin: 0 !important; }
.u-mt0{ margin-top: 0 !important; }
.u-mr0{ margin-right: 0 !important; }
.u-mb0{ margin-bottom: 0 !important; }
.u-ml0{ margin-left: 0 !important; }
.u-mv0{ margin-top: 0 !important; margin-bottom: 0 !important; }
.u-mh0{ margin-left: 0 !important; margin-right: 0 !important; }

.u-m { margin: 15px; }
.u-mt{ margin-top: 15px; }
.u-mr{ margin-right: 15px; }
.u-mb{ margin-bottom: 15px; }
.u-ml{ margin-left: 15px; }
.u-mv{ margin-top: 15px; margin-bottom: 15px; }
.u-mh{ margin-left: 15px; margin-right: 15px; }

.u-mtt{ margin-top: 20px; }
.u-mttt{ margin-top: 23px; }

.u-m\+ { margin: 25px; }
.u-mt\+{ margin-top: 25px; }
.u-mr\+{ margin-right: 25px; }
.u-mb\+{ margin-bottom: 25px; }
.u-ml\+{ margin-left: 25px; }
.u-mv\+{ margin-top: 25px; margin-bottom: 25px; }
.u-mh\+{ margin-left: 25px; margin-right: 25px; }

.u-m\+\+ { margin: 30px; }
.u-mt\+\+{ margin-top: 30px; }
.u-mtt\+\+{ margin-top: 45px }
.u-mr\+\+{ margin-right: 30px; }
.u-mb\+\+{ margin-bottom: 30px; }
.u-ml\+\+{ margin-left: 30px; }
.u-mv\+\+{ margin-top: 30px; margin-bottom: 30px; }
.u-mh\+\+{ margin-left: 30px; margin-right: 30px; }

/* Paddings */
.u-p0{ padding: 0 !important; }
.u-pt0{ padding-top: 0 !important; }
.u-pr0{ padding-right: 0 !important; }
.u-pb0{ padding-bottom: 0 !important; }
.u-pl0{ padding-left: 0 !important; }
.u-pv0{ padding-top: 0 !important; padding-bottom: 0 !important; }
.u-ph0{ padding-left: 0 !important; padding-right: 0 !important; }

.u-p { padding: 15px; }
.u-pt{ padding-top: 15px; }
.u-pr{ padding-right: 15px; }
.u-pb{ padding-bottom: 15px; }
.u-pl{ padding-left: 15px; }
.u-pv{ padding-top: 15px; padding-bottom: 15px; }
.u-ph{ padding-left: 15px; padding-right: 15px; }

.u-p\+ { padding: 25px; }
.u-pt\+{ padding-top: 25px; }
.u-pr\+{ padding-right: 25px; }
.u-pb\+{ padding-bottom: 25px; }
.u-pl\+{ padding-left: 25px; }
.u-pv\+{ padding-top: 25px; padding-bottom: 25px; }
.u-ph\+{ padding-left: 25px; padding-right: 25px; }

.u-p\+\+ { padding: 30px; }
.u-pt\+\+{ padding-top: 30px; }
.u-pr\+\+{ padding-right: 30px; }
.u-pb\+\+{ padding-bottom: 30px; }
.u-pl\+\+{ padding-left: 30px; }
.u-pv\+\+{ padding-top: 30px; padding-bottom: 30px; }
.u-ph\+\+{ padding-left: 30px; padding-right: 30px; }
.u-pt\+\+\+{ padding-top: 75px; }

.u-border-top,
.u-border-right,
.u-border-bottom,
.u-border-left{
  border-width: 0;
  border-style: solid;
  border-color: #fff;
}

.u-border-top { border-width: 1px; }
.u-border-right { border-width: 1px; }
.u-border-bottom { border-width: 1px; }
.u-border-left { border-width: 1px; }

.u-bold-text{
  font-weight: 700;
}

.contact-form{
  background-color: #E8E9EA;
}

.m-text-left{
  margin-left: 20px;
}

.change-fnt{
  font-family: 'Avenir';
}

/* Wrapper comunication block */
.wrapper-comunication img{
  width: 100%;
}

/* Page Header Block */
.page-header {
  background-color: #9A2A5D;
  background-image: url('../img/bg-header.png');
  background-position: center;
  background-size: cover;
  min-height: 428px;
  padding-top: 160px;
  border-bottom: 6px solid #9A2A5D;
}

.nav-menu {
  position: fixed;
  width: 100%;
  padding-top: 5px;
  min-height: 65px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 100;
}

.nav-menu.shrink {
  background-color: white;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
}

.slicknav_menu{
  position: fixed;
  top: 27px;
  background-color: transparent;
  width: 100%;
  text-align: center;
  z-index: 200;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: #9a2a5d;
  width: 25px;
  height: 4px;
  box-shadow: none;
}

.slicknav_btn{
  margin: 0;
  background-color: transparent;
}

ul.slicknav_nav{
  margin-top: 40px;
  background-color: #bdc3c7;
}

.slicknav_nav a:hover,
.slicknav_nav .page-header--active a{
  color: #9a2a5d;
  border-top: 0;
  border-radius: 0;
  background-color: #fff;

}

@media only screen and (max-width:768px){    	
  .sub-menu {
  display: none;
  width:auto;
  padding:5px 0px;
  position:absolute;
  top: 278px;
  right: 6%;
  z-index:-1;
  transition:opacity linear 0.15s;
  box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  background:#e9e9e9;
  }  
}

@media only screen and (max-width:1000px){ 
.sub-menu {
  display: none;
  width:auto;
  padding:5px 0px;
  position:absolute;
  top: 278px;
  right: 6%;
  z-index:-1;
  transition:opacity linear 0.15s;
  box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  background:#e9e9e9;
  } 
}

@media screen and (min-width:1023px){	
/*----- Bottom Level -----*/
	.sub-menu {
	  display: none;
	  width:auto;
	  padding:3px 0px;
	  position:absolute;
	  top: 48.5px;
	  right: 6%;
	  z-index:-1;
	  transition:opacity linear 0.15s;
	  box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	  background:#e9e9e9;
	}
}

.menu li:hover .sub-menu {
  z-index:-20;
  opacity:1;
}

.page-header__btn:hover .sub-menu {
  display: block;
}

.sub-menu li {
  display:block;
  font-size:16px;
}

.sub-menu li a {
  padding:10px 20px;
  display:block;
  color: #9a2a5d;
}

.sub-menu li a:hover,
.sub-menu .current-item a {
  background: #B3B3B3;
  color: #9a2a5d;
}

.page-header--bg2 {
    background-image: url('../img/bg-nosotros.jpg');
}

.page-header--sv1 {
     background-image: url('../img/tab1.jpg') ; 
}
.page-header--sv2 {
     background-image: url('../img/tab2.jpg') ;	  
}
.page-header--sv3 {
     background-image: url('../img/tab3.JPG') ;	 
}
.page-header--sv4 {
     background-image: url('../img/tab4.JPG') ;	 	
}
.page-header--sv5 {	
     background-image: url('../img/tab5.jpg') ;	
	background-size:cover;
	background-position: 
}
.page-header--sv6 {
     background-image: url('../img/tab6.jpg') ;		 	
}
.page-header--bg4{
    background-image: url('../img/Autoriza1.jpg') ;

}

.page-header--bg5{
    background-image: url('../img/bg-header-faq.jpg');
}

.page-header--bg6{
    background-image: url('../img/contacto.jpg');
}

.page-header--bg7{
    background-image: url('../img/bg-header-correo-1.jpg');
}

.page-header--bg8{
    background-image: url('../img/bg-header-correo-2.jpg');
}

.page-header--bg9{
    background-image: url('../img/bg-header-noticias.jpg');
}
.page-header--bg10{
    background-image: url('../img/afiliado.jpg');
}
.page-header__logo img {
  height: 50px;
  position: absolute;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.page-header__logo1 img {
  height: 45px;
  padding-top:20px;
  position: absolute;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.page-header__logo2 img {
  height: 45px;
  padding-top:20px;
  position: absolute;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.IconRed{
	margin:0;
	padding:0;	
}

.liIconRed{
display:block;
float:left;
padding:0 10px;
}

.page-header__logo img.logo-color {
  opacity: 0;
  
}

.page-header__logo img.logo-bn {
  opacity: 1;
}

.shrink .page-header__logo img.logo-color {
  opacity: 1;
}

.shrink .page-header__logo img.logo-bn {
  opacity: 0;
}

.page-header__logo,
.page-header__nav {
  float: left;
}

.page-header__logo1,
.page-header__nav {
  float: right;
}

.page-header__logo2{

	padding-right:100px;
	float: right;
}

.page-header__nav{
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.page-header__nav > li{
  display: inline-block;
  text-align: center;
  padding: 10px;  
  margin-right: 5px;
}
.page-header__nav1{
  float: right;
 
  list-style-type: none;
  margin: 0;
  padding: 0 13px;
 
}

.page-header__nav1 > li{
  display: inline-block;
  text-align: center;  
}

.page-header__nav a{
    color: #fff;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
}

.shrink .page-header__nav a{
    color: #9a2a5d;
}

.page-header--active a,
.page-header__nav a:hover{
  padding-top: 10px;
  border-top: 2.7px solid #9a2a5d;
}

.page-header__nav a.btn--primary {
  border-top: 0;
}

.shrink .page-header__nav a.btn--primary {
  color: white;
}
.IconRedesSociale p{
	text-align:right;
}
/* Page Footer Block #606060*/
.page-footer{
  background: #6C6A6A;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 280px;
  width: 100%;
  font-family: 'Titillium Thin';
  text-align: center;
}

.page-footer a{
  color: #fff;
  font-size:12px;
  padding-top:10px;
 
}

.page-footer__nav{
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 0;
}

.page-footer__nav li{
    display: inline-block;
    list-style:none;
 /*   border-left: 0.5px solid #fff;  linea intermedia */ 
    padding: 0 25px;
	font-weight:500;
	
}
.page-footer__Icon{
   	text-align:right;
    margin: 40px 0 0 0;
    padding: 0;
}

.page-footer__Icon li{
    display: inline-block;
    list-style:none;   
    padding: 0 10px;
	
}
.page-footer__nav li:first-child{
    border-left: 0;
    padding-left: 0;
}

.page-footer__top{
    height: 75px;
	background-color:#FFF;
}

.page-footer__bottom{
	/*7f7f7f*/
    background: #9A2A5D	;
    height: 40px;
    padding: 5px 0;
	font-size:14px;
	}

.page-footer__bottom p {
    margin: 0;
}

.text-weight--700{
    font-weight: 700;
}

.copy{
  margin-top: 50px;
  font-weight: 700;

}

/* Box Block */
.box{
    padding: 3px;
	
}

.boxTable{	
	background:#9A2A5D;
	position:relative;
	display:block;
}
.boxTable ul{	

	position:relative;

}
.box--tiny {
    padding: 7px;
}

.box--small {
    padding: 14px;
}

.box--large {
    padding: 56px;
position:relative;

}

.box--huge {
    padding: 112px;
}

.box--flush {
    padding: 0;
}

/* Box Announcement Block */
.box-announcement{
    max-width: 450px;
    width: 100%;
    height: auto;
    padding: 110px 0;
    color: #9A2A5D;
    font-weight: 200;
    display: inline-block;
    font-family: 'Titillium Thin';
}

.text-hightlight{
  color: #18B30B;
  margin-top: 5px;
}

.box-announcement--action
.box-announcement__content {
    font-size: 20px;
}

.box-announcement--colored
.box-announcement__title {
    color: #fff;
}

.box-announcement--colored
.box-announcement__content {
    background: rgba(154, 42, 93, 0.9);
    color: #fff;
    padding: 15px;
}

.box-announcement__title {
  font-family: 'Titillium Thin';
  font-weight: 400;

}

.box-announcement__separator{
    display: inline-block;
    background-color: #9A2A5D;
    border: 0;
    height: 2px;
    width: 70px;
}

.box-announcement__input{
    font-family: 'Titillium Thin';
    min-width: 250px;
    padding: 9px;
    border-radius: 5px;
    border: 1px;
    color: #000;
    border-style: solid;
    border-color: #c5c5c5;
    margin-top: 50px;
}

.box-announcement__btn{
    padding: 9px 30px;
    color: #fff;
    border: 0;
    background-color: #00b1ef;
    border-radius: 5px;
}

.box-announcement__btn:hover{
    background-color: #00bdff;
}

/* Band Block */
.band {
    background-color: #fff;	
}

.band:before,
.band:after {
    content: ' ';
    display: table;
}

.band--bg2 {
    /*background-color: #e8e9ea;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	background-color: #D4E6F1 ;
	background-color: #EBF5FB ;
	background: url('../img/bg-header-faq.jpg')no-repeat ;	
	background: url('../img/cheque11.jpg')no-repeat center center;
	background: url('../img/prochemex.png')no-repeat  center center;
		background: url('../img/cheque11.jpg')no-repeat  center center;*/	
	margin-left: auto;
	margin-right:auto;
	width:85%;
	background-color: white ;
}

.band--bg4 {
background-color: white ;
}

.band--bg5form {
    
background-color: #D4E6F1 ;
}
.band--bg2Aut { 
 
   
	background: url('../img/ContacCenter.jpg');	
	background-size:cover;
	    background-position: center;
}
.band--bg3Aut {
    /*background-color: #e8e9ea;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	background-color: #EBF5FB ;
	background: url('../img/cheque11.jpg')no-repeat center center;*/
	
background: url('../img/Aut1.jpg');	
background-size:cover;
	    background-position: center;
}
.band--bg4Aut {
   	background: url('../img/Aut3.jpg') ;
background-size:cover;	
    background-position: center;
}
.band--bg5Aut {

  	background: url('../img/bg-header-faq.jpg')no-repeat  center center;
}
.band--bg6Aut {
	
  	background-image: url('../img/Ewinn.jpg') ;
	background-size:cover;
	    background-position: center;
}
.band--bg3 {
    /*background-color: #9a2a5d;	*/
	background-color: white;
}

.band-title{
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
    font-weight:  200;
}

.band-text{
    text-align: center;
    margin: 0 auto;
    width: 70%;
}

.box__mision{
  padding: 56px 0;
}


/* features collection Block */

.intro-text {
    text-align: center;
    width: 60%;
    display: block;
    margin: 0 auto;
    padding: 5% 0;
/*  padding: 10px; // TRBL
    padding: 10px 20px; // TB LR
    padding: 10px 20px 30px; // T R BL
    padding: 10px 20px 30px 40px; // T R B L*/
}

#transDemo4 div {
  transition:all 2s ease-in-out;
  perspective: 800px;
  perspective-origin: 50% 100px;
}
#transDemo4:hover #rotateX {
  transform:rotateX(180deg);
}
#transDemo4:hover #rotateY {
  transform:rotateY(180deg);
}
#transDemo4:hover #rotateZ {
  transform:rotateZ(180deg);
}


.features-wrapper{
position:relative
}

.features-wrapper ul{
  overflow: hidden;
  margin-bottom: 56px;
}

.features-wrapper .feature--content{
  padding-bottom: 99999px;
  margin-bottom: -99999px;
}

.feature {
    padding: 0;
    margin: 0;
    text-align: center;
	
}

.featureAut {
	width: 100%;
	height: 100%; 
	padding-top:10px;
    margin: 0;
    text-align: center;
	border-radius: 60%;
	border: 1px solid #9a2a5d;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px;
	
}


.feature__title {
	
    font-size: 18px;
    color: #9a2a5d;
}
.feature__title:hover {
font-weight: bold;
}
.features__description {
    color: #fff;
    background-color: #a8a8a8;
}

.feature--content1{
    display: block;
	width:275px;
	height:250px;
    background-color: #E8E9EA;
    font-size: 16px;
    padding:  0px 0%;    
    text-align: center;
}
.feature--content1:hover{	
 background-image: url('../img/bg-headerOp2.png') ;	

 }
 
 .feature--content2{
    display: block;
	width:275px;
	height:250px;
    background-color: #E8E9EA;
    font-size: 16px;
    padding:  0px 0%;    
    text-align: center;
}
 .feature--content2:hover{	
 background-image: url('../img/bg-headerOp3.png') ;	
 }
 
  .feature--content3{
    display: block;
	width:275px;
	height:250px;
    background-color: #E8E9EA;
    font-size: 16px;
    padding:  0px 0%;    
    text-align: center;
}
 .feature--content3:hover{	
  background-image: url('../img/bg-headerOp4.png') ;
 }
 
  .feature--content4{
    display: block;
	width:275px;
	height:250px;
    background-color: #E8E9EA;
    font-size: 16px;
    padding:  0px 0%;    
    text-align: center;
}
 .feature--content4:hover{	
 background-image: url('../img/bg-headerOp.png') ;	
 }
.bgheaderOp1{
	width:275px;
	height:250px;
	padding: 25px ; 
    background-color: #E8E9EA;
}
.bgheaderOp1:hover{
	color:#3D3B3B;
    background-color: rgba(253,254,254,0.8);
	font-weight: 300;
	
}
.bgheaderOpCir{
	width:220px;
	height:220px;
border-radius: 60%;
	border: 1px solid #9a2a5d;
	padding-top: 40px ; 
    background-color: rgba(253,254,254,0.1);
}


 .features__description:hover{
 color: #a8a8a8;

 }

/* services collection    background-color: #d7d9da;*/

.services-collection{
  overflow: hidden;
}

.services-collection__item {
    float: left;
    width: 33.20%;
    border-left: 1px solid #d4d5d6;
}

.services-collection__item:first-child {
    border-left: 0;
}

.services-collection__img {
    display: block;
    width: 100%;
}

.services-collection__content {
    display: block;
    background-color: #fff;
    font-size: 16px;
    padding:  20px 20%;
    color: #a8a8a8;
    text-align: center;
    padding-bottom: 99999px;
    margin-bottom: -99999px;
    border-bottom: 20px solid #fff;
}

.mini-banner {
    display: block;
    width: 100%;
    height: 100px;
    background-color: #9a2a5d;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.mini-banner:after {
    position: absolute;
    content: "";
    right: -1%;
    top: 0;
    width: 11%;
    height: 100%;
    background-color: #a8a8a8;
}

.mini-banner__img {
    width: 15%;
    height: 100px;
    overflow: hidden;
}

.mini-banner__img img {
    max-width: inherit;
    height: 100%;
}

.mini-banner__body,
.mini-banner__img {
    float: left;
}

.mini-banner__body {
    width: 75%;
    height: 100%;
    text-align: center;
    position: relative;
    display: table;
}

.mini-banner__body:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 97.5%;
    overflow: auto;
    margin: auto;
    width: 44px;
    height: 44px;
    z-index: 1;
    background-image: url(../img/icon-mini-logo.png);
    background-repeat: no-repeat;
}

.mini-banner__title {
    display: table-cell;
    color: #fff;
    padding: 0 20px;
    vertical-align: middle;
	font-size:24px;
}

/* Tabs Block */
.tabs .tabs__menu {
    background-color: #9a2a5d;
}

.tabs .tabs__menu ul {
    display: table;
    width: 100%;
    list-style-type: none;
    margin: -20px 0 0 0;
    padding: 0;
    text-align: center;
}

.tabs__menu a {
    color: #fff;
}

.tabs__menu li {
    max-width: 185px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 15px 10px;
    font-size: 16px;
}

.tabs__menu .active {
    background: #fff;
}

.tabs__menu .active a {
    color: #9a2a5d;
}

/* forms Block */
.form {
    width: 100%;
}

.form .error {
    display: block;
    color: #CC0100;
    line-height: 1.2em;
    padding-top: 0.2em;
}

.form-group {
    width: 100%;
    margin-bottom: 1em;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="tel"],
.form-group select,
.form-group textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="tel"],
.form-group input[type="number"],
.form-group select,
.form-group textarea {
    padding: 0.5em 0.5em;
    font-weight: 300;
    border: solid 1px #d2d7dc;
    background: #fff;	
	border-radius: 0.35em;
}

/* btn Block */

.btn {
    border: 0;
    padding: 5px 20px;
    background: #7d2149;
    color: #fff;
    font-family: 'Titillium';
    font-weight: 600;
    border-radius: 5px;
}

.btn:hover {
    background: #a9a9a9;
	
	
}

.btn--primary {
    background: #9a2a5d;
}

.btn--primary:hover {
    background: #993d6b;
}

.btn--large {
    padding: 10px 80px;
}

.btn--huge{
    padding: 10px 90px;
}

.btn--xxlarge{
    padding: 4% 42%;

}

/* gmaps Block */

.gmaps-container {
  position: relative;
  padding-left: 0;
}

/*
.gmaps__overlay {
  position: absolute;
  z-index: 10;
  background-color: purple;
  opacity: 0.6;
}
*/
#gmaps{
  position: relative;
  z-index: 5;
  min-height: 411px;
}

/* break points Block */

/* small */

@media screen and (max-width: 768px) {

/* header */
  input{
    width: 100%;
    min-width: 100% !important;
  }

  .page-header__nav{
    display: none;
  }

  .page-header__logo img{
    height: 30px;
  }

  .box-announcement__btn{
    margin-top: 5px;
  }

  .tabs__menu li{
    font-size: 14px;
  }

  .desk--one-quarter{
    border-top: 10px solid #fff;
  }
.desk--one-quartercir{
    border-top: 20px solid #fff;
  }
  .desk--one-quarter:first-of-type{
    border-top: 0;	
  }
 .desk--one-quartercir:first-of-type{
    border-top: 0;
  }
  .services-collection__content p{
    display: none;
  }

  .services-collection__item {
    width: 90%;
    margin: 0 auto;
    float: none;
    border-top: 20px solid #E2E4E5;
  }

  .services-collection__item:first-of-type{
    border-top: 0;
  }
  .grid-form{
  width: 100%;
  }

  .gmaps-container{
    width: 100%;
    padding-left: 18px;
  }
  .contact-form .one-half{
    width: 100%;
  }

}

/* medium */

@media screen and (max-width: 992px) and (min-width: 768px) {
/* header */
  .page-header__nav{
    display: none;
  }

  .page-header__logo img {
    height: 35px;
  }
  .desk--one-quartercir {
    width: 50%;
    border-top: 20px solid #fff;
  }
  
   .desk--one-quartercir:nth-of-type(1),
  .desk--one-quartercir:nth-of-type(2){
    border-top: 0;
  }
  
  .desk--one-quarter {
    width: 30%;
    border-top: 10px solid #fff;
  }
  .desk--one-quarter:nth-of-type(1),
  .desk--one-quarter:nth-of-type(2){
    border-top: 0;
  }

  .services-collection__content p{
    display: none;
  }

  .box__mision .desk--one-half{
    width: 50%;
  }
  .grid-form{
    width: 100%;

  }

  .gmaps-container{
    width: 100%;
    padding-left: 18px;
  }
}

/* large */

@media screen and (min-width: 992px) {

/* header */
  .slicknav_menu{
    display: none;
  }
  .wrapper-comunication ul.flip {
  position: relative;
  }

  .wrapper-comunication ul.flip li:first-of-type{
    position: relative;
    left: 50%;
  }

  .wrapper-comunication ul.flip li:last-of-type{
    position: relative;
    right: 50%;
  }

}

/* common.css */

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}

/* Circle.css*/
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px;
}

.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
	box-shadow: inset 0 0 0 16px rgba(235,235,241,0.3);
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	background: #9A2A5D;
	opacity: 0;
}

.ch-img-1 { 
	background-image: url(../img/Circ11.jpg);
}

.ch-img-2 { 
	background-image: url(../img/Circ22.jpg);
}

.ch-img-3 { 
	background-image: url(../img/Circ33.jpg);
}
.ch-img-4 { 
	background-image: url(../img/Circ44.png);
}
.ch-img-5 { 
	background-image: url(../img/Circ55.jpg);
}
.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	margin: 0 15px;
	padding-top: 30%;
	font-family: 'Open Sans', Arial, sans-serif;
	
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;	
	margin: 0 30px;
	font-size: 20px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 15px;
font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}


