@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body { font: 13px "Lato", sans-serif; }

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */
/* We like off-black for text. */
body, select, input, textarea { color: #333; }

a { color: #03f; }

a:hover { color: #69f; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection { background: #0F2238; color: #fff; text-shadow: none; }

::selection { background: #0F2238; color: #fff; text-shadow: none; }

/*	j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #fcd700; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }

mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color: #a9a9a9; }

textarea:-moz-placeholder { color: #a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote { padding: 16px; background: #eee; }

/*  SECTIONS  */
.section { clear: both; padding: 0px; margin: 0px; }

/*  COLUMN SETUP  */
.col { display: block; float: left; margin: 1% 0 1% 1.6%; }

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 { width: 100%; }

.span_3_of_4 { width: 74.6%; }

.span_2_of_4 { width: 49.2%; }

.span_1_of_4 { width: 23.8%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; }
  .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } }

/* Styles
-------------------------------------------------------------------------------*/
/* Estructura */
.fix-header { position: fixed !important; top: 0 !important; }

.wrapper { position: relative; }

.wsite { width: 90%; max-width: 1180px; margin: 0 auto; }

.table { display: table; width: 100%; height: 100%; }

.table-cell { display: table-cell; vertical-align: middle; }

/* HEADER */
header { position: fixed !important; top: 0 !important; z-index: 99; background-color: #ffffff; width: 100%; height: 70px; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); }

header #logo-cl { display: inline-block; max-width: 130px; margin-right: 20px; padding: 15px 0; }

header #main-nav { display: inline-block; height: 70px; vertical-align: top; }

header #main-nav ul { text-align: left; }

header #main-nav ul li { display: inline-block; margin-right: 10px; }

header #main-nav ul li a { text-decoration: none; font-size: 12px; color: #808080; text-transform: uppercase; }

/* SLIDER */
#slider { width: 100%; position: relative; }

#slider .foot-slide { height: 40%; position: absolute; bottom: 0; width: 100%; z-index: 2; }

#slider .foot-slide .next-btn { width: 130px; padding: 10px; text-align: center; margin: 0 auto; left: 0; right: 0; bottom: 0; position: absolute; background-color: #ffffff; color: #808080; text-decoration: none; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; text-transform: uppercase; }

#main-slider { width: 100%; height: 100%; }

#main-slider li { height: 100%; width: 100%; }

#main-slider li .table { background-size: contain; background-position: center center; background-repeat: no-repeat; position: relative; }

#main-slider li .text-slide { width: 100%; display: block; text-align: center; font-size: 36px; text-transform: uppercase; color: #ffffff; font-weight: 700; }

#slider-1 { text-transform: uppercase; text-align: right; font-size: 72px; font-weight: 900; color: #ffffff; text-shadow: -1px 1px 1px #2B2B2B; line-height: 66px; position: absolute; right: 50px; top: 150px; }

#slider-2 { text-transform: uppercase; text-align: left; font-size: 72px; font-weight: 900; color: #ffffff; text-shadow: -1px 1px 1px #2B2B2B; line-height: 66px; position: absolute; left: 50px; top: 150px; }

#slider-3 { text-transform: uppercase; text-align: right; font-size: 72px; font-weight: 900; color: #ffffff; text-shadow: -1px 1px 1px #2B2B2B; line-height: 66px; position: absolute; right: 50px; top: 150px; }

.slider-animales { text-transform: uppercase; text-align: left; font-size: 72px; font-weight: 900; color: #ffffff; text-shadow: -1px 1px 1px #2B2B2B; line-height: 66px; position: absolute; left: 50px; top: 150px; }

.videocl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 1280px; }

.razon-16 { text-transform: uppercase; text-align: center; font-size: 62px; font-weight: 900; color: #ffffff; text-shadow: 5px 4px 3px #1f1f1f; line-height: 66px; margin-top: 50px; }

.razon-16 span { display: block; font-weight: 900; }

.razon-16 .a { font-size: 105px; }

.razon-16 .b { font-size: 112px; line-height: 112px; }

.pack-razon { position: absolute; right: 0; top: 120px; z-index: 2; }

.pack-razon h2 { font-weight: 900; color: #0F2238; font-size: 24px; text-transform: uppercase; text-align: right; padding: 5px 25px; }

.pack-razon h3 { font-weight: 900; color: #0F2238; font-size: 32px; padding: 5px 25px 5px 35px; text-align: right; background-color: #ffffff; text-transform: uppercase; font-style: italic; }

.r-21 h2 { color: #ffffff !important; text-shadow: -1px 1px 1px #2B2B2B; }

/* MAIN VIDEO */
#main-video { width: 100%; height: 550px; position: relative; overflow: hidden; }

#main-video .bg-video { position: absolute; height: 1080px; z-index: 0; top: -45%; left: 0; width: 100%; }

#main-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

#cl-area { width: 100%; height: 550px; position: relative; overflow: hidden; }

#cl-area .video-box { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

#cl-area .video-box video { width: 100%; height: 100%; }

#cl-area img { display: block; margin: 0 auto; width: 100%; }

/* ATRIBUTOS */
#entorno { position: relative; width: 100%; height: 580px; background-color: #ffffff; padding: 10px; overflow: hidden; clear: both; }

#entorno #text-ent { position: absolute; left: 0; top: 0; padding: 10px; /*&:hover { width: 50% !important; z-index: 2; animation: mymove 450ms; z-index: 2 !important; } &:hover .texto-entorno { opacity: 1; }*/ }

#entorno #text-ent .p-area-ent { height: 100%; padding: 20px; border: 1px dashed #808080; }

#entorno #text-ent h2 { font-size: 36px; text-transform: uppercase; font-weight: 900; color: #0F2238; letter-spacing: -2px; margin-bottom: 15px; }

#entorno #text-ent p { font-size: 16px; text-align: right; color: #0F2238; font-weight: 300; width: 85%; float: right; clear: both; }

#entorno #ent-1 { position: absolute; left: 25%; top: 50%; }

#entorno #ent-1:hover { width: 50% !important; z-index: 2; animation: mymove 450ms; z-index: 2 !important; }

#entorno #ent-1:hover .texto-entorno { opacity: 1; }

#entorno #ent-2 { position: absolute; left: 0; top: 50%; }

#entorno #ent-2 .texto-entorno { float: none; }

#entorno #ent-2:hover { width: 50% !important; animation: mymove 450ms; z-index: 2 !important; }

#entorno #ent-2:hover .texto-entorno { opacity: 1; }

#entorno #ent-3 { position: absolute; left: 25%; top: 0; }

#entorno #ent-3:hover { width: 50% !important; animation: mymove 450ms; z-index: 2 !important; }

#entorno #ent-3:hover .texto-entorno { opacity: 1; }

#entorno #ent-4 { position: absolute; left: 50%; top: 0; }

#entorno #ent-4:hover { width: 50% !important; animation: mymove 450ms; z-index: 2 !important; }

#entorno #ent-4:hover .texto-entorno { opacity: 1; }

#entorno #ent-5 { position: absolute; left: 75%; top: 0; }

#entorno #ent-5:hover { left: 50%; width: 50% !important; animation: mymove 450ms; z-index: 2 !important; }

#entorno #ent-5:hover .texto-entorno { opacity: 1; }

#entorno #ent-6 { position: absolute; left: 50%; top: 50%; }

#entorno #ent-6 .texto-entorno { float: none; }

#entorno #ent-6:hover .texto-entorno { opacity: 1; }

#entorno .img-entorno { background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; z-index: 1; }

#entorno .square { width: 25%; height: 50%; }

#entorno .rectangle { width: 50%; height: 50%; }

#entorno .vertical { width: 25%; height: 100%; }

#entorno .texto-entorno { width: 43%; height: 100%; background-color: rgba(255, 255, 255, 0.85); float: right; position: relative; opacity: 0; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; display: table; padding: 0 20px; }

#entorno .texto-entorno p { display: table-cell; vertical-align: middle; left: 0; right: 0; margin: 0 auto; width: 85%; font-size: 15px; font-weight: 300; text-align: justify; color: #0F2238; }

@keyframes mymove { 0% { z-index: 1; }
  0.01% { z-index: 2; }
  100% { z-index: 2; } }

/* UBICACION */
#ubicacion { width: 100%; }

#ubicacion img { display: block; margin: 0 auto; width: 100%; }

/* BARRIOS */
#barrios { width: 100%; height: 550px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/barrios-antofagasta.jpg); }

#barrios .wsite { position: relative; }

#barrios .wsite .presentation-box { position: absolute; right: 0; width: 450px; padding: 25px; background-color: rgba(255, 255, 255, 0.8); color: #808080; font-size: 16px; font-weight: 300; text-align: justify; }

/* Proyectos
-------------------------------------------------------------------------------*/
#proyectos { padding: 10px 0; width: 100%; }

#proyectos .proyect-carousel { width: 100%; }

/* GENERAL STYLES */
.link-proyecto { width: 20%; height: 130px; display: inline-block; font-size: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; text-decoration: none; padding: 10px; }

.link-proyecto .table { opacity: 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.link-proyecto:hover .table { background-color: rgba(0, 0, 0, 0.63); opacity: 1; }

.link-proyecto .name-proyecto { text-align: center; width: 100%; color: #ffffff; text-transform: uppercase; font-size: 14px; display: block; }

.border-top { background-image: url(../img/border-top.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; height: 50px; }

.border-bot { background-image: url(../img/border-bot.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; height: 50px; }

.block-proyecto { width: 100%; height: 100%; padding: 75px 0; border-bottom: 1px solid #0f2238; }

.block-proyecto .info-proyecto { width: 35%; float: left; position: relative; }

.block-proyecto .info-proyecto .logo-proyecto { width: 85px; padding-left: 3px; }

.block-proyecto .info-proyecto .titulo-proyecto { font-size: 21px; color: #808080; margin: 10px 0; font-weight: 700; padding-right: 25px; padding-left: 3px; }

.block-proyecto .info-proyecto .desc-proyecto { font-size: 12px; color: #808080; margin-bottom: 10px; font-weight: 300; padding-right: 25px; padding-left: 3px; }

.block-proyecto .info-proyecto hr { width: 40px; color: #808080; margin-left: 3px; }

.block-proyecto .info-proyecto .bullets-proyecto { color: #808080; font-weight: 400; margin: 0 0 10px; padding-right: 25px; padding-left: 3px; }

.block-proyecto .info-proyecto .bullets-proyecto .bullet { display: block; margin-right: 5px; }

.block-proyecto .info-proyecto .btn-conocermas { display: block; width: max-content; width: -moz- max-content; width: -webkit- max-content; padding: 7px 10px; color: #ffffff; background-color: #0F2238; text-decoration: none; text-transform: uppercase; cursor: pointer; margin: 10px 3px 30px; }

.block-proyecto .info-proyecto .gallery-btn { display: block; width: 100%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; margin: 0; border: 3px solid #ffffff; }

.block-proyecto .info-proyecto .last-ph { position: absolute; bottom: 0; }

.block-proyecto .images-proyecto { float: left; width: 65%; }

.block-proyecto .images-proyecto .gallery-btn { display: block; width: 55%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; margin: 0; border: 3px solid #ffffff; }

.block-proyecto .images-proyecto .gallery-btn-2 { display: block; width: 100%; height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; margin: 0; border: 3px solid #ffffff; }

#detalle-proyectos .block-proyecto:nth-child(even) .border-top { padding-bottom: 75px; }

#detalle-proyectos .block-proyecto:nth-child(even) .border-bot { padding-top: 75px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto { float: right; text-align: left !important; padding-top: 3px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .logo-proyecto { margin-left: 25px; padding-right: 3px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .titulo-proyecto { padding-left: 25px; padding-right: 3px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .desc-proyecto { padding-left: 25px; padding-right: 3px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .splitter { position: relative; width: 100%; height: 1px; margin: 15px 0; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .splitter hr { margin-left: 25px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .bullets-proyecto { padding-left: 25px; padding-right: 3px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .btn-conocermas { margin-left: 25px; }

#detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .gallery-btn { display: block; width: 100%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; margin: 0; border: 3px solid #ffffff; }

#detalle-proyectos .block-proyecto:nth-child(even) .images-proyecto { float: right; width: 65%; }

#detalle-proyectos .block-proyecto:nth-child(even) .images-proyecto .gallery-btn { display: block; width: 55%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; margin: 0; border: 3px solid #ffffff; float: right; clear: both; }

#detalle-proyectos .block-proyecto:nth-child(even) .images-proyecto .gallery-btn-2 { display: block; width: 100%; height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; margin: 0; border: 3px solid #ffffff; clear: both; }

/* BRISAS DE COSTA LAGUNA */
/* Media queries
-------------------------------------------------------------------------------*/
footer { width: 100%; padding: 25px 0; background-color: #ffffff; }

footer .logo-foot { max-width: 150px; margin: 0 auto; display: block; }

footer .copyright { margin: 5px 0; text-align: center; color: #808080; font-size: 12px; font-weight: 300; }

footer .foot-menu { width: 100%; }

footer .foot-menu ul { text-align: center; }

footer .foot-menu ul li { display: inline-block; margin: 0 7px; }

footer .foot-menu ul li a { color: #808080; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 10px; }

.mobile { display: none; }

/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) { /* .hide { display: none !important; } */
  .slide-in { left: 0 !important; }
  .mobile { display: block; }
  #btn-menu { display: inline-block; float: right; clear: both; height: 70px; }
  #btn-menu a { text-decoration: none; font-size: 22px; color: #808080; cursor: pointer; }
  #main-nav { display: block !important; background-color: rgba(255, 255, 255, 0.9) !important; width: 100% !important; position: absolute !important; top: 70px !important; height: auto !important; left: 100%; z-index: 97; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; }
  #main-nav ul { text-align: right !important; }
  #main-nav ul li { display: block !important; padding: 15px !important; margin: 0 !important; }
  #main-nav ul li a { text-decoration: none !important; font-size: 13px !important; color: #808080; text-transform: uppercase; }
  .animal-fantastico { background-position: 60% 50% !important; }
  #slider-1 { font-size: 32px; line-height: 30px; text-align: left; left: 20px; }
  #slider-2 { font-size: 32px; line-height: 30px; text-align: left; left: 20px; }
  #slider-3 { font-size: 32px; line-height: 30px; text-align: left; left: 20px; }
  .slider-animales { font-size: 32px; line-height: 30px; text-align: left; left: 20px; }
  #cl-area { height: 180px; }
  #entorno #entorno-desc { width: 100%; }
  #proyectos { height: 150px; }
  .block-proyecto .info-proyecto { width: 90%; float: none; }
  .block-proyecto .images-proyecto { float: none; width: 90%; }
  .block-proyecto .images-proyecto .gallery-btn { width: 100%; }
  .block-proyecto .images-proyecto .gallery-btn-2 { width: 100%; height: 180px; }
  #entorno { height: auto; }
  #entorno #text-ent { position: relative; height: auto !important; }
  #entorno #ent-1 { position: relative; left: 0; top: 0; }
  #entorno #ent-1:hover, #entorno #ent-1:focus { width: 100% !important; z-index: 2; animation: mymove 450ms; z-index: 2 !important; }
  #entorno #ent-1:hover .texto-entorno, #entorno #ent-1:focus .texto-entorno { opacity: 1; }
  #entorno #ent-2 { position: relative; left: 0; top: 0; }
  #entorno #ent-2 .texto-entorno { float: none; }
  #entorno #ent-2:hover, #entorno #ent-2:focus { width: 100% !important; animation: mymove 450ms; z-index: 2 !important; }
  #entorno #ent-2:hover .texto-entorno, #entorno #ent-2:focus .texto-entorno { opacity: 1; }
  #entorno #ent-3 { position: relative; left: 0; top: 0; }
  #entorno #ent-3:hover, #entorno #ent-3:focus { width: 100% !important; animation: mymove 450ms; z-index: 2 !important; }
  #entorno #ent-3:hover .texto-entorno, #entorno #ent-3:focus .texto-entorno { opacity: 1; }
  #entorno #ent-4 { position: relative; left: 0; top: 0; }
  #entorno #ent-4:hover, #entorno #ent-4:focus { width: 100% !important; animation: mymove 450ms; z-index: 2 !important; }
  #entorno #ent-4:hover .texto-entorno, #entorno #ent-4:focus .texto-entorno { opacity: 1; }
  #entorno #ent-5 { position: relative; left: 0%; top: 0; }
  #entorno #ent-5:hover, #entorno #ent-5:focus { left: 0; width: 100% !important; animation: mymove 450ms; z-index: 2 !important; }
  #entorno #ent-5:hover, #entorno #ent-5:focus .texto-entorno { opacity: 1; }
  #entorno #ent-6 { position: relative; left: 0%; top: 0%; }
  #entorno #ent-6 .texto-entorno { float: none; }
  #entorno #ent-6:hover .texto-entorno, #entorno #ent-6:focus .texto-entorno { opacity: 1; }
  #entorno .img-entorno { background-position: center center; background-size: cover; background-repeat: no-repeat; float: none; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; z-index: 1; margin-bottom: 10px; }
  #entorno .square, #entorno .rectangle, #entorno .vertical { width: 100% !important; height: 160px !important; }
  #entorno .texto-entorno { width: 60%; height: 100%; background-color: rgba(255, 255, 255, 0.85); float: right; position: relative; opacity: 0; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; display: table; padding: 0 20px; }
  #entorno .texto-entorno p { display: table-cell; vertical-align: middle; left: 0; right: 0; margin: 0 auto; width: 95%; font-size: 12px; font-weight: 300; text-align: justify; color: #0F2238; }
  @keyframes mymove { 0% { z-index: 1; }
    0.01% { z-index: 2; }
    100% { z-index: 2; } }
  #detalle-proyectos .block-proyecto:nth-child(even) .border-top { padding-bottom: 75px; }
  #detalle-proyectos .block-proyecto:nth-child(even) .border-bot { padding-top: 75px; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto { float: none; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .logo-proyecto { margin-left: 0; padding-right: 3px; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .titulo-proyecto { padding-left: 0; padding-right: 3px; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .desc-proyecto { padding-left: 0; padding-right: 3px; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .splitter { position: relative; width: 100%; height: 1px; margin: 15px 0; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .splitter hr { margin-left: 0; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .bullets-proyecto { padding-left: 0; padding-right: 3px; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .btn-conocermas { margin-left: 0; }
  #detalle-proyectos .block-proyecto:nth-child(even) .info-proyecto .last-ph { position: relative !important; }
  #detalle-proyectos .block-proyecto:nth-child(even) .images-proyecto { float: none; width: 90%; }
  #detalle-proyectos .block-proyecto:nth-child(even) .images-proyecto .gallery-btn { width: 100%; height: 180px; }
  #detalle-proyectos .block-proyecto:nth-child(even) .images-proyecto .gallery-btn-2 { width: 100%; height: 180px; }
  .last-ph { position: relative !important; }
  .razon-16 { font-size: 26px; line-height: 29px; }
  .razon-16 .a { font-size: 44px; }
  .razon-16 .b { font-size: 47px; line-height: 45px; }
  .pack-razon { top: 100px; }
  .pack-razon h2 { font-size: 18px; }
  .pack-razon h3 { font-size: 21px; } }

/* Print styles
-------------------------------------------------------------------------------*/