/*

Theme Name: Elevatec

Theme URI: http://elevatec.com.br

Author: PXP Marketing Digital

Author URI: https://pxpdigital.com.br/

Description: Tema criado para a Elevatec

Version: 1.0

*/

/*Estilos ADM Wordpress*/

.customize-support .header {
  margin-top: 32px;
}


/*-Estilos-gerais--*/

html, html[lang] {

  margin-top: 0 !important; 

}





a:hover{text-decoration: none;}

a{color: #3c3c3c; }



.btn.focus, .btn:focus {

    outline: 0;

    box-shadow: none;

}



/* VARIAVEIS CORES */

.text-black {

  color: #3c3c3c; 

}



.text-verde {

  color: #053b28; 

}



.text-verde-claro{

  color: #17875F;

}



.text-verde-ocean{

  color: #3bd49e

}



.text-black-wood{

  color: #151515;

}



.text-cinza{

  color: #a0a0a0;

}



.text-cinza-01{

  color: #787878

}



.text-light{

  color: #cccccc!important;

}





/* VARIAVEIS FONTE */

html, body {

  font-family: 'Lato', sans-serif;

  font-size: 16px;

  color: #3c3c3c; 

}



.font-14{

 font-size: 14px;

}



/* CORES BG */

.bg-cinza{

  background-color: #f5f5f5;

}



.bg-red {

  background-color: #d71d24; 

}



.bg-verde {

  background-color: #188860; 

}



.bg-verde-escuro{

 background-color: #053b28;

}



.bg-black-wood{

 background-color: #151515;

}



.bg-black{

 background-color: #000000;

}



.bg-black-02{

  background-color: #1c1c1c;

}



.bg-cinza-01{

  background-color: #cccccc;

}



.bg-cinza-02{

  background-color: #EBEBEB;

}



/* BOTÕES */

.btn-border{

  border: 1px solid #fff;

  border-radius: 50px;

  font-size: 16px;

}



.btn{

  border-radius: 50px;

  font-size: 16px;

}



.btn.btn-lg.bg-verde:hover{

  background-color: #053b28;

}



.btn.btn-lg.bg-verde-escuro:hover{

  background-color: #188860;

}



/*--HEADER--*/

header {

  height: auto;

  -webkit-transition: top 1s ease-in;

  transition: top 1s ease-out;

  font-size: 14px;

}



header .telefone a{

  height: 40px;

  padding: 8px;

}



header a:hover{

  text-decoration: none;

}



/*--NAV--*/

.navbar{

  background-color: #F5F5F5;

  height: 73px;

}



.navbar-light .navbar-nav .nav-link{

  color: #3c3c3c;

  font-weight: 900;

  display: block;

  line-height: inherit;

  text-decoration: none;

}



.navbar-light .navbar-nav .nav-item{

  background: inherit;

  line-height: 60px;

}



.navbar-light .navbar-nav .nav-link:focus, 

.navbar-light .navbar-nav .nav-link:hover{

  color: #fff;

  background-color: #D61D23;

  height: 74px;

}



.dropdown-menu{

  left: auto;

  background-color: #188860;

  color: #fff;

  border-radius: 0px;

  top: 96%;

}



.dropdown-item{

	color: #fff;

    font-weight: 900;

    font-size: 14px;

    padding: 4% 1.5rem;

    text-transform: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.dropdown-item:focus, .dropdown-item:hover {

  color: #3bd49e;

  text-decoration: none;

  background-color: transparent;

}



.dropdown-divider {

  margin: 0.5rem 11px;

  border-top: 1px solid #3c3c3c;

}



.navbar-expand-lg .navbar-nav .dropdown-menu {

  line-height: 20px;

  padding: .5rem 0 0;

}



/*--MENU-MOBILE--*/

.navbar-light .navbar-toggler{

  background-color: #188860;

  border: 0;

  border-radius: 0;

  width: 44px;

  height: 44px;

  margin: .5rem 1rem;

}



.navbar-toggler span {

  display: block;

  position: absolute;

  width: 22px;

  height: 3px;

  background: #fff;

  -webkit-transition: 350ms ease all;

  -moz-transition: 350ms ease all;

  transition: 350ms ease all;

}



.navbar-toggler span:before, .navbar-toggler span:after {

  content: " ";

  position: absolute;

  width: 22px;

  height: 3px;

  background: #fff;

  -webkit-transition: 350ms ease all;

  -moz-transition: 350ms ease all;

  transition: 350ms ease all;

}

.navbar-toggler span:before {

  margin: -0.3em 0 0 -11px;

}

.navbar-toggler span:after {

  margin: 0.3em 0 0 -11px;

}

.navbar-toggler.open span {

  background-color: transparent;

}

.navbar-toggler.open span:before, .navbar-toggler.open span:after {

  margin: -1px 0 0 -11px;

  background: #fff;

}

.navbar-toggler.open span:before {

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  transform: rotate(135deg);

}

.navbar-toggler.open span:after {

  -webkit-transform: rotate(-135deg);

  -moz-transform: rotate(-135deg);

  transform: rotate(-135deg);

}



/*--HOME-BG--*/

#home-conheca{

  background-image: url(img/home/bg-home.jpg);

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  height: 440px;

  width: 100%;

  padding: 10% 0;

}



/*---HOME-MENU---*/

#home-menu .nav-link{

  color: #fff;

}



