/* your styles go here */


	@font-face {
		     font-family: MADE TOMMY;
		     src: url('novasfontes/MADETOMMY-Medium.ttf');
		}
		

body {
    font-family: "MADE TOMMY",Helvetica,Arial,sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #808080;
	overflow-x: hidden;
}

.row {
     margin-right: -0px; 
     margin-left: -0px; 
}

@media (max-width: 767px)
{
	.hide-mobile
	{
		display: none !important;
	}
	.sticky #navbar .logotop img
	{
		position: absolute !important;
		/*background: #fff !important;*/
		margin-top: -37px !important;
		z-index: 1001!important;
		/*border-radius: 100px 0px 100px 0px!important;
		box-shadow: 0px 20px 24px -20px #111 !important;*/
		margin-left: -15px;
     
	  animation: none;
    transition: all 0.3s;
	transform: rotate(-8deg);
			-webkit-transform: scale(0.8);
transform: scale(0.8);
		
	}

	.make-sticky #navbar .logotop img
	{
		position: fixed !important;
		/*background: #fff !important;*/
		margin-top: -70px ;
		margin-left: -14px;
		z-index: 1001!important;
		/*border-radius: 30px 0px 30px 0px!important;
		box-shadow: 0px 0px 15px -3px #111 !important;
		padding: 10px 10px;*/
		
	}
	
	
}
@media (min-width: 768px)
{
	.sticky #navbar .logotop img
	{
		position: absolute !important;
		/*background: #fff !important;*/
		margin-top: -41px !important;
		z-index: 1001!important;
		/*border-radius:12px 12px 30px 30px!important;
		box-shadow: 0px 20px 24px -20px #111 !important;*/
		
		margin-left: -2px;
     
	  animation: none;
    transition: all 0.3s;
	transform: rotate(-6deg);
			-webkit-transform: scale(0.8);
transform: scale(0.8);
		
	}

	.make-sticky #navbar .logotop img
	{
		position: fixed !important;
		/*background: #fff !important;*/
		margin-top: -46px ;
		z-index: 1001!important;
		/*border-radius: 12px 12px 30px 30px!important;
		box-shadow: 0px 20px 24px -20px #111 !important;*/
		
	}
	.querosercolaborador
	{
		margin-top: 120px !important;
	}
}
.top-bar {
    background:  #947572 !important;   /*  #541863  37a778   56926e  = verde*/
}

/*.dark-mask.mask-primary {
    background: rgb(8 253 196 / 90%)!important;
}*/
.dark-mask.mask-primary {
    background: rgb(69 10 93 / 90%)!important;
}
@media (min-width: 768px)
{
#navbar {
	background: rgb(181 142 139 / 90%);
    box-shadow: 0px 0px 18px -10px #000;
    z-index: 10;
}
.slider-home
{
	position: relative !important;
    top: -72px !important;
}


#navbar .navbar-nav>li>a
{
	color: #ffffff !important;
    font-weight: lighter;
}
}	

@media (max-width: 767px)
{
	#navbar {
    background:rgb(181 142 139 / 90%) !important;
	box-shadow: 0px 0px 18px -10px #000;
}

	#navbar .navbar-nav>li>a
	{
		color: #ffffff  !important;
	}
	
	#productMain input
	{
	 margin-bottom: 10px !important;	
	}
}


.home-carousel .owl-carousel {
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
}


