@charset "utf-8";
/* CSS Document */


html, body, #wrap 
{
height: 100%;
margin:0;
font-family: 'Roboto', sans-serif;
font-size:14px;
color:#666 ;
}

body > #wrap 
{
height: auto; 
min-height: 100%;

}









    .slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
.quantity {
  position: relative;
}


#nav_list_aloj ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_list_aloj ul li { display: inline-block; vertical-align:middle;}
#nav_list_aloj ul li.icon { font-size:12px;width:3%; text-align:left;}
#nav_list_aloj ul li.rest { font-size:12px;text-align:left;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}


.carrinho_barra_1 {

    padding: 5px;
        padding-right: 5px;
        padding-left: 5px;
    padding-left: 25px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: -35px;

}
.login_barra_1 {

    padding: 5px;
        padding-left: 5px;
    padding-left: 25px;
    position: absolute;
    right: 150px;
    top: -35px;
    text-transform: uppercase;

}



.article_title_1
{font-weight:bold; text-transform:uppercase; font-size:14px; margin-top:100px }

.article_title_2
{font-size:10px; font-weight:500; text-transform:uppercase; }

.article_title_3
{font-size:12px; }

.line_dotted_article
{
	width:100%; border-top:3px dotted #fff;
}

.idade_criancas_list
{
	background:#999;
	color:#FFF;
	width:94%;
	font-size:12px;
	padding:3%;
	text-align:center;
}


#main 
{

	position:relative;
	padding-bottom:250px;
	z-index:2;
	padding-top:65px;
	

}  /* deve ser a mesma altura do rodapé */

#header
{
}

#footer {
    background: #333333 none repeat scroll 0 0;
    clear: both;
    color: #fff;
    font-size: 12px;
    height: 190px;
    margin-top: -190px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 4;

}

#banner {

    position: fixed;
    width: 100%;
    z-index: 99;
    height: 114px;
    background: #FFF;

}

.info
{
	width:1200px;
	left:50%;
	margin-left:-600px;
	position:relative;
}

.info_margin100 {
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    position: absolute;
    z-index: 9999;
    top: 176px;
    text-align: center;
}
.meteo
{
	position: absolute;
width: 233px;
top: 28px;
right: 50%;
margin-right: -602px;
}
.info_margin1002 {

	width:1200px;
	left:50%;
	margin-left:-600px;
    position: absolute;
    z-index: 9999;
    top: 155px;
    text-align: center;

}
.slideshow_bg
{
	position: absolute;
	height:70vh;
	width:100%;
	background:url(imagens/bg_banner.png) no-repeat center bottom;
	z-index:2px;
	}
	
.slideshow {
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 600px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 2s;
    transition: all 2s;
}

.slideshow span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	-webkit-animation: kenBurns 9s infinite alternate linear;
	animation: kenBurns 9s infinite alternate linear
}

.slideshow .cycle-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	font-weight: 300;
	font-size: 70px;
	z-index: 101;
	text-align: right;
	color: #fff;
	  font-family: 'Special Elite', cursive;

}

.slideshow .cycle-caption b {
	display: block;
	font-weight: 800;
	font-size: 165px
}

.slideshow .cycle-caption.transition {
	-webkit-transition: all 1s;
	transition: all 1s
}

.slideshow .cycle-caption.loaded {
	opacity: 0;
	filter: alpha(opacity=0)
}

