/*--------------------------------------------
                G E N E R A L E S 
---------------------------------------------*/
html { height: 7449px; );
}

body{
   height: 100%;
   margin: 0 auto;
   max-height: 7449em;
   min-width: 1420px;
   max-width:1500px;
   font-family: BigNoodleTitling;
    
	/*border: 5px solid black; provisional*/
}


footer, header, hgroup, menu, nav, article, section{ display:block}

::selection {
    background: #EDB500;
    color: #FFF;
}

@font-face {
font-family: 'BigNoodleTitling';
font-style: normal;
font-weight: normal;
src: local('../font/BigNoodleTitling/DBigNoodleTitling'), url('../font/BigNoodleTitling/BigNoodleTitling.ttf.woff') format('woff');
}


@font-face {
font-family: 'DM Sans Regular';
font-style: normal;
font-weight: normal;
src: local('../font/dm-sans/DM Sans Regular'), url('../font/dm-sans/DMSans-Regular.woff') format('woff');
}


@font-face {
font-family: 'DM Sans Italic';
font-style: normal;
font-weight: normal;
src: local('../font/dm-sans/DM Sans Italic'), url('../font/dm-sans/DMSans-Italic.woff') format('woff');
}


@font-face {
font-family: 'DM Sans Medium';
font-style: normal;
font-weight: normal;
src: local('../font/dm-sans/DM Sans Medium'), url('../font/dm-sans/DMSans-Medium.woff') format('woff');
}


@font-face {
font-family: 'DM Sans Medium Italic';
font-style: normal;
font-weight: normal;
src: local('../font/dm-sans/DM Sans Medium Italic'), url('../font/dm-sans/DMSans-MediumItalic.woff') format('woff');
}


@font-face {
font-family: 'DM Sans Bold';
font-style: normal;
font-weight: normal;
src: local('../font/dm-sans/DM Sans Bold'), url('../font/dm-sans/DMSans-Bold.woff') format('woff');
}


@font-face {
font-family: 'DM Sans Bold Italic';
font-style: normal;
font-weight: normal;
src: local('../font/dm-sans/DM Sans Bold Italic'), url('../font/dm-sans/DMSans-BoldItalic.woff') format('woff');
}

h1 {
font-family: BigNoodleTitling;
font-size: 72px;
line-height: 80px;
}

h2{/* H2 */
font-family: BigNoodleTitling;
font-size: 56px;
line-height: 64px;
}


/* H3 */
h3{
font-family: BigNoodleTitling;
font-size: 40px;
line-height: 48px;
}

/* H4 */
h4{
font-family: BigNoodleTitling;
font-size: 24px;
line-height: 32px;
}

/* H5 */
h5{
font-family: DM Sans Regular;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;

/* identical to box height, or 150% */
letter-spacing: 0.3em;
text-transform: uppercase;
}

Label {/* Label */

font-family: DM Sans Regular;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 16px;

/* identical to box height */
text-transform: uppercase;
}

.Text_Big{/* Text_Big */
font-family: DM Sans Regular;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 32px;
}

/* Text */
.Text{
font-family: DM Sans Regular;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
}

/* Text_Gray */
.Text_Gray{
font-family: DM Sans Regular;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
}

/* Text_Small */
.Text_Small{
font-family: DM Sans Regular;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 24px;

}

/* Text_Black_50% */
.Text_Black_50 {
color: rgba(0, 0, 0, 0.5);
mix-blend-mode: normal;
}

/* Text_White_50% */
.Text_White_50{
color: rgba(255, 255, 255, 0.5);
mix-blend-mode: normal;
}


a {
    color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	color:#062340;
	text-decoration:none;
}

strong {
    font-weight: bold;
}

clear {
    clear: both;
}

