body			{overflow-y:scroll; color:#555; 	}  
h1 , h2 ,h3 ,h4,h5,h6 { margin-top:10px;}

.strong	{font-weight:700;}

.panel-heading {
    cursor: pointer;
}

/* CSS Method for adding Font Awesome Chevron Icons */
 .accordion-toggle:after {   font-family:'FontAwesome';   content:"\f077";   float: right;   color: inherit;}
.panel-heading.collapsed .accordion-toggle:after {

    content:"\f078";
}


.carousel-inner {height:500px; background:; margin-top:0px;}
.carousel-inner .item	{ width:100%; height:100%;  }

@media(max-width:1000px)	{
.carousel-inner {height:450px; background:; margin-top:0px;}
}
@media(max-width:768px)	{
.carousel-inner {height:350px; background:; margin-top:0px;}
}
@media(max-width:420px)	{
.carousel-inner {height:300px; background:; margin-top:0px;}
}

#loading-modal	{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:10000; background:rgba(0,0,0,.7);}
#spin-wrap		{ width:100%; height:100%; position:absolute; display:table; overflow:hidden; 	}
.boot-spin		{ display: table-cell;  vertical-align: middle; text-align:center; color:#fff;}
.slow-spin		{ -webkit-animation: fa-spin 2s infinite linear;  animation: fa-spin 2s infinite linear;}

.triangular-box		{ border-top-right-radius:10px;  border-bottom-left-radius:10px; border-radius:5px; overflow:hidden;  }
.special-icon		{ position:absolute; top:0; right:0; width:60px; height:60px; opacity:.6;  background: linear-gradient(  to left bottom,   #01bbd1 50%,  transparent 30% );}
.special-icon-dark	{ background: linear-gradient(  to left bottom,   #333 50%,  transparent 30% );}
.special-icon-red	{ background: linear-gradient(  to left bottom,   #a12334 50%,  transparent 30% );}
.special-icon-blue	{ background: linear-gradient(  to left bottom,   #0e9aab 50%,  transparent 30% );}
.special-icon i		{ position:absolute;  top:9px; right:9px;  font-size:20px; color:#ccc; }

.special-icon2	{ position:absolute; top:20px; right:20px; width:90px; height:90px;   width: 0; height: 0; border-style: solid; border-width: 0 70px 70px 0; border-color: transparent #007bff transparent transparent;}

.bottom-kelly	{ display:;width:100%; height:9px; background:red; position:fixed; top:0; left:0; z-index:30000;  margin:0; padding:0; overflow:hidden;}
.kelly-gradient	{ background-image: linear-gradient(to right,  #ffd200,	#ffa800,	#ff6000,	#a12334,	#01bbd1,	#748992);}





.blockquote-box						{	border-top:3px solid #E6E6E6; margin-bottom:25px;  padding:0 20px; }
.blockquote-box.blockquote-info		{	border-color:#01bbd1}
.blockquote-box.blockquote-warning	{	border-color:#ffa800}
.blockquote-box.blockquote-danger	{	border-color:#a12334}

@media(max-width:768px) {

.small-mision			{ border-right:3px solid #E6E6E6; }
sm-no-padding			{ padding:0; }
}

.side-contact		{	position:fixed; top:170px; right:0px; background:#555; color:#fff; margin:0; padding:20px 9px 20px 10px;  border-radius: 5px 0 0 5px; border-right:3px solid #a32336; z-index:100000;}
.side-contact:hover,
.side-contact:focus	{	color:#fff; background:#a32336; border-right:3px solid #555;}


.navbar				{}
.navbar .nav			{	 border:0; }
.navbar .nav li a		{	height: 85px;	line-height: 85px; 	padding-top: 0; }
.navbar 				{	background:; top:5px; border:0; background: linear-gradient(45deg, #dcdcdc ,#fff  ); border-bottom:0px solid #fff; }
.navbar-brand		{	height: 85px;	line-height: 80px; font-size:16px; color:#f00;}
.navbar-brand>img	{	height: 100%;	width: auto;	padding:13px;  float:left;}
.navbar-toggle						{	height:40px; margin-top:15px; background:#a32336; color:#fff;}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus 		{   background-color: #4d4d4d;}
.navbar-fixed-top .nav 				{   padding:0;	}
.navbar-fixed-top .navbar-brand		{   padding:0;	}
.navbar .navbar-nav > li > a:hover, 
.navbar .navbar-nav > li > a:focus	{	background:#999;  color:#fff;}
.navbar ul li a.active-top				{	background-color:#a12334; color:#fff; border-bottom:0px solid #999; opacity:1; }


.top-kelly			{	display:; width:100%; height:6px; position:fixed; top:0; left:0; z-index:30000;  margin:0; padding:0; overflow:hidden; background:#748992;}
.novo-lines			{	width:8%;  height:100%; overflow:hidden;  margin:0; padding:0; float:left;}
.novo-lines-last	{	width:60%;  margin:0; padding:0; }
.kelly-gradient		{	background-image: linear-gradient(to right,  #ffd200,	#ffa800,	#ff6000,	#a12334,	#01bbd1,	#748992);}
.gradiente-gray		{	background: linear-gradient(45deg,#f7f7f7  , #dcdcdc  );}



@media(max-width:768px)	{
.novo-lines		{ width:16.66%;}
}
@media(max-width:420px)	{
.novo-lines		{ width:16.66%;}
}






.sub-header			{	width:100%; padding:10px 20px; color:#777; border-bottom:1px solid #ddd; background: linear-gradient(45deg,#f7f7f7  , #dcdcdc  ); overflow:hidden; }

.top-margin			{	width:100%; height:90px; background:;}
@media(max-width:768px)	{
.top-margin			{	width:100%; height:77px; background:;}
.navbar .nav li a		{	height:50px;	line-height: 50px; 	padding:0; margin:0;}
.navbar-brand		{	height: 70px;	line-height: 67px; margin-top:; font-size:12px;}
.top-kelly			{	width:100%;}
}

#indexCarousel .nav a small	{	display:block;}
#indexCarousel .nav 			{	background:#eee;}
#indexCarousel .nav a 		{	border-radius:10px; padding:5px;}
.slide-nav > li				{	padding:5px;}
.slide-nav > li a				{	background:;}
.slide-nav > li > a:hover, 
.slide-nav > li > a:focus		{	background:#a12334;  color:#fff;}
.slide-nav > li.active > a	{	background:#a12334; color:#fff; border-bottom:0px solid #999; opacity:1; }


 /*WEBKIT SCROLLBAR*/
::-webkit-scrollbar			{ width: 7px; line-height:1px;} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track	{ background:#748992;} /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb	{ background-color:#ccc; opacity:.8;  box-shadow:0 0 7px #; border-left: 0px solid rgba(12,159,255,.6);} /* FF31FF this will style the thumb, ignoring the track */
::-webkit-scrollbar-button	{ display:none;} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner	{ background-color:#fff;} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

 ul li .active					{ background:red;}
.alert-gray					{ background:#748992; color:#fff;}


 .nav-pills						{ cursor:pointer;}
.nav-pills-red 					{ background-color:none; margin-bottom:10px;}
.nav-pills-red li 				{ padding:4px 0;}
.nav-pills-red > li > a			{ background-color:#ddd; color:#555; font-weight:700; border:0px solid #428bca; border-radius:3px;}
.nav-pills-red > li > a:hover		{ background-color:#a12334; color:#fff;}
.nav-pills-red li.active a		{ }
.nav-pills-red li a.active-left	{ background-color:#a12334; color:#fff; border-bottom:0px solid #999; opacity:1; }

.nav-pills-blue 					{ background-color:none; margin-bottom:10px;}
.nav-pills-blue > li 				{ padding:4px 0; overflow:hidden;}
.nav-pills-blue > li > a			{ background-color:#eee; color:#555; font-weight:700; border-right:37px solid #ddd; border-radius:3px;}
.nav-pills-blue > li > a:hover	{ background-color:#eee; color:;}
.nav-pills-blue li.active a		{ background-color:#01bbd1; color:#fff; border-right:37px solid #ddd; opacity:1; }
.nav-pills-blue li.active i		{ color:#01bbd1;}
.nav-pills-blue li i 				{ font-size:18px; color:#fff; padding-top:3px; position:absolute; top:13px; right:10px;}



.b-white			{ border-color:#ffffff; }
.b-yellow			{ border-color:#ffd200; }
.b-orange			{ border-color:#ffa800; }
.b-orange-2			{ border-color:#ff6000; }
.b-maroon			{ border-color:#a12334; }
.b-blue				{ border-color:#01bbd1; }
.b-gray				{ border-color:#748992; }

.f-white			{ background:#ffffff; }
.f-yellow			{ background:#ffd200; }
.f-orange			{ background:#ffa800; }
.f-orange-2			{ background:#ff6000; }
.f-maroon			{ background:#a12334; }
.f-blue				{ background:#01bbd1; }
.f-gray				{ background:#748992; }
.f-gray-l			{ background:#eee; }

.c-white			{ color:#ffffff; }
.c-yellow			{ color:#ffd200; }
.c-orange			{ color:#ffa800; }
.c-orange-2			{ color:#ff6000; }
.c-maroon			{ color:#a12334; }
.c-blue				{ color:#01bbd1; }
.c-gray				{ color:#748992; }