@-webkit-keyframes kenBurns {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes kenBurns {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.slideshow.loaded {
	opacity: 1;
	filter: alpha(opacity=100)
}

.slideshow.half {
	width: 45%
}


@media (max-width: 3000px) {
	.slideshow .cycle-caption {
		font-size: 40px
	}
	.slideshow .cycle-caption b {
		font-size: 90px
	}
	.conteudo .tit {
		font-size: 60px
	}
	.conteudo .tit span {
		font-size: 35px
	}
	
	.conteudo2 .tit {
		font-size: 60px
	}
	.conteudo2 .tit span {
		font-size: 35px
	}
}

	
	.slideshow .cycle-caption {
		font-size: 35px
	}
	.slideshow .cycle-caption b {
		font-size: 50px
	}







.border_dates
{
	background:#efefef;
	padding:20px;
	text-align:center;
}

.submit_mudar
{
	box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0;
padding: 0;
outline: none;
display: inline-block;
cursor: pointer;
transition: all 0.2s ease-out;
text-align: center;
background: transparent;
font-weight: 700;
padding: 5px 20px;
    padding-right: 20px;
    padding-left: 20px;
color: #333  ;
font-size: 12px;
text-transform: uppercase;
border-top: #333 1px  solid;
position: relative;
overflow: hidden;
width: 50%;
padding-right: 0;
padding-left: 0;
padding-top:15px;
}
.submit_mudar:hover
{
color: #999  ;

}




.submit_reservar
{
	box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0;
padding: 0;
outline: none;
display: inline-block;
cursor: pointer;
transition: all 0.2s ease-out;
text-align: center;
background: transparent;
font-weight: 700;
padding: 10px 20px;
    padding-right: 20px;
    padding-left: 20px;
color: #0095c9  ;
font-size: 12px;
text-transform: uppercase;
border: #0095c9   solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 1px;
position: relative;
overflow: hidden;
width: 80%;
padding-right: 0;
padding-left: 0;
}
.submit_reservar:hover
{
background: #0095c9;
color: #fff  ;

}


.submit_reservar_green
{
	box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0;
padding: 0;
outline: none;
display: inline-block;
cursor: pointer;
transition: all 0.2s ease-out;
text-align: center;
background: transparent;
font-weight: 700;
padding: 10px 20px;
    padding-right: 20px;
    padding-left: 20px;
color: #666  ;
font-size: 12px;
text-transform: uppercase;
border: #666   solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 1px;
position: relative;
overflow: hidden;
width: 80%;
padding-right: 0;
padding-left: 0;
}
.submit_reservar_green:hover
{
background: #6ac259;
border: #6ac259  1px solid;

color: #fff  ;

}

.submit_reservar_greendisable
{
	box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0;
padding: 0;
outline: none;
display: inline-block;
cursor: pointer;
transition: all 0.2s ease-out;
text-align: center;
background: transparent;
font-weight: 700;
padding: 10px 20px;
    padding-right: 20px;
    padding-left: 20px;
color: #ccc  ;
font-size: 12px;
text-transform: uppercase;
border: #ccc   solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 1px;
position: relative;
overflow: hidden;
width: 80%;
padding-right: 0;
padding-left: 0;
}
.submit_reservar_greendisable:hover
{
background: #fff;
border: #ccc  1px solid;

color: #ccc  ;

}



.submit_header
{
box-shadow: none;

text-shadow: none;

border-radius: 20px;

outline: none;

display: inline-block;

cursor: pointer;

transition: all 0.2s ease-out;

text-align: center;

background: #0095c9;

font-weight: 700;

padding: 11px 27px;

    padding-right: 27px;
    padding-left: 27px;

padding-right: 40px;

padding-left: 40px;

color: #fff;

font-size: 12px;

text-transform: uppercase;

border: 0;

    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;

border-top-width: medium;

border-right-width: medium;

border-bottom-width: medium;

border-left-width: medium;

border-width: 1px;

position: relative;

overflow: hidden;

width: 80%;

padding-right: 0;

padding-left: 0;
}
.submit_header:hover
{
background: #006487;

}


.submit_header2
{
	box-shadow: none;
text-shadow: none;
border: none;
border-radius: 40px;
padding: 0;
outline: none;
display: inline-block;
cursor: pointer;
transition: all 0.2s ease-out;
text-align: center;
background: transparent;
font-weight: 700;
padding: 15px 40px;
    padding-right: 40px;
    padding-left: 40px;
color: #CCC  ;
font-size: 14px;
text-transform: uppercase;
border: #CCC   solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 1px;
position: relative;
overflow: hidden;
width: 80%;
padding-right: 0;
padding-left: 0;
}
.submit_header2:hover
{
background: #CCC;
color: #fff  ;

}





.submit_header2
{
	box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0;
padding: 0;
outline: none;
display: inline-block;
cursor: pointer;
transition: all 0.2s ease-out;
text-align: center;
background: transparent;
font-weight: 700;
padding: 10px 20px;
    padding-right: 20px;
    padding-left: 20px;
color: #666  ;
font-size: 18px;
text-transform: uppercase;
border: #666   solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 1px;
position: relative;
overflow: hidden;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.submit_header2:hover
{
background: #666;
color: #fff  ;

}








.caixamenu
{
    position: absolute;
    visibility: visible;
    width: 80%;
	top:-5px;
	left:200px;
	
}

.caixamenu2
{
	display:none;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.logo {

    position: absolute;
    top: -45px;
    left: 0;
    z-index: 99;

}

.frame {

    height: 350px;
    width: 100%;
    white-space: nowrap;
    min-height: 350px;
    overflow: hidden;
    text-align: center;
    margin: 1em 0;

}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame img {

    vertical-align: middle;
    min-height: 100vh;
    min-width: 100%;
    margin-top: -15%;

}

.frame2 {
    height: 500px;      /* equals max image height */
    width: 100%;
    white-space: nowrap;    min-height: 100px;
overflow:hidden;
    
    text-align: center; margin: 1em 0;
}

.helper2 {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame2 img {

    vertical-align: middle;
    min-height: 608px;
    min-width: 100%;
    width: auto;
    margin-top: -15%;

}



a:link {
	color: #666;
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;	
}
a:visited {
	color: #666;
	text-decoration:none;
}
a:hover {
	color: #00a3e3;
	text-decoration:none;
}
a:active {
	color: #666;
	text-decoration:none;
}



a.complete:link {
	color: #333;
	text-decoration:none;
			-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
}
a.complete:visited {
	color: #333;
	text-decoration:none;
}
a.complete:hover {
	color: #fff;
	text-decoration:none;
}
a.complete:active {
	color: #333;
	text-decoration:none;
}



a.menu_resp:link {
	color: #fff;
	text-decoration:none;
			-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
	text-transform: uppercase;
	font-size:12px;
}
a.menu_resp:visited {
	color: #fff;
	text-decoration:none;
			-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
	text-transform: uppercase;
}
a.menu_resp:hover {
	color: #fff;
	text-decoration:none;
			-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
	text-transform: uppercase;
}
a.menu_resp:active {
	color: #fff;
	text-decoration:none;
			-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
	text-transform: uppercase;
}



a.footer:link {
	color: #fff;
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	font-weight:bold; font-size:12px;
}
a.footer:visited {
	color: #fff;
	text-decoration:none;	font-weight:bold;	

}
a.footer:hover {
	color: #8ec045;
	text-decoration:none;	font-weight:bold;	

}
a.footer:active {
	color: #fff;
	text-decoration:none;	font-weight:bold;	

}


.imagem_crop {

    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 277px;
    position: relative;
    border-radius: 5px;

}

.text_crop {
    padding: 10px;
    position: absolute;
    margin-top: -238px;
    color: #FFF;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    width: 23%;
    height: 251px;pointer-events:none
}


.text_crop_content {
  position: absolute;
  bottom: 10px;
  left: 10px; width:100%;
}


.text_crop2 {
    padding: 1%;
    position: absolute;
    margin-top: -277px;
    color: #FFF;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    width: 32%;
	height: 277px;
}



    .card {
        position: relative;
        display: inline-block;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    #nav_col_2_reserva2 li:hover .img-top {
        display: inline;
    }


.barra_azul
{
width: 100%;
background: rgb(255,255,255,0.8);

box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.5);
}

.barra_azul2
{
width: 60%;
background: #0095c9;
padding-bottom:30px;
padding-top:30px;
font-size:24px; text-align:center;
font-weight:bold;
padding-left:20%; padding-right:20%; color:#FFF;
}




.barra_verde
{
	width:98%; background:#fff; border:1px solid #ccc; padding:1%;
}

.desde
{
padding:10px; position:absolute; margin-top:-83px; background:#8ec045; color:#FFF; text-align:center; font-size:10px;
}

.desde2
{
	border-radius: 0px 5px 0px 5px; padding:10px; position:absolute; margin-top:-59px; background:#8ec045; color:#FFF; text-align:center; font-size:10px;
}

.desde3
{
	padding:10px;  background:#8ec045; color:#FFF; text-align:center; font-size:28px;
}

.voucher {
    position: relative;
    width: 100%;
    background-color: #1ea2dc;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #FFF;
    
	text-align:center;
	cursor:pointer;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.voucher:hover {

    background-color: #333;

}



.status
{
    background: #00a3e3 none repeat scroll 0 0;
    border-radius: 0 0 5px;
    color: #fff;
    font-size: 10px;
    margin-top: 0;
    padding: 7px;
    position: absolute;
    text-align: center;
	z-index:999;
	}
	    #map {
        height: 400px;
        width: 100%;
       }
.status2
{
    background: #00a3e3 none repeat scroll 0 0;
    border-radius: 0 0 5px;
    color: #fff;
    font-size: 12px;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
	z-index:999;
}

.status_artigo
{
    background: #00a3e3 none repeat scroll 0 0;
    border-radius: 0 0 5px;
    color: #fff;
    font-size: 10px;
    margin-top: 0;
    padding: 7px;
    position: absolute;
    text-align: center;
	z-index:999;
	}





div.outer {
    width:100%;
    height:248px;
    overflow:hidden;
	position:relative;
	top:0;
	z-index:1;
}
div.outer img {
    min-height: 248px;
    min-width: 1920px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.login {
background: #0095c9 url("imagens/login.jpg") no-repeat scroll center center;
padding: 23px 23px 25px;
position: absolute;
right: 155px;
top: 13px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;

  }
  
.login:hover {
opacity:0.7;
}


.shop {
background: #8ec045 url("imagens/shop.jpg") no-repeat scroll LEFT center;
padding: 17px 15px 17px 39px;
position: absolute;
right: 0;
top: 13px;
color: #FFF;
font-size: 11px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;

}

.shop:hover {
opacity:0.7;
}

.shop2 {
display:none

}

.shop2:hover {
opacity:0.7;
}

#nav_pesquisa_dobro ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_pesquisa_dobro ul li.left { width:47.5%; margin-right:5%; font-size:14px; color:#666; display:inline-table; vertical-align:middle}
#nav_pesquisa_dobro ul li.right { width:47.5%; font-size:14px; color:#666; display:inline-table; vertical-align:middle}




#nav_alojamento_quarto ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_alojamento_quarto ul li.descricao_quarto { width:60%; font-size:14px; color:#666; display:inline-table; vertical-align:middle}
#nav_alojamento_quarto ul li.quarto_preco { width:40%; font-size:14px; background:#d6e6ec;display:inline-table; text-align:center; vertical-align:middle}

#nav_header ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0; width:85%; padding-left:15%;}
#nav_header ul li { width:50%; font-size:14px; display:inline-table; vertical-align:middle;}




#nav_alojamento_quarto2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_alojamento_quarto2 ul li.descricao_quarto2 { width:25%; font-size:12px; color:#666; display:inline-table;}
#nav_alojamento_quarto2 ul li.quarto_preco2 { width:28%; font-size:12px; display:inline-table; color:#333; text-align:center;}
#nav_alojamento_quarto2 ul li.quarto_preco3 { width:45%; font-size:12px; display:inline-table; color:#333; text-align:center;}

#nav_container_header-shop ul { margin: 0;padding: 0;list-style-type: none; position:relative; width:100%;border:1px solid #CCC; }
#nav_container_header-shop ul li { display: inline-block;  vertical-align:middle; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; padding:2%;}
#nav_container_header-shop ul li.col_1 { width:3%; }
#nav_container_header-shop ul li.col_2 { width:17%; }
#nav_container_header-shop ul li.col_2 img { width:100%; }

#nav_container_header-shop ul li.col_3 { width:25%; }
#nav_container_header-shop ul li.col_4 { width:20%; }
#nav_container_header-shop ul li.col_5 { width:20%; }

#nav_home_barra_azul ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_home_barra_azul ul li { display: inline-block; vertical-align:middle;}
#nav_home_barra_azul ul li.text { font-size:34px;width:20%; text-align:left; padding-left:30px;}
#nav_home_barra_azul ul li.border { font-size:34px;width:5%; text-align:center;}
#nav_home_barra_azul ul li.icon { font-size:14px;width:15%; padding-bottom:30px; padding-top:30px; text-align:center; background:#00a3e3;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}
#nav_home_barra_azul ul li.icon:hover {  background:#8ec045;}


#nav_home_barra_azul2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_home_barra_azul2 ul li { display: inline-block; vertical-align:middle;}
#nav_home_barra_azul2 ul li.text { font-size:18px;width:20%; text-align:left;}
#nav_home_barra_azul2 ul li.border { font-size:34px;width:5%; text-align:center; font-style:normal; font-weight:300;}
#nav_home_barra_azul2 ul li.feedback { font-size: 14px;

width: 40%;
padding: 3%;
text-align: center;}
#nav_home_barra_azul2 ul li.feedback2 { font-size: 14px;

width: 21%;

text-align: CENTER;

padding: 3%;}
#nav_home_barra_azul2 ul li.feedback3 { font-size:14px;width:100%;  text-align:center;}
#nav_home_barra_azul2 ul li.feedback4 { font-size:14px;width:57%;  text-align:center;}
#nav_home_barra_azul2 ul li.feedback5 { display:none}

#nav_home_barra_azul3 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_home_barra_azul3 ul li { display: inline-block; vertical-align:top;}
#nav_home_barra_azul3 ul li.text2 { font-size:11px;width:19.5%; padding-bottom:20px; padding-top:20px; padding-left:2%; text-align:left;}


.hover_img_act {

    height: 350px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-left: -50%;	opacity:0.8;


}

.hover_img_act:hover
{
	opacity:0.6;
}


#nav_col_2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2 ul li.col1 { display: inline-block; vertical-align:top; font-size:14px; width:60%; margin-right:5%; text-align:left;}
#nav_col_2 ul li.col2 { display: inline-block; vertical-align:top; font-size:14px; width:35%; text-align:left;}

#nav_col_2_b ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_b ul li.col3 { display: inline-block; vertical-align:top; font-size:14px; width:43%; margin-right:5%; text-align:left;border-radius: 20px;}
#nav_col_2_b ul li.col4 { display: inline-block; vertical-align:top; font-size:14px; width:50%; text-align:left;border-radius: 20px;}

#nav_col_2_b_shop ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_b_shop ul li.one { display: inline-block; vertical-align:middle; font-size:14px; width:45%; margin-right:5%; text-align:left;}
#nav_col_2_b_shop ul li.two { display: inline-block; vertical-align:middle; font-size:14px; width:42%; text-align:left;}
#nav_col_2_b_shop ul li.three { display: inline-block; vertical-align:middle; font-size:14px; width:5%; margin-right:3%; text-align:left;}


#nav_col_2_c ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_c ul li.col5 { display: inline-block; vertical-align:middle; font-size:14px; width:30%; margin-right:5%; text-align:left;}
#nav_col_2_c ul li.col6 { display: inline-block; vertical-align:middle; font-size:14px; width:65%; text-align:left;}

#nav_col_2_d ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:25%; background: #f9f9f9;
border: 2px solid #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
border-bottom: 2px solid #7d7d7d; margin-right:5%; text-align:left;}
#nav_col_2_d ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:69%; margin-right:0; text-align:left;}
#nav_col_2_d ul li.col9 { display: inline-block; vertical-align:middle; font-size:14px; width:31%; text-align:left;}
#nav_col_2_d ul li.col10 { display: inline-block; vertical-align:middle; font-size:14px; width:30%; text-align:left; background:#efefef}

#nav_col_2_d22 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d22 ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:33%; background: #f9f9f9;
border: 2px solid #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
border-bottom: 2px solid #7d7d7d; margin-right:5%; text-align:left;}
#nav_col_2_d22 ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:75%; margin-right:0; text-align:left;}


#nav_col_2_d222 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d222 ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:33%; background: #f9f9f9;
border: 2px solid #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
border-bottom: 2px solid #7d7d7d; margin-right:5%; text-align:left;}
#nav_col_2_d222 ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:55%; margin-right:0; text-align:left;}




#nav_blog ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_blog ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:25%; background: #f9f9f9; margin-right:5%; text-align:left;position: -webkit-sticky; /* Safari */  position: sticky;}
#nav_blog ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:70%; margin-right:0; text-align:left;}





#nav_pag_ac ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_pag_ac ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:25%; background: #f9f9f9; margin-right:5%; text-align:left;}
#nav_pag_ac ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:70%; margin-right:0; text-align:left;}


.bottomMenu {
    position: relative;
    top: auto;
    width: 100%;
    background: #efefef;
    border-radius: 20px;
    padding: 20px;
    z-index: 1;
    left: auto;
    width: 100%;
}


#nav_col_2_d ul2 { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d ul2 li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:30%; margin-right:5%; text-align:left;}
#nav_col_2_d ul2 li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:65%; text-align:left;}


#nav_col_2_regiao ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_regiao ul li.regiao1 { border-bottom:0 ;margin-left:0; display: inline-block; vertical-align:middle; font-size:14px; width:32%; margin-right:5%; text-align:left;}
#nav_col_2_regiao ul li.regiao2 { border-bottom:0 ; margin-left:0; display: inline-block; vertical-align:middle; font-size:14px; width:50%; text-align:left;}
#nav_col_2_regiao ul li.regiao2:hover { border-bottom:0}
#nav_col_2_regiao ul li.regiao1:hover { border-bottom:0}


#nav_col_3 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_3 ul li { display: inline-block; vertical-align:top; font-size:14px; width:33%; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_3 ul li img { border-bottom:5px solid #8ec045; border-radius:0px 0px 5px 5px;}
#nav_col_3 ul li:hover { opacity:0.8;}

#nav_col_3_b ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_3_b ul li.footer1 { display: inline-block; vertical-align:middle; font-size:14px; width:20%; text-align:left;  color:#fff;}
#nav_col_3_b ul li.footer2 { display: inline-block; vertical-align:middle; font-size:14px; width:30%; text-align:left;  color:#fff;}
#nav_col_3_b ul li.footer3 { display: inline-block; vertical-align:middle; font-size:14px; width:20%; text-align:left; fcolor:#fff;}
#nav_col_3_b ul li.footer4 { display: inline-block; vertical-align:middle; font-size:14px; width:30%; text-align:right; fcolor:#fff;}


#nav_col_1 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_1 ul li.compelte { border-radius:0; display: inline-block; vertical-align:top; font-size:14px; width:100%;     background: #f9f9f9;
    border-bottom: 2px solid #dcdcdc; margin-bottom:15px; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_1 ul li.compelte:hover {background:#7d7d7d; color:#FFF; }

#nav_col_2_reserva ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva ul li { border-radius: 0 0 0;

min-height: 400px;

margin-right: 1%;

display: inline-block;

vertical-align: top;

font-size: 14px;

width: 23%;

padding: 0;

background: #f9f9f9;

margin-bottom: 10px;

text-align: left;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;}
#nav_col_2_reserva ul li img {  border-radius:0px 0px 5px 5px;}

#nav_col_2_reserva2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva2 ul li { border-radius: 5px;
height: 271px;
margin-right: 1%;
display: inline-block;
vertical-align: top;
font-size: 14px;
width: 24%;
padding: 0%;
background: #333;
margin-bottom: 10px;
text-align: left;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
overflow: hidden;
border-radius: 20px;}
#nav_col_2_reserva2 ul li:hover {}
#nav_col_2_reserva2 ul li:hover > a.submit_header {
background: #0095c9;
color: #fff  ;
}








