@import url('../fonts/helve/Helvetica/Helvetica.ttf');
/*@font-face {
  font-family: "helvetica normal";
  src: url('../fonts/helve/Helvetica/Helvetica.ttf');
}*/

@font-face {
  font-family: "helvetica light";
  src: url('../fonts/helve/Helvetica/Helvetica-Light.ttf');
}

@font-face {
  font-family: "Mystery Quest";
  src: url('../fonts/bubbleboddyneue-regular trial.ttf');
}

/* ====================================
			 FUENTES 
==================================== */
.helboce25azul{ /* helvetica bold centrado 25 azul */
font-family: Helvetica;
font-weight: bold;
font-size: 25px;
color: steelblue;
text-align: center;
}
.helboce25blanco{ /* helvetica bold centrado 25 blanco */
font-family: Helvetica;
font-weight: bold;
font-size: 25px;
color: white;
text-align: center;
}
.helboce25verde{ /* helvetica bold centrado 25 verde */
font-family: Helvetica;
font-weight: bold;
font-size: 25px;
color: #93c01f;
text-align: center;
}
.hellice18azul{ /* helvetica light centrado 18 azul */
color: steelblue;
text-align: center;
font-family: "helvetica light";
font-size: 18;
}
.hellice18blanco{/* helvetica light centrado 18 blaco */
color: white;
text-align: center;
font-family: "helvetica light";
font-size: 18;
}
.hellice18verde{/* helvetica light centrado 18 verde */
color: #93c01f;
text-align: center;
font-family: "helvetica light";
font-size: 18px;
}
.helliiz18azul{/* helvetica light izquierda 18 azul */
color: steelblue;
text-align: left;
font-family: "helvetica light";
font-size: 18px;
}
.helliiz18blanco{/* helvetica light izquierda 18 blaco */
color: white;
text-align: left;
font-family: "helvetica light";
font-size: 18;
}
.helliiz18verde{/* helvetica light izquierda 18 verde */
color: #93c01f;
text-align: left;
font-family: "helvetica light";
font-size: 18px;
}
.helboiz25azul{/* helvetica bold izquierda 25 azul */
font-family: Helvetica;
font-weight: bold;
font-size: 25px;
color: steelblue;
text-align: left;
}
.helboiz25blanco{/* helvetica bold izquierda 25 blaco */
font-family: Helvetica;
font-weight: bold;
font-size: 25px;
color: white;
text-align: left;
}
.helboiz25verde{/* helvetica bold izquierda 25 verde */
font-family: Helvetica;
font-weight: bold;
font-size: 25px;
color: #93c01f;
text-align: left;
}
.helboiz18azul{ /* helvetica bold izquierda 18 azul */
font-family: Helvetica;
font-weight: bold;
color: steelblue;
text-align: left;
font-size: 18px;
}
.helboiz18blanco{/* helvetica bold izquierda 18 blaco */
font-family: Helvetica;
font-weight: bold;
color: white;
text-align: left;
font-size: 18px;
}
.helboiz18verde{/* helvetica bold izquierda 18 verde */
font-family: Helvetica;
font-weight: bold;
color: #93c01f;
text-align: left;
font-size: 18px;
}
.hellice24azul{/* helvetica light centrado 24 azul */
color: steelblue;
text-align: center;
font-family: "helvetica light";
font-size: 24px;
}
.hellice24blanco{/* helvetica light centrado 24 blaco */
color: white;
text-align: center;
font-family: "helvetica light";
font-size: 24px;
}
.hellice24verde{/* helvetica light centrado 24 verde */
color: #93c01f;
text-align: center;
font-family: "helvetica light";
font-size: 24px;
}
.helboce12azul{/* helvetica bold centrado 12 azul */
font-family: Helvetica;
font-weight: bold;
color: steelblue;
text-align: center;
font-size: 12px;
}
.helboce12blanco{/* helvetica bold centrado 12 blanco */
font-family: Helvetica;
/*font-weight: bold;*/
color: white;
text-align: center;
font-size: 14px;
}
.helboce12verde{/* helvetica bold centrado 12 verde */
font-family: Helvetica;
font-weight: bold;
color: #93c01f;
text-align: center;
font-size: 12px;
}
.helboce12azul{/* helvetica bold izquierda 12 azul */
font-family: Helvetica;
font-weight: bold;
color: steelblue;
text-align: left;
font-size: 12px;
}
.helboce12blanco{/* helvetica bold izquierda 12 blanco */
font-family: Helvetica;
/*font-weight: bold;*/
color: white;
text-align: left;
font-size: 14px;
}
.helboce12verde{/* helvetica bold izquierda 12 verde */
font-family: Helvetica;
font-weight: bold;
color: #93c01f;
text-align: left;
font-size: 12px;
}
.helboce24azul{/* helvetica bold centrado 24 azul */
font-family: Helvetica;
font-weight: bold;
color: steelblue;
text-align: center;
font-size: 24px;
}
.helboce24blanco{/* helvetica bold centrado 24 blanco */
font-family: Helvetica;
font-weight: bold;
color: white;
text-align: center;
font-size: 24px;
}
.helboce24verde{/* helvetica bold centrado 24 verde */
font-family: Helvetica;
font-weight: bold;
color: #93c01f;
text-align: center;
font-size: 24px;
}
/* ====================================
			 ICONBAR 
==================================== */