img{
	width:100%;
	height:auto;
	vertical-align:top;
}
.Azul{color:#062340;}
.Amarillo{color:#EAB31F;}
.Blanco{color:#ffffff;}


/*----------------------------------
              C O L U M N A S 
   --------------------------------*/
.col {
    float: left;
    position: relative;
    margin-bottom: 1.33em;
}

/* Con tres columnas */
.tresCols >.col {
    width: 32%;
    margin-right: 2%;
}
.tresCols >.col.ultimo {
    margin-right: 0px;
}

/* Con dos columnas */
.dosCols > .col {
    width: 49%;
    margin-right: 2%;
}

.dosCols > .col.ultimo {
    margin-right: 0px;
}

.doscols .ultimo {
    width: 424px;
}

.trescols .col  {
    width: 340px;
}

/* ---------------------------------------------------
        B O T O N E S
------------------------------------------------------*/

.btnAzul {      /* botón principal */
    background: #062040;
	border-radius: 5px;
	width:170px;
	height:47.99%;
	
  /*  border: 1px solid #FFF;*/
    color: #FFF;
    text-decoration: none;
    padding: .5em 1em;
    letter-spacing: -.02em;
	
	font-family: DM Sans Regular;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;

/* identical to box height, or 150% */
	text-align: center;

	color: #FFFFFF;
}

.btnAzul:hover {      /* botón principal */
    background: #FFFFFF;
}


.btnAzul a {      /* botón principal */
    color: #FFFFFF;
	text-decoration: none;

}

.btnAzul:hover a {      /* botón principal */
    color: #062340;
    text-decoration: none;
  }
  
  

.btnA {      /* botón principal 

	/* Primary_1 */
	border-radius: 5px; 
	background: #EAB31F; 
	
	width:274px; 
	height:34.99px;
	
	font-family: BigNoodleTitling;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 3px;
	text-decoration:none;
	color:#062340;
}


.btnA:hover {      /* botón principal */
    background:  #062340;
}


.btnA a {      /* botón principal */
    color: #062340;
	text-decoration: none;

}

.btnA:hover a {      /* botón principal */
    color: #ffffff;	
    text-decoration: none;
  }










.btnB {      /* botón conocelos */

	mix-blend-mode: normal;
	opacity: 0.32;

	/* Primary_1 */
	border: 1px solid #EAB31F;
	box-sizing: border-box;
	border-radius: 5px;
	
	font-family: DM Sans Regular;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;

	/* identical to box height, or 150% */
	text-align: center;

	color: #062340;
}


.btnB a {      /* botón conocelos */
	text-align: center;
	color: #062340;
	text-decoration: none;
}



.btnB:hover{  /* botón secundario */
	/*background: #062340;*/
	border: 1px solid #EAB31F;
    color: #062340; /**#EAB31F;	**/
	text-decoration:none;
} 

.btnB:hover > a:hover {  /* botón secundario */
	/*background: #062340;*/
    color:  #062340; /**#EAB31F;	**/
	text-decoration:none;
}

.btnC {      /* botón conocelos */

	/* Primary_1 
	border: 1px solid #EAB31F;*/
	box-sizing: border-box;
	border-radius: 5px;
	font-family: DM Sans Regular;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	padding:0.5em;

	/* identical to box height, or 150% */
	text-align: center;
	
	/* Primary_2 */
	background: #062340;
	border-radius: 5px;
	

/* identical to box height, or 150% */
    text-align: center;
	
	width:170px;
	height:47.99px;
}



.btnC:hover.a{  /* botón secundario */
	background:#ffffff;
    color: #062340;
	text-decoration:none;
}



.btnA.conFlecha {
    text-align: left;
    background: url('../images/flecha-blanca.png') no-repeat right #ebb41d;
    padding: .5em 2em .5em 1em;
}
.btnB {  /* botón secundario */
    background: #FFF;
    border: 1px solid #dbdbdb;
    color: #ebb41d;
    text-decoration: none;
    font-weight: bold;
    padding: .5em 1em;
    letter-spacing: -.02em;
}
.btnC { /* botón para contenido */
    background: #FFF;
    border: 1px solid #ebb41d;
    color:#006393;
    text-decoration: none;
    font-weight: normal;
    padding: .5em 1em;
}

.baseArrow1{
	position: absolute;
	width:48px;
	height:47.99px;
	left: 0%;
	right: 0%;
	top: 78%;
	bottom: 0%;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
	border-radius: 5px;
	
	
}

.baseArrow1.a{
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
}
.Texto2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size:1.2em;
	line-height:1em;
	padding:0 2em;
	text-align:center;
	margin-top:1em;

}


/*-------------------------------------------------
	   	R e d e s    s o c i a l e s   
-------------------------------------------------*/

.base_btn_rrss{
	position:absolute;
	width:95%;
	margin-right:0.3em;
	padding-bottom:1em;
	text-align:right;
	bottom: 20.66px;
	display:inline-block;
	vertical-align:top;
}


.rrss1{
	padding:0.75em;
	display:inline-block;
	vertical-align:middle;
}

div.rrss1:hover{
	padding: 0.75em;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	background: #EAB31F;
}
/*------------------------------------------------------------------------  

	                        E N C A B E Z A D O  

--------------------------------------------------------------------------*/
#header {  /* # son id   */
   background-color: #062040;
   color: #fff;
   height:80.98px;
}

#headerPpal{
    max-width: 1440px ;  /* 66.67em ;  1000px */ 
    margin: 0 auto;
	padding-top: 5px;
	/*background-image: url("../images/fondo2.webp");*/	
}