#nav_col_2_reserva333 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva333 ul li { border-radius: 5px;
height: 271px;
margin-right: 1%;
display: inline-block;
vertical-align: top;
font-size: 14px;
width: 32%;
padding: 0%;
background: #333;
margin-bottom: 10px;
text-align: left;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
overflow: hidden;
border-radius: 5px;}
#nav_col_2_reserva333 ul li:hover {}
#nav_col_2_reserva333 ul li:hover > a.submit_header {
   background: #0095c9;
color: #fff  ;
}
#nav_col_2_reserva333 ul li img {  border-radius:0px 0px 0;}





#nav_col_1_horizontal ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_1_horizontal ul li { border-radius: 5px; height: 200px;margin-bottom: 5px;display: inline-block;vertical-align: top;font-size: 14px;width: 100%;padding: 0%;background: #efefef;
margin-bottom: 10px;text-align: left;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
overflow: hidden;border-radius: 5px;}

#nav_col_1_horizontal ul li img {  border-radius:0px 0px 0;}



.imagem_crop_horizontal {
    width: 40%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 200px;
    position: relative;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hover_img_act_horizontal {
    height: 225px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
}
.hover_img_act_horizontal:hover
{
	opacity:0.6;
}

.text_crop_horizontal {
    padding: 1%;
    position: absolute;
    margin-top: -200px;
    width: 57%;
    height: 200px;
    margin-left: 41%;
}








#nav_col_2_reserva_open_aloj ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva_open_aloj ul li { border-radius:0 0 0; min-height:400px; margin-right:1%; display: inline-block; vertical-align:top; font-size:14px; width:29%; padding:1%; background:#f9f9f9; border:2px solid #fff; border-bottom:2px solid #7d7d7d; margin-bottom:10px; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_2_reserva_open_aloj ul li:hover {border:2px solid #7d7d7d; border-bottom:2px solid #7d7d7d;}
#nav_col_2_reserva_open_aloj ul li img {  border-radius:0px 0px 0;}
#nav_col_2_reserva_open_aloj ul li:hover > a.submit_header {
   background: #0095c9;
color: #fff  ;
}