.icon-bar {
	z-index: 3000;
  position: fixed;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 12px;
}

@media (max-width:992px){

	.icon-bar {
		z-index: 3000;
	  position: fixed;
	  top: 35%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  right: 7px;
	}

}


.icon-bar a i{
	padding-right: 2px;
	padding-left: 2px;
}
.icon-bar a {
	margin-bottom: 0;
	border-radius: 50%;
  display: block;
  text-align: center;
  padding: 3px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  /*background-color: #000;*/
  /*transform: scale(1.05, 1.05);*/

}

/*.facebook {
  background: #3B5998;
  color: white;
}

.whatssap {
  background: #00bb2d;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
*/


/* ====================================
			 MENU 
==================================== */

#menu{
	background: linear-gradient(90deg, rgba(31,71,147,1) 35%, rgba(39,100,174,1) 60%);
padding: 0;
}
#menu li.dropdown .dropdown-menu{
	background: linear-gradient(90deg, rgba(31,71,147,1) 35%, rgba(39,100,174,1) 60%);
padding: 0;
margin:0;
}
#menu .iconhamburgesa{
	color:white;
	
}
#menu .navbar-nav{
	position: relative;
}
#menu .imagenn{
	padding: 0;
	margin:0;
	position: absolute;
	top:-16px;
	left: -116px;
}
#menu .navbar-toggler{
	border:1px solid transparent;
	margin:5px;
}
#menu .dropdown-menu{
	

}
#menu .navbar-nav li.nav-item{
	padding-right: 4px;
	padding-left: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#menu .navbar-nav li.active{
	background: #93c01f;
}
#menu .navbar-nav li{
	transition: .5s all;
}
#menu .navbar-nav li.nav-item:hover{
	background: #93c01f;
	transition: .5s all;
}
#menu li.dropdown .dropdown-menu a{
	transition: .5s all;
}
#menu li.dropdown .dropdown-menu a:hover{
	background: #93c01f;
	transition: .5s all;
}
#menu .navbar-nav li a{
	color: white;
	font-size: 13px;
}
#menu .navbar-brand img,#menu .navbar-brand {
	padding: 0;
}



/* ====================================
			 CAROUSEL 
==================================== */

.carousel {
  background:#007aeb;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}




/* ====================================
			 CLICKAULAVIRTUAL 
==================================== */


#clickaulavirtual{
	  /*background: url(../imagenes/clickaulavirtual.png);*/
}
#clickaulavirtual{
	background: url(../imagenes/modalidades_600_500.png);
	background-attachment: fixed;
}

@media (min-width:1400px){
	#clickaulavirtual{
		background: url(../imagenes/modalidades_2000_500.png);
		background-attachment: fixed;
	}
}
@media (min-width:769px){
	#clickaulavirtual{
		background: url(../imagenes/modalidades_1400_500.png);
		background-attachment: fixed;
	}	
}
@media (min-width:577px){
	#clickaulavirtual{
		background: url(../imagenes/modalidades_800_500.png);
		background-attachment: fixed;
	}	
}


#clickaulavirtual img{
	  /*background: url(../imagenes/clickaulavirtual.png);*/
width: 100%;
top: -100px;
position: relative;
z-index: 1000;
}

@media (min-width:2500px){

	#clickaulavirtual img{
	width: 100%;
	top: -170px;
	position: relative;
	z-index: 1000;
	}

}

@media (min-width:1950px){

	#clickaulavirtual img{
	width: 100%;
	top: -130px;
	position: relative;
	z-index: 1000;
	}

}

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

	#clickaulavirtual img{
	width: 100%;
	top: -50px;
	position: relative;
	z-index: 1000;
	}

}