.BaseBtnPpal{
	width:100%;
	margin:-0.45em auto;
	padding:0;
	/*text-align:center;*/
	height: 80.98px;
	background-color:#062340;
}
.preview__envato-logo{
	float:left;
	padding:0 5px;
	background: #062340;
	background: url(../images/logos/logo_llamadasos.png) no-repeat;
	height: 124px;
	width: 114px;
	max-width:230px;
	position: relative;
	left: 8.05%;
	right: 1.08%;
	top: 10.7%;
}

.Menu{margin-left: 45%; padding-top: 1.7%}
.Menu > ul > li{
	display:inline-block;
	text-align: right;
	margin-right: 5%;
}

.Menu li.special{
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 0.3em 1em;
	box-sizing: border-box;
	border-radius: 5px;
}

.Menu a{
	font-family: DM Sans Regular;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;

	/* identical to box height, or 171% */
	text-align: right;

	/* Text_White */
	color: #FFFFFF;
}

div.Menu > ul > li > a > span {
	font-family:DM Sans Regular;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	
	line-height: 24px;

    padding: 18px 14px;
   
}

div.Menu > ul > li > a > span:hover {
    background-color: #EDB500;
	color:#FFF;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 18px 14px;
	box-sizing: border-box;
	border-radius: 5px
}

div.Menu > ul > li.special > div > a > span:hover {
   /** background-color: #EDB500;**/
	color:#EDB500;
	
  
	/**padding: 0.3em 1em;
	box-sizing: border-box;
	border-radius: 5px;*/
	

}

@media(max-width:560px) {
	.Menu a{
		font-size:0.75em;
	}
	
	.Menu li.special{
		width:100%;
		border:0;
	}
}


/*------------------------------------------------------------------------  

	                  B A N N E R     I N I C I A L  

--------------------------------------------------------------------------*/
#main {
   background-color: #EAB31F;
   height:667.74px;
}

#contenido {
    width: 66.67em;
    margin: 0 auto;
    position: relative;
}


.ModTexto {
	width: 500px; 
	padding-top:15%;
	
}

/*------------------------------------------------------------------------  

	 E S T A M O S   P A R A   T I :   S E G U N D O   B A N N E R    
				 
--------------------------------------------------------------------------*/
#estamos {
   background-color:  #062340;
   height:767.8px;
}

.Titulo{
	width: 237px;
	height: 48px;
    margin: 0em auto 2em auto;
    text-align: center;
	padding-top: 3%;
}
.SubTitulo{
	font-family:Dm Sans Regular;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	text-align: center; 
	
	margin: 0em auto 2em auto; 
	width:661px; 
	height: 139px; 

	/*padding-top:10px;*/
	}

.Tema{
	position: absolute;
	width:300px; 
	height: 32px;
	top: 53%;	
	left:30px;
}	
.resumen{position: absolute;
	left: 30px;
	top: 64%;
	bottom: 71.65%;
	width: 306px;
	height: 47.95px;
}

.cajaB {
	background: #FFFFFF;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.297017);
	border-radius: 5px;
		
	width:370px;
	height:415.89px;

	color:#062040;
	bottom: 80.46%;
	
	background: #FFFFFF;
	
}

.SeparadorCorto{
	position: absolute;
	width:338px;
	height:1px;
	left: 32px;
	right: 64.93%;
	top: 85%;
	background: #000000;
	mix-blend-mode: normal;
	opacity: 0.1;
}

.Siguiente{
	position: absolute;
	width:59px;
	height: 24px;
	left: 32px; 
	right: 84.31%; 
	top:90%;	
}

/*------------------------------------------------------------------------  

	     C U E S T I O N A R I O :   T E R C E R    B A N N E R    
				 
--------------------------------------------------------------------------*/
 
