/* CSS Document */

.contslider{
	width: 100%;
	/* background-color: red; FIXME_GRAFICA 
	padding-top: 5px; */
}

@media (max-width: 767px) {
	
	.contslider { padding-top: 0px; margin-top: -26px; } 
	.flex-direction-nav {
		display: none;
	} 
}

@media (min-width: 768px) and (max-width: 1199px) {
	
	.contslider { padding-top: 4px; } 
 
}

/* ---------------------------------------------- /*
 *Scroll Down
/* ---------------------------------------------- */

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 20%;
	border: 3px solid #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-left: -25px;
	display: block;
	z-index: 10;
    text-align: center;
	background: rgba(255, 255, 255, .4);
}

.scroll-down span{
    position: relative;
    color: #fff;
    -webkit-animation-name: drop;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-name: drop;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

@-webkit-keyframes drop	{
	0%   { top:-15px;  opacity: 0;}
	30%  { top:0px; opacity: 1;}
	100% { top:18px; opacity: 0;}
}

@keyframes drop	{
	0%   { top:-15px;  opacity: 0;}
	30%  { top:0px; opacity: 1;}
	100% { top:18px; opacity: 0;}
}

/* body, html  {margin:0; padding:0;width:100%;height:100%!important; overflow-x: hidden;} */
		.flexslider {
			background-color: yellow;
		}
        .flexslider, .flex-viewport {width:100%;height:100%!important; margin:0;padding:0;}
 
        .flexslider .slides     {height:100%!important;}
                .flexslider .slides li  {width:100%;height:100%!important; margin:0;padding:0;}

.flexslider .slides li  {width:100%;height:100%!important; margin:0;padding:0;
                                  -webkit-background-size: contain!important;
                                  -moz-background-size: contain!important;
                                  -o-background-size: contain!important;
                                  background-size: contain!important;
											 background-position: bottom right;
        }

@media (min-width: 768px) and (max-width: 980px) {
 
	.flex-caption h1    {font-size: 55px;}
 
	.flex-caption p     {font-size: 13px;}
	.flex-control-nav {bottom: -2px;}  
}
 
@media (max-width: 767px) {
 
	.flex-caption h1    {font-size: 35px;}
 
	.flex-caption p     {font-size: 10px;}
	.flex-control-nav {bottom: -10px;} 
}