.owl-item .col-md-7
{
	padding: 40px !important;
}
.owl-item .col-md-5
{
	padding: 40px !important;
}
 /*.service-item:hover {    
    transition: all .7s ease; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;}*/
	
	.service-item .post-icon-overlay {
    border: 0px dashed #541863;
	    z-index: 1;
		margin-top:50%;
}
.post-icon-overlay:hover {
    /*border: 8px solid #541863;*/

  max-width: 250px;
  padding: 1rem;
  position: relative;
  /*background: linear-gradient(to right, #541863, #37a778);*/
   background: linear-gradient(to left, #b86300	, #ebd07f);
  padding: 8px;
}

.post-icon-overlay {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    border-radius: 50%;
}
.post-icon-overlay {
    transition: all .3s ease;
}

.team-member h3 {
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
   /* margin-top: -155px; */
    margin-top: -105px;
}


.product-collection .btn-cart {
    line-height: 11px!important;
    width: 90%!important;
    background: #37a778 !important;
	color:#ffffff;
	border:0px;
    height: 45px!important;
    font-family: aller bold,sans-serif!important;
    position: absolute!important;
    bottom: .5em!important;
	border-radius: 6px;
    left: 14px;
}
.product-collection .btn-cart :hover
{
	 transition: all .7s ease;
}

.btnproduto
{   text-align: center;
    width: 100%;
	position: relative;
	display: inline-block;
}

.item .product-collection 
{
	margin: 10px 17px;
	height: 100%;
	border: 1px solid #dfdfdf !important;
	border-radius: 10px !important;
	padding: 10px !important;
	
}

.product-collection .ribbon.sale {
    margin: 0 17px !important;
}


@media (min-width: 768px)
{
	.item .product-collection 
	{
		min-height: 400px !important;
	}
}
.caixa-produto-sombra:hover {
    box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.15);
	padding: 2px 2px 2px;
	transition: all 0.3s ease 0s !important;
}
.item .product-collection :hover img
{
  transition: all 0.3s ease 0s !important;
  padding: 10px !important;
}
.owl-stage-outer {
    padding: 0px 0px;
}


.owl-carousel .owl-dots {
    margin-top: -30px !important;
    text-align: center !important;
    position: relative !important;
}
 .bg-color-blog-conteudo .owl-carousel .owl-dots {
    margin-top: 10px !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: #ffffff !important;
	border: 0px solid #ffffff !important;
	 border-radius: 50%;
}

.owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
	border: 2px solid #ffffff !important;
}





.testimonials .owl-dots
{
	margin-top: 10px !important;
}

 .owl-dot.active span {
    background: transparent !important;
	border: 1px solid #927370 !important;
	 border-radius: 50%;
}

.owl-dot.active {
 border-radius: 50%;
border: 0px solid #e55a5a !important; 
}

.owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #927370;
}



.caixa-produto-sombra .icon
{
	max-width: 60px;
	position: absolute;
	margin-top: 30%;
}
.nome-produto
{
    text-align: center;
    margin: auto;
}

.bg-marinho
{
	background: #ffffff;
}
.img-aplicacao-home
{
	width:100px;
	border-radius: 100px;
	border: 2px solid #d09100;
}
.img-aplicacao-home:hover
{
	 transition: all 0.3s ease 0s !important;
	 padding: 10px !important;
}


@media (max-width: 767px)
{

.contato-footer
{
	text-align:center !important;
}

.login {
    left: 22%;
    position: relative;
	}

.titulo-aplicacao-home
{
	font-size: 0.8em;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    top: 0px !important;
    letter-spacing: -1px;
    position: relative;
	line-height: 80px;
}

	.siganos
{
	color: #cbb6b4;text-align: right;padding: 20px !important;margin: 7px 0px;position: relative;display: inline-block;
}
.divsiganos
{
	right: 0px !important;position: relative;display: inline-block;
}
	
}

@media (min-width: 768px)
{
	
.divsiganos
{
	right: 30px !important;position: relative;display: inline-block;
}	
	
.siganos
{
	color: #cbb6b4;text-align: right;padding: 20px !important;margin: 7px 0px;position: relative;display: inline-block;
}

section.bar.bg-gray--.no-mb.marcashome
{
padding: 50px 0px 0px 0px;
background: #E6E6E6;
}


.titulo-aplicacao-home
{
	font-size: 0.8em;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    top: 10px !important;
    letter-spacing: -1px;
    position: relative;
}

}

.h2titledestaque
{
	color: #e3b96c!important;
    /*font-size: 15px!important;*/
    
    letter-spacing: -1px !important;
}

.h3titledestaque
{
	font-size: 18px!important;
   
    letter-spacing: -1px !important;
}
.produtos-home p{
	
	font-size: 14px;
    color: #541863;
    /*font-style: italic;*/
    padding: 0px 10px;
    text-align: center;

}

.bg-sessao-segmentos
{
    /*background: url(../img/Background_design3.jpg);*/
	background:#ffffff;
    background-size: contain;
}

