/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

.cor-1{color:#47a642 !important;}
.cor-2{color:#0083b4 !important;}
.cor-3{color:#f58634 !important;}
.cor-4{color:#fabf12 !important;}

.cor-1:hover{ background-color:#47a642 !important; color:#fff !important;}
.cor-2:hover{ background-color:#0083b4 !important; color:#fff !important;}
.cor-3:hover{ background-color:#f58634 !important; color:#fff !important;}
.cor-4:hover{ background-color:#fabf12 !important; color:#fff !important;}



.bg-inteiro {
	
	background-image:url(../imagens/bg_total.jpg) !important; 
	background-size:100% 100% !important;
	
}



/* Extra Small Devices, Phones */
@media only screen and (min-width : 320px) {
	
	.bg-inteiro {
		
		background:none !important; 
		background-size:100% 100% !important;
		

		
	}	
	
	.titulo-xs {font-size:24px;}
	.titulo2-xs {font-size:16px;}
	
	.padding-responsivo {padding:2px 0px 2px 0px !important; }
	.bg-xs-cinza {background-color:#f4f4f4 !important;}
	.bg-xs-laranja {background-color:#f6a643 !important;}
	.bg-xs-roxo {background-color:#af2e92 !important;}
	.text-xs-roxo {color:#af2e92 !important;}
	
}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 768px) {
	
	.bg-inteiro {
		
		background-image:url(../imagens/bg_total.jpg) !important; 
		background-size:100% 100% !important;
		
	}
	
	.titulo-xs {font-size:60px;}
	.titulo2-xs {font-size:22px;}
	
	.bg-xs-cinza {background:none !important;}
	.bg-xs-laranja {background:none !important;}
	.bg-xs-roxo {background:none !important;}
	.text-xs-roxo {color:#fff !important;}
	
	
}

/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */

.cardbox1{
  perspective:500px;
  margin:15px
}

.card1{
  width:100%;
  height:202px;
  background:white;
  box-shadow:0 10px 10px rgba(0,0,0,0.1);
  transition:.5s;
  transform-style: preserve-3d;
  position:relative;
  cursor:pointer;
  border-radius: 12px;
}

.front-card1,.backcard1{
  position:absolute;
  width:100%;
  height:202px;
  font-family:arial;
  font-size:25px;
  display:flex;
  justify-content:center;
  align-items:center;
  backface-visibility:hidden;
  color:white;
  transition:.5s ease;
 
}
.backcard1{
  transform:rotateY(180deg);
}
.facebook1{
  background:orange
}
.google1{
  background:orange
}

.twitter1{
  background:orange
}
.cardbox1:hover .card1{
  transform:rotateY(180deg);
}

/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */


/* ///NEWS_ANIMADO///////////////////////// */
/* ///NEWS_ANIMADO///////////////////////// */
/* ///NEWS_ANIMADO///////////////////////// */
 

.card-foto--1 .card-foto__img, .card-foto--1 .card-foto__img--hover {
    background-image: url('../imagens/passeios/canoa.jpg');
}

.card-foto--2 .card-foto__img, .card-foto--2 .card-foto__img--hover {
    background-image: url('../imagens/passeios/jeri.jpg');
}
.card-foto--3 .card-foto__img, .card-foto--3 .card-foto__img--hover {
    background-image: url('../imagens/passeios/cumbuco.jpg');
}

.card-foto--4 .card-foto__img, .card-foto--4 .card-foto__img--hover {
    background-image: url('../imagens/passeios/beachpark.jpg');
}

.card-foto__like {
    width: 18px;
}

.card-foto__clock {
    width: 15px;
  vertical-align: middle;
    fill: #AD7D52;
}
.card-foto__time {
    font-size: 12px;
    color: #AD7D52;
    vertical-align: middle;
    margin-left: 5px;
}

.card-foto__clock-info {
    float: right;
}

.card-foto__img {
  visibility: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 235px;
  border-top-left-radius: 12px;
border-top-right-radius: 12px;
  
}

.card-foto__info-hover {
    position: absolute;
    padding: 16px;
  width: 100%;
  opacity: 0;
  top: 0;
}

.card-foto__img--hover {
  transition: 0.2s all ease-out;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
  position: absolute;
    height: 235px;
  border-top-left-radius: 12px;
border-top-right-radius: 12px;
top: 0;
  
}
.card-foto {
  margin-right: 25px;
  transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
  background-color: #fff;
    width: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
}
.card-foto:hover {
  box-shadow: 0px 30px 18px -8px rgba(0, 0, 0,0.1);
    transform: scale(1.10, 1.10);
}

.card-foto__info {
z-index: 2;
  background-color: #f4f4f4;
  border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
   padding: 16px 24px 24px 24px;
}

.card-foto__category {
     
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 500;
  color: #868686;
}

.card-foto__title {
    margin-top: 5px;
    margin-bottom: 10px;
     
}

.card-foto__by {
    font-size: 12px;
     
    font-weight: 500;
}

.card-foto__author {
    font-weight: 600;
    text-decoration: none;
    color: #AD7D52;
}

.card-foto:hover .card-foto__img--hover {
    height: 100%;
    opacity: 0.3;
}

.card-foto:hover .card-foto__info {
    background-color: transparent;
    position: relative;
}

.card-foto:hover .card-foto__info-hover {
    opacity: 1;
}

/* ///NEWS_ANIMADO///////////////////////// */
/* ///NEWS_ANIMADO///////////////////////// */
/* ///NEWS_ANIMADO///////////////////////// */




/* ///PRICING_TABLE///////////////////////// */
/* ///PRICING_TABLE////////////////////////////////////////////////// */
/* ///PRICING_TABLE////////////////////////////////////////////////// */



.card-preco{
  position: relative;
  max-width: 300px;
  height: auto;
  background: linear-gradient(-45deg,#fe0847,#feae3f);
  border-radius: 15px;
  margin: 0 auto;
  padding: 40px 20px;
  -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1) ;
          box-shadow: 0 10px 15px rgba(0,0,0,.1) ;
-webkit-transition: .5s;
transition: .5s;
}
.card-preco:hover{
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.bg-cor-1 .card-preco ,
.bg-cor-1 .card-preco .card-preco-title .fa{
  background: linear-gradient(-45deg,#fe0d47,#fea83f) !important;

}
.bg-cor-2 .card-preco,
.bg-cor-2 .card-preco .card-preco-title .fa{
  background: linear-gradient(-45deg,#0083b4,#95d0e6) !important;

}
.bg-cor-3 .card-preco,
.bg-cor-3 .card-preco .card-preco-title .fa{
  background: linear-gradient(-45deg,#47a642,#9de144) !important;

}

.bg-cor-4 .card-preco,
.bg-cor-4 .card-preco .card-preco-title .fa{
  background: linear-gradient(-45deg,#fabf12,#ecd48f) !important;

}

.bg-cor-5 .card-preco,
.bg-cor-5 .card-preco .card-preco-title .fa{
  background: linear-gradient(-45deg,#9457f7,#679ac2) !important;

}

.card-preco::before{
 
}
.card-preco-title .fa{
  color:#fff;
  font-size: 60px;
  width: 100px;
  height: 100px;
  border-radius:  50%;
  text-align: center;
  line-height: 100px;
  -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1) ;
          box-shadow: 0 10px 10px rgba(0,0,0,.1) ;

}
.card-preco-title h2 {
  position: relative;
  margin: 20px  0 0;
  padding: 0;
  color: #fff;
  font-size: 22px;
 z-index: 2;
}
.card-preco-price,.card-preco-option{
  position: relative;
  z-index: 2;
}
.card-preco-price h4 {
margin: 0;
padding: 20px 0 ;
color: #fff;
font-size: 60px;
}
.card-preco-option ul {
  margin: 0;
  padding: 0;

}
.card-preco-option ul li {
margin: 0 0 10px;
padding: 0;
list-style: none;
color: #fff;
font-size: 16px;
}
.card-preco-card a {
  position: relative;
  z-index: 2;
  background: #fff;
  color : black;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: block;
  text-align: center;
  margin: 20px auto 0 ;
  font-size: 16px;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

}
.card-preco-card a:hover{
    text-decoration: none;
}





/* ///PRICING_TABLE///////////////////////// */
/* ///PRICING_TABLE////////////////////////////////////////////////// */
/* ///PRICING_TABLE////////////////////////////////////////////////// */




/* ///CARD_PESSOA///////////////////////// */
/* ///CARD_PESSOA////////////////////////////////////////////////// */
/* ///CARD_PESSOA////////////////////////////////////////////////// */


.card-pessoa{
  height: 379px;
  width: 300px;
  background: grey;
  border-radius: 10px;
  transition: background 0.8s;
  overflow: hidden;
  background: black;
  box-shadow: 0 70px 63px -60px #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}


.card-pessoa .border{
  height: 369px;
  width: 290px;
  background: transparent;
  border-radius: 10px;
  transition: border 1s;
  position: relative;
}
.card-pessoa .border:hover{
    border: 1px solid white;
}
.card0{
  background: url('../imagens/karina.png') center center no-repeat;
  background-size: 300px;
}
.card0:hover{
     background: url('../imagens/karina.png') center center no-repeat;
    background-size: 500px;
}
.card0:hover h2{
      opacity: 1;
	  
 }
.card0:hover .fa {
      opacity: 1;
}

.card-pessoa h2{
  text-align:left;
  color: white;
  margin: 20px;
  opacity: 0;
  transition: opacity 1s;
  text-shadow:2px 2px 2px rgba(0,0,0,.2);
}
.card-pessoa .fa{
  opacity: 0;
  transition: opacity 1s;
}
.card-pessoa .icons{
  position: absolute;
  fill: #fff;
  color: #fff;
  height: 130px;
  top: 226px;
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}