#nav_col_2_REGIAO_OTHER ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_REGIAO_OTHER ul li { border-radius:0 0 0;  margin-left:10%; display: inline-block; vertical-align:top; font-size:14px; width:80%; padding:1%; background:#f9f9f9; border-bottom:2px solid #dcdcdc; margin-bottom:10px; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_2_REGIAO_OTHER ul li:hover {border-bottom:2px solid #8ec045 ;  }
#nav_col_2_REGIAO_OTHER ul li img {  border-radius:0px 0px 0;}






#nav_col_2_reserva3 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva3 ul li { border-radius:0 0 0; margin-right:1%; display: inline-block; vertical-align:top; font-size:14px; width:30%; padding:1%; background:#f9f9f9; border-bottom:2px solid #dcdcdc; margin-bottom:5px; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_2_reserva3 ul li:hover {background:#7d7d7d; color:#FFF; }
#nav_col_2_reserva3 ul li img { bborder-radius:0px 0px 0px;}



#nav_col_price ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_price ul li { display: inline-block; vertical-align:middle; font-size:14px; width:33%; margin-right:0; text-align:center;}


#nav_col_help ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_help ul li.icon { display: inline-block; vertical-align:middle; font-size:14px; width:20%; margin-right:5%; text-align:left;}
#nav_col_help ul li.text { display: inline-block; vertical-align:middle; font-size:14px; width:75%; margin-right:0; text-align:left;}

