@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
html,
body { height: 100%; }

body {margin:0 auto;
	  height:100%;
	  display: table;
	  width: 100%;
	  font-family: 'FELIXTI';	
	  
			background: url(imgs/bg.jpg);
				   background-size: cover;  
	  }

@font-face {
    font-family: 'FELIXTI';
	src: url(fonts/FELIXTI.eot); 
	src: url(fonts/FELIXTI.eot?#iefix) format('embedded-opentype'),
         url(fonts/FELIXTI.woff2) format('woff2'),
         url(fonts/FELIXTI.woff) format('woff'),
         url(fonts/FELIXTI.ttf) format('truetype'),
         url(fonts/FELIXTI.svg#ostrich_sans_inlineregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

.page-row {display: table-row;
           height: 1px;
		   
           }
 
.page-row-expanded { height: 100%; }


.volver {width:100%;
		 margin-top:5%;
	     font-size:1.3vw;
		 background:#fff;
		 color:#fff;
		 text-align:center;
		 }
		 @media (max-width: 768px) {
		 .volver{font-size:4vw;}
		 }
		 
		 .volver a{color:#fff;
		 		   text-decoration:none;
				   margin-bottom:2%;}

.volver-imagen {width:4%;
				margin-left:48%;
			    float:left;}
				@media (max-width: 768px) {
				.volver-imagen {width:20%;
								margin-left:40%;}
				}
				
.volver-texto {width:100%;
			    float:left;
				color:#fff;
				margin-bottom:2%;
				}

#b {width:100%;
	float:left;}
#c {width:100%;
	float:left;}

h1 {color:#ffff00;
	font-size:6vw;
	text-align:right;
	font-weight:100;
	padding-right:3%;
	padding-top:2%;
	padding-bottom:2%;
	font-family: fantasy;
	font-weight: bold;
	vertical-align:central;
	-webkit-text-stroke: 1px #ffff00;
	-webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 7s; /* Firefox < 16 */
        -ms-animation: fadein 7s; /* Internet Explorer */
         -o-animation: fadein 7s; /* Opera < 12.1 */
            animation: fadein 7s;

	}

	@media (max-width: 768px) {
	h1{font-size:9vw;}
	}

h2 {color:  #ffff00;
	font-size:5vw;
	text-align:right;
	font-weight:100;
	padding-right:3%;
	padding-bottom:2%;
	font-weight: bold;
	font-family: fantasy;
	vertical-align:central;
	-webkit-text-stroke: 1px #ffff00;
	
	}
	
	@media (max-width: 768px) {
	h2{font-size:8vw;}
	}	
h3 {color:  #ffff00;
	font-size:4vw;
	text-align:right;
	font-weight:100;
	padding-right:3%;
	padding-bottom:2%;
	vertical-align:central;
	font-family: fantasy;
	font-weight: bold;
	-webkit-text-stroke: 1px #ffff00;
	
	
	}
	
	@media (max-width: 768px) {
	h3{font-size:7vw;}
	}
	
	
	
		@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
	
	
/********************** HEADER *********************/
#header {width:100%;
		 float:left;
		 background: rgba(1,63,100,0.5);}
		 
		 

	/***************** LOGO HEADER ***************/	
	#logo-header {width:50%;
				  float:left;
				  margin-left:0%;}
				  @media (max-width: 768px) {
				  #logo-header {width:100%;}
		 		  }
				  
		#logo-header a{
					  text-decoration:none;}
				  
			#imagen-logo-header {width:10%;
							     float:left;
								 margin-top:2%;
								 margin-left:10%;}
								 @media (max-width: 768px) {
				  				 #imagen-logo-header {width:20%;
								 					  margin-left:5%;}
		 		                 }
				
			#texto-logo-header {width:79%;
								margin-left:1%;
								float:left;
								color:#ffff00;
								text-align:left;
								padding-top:3%;}
								@media (max-width: 768px) {
				  				#texto-logo-header {width:68%;
													margin-left:2%;
													border:}
		 		                }
								
				 #texto1-logo-header a{width:100%;
				 					  float:left;
				 					  font-size:2vw;
				 					  font-family: FELIXTI;
									  }
									  
									  @media (max-width: 768px) {
				  					  #texto1-logo-header a{font-size:9vw;}
		 		               		  }
				 
				 #texto2-logo-header a{width:100%;
				 					  float:left;
									  font-size:1vw;
									  color:#fff;}
									  @media (max-width: 768px) {
				  					  #texto2-logo-header a{font-size:3.5vw;}
		 		               		  }
	/*************** FIN LOGO HEADER ***************/
	
	/*************** CONTACTO HEADER **************/									  
	#contacto-header {width:50%;
			 		  float:left;
					  padding-top:2%;}
					  @media (max-width: 768px) {
				  	  #contacto-header {width:100%;}
		 		     
		 		      }
		 		      
		 		 #icono-instagram-header {width:5%;
								     float: right;
                                      margin-right: 3%;}
									  @media (max-width: 768px) {
				  	   				  #icono-instagram-header {width:11%;
									  					   margin-right: 14%;}
		 		      				  }
	
					
			 	#icono-email-header {width:5%;
								     float:left;
									 margin-left:78%;}
									  @media (max-width: 768px) {
				  	   				  #icono-email-header {width:11%;
									  					   margin-left:34%;}
		 		      				  }



			 	#icono-telefono-header {width:5%;
								      float:left;
									  margin-left:2%;}
									  @media (max-width: 768px) {
				  	   				  #icono-telefono-header {width:11%;
									  						  margin-left:10%;}
		 		      				  }	
		 		      				  
	
		 		      				     }
	/***************** FIN CONTACTO HEADER *****************/
		
