/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-word-wrap: break-word;
    -moz-word-wrap: break-word;
    -ms-word-wrap: break-word;
    -o-word-wrap: break-word;
    word-wrap: break-word;
}

html {
    overflow-x: hidden; 
}

h1,h2,h3,h4,p,a:not(.uk-icon),li,td,span{
    font-weight: 300;
    font-family: 'Montserrat';
}


.uk-animation-3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

 /*MENU*/
@media screen and (max-width: 1430px){
    .menu .uk-navbar-nav > li > a {
    padding: 9px 15px;
}
}

@media screen and (max-width: 1345px){
    .menu .uk-navbar-nav > li > a {
    padding: 9px 10px;
}
}

@media screen and (max-width: 1265px){
    .menu .uk-navbar-nav > li > a {
    font-size: 12px;
}
}

@media screen and (max-width: 1180px){
.tm-logo-small img{
    max-width: 180px;
}
}

@media screen and (max-width: 1145px){
    .menu .uk-navbar-nav > li > a {
    padding: 8px;
}
.tm-logo-small img{
    max-width: 160px;
}
}
 .menu .uk-navbar-nav > li > a {
    font-size: 13px;
    line-height: initial;
    height: auto;
    padding: 9px 10px;
}

.menu .uk-navbar-nav > li > a::before{
    display: none;
}
.menu .uk-navbar-nav > li.uk-active > a {
    background-color: #004188;
    color: #ffffff;
    border-radius: 25px;
}

.menu .uk-navbar-nav > li {
    margin: 0;
}

/*TOP B*/
.tm-top-b  h2,
.tm-top-d  h3.uk-panel-title {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 30px;
    line-height: 36px;
}
   span.title-raya {
    position: relative;
    font-weight: 200;
}
@media screen and (min-width: 768px){
 

span.title-raya::before {
    position: absolute;
    content: url('../../../images/layout/raya-left.png');
    left: -55%;
    top: 0;
}

span.title-raya::after {
    position: absolute;
    content: url('../../../images/layout/raya-right.png');
    top: 0;
    right: -55%;
}

.tm-top-d  span.title-raya::before {
    left: -70% !important; 
}

.tm-top-d  span.title-raya::after {
    right: -70% !important;
}
}

.loadmodule + div .uk-button,
.rd-contactos .uk-button {
    border-radius: 15px;
    background-color: #004188;
    border-color: #004188;
    color: #ffffff;
    padding: 2px 22px;
    font-size: 13px;}

.loadmodule + div .uk-button::before,
.rd-contactos .uk-button::before {
    top: 0;
    background: #ffffff;
}

.loadmodule + div .uk-button:hover,
.rd-contactos .uk-button:hover {
    color: #004188;
    border-color: #004188;
}

/*TOP C*/

@media screen and (min-width: 768px){
    .rd-home div#tm-top-c,
    .rd-home div#tm-top-d,
    div#tm-footer {
        padding-top: 50px;
    }
}

@media screen and (max-width: 768px){
    .rd-home div#tm-top-c,
    .rd-home div#tm-top-d,
    div#tm-footer {
    padding-top: 25px;

}
}

.rd-home div#tm-top-c {

    background-color: #f5f5f5;
}

.conten-grid-info {
    border: 1px solid #e5e5e5;
    height: 242px;
    width: 242px;
    border-radius: 50%;
}

.grid-info > div,
.conten-grid-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.conten-grid-info > div > p {
    color: #004188;
    line-height: 18px;
    font-weight: 400;
}

/*TOP D*/
.tm-top-d a.uk-link-reset {
    display: block;
    font-size: 15px;
}
.noticias .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade {
    opacity: 1;
    border: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 90%, rgba(0,0,0,0.85) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 90%,rgba(0,0,0,0.85) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 90%,rgba(0,0,0,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );

}

.noticias .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade * {
    color: #ffffff;
}

.noticias .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade > h3 > a {
    display: block;
    font-size: 20px;
    font-weight: 600;
}

.noticias .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade > h3 {
    font-size: 14px;
    line-height: 26px;
}

/*FOOTER*/
div#tm-footer {
    background-color: #004188;
}
.redes-footer a.uk-icon {
    color: #ffffff;
    margin-left: 10px;
    font-size: 22px;
}

.footer  > .uk-grid > div {
    display: flex;
    align-items: center;
}
h2.title-config {
    font-size: 35px;
}

.blog-vehiculos .title-config + div  h4 {
    font-size: 35px;
    font-weight: 800;
    line-height: 55px;
    text-align: center;
    }

.blog-vehiculos .title-config + div h4 > span {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.uk-panel-box.muted {
    border: 0px !important;
    padding: 15px 35px 0 35px;
    background-color: #f5f5f5;
    border-radius: 25px;
    font-size: 12px;
}

.uk-panel-box.muted > p {margin: 0;}
.uk-panel-box.muted > p > strong {margin-left: 3px;}
.uk-panel-box.muted > p > strong:not(.last-child) {margin-right: 10px;}

.uk-grid.uk-grid-divider.uk-grid-match > div:first-child {
    margin-top: 0px !important;
}

@media screen and (min-width: 769px){
    .blog-vehiculos .title-config + div > div:not(:first-child) {
        border-left: 1px solid #dddddd;
    }
}


.rd-vehiculos div#tm-top-c {
    display: none;
}

.blog-vehiculos nav.tm-navbar.uk-navbar {
    display: flex;
    justify-content: right;
    padding-right: 30px;
    min-height: 60px;
}

.blog-vehiculos .uk-navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    font-weight: 500;
}

.blog-vehiculos figcaption.uk-overlay-panel > div {
    width: 100%;
    max-width: 524px;
    background-color: rgba(0,65,136,0.6);
    padding: 10px;
    height: 100%;
}

.blog-vehiculos figcaption.uk-overlay-panel > div > h2 {
    font-weight: 100;
    font-size: 50px;
    margin-bottom: 0;
}

.blog-vehiculos figcaption.uk-overlay-panel > div > h4 {
    font-size: 25px;
    font-weight: 400;
}

.blog-vehiculos figcaption.uk-overlay-panel > div >  ul > li {
    font-size: 14px;
    font-weight: 400;
}

.blog-vehiculos figcaption.uk-overlay-panel > div > ul {
    padding: 0px 20px;
}

.blog-vehiculos .uk-navbar-nav > li > a:focus {
    font-weight: 600;
}

.blog-vehiculos a.uk-navbar-toggle {
    max-height: 60px;
}
.rd-vehiculos .uk-overlay > img, .rd-vehiculos .uk-overlay {
    width: 100%;
}
@media screen and (max-width: 480px){
    .menu-sticky-vehiculos.uk-flex.uk-flex-right.uk-flex-top.uk-sticky-init.uk-active {
        top: 0px !important;
    }
    .blog-vehiculos figure.uk-overlay > img {
    min-height: 500px;
    object-fit: cover;
    object-position: center;
}
.blog-vehiculos figure#header > img {
    min-height: 165px;
}

.blog-vehiculos figure.uk-overlay {
    margin-bottom: 25px;
}

.blog-vehiculos figcaption.uk-overlay-panel > div > h2 {
    font-size: 35px;
}

.blog-vehiculos figcaption.uk-overlay-panel > div > h4 {
    margin: 5px 0px;
    font-size: 20px;
}

h2.title-config {
    font-size: 35px;
}

.blog-vehiculos a.uk-navbar-toggle {
    float: initial;
    text-align: left;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    max-height: 60px;
}
.rd-vehiculos .uk-sticky-init {
    position: initial !important;
}
.title-config + .uk-grid {
    margin: 0 auto;
}
.img-vehiculos {
    margin-top: 25px;
}
}
.menu-sticky-vehiculos .logo-mv::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: -9px;
    border-top: 8px solid #1c1c1c;
    border-right: 15px solid transparent;
    border-left: 10px solid transparent;
}

.menu-sticky-vehiculos .logo-left {
    max-width: 140px;
    display: flex;
    align-items: center;
    margin-right: auto;
    left: 20px;
    position: relative;
}

    .menu-sticky-vehiculos .logo-mv {
        margin-right: -20px;
        margin-left: -20px;
        max-width: 220px;
        min-width: 220px;
        position:relative;
    }

.blog-vehiculos .uk-sticky-init {
    display: flex;
    justify-content: space-between;;
}

.menu-mv .uk-navbar-nav > li:not(:last-child), .uk-navbar-brand {
    margin-right: 50px;
}

.menu-sticky-vehiculos .menu-mv {
    background-color: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    width:100%;
}

.uk-thumbnav li {
    width: 55px;
    height: 55px;
    position: relative;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.07);
    border: 2px solid #fff;;
 }
 .uk-thumbnav li.uk-active,
 .uk-thumbnav li:hover {
    box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.3);
    border-width: 4px;
}
 .uk-thumbnav li img {
    position: absolute;
    left: -400px;
    height: 100%;
    min-height: 255px;
    bottom: -105px;
    object-fit: contain;
    width: 100%;
    opacity: 1 !important;
    min-width: 726px;
 }

.conten-grid-info:hover {
    background-color: #f4f4f4;
    border: 4px solid #fff;
    box-shadow: 0px 0px 27px -6px rgba(0,0,0,0.2);
}

.conten-grid-info {
    transition: all 0.3s ease-in-out 0s;
}

.conten-grid-info:hover img {
    /*mix-blend-mode: difference;*/
}

.conten-grid-info:hover p {
}

/*Submenu Vehiculos*/
.tm-top-a.uk-grid > .uk-width-1-1 > .uk-panel + .uk-panel {margin: 0;}
.header-menu-vehiculos {
    position: fixed;
    right: 0;
    left: 0;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 20px;
    box-shadow: inset 3px 0px 10px -5px rgba(0,0,0,0.2);
    background-color: #fdfdfd;
    width: 100%;
    z-index: 5;
    padding-top: 20px;
    z-index: 9998;
}
.header-menu-vehiculos h3.uk-panel-title {
    font-size: 16px;
}
.header-menu-vehiculos h3.uk-panel-title > a {
    font-weight: 600;
}
.header-menu-vehiculos .uk-panel.uk-scrollspy-inview {
    padding: 10px;
}
.header-menu-vehiculos .uk-panel.uk-scrollspy-inview:hover {
    background-color: #f4f4f4;
}
.header-menu-vehiculos .uk-close {
  background-color: #0062b3;
  margin: 5px;
  padding: 6px;
  color: #fff;
}
.header-menu-vehiculos .uk-close::after {
  font-size: 20px;
}

.tm-navbar-container.uk-sticky-init.uk-navbar-attached {
    z-index: 9999;
}

@media screen and (min-width: 768px){
    .blog-uikit  .uk-align-medium-left {
    margin-right: 35px;
}

.blog-uikit .uk-align-medium-right {
    margin-left: 35px;
}
}

h2.title {
    margin: 5px 0px;
    font-size: 40px;
}

strong {
    font-weight: 500;
}

body:not(.rd-home):not(.rd-vehiculos) main#tm-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: justify;
}
.border{
    border: 1px solid #dddddd;
}


.user-interaction{ 
padding:3% 0;
 overflow: hidden;
}
.user-interaction .userinteraction-wrapper{
 max-width:1200px;
 min-width:960px; 
 margin:0 auto;
 overflow:hidden;
}
.user-interaction .userinteraction-wrapper .userinteraction-grid{float:left;
 width:25%;
 text-align:center;
}
.user-interaction .userinteraction-round-wrapper{transform:rotate(90deg);
 display:block;
 width:220px;
 height:220px;
 border-radius:50%;
 text-align: center;
 overflow: hidden;
 position:relative;
 background: url("../images/round-home.png") no-repeat 0 center;
 margin: 0 auto;
}
.user-interaction .userinteraction-con{transform:rotate(-90deg);
 transition: all 0.5s;
 position: absolute;
 z-index:2;
 left:2px;
 right:2px;
 top:2px;
 bottom:2px;
 cursor: pointer;
 border-radius:50%;
}
.user-interaction .userinteraction-con .user-int-icons{ transition: all 0.5s;
 height:55px;
 width:63px;
 display:inline-block;
 vertical-align: top;
 margin-top:40px;
}
.user-interaction .userinteraction-con .user-int-icons.ico-kefu{ 
 transition: all 0.5s;
 background:url("../images/ico-kefu-h.png") no-repeat center 0;
 height:55px;
}
.user-interaction .userinteraction-con .user-int-icons.ico-fxp{ 
    transition: all 0.5s;
 background:url("../images/ico-fxp-h.png") no-repeat center 0;
 height:48px;
}
.user-interaction .userinteraction-con .user-int-icons.ico-dibiao{ 
    transition: all 0.5s;
 background:url("../images/ico-dibiao-h.png") no-repeat center 0;
 height:52px;
}
.user-interaction .userinteraction-con .user-int-icons.ico-jinrong{ 
    transition: all 0.5s;
 background:url("../images/ico-jinrong-h.png") no-repeat center 0;
 height:46px;
}
.user-interaction .userinteraction-con strong{ 
    display:block;
 font-size:18px;
 padding-top:22px;
 color:#333;
}
.user-interaction .userinteraction-con span{ 
    display:block;
 font-size:13px;
 padding-top:10px;
 color:#999;
}


.user-interaction .userinteraction-round-wrapper:hover .userinteraction-con{ 
    background:#fff;
}

.user-interaction .userinteraction-round-wrapper:hover strong{color:#0066B5;
}
.user-interaction .userinteraction-round-wrapper:hover span{color:#666;
}
.user-interaction .userinteraction-round-left,.user-interaction .userinteraction-round-right{position:absolute;
 z-index:1;
 top:0;
 bottom:0;
 width:50%;
 overflow:hidden;
}
.user-interaction .userinteraction-round-left .userinteraction-round-left-img,.user-interaction .userinteraction-round-right .userinteraction-round-right-img{position:absolute;
 z-index:1;
 top:0px;
 height:220px;
 width:110px;
 border:2px solid #0066B5;
}
.user-interaction .userinteraction-round-left{ 
    left:0;
}
.user-interaction .userinteraction-round-right{ 
    right:0;
}
.user-interaction .userinteraction-round-left .userinteraction-round-left-img{ 
right:-100%;
 border-left:0;
 border-radius:0 110px 110px 0;
 transform:rotate(0deg);
 transform-origin:0 110px;
}
.user-interaction .userinteraction-round-right .userinteraction-round-right-img{ 
left:-100%;
 border-right:0;
 border-radius: 110px 0 0 110px;
 transform:rotate(0deg);
 transform-origin:110px 110px;
}
@keyframes roundstart{ 
    0%{
        transform:rotate(0deg)
      }
       100%{ 
 transform:rotate(180deg)  } 
}
@keyframes roundend{ 
    0%{
        transform:rotate(180deg) 
     } 100%
{ 
 transform:rotate(0deg)  } 
}
.userinteraction-round-right-img.roundright{
    animation:roundstart 0.3s linear 0s 1 forwards;
}
.userinteraction-round-left-img.roundleft{
    animation:roundstart 0.3s linear 0.3s 1 forwards;
}

.tm-top-c .img > img {
    width: 100%;
    max-width: 65px;
}

.userinteraction-con {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tm-top-c .img + p {
    color: #004188;
    font-weight: 400;
}

.blog-uikit-noticias h1.uk-article-title {
    font-size: 22px;
    line-height: 28px;
    margin-top: 0;
    min-height: 85px;
}
.blog-uikit-noticias h1.uk-article-title > a {
    font-weight: 400 !important;
}

aside.tm-sidebar-a.uk-width-medium-1-4 {
    padding: 25px;
    box-shadow: 0px 0px 5px 0px #dddddd;
}

.content-form .uk-button {
    border: 1px solid #004188 !important;
    color: #004188;
    padding: 2px 15px;
    font-size: 14px;
}

.content-form .uk-button::before {
    background-color: #004188 !important;
    top: 0;
}

.content-form .uk-button:hover {
    color: #ffffff;
    border-color: #ffffff;
    border-radius: 5px;
}

.content-form .uk-hidden + div {
    margin-top: 15px;
}

.content-form .uk-button > i {
    font-size: 12px;
    margin-left: 5px;
}

.content-form > .uk-form > input,
.content-form > .uk-form > select {
    margin-bottom: 5px;
    padding: 0px 5px;
    border: 1px solid #dddddd;
    border-radius: 5px;

}
.content-form > .uk-form > input::placeholder,
.content-form > .uk-form > select{
    color:#999999 ;
}

h3.uk-panel-title {
    color: #004188;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.rd-dealer .uk-grid-margin + div {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* animacion svg */
.circle{fill:none;stroke:#004188;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .circle-dash{fill:none;stroke:#004188;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .check{fill:none;stroke:#dddddd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check-dash{fill:none;stroke:#dddddd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check {

          stroke-dasharray: 60 100;

          animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        @-moz-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        @keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        .check-dash {

          stroke-dasharray: 10 100;

          animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

        }



        @-webkit-keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        @-moz-keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        @keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        .circle {

          stroke-dasharray: 300 300;

          animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        @-moz-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        @keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        .circle-dash {

          stroke-dasharray: 10 300;

          animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          opacity: 0;

        }



        @-webkit-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}



        }



        @-moz-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}



        }



        @keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}





        }

.rd-cotiza table.uk-table img {
    width: 100%;
    max-width: 125px;
}

.rd-cotiza table.uk-table tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 769px) {
    .userinteraction-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .user-interaction .userinteraction-wrapper {
        min-width: 0px;
    }
    .user-interaction .userinteraction-wrapper .userinteraction-grid {
        margin-bottom: 15px;
        width: auto;
    }
}



@media screen and (max-width: 480px){
	.noticias h3 > a {
    font-size: 16px !important;
    line-height: 22px;
    }
    .img-footer {
    text-align: center;
}
}

div.uk-modal {
    z-index: 9999;
}

.form-test-drive input {
    border: 1px solid #cccccc !important;
    padding: 5px 10px !important;
    height: 40px !important;
    border-radius: 5px !important;
}

.form-test-drive .uk-grid > div.uk-grid-margin {
    margin-top: 15px;
}

.form-test-drive input::placeholder {
    color: #777777;
}

.form-test-drive .uk-button {
    background: #004188;
    color: #ffffff;
}

.uk-panel.header-menu-vehiculos .uk-panel img {
    width: 100%;
    max-width: 320px; 
    height: 190px;     
    object-fit: contain; 
    margin: 0 auto;
    display: block;
}