@media (max-width:768px){

	#clickaulavirtual img{
	width: 100%;
	top: -40px;
	position: relative;
	z-index: 1000;
	}

}

@media (max-width:400px){

	#clickaulavirtual img{
	width: 100%;
	top: -23px;
	position: relative;
	z-index: 1000;
	}

}

@media (max-width:300px){

	#clickaulavirtual img{
	width: 100%;
	top: -15px;
	position: relative;
	z-index: 1000;
	}

}

/* ====================================
			 MODALIDADES 
==================================== */
#multi-item-example, #multi-item-exampled{
	background: transparent;
}
#modalidades .titulomod h1{
	/*text-align: center;*/
	color: #93c01f;
	font-family: 'Mystery Quest' !important;
	font-size: 60px;

}


#modalidades{
	background: url(../imagenes/modalidades_600_500.png);
	background-attachment: fixed;
}

@media (min-width:1400px){
	#modalidades{
		background: url(../imagenes/modalidades_2000_500.png);
		background-attachment: fixed;
	}
}
@media (min-width:769px){
	#modalidades{
		background: url(../imagenes/modalidades_1400_500.png);
		background-attachment: fixed;
	}	
}
@media (min-width:577px){
	#modalidades{
		background: url(../imagenes/modalidades_800_500.png);
		background-attachment: fixed;
	}	
}



@media (max-width:1900px){

	#modalidades .titulomod h1{

		font-size: 40px;
	}

}

@media (max-width:1250px){

	#modalidades .titulomod h1{

		font-size: 2.8em;
	}

}
@media (max-width:1139px){

	#modalidades .titulomod h1{

		font-size: 2.3em;
	}

}
@media (max-width:980px){

	#modalidades .titulomod h1{
		font-size: 3em;
	}

}
@media (max-width:892px){

	#modalidades .titulomod h1{
		font-size: 2.4em;
	}

}
@media (max-width:600px){

	#modalidades .titulomod h1{
		font-size: 2.2em;
	}

}
@media (max-width:570px){

	#modalidades .titulomod h1{
		font-size: 2.1em;
	}

}

@media (max-width:467px){

	#modalidades .titulomod h1{
		font-size: 1.8em;
	}

}
@media (max-width:406px){

	#modalidades .titulomod h1{
		font-size: 1.7em;
	}

}
@media (max-width:389px){

	#modalidades .titulomod h1{
		font-size: 1.5em;
	}

}
@media (max-width:360px){

	#modalidades .titulomod h1{
		font-size: 1.3em;
	}

}
#modalidades{
	padding-bottom: 30px;
}

/* ====================================
			 MISIONVISION 
==================================== */

#misionvision{
		  background: url(../imagenes/fondomisionvision.png);
		  padding-bottom: 50px;
		  padding-top: 80px;
}

@media (max-width:560px){

	#misionvision{
			  background: url(../imagenes/azul_500_1100.png);
			  padding-bottom: 50px;
			  padding-top: 60px;
	}

}

@media (min-width:1500px){

	#misionvision{
			  background: url(../imagenes/2000x800-54.png);
			  padding-bottom: 50px;
			  padding-top: 60px;
	}

}


#misionvision .misionvisiontext h3{
color: #93c01f;
text-align: left;
	font-family: 'Mystery Quest' !important;
	font-size: 40px;
}




/* ====================================
	IMAGENMISIONVISION 
==================================== */
#imagenmisionvision{
	padding: 0;
}

/* ====================================
	ACOMPANAMIENTOSUMMERHILL 
==================================== */



@media (max-width:660px){


}

/* ====================================
	SERVICIOSADICIONALES 
==================================== */

#serviciosadicionales{

}


@media (max-width:660px){


}




@media (max-width:585px){

	#serviciosadicionales .tituloserviciosadicionales h3{

	}

	#serviciosadicionales .tituloserviciosadicionales img.imghorario{
		width: 50px;
		height: 50px;

	}

	#serviciosadicionales .tituloserviciosadicionales img.imgtras{
		width: 70px;
		height:35px ;

	}


	#serviciosadicionales .tituloserviciosadicionales p{

	}


}


@media (max-width:505px){

	#serviciosadicionales .tituloserviciosadicionales h3{

	}

	#serviciosadicionales .tituloserviciosadicionales img.imghorario{
		width: 30px;
		height: 30px;

	}

	#serviciosadicionales .tituloserviciosadicionales img.imgtras{
		width: 50px;
		height:25px ;

	}


	#serviciosadicionales .tituloserviciosadicionales p{



	}


}

/* ====================================
	VIDEOS 
==================================== */
#videos  h3{
color: #93c01f;
text-align: center;
	font-family: 'Mystery Quest' !important;
	font-size: 40px;
}
#videos .logoyoutuberojo{
	width: 45px;
	height:35px;
}
/* ====================================
	RECIBEMASINFO 
==================================== */
#recibeinfo  h3{
color: #93c01f;
text-align: center;
	font-family: 'Mystery Quest' !important;
	font-size: 40px;
}


#recibeinfo .form-control{
background-color: #E6E6E6;
}

/* ====================================
	UBICACION 
==================================== */
#ubicacion{
	position: relative;
		background: #93C01F;
		padding-top: 30px;
		padding-bottom: 100px;
}
#ubicacion .direcciontelefono{

}
#ubicacion .direcciontelefono h3{

}
#ubicacion .direcciontelefono p{

}
#ubicacion .direcciontelefono ul{
		background:transparent;
}
#ubicacion .direcciontelefono ul li{
		background:transparent;
		border:none;
		padding:5px;
}
#ubicacion img.cubobottom{
	bottom: -40px;
	position: absolute;
	right: 0;
	z-index: 1500;
}

@media (max-width:880px){
	#ubicacion img.cubobottom{
		width: 170px;
		height: 150px;
		bottom: -40px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

@media (max-width:726px){
	#ubicacion img.cubobottom{
		width: 140px;
		height: 120px;
		bottom: -40px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

@media (max-width:670px){
	#ubicacion img.cubobottom{
		width: 110px;
		height: 80px;
		bottom: -40px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

@media (max-width:435px){
	#ubicacion img.cubobottom{
		width: 80px;
		height: 60px;
		bottom: -20px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#piedepagina{
	background: linear-gradient(90deg, rgba(31,71,147,1) 35%, rgba(39,100,174,1) 60%);
	height: 40px;
}


#piedepagina h6{
	color: white;
		font-family: Helvetica;
	font-size: 14px;
}
@media (max-width:620px){
	#piedepagina h6{

		font-size: 10px;
	}
}

@media (max-width:435px){
#piedepagina{

	height: 20px;
}
}


@media (max-width:385px){
	#piedepagina h6{

		font-size: 8px;
	}
}











/* ====================================
	PREESCOLAR 
==================================== */
#imagenpreescolar, #seccionprimaria{
	padding: 0;
}


/* ====================================
	INFOPREESCOLAR 
==================================== */

#infopreescolar{
	background: url(../imagenes/modalidades_600_500.png);
	background-attachment: fixed;
}

@media (min-width:1400px){
	#infopreescolar{
		background: url(../imagenes/modalidades_2000_500.png);
		background-attachment: fixed;
	}
}
@media (min-width:769px){
	#infopreescolar{
		background: url(../imagenes/modalidades_1400_500.png);
		background-attachment: fixed;
	}	
}
@media (min-width:577px){
	#infopreescolar{
		background: url(../imagenes/modalidades_800_500.png);
		background-attachment: fixed;
	}	
}


#infopreescolar .titulomod h1{
	text-align: center;
	color: #93c01f;
	font-family: 'Mystery Quest' !important;
	font-size: 60px;

}

#infopreescolar .titulomod p{

}

@media (max-width:1900px){

	#infopreescolar .titulomod h1{

		font-size: 40px;
	}

}

@media (max-width:1250px){

	#infopreescolar .titulomod h1{

		font-size: 2.8em;
	}

}
@media (max-width:1139px){

	#infopreescolar .titulomod h1{

		font-size: 2.3em;
	}

}
@media (max-width:980px){

	#infopreescolar .titulomod h1{
		font-size: 3em;
	}

}
@media (max-width:892px){

	#infopreescolar .titulomod h1{
		font-size: 2.4em;
	}

}
/*@media (max-width:600px){

	#infopreescolar .titulomod h1{
		font-size: 2.2em;
	}

}
@media (max-width:570px){

	#infopreescolar .titulomod h1{
		font-size: 2.1em;
	}

}*/

/*@media (max-width:467px){

	#infopreescolar .titulomod h1{
		font-size: 1.8em;
	}

}
@media (max-width:406px){

	#infopreescolar .titulomod h1{
		font-size: 1.7em;
	}

}*/
/*@media (max-width:389px){

	#infopreescolar .titulomod h1{
		font-size: 1.5em;
	}

}
@media (max-width:360px){

	#infopreescolar .titulomod h1{
		font-size: 1.3em;
	}

}
*/


/* ====================================
	TALLERPREESCOLAR 
==================================== */


#tallerespreescolar{
		  background: url(../imagenes/azul_600_1400.png);
/*background-attachment: fixed;*/
		  padding-bottom: 50px;
		  padding-top: 80px;
}






@media (min-width:1400px){
	#tallerespreescolar{
		background: url(../imagenes/azul_2000_700.png);
		/*background-attachment: fixed;*/
		/*padding-top: 130px;*/
	}
}
@media (min-width:769px){
	#tallerespreescolar{
		background: url(../imagenes/azul_1400_700.png);
		/*background-attachment: fixed;*/
		/*padding-top: 130px;*/
	}	
}
@media (min-width:577px){
	#tallerespreescolar{
		background: url(../imagenes/azul_600_1400.png);
/*background: none;*/
		/*background-attachment: fixed;*/
		/*padding-top: 130px;*/
	}	
}


/*@media (max-width:775px){

	#tallerespreescolar{
			  background: url(../imagenes/fondomisionvisionsm.png);
			   	background: none;
			  padding-bottom: 50px;
			  padding-top: 150px;
	}

}
*/















#tallerespreescolar .titulomod h1{
	text-align: center;
	color: white;
	font-family: 'Mystery Quest' !important;
	font-size: 60px;

}


@media (max-width:1900px){

	#tallerespreescolar .titulomod h1{

		font-size: 40px;
	}

}

@media (max-width:1250px){

	#tallerespreescolar .titulomod h1{

		font-size: 2.8em;
	}

}
@media (max-width:1139px){

	#tallerespreescolar .titulomod h1{

		font-size: 2.3em;
	}

}
@media (max-width:980px){

	#tallerespreescolar .titulomod h1{
		font-size: 3em;
	}

}
@media (max-width:892px){

	#tallerespreescolar .titulomod h1{
		font-size: 2.4em;
	}

}
@media (max-width:600px){

	#tallerespreescolar .titulomod h1{
		font-size: 2.2em;
	}

}
@media (max-width:570px){

	#tallerespreescolar .titulomod h1{
		font-size: 2.1em;
	}

}




#tallerespreescolar .titulomodsub h3{
	text-align: left;
	color: #93c01f;
	font-family: 'Mystery Quest' !important;
	font-size: 30px;

}


#tallerespreescolar .titulomodsubsub h3{
	text-align: center;
	color: #93c01f;
	font-family: 'Mystery Quest' !important;
	font-size: 30px;

}


#tallerespreescolar .titulomodsub p{


}


#tallerespreescolar .titulomodeloedu h3{


}


#tallerespreescolar .titulomodeloedu p{


}



/* ====================================
	CONTACTO
==================================== */
#contactoseccion  h3{
color: #93c01f;
text-align: center;
	font-family: 'Mystery Quest' !important;
	font-size: 40px;
}


#contactoseccion .form-control{
background-color: #E6E6E6;
}



#contactoseccion{
	background: url(../imagenes/modalidades_600_500.png);
	background-attachment: fixed;
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (min-width:1400px){
	#contactoseccion{
		background: url(../imagenes/modalidades_2000_500.png);
		background-attachment: fixed;
	}
}
@media (min-width:769px){
	#contactoseccion{
		background: url(../imagenes/modalidades_1400_500.png);
		background-attachment: fixed;
	}	
}
@media (min-width:577px){
	#contactoseccion{
		background: url(../imagenes/modalidades_800_500.png);
		background-attachment: fixed;
	}	
}


.imgaminate{
	opacity: 0.2;
}










.mask a{
	   border:none !important;
}

  .view-envoltura img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;

}
  .view-envoltura .mask {
  	background: linear-gradient(90deg, rgba(31,71,147,.6) 35%, rgba(39,100,174,.6) 60%);
/*background: linear-gradient(to right, rgba(252,236,252,.6) 0%, rgba(255,124,216,.6) 100%);*/
 /* background: rgba(129,204,199,.8);*/
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;


}
  .view-envoltura h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;

}

  .view-envoltura:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;


}
  .view-envoltura:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;

}
  .view-envoltura:hover h2 {

   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;

}

  .view {
    float: left;
	border: none;
  /* border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;

 }
  .view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;

}
  .view img {
   display: block;
   position: relative;

}

 .view h2 {
   text-transform: uppercase;
   color: #93c01f;
   text-align: center;
   position: relative;
   font-size: 55px;
   padding: 10px;
	padding-top: 10%;
   background: transparent;
   margin: 20px 0 0 0;
     border:none !important;
}