/* ------------ ÁGUIAWEB.COM ALL RIGHTS RESERVED ------------ */
body {

}









/*------------ GERAL ------------ */
body {
padding-bottom: 0px;
color: #000;
font-family: 'Karla', sans-serif;
font-size: 18px;
background-color:#fff;line-height:1.5;
}
.verdelogo{color:#F8C301;}
.cinza{color:#666;}
.laranja{color:#EA5E00;}
.vermelho{color:#DA251C;}	
.azul{color:#043A80;}	
.verde{color:#0BB52B;}	
.branco{background-color:#fff;}
.bg-padrao{background-color:#fff;color:#F7AA85;border-color:#F7AA85;}
br {line-height:150%}
p{line-height:1.5;
margin: 0px 0px 20px 0px; /* define margens superior e inferior de 40px e laterais 0 (zero) */	}
hr {margin-bottom:10px;}
a {
color:#333;
-o-transition:.9s;
-ms-transition:.9s;
-moz-transition:.9s;
-webkit-transition:.9s;
transition:.9s;
	}
a:hover {color: #333;}
.row{
	margin-top: 0px;
	margin-bottom: 0px;
	
	}
.bg-success{padding:15px;}
.img-cover {
	width: 100%;
    height: 250px;
	background-size: cover;
    background-repeat: no-repeat;

    background-position: center;
     padding: 60px;
  /*  background-position: 30% 30%;*/
		}
.img-cover-galeria {
  width: 100%;
    height: 190px;
  background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 30%;
    }    

.well{
	background-color:#f4f4f4;
	border-color:#f1f1f1;
	color:#333;
	font-size:13px;line-height:200%;
}
::selection { background: #0BB52B; color: #fff; } ::-moz-selection { background:#0BB52B; color: #fff; }

ul {  list-style-type: none;
   }
ul li{}


.bg-primary{padding:10px;}
/*------------ END GERAL ------------ */

/*------------ VIDEO ------------ */
.video {
  height: 90%;
   
   margin: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.block-container {
  position: relative;
  top: 20%;
  transform: translateY(-50%);
}
.block-container > .block {
  margin: 0 auto;
  text-align: center;
  max-width: 75%;
}
.block-container > .block > h1 {
  font-size: 75px;
  color: #fff;
  border-bottom: 0;
  margin: 0 0 10px;

}
.block-container > .block > h3 {
  color: #fff;
  margin: 0;
  font-size: 20px;
}
/*------------ END VIDEO ------------ */


/*------------ LOGO ------------ */

.logo{margin-top:20px;

 position: relative;
  animation-name: example;
  animation-duration: 4s;
  animation-delay: -2s;

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

}
/*------------ END LOGO ------------ */

/*====================================
----------------- NAV --------------- 
====================================*/
.phone-menu a:hover{background-color:#FFF !important;}

.topo{background-color:#fff;background-image:url(../_img/_banner/noticias.jpg); height:200px;background-size:cover;background-position:center;}
@media (max-width: 700px) { .topo{height:100px;}}


.navbar-toggle .icon-bar{display:block;width:50px;height:6px;border-radius:0px; background-color:#F7AA85!important;color:#F7AA85!important;}
.navbar-toggle{color:#F7AA85;margin-top:50px;border:0px;}

.nav{
font-weight:bold;
font-size:15px;
margin-top:20px;margin-bottom:25px;
font-family: 'Karla';
border:0px solid red;
width:100%;
background-color:#0BB52B !important;

}
ul.nav {width:100%;}
ul.nav a{ 	
color:#fff !important; 	
border-bottom:0px solid #F6AA86;	
border-radius: 0px 0px 0px 0px;	
margin-left:0px;
margin-right:0px;
height:50px;
padding: 15px;border-bottom:0px solid #E1C340 !important;

}
@media (min-width: 700px) and (max-width:700px) {
.nav{
	font-size:16px;
  margin-bottom:0px;
}
ul.nav a{ 	
margin-left:0px;
margin-right:0px;

}
}

ul.nav a:hover  { 
color:#FFF !important;
text-shadow: #000 0.0em 0.0em 0.0em ;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s;
border:0px solid #0BB52B;
border-radius: 0px 0px 0px 0px; 
background-color: #E1C340 !important;
}
.navbar{
}
.navbar-header{
margin-bottom:0px;
margin-top:0px;border:0px solid red;
}


/*-- transparente --*/
 .navbar.transparent.navbar-inverse .navbar-inner {
    border-width: 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: rgba(0,0,0,0.0);
    background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
}

/*------------ COLAPSED DIFERENTE PARA SMARTPHONE ------------ */
@media (max-width: 980px) {
	.nav{margin-top:0px !important;background-color:#fff !important;}
  .logo{margin-bottom: 10px;}
.navbar.navbar-default .navbar-collapse {
  border: none;
  box-shadow: none;border:0px solid red;margin-top: 0px;margin-bottom: 0px;

}
.navbar{margin-bottom:0px !important;}

.navbar-header{ }
ul {}
li { }
ul.nav a{ 	
     text-align: 	center;
      		width: 100%
        color:#666!important; 	
        border:0px solid #333 !important;	
        border-radius: 0px 0px 0px 0px;	
        margin-left:25px;
        margin-right:0px;
        margin-top: 10px;
        height:40px;
     
        text-shadow: #000 0.0em 0.0em 0.0em;
    
        font-size: 16px;
        font-weight:800;
        padding:10px !important;
        background-color:#0BB52B !important;

      }
ul.nav a:hover  { 
color:#fff !important;
text-shadow: #000 0.0em 0.0em 0.0em ;
-o-transition:.0s;
-ms-transition:.0s;
-moz-transition:.0s;
-webkit-transition:.0s;
transition:.0s;
border:0px solid #22BD68 !important;
border-radius: 0px 0px 0px 0px; 
}

.ul-li-nav /* uso para colocar 2 itens do menu em cada linha aplico na coluna ímpar              */{
  width: 50%;
  overflow: hidden;
}

.ul-li-nav:nth-child(odd) {
  float:left;

}




}

/* MENU POR MAIS TEMPO COLAPSED*/
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;

    
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}


.navbar-default {
    background-color: #FFF;
    border-color: #fff;

}

/*------------ END NAV ------------ */



/*------------ BANNER e "ITEM" PARA DEPOIMENTO------------ */
.banner {
  margin-top: 0px;
}

/* Carousel base class */
.carousel {
  margin-bottom: 0px;
}
/* item  min-height: 150px !important;*/
.item{
    background: #fff;    
    text-align: center;
    border:0px solid black;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  margin-top: 0px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
  font-family: 'Carter One', cursive;text-shadow: #333 0.05em 0.05em 0.05em;
  padding:0px;
}
.carousel-caption h1 {
  font-size:35px;
  text-align:left;
  margin-top:0px;
	text-shadow: #333 0.05em 0.05em 0.05em; font-family: 'Lato'; font-weight: 900;
            font-size: 60px;
	color:#fff;
}
.carousel-caption p {
  text-align:left;
  margin-top:0px;
	text-shadow: #000 0.05em 0.05em 0.05em; font-family: 'Lato'; font-weight: 300;
            font-size: 30px;
	color:#fff;
}
@media (max-width: 800px) { 
.carousel-indicators{ display:none;}
.carousel-control{}
.carousel-caption p {
	font-size: 20px;
}
.carousel-caption h1 {
	font-size: 35px;
}
}

/* Declare heights because of positioning of img element */
.carousel  {
  background-color:#fff;
}
.carousel img {
}
/* banner */
.slider-size {
    background: #ccc;    
    text-align: center;
    height: 120px !important;/* This is your slider height */

}
.carousel {
width:100%; 
margin:0 auto; /* center your carousel if other than 100% */ 
}
.carousel h1{
	    padding-top:0px;

	}

/*------------ END BANNER ------------ */



/*------------ PAG HEADER ------------ */

.page-header a{color:#21313c;background: #fff; border-bottom:4px solid #E1C340;}
.page-header{
  
	font-family: 'Karla';
 
	color:#fff;
position: relative;
text-transform: uppercase;
	
	text-align:left;
	font-size:24px;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;

border-bottom:0px solid #E1C340;


}



/*------------ END PAG HEADER ------------ */

/*------------ TABLE ------------ */

.table-price{font-size:15px;text-transform: uppercase;color:#043A80;font-weight:bold;}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color:#D9EDF7;
}

/*------------ END TABLE ------------ */

/*------------ INTERNA ITEM ON ------------ */
.descricao a{
	text-decoration:underline;
	}
.descricao{
	font-size:18px;
	color:#333;
	line-height:1.5;
	text-align: left;
	font-family: 'Karla', sans-serif;
	}
.descricao h3{
	margin-top:0;
  font-family: 'Karla', sans-serif;
	color:#013978;
	font-size:16px;
margin: 0px 0px 5px 0px; /* define margens superior e inferior de 40px e laterais 0 (zero) */	}
	}
.descricao h2{
  font-family: 'Karla', sans-serif;
	color:#fff;
	font-size:18px;
	}
.descricao ul {margin:0;padding:0;list-style-image:url(../_img/_layout/sucesso.gif);list-style-position:inside;}
.descricao ul li{text-align:left;}
.descricao ol {margin:0;padding:0;list-style-position:inside;}
.descricao ol li{text-align:left;margin-top: 15px;}
	
/*------------ INTERNA END ITEM ON ------------ */

/*------------ LIST ITENS ------------ */
.img-hover:hover {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
  border:2px solid #0BB52B;
 filter:contrast(120%);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 20px;
  


   
}





.img-hover {

	 border:2px solid #333;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  -webkit-filter: contrast(1.0);  

}
.thumbnail {
background-color:#fff;
border-radius: 5px 5px 5px 5px;
border:2px solid #E1C340;
 



	}

.thumbnail img{
border-radius: 0px 0px 0px 0px;


	}
.thumbnail img:hover{
	 
	}
.caption {
  margin-top:-22px !important;
	width: 100%;
	min-height: 30px;
	border:0px solid red;
  background-color:#F8C301;
  


	
}
.caption a:hover{


 

}.caption h3{
	font-size:16px;
	line-height: 150%;
	font-family: 'karla', sans-serif;
	font-weight:700;margin:3px;
  text-align: center;
  text-transform: uppercase;

	
}	

.caption a{
	color:#333;text-shadow: #333 0.0em 0.0em 0.0em; 

	
	
}
.panel-ciranda{background-color:#FDEFE8;border-color:#FDEFE8;color:#666;}

.panel-title {font-size:15px;font-family: 'Karla',sans-serif;}
/*------------ END LIST ITENS ------------ */


/*------------ QUOTE STEPS ------------ */
.stepwizard-step p {
	margin-top: 10px;
}
.stepwizard-row {
	display: table-row;
}
.stepwizard {
	display: table;
	width: 50%;
	position: relative;
}
.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}
.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}
/*------------ END QUOTE STEPS ------------ */

/*------------ CHECK BOX ------------ */

/* IE BUG LABEL AS IMAGE*/
label{
        display: inline-block;
    }
label img{
        pointer-events: none;
		width:250px;
    }
/* END IE BUG LABEL AS IMAGE*/
/*------------ END CHECK BOX ------------ */

/*------------ FOOTER ------------ */
.section-colored{
background-color:#333;
color: #fff;
border-bottom: 8px solid #D90000;
padding:30px;
}
#footer{
margin-top:0px;	
background-color:#333;
color: #fff;
border-bottom: 8px solid #D90000;
padding:50px;
}
/*------------ END FOOTER ------------ */

/*------------ FORMS ------------ */
.form-control{
	background-color:#fff;
	border:solid 1px #ccc;
	color:#333;
	font-weight:700;
  font-size: 20px;
}
.control-label{

}

/*------------ END FORMS ------------ */



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 769px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    font-size: 21px;
    line-height: 1.4;
  }

}

@media (min-width: 992px) {

}








/* DEPOIMENTOS */
/* carousel */
#quote-carousel 
{
  width:100%;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 30px;
  text-shadow: none;
  margin-top: 80px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{  
left:-80px;!important;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
right:-80px; !important; 
}
/* Changes the position of the indicators */
#quote-carousel .carousel-control
{
  margin-top:100px;
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 992px) { 

/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: 0px !important;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: 0px !important;
}
#quote-carousel .carousel-control
{
  margin-top:25px;
}

}




/*------------ ANIMATIONS ------------ */
@keyframes example {
  0%   { left:0px; top:-200px;}
  25%  { left:0px; top:-150px;}
  50%  { left:0px; top:-100px;}

  100% { left:0px; top:0px;}
}

/*------------ END ANIMATIONS ------------ */

/*
Extra small devices
Phones (<768px)
.visible-xs
or hidden

Small devices
Tablets (≥768px)
.visible-sm
or hidden

Medium devices
Desktops (≥992px)
.visible-md
or hidden

Large devices
Desktops (≥1200px)
.visible-lg
or hidden
*/
/* WHATSAPP FIXO */
.whatsapp-fixo {
position: fixed;
bottom:10px;
right:10px;
z-index: 999;
}






/* ANIMATIONS */
.pulse-button {
  /* Button default styles, customize them to match your button */
  display: inline-block;
  
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
  /* Apply the pulse animation */
  animation: pulse 1s infinite;
}


@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}


.pulse {
  transform: translateY(10px);
  opacity: 0;
  animation: animPulse 1s cubic-bezier(0.200, -0.600, 0.000, 1.000) infinite alternate;
}

@keyframes animPulse{
  0%, 40% {
    transform: translateY(10px);
    opacity: 0;
  }
  70%, 100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

/* ANIMATIONS */
.promotions {

  position: relative;
  animation-name: promo;
  animation-duration: 4s;
  animation-iteration-count: 50000;
}

@keyframes promo {
  0%   {color:red; left:0px; top:0px;}
  25%  {color:yellow; left:100px; top:0px;}
  50%  {color:blue; left:100px; top:10px;}
  75%  {color:green; left:-100px; top:10px;}
  100% {color:red; left:-100px; top:0px;}
}

/* ANIMATIONS */
.promotion {animation:animatezoom 1.0s infinite alternate}@keyframes animatezoom{from{transform:scale(0.5)} to{transform:scale(1)}}



/*Bootstrap button outline override*/
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #fff;
    background-color: #22BD68;box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #22BD68;
    background-color: #fff;
    border-color: #22BD68;
    
}