/*---HOME-FEIRAS---*/

#home-feiras{

  background-image: url(img/home/bg-feira.png);

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

}



#home-feiras .galeria img {

    margin-bottom: 5%;

}



.carousel-caption {

  background: rgba(0,0,0,0.6);

  padding: 2% 5%;

  color: #fff;

  text-align: left;

  right: 15px;

  left: 15px;

  bottom: 11px;

}



/*---HOME-BNDS----*/

#colunas {

    width: 100%;

    padding: 2% 0 0;

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

    -webkit-column-gap: 3em;

    -moz-column-gap: 3em;

    column-gap: 3em;

}



#home-bnds li{

      margin-bottom: 3%;

}



/*--FOOTER--*/

.logo-elevar p{

  line-height: 1.2;

}



footer{

  font-size: 14px;

  color: #fff;

}



footer i {

  padding-right: 12px;

  margin-top: 5px;

}



footer i.fa{

  font-size: 20px;

}





footer .list-group-item {

  position: relative;

  display: block;

  padding: 0.15rem 0;

  margin-bottom: -1px;

  background-color: transparent;

  border: 0px;

  color: #fff;

  font-size: 14px; 

}



footer .list-group-item a{

  color: #fff;

}



footer .bottom-line:after {

  content: "";

  display: block;

  width: 100%;

  height: 1px;

  background-color: #D61D23;

  margin-top: 5px;

}



.form-control{

  border-radius: 0;

}



/*----PAGE-SOBRE-NOS---*/

.breadcrumb{

  background-color: #fff;

  padding: .75rem 0;

  color: #787878;

  font-size: 14px;

}



.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: .2rem;

    color: #787878;

    content: ">";

}



.breadcrumb-item+.breadcrumb-item {

    padding-left: .2rem;

}



.breadcrumb-item.active {

     color: #787878;

     text-decoration: none;

}



.breadcrumb-item a{

   color: #787878;

   text-decoration: underline;

}





.breadcrumb.bg-black-wood{

	background-color: #151515 !important;

	color: #fff; 

}



.breadcrumb.bg-black-wood .breadcrumb-item.active{

	color: #fff;

}



.breadcrumb.bg-black-wood .breadcrumb-item a {

    color: #fff;

}



.breadcrumb.bg-black-wood .breadcrumb-item+.breadcrumb-item::before {

    color: #fff;

}







.bottom-line:after{

  content: "";

  display: block;

  width: 80px;

  height: 4px;

  background-color: #17875F;

}



#casa-do-elevador .border {

    border: 1px solid #CCCCCC!important;

    border-radius: 13px;

}



#elevar p{

  color: #787878;

  padding-right: 15%;

    padding-left: 15%;

}






/*---PAGE-CENTRO-DE-TREINAMENTO----*/

#centro-treinamento p{

  color: #787878;

  padding-right: 15%;

  padding-left: 15%;

  margin-top: 5%;

}



#componentes h2{

  padding-right: 15%;

  padding-left: 15%;

}



#componentes .col-lg-6{

  margin-bottom: 3%;

}



#componentes .border{

  border: 1px solid #CCCCCC!important;

  border-radius: 13px;

  height: 411px;

}



#componentes p.text-cinza-01{

 padding-right: 9%;

    padding-left: 9%;

}



#componentes .border-bottom {

    border-bottom: 1px solid #CCCCCC!important;

}



#componentes .colunas {

    width: 100%;

    padding: 2% 0 0;

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

    -webkit-column-gap: 5em;

    -moz-column-gap: 5em;

    column-gap: 5em;

}



#componentes .colunas li {

    margin-bottom: 2%;

}



#galeria .card{

  border: 0;

    border-radius: 0;

}



#galeria .card-img-top{

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



/*---PAGE-EVENTOS-FEIRAS----*/

#eventos-feiras .border{

  border-radius: 14px;

}



/*---PAGE-BNDS---*/

.nav.flex-column.border{

  border-radius: 4px;

}



.nav.flex-column li{

  border-bottom: 1px solid #EBEBEB;

  margin: 0 5%;

  padding: 2% 0;

}



.nav.flex-column a.active{

  font-weight: bold;

  color: #17875F;

}





/*---PAGE-ESTRUTURA---*/

#accordion a .card-header {

    background-color: #188860;

}

.panel {
  transition: max-height 0.5s ease-out;
  max-height: 0;
  max-height: 0;
  overflow: hidden;
}


.card a.accordion.active i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



#page-estruturas .card-body {

    border: 1px solid #cccccc;

    color: #787878;

}



#page-estruturas .card-body  a:hover {

    color: #188860;

}



#page-estruturas h4.border-line:after {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background-color: #cccccc;

    margin-top: 5px;

}



/*---PAGE-COMPONENTES---*/

.btn.btn-lg.bg-verde-escuro:hover, .btn.btn-lg.bg-verde-escuro.active {

    background-color: #188860;

}



#page-componentes .table th {

    padding: 0.75rem 0 0.75rem 0.75rem;

    width: 9%;

}



#page-componentes .table td{

	padding: 0.75rem 0.75rem 0.75rem 0;

}



.table-striped tbody tr:nth-of-type(odd) {

    background-color: #f5f5f5;

}



.table-striped tbody tr {

    background-color: #e7e7e7;

}



/*---PAGE-PLATAFORMAS---*/

#page-plataformas h4.border-line:after {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background-color: #cccccc;

    margin-top: 5px;

}



img.icon-pdf {

    margin-right: 10px;

}



/*---PAGE-DOWNLOADS---*/

#page-downloads .form-control {

    background-color: #FFFFFF;

    padding: 1.0rem 0.75rem;

    border-radius: 0px;

    border: 0;

    font-size: 14px;

}



.add-on .input-group-btn > .btn {

    border-left-width: 0;

    width: 60px !important;

    height: 60px;

    border-radius: 0;

    left: -2px;

    border-left-width: 0;

    left: -2px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    background-color: #188860;

}



#downloads .card-header {

    background-color: #fff;

    border-bottom: 0;

}



#accordion .card-header a p:before {

    font-family: 'Font Awesome 5 Free';

    content: "\f068";

    float: left;

    margin-right: 10px;

}



#accordion .card-header a.collapsed p:before {

    content: "\f067";

}



#downloads .card-body {

    overflow-y: scroll;

    height: 145px;

    border: 1px solid #cccccc;

    padding: 1.25rem 1rem;

}



/*---PAGE-TERMO-GARANTIA---*/

#page-termo-garantia  .card-body {

    border: 1px solid #cccccc;

    color: #787878;

}



/*---PAGE-CALCULOS---*/

#page-calculos img{

	border: 1px solid #CCCCCC;

	border-radius: 5px;

	padding: 3%;

}



#page-calculos .card-body {

    border: 1px solid #cccccc;

    color: #787878;

}



/*---PAGE-CONTATOS---*/

#page-contato .form-control {

    background-color: #f1f1f1;

    padding: 0.75rem 0.75rem;

    border-radius: 0px;

    border: 0;

    font-size: 14px;

}



#page-contato .media i.fa {

    font-size: 20px;

}



#page-contato .media i {

    padding-right: 12px;

    margin-top: 5px;

}



#maps {

    height: 400px;

}



/*---PAGE-PEÇAS---*/

#page-pecas .accordion .card-header{

  background-color: #fff;

  border-bottom: 0;

}



/*#page-pecas a.collapsed .card-header{

  border-bottom: 1px solid rgba(0,0,0,.125);

}*/



#page-pecas .accordion .card:first-of-type {

    border-bottom: 1px solid rgba(0,0,0,.125);

    border-radius: 4px;

}



#page-pecas .card-header:first-child {

    border-radius: 8px;

}



#page-pecas .accordion .card:last-of-type {

      border-radius: 4px;

}



#page-pecas .accordion .card:not(:first-of-type):not(:last-of-type){

  border-radius: 4px;

  border-bottom: 1px solid rgba(0,0,0,.125);

}



#page-pecas .card h5{

  color: #17875F;

  font-size: 16px;

}



#page-pecas  .SearchButton {

  background-color: #17875F;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  font-size: 16px;

}



#page-pecas .input-group>.custom-select:not(:last-child), #page-pecas .input-group>.form-control:not(:last-child) {

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}



#page-pecas .SearchBar{

  background-color: #F5F5F5;

  border-color: #CCCCCC;

  border-radius: 0;

}



#page-pecas .accordion .card-body {

    padding: 0% 5% 5%;

}



#page-pecas .nav-link {

    display: block;

    padding: .5rem;

}



#page-pecas a.nav-link:hover{

  background-color: #17875F;

  color: #fff;

}



#page-pecas .nav.flex-column a.active{

  background-color: #17875F;

  color: #fff;

}



#page-pecas .nav.flex-column li {

    border-top: 1px solid #EBEBEB;

    margin: 0;

    padding: 0;

    border-bottom: 0;

}



#page-pecas .pecas .btn-select{

  width: 29%;

}



#page-pecas .pecas .btn-select .form-control{

  border-radius: 25px;

  background-color: #EBEBEB;

  border: 0;

}



#page-pecas .card h5.card-title{

  font-weight: bold;

  color: #3B3B3B;

  font-size: 16px;

}



#page-pecas .pecas .card-body{
	height: 69px;
	border-top: 1px solid #CCCCCC;
}


#page-pecas .pecas .card-footer {
    padding: .75rem 1.25rem;
    background-color: transparent;
    border-top: 0;
}


#page-pecas .pecas .card{

  border-radius: 0;

}



#page-pecas .pecas .col-lg-3{
	padding: 0 .5rem;
  	margin-bottom: 18px;

}



.btn-filter{

  background-color: #17875F;

  border-radius: 4px;

  color: #fff;

}



#page-pecas .pecas .form-control{

  border: 0;

}

/*---OWL-CARROUSEL---*/

#sync1 .item {

  background: #FFFFFF;

  border: 1px solid #CCCCCC;

  padding: 0px;

  margin: 5px;

  color: #FFF;

  border-radius: 0px;

  text-align: center;

}

#sync2 .item {

  background: #FFFFFF;

  border: 1px solid #CCCCCC;

  padding: 0px 0px;

  margin: 5px;

  color: #FFF;

  border-radius: 0px;

  text-align: center;

  cursor: pointer;

}





#sync2 .current .item {

  background: #FFFFFF;

  border: 2px solid #17875F;

}

.owl-theme .owl-nav {

  /*default owl-theme theme reset .disabled:hover links */

}



.owl-theme .owl-nav [class*='owl-'].disabled:hover {

  background-color: #FFFFFF;

  border: 1px solid #17875F;

}

#sync1.owl-theme {

  position: relative;

}



#sync1.owl-theme .owl-next,

#sync1.owl-theme .owl-prev {

  width: 22px;

  height: 40px;

  margin-top: -20px;

  position: absolute;

  top: 50%;

}

#sync1.owl-theme .owl-prev {

  left: 10px;

}

#sync1.owl-theme .owl-next {

  right: 10px;

}



#sync2.owl-theme .owl-next, 

#sync2.owl-theme .owl-prev {

    width: 30px;

    height: 30px;

    border-radius: 50px;

    margin-top: -20px;

    position: absolute;

    top: 54%;

    background-color: #17875F;

}



#sync2.owl-theme .owl-nav .disabled{

  opacity: 1;

}



#sync2.owl-theme .owl-prev {

  left: -16px;

}

#sync2.owl-theme .owl-next {

  right: -16px;

}

.carousel-caption {
    background: rgba(0,0,0,0.6);
    right: 4px;
    bottom: 6px;
    left: 5px;
    padding: 2% 5%;
    color: #fff;
    text-align: left;
}


/*--PAGE-AREA-TECNICA---*/
#page-calculos a:hover{
	color: #17875F;
}

.border-img {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 3%;
    width: 200px;
    height: 200px;
    padding-top: 50px;
}


/*-------------------------------------------*/

/*---MOBILE---*/

@media (max-width: 576px) {

	/*--NAV--*/

	.navbar{

		padding: 0;

		height: auto;

	}



	.navbar-light .navbar-nav .nav-item {

		line-height: 40px;

	}



	.navbar-light .navbar-brand {

		padding: .5rem 1rem;

	}



	.navbar-light .navbar-brand.w-25 {

		width: 50% !important;

	}



	.navbar-collapse{

		background-color: #188860;

	}



	li.nav-item a.nav-link,

	a.dropdown-item{

		padding: .25rem 2.5rem;

	}



	.navbar-light .navbar-nav .nav-link{

		color:#fff;

	}



	.navbar-light .navbar-nav .nav-link:focus, 

	.navbar-light .navbar-nav .nav-link:hover{

		color: #fff;

		border-bottom: 0;

		height: auto;

	}



	/*---PAGE-HOME---*/

	#home-conheca{

		height: auto;

	}



	#home-menu .nav{

		display: block;

	}



	#home-menu .nav li{

		text-align: center;

	}



	#home-catalogo img{

		margin: auto;

		display: block;

		margin-bottom: 5%;

	}



	#home-catalogo .col-lg-3{

		margin-top: 5%;

	}



	#home-feiras h4{

		margin-bottom: 5%;

	}



	#home-feiras img{

		width: 100%;

		margin-bottom: 5%;

	}



	#home-bnds .row{

		margin-top: 0!important;

		width: auto!important;

	}



	.carousel-caption{

		bottom: 16px;

	}



	/*--FOOTER--*/

	footer .list-group-item{

		padding: 0.15rem 0;

	}



	footer .col-lg-3 {

		margin-top: 3%;

	}



	footer .col-lg-3.assistencia{

		margin-top: 5%;

	}



	footer .mt-5{

		margin-top: 1rem!important;

	}



	.bg-black.py-3 {

		text-align: center;

	}



	.bg-black.py-3 .float-right{

		float: none !important;

		margin-top: 5%;

	}


	/*---PAGE-AREA-TECNICA---*/

	.nav.flex-column.border li {
	    display: none;
	}

	.nav.flex-column.border {
    	margin-bottom: 5%;
	}


	/*--PAGE-QUEM-SOMOS---*/

	#casa-do-elevador .row.justify-content-between.mt-5{

		width: auto;

		padding: 0 5%;

	}



	#casa-do-elevador .border{

		margin-bottom: 5%;

	}



	#elevar p{

		padding-right: 0;

		padding-left: 0;

	}



	#elevar .row.w-100.mt-5 {

		width: auto !important;

		padding: 0 5%;

	}



	#elevar .col-lg-6.bg-verde.p-5 {

		padding: 1rem!important;

	}



	/*---PAGE-CENTRO-TREINAMENTO---*/

	#centro-treinamento p{

		padding-right: 0;

		padding-left: 0;

	}



	#componentes h2{

		padding-right: 0;

		padding-left: 0;

	}



	#componentes .border{

		height: auto;

	}



	#componentes img{

		margin: auto;

		display: block;

		margin-bottom: 5%;

	}



	#componentes .colunas{

		-webkit-column-count: inherit;

		-moz-column-count: 0;

		column-count: 0;

		-webkit-column-gap: 0;

		-moz-column-gap: 0;

		column-gap: 0;

	}



	#componentes .colunas li{

		text-align: center;

	}



	/*---EVENTOS-E-FEIRAS---*/

	#eventos-feiras img{

		margin-bottom: 5%;

	}



	.nav.flex-column.border{

		margin-bottom: 5%;

	}



  /*--PAGE-TERMO-DE-GARANTIA--*/

  #page-termo-garantia h5{

    font-size: 16px;

  }



  /*--PAGE-COMPONENTES--*/

  #page-componentes li.nav-item a.btn{

    width: 100%;

    font-size: 16px;

    margin-bottom: 3%;

    padding-left: 0!important;

    padding-right: 0!important;

  }



  /*---PAGE-PLATAFORMAS--*/

  #page-plataformas img{

    margin-bottom: 5%;

  }



  /*--PAGE-PLATAFORMAS--*/

  #page-pecas .breadcrumb{

    margin-top: 5%;

  }



  #page-pecas .pecas .btn-select {

    width: 100%;

  }



  #page-pecas .btn.mb-3{

    margin-bottom: .25rem!important;

  }



  /*--PAGE-DONWLOADS--*/

  #downloads a.btn{

    font-size: 14px;

    padding-left: 11%!important;

    padding-right: 11%!important;

  }



  img.icon-pdf {

    margin-right: 5px;

    width: 12%;

  }



  /*--PAGE-CONTANTO--*/

  #page-contato label.float-right{

    float: none !important;

  }



}



/*--TABLET--*/

@media (min-width: 768px) and (max-width: 991px){

  .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{

    margin: 0;
    max-width: 100%;

  }



  .navbar{

    padding: 0;

    height: auto;

  }



  .navbar-light .navbar-nav .nav-item {

    background: inherit;

    line-height: 41px;

  }



  .navbar-light .navbar-brand {

    padding: .5rem 1rem;

  }



  .navbar-collapse{

    background-color: #188860;

  }



  li.nav-item a.nav-link,

  a.dropdown-item{

    padding: .25rem 2.5rem;

  }



  .navbar-light .navbar-nav .nav-link{

    color:#fff;

  }



  .navbar-light .navbar-nav .nav-link:focus, 

  .navbar-light .navbar-nav .nav-link:hover{

    color: #fff;

    border-bottom: 0;

  }



  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{

    height: auto;

  }



  /*---HOME---*/

  #home-catalogo img{

    margin: auto;

    display: block;

  }



  #home-catalogo p{

    text-align: center;

  }



  #home-menu li.nav-item a.nav-link{

    padding: .5rem 1rem;

  }



  .btn {

    border-radius: 50px;

    font-size: 14px;

    padding-left: 3% !important;

    padding-right: 3% !important;

  }



  /*--PAGE-QUEM-SOMOS--*/



  #elevar .row.w-100.mt-5 {

    width: auto !important;

    padding: 0 5%;

  }



  /*--PAGE-COMPONENTES---*/

  #componentes .border {

    height: auto;

  }



  #page-componentes .btn{

    border-radius: 50px;

    font-size: 14px;

    padding-left: 3rem !important;

    padding-right: 3rem !important;

    margin-bottom: 5%;

  }

}

.legenda{
  position: absolute;
  z-index: 10;
  top: 9.7rem;

  background: rgba(0,0,0,0.6);
    right: 0;
    
    left: 0;
    padding: 2% 5%;
    color: #fff;
    text-align: left;
}