#cuestionario {
   background-color: rgba(67, 76, 204, 0.05);
   height:767.8px;
   
}

.Titulo1{
	/*height: 108px;*/
	
    margin: 0em auto 2em auto;
    text-align: center;
	width:570px;
	padding-top: 3%;
}

.SubTitulo1{
	font-family:Dm Sans Regular;
	text-align: center; 
	padding-top: 5px;
	margin: 0em auto 2em auto; 
	width:631px; 
	height: 139px; 
	/*padding-top:10px;*/
	}

/*------------------------------------------------------------------------  

   ¿Q U É   E S   L L A M A D A  S O S?:  C U A R T O  B A N N E R     
				 
--------------------------------------------------------------------------*/	
#quees {
   background-color: #EAB31F;
   height:767.8px;
}
	
.Bitmap4{
	width:1164px;
	height:770px;
	background: url(../images/llamada.webp) no-repeat;	
}

/*------------------------------------------------------------------------  

   ¿C Ó M O  F U N C I O N A?:      Q U I N T O      B A N N E R       
				 
--------------------------------------------------------------------------*/ 
#funciona {
   background-color: rgba(2.4, 13.7, 25.1, 0.05); 
   height:655.83px;
}

.funciona1 {
   width:50%;
   background-color:black;
}
.Bitmap5{
	width:50%;
	height:658px;
	
	position: absolute;
	left:50.7%;
	right: -8.82%;
	top: 0%;
	bottom: 49.99%;

	background: url(../images/funciona.webp) no-repeat;	
 /**background-attachment: fixed;  deja fija la imagen con el efecto de sosnew**/
  background-size: 98.9% 100%;


}

/*------------------------------------------------------------------------  

   O B J E T I V O S       S E X T O      B A N N E R       
				 
--------------------------------------------------------------------------*/

#objetivos {   
   border-top: 1px solid #369;
   background-color: #EAB31F;
   mix-blend-mode: normal;
   height:655.83px;
}

.Bitmap6{
	width:720px;
	height:659px;
	background: url(../images/objetivo.webp) no-repeat;	
}

 
/*------------------------------------------------------------------------  

  E Q U I P O  M E D I C O:    S E P T I M O      B A N N E R     
				 
--------------------------------------------------------------------------*/
#equipo {
   background-color: rgba(2.4, 13.7, 25.1, 0.05);
   color: #fff;
   height:767.8px;
}
 
.MedicoBase{ 
	height: 555.83px;
	margin-top: 5px;
	padding-left: 7em; /**7%;**/
}
   
.cajaMedico{
	
	margin-top: 3.94px;
	margin-left:2.5em;

	display:inline-block;
	vertical-align:top;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.297017);
	border-radius: 5px;
  
	width:370px;
	height:479.88px;
}

.imgMedico	{
	padding-top:1.5em;
	padding-left:2.2em;
}   

.titMedico{
	width:125px; height: 32px; padding-top: 1.5em; padding-left:12%;
}
	


.separador{
	margin-top: 110%; 
	margin-left: 30px;
	
	height:1px;
	background: #000000;
	mix-blend-mode: normal;
	opacity: 0.1;	
	
}
.especialidad{
	width:200px; height: 24px;  padding-left: 12%;
}

.rrssMedicos{
	 padding-left: 66%;
	 
}

.rrssMedico {
    margin-left: 0em;
    margin-top: -2.3em;
	padding:0.75em;
    display: inline-block;
    vertical-align: middle;
}



div.rrssMedico:hover{
	padding: 0.75em;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	background: #EAB31F;
}
/**position: absolute;width:200px; height: 24px;left: 11.6%;right: 81.25%;bottom:50.66px;**/

/*------------------------------------------------------------------------  

  P R O F E S O R E S:    O C T A V O     B A N N E R     
				 
--------------------------------------------------------------------------*/	

#profes {
    background-color: #062340;
    color: #fff;
	height:495.87px;
}

.nmbProfe{
	
	position: absolute;
	width: 832px;
	height: 24px;
	margin-left: 100%;
	top: 97.34px;
	color: #ffffff;
	left: 60%;

}
.imgRedonda {
    
    border-radius:150px;
}
	

/*------------------------------------------------------------------------  

  A L I A D O S:    N O V E N O     B A N N E R    
				 
--------------------------------------------------------------------------*/	

#aliados {
   height:382.91px;
   background-color: #FFFFFF;
}


.base_Aliados{
	position:absolute;
	width:99%;
	margin-right:0.3em;
	text-align:right;
	bottom: 25%px;
	display:inline-block;
	vertical-align:top;
	padding-bottom: 20%;

	padding-top: 3%;
}


.aliados1{
    margin-left:1em;
	margin-top:1em;
	display:inline-block;
	vertical-align:middle;
            }


.separadorlargo{
	position: absolute;
	left: 0%;
	right: 0%;	
	bottom: 5.21%;
	
	background: #000000;
	mix-blend-mode: normal;
	opacity: 0.1;

	
	height:1px;
}


@media(max-width:720px) {	
	.phone{
		width:50%;
		margin:2em auto;
	}

}


/*------------------------------------------------------------------------  

  D E S C A R G A S:    N O V E N O (a)     B A N N E R    
				 
--------------------------------------------------------------------------*/	

#descargas {
   height:382.91px;
  /** background-color: #FFFFFF;**/
   background-color: rgba(67, 76, 204, 0.05);
}

/*------------------------------------------------------------------------  

 C O N T A C T O :     D É C I M O     B A N N E R    
				 
--------------------------------------------------------------------------*/	


#contacto {   
   border-top: 1px solid #369;
   background-color:#EAB31F;
   height:655.83px;
}

.formulario input {
	padding:1.5em;
	background-color:#FFFFFF; 
	/*margin-top: 7%;*/
	
	border: 1px solid #DADADA;
	margin-bottom:0.5em;
	box-sizing: border-box;
	border-radius: 5px;
	width:470px;
	height:48px;
	
	/* Text_Gray */
	font-family: DM Sans Regular;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;

/* identical to box height, or 150% */

/* Text_Black_50% */
	color: rgba(0, 0, 0, 0.5);
	mix-blend-mode: normal;

}

.formulario textarea { 
	padding:1em;
	background-color:#FFFFFF;
	margin-top: 1.7em;

	/*border:1px solid #DADADA;*/
	margin-bottom:0.5em;
	box-sizing: border-box;
	border-radius: 5px;
	width:470px;
	height:96px;
	
	/* Text_Gray */
	font-family: DM Sans Regular;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;

/* identical to box height, or 150% */

/* Text_Black_50% */
	color: rgba(0, 0, 0, 0.5);
	mix-blend-mode: normal;
}

.formulario input[type=submit] {
	
	background-color:#062340;
	padding:0.5em;
	width:30%;
	font-style:normal;
	border:0;
	border-radius: 5px;
	
	color:#FFFFFF;
	text-align:center;
	font-family: DM Sans Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

.formulario input[type=submit] :hover{
	
	background-color:#ffffff;
	padding:0.5em;
	width:30%;
	font-style:normal;
	border:0;
	border-radius: 5px;
	
	color:#062340;
	text-align:center;
	font-family: DM Sans Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}



/*------------------------------------------------------------------------  

 F O O T E R:     U N D É C I M O     B A N N E R  
				 
--------------------------------------------------------------------------*/
#footer {   
   background-color: rgba(2.4, 13.7, 25.1, 0.05);
   height:459.9PX /*399.9px;*/
}

.Causae{
	position: absolute;
	height: 48px;
	width:238px;
	left: 37.15%;
	right: 53.26%;
	/*top: calc(50% - 48px/2 + 3427.5px);*/
	top:120.83px;
	}
	
/* Doming */

.sitiosFamilia{
position: absolute;
height: 192px;
left: 37.15%;
right: 45.49%;
/*top: calc(50% - 192px/2 + 3530.5px);*/
top:150.83px;
width: 500px;
}

div.sitiosFamilia .ul{
	 width:600px;
 }


div.Doming>ul>li:hover a{
	mix-blend-mode: normal;}


#BaseFoo{
	border-bottom:40px solid #DBDBDB;
	width:100%;
	margin-top:2em;
}

footer.footerPpal {
	max-width: 64em ;  /* 1000px */ 
    margin: 0 auto;
	text-align:left;
	padding:2em;
}

.scroll-top {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 50px;
	right: 30px;
	display: none;
	text-indent: -9999px;
	z-index: 1000;
	background: url('../images/arriba.webp') no-repeat;
}

.imgInstagram {
    
    border-radius:5px;
}

/*-------------------

	POPUP
	
------------------------*/

.fondoPopup{
	opacity:0.85;
	height: 3418px;	
	background-color: rgb(0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 1440px;
	z-index: 11100;
	display: none;
	display: block;
	box-sizing: content-box;
}

.basePopup{
	border:1px solid #DBDBDB;
    background: #FFF;
	padding:2em;
	margin:auto 25%;
	position: absolute;
	z-index: 11200;
	width:50%;
	display:block;
	height:auto;
	top:80px;	
}

h1.Popup{
	font-size:1.5em;
	color:#006392;
	font-weight:bold;
}

.showme{ 
display: none;
background-color: #FFF;
}
.showhim:hover .showme{
display : block;
}

/**

.carousel {
 position:relative
}
.carousel-inner {
 position:relative;
 width:100%;
 overflow:hidden;
}
.carousel-item {
 position:relative;
 display:none;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-perspective:1000px;
 perspective:1000px
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
 display:block;
 transition:-webkit-transform .6s ease;
 transition:transform .6s ease;
 transition:transform .6s ease,-webkit-transform .6s ease
}
@media screen and (prefers-reduced-motion:reduce) {
 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
  transition:none
 }
}
.carousel-item-next,
.carousel-item-prev {
 position:absolute;
 top:0
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .carousel-item-next.carousel-item-left,
 .carousel-item-prev.carousel-item-right {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.active.carousel-item-right,
.carousel-item-next {
 -webkit-transform:translateX(100%);
 transform:translateX(100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .active.carousel-item-right,
 .carousel-item-next {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
}
.active.carousel-item-left,
.carousel-item-prev {
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .active.carousel-item-left,
 .carousel-item-prev {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
.carousel-fade .carousel-item {
 opacity:0;
 transition-duration:.6s;
 transition-property:opacity
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
 opacity:1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
 opacity:0
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 .carousel-fade .active.carousel-item-left,
 .carousel-fade .active.carousel-item-prev,
 .carousel-fade .carousel-item-next,
 .carousel-fade .carousel-item-prev,
 .carousel-fade .carousel-item.active {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.carousel-control-next,
.carousel-control-prev {
 position:absolute;
 top:0;
 bottom:0;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:15%;
 color:#fff;
 text-align:center;
 opacity:.5
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
 color:#fff;
 text-decoration:none;
 outline:0;
 opacity:.9
}
.carousel-control-prev {
 left:0
}
.carousel-control-next {
 right:0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
 display:inline-block;
 width:20px;
 height:20px;
 background:transparent no-repeat center center;
 background-size:100% 100%
}
.carousel-control-prev-icon {
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
 position:absolute;
 right:0;
 bottom:10px;
 left:0;
 z-index:15;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 padding-left:0;
 margin-right:5%;
 margin-left:5%;
 list-style:none
}
.carousel-indicators li {
 position:relative;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 width:30px;
 height:3px;
 margin-right:3px;
 margin-left:3px;
 text-indent:-999px;
 cursor:pointer;
 background-color:rgba(255,255,255,.5)
}
.carousel-indicators li::before {
 position:absolute;
 top:-10px;
 left:0;
 display:inline-block;
 width:100%;
 height:10px;
 content:""
}
.carousel-indicators li::after {
 position:absolute;
 bottom:-10px;
 left:0;
 display:inline-block;
 width:100%;
 height:10px;
 content:""
}
.carousel-indicators .active {
 background-color:#fff
}
.carousel-caption {
 position:absolute;
 right:15%;
 bottom:20px;
 left:15%;
 z-index:10;
 padding-top:20px;
 padding-bottom:20px;
 color:#fff;
 text-align:center
}


.container {
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
@media (min-width:576px) {
 .container {
  max-width:540px
 }
}
@media (min-width:768px) {
 .container {
  max-width:720px
 }
}
@media (min-width:992px) {
 .container {
  max-width:960px
 }
}
@media (min-width:1200px) {
 .container {
  max-width:1140px
 }
}
.container-fluid {
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
.row {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-15px;
 margin-left:-15px
}
.no-gutters {
 margin-right:0;
 margin-left:0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
 padding-right:0;
 padding-left:0
}

.col-6,
.col-md-4 {
 position:relative;
 width:100%;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}

.no-gutters {
 margin-right:0;
 margin-left:0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
 padding-right:0;
 padding-left:0
}

.col-6,
.col-md-4 {
 position:relative;
 width:100%;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}
.col-6 {
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
}
 .order-sm-4 {
  -ms-flex-order:4;
  order:4
 }
 
 .order-sm-6 {
  -ms-flex-order:6;
  order:6
 }
 
 .offset-sm-4 {
  margin-left:30.333333%
 }
 
@media (min-width:768px) {
 
 .col-md-4 {
  -ms-flex:0 0 30.333333%;
  flex:0 0 30.333333%;
  max-width:30.333333%
 }
 
.card {
 position:relative;

 	
	margin-top: 3.94px;
	margin-left:1.5em;

	display:inline-block;
	vertical-align:top;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.297017);
	border-radius: 5px;
  
	width:370px;
	height:479.88px
}
.card>hr {
 margin-right:0;
 margin-left:0
}
.card>.list-group:first-child .list-group-item:first-child {
 border-top-left-radius:.25rem;
 border-top-right-radius:.25rem
}
.card>.list-group:last-child .list-group-item:last-child {
 border-bottom-right-radius:.25rem;
 border-bottom-left-radius:.25rem
}
.card-body {
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 padding:1.25rem
}
.card-title {
 margin-bottom:.75rem
}
.card-subtitle {
 margin-top:-.375rem;
 margin-bottom:0
}
.card-text:last-child {
 margin-bottom:0
}
.card-link:hover {
 text-decoration:none
}
.card-link+.card-link {
 margin-left:1.25rem
}
.card-header {
 padding:.75rem 1.25rem;
 margin-bottom:0;
 background-color:rgba(0,0,0,.03);
 border-bottom:1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
 border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
 border-top:0
}

.card-footer:last-child {
 border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
 margin-right:-.625rem;
 margin-bottom:-.75rem;
 margin-left:-.625rem;
 border-bottom:0
}
.card-header-pills {
 margin-right:-.625rem;
 margin-left:-.625rem
}
.card-img-overlay {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 padding:1.25rem
}
.card-img {
 width:100%;
 border-radius:calc(.25rem - 1px)
}
.card-img-top {
 width:100%;
 border-top-left-radius:calc(.25rem - 1px);
 border-top-right-radius:calc(.25rem - 1px)
}
.card-img-bottom {
 width:100%;
 border-bottom-right-radius:calc(.25rem - 1px);
 border-bottom-left-radius:calc(.25rem - 1px)
}
.card-deck {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column
}
.card-deck .card {
 margin-bottom:15px
}
@media (min-width:576px) {
 .card-deck {
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  margin-right:-15px;
  margin-left:-15px
 }
 .card-deck .card {
  display:-ms-flexbox;
  display:flex;
  -ms-flex:1 0 0%;
  flex:1 0 0%;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-right:10px;
  margin-bottom:0;
  margin-left:15px
 }
}
.card-group {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column
}
.card-group>.card {
 margin-bottom:15px
}
@media (min-width:576px) {
 .card-group {
  -ms-flex-flow:row wrap;
  flex-flow:row wrap
 }
 .card-group>.card {
  -ms-flex:1 0 0%;
  flex:1 0 0%;
  margin-bottom:0
 }
 .card-group>.card+.card {
  margin-left:0;
  border-left:0
 }
 .card-group>.card:first-child {
  border-top-right-radius:0;
  border-bottom-right-radius:0
 }
 .card-group>.card:first-child .card-header,
 .card-group>.card:first-child .card-img-top {
  border-top-right-radius:0
 }
 .card-group>.card:first-child .card-footer,
 .card-group>.card:first-child .card-img-bottom {
  border-bottom-right-radius:0
 }
 .card-group>.card:last-child {
  border-top-left-radius:0;
  border-bottom-left-radius:0
 }
 .card-group>.card:last-child .card-header,
 .card-group>.card:last-child .card-img-top {
  border-top-left-radius:0
 }
 .card-group>.card:last-child .card-footer,
 .card-group>.card:last-child .card-img-bottom {
  border-bottom-left-radius:0
 }
 .card-group>.card:only-child {
  border-radius:.25rem
 }
 .card-group>.card:only-child .card-header,
 .card-group>.card:only-child .card-img-top {
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem
 }
 .card-group>.card:only-child .card-footer,
 .card-group>.card:only-child .card-img-bottom {
  border-bottom-right-radius:.25rem;
  border-bottom-left-radius:.25rem
 }
 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
  border-radius:0
 }
 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
 .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
  border-radius:0
 }
}



**/