body{
  font-family: "Ubuntu";
  color: #1b1b1b;
}

a{color: #1b1b1b;}

h1{
  font-family: "Libre Baskerville";
  font-size: 45px;
  margin-bottom: 20px;
}
h1 strong, h1 i{font-size: 55px;}
ol li{margin-bottom: 15px;}

p.pequeno{
  text-align: justify;
  font-size: 11px;
}

.titulo{
  font-family: "Libre Baskerville";
  font-size: 45px;
  border-bottom: 1px solid #1b1b1b;
  margin-bottom: 20px;
}
.titulo a.btnMas{
  color: #019fff;
  font-size: 22px;
  font-style: italic;
  font-family: "Ubuntu";
  vertical-align: bottom;
  font-weight: 500;
  margin-top: 25px;
}
.titulo_menu_pequeno{
  background: #019fff;
  color: #fff;
  padding: 10px;
  display: block;
  font-family: "Libre Baskerville";
  font-weight: 700;  
  font-size: 18px;
}

.titulo_menu_pequeno .navbar-toggle{margin:0px; padding:0px; padding-right:10px}


h2{
  font-family: "Libre Baskerville";
  font-size: 35px;
  color: #fff;
}

h3{
  color: #019fff;
  border-bottom: 1px solid #019fff;
  padding-bottom: 3px;
  font-style: italic;
  font-size: 21px;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
}


h4{
  font-size: 20px;
  font-weight: 400;
}

.logo{margin-top: 10px;}

.container-fluid {
  max-width: 1140px !important; /*968*/
}

#slider{
  background: url("../images/slide-prueba.jpg");
  background-position: top;
  background-size: cover;
  height: 500px;
}

#bck-sac-mini{

  background: #0070b2; /* Old browsers */
  background: -moz-linear-gradient(top,  #0070b2 0%, #005a8f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0070b2), color-stop(100%,#005a8f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0070b2 0%,#005a8f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0070b2 0%,#005a8f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0070b2 0%,#005a8f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0070b2 0%,#005a8f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070b2', endColorstr='#005a8f',GradientType=0 ); /* IE6-9 */
  color: #fff;
  height: 90px;
}
.navbar-header{display: block; height: 100%;}
.navbar-header ul li{
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  }
.navbar-header ul li a{font-weight: bold; color: #fff; padding-top: 34px; padding-bottom: 35px; font-weight: 500;}

.navbar-header ul li a:hover,.navbar-header ul li a#selected{
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #82badb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#82badb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#82badb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#82badb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#82badb 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#82badb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#82badb',GradientType=0 ); /* IE6-9 */
  border-radius: 0px;
  color: #0064a0;
}

#slider{
  border-bottom: 2px solid #016fac;
  padding-top: 40px;
  padding-bottom: 40px;
}
#slider .texto{
  font-size: 18px;
  line-height: 1.5em;
  width: 55%;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 3%;
}
/** DESTACADO VARIEDADES **/

#destacado_variades{
  background: url("../images/logo-marca-de-agua.jpg") no-repeat center center;
  
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 4px solid #016fac;
  margin-bottom: 30px;
  overflow: hidden;
}
#destacado_variades img{
  display: block;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 10px;
}

#destacado_variades ul li{list-style: none; margin: 0px; text-align: center; font-size: 27px; color: #016fac; vertical-align: top; width: 24%; margin-right: 1%}
#destacado_variades ul li ul{ border-top: 1px solid #016fac; width: 100%;}
#destacado_variades ul li ul li{text-transform: uppercase; font-size: 17px; padding: 12px 0px; border-bottom: 1px solid #fff; background: #DFEDF8; width: 100%;}
#destacado_variades ul{list-style: none; margin: 0px; padding: 0px;}


@media (max-width: 768px) {
  #destacado_variades ul li{
    width: 100%;
    margin:0;
    font-size: 20px;
    margin-top: 10px;
  }
  #destacado_variades ul li ul li{
    padding: 5px;
    font-size: 15px;
  }

}

/** NOTICIAS PORTADA **/

.destacado-noticias a{
  font-size: 22px;
  line-height: normal;
  margin-bottom: 10px;
}
.destacado-noticias img{border-top: 1px solid #019fff; margin-bottom: 20px;}

/** SERVICIOS PORTADA **/
.destacado-servicios{
  font-family: "Ubuntu";
  background: #0066a4;
  color: #fff;
  font-size: 15px;
  font-weight: lighter;
  line-height: normal;
  padding: 40px;
}

.servicios ul{margin-top: 70px; width: 100%;}
.servicios ul li{text-align: center; font-size: 17px; color: #02A0FB; font-weight: bold; width: 20%}
.servicios ul li:first-child{width: 35%;}

.servicios ul.menu-servicios li a{color: #02A0FB;}

.servicios .titulo{}

#servicios1{}

/** SEMILLAS **/
.izquierda{
  padding-left: 0px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.navbar-categories{
  background: #c3ddee;
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
}
.navbar-categories ul li .favorito{
  background:url("../images/estrella-destacado.png") no-repeat #84c26d;
  background-position: 15px 3px;
  border-radius: 0px 3px 3px 0px;
  width: 33px;
  float: left;
}
.navbar-categories ul li span{
  text-transform: uppercase;
  font-size: 16px;
  color: #099AFF;
  font-weight: bold;
  padding: 10px;
  margin: 0px;
  font-style: italic;
  display: block;
  cursor: pointer;
}
.navbar-categories ul li a span{ padding: 0px;}
.navbar-categories ul li ul{
  display: none;
  background: #197cb7; /* Old browsers */
  background: -moz-linear-gradient(top,  #197cb7 0%, #19699a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#197cb7), color-stop(100%,#19699a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #197cb7 0%,#19699a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #197cb7 0%,#19699a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #197cb7 0%,#19699a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #197cb7 0%,#19699a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#197cb7', endColorstr='#19699a',GradientType=0 ); /* IE6-9 */
}
.navbar-categories ul li ul{/*padding: 25px;*/ padding: 25px 0px 25px 0px;}
.navbar-categories ul li ul li{list-style: none; padding: 0px; margin: 0px; margin-bottom: 3px;}
.navbar-categories ul li ul li a{
  text-transform: none;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  margin: 0px;
  font-style: normal;
  font-weight: lighter;
  padding: 0px;
  display: block;
  padding: 2px 35px 2px 40px;
}
.navbar-categories ul li ul li a:hover,.navbar-categories ul li ul li a#selected{
  background:#84c26d;
  text-decoration: none;
}

/** FICHA PRODUCTO **/

.lst-productos{
  border: 1px solid #e7e7e9;
  border-radius: 4px;
  background: #fcfdff;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 40px;
}
.izquierda-producto{
}
.derecha-producto{
}
.derecha-producto .img-thumbnail{
  display: block;
  margin: auto;
  border: 1px solid #019fff;
}

.texto-descripcion h3{
  font-style: normal;
  border: none;
  color: #1b1b1b;
  font-size: 16px;  
}
.texto-descripcion strong{color: #197CB7; font-weight: normal;}
.texto-descripcion p{
    font-family: "Ubuntu Condensed";
    font-size: 16px;
}

/** EMPRESA **/

.seccion-empresa{
  padding-top: 50px;
  font-size: 18px;
  font-weight: lighter;
  
}
.seccion-empresa .titulo-empresa{
   font-family: "Libre Baskerville";
   font-size: 60px;
   line-height: 1em;
   padding-top: 10px;
   padding-right: 50px;
}
.seccion-empresa .titulo-empresa span{display: block;}
.seccion-empresa .p1{ margin-top: 20px; font-weight: lighter; }

.seccion-empresa .p2{ margin-top: 20px; font-weight: lighter; margin-right: 50px; margin-left: 50px;}

.seccion-empresa img{margin-bottom: 60px;}
.seccion-empresa .imagen-pie{padding: 0px;}
.seccion-empresa .imagen-pie img{margin-bottom: 0px;}

.seccion-empresa .imgan-estrella{height: 200px; margin-top: 30px;}


/** SERVICIOS **/

.servicios .titulo{border: none; font-size: 60px; margin-bottom: 0px; margin-top: 40px; padding-bottom: 30px;}
#servicios1{
  border-top: 1px solid #02A0FB;
  background: #feffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #feffff 0%, #ddf1f9 35%, #cdecfe 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#cdecfe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#cdecfe',GradientType=0 ); /* IE6-9 */
}
#servicios1 h1{color: #02A0FB; font-size: 45px; margin-top: 40px; font-weight: lighter; line-height: 1.7em;}

#servicios2{

  background: #006fb6; /* Old browsers */
  background: -moz-linear-gradient(top,  #006fb6 0%, #005a8f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006fb6), color-stop(100%,#005a8f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #006fb6 0%,#005a8f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #006fb6 0%,#005a8f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #006fb6 0%,#005a8f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #006fb6 0%,#005a8f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fb6', endColorstr='#005a8f',GradientType=0 ); /* IE6-9 */


  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  font-size: 18px;
  font-weight: lighter;
}
#servicios2 p{font-weight: lighter;}
#servicios2 h2{font-size: 45px;}
#servicios2 em{margin-bottom: 20px; margin-top: 5px; display: block;}
#servicios2 img{ box-shadow:-4px 4px 10px 0px rgba(50, 50, 50, 0.3);}

#servicios3{
  font-size: 18px;
  background: #feffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #feffff 0%, #ddf1f9 35%, #cdecfe 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#cdecfe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 35%,#cdecfe 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#cdecfe',GradientType=0 ); /* IE6-9 */
  font-weight: lighter;
}
#servicios3 h2{font-size: 45px; color: #02A0FB; margin-top: 60px;}

#servicios4{

  background: #006fb6; /* Old browsers */
  background: -moz-linear-gradient(top,  #006fb6 0%, #005a8f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006fb6), color-stop(100%,#005a8f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #006fb6 0%,#005a8f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #006fb6 0%,#005a8f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #006fb6 0%,#005a8f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #006fb6 0%,#005a8f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fb6', endColorstr='#005a8f',GradientType=0 ); /* IE6-9 */
  font-weight: lighter;

  color: #fff;
  font-size: 18px;
  font-weight: lighter;
  margin-bottom: -30px;
}
#servicios4 p{font-weight: lighter;}
#servicios4 h2{font-size: 45px; margin-top: 60px;}


/** NOTICIAS **/

.noticia_destacada{
  overflow: hidden;
  margin-bottom: 30px;
  padding: 0px;
}
.noticia_destacada img{
  width: 100%;
  overflow: hidden;
}
.noticia_destacada .texto{
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  bottom: 0px;
  padding: 5%;
  width: 100%;
  display: block;
  font-size: 1.3em;
  overflow: hidden;
}
.noticia_destacada .texto a{
  color: #fff;
  text-decoration: none;
  line-height: normal;
  border-color: #fff;
}
.noticia-lista{
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.noticia-lista .texto{min-height: 200px;}
.noticia-lista a.btnMasPequeno{position: absolute;bottom: 0px; width: 100%;}

.noticia h1{font-size: 30px;}
.noticia .texto{margin-top: 20px;}
.noticias .tags{font-style: italic; font-size: 11px; display: block;}
.noticias .tags a{color: #1978B1; text-decoration: underline;}

.noticia_destacada .tags,.noticia_destacada .tags a{color: #fff;}

.noticia .galeria-fotos{margin:0px; padding:0px; list-style:none; margin-top:5px}
.noticia .galeria-fotos li{margin-top:5px; margin-bottom:5px}

.img-noticia{max-width: 450px;}

/** CONTACTO **/

#map {
  width:100%;
  height:250px;
  display:block;
}

/** PIE **/

.pie{
  background: #0070b2; /* Old browsers */
  background: -moz-linear-gradient(top,  #0070b2 0%, #005a8f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0070b2), color-stop(100%,#005a8f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0070b2 0%,#005a8f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0070b2 0%,#005a8f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0070b2 0%,#005a8f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0070b2 0%,#005a8f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070b2', endColorstr='#005a8f',GradientType=0 ); /* IE6-9 */
  color: #fff;
  min-height: 200px;
  overflow: hidden;
  clear: both;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
}
.pie a{color: #fff;}
.pie .aviso{font-style: italic; font-size: 12px; margin-top: 20px; text-align: center;}
/** BOTONES **/

.btnMasPequeno{
  color: #019fff;
  border-bottom: 1px solid #019fff;
  padding-bottom: 10px;
  font-style: italic;
  font-size: 21px;
  font-weight: 500;
  display: block;
  text-align: right;
}

.btnVariedades{
  border:none;
  background: none;
  font-family: "Ubuntu";
  background: #019fff;
  border-radius: 4px;
  color: #fff;
  min-width: 100px; 
  text-transform: uppercase;
  padding: 20px;
  font-size: 25px;
  margin-top: 30px;
}
.btnEnviar{
  clear: both;
  padding: 0px;
  min-width: 200px;
  width: 200px;
  float: none;
  display: block;
  margin: auto;
  margin-top: 20px;
  font-size: 20px;
  padding:10px;
}

.btnContacto{
  background: #84c26d;
  border-radius: 4px;
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding: 18px;
  font-size: 20px;
  margin-top: 30px;
}


.btnPDF{
  border:none;
  background: none;
  font-family: "Ubuntu";
  background: #019fff;
  border-radius: 4px;
  color: #fff;
  width: 300px; 
  text-transform: uppercase;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
  float: right;
}
.btnPDF:hover{background: #84c26d; color: #fff; text-decoration: none;}

.modal{text-align: center;}
.modal h4{
  font-size: 25px;
  color: #019fff;
  font-weight: 700;

}



  .cook{
    width:100%;
    margin:auto;
    text-align: center;
    position:fixed;
    font-size:13px;
    background:#fff;
        color: #333;
        font-size: 11px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 999;
    display:none;
    line-height: normal;
    bottom:0px;
  }
  .cook a{
    color:#05618e;
    text-decoration: underline;
  }
  .cook button{font-size:11px; cursor:pointer; margin: 0px; margin: auto;}

@media (max-width:1024px){ 
  .container-fluid{margin-left: 10px; margin-right: 10px;}
  .titulo{font-size: 24px;}
  .titulo_menu_pequeno{font-size: 16px;}
  .logo-pie{text-align: center; margin-bottom: 20px;}
  .pie{text-align: center;}
  .izquierda-producto h1{font-size: 30px;}
  .izquierda-producto .img-thumbnail{display: block; margin: auto; text-align: center; margin-top: 20px; margin-bottom: 20px; border: 1px solid #019fff;}
  .lst-productos{padding: 20px;}

  .logo{width: 100%; margin-top: 20px;}

  .navbar-header ul li{font-size: 13px;}

  .navbar-header ul li a{padding-top: 35px; padding-bottom: 37px;}

  #destacado_variades h1,#destacado_variades h1 i{font-size: 33px;}
  #destacado_variades .img-thumbnail{width: 80%;}

  .destacado-servicios{
    font-family: "Ubuntu";
    background: #0066a4;
    color: #fff;
    font-size: 14px;
    font-weight: lighter;
    line-height: normal;
    padding: 20px;
  }



  .btnVariedades{font-size: 18px; padding: 15px;}
  .btnMasPequeno,.destacado-noticias .btnMasPequeno{font-size: 17px;}
  .btnContacto{font-size: 14px; padding: 10px;}


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

  .logo{width: auto; margin: auto; text-align: center; display: block; margin-top: 10px;}
  .izquierda{padding: 0px;}
  .lst-productos{
    border: 0px;
    margin: 0px;
    padding: 0px;
  }

  #bck-sac-mini{
    height: auto;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: auto;
  }

  .navbar-header ul{
    padding: 0px;
    margin: 0px;
    width: 100%;
    clear: both;
    display: block;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .navbar-header ul li{
    width: 19%;
    display: inline-table;
    padding: 0px;
    margin: 0px;
  }
  .navbar-header ul li a{
    margin: 0px;
    padding: 0px;
  }
  #bck-sac-mini .container-fluid{margin: 0px;}
  .menu-cabecera{margin: 0px; padding: 0px;}

  .btnPDF{
    display: block;
    float: none;
    margin: auto;
  }

  .btnContacto{
    text-align: center;
    width: 70%;
    margin: auto;
    margin-top: 20px;
  }
  #destacado_variades{background: none; min-height: 0px; padding-bottom: 30px; padding-top: 20px;}
  #destacado_variades h4{font-size: 14px; font-weight: bold;}

  .servicios .titulo{font-size: 50px; text-align: center;}
  #servicios1 h1{font-size: 30px; text-align: center;}
  #servicios2 h2{font-size: 35px; display: block; padding-top: 30px;}
  #servicios3 h2{font-size: 35px; display: block; padding-top: 30px;}
  #servicios4 h2{font-size: 35px; display: block; padding-top: 30px;}

  #servicios3 .pull-right{display: block; float: none; margin: 0px; margin-bottom: 20px;}
  #servicios4 .pull-right{display: block; float: none; margin: 0px; margin-bottom: 20px;}
  
}

@media (max-width:640px){ 
    .navbar-header ul li{ font-size: 10px;}
    #destacado_variades h1,#destacado_variades h1 i{font-size: 24px;}


    .seccion-empresa .titulo-empresa{
       font-size: 50px;
       padding-right: 0px;
    }

    .seccion-empresa .p2{margin:0px; padding: 0px;}

    .seccion-empresa img{display: block; margin: auto; margin-bottom: 30px;}
    .seccion-empresa .imagen-pie{padding: 0px;}
    .seccion-empresa .imagen-pie img{margin-bottom: 0px;}

    .seccion-empresa .imagn-estrella {display: block; margin: auto; }

    .seccion-empresa{
      padding-top: 20px;
      font-size: 16px;  
    }

    .servicios ul li{
      width: 100% !important;
    }
    .servicios ul li a{
      font-size: 12px;
    }

    .menu-servicios,
    .servicios ul{
      margin: 0;
    }
    .servicios .titulo{
      font-size: 30px;
    }

    #servicios1 h1{
      font-size: 34px;
      line-height: normal;
    }
    #servicios1 h1 strong{
      font-size: 34px;
    }
    #servicios2 h2{
      padding: 0;
    }
    .btnPDF{
      margin-bottom: 20px;
      padding: 5px;
    }
}