#nav_col_6 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_6 ul li { display: inline-block; vertical-align:middle; font-size:14px; width:10%; margin-right:0; text-align:center;}

.icon_shop
{
	border-radius:50%; width:20px; height:20px; background:#efefef; border:3px solid #8ec045; position:relative; left:50%; margin-left:-10px;
}

.icon_shop_complete
{
	border-radius:50%; width:20px; height:20px; background:#8ec045; border:3px solid #8ec045; position:relative; left:50%; margin-left:-10px;
}

.icon_shop_active
{
	border-radius:50%; width:20px; height:20px; background:#00a3e3; border:3px solid #00a3e3; position:relative; left:50%; margin-left:-10px;
}

.container_pag{
  display: block;
  position: relative;
  margin: 0 auto;
  height: auto;
  width: 100%;
  padding: 0;
}

h2 {
	color: #AAAAAA;
}

.container_pag ul{
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
}

ul li.pag{
  color: #333;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  text-align:center;
}

ul li.pag label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  margin:68px 0px 0px 10px;
  height: auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  
}

ul li.pag:hover label{
	color: #8ec045;
}

ul li.pag .check{
  display: block;
  position: absolute;
  border: 5px solid #333;
  border-radius: 100%;
  height: 35px;
  width:35px;
  top: 50px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
	left:50%;
	margin-left:-17px;
	z-index:99;
}

ul li.pag:hover .check {
  border: 5px solid #8ec045;
}

ul li.pag .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #8ec045;
}

input[type=radio]:checked ~ .check::before{
  background: #8ec045;
}

input[type=radio]:checked ~ label{
  color: #fff;
}



.menu_area
{
	background:#00a3e3; color:#FFF;
	-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
	padding:20px;
	text-align:center;
}

.menu_area:hover
{
	background:#8ec045; 
}
	

.quarto
{
	padding:10px 10px 15px 50px; background:#FFF url(imagens/time.png) no-repeat left top; border-bottom:3px solid #00a3e3; color:#999; margin-bottom:5px;font-weight:300;	-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;

}



.quarto2
{
	border:1px solid #CCC;  margin-top:10px;

}

.quarto3
{
	position:relative; 
	background:#efefef;
	border-bottom:1px solid #FFF;

}
.tabs-wrap {
	margin-top: 40px;
}
.tab-content .tab-pane {
	padding: 20px 0;
}


.caixa_texto
{
	padding:10px;
	color:#333;
	border:1px solid #CCC;
	width:80%;
	border-radius:5px;
}

.loader {
    border: 16px solid #00a3e3; /* Light grey */
    border-top: 16px solid #8ec045; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
	position:fixed;
	left:50%;
	margin-left:-30px;
	top:50%;
	margin-top:-30px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.title {

    font-size: 22px;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;

}


.title2
{
	font-size:22px;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-weight:400;
	font-style:italic;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
	
}


.title_inside {

    font-size: 37px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    text-align: left;
    margin-bottom: 0px;
    margin-top: -200px;
    z-index: 999;
    position: relative;
    color: #FFF;
    padding-bottom: 60px;
    padding-top: 53px;
    -webkit-box-shadow: inset 0px -83px 65px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -83px 65px -15px rgba(0,0,0,0.75);
    box-shadow: inset 0px -83px 65px -15px rgba(0,0,0,0.75);

}

.right_box {

    position: fixed;
    top: 114px;
    z-index: 9999;
    width: 400px;
    background: #0095c9;
    padding-bottom: 10px;
    box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);
    rigth: 0;
    right: 0;
    height: calc(100% - 125px);
    overflow-y: scroll;

}


.slider1
{
	display:block;
}


		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 15px 15px;
			cursor: pointer;
			font-size:12px;
			text-transform:uppercase;
		}

		ul.tabs li.current{
			background: #ddd;
			color: #222;
		}

		.tabs-content{
			display: none;
			background: #ddd;
			padding: 50px;
			font-size:10px;
			width:85%;
		}

		.tabs-content.current{
			display: inherit;
		}
		
		
		
		ul.tabs2{
margin: 0px;

padding: 0px;

list-style: none;

font-size: 0;
		}
		ul.tabs2 li{
color: #888;

display: inline-table;

cursor: pointer;

font-size: 12px;

text-transform: uppercase;

width: 46%;

text-align: center;

padding: 2%;
		}

		ul.tabs2 li.current{
			background: #fff;
			color: #333;
		}

		.tabs2-content{
display: none;

background: #fff;

padding: 1%;

font-size: 10px;

width: 98%;
		}

		.tabs2-content.current{
			display: inherit;
		}		
		






		ul.tabs3{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs3 li{
			background: #999;
			color: #fff;
			display: inline-block;
			padding: 15px 15px;
			cursor: pointer;
			font-size:12px;
			text-transform:uppercase;
		}

		ul.tabs3 li.current{
			background: #fff;
			color: #333;
		}

		.tabs3-content{
			display: none;
			background: #fff;
			padding: 0;
		}

		.tabs3-content.current{
			display: inherit;
		}		
				
		



@media screen and (max-width: 1200px) {

.info
{
	width:90%;
	left:5%;
	margin-left:0;
	position:relative;
}

.info_margin1002 {

	width:90%;
	left:5%;
	margin-left:0;
    position: absolute;
    z-index: 9999;
    top: 155px;
    text-align: center;

}
.info_margin100 {
    width: 90%;
    left: 5%;
    margin-left: 0;
    position: absolute;
    z-index: 9999;
    top: 176px;
    text-align: center;
}
.title_barra
{
	font-size:20px;
}

.meteo{
	display:none;
}

}




@media screen and (max-width: 1100px) {

#nav_col_2_reserva2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva2 ul li { border-radius: 5px;

height: 271px;

margin-right: 1%;

display: inline-block;

vertical-align: top;

font-size: 14px;

width: 32%;

padding: 0%;

background: #333;

margin-bottom: 10px;

text-align: left;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

overflow: hidden;

border-radius: 5px;}
#nav_col_2_reserva2 ul li:hover {}
#nav_col_2_reserva2 ul li:hover > a.submit_header {
   background: #0095c9;
color: #fff  ;
}

#nav_col_2_reserva2 ul li img {  border-radius:0px 0px 0;}




}





@media screen and (max-width: 900px) {
	
.slideshow.loaded {

    opacity: 1;
    filter: alpha(opacity=100);
    height: 500px;

}
	
	#nav_blog ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_blog ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; background: #f9f9f9; margin-right:0%; text-align:left;}
#nav_blog ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; margin-right:0; text-align:left;}


	
.barra_azul
{
display:none;
}	
	


}

.descricao
{
	display:block;
	font-size:10px;
}

.item2
{
	display:none;
}

.slider2
{
	display:none
}

.mobile_nav
{
	display:none;
}

.carrinho_barra_mobile
{
	display:none;
}
.login_barra_mobile
{
	display:none;
}

.mobile_pc
{
	display:block;
}
.title_barra {
    font-size: 40px;
    color: #FFF;
    text-align: left;
    margin-bottom: 20px;
    font-weight: bold;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    border-left: 6px solid #00a3e3;
    padding-left: 30px;
    text-transform: uppercase;
    width: 50%;
    margin-top: 29px;
    line-height: 41px;
}

	.pikachoose_mobile
	{
display:none;
	}


.slidingDiv2 {

    position: relative;
    width: auto;
    height: auto;
    background-color:none;
    z-index: 998;
    left: auto;
    top: auto;

}


.menu_mobile
{
	display:none;
}

.menu_mobile_current
{
	display:none;
}

.menu_regiao {

    width: 16.5%;
    color: #00a3e3;
    display: inline-table;
    position: relative;
    top: 0px;
    font-size: 13px;
    text-align: center;
    margin-left: -1.3%;
    border-bottom: 2px solid #008dc5;
    padding: 2%;
    height: 97px;

}





.header_top
{
	display:block;
}






@media screen and (max-width: 795px) {
	.header_top
{
	display:none;
}
.menu_regiao {
      width: 48%;
    color: #00a3e3;
    display: inline-table;
    position: relative;
    top: 0px;
    font-size: 13px;
    text-align: center;
    margin-left: -1.3%;
    border-bottom: 2px solid #008dc5;
    padding: 1%;
    height: 97px;
}
	
	
	
#nav_col_2_reserva333 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva333 ul li { border-radius: 5px;
height: 271px;
margin-right: 0%;
display: inline-block;
vertical-align: top;
font-size: 14px;
width: 100%;
padding: 0%;
background: #333;
margin-bottom: 10px;
text-align: left;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
overflow: hidden;
border-radius: 5px;}
#nav_col_2_reserva333 ul li:hover {}
#nav_col_2_reserva333 ul li:hover > a.submit_header {
   background: #0095c9;
color: #fff  ;
}
#nav_col_2_reserva333 ul li img {  border-radius:0px 0px 0;}
	
	
	
.div_menu_resp {

    width: 34%;
    border: 1px solid #FFF;
    display: inline-table;
    padding: 20px;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;

}
	
	
	
.menu_mobile {

    width: 34%;
    background: #fff;
    color: #00a3e3;
    display: inline-table;
    position: relative;
    top: 39px;
    font-size: 0;
    text-align: center;
    margin-left: -1.3%;
    border-bottom: 2px solid #008dc5;

}
.menu_mobile_current {

    width: 34%;
    background: #008dc5;
    color: #fff;
    display: inline-table;
    position: relative;
    top: 39px;
    font-size: 0;
    text-align: center;
    margin-left: -1.3%;
    border-bottom: 2px solid #008dc5;

}

.imagem_crop_horizontal {

    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 200px;
    position: relative;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

.text_crop_horizontal {

    padding: 2%;
    position: relative;
    margin-top: auto;
    width: 96%;
    height: auto;
    margin-left: 0;

}
#nav_col_1_horizontal ul li {

    border-radius: 5px;
    height: auto;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 100%;
    padding: 0%;
    background: #efefef;
    margin-bottom: 10px;
    text-align: left;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    border-radius: 5px;

}
	
	
#nav_col_2_d ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:16%; background: #f9f9f9;
border: 2px solid #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
border-bottom: 2px solid #7d7d7d; margin-right:5%; text-align:left;}
#nav_col_2_d ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:81%; margin-right:0; text-align:left;}
#nav_col_2_d ul li.col9 {

    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 74%;
    text-align: left;
    margin-left: 9%;

}
#nav_col_2_d ul li.col10 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; text-align:left; background:#efefef}	
	
	
	.pikachoose
	{
		display:none;
	}
	
	
	.pikachoose_mobile
	{
		width:100%;
		display:block;
	}
	
.filtrar_mobile {

    padding: 20px;
    color: #FFF;
    background: #90be4d;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: auto;
    position: fixed;


}
.title_barra {
    font-size: 26px;
    color: #FFF;
    text-align: left;
    margin-bottom: 20px;
    font-weight: bold;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    border-left: 6px solid #00a3e3;
    padding-left: 30px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 29px;
    line-height: 30px;
}
.mobile_pc
{
	display:none;
}



.carrinho_barra_mobile
{
display: block;
position: fixed;
top: 0;
right: 57px;
padding: 21px;
color: #FFF;
}
.login_barra_mobile {

    display: block;
    position: fixed;
    top: 0;
    right: 60px;
    padding: 21px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 9999;

}






	
.mobile_nav
{
	display:block; background:#00a3e3; height:60px; position:fixed; top:0; left:0; width:100%;z-index: 98;
}	
	
	
.right_box {

    position: relative;
    top: auto;
    z-index: 9999;
    width: 100%;
    background: #0095c9;
    padding-bottom: 10px;
    box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);
    rigth: 0;
    right: 0;
    height: calc(100% - 124px);
    overflow-y: scroll;
    left: 0;

}
#nav_col_2_d22 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d22 ul li.col7 { vertical-align:middle; font-size:14px; width:100%; background: #f9f9f9;
border: 2px solid #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
border-bottom: 2px solid #7d7d7d; margin-right:5%; text-align:left; margin-bottom:20px;}
#nav_col_2_d22 ul li.col8 { vertical-align:middle; font-size:14px; width:100%; margin-right:0; text-align:left; }	

#nav_col_2_d222 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d222 ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; background: #f9f9f9;
border: 2px solid #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
border-bottom: 2px solid #7d7d7d; margin-right:0%; text-align:left;}
#nav_col_2_d222 ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; margin-right:0; text-align:left;}




.frame2 {
    height: auto;      /* equals max image height */
    width: 100%;
    white-space: nowrap;    
	min-height: auto;
	overflow:hidden;
    
    text-align: center; margin:  0;
}

.helper2 {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame2 img {

    vertical-align: middle;
    min-height: auto;
    max-width: 100%;
    margin-top: 58px;
    width: auto;

}
.title_inside {

    font-size: 22px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    text-align: left;
    margin-bottom: 0px;
    margin-top: -200px;
    z-index: 999;
    position: relative;
    color: #FFF;
    -webkit-box-shadow: inset 0px -83px 65px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -83px 65px -15px rgba(0,0,0,0.75);
    box-shadow: inset 0px -83px 65px -15px rgba(0,0,0,0.75);
    padding-top: 74px;

}
.carrinho_barra_1
{
padding: 5px;
    padding-right: 5px;
    padding-left: 5px;
padding-left: 25px;
background: url(imagens/carrinho.jpg) no-repeat center left;
padding-right: 20px;
position: absolute;
right: 0;
top: 40px;}
.login_barra_1
{
padding: 5px;
    padding-left: 5px;
padding-left: 25px;
background: url(imagens/login.jpg) no-repeat center left;
position: absolute;
right: 15px;
top: 7px;
text-transform: uppercase;}

.frame {

    height: 300px;
    width: 100%;
    white-space: nowrap;
    min-height: 100px;
    overflow: hidden;
    text-align: center;
    margin: 0;

}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame img {
    vertical-align: middle;
    height: 300px;
    min-width: 100%;
	width:auto;
	margin-top:-15%;
}
.slider1
{
	display:none;
}

.slider2
{
	display:block;
	height:auto;
	width:100%;
	overflow:hidden;
	top:0
}



.slider2 img {

    width: 200%;
    height: auto;
    margin-left: -50%;

}





.item2
{
	display:block;
}
.item
{
	display:none;
}




.text_crop2 {

    padding: 1%;
    position: absolute;
    margin-top: -277px;
    color: #FFF;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    width: 100%;
    height: 277px;

}
.slidingDiv {

    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #00a3e3;
    z-index: 998;
    left: 0;
    top: 60px;

}

.slidingDiv2 {

    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0,0.8);
    z-index: 998;
    left: 0;
    top: 60px;

}


#nav_home_barra_azul2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0; }
#nav_home_barra_azul2 ul li { display: inline-block; vertical-align:middle;}
#nav_home_barra_azul2 ul li.text { font-size:34px;width:90%; padding:5%; text-align:center;}
#nav_home_barra_azul2 ul li.border { display:none}
#nav_home_barra_azul2 ul li.feedback { font-size:14px;width:100%; padding:2%; text-align:center;}
#nav_home_barra_azul2 ul li.feedback2 {

    font-size: 14px;
    width: 38%;
    padding: 6%;
    text-align: center;

}
#nav_home_barra_azul2 ul li.feedback3 { font-size:14px;width:100%; padding:2%; text-align:center;}
#nav_home_barra_azul2 ul li.feedback4 { display:none}
#nav_home_barra_azul2 ul li.feedback5 { display:block; font-size:14px;width:100%; padding:2%; text-align:center;}

#nav_col_3 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_3 ul li { display: inline-block; vertical-align:top; font-size:14px; width:100%; margin-bottom:20px; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_3 ul li img { border-bottom:5px solid #8ec045; border-radius:0px 0px 5px 5px;}
#nav_col_3 ul li:hover { opacity:0.8;}

#nav_col_2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2 ul li.col1 { display: inline-block; vertical-align:top; font-size:14px; width:100%; margin-right:0%; text-align:left;}
#nav_col_2 ul li.col2 { display: inline-block; vertical-align:top; font-size:14px; width:100%; text-align:left;}

#nav_col_2_b ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_b ul li.col3 { display: inline-block; vertical-align:top; font-size:14px; width:100%; margin-right:0%; text-align:left; margin-bottom:10px;}
#nav_col_2_b ul li.col4 { display: inline-block; vertical-align:top; font-size:14px; width:100%; text-align:left;}

#nav_col_3_b ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_3_b ul li.footer1 { display: inline-block; vertical-align:middle; font-size:14px; width:30%; text-align:left; color:#fff;}
#nav_col_3_b ul li.footer1 img {  width:70%; }

#nav_col_3_b ul li.footer2 { display: inline-block; vertical-align:middle; font-size:12px; width:70%; text-align:left;  color:#fff; margin-bottom:20px;}
#nav_col_3_b ul li.footer3 { display: inline-block; vertical-align:middle; font-size:12px; width:100%; text-align:center; color:#fff; margin-bottom:20px;}

#nav_col_2_d ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; margin-right:0%; text-align:left;}
#nav_col_2_d ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; text-align:left; padding:10px;}

#nav_col_2_d2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_d2 ul li.col7 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; margin-right:0%; text-align:left; margin-bottom:10px;}
#nav_col_2_d2 ul li.col8 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; text-align:left; padding:10px;}

#nav_col_1 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_1 ul li.compelte { border-radius:0 0 5px 5px; display: inline-block; vertical-align:top; font-size:14px; width:48%; margin-right:2%; background:#f9f9f9; border-bottom:5px solid #8ec045; margin-bottom:5px; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_1 ul li.compelte:hover {background:#8ec045; color:#FFF; }

