a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {  }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

b,
strong {
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

ul,
ol {
  list-style: none;
}

li {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}

body {
  font: 13px / 1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}

pre,
code {
  font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

body {
  background: white;
  color: #333;
  text-align: center;
}

a {
  color: blue;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

h1 {
  padding-top: 20px;
}

.example-block {
  background: #eee;
  font-size: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
}

.grid-container {
  padding-bottom: 20px;
}

.grid-container > hr {
  margin-left: 10px;
  margin-right: 10px;
}

div[class*="push-"] section {
  background: #dec;
}

div[class*="pull-"] section {
  background: #fcd;
}

.dynamic-px-width {
  display: block;
}

/*_______________________________________________________________________________________________

  My shit
  _______________________________________________________________________________________________ */
  
  html, body {
    background: #F0EEEE;
    min-height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'open_sansregular';
    font-size: 14px;
    line-height: 1.2;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0eeee+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f0eeee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f0eeee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f0eeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0eeee',GradientType=0 ); /* IE6-9 */
  }

  * {
    box-sizing: border-box;
  }
  .grid-container {
    max-width: 100% !important;
    padding: 0 !important;
  }
  .topBar {
    background: #E41E0A;
    font-size: 13px;
  }
  .topBar .wrapper {
    width: 100%;
    max-width: calc(1200px + 2vw);
    margin: 0 auto;
  }
  .topBar .topMenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: center;
    width: 100%;
    margin: 0 auto;
  }
  .topBar a {
    line-height: 30px;
    padding: 0 1vw;
    color: #FFF;
  }
  .topBar a::first-letter {
    text-transform: uppercase;
  }
  .topBar a.active {
    line-height: 30px;
    padding:  0 1vw;
    color: #FFF;
    background: #000;
  }
  
  .head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 90px;  
  }
  .head .site-name,
  .head .partner {
    margin: auto 0;
    max-width: 33.333%;
    max-height: 70px;
    cursor: pointer;
  }
  .site-name img, 
  .partner img {
    max-height: 100%;
    max-width: 100%;
  }
  .wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .navBar {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: auto;
    flex-wrap: nowrap;
    margin-bottom: -60px;
    font-size: 18px;
    z-index: 2;
  }
  .navBarTrigger {    display: none;  }
  .navBar a {
    background: #E41E0A;
    line-height: 60px;
    padding: 0 1.1vw;
    margin-right: 2px;
    white-space: nowrap;
    color: #FFFFFF;
  }
  .navBar a::first-letter{
    text-transform: uppercase;
  }
  .navBar a:hover,
  .navBar a.active {
    background: #000000;
    text-decoration: none;
  }
  .teaser {
    position: relative;
    display: block;
    width: 100%;
    height: 520px;
    overflow: hidden;
  }
  .teaser .slick-list {
    min-height: 100%;
  }
  .teaser .slick-track {
    min-height: 100%;
  }
  .teaser .slide {
    position: relative;
    width: 100%;
    height: 520px;
    overflow: hidden;
    background-position: 50%, 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .slick-track {
                                                          display: flex !important;
                                                        }
                                                        .slick-track .slick-slide {
                                                          display: flex !important;
                                                          height: auto !important;
                                                        }
                                                        .slick-slide div {
                                                          width: 100%;
                                                        }
  #slide1{
    background-image: url(../img/slide1.jpg);
  }
  #slide2{
    background-image: url(../img/slide2.jpg);
  }
  #slide3{
    background-image: url(../img/slide3.jpg);
  }

  #cheques .teaser,
  #servicios .teaser,
  #consultas .teaser {
    position: relative;
    display: block;
    width: calc(50% - 10px);
    padding: 0;
    height: auto;
    min-height: 300px; 
    overflow: hidden;
  }
  #cheques .slide,
  #servicios .slide,
  #consultas .slide {
    position: relative;
    width: 100%;
    height:calc(100% + 3px); margin-bottom: -3px;
    min-height: 30vh;
    overflow: hidden;
    background-position: 50%, 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #cheques #slide1{
    background-image: url(../img/cheques1.jpg);
  }
  #cheques #slide2{
    background-image: url(../img/cheques2.jpg);
  }
  #cheques #slide3{
    background-image: url(../img/cheques3.jpg);
  }
  #servicios #slide1{
    background-image: url(../img/servicios1.jpg);
  }
  #servicios #slide2{
    background-image: url(../img/servicios2.jpg);
  }
  #servicios #slide3{
    background-image: url(../img/servicios3.jpg);
  }
  #consultas #slide1{
    background-image: url(../img/consultas1.jpg);
  }
  #consultas #slide2{
    background-image: url(../img/consultas2.jpg);
  }
  #consultas #slide3{
    background-image: url(../img/consultas3.jpg);
  }
  
  .teaser .slide p {
    position: absolute;
    display: inline-block;
    left: 35px;
    bottom: 35px;
    text-align: left;
    color:#000000;
    font-size: 40px;
    margin-bottom: 0;
  }
  .teaser .slide p span {
    background: rgba(255,255,255,.8);
    display: inline-block;
    clear: both; float: left;
    margin-bottom: 2px;
    padding: 0 2px 5px 2px;
  }
  .iconBar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 20px 0 20px 0;
  }
  .iconItem {
    width: calc(25% - 15px);
    display:flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0; 
    background: #FFFFFF;
    cursor: pointer;
  }
  .iconItem a {
    display:flex;
    flex-direction: row;
    align-items: center;
    color: inherit; text-decoration: none; 
  }
  .iconItem .icon {
    width: 100px;
    height: 100px;
  }
  .iconItem .icon {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .iconItem:nth-child(1) .icon {
    background: url('../img/icon-1.svg');
  }
  .iconItem.red:nth-child(1) .icon {
    background: url('../img/icon-1w.svg');
  }
  .iconItem:nth-child(2) .icon {
    background: url('../img/icon-2.svg');
  }
  .iconItem.red:nth-child(2) .icon {
    background: url('../img/icon-2w.svg');
  }
  .iconItem:nth-child(3) .icon {
    background: url('../img/icon-3.svg');
  }
  .iconItem.red:nth-child(3) .icon {
    background: url('../img/icon-3w.svg');
  }
  .iconItem:nth-child(4) .icon {
    background: url('../img/icon-4.svg');
  }
  .iconItem.red:nth-child(4) .icon {
    background: url('../img/icon-4w.svg');
  }
  .iconItem .icon img {
    /**************************************/display: none;
    width: 100px;
    height: 100px;
    margin: auto;
  }
  .iconItem .text {
    width: auto;
    max-width: 65%;
    text-align: left;
    padding-right: 10px;
  }
  .text p {
    margin-bottom: .2em;
    font-size: 16px;
  }
  .text p:nth-child(1) {
    font-size: 18px;
    font-family: 'open_sanssemibold';

  }
  .greyBar {
    background: #58595B;
    display: flex;
    flex-direction: row;
  }
  .greyBar a {
    color: #FFFFFF;
  }
  .greyBar div {
    color: #FFFFFF;
    padding: 20px 10px;
    width: 25%;
    text-align: left;
  }
  .greyBar div:nth-child(3){
    flex-grow: 2
  } 
  .greyBar div p {
    font-size: 14px;
    margin-bottom: 0;
  }
  .greyBar div p b { 
    font-family: 'open_sanssemibold';
    text-transform: uppercase;
  }
  .addBar {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .add_m {
    width: 590px; max-width: 100%;
    margin-right: 5px;
    /********************************/ display: none;
  }
  .add_s {
    width: 200px; 
    max-height: 70px;
    flex-shrink: 3;
    align-self: center;
    padding: 10px

  }
  .add_s img{
    max-height: 50px;
  }
  .add_s img,
  .add_m img {
    position: relative;
    max-width: 100%;
    margin: auto 
  }
  .footer {
    padding: 40px 0;
  }
  .footer a {
    color: inherit;
    text-decoration: none;
  }
  .footer b {
    font-family: 'open_sanssemibold';
  }
  .credits {
    display: inline-block;
    font-family: 'open_sansregular';
    font-size: 13px;
    color: rgba(0,0,0,.3)
  }
  .credits:hover {
    color: rgba(0,0,0,1);
  }
  .spacer-100 {
    height: 100px;
  }
  .spacer-80 {
    height: 80px;
  }
  .spacer-20 {
    height: 20px;
  }

  .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

/*-----------------------------------------------------------------------------------------------
  .agencias
  -----------------------------------------------------------------------------------------------*/
  .list-block {
    text-align: left;
  }
  .list-block {
    padding-bottom: 0;
    margin: 0;
    font-size: 16px;
  }
  .list-block h2 {
    background: #000000;
    padding: 12px 22px;
    font-family: 'open_sansregular';
    font-weight: normal;
    font-size: 18px; 
    color:#FFFFFF;
    margin: 0; margin-bottom: 20px;
  }
  .list-block h3 {
    background: #58595B;
    padding: 12px 22px;
    font-family: 'open_sansregular';
    font-weight: normal;
    font-size: 16px; 
    color:#FFFFFF;
    margin: 0;
  }
  .list-block h3 span {
    /*display: block;*/
    font-family: 'open_sansitalic';
    font-weight: normal;
  }
  .list-head {
    font-family: 'open_sanssemibold';
  }
  .list-row {
    background: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0; padding: 0 20px;
    border-bottom: #F0EEEE 1px solid;
  }.list-row:hover {
    background: #f7f7f7;
  }
  .list-row div {
    padding: 10px 0;
  }
  .dist {
    width: 12.5%;
  }
  .dire {
    width: auto;
    flex-grow: 2
  }

  .tele, .luvi, .saba, .domi {
    width: 12.5%;
    text-align: center;
  }
  .tele { display: none; }






/*-----------------------------------------------------------------------------------------------
  .tarifas
  -----------------------------------------------------------------------------------------------*/
  .tarifas {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .tarifa {
    display: inline-block;
    width: calc(50% - 10px);
  }
  .tarifa .spacer-20 { display: none;}
  .tarifa .list-block {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  .tarifa .list-block.active {
    margin: 0 0 4px 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  .tarifa .list-block h2 {
    background: #000000;
    padding: 12px 22px;
    font-family: 'open_sansregular';
    font-weight: normal;
    font-size: 18px; 
    color:#FFFFFF;
    margin: 0; margin-bottom: 0;
  }
  .tarifa .list-block h3 {
    background: #58595B;
    padding: 12px 22px;
    font-family: 'open_sansregular';
    font-weight: normal;
    font-size: 16px; 
    color:#FFFFFF;
    margin: 0;
    border-bottom: #F0EEEE 1px solid;
    position: relative; cursor: pointer;
  }
  .tarifa .list-block h3 span {
    /*display: inline-block;*/
    font-family: 'open_sansitalic';
    font-weight: normal;
  }
  .tarifa .list-block h3:hover:after { opacity: 1; }
  .tarifa .list-block h3:after {
    content: "‹"; opacity: .5;
    position: absolute; right: 8px; top: 50%; transform: translate(0,-50%) rotate(-90deg); 
    transform-origin: 50% 50%; 
    height: 14px; width: 14px; 
    text-align: center; line-height: 10px;
    font-size: 20px; 
  }
  .tarifa .list-block.active h3:hover:after { opacity: 1 }
  .tarifa .list-block.active h3:after {
    content: "‹"; opacity: 1;
    position: absolute; right: 8px; top: 50%; transform: translate(0,-50%) rotate(90deg);
    transform-origin: 50% 50%; 
    height: 14px; width: 14px; 
    text-align: center; line-height: 10px; 
  }
  .tarifas .list-row {display: none;}
  .tarifa .active .list-row {
    background: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0; padding: 0 20px;
    border-bottom: #F0EEEE 1px solid;
  }
  .tarifa .active  .list-row:hover {
    background: #f7f7f7;
  }

/*-----------------------------------------------------------------------------------------------
  .consultas
  -----------------------------------------------------------------------------------------------*/

  .banner {
    width: calc(50% - 10px);
    padding: 34px 20px 22px;
    text-align: left;
  }
  .banner.red {
    background: #E41E0A;
    color: #FFFFFF;
  }
  .banner.red a {
    color: #FFFFFF; text-decoration: underline;
    font-family: 'open_sanssemibold';
  }
  .banner h3 {
    font-family: 'open_sanssemibold';
    font-weight: normal;
    font-size: 20px; 
  }
  #consultas .banner.img {
    background: url('../img/consultas.jpg');
    background-size: cover;
    background-position: 50% 50%;
   /* min-height: 300px;*/
  }
  .consultas .list-row {
    display: flex;
    flex-direction: row; 
    flex-wrap: wrap;
    justify-content: space-between;
    /*margin: 0 10px;
    border-bottom: #EEEBEA 1px solid;*/
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  .consultas .list-row:hover {
    background: #FFFFFF;
  }
  .consultas .list-row.active {/*
    border-top: #58595B 1px solid; margin-top: -1px;
    border-bottom: #58595B 1px solid; 
    border-top: #F0EEEE 3px solid; 
    border-bottom: #F0EEEE 4px solid; 
    */
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

    margin: 4px 0; 
  }
  .preg, .resp {
    width: 100%;
  }
  .list-row div.preg {
    font-family: 'open_sanssemibold';
    font-weight: normal; 
    cursor: pointer;
  }
  .resp {
    /*display: none;*/
   -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
    opacity: 0; padding: 0 !important;
    height: 0; overflow: hidden;
  }
  .active .resp {
    /*display: block;*/
    opacity: 1; padding: 10px 0 !important;
    height: auto;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }

  /*-----------------------------------------------------------------------------------------------
  .cheques
  -----------------------------------------------------------------------------------------------*/

  .banner {
    width: calc(50% - 10px);
    padding: 34px 20px 22px;
    text-align: left;
  }
  .banner.red {
    background: #E41E0A;
    color: #FFFFFF;
  }
  p.large {
    font-size: 20px
  }
  .banner h3 {
    font-family: 'open_sanssemibold';
    font-weight: normal;
    font-size: 20px; 
  }
  #cheques .banner.img {
    /*background: url('../img/cheques.jpg');*/
    background-size: cover;
    background-position: 50% 50%;
    min-height: 100%
  }
  .cheques {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .cheque {
    display: inline-block;
    width: calc(50% - 10px);
  }
  .disclaim {
    border-bottom: 1px #58595B solid;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }


  /*-----------------------------------------------------------------------------------------------
  .calculadora
  -----------------------------------------------------------------------------------------------*/

  .calcula .banner {
    width: 100%;
    padding: 34px 20px 22px;
    text-align: left;
  }
  .red {
    background: #E41E0A !important;
    color: #FFFFFF;
  }
  .grey {
    background: #58595B !important;
    color: #FFFFFF;
  }
  .half {
    width: calc(50% - 10px);
    line-height: 2em;
  }
  .cantidad2 input,
  .cantidad input {
    width: 100%;
    line-height: 2em;
    font-size: 20px;
    padding: 0 4px;
    border:none;
    color: #58595B;
  }
  .dropdown {
    width: calc(100% - 90px);
    display: inline-block;
    margin: 0;
  }
  .dropdown select  {
    width: 100%;
    /*font-size: 20px;*/
    text-align: center;
    border:none;
    height: 42px;
    color: #58595B;
  }
  .submit {
    width: 86px;
    display: inline-block;
    text-align: right;
    margin: 0;
  }
  .submit input {
    width: 80px;
    background: #FFFFFF;
    line-height: 42px; transform:translateY(-1px);
    /*font-size: 20px;*/
    text-align: center;
    border:none; 
    color: #58595B
  }

  p.large {
    font-size: 20px
  }
  .banner h3 {
    font-family: 'open_sanssemibold';
    font-weight: normal;
    font-size: 20px; 
  }
  #calculadora .banner.img {
    background: url('../img/cheques.jpg');
    background-size: cover;
    background-position: 50% 50%;
    min-height: 300px
  }
  .calculadora {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .calcula {
    display: inline-block;
    width: calc(50% - 10px);
  }
  .disclaim {
    border-bottom: 1px #58595B solid;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }

  /*-----------------------------------------------------------------------------------------------
  .nosotros
  -----------------------------------------------------------------------------------------------*/

  .banner {
    width: calc(50% - 10px);
    padding: 34px 20px 22px;
    text-align: left;
  }
  .banner.red {
    background: #E41E0A;
    color: #FFFFFF;
  }
  .banner h3 {
    font-family: 'open_sanssemibold';
    font-weight: normal;
    font-size: 20px; 
  }
  .nosotros {
    padding: 0;
  }
  #nosotros .banner.img {
    background: url('../img/about.jpg');
    background-size: cover;
    background-position: 50% 50%;
    min-height: 300px;
  }
  .nosotros .list-block {
    background: #FFFFFF;
    padding-bottom: 0;
    margin: 0;
    font-size: 16px;
  }
  .nosotros .list-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 22px;
    border-bottom: #EEEBEA 1px solid;
  }
  .nosotros .list-block ul {
    list-style: none;
    padding: 22px;
    margin-bottom: 0
  }
  .nosotros .list-block li {
    margin-left: 0;
    padding-left: 16px;
    text-indent: -16px;
    padding-bottom: 1em;
  }
  
  .nosotros .list-block li:before {
    content: "-";
    display: inline-block;
    width: 16px;
    text-indent: 0;
  }
  /*----------------------------------------------------------------------------------------------
  .reclamos
  ----------------------------------------------------------------------------------------------*/
  .reclamos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .reclamo .banner {
    width: 100%;
    margin-bottom: 20px;
  }
  .reclamo {
    display: inline-block;
    width: calc(50% - 10px);
  }
  .reclamo-wrapper {
    padding: 22px;
    background: #FFFFFF;
  }
  .reclamos h4 {
    font-family: 'open_sanssemibold';
    font-weight: normal;
    font-size: 18px; 
  }
  .contact-info p {
    margin-bottom: 0
  }
  #reclamos .banner.img {
    background: url('../img/reclamos-banner.jpg');
    background-size: cover;
    background-position: 50% 50%;
    min-height: 300px;
    position: relative;
  }
  #reclamos .banner.img .button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1em;
    background: #E41E0A;
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
  }
  #reclamos .banner.img .button:hover {
    background: #000000;
  }

  /*----------------------------------------------------------------------------------------------
  .contacto
  ----------------------------------------------------------------------------------------------*/
  #contacto .banner.img {
    background: url('../img/contacto.jpg');
    background-size: cover;
    background-position: 50% 50%;
    min-height: 300px;
  }
  .form {
    max-width: 350px;
    font-size: 18px;
    line-height: 30px
  }
  .form-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
  }
  .form input {
    font-size: 18px;
    line-height: 30px
  }

  .form .button {
    margin-top: 20px;
    display: inline-block;
    padding: 10px;
    background: #ffffff;
    color: #E41E0A  !important;
    border-radius: 3px;
    text-decoration: none;
  }
  .form .button:hover {
    background: #000000;
    color: #E41E0A  !important;
  }
  .form input {
    padding: 0 10px;
    border:none;
    border-radius: 3px;
  }

  .form textarea:focus,
  .form input:focus{
    outline: none;
  }




















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


      @media screen and (max-width: 1199px) {
        .iconItem {
          width: calc(40% - 15px);
          display:flex;
          flex-direction: row;
          align-items: center; flex-grow: 1; margin: 10px;
          padding: 20px 0; margin-bottom: 10px;
          background: #FFFFFF;
        }
      }

  





















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





      /* Tablets (portrait) ----------- */
      @media only screen and (max-width : 768px) {
      /* Styles */
      .head {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        height: 90px;   
      }
      /* navBar is not the same */

      .navBarTrigger {
        display: block;
        background: #E41E0A;
        height: 60px;
        width: 60px;
        padding: 10px;
        margin-right: 1px;
      }
      .navBarTrigger span{
        display: block;
        width: 39px;
        height: 1px;
        background: #FFFFFF;
        margin-top: 0px;
        margin-bottom: 18px;
      }
      .navBarTrigger span:nth-child(2){}
      .navBarTrigger span:nth-child(3){
        margin-bottom: 0;
      }
      .active .navBarTrigger {
        background: #000000;
      }
      .active .navBarTrigger span{
        transform: rotate(45deg);
        transform-origin: left bottom;
        width: 53px
      }
      .active .navBarTrigger span:nth-child(2){
        width: 0
      }
      .active .navBarTrigger span:nth-child(3){
        transform: rotate(-45deg);
        transform-origin: left top;
      }

      .navBar a {
        display: none;
        background: #E41E0A;
        line-height: 50px;
        padding: 0 2vw;
        margin-right: 1px;
        white-space: nowrap;
        color: #FFFFFF;
      }
      .navBar a.active {
        display: block;
        background: #000000;
        line-height: 50px;
        padding: 0 2vw;
        margin-right: 1px;
        white-space: nowrap;
        color: #FFFFFF;
        text-decoration: none;
      }
      .navBar.active {
        position: absolute;
        top: 120px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%; height: calc(100% - 120px);
        background: #E41E0A;
        margin-bottom: 0;
        font-size: 17px;
        z-index: 2;
      }
      .navBar.active a {
        display: block; width: 100%;
        background: #E41E0A;
        line-height: 50px; flex-grow: 1;
        padding: 0 2vw;
        margin-right: 0;
        white-space: nowrap;
        color: #FFFFFF;
      }
      .standby .teaser, .standby .iconBar, .standby .greyBar {display: none;}
      body.standby {
        max-height: 99vh;
        overflow: hidden;
      }


      .teaser {
        position: relative;
        display: block;
        width: 100%;
        height: 384px;
        overflow: hidden;
      }
      #cheques .teaser,
      #servicios .teaser,
      #consultas .teaser {
        
        width: 100%;
        min-height: 1px
      }
      .teaser .slick-list {
        min-height: 100%;
      }
      .teaser .slick-track {
        min-height: 100%;
      }
      .teaser .slide {
        position: relative;
        width: 100%;
        height: 384px;
        overflow: hidden;
        background-position: 50%, 50%;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .teaser .slide p {
        position: absolute;
        display: inline-block;
        left: 30px;
        bottom: 30px;
        text-align: left;
        color:#000000;
        font-size: 30px;
        margin-bottom: 0;
      }
      #slide1{
        background-image: url(../img/medium/slide1.jpg);
      }
      #slide2{
        background-image: url(../img/medium/slide2.jpg);
      }
      #slide3{
        background-image: url(../img/medium/slide3.jpg);
      }


      .add_m {
        width:calc(50% - 15px);
        margin: 10px;
      }
      .add_s {
        width: 120px;
        flex-shrink: 3;
        align-self: center;
        padding: 10px

      }

      /*-----------------------------------------------------------------------------------------------
      .agencias
      -----------------------------------------------------------------------------------------------*/
      .agencias {
        margin: 0 10px;
      }
      .list-block {
        text-align: left;
      }
      .list-block {
        /*padding-bottom: 24px;*/
        margin: 0;
        font-size: 16px;
      }
      .list-block h3 {
        background: #58595B;
        padding: 10px 22px;
        font-family: 'open_sansregular';
        font-weight: normal;
        font-size: 16px; 
        color:#FFFFFF;
        margin: 0;
      }
      .list-row {
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 0;
        padding: 0 10px 0 10px;
        border-bottom: #F0EEEE 1px solid;
      }
      .list-head {
        display: none;
      }
      .list-row div {
        padding: 6px 0; 
        padding: 3px 0;
      }
      .dist {
        width: 100%;
        font-family: 'open_sanssemibold';
        padding: 20px 0 6px 0 !important;
      } .dist:before {
        content: 'Distrito';
        display: inline-block; display: none;
        width: 6em;
      }
      .dire {
        width: 100%;
      } .dire:before {
        content: 'Dirección';
        display: inline-block; display: none;
        width: 6em;
      }
      .tele, .luvi, .saba, .domi {
        width: 100%;
        text-align: left;
      } 
      .tele { display: none; }
      .tele:before {
        content: 'Teléfono';
        display: inline-block;
        width: 6em;
      } .luvi:before {
        content: 'Lun - Vie';
        display: inline-block;
        width: 6em;
      } .saba:before {
        content: 'Sábados';
        display: inline-block;
        width: 6em;
      } .domi:before {
        content: 'Domingos';
        display: inline-block;
        width: 6em;
      }
      /*-----------------------------------------------------------------------------------------------
      .tarifas
      -----------------------------------------------------------------------------------------------*/
      .tarifas {
        margin: 0 10px;
        display: block;
      }
      .tarifa {
        display: inline-block;
        width: 100%;
      }
      .tarifa:first-child{
        margin-bottom: 20px;
      }
      .tarifas .list-row {display: none;}
      .tarifa .active .list-row {
        background: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0; padding: 0 20px;
        border-bottom: #F0EEEE 1px solid;
      }
      .tarifas .list-row div {
        padding: 10px 0;
        border-bottom: #EEEBEA 1px solid;
      }
      .mont {
        width: 50%
      }
      .tari {
        text-align: right;
        width: 50%
      }

      /*-----------------------------------------------------------------------------------------------
      .consultas
      -----------------------------------------------------------------------------------------------*/
      #consultas {
        padding-bottom: 0;
      }
      .consultas {
        margin: 0 10px;
      }
      .row {
        display: flex;
        flex-direction:column;
        justify-content: space-between;
        padding: 10px;
      }
      .banner {
        width: 100%;
        padding: 10px;
        text-align: left;
      }
      #nosotros .banner.img {
        background: url(../img/about.jpg);
        background-size: cover;
        background-position: 50% 50%;
        min-height: 33vh;
      }
      .banner.red {
        background: #E41E0A;
        color: #FFFFFF;
      }
      #consultas .banner.img {
        background: url('../img/consultas.jpg');
        background-size: cover;
        background-position: 50% 50%;
        /*min-height: 33vh;*/
      }
      .consultas .list-row {
        display: flex;
        flex-direction: row; 
        flex-wrap: wrap;
        justify-content: space-between;
        /*margin: 0 10px;
        border-bottom: #EEEBEA 1px solid;*/
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;

      }
      .consultas .list-row.active {/*
        border-top: #58595B 1px solid; margin-top: -1px;
        border-bottom: #58595B 1px solid; 
        border-top: #F0EEEE 3px solid; 
        border-bottom: #F0EEEE 4px solid; 
        */
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;

        margin: 4px 0; 
  }
      .list-row div.preg {
        font-family: 'open_sanssemibold';
        font-weight: normal; 
        cursor: pointer;
        padding: 10px 0;
      }


      /*-----------------------------------------------------------------------------------------------
      .cheques
      -----------------------------------------------------------------------------------------------*/
      .cheques {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding: 0 10px 10px ;
      }
      .cheque {
        display: inline-block;
        width: 100%;
      }
      .cheques .list-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0;
        padding: 5px 10px;
        border-bottom: #F0EEEE 1px solid;
      }
      .cheques .mont {
        width: 60%
      }
      .cheques .tari {
        text-align: right;
        width: 40%
      }
      .disclaim {
        margin: 0 10px 10px
      }

      /*-----------------------------------------------------------------------------------------------
      .calculadora
      -----------------------------------------------------------------------------------------------*/
      .calculadora {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 10px;
      }
      .calcula .list-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0;
        padding: 5px 10px;
        border-bottom: #F0EEEE 1px solid;
      }
      .calculadora .row {
        display: flex;
        flex-direction:row;
        justify-content: space-between;
        padding: 10px;
      }
      .calcula {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
      }
      
      /*-----------------------------------------------------------------------------------------------
      .nosotros
      -----------------------------------------------------------------------------------------------*/
      #nosotros {
        padding-bottom: 0;
      }
      .nosotros {
        padding: 0 10px;
      }
      .nosotros .list-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 10px;
        border-bottom: #EEEBEA 1px solid;
      }
      .nosotros .list-block ul {
        list-style: none;
        padding: 10px;
        margin-bottom: 0
      }
      .nosotros .list-block li {
        margin-left: 0;
        padding-left: 13px;
        text-indent: -13px;
        padding-bottom: 1em;
      }
      
      .nosotros .list-block li:before {
        content: "-";
        display: inline-block;
        width: 13px;
        text-indent: 0;
      }
      /*----------------------------------------------------------------------------------------------
      .reclamos
      ----------------------------------------------------------------------------------------------*/
      .reclamos {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 10px
      }
      .reclamo .banner {
        width: 100%;
      }
      .reclamo {
        display: inline-block;
        width: 100%;
      }
      .reclamo-wrapper {
        padding: 10px;
      }
      .reclamos h4 {
        font-family: 'open_sanssemibold';
        font-weight: normal;
        font-size: 18px; 
      }
      .contact-info p {
        margin-bottom: 0
      }

      /*----------------------------------------------------------------------------------------------
      .contacto
      ----------------------------------------------------------------------------------------------*/
      #contacto .banner.img {
        background: url('../img/contacto.jpg');
        background-size: cover;
        background-position: 50% 50%;
        min-height: 300px;
      }
      .form {
        max-width: 350px;
        font-size: 18px;
        line-height: 30px
      }
      .form-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 0;
      }
      .form input {
        font-size: 18px;
        line-height: 30px
      }

      .form .button {
        margin-top: 20px;
        display: inline-block;
        padding: 10px;
        background: #ffffff;
        color: #E41E0A  !important;
        border-radius: 3px;
        text-decoration: none;
      }
      .form .button:hover {
        background: #000000;
        color: #E41E0A  !important;
      }
      .form input {
        padding: 0 10px;
        border:none;
        border-radius: 3px;
      }

      .form textarea:focus,
      .form input:focus{
        outline: none;
      }
      }








        /* Tablets 2x (portrait) ----------- */
        @media only screen and (max-width : 768px) and (-webkit-device-pixel-ratio : 2) {
        /* Styles */
        #slide1{
          background-image: url(../img/medium/slide1-2x.jpg);
        }
        #slide2{
          background-image: url(../img/medium/slide2-2x.jpg);
        }
        #slide3{
          background-image: url(../img/medium/slide3-2x.jpg);
        }
        }






        

        /* Tablets 3x (portrait) ----------- */
        @media only screen and (max-width : 768px) and (-webkit-device-pixel-ratio: 3) {
        /* Styles */
        #slide1{
          background-image: url(../img/medium/slide1-3x.jpg);
        }
        #slide2{
          background-image: url(../img/medium/slide2-3x.jpg);
        }
        #slide3{
          background-image: url(../img/medium/slide3-3x.jpg);
        }
        }




































        

        /* Smartphones (portrait) ----------- */
        @media only screen and (max-width : 425px) {
        /* Styles */
        body.stanby {
        }
        .head {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          height: 50px;   
        }
        .navBar {
          position: relative;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          width: auto;
          flex-wrap: nowrap;
          margin-bottom: -50px;
          font-size: 17px;
          z-index: 2;
        }
        
        .navBarTrigger {
          display: block;
          background: #E41E0A;
          height: 50px;
          width: 50px;
          padding: 10px;
          margin-right: 1px;
        }
        .navBarTrigger span{
          display: block;
          width: 29px;
          height: 1px;
          background: #FFFFFF;
          margin-top: 0px;
          margin-bottom: 13px;
        }
        .navBarTrigger span:nth-child(2){}
        .navBarTrigger span:nth-child(3){
          margin-bottom: 0;
        }
        .active .navBarTrigger {
          background: #000000;
        }
        .active .navBarTrigger span{
          transform: rotate(45deg);
          transform-origin: left bottom;
          width: 40px
        }
        .active .navBarTrigger span:nth-child(2){
          width: 0
        }
        .active .navBarTrigger span:nth-child(3){
          transform: rotate(-45deg);
          transform-origin: left top;
        }

        .navBar a {
          display: none;
          background: #E41E0A;
          line-height: 50px;
          padding: 0 2vw;
          margin-right: 1px;
          white-space: nowrap;
          color: #FFFFFF;
        }
        .navBar.active {
          position: absolute;
          top: 80px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          width: 100%; height: calc(100% - 80px);
          background: #E41E0A;
          margin-bottom: 0;
          font-size: 17px;
          z-index: 2;
        }
        .navBar.active a {
          display: block; width: 100%;
          background: #E41E0A;
          line-height: 50px; flex-grow: 1;
          padding: 0 2vw;
          margin-right: 0;
          white-space: nowrap;
          color: #FFFFFF;
        }
        .teaser {
          position: relative;
          display: block;
          width: 100%;
          height: 350px;
          overflow: hidden;
        } 
        .standby .teaser, .standby .iconBar, .standby .greyBar {display: none;}

        .teaser .slick-list {
          min-height: 100%;
        }
        .teaser .slick-track {
          min-height: 100%;
        }
        .teaser .slide {
          position: relative;
          width: 100%;
          height: 350px;
          overflow: hidden;
          background-position: 50%, 50%;
          background-size: cover;
          background-repeat: no-repeat;
        }
        .teaser .slide p {
          position: absolute;
          display: inline-block;
          left: 10px;
          bottom: 10px;
          text-align: left;
          color:#000000;
          font-size: 24px;
          margin-bottom: 0;
        }
        .iconItem {
          width: 100%;
          display:flex;
          flex-direction: row;
          align-items: center; flex-grow: 1; margin: 10px;
          padding: 10px 0; margin-bottom: 10px;
          background: #FFFFFF;
        }

        #slide1{
          background-image: url(../img/small/slide1.jpg);
        }
        #slide2{
          background-image: url(../img/small/slide2.jpg);
        }
        #slide3{
          background-image: url(../img/small/slide3.jpg);
        }
        .greyBar {
          background: #58595B;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
        }
        .greyBar div {
          color: #FFFFFF;
          padding: 10px;
          width: 100%;
          text-align: left;
        }
        .greyBar div:nth-child(3){
          flex-grow: 2
        } 
        .greyBar div p {
          font-size: 14px;
          margin-bottom: 0;
        }
        .addBar{
          padding: 10px 0;
        }

        .add_m {
          width: 590px; max-width: 100%;
          margin-right: 5px;
          margin-left: 5px;
        }
        .add_s {
          width: 33%;
          flex-shrink: 3;
          align-self: center;
          padding: 10px

        }


        /*-----------------------------------------------------------------------------------------------
        .agencias
        -----------------------------------------------------------------------------------------------*/
        .agencias {
          margin: 0 10px
        }

        .list-block {
          text-align: left;
        }
        .list-block {
          padding-bottom: 0;
          margin: 0;
          font-size: 14px;
        }
        .list-block h2 {
          background: #000000;
          padding: 10px;
          font-family: 'open_sansregular';
          font-weight: normal;
          font-size: 18px; 
          color:#FFFFFF;
          margin: 0;
        }
        .list-block h3 {
          background: #58595B;
          padding: 10px;
          font-family: 'open_sansregular';
          font-weight: normal;
          font-size: 16px; 
          color:#FFFFFF;
          margin: 0;
        }
        .list-row {
          background: #FFFFFF;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin: 0 0;
          padding: 0 10px 10px 10px;
          border-bottom: #F0EEEE 1px solid;
        }
        .list-head {
          display: none;
        }
        .list-row div {
          padding: 6px 0; 
          padding: 3px 0;
        }
        .dist {
          width: 100%;
          font-family: 'open_sanssemibold';
          padding: 20px 0 6px 0 !important;
        } .dist:before {
          content: 'Distrito';
          display: inline-block; display: none;
          width: 6em;
        }
        .dire {
          width: 100%;
        } .dire:before {
          content: 'Dirección';
          display: inline-block; display: none;
          width: 6em;
        }
        .tele, .luvi, .saba, .domi {
          width: 100%;
          text-align: left;
        } .tele:before {
          content: 'Teléfono';
          display: inline-block;
          width: 6em;
        } .luvi:before {
          content: 'Lun - Vie';
          display: inline-block;
          width: 6em;
        } .saba:before {
          content: 'Sábados';
          display: inline-block;
          width: 6em;
        } .domi:before {
          content: 'Domingos';
          display: inline-block;
          width: 6em;
        }

        .spacer-80 {
          height: 60px;
        }




        /*-----------------------------------------------------------------------------------------------
          .consultas
        -----------------------------------------------------------------------------------------------*/

        .consultas .list-row {
          display: flex;
          flex-direction: row; 
          flex-wrap: wrap;
          justify-content: space-between;
          /*margin: 0 10px;
          border-bottom: #EEEBEA 1px solid;*/
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;
          padding: 0 10px;

        }
        .consultas .list-row.active {/*
          border-top: #58595B 1px solid; margin-top: -1px;
          border-bottom: #58595B 1px solid; 
          border-top: #F0EEEE 3px solid; 
          border-bottom: #F0EEEE 4px solid; 
          */
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          -o-transition: all .2s ease;
          transition: all .2s ease;

          margin: 4px 0; 
        }


        /*-----------------------------------------------------------------------------------------------
          .tarifas
        -----------------------------------------------------------------------------------------------*/
        #cheques .banner.img {
          /*background: url('../img/cheques.jpg');*/
          background-size: cover;
          background-position: 50% 50%;
         /* min-height: 33vh*/
        }
        .tarifas .list-row {display: none;}
        .tarifa .active .list-row {
          background: #FFFFFF;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin: 0 0; padding: 0 20px;
          border-bottom: #F0EEEE 1px solid;
        }
        .mont {
          width: 50%
        }
        .tari {
          text-align: right;
          width: 50%
        }
        /*-----------------------------------------------------------------------------------------------
        .calculadora
        -----------------------------------------------------------------------------------------------*/
        .calculadora .row {
          display: flex;
          flex-direction:column;
          justify-content: space-between;
          padding: 10px;
        }
        .half {
          width: 100%;
        }
        .half:first-child {
          margin-bottom: 40px;
        }
        .calculadora .list-row {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin: 0 0;
          padding: 5px 10px;
          border-bottom: #F0EEEE 1px solid;
        }
        .calculadora .mont {
          width: auto
        }
        .calculadora .tari {
          text-align: right;
          width: auto
        }

        .cantidad2 input, .cantidad input {
          width: 100%;
          line-height: 1.8em;
          font-size: 16px;
          padding: 0 4px;
          border: none;
          color: #58595B;
        }
        /*----------------------------------------------------------------------------------------------
        .contacto
        ----------------------------------------------------------------------------------------------*/
        #contacto .banner.img {
          background: url('../img/contacto.jpg');
          background-size: cover;
          background-position: 50% 50%;
          min-height: 33vh;
        }
        .form {
          max-width: 350px;
          font-size: 18px;
          line-height: 30px
        }
        .form-row {
          display: flex; flex-wrap: wrap;
          flex-direction: row;
          justify-content: space-between;
          padding: 10px 0;
        }
        .form input {
          font-size: 18px;
          line-height: 30px
        }

        .form .button {
          margin-top: 20px;
          display: inline-block;
          padding: 10px;
          background: #ffffff;
          color: #E41E0A  !important;
          border-radius: 3px;
          text-decoration: none;
        }
        .form .button:hover {
          background: #000000;
          color: #E41E0A  !important;
        }
        .form input {
          padding: 0 10px;
          border:none;
          border-radius: 3px;
        }

        .form textarea:focus,
        .form input:focus{
          outline: none;
        }


        /*----------------------------------------------------------------------------------------------
        .reclamos
        ----------------------------------------------------------------------------------------------*/
        #reclamos .banner.img {
          background: url(../img/reclamos-banner.jpg);
          background-size: cover;
          background-position: 50% 50%;
          min-height: 33vh;
          position: relative;
        }
        #reclamos .banner.img .button {
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translate(-50%, -125%);
          padding: 1em;
          background: #E41E0A;
          color: #ffffff;
          border-radius: 3px;
          text-decoration: none;
          white-space: nowrap;
        }
        }









        

        /* Smartphones 2x (portrait) ----------- */
        @media only screen and (max-width : 425px) and (-webkit-device-pixel-ratio : 2) {
        /* Styles */
        #slide1{
          background-image: url(../img/small/slide1-2x.jpg);
        }
        #slide2{
          background-image: url(../img/small/slide2-2x.jpg);
        }
        #slide3{
          background-image: url(../img/small/slide3-2x.jpg);
        }
        }






        

        /* Smartphones 3x (portrait) ----------- */
        @media only screen and (max-width : 425px) and (-webkit-device-pixel-ratio: 3) {
        /* Styles */
        #slide1{
          background-image: url(../img/small/slide1-3x.jpg);
        }
        #slide2{
          background-image: url(../img/small/slide2-3x.jpg);
        }
        #slide3{
          background-image: url(../img/small/slide3-3x.jpg);
        }
        }