/************************** FIN HEADER *********************/	


/************ BANNER ************/
#banner {width:100%;
		 float:left;
		 margin-top:7%;
		 margin-bottom:7%;}
		 @media (max-width: 768px) {
		 #banner {margin-top:50%;}
		 }
/********** FIN BANNER **********/



#footer{width:100%;
		float:left;
		background: rgba(1,63,100,0.5);background:#3f8088;
		text-align:center;
		font-size:1vw;
		padding-top:1%;
		padding-bottom:1%;
		color:#fff;
		
		}
		
		@media (max-width: 768px) {
		#footer {font-size:3vw;}
		}
		#texto-footer3 {
    width: 95%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 0.8vw;
    padding-top: 1%;
    padding-bottom: 0.8%;
}
 @media (max-width: 768px) {
			   #texto-footer3  {font-size:3vw;}
		       }

	#texto-footer4 {
    width: 95%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 0.7vw;
    padding-top: 1%;
    padding-bottom: 0.8%;
}
 @media (max-width: 768px) {
			   #texto-footer4  {font-size:3vw;}
		       }

    #contenido-footer {width:100%;
					   float:left;
					   background: rgba(1,63,100,0.5);}
 		#texto-footer {width:100%;
		       float:left;
			   text-align:center;
			   color:#fff;
			   font-size:1vw;
			   padding-top:1%;
			   padding-bottom:0.8%;
			   }
			   @media (max-width: 768px) {
			   #texto-footer  {font-size:3vw;}
		       }

   		#links-footer a{width:33.3%;
		       float:left;
			   text-align:center;
			   color:#ffff00;
			   font-size:1vw;
			   padding-bottom:0.7%;
			   }
			   @media (max-width: 768px) {
			   #links-footer  a{font-size:3vw;}
		       }

img { width: 100%;
	  border:0;}

li {margin-left:3%;}
@media (max-width: 768px) {
li {margin-left:7%;}
}





/*********** CONTENIDO **********/
#contenido {width:100%;
		    float:left;
			margin-top:2%;}
			@media (max-width: 768px) {
			#contenido {width:100%;
			            margin-left:0%;}
			}
			
			#banner-interio {width:100%;
						     float:left;}
			
			#line {width:96%;
				   float:left;
				   margin-left:2%;}
				   
			#item {width:29%;
				   margin-left:1.5%;
				   margin-right:1.5%;
				   margin-bottom:5%;
				   background: rgba(1,63,100,0.7);
				   /*background-color:#013f64;*/
				   /*background:#ebebeb;*/
				   float: left;
				   border-radius:10px 10px 10px 10px;
				   border: 2px dotted #FF0;
				   display:block!important;
					-webkit-transition:-webkit-transform 1s ease-out;
					-moz-transition:-moz-transform 1s ease-out;
					-o-transition:-o-transform 1s ease-out;
					-ms-transition:-ms-transform 1s ease-out;
					transition:transform 1s ease-out;}
					@media (max-width: 768px) {
					#item {width:93%;
					margin-left:3.5%;
				    margin-right:3.5%;
					border: 5px dotted #FF0;}	
					}
			
			
				#item:hover {box-shadow: 0 0 0.5em #666;
							 -moz-box-shadow:;
							 -webkit-box-shadow:;
							 -moz-transform: scale(1.1);
							 -webkit-transform: scale(1.1);
							 -o-transform: scale(1.1);
							 -ms-transform: scale(1.1);
							 transform: scale(1.1);}
							 
							
		#item-index {width:30.3%;
				   margin-left:1.5%;
				   margin-right:1.5%;
				   margin-bottom:5%;
				   float: left;
				   display:block!important;
					-webkit-transition:-webkit-transform 1s ease-out;
					-moz-transition:-moz-transform 1s ease-out;
					-o-transition:-o-transform 1s ease-out;
					-ms-transition:-ms-transform 1s ease-out;
					transition:transform 1s ease-out;}
					@media (max-width: 768px) {
					#item {width:93%;
					margin-left:3.5%;
				    margin-right:3.5%;}	
					}
			
			
				#item-index:hover {
							 -moz-transform: scale(1.1);
							 -webkit-transform: scale(1.1);
							 -o-transform: scale(1.1);
							 -ms-transform: scale(1.1);
							 transform: scale(1.1);}
							
							 
					 	#line1-item {width:100%;
									 float:left;
									 margin-bottom:1%;}
								
								#img-item {width:32%;
										   float:left;
										   margin:1.5%;}
										   
								
								#contenido-line1-item {width:65%;
													   float:left;
													   margin-top:6%;}
										
										#title-item {width:100%;
													 float:left;
													 font-size:2vw;
													 text-align:center;
													 color: #FFFF00;}
													 @media (max-width: 768px) {
													 #title-item  {font-size:7vw;}
													 }
													 
										#web-item {width:100%;
													 float:left;
													 font-size:1.2vw;
													 text-align:center;
													 color:#fff;}
													 @media (max-width: 768px) {
													 #web-item  {font-size:4vw;}
													 }
													 
													 #web-item a{font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
													 color:#9ba8ea;
													 font-size:1vw;}
													 @media (max-width: 768px) {
													 #web-item  a{font-size:3vw;}
													 }
													 
													 #web-item2 a{font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
													 color:#9ba8ea;
													 font-size:1.1vw;}
													 @media (max-width: 768px) {
													 #web-item2  a{font-size:3.5vw;}
													 }
													 
						#description {width:96%;
									  margin-left:2%;
									  margin-right:2%;
									  float: left;
									  text-align:justify;
									  font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;									  font-size:1.3vw;
									  margin-bottom:3%;
									  color:#fff;}
									  @media (max-width: 768px) {
									  #description  {font-size:4vw;}
									  }
							
						
						#visa {width:46%;
								margin-left:2%;
								margin-right:2%;
								padding-bottom:3%;
								padding-top:3%;
							   float:left;
							   background:#00101a;
				  			   border-radius:10px 10px 10px 10px;}
							   
							   #title-visa {width:100%;
							   				float:left;
											text-align:center;
											font-size:1.2vw;
											text-align:center;
											color:#fff;
							                }
											@media (max-width: 768px) {
									        #title-visa  {font-size:5vw;}
									        }
							   #title-visa1 {width:70%;
							   				float:left;
											text-align:center;
											font-size:1.2vw;
											text-align:center;
											color:#fff;
							                }
											@media (max-width: 768px) {
									        #title-visa1  {font-size:4.5vw;}
									        }
							   #img-title-visa1 {width:25%;
							   margin-left:5%;
							   				float:left;							                }
											@media (max-width: 768px) {
									        #img-title-visa1  {font-size:5vw;}
									        }																			
								
								#tlfn-visa {width:90%;
											float:left;
											margin-top:3%;
											margin-left:5%;
											padding-top:5%;
											padding-bottom:5%;
											border-radius:10px 10px 10px 10px;
											background:#013f64;
											text-align:center;
											display:block!important;
					-webkit-transition:-webkit-transform 1s ease-out;
					-moz-transition:-moz-transform 1s ease-out;
					-o-transition:-o-transform 1s ease-out;
					-ms-transition:-ms-transform 1s ease-out;
					transition:transform 1s ease-out;}
											#tlfn-visa:hover{box-shadow: 0 0 0.5em #666;
							 -moz-box-shadow:;
							 -webkit-box-shadow:;
							 -moz-transform: scale(1.1);
							 -webkit-transform: scale(1.1);
							 -o-transform: scale(1.1);
							 -ms-transform: scale(1.1);
							 transform: scale(1.1);}
											
											#tlfn-visa a{text-decoration:none;
														 color: #FFFF00;
														 font-size:1.5vw;
														 text-align:center;}
														 @media (max-width: 768px) {
									        	         #tlfn-visa a {font-size:5.7vw;}
									                     }
														 
										#tarifa-visa {width:100%;
													   float:left;
													   font-size:1.1vw;
													   text-align:center;
													   margin-top:3%;
													   color:#fff;}
													   @media (max-width: 768px) {
									        	       #tarifa-visa {font-size:3.5vw;}
									                     }
													   
											
			
			
#encabezado-interior {width:100%;
					  min-height: 300px;
					  float:left;
					  background:url(imgs/bg-tarot-economico.jpg);
					  background-size:cover;
					  margin-top:-2%;
					  margin-bottom:3%;
					  font-family: Goudy Old Style;
    
}
					  
					  @media (max-width: 768px) {
					  #encabezado-interior {min-height: 150px;
					  						margin-bottom:15%;}
					  }

#encabezado-interior2 {width:100%;
					  min-height: 300px;
					  float:left;
					  background:url(imgs/bg-tarot-barato1.jpg);
					  background-size:cover;
					  margin-top:-2%;
					  margin-bottom:3%;}
					  @media (max-width: 768px) {
					  #encabezado-interior2 {min-height: 120px;
					  						margin-bottom:15%;}
					  }					  
#encabezado-interior3 {width:100%;
					  float:left;
					  min-height: 300px;
					  background:url(imgs/bg-tarot-profesional1.jpg);
					  background-size:cover;
					  margin-top:-2%;
					  margin-bottom:3%;}
					  @media (max-width: 768px) {
					  #encabezado-interior3 {min-height: 200px;
					  						margin-bottom:15%;}
					  }
						
						
						#contenido-legal {width:80%;
										  float: left;
										  margin-left:10%;
										  margin-top:3%;
										  margin-bottom:3%;
										  background: rgba(1,63,100,0.7);}
						
						
						#title-legal {color:#fff;
									  text-align:center;
									  font-size:3vw;
									  margin-bottom:3%;
									  margin-top:3%;}
									  @media (max-width: 768px) {
									  #title-legal  {font-size:6vw;}
									  }
						
						
						#texto-legal {width:96%;
									  margin-left:2%;
									  margin-right:2%;
									  float: left;
									  text-align:justify;
									  font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;									  font-size:1.3vw;
									  margin-bottom:3%;
									  color:#fff;}
									  @media (max-width: 768px) {
									  #texto-legal  {font-size:4vw;}
									  }


/************ MENU ************/
#menu {width:100%;
	   float:left;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:90;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: 'FELIXTI';
  background: #013f64;
}
#cssmenu > ul > li {
  float: left;
  width:25%;

  
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align:center;
   border-left:1px solid #FFF;
}
#cssmenu > ul > li:hover > a {
  color: #fff;
  background:#001521;
  border-top:1px solid #FFF;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #fff;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #fff;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
  width: 100%;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
  
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid #fff;
  padding: 11px 15px;
  width: 100%;
  font-size: 12px;
  text-align:center;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  background: #3f8088;
  
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #fff;
  background:#8bbec1;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid #fff;
	
  }
  
  #cssmenu > ul > li:hover > a {
  border-top:0px;
}
  
  
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
	width:100%;
	background:#8bbec1;
	border-top: 1px solid #fff;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
	text-align:left;
	font-size:11px;
	
  }
  #cssmenu > ul > li {
    float: none;
	
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
	font-size:11px;
	
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #fff;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
	background:#8bbec1;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #fff;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #fff;
    height: 46px;
    width: 46px;
    cursor: pointer;
	background: #8bbec1;
	color:#FFF;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #8bbec1;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #fff;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/************ FIN MENU ************/