#nav_home_barra_azul3 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_home_barra_azul3 ul li { display: inline-block; vertical-align:top;}
#nav_home_barra_azul3 ul li.text2 { font-size:11px;width:100%; padding-bottom:10px; padding-top:10px; padding-left:2%; text-align:left;}


#nav_col_2_reserva ul li img {  border-radius:0px 0px 5px 5px;}

#nav_col_2_reserva2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva2 ul li { border-radius: 5px;

height: 271px;

margin-right: 0%;

display: inline-block;

vertical-align: top;

font-size: 14px;

width: 100%;

padding: 0%;

background: #333;

margin-bottom: 10px;

text-align: left;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

overflow: hidden;

border-radius: 5px;}
#nav_col_2_reserva2 ul li:hover {}
#nav_col_2_reserva2 ul li:hover > a.submit_header {
   background: #0095c9;
color: #fff  ;
}

#nav_col_2_reserva2 ul li img {  border-radius:0px 0px 0;}

.text_desc
{
	display:none;
}

.extras
{
	display:none;
}
.text_crop {

    padding: 10px;
    position: absolute;
    margin-top: -277px;
    color: #FFF;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
    width: 100%;
    height: 251px;

}

.logo {

    left: -8px;
    margin-left: 0;
    position: fixed;
    top: -6px;
    z-index: 99;
	width:90px;

}


.logo img
{
	max-width:80%;
}

.info {

    width: 90%;
    left: 0;
    margin-left: 0;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;

}

#nav_pesquisa_dobro ul li.left {

    width: 100%;
    margin-right: 0;
    font-size: 14px;
    color: #666;
    display: inline-table;
    vertical-align: middle;

}

#nav_pesquisa_dobro ul li.right {

    width: 100%;
    font-size: 14px;
    color: #666;
    display: inline-table;
    vertical-align: middle;

}


.caixamenu
{
	display:none;
	
}

.caixamenu_d
{
	display:none;
	
}

.caixamenu2 {
    display: block;
    right: 0;
    padding-left: 0;
    position: absolute;
    top: 7px;
    visibility: visible;
    width: 50px;
    z-index: 3;
}

	div.outer {
    height:220px;

}
div.outer img {
    min-height: 220px;
}

.login
{
	z-index:99;
	right:70PX
}
#banner
{
	position:absolute;height: 55px;
}

.shop
{
display:none;
}

.shop2 {
background: #8ec045 url("imagens/shop.jpg") no-repeat scroll LEFT center;
padding: 17px 20px 30px 25px;
position: absolute;
right: 20px;
top: 30px;
color: #FFF;
font-size: 11px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display:block;
z-index:99999;

}

.shop2:hover {
opacity:0.7;
}


#nav_container_page_home ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_home ul li { display: inline-block; vertical-align:top;}
#nav_container_page_home ul li.col1 { width:100%; text-align:center; background:url(imagens/black_fechar.png) right bottom no-repeat}



#nav_container_page_text ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_text ul li { display: inline-block; vertical-align:top;}
#nav_container_page_text ul li.col1 { width:100%; padding-right:0%;  margin-bottom:40px;}
#nav_container_page_text ul li.col2 { width:100%;}



#nav_container_page_footer ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_footer ul li { display: inline-block; margin-bottom:20px;}
#nav_container_page_footer ul li.col1 { width:100%; text-align:center;  vertical-align:top; padding-right:0%;}
#nav_container_page_footer ul li.col2 { width:100%; text-align:center;  vertical-align:top; padding-right:0%;}
#nav_container_page_footer ul li.col3 { width:100%; text-align:center;  vertical-align:top; padding-right:0%;}



#nav_container_page ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page ul li { display: inline-block; vertical-align:top;}
#nav_container_page ul li.col1 {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;width:100%; text-align:center;background:url(imagens/black_abrir.png) top left no-repeat; margin-bottom:20px; padding-top:12px; padding-bottom:10px; border-bottom:4px solid #333;}
#nav_container_page ul li.col1:hover {border-bottom:4px solid #469fd7;}

#nav_container_page ul li.col1 img { width:80%;}


#nav_container_page2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page2 ul li { display: inline-block; vertical-align:top;}
#nav_container_page2 ul li.col1 { width:100%; text-align:left; padding-right:0%}
#nav_container_page2 ul li.col2 { width:100%; text-align:left;}
#nav_container_page2 ul li  img { width:100%; }

#nav_container_page3 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page3 ul li { display: inline-block; vertical-align:top;}
#nav_container_page3 ul li.col1 { width:40%; text-align:left; padding-right:4%}
#nav_container_page3 ul li.col2 { width:55%; text-align:left;}
	
	
#nav_container_page_equip ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_equip ul li { display: inline-block; vertical-align:top;}
#nav_container_page_equip ul li { background:#ebf5fa;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 100%;}
#nav_container_page_equip ul li img { width:100%;}


#nav_container_page_equip2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_equip2 ul li { display: inline-block; vertical-align:top;}
#nav_container_page_equip2 ul li { background:#ebf5fa;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 100%;}
#nav_container_page_equip2 ul li img { width:100%;}

#footer {
position: relative;
margin-top: 0; /* A mesma altura do rodapé, o valor deve ser negativo */
height: auto;

}

#main
{ padding-bottom:80px;
padding-top: 60px;
}

.title {

    font-size: 16px;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;

}
#nav_col_2_c ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_c ul li.col5 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; margin-right:5%; text-align:left;}
#nav_col_2_c ul li.col6 { display: inline-block; vertical-align:middle; font-size:14px; width:100%; text-align:left;}
#nav_col_2_reserva3 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_2_reserva3 ul li { border-radius:0 0 0; margin-right:2%; display: inline-block; vertical-align:top; font-size:14px; width:90%; padding:2%; background:#f9f9f9; border-bottom:5px solid #8ec045; margin-bottom:5px; text-align:left;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
#nav_col_2_reserva3 ul li:hover {background:#8ec045; color:#FFF; }
#nav_col_2_reserva3 ul li img { border-bottom:5px solid #8ec045; border-radius:0px 0px 0px;}


#nav_col_6 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_col_6 ul li { display: inline-block; vertical-align:middle; font-size:14px; width:30%; margin-right:0; text-align:center;}




.hover_img_act {

    height: 350px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-left: -35%;	opacity:0.8;


}

.photo_gall
{
	display:none;
}



}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
 
.fade-in.two {
-webkit-animation-delay: 0.1s;
-moz-animation-delay:0.1s;
animation-delay: 0.1s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
animation-delay: 1.2s;
}
 
/*---make a basic box ---*/
.box{


 
}