/* Content styles */


.circuloin {
	top:10%;
	height:85%;
	width:30%;
	right:0px;
	padding:20px;
	color: #fff;	
	z-index: 3000;
	position:absolute;
	background:rgba(0,173,238,.71);
	
	border-radius: 999px 0px 0px 999px;
}
.cuadrocir{
	position:relative;
	top:20%;
	width:85%;
	left:10%;
	height:70%}
	
.circuloin .md-close {	
z-index:30055;
top:50%;
left:-3%;

}
.circuloin .texto{width:100%; height:65%; margin-top:25%; margin-left:2%; text-align:right; color:#fff}
/* Effect 3: Slide from the bottom */





/* Effect 2: Slide from the bottom */
.md-effect-2 .circuloin {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-2 .circuloin {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
}

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

.circuloin .texto{width:100%; height:60%; margin-top:15%; margin-left:2%; text-align:right; color:#fff}
}

@media screen and (max-width:767px){
.circuloin .texto{width:100%;  height:60%; margin-top:20%; margin-left:2%; text-align:right; color:#fff}
}