.heading h1, .panel-heading h1, .heading h2, .panel-heading h2, .heading h3, .panel-heading h3, .heading h4, .panel-heading h4, .heading h5, .panel-heading h5, .heading h6, .panel-heading h6 {
  letter-spacing: -0.00em  !important;
}
.roxo
{
	color: #927370 !important;
}
.verde
{
	color: #927370  !important;
	  letter-spacing: -0.00em  !important;
}
.cinzafraco
{
	color: #4D4D4D !important;
}
img.lightwidget__image {
    width: 100% !important;
}
.lightwidget__reactions {
    display: none;
}
figcaption.lightwidget__caption {
    display: none;
}
li.lightwidget__tile {
    display: none !important;
}

.lightwidget > li {
    width: auto;
    position: relative;
    display: inline-block;
}
.lightwidget__link figure {
    margin: 0;
    padding: 0;
    height: auto;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}

footer.main-footer {
   
    background: #947572 !important;
    color: #ffffff !important;
}

footer.main-footer p {
    font-size: 0.9rem;
    color: #ffffff !important;
}

footer.main-footer .copyrights {
    padding: 10px 0 !important;
    background: #947572 !important;
    color: #ffffff !important;
    margin-top: 35px !important;
}
footer.main-footer .copyrights p {
    color: #fff !important
}



.topinstitucional {
    background: url(../img/fixed-background-institucional.jpg) center center no-repeat !important;
	background-size: cover  !important;
    border-top: 0px solid #999;
    border-bottom: 1px solid #999;
}

.showcase .icon-outlined {
    border-color: #fff !important;
}
.showcase {
    color:#fff !important;
}
.icon-outlined.icon-sm.icon-thin {
       border: 0px !important;
}

.img-empresa
{
	border-radius: 8px 8px 8px 8px!important;
    box-shadow: 0px 6px 24px -21px #111 !important;
	padding: 2%;
}

.paddingtop20
{
	padding: 20px 0px !important;
	
}
.colaboradores
{
	text-align: center;
}
.colaboradores p {
    font-size: 0.825rem;
    color: #c99955;
}

 h2::after {
   
      height: 2.5px !important;
	  
 }

.colaboradores h2::after {
   
    content: " ";
    display: block;
    width: 100px;
    height: 3px;
    margin-top: 10px !important;
    background: #e3b96c;
	margin: auto;
}

.colaboradores .team-member h3 {
    font-size: 0.925rem;
    text-transform: normal;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
   /* margin-top: -155px; */
    margin-top: -5px !important
}

.colaboradores .owl-carousel .owl-nav, .colaboradores .owl-carousel .owl-dots.disabled {
    
	position: relative;
    margin-top: -21%;
}

.produtos-home .owl-carousel .owl-nav, .produtos-home .owl-carousel .owl-dots.disabled {

	position: relative;
    margin-top: -21%;
}


.owl-prev
{
	font-size: 50px !important;
	margin: 0px 50px !important;
	float: left;
	left: -6%;
    position: relative;

}
.owl-next
{
	font-size: 50px !important;
	margin: 0px 50px !important;
	float: right;
	right: -6%;
    position: relative;

}





@media (max-width: 767px)
{
	.filtroblog
	{
		    margin-top: 50px;
	}
	
	.owl-nav
	{
		display: none !important;
	}
	.home-carousel .owl-item 
	{
		padding: 0px !important;
	}
	.icones-aplicacoes-home
	{
		width: 33% !important;
	}
	.home-carousel .row
	{
		margin:-15px 0px !important;
	}
	.ml-auto, .mx-auto 
	{
		margin-left: auto!important;
		margin-top: 25px;
	}
}
.owl-item.active {
	padding: 0px !important;
}

@media (min-width: 768px)
{
	.owl-dots
	{
		display: none !important;
	}
	.col-md-12.produtos-home 
	{
		padding-bottom: 100px;
	}
	.home-carousel .owl-dots
	{
		display: block !important;
	}
	.owl-item 
	{
		padding: 20px 0px;
	}
	.home-carousel .owl-item 
	{
		padding: 0px !important;
	}
	
}

h2, .h2 {
    font-size: 1.2rem !important;
}



.product
{
	margin: 0 5px;
	height: 100%;
	border: 0px solid #dfdfdf !important;
	border-radius: 0px !important;
	padding: 10px !important;
	box-shadow: 0px 8px 22px -15px #000;



	
	
}
.base-produto
{
	margin-bottom: 20px;
}
.font12
{
	font-size: 0.8rem !important;
}

.breadcrumb-item.active {
    color: #dfdfdf!important;
}


.breadcrumb-item+.breadcrumb-item::before
{
color: #dfdfdf !important;
}




.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:99999999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: transparent;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:9999;
}
.popup img {max-width:100% !important; height:auto !important;}
.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  /*position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;*/
  
    position: absolute;
    
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    background: #ffffff;
    border-radius: 100px;
    padding: 5px 10px;
    top: -10px;
    margin-right: -40px;
    filter: contrast;
    opacity: 9;
}
.popup .close:hover {
  color: orange;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.caixa-branca
{
	background: #fff;
	border-radius: 10px;
}
.owl-thumb-item img
{
	max-width: 120px !important;
}
#productMain input {
	
	display: block;
    border: 2px solid #ced4da;
    margin: auto;
    text-align: center;
    border-radius: 0px;
    padding: 5px;
    color: #ced4da;
}
.margin0
{
	margin: 0px !important
}

.goToDescription a {
    color: #b7b7b7 !important;
    text-decoration: none !important;
    padding: 0px 10px !important;
}
.goToDescription {
    background: #ffffff;
    padding: 5px;
    border-radius: 6px;
}
.modal-body img{
       max-width: 100%;
}
.modal-body .col-md-6
{
	width: 45%;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #dfdfdf;
	margin: 10px;
}

.camposaddorcamento
{
	display: none;
	margin-bottom: 40px;
}
   
.box {
    margin: 80px 0;
    border-top: 0px solid #ddd !important;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #c99955!important;
    border-radius: .25rem;
    margin: 0px 10px !important;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #c99955!important;
}

.verminhalista{
    background: #e3b96c;
    padding: 9px;
    color: #fff;
    font-size: 0.8em;
}
#mad iframe {
    vertical-align: middle !important;
    text-align: center !important;
    width: 49.8% !important;
	max-height: 300px;
}

.btnslider
{
	background: #fff !important;
    color: #c99955 !important;
    border: 1px solid #c99955;
	text-align: center !important;
}
@media only screen and (max-width: 959px) 
{
	#whats-desk {
		display: none !important;
	}
}
@media only screen and (min-width: 960px) {

	#whats-mobile
	{
	  display:none !important;	
	}
}

.marcashome .owl-nav
{
	 display:none !important;	
}
.background-pentagon, #heading-breadcrumbs {
	border-bottom: 0px !important;
	padding: 25px 0px;
}


.menu-footer .d-inline-block {
    text-align: center !important;
}


.rounded-circle2
{
border-radius: 8px !important;
padding: 10px;
}
.customerslojas img {
   padding: 10px;
   border-radius: 10px;
}
	
a.menu-link.whatsdesk 
{
    color: #fff !important;
}

a.menu-link.whatsmobile {
    color: #fff;
}



.imgefeito {
    margin: 0;
    overflow: hidden;
    float: left;
    position: relative;
}
.imgefeito a {
    text-decoration: none;
    float: left;
}
.imgefeito a:hover {
    cursor: pointer;
} 


.imgefeito-div p
{
	font-size: 12px;
    text-align: center;
	color: #947572;
}

.imgefeito a img {
    float: left;
    margin: 0;
    border: none;
    padding: 10px;
	width: 100%;
   /* background: #fff;
    border: 1px solid #ddd;*/
	
	



}

.imgefeito a:hover{
box-shadow: 0px 10px 12px -13px #000;



}	
	
 

.imgefeito a .mais {
	
	    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: 37.5%;
    font-size: 1.2em;
    color: #fff;
    background: transparent;
    padding: 5px 10px;
	
	
	 width: 200px;
	
	
    filter: alpha(opacity=65);
    opacity: .9;
   
    text-align: center;
	
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}


.imgefeito a:hover {
    
    background: #927370;
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
	z-index:2
    
}



.imgefeito a:hover .desc{
    display: block;
    font-size: 1.2em;
    padding: 10px 0;
    background: #111;
    filter:alpha(opacity=75);
    opacity:.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
    color: #fff;
  height:100%;
    bottom: 11px;
    left: 11px;
    padding: 10px;
    margin: 0;
	bottom: -17.5%;
	position:relative;
    width: 100%;
    border-top: 1px solid #999;
	z-index:1;
}
.imgefeito a:hover .desc strong {
    display: block;
    margin-bottom: 5px;
    font-size:1.5em;
}












.content-grids{
		width:auto;
		margin:auto;
		
		display:flex;
	}
	.content-grids .colUm{
		flex:2;
		
	}
	.content-grids .colDois{
		flex:1;
		
	}
	.content-grids .colTres{
		flex:3;
		
	}
	
	
.bg-red
{
background: #B49E9C;
}	
.bg-red a{color: #fff !important;}

.addfavoritos
{
	margin-top: 5px;
}

.bg-caixa-contatos
{
border: 2px solid #bc9996;
border-radius: 5px;
padding: 10px 0px;
font-size: 12px;
text-align:center;
color: #927370;
}
	
.span-icon-servico
{
background: #ffffff;
position: relative;
display: inline-block;
text-align: center;
z-index: 1;
height: 100px;
}	

.p-servico-intro
{
	border-radius: 0px;
    border: 3px solid #af9593;
    position: relative;
    top: -44px;
    z-index: 0;
    padding: 70px 10px 30px 10px;
    min-height: 240px;


}
.imgefeito-div:hover
{
animation: level;
transition: all 0.3s;
transform: rotate(-2deg);
-webkit-transform: scale(0.95);
transform: scale(0.95);
}

.imgefeito-div h4
{
	color: #af9593;
    font-weight: 100
}

.img-icon-servico
{
		background: #ffffff;
		max-width: 130px;
		padding: 10px;
		position: relative;
		display: inline-block;
		text-align: center;
}

.img-icon-especialidade
{
	padding: 0px 0px;
	width: 100%;
}
.caixa-especialidades-home
{
	border: 1px solid #dfdfdf;
    border-radius: 5px;
	margin: 0px 20px;
}

.caixa-blog-home
{
    border: 1px solid #dfdfdf;
    border-radius: 5px;
	margin: 0px 20px;
	background: #ffffff;
	padding: 0px 10px 10px 10px;
	text-align: center;
}
.caixa-blog-home img
{
	padding-top: 10px;
	border-radius: 6px;
}

.p-servico-intro-blog
{
	color:#2a2a2a !important;
}
.caixa-blog-home img
{
	 border-radius: 5px;
}
.leia-mais
{
background: #947572 !important;
border-radius: 5px;
color: 	#ffffff !important;
}
.leia-mais:hover
{
background: #AF9795 !important;
border-radius: 5px;
color: 	#ffffff !important;
animation: level;
transition: all 0.3s;
transform: rotate(-2deg);
-webkit-transform: scale(0.95);
transform: scale(0.95);
}


.h2titledestaquepreto
{
	font-size: 36px !important;
    font-weight: 600;
    color: #2a2a2a;
    margin-bottom: 60px;
}

.h2home
{
	font-size: 40px !important;
    color: #ffffff;
    font-weight: 600;
    text-align: left;
}

.marcashome p.lead {
    margin-bottom: 5px;
    color: #fff;
    font-weight: 100 !important;
    font-size: 14px;
	text-align: left !important;
    float: left;
	display: inline;
    width: 100%;
}

.bg-color-escuro
{
	background: #947572;
	padding: 30px;
	color:#ffffff;
}

.bg-color-blog
{
	background: #CABAB8;
	padding: 30px;
	color:#ffffff;
}

.h2titledestaquebranco
{
    font-size: 36px !important;
    font-weight: 600;
    color: #ffffff;
    margin: 50px 0px;
}

.bg-color-blog-conteudo
{
	background: #AF9795;
	padding: 30px;
	color:#ffffff;
}

.div-footer-left
{
	width: 90%;
    float: left;
    display: inline-block;
    text-align: right;
    padding: 0px 10px;
}
.div-footer-right
{
	width: 10%;
    display: inline-block;
    float: right;
	
}

.form-group label 
{
	color:#ffffff;
}


button.btn.btn-template-main--  {
    color: #815d5d !important;
    border: #947572;
    border-radius: 4px;
    background: #b49e9c;
}

button.btn.btn-template-main--:hover  {
    animation: level;
transition: all 0.3s;
transform: rotate(-2deg);
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
.caixa-data
{
	    display: inline-block;
    position: relative;
    background: #bc9996;
    width: 100px;
    padding: 20px 15px 15px 22px;
    border-radius: 6px;
    color: #7e5a57;
    margin-bottom: 20px;
}


.paginas {
    width: 30px !important;
   
}
.pagina-selecionada {
    width: 30px !important;
    position: relative;
    display: inline-block;
    padding: 10px;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }