/* ============================================== */
/* ALERTS */
/* ============================================== */

.alert-success,
.alert-warning,
.alert-error{
  padding:0;
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

.alert-success{
    background: #DFF0D8;
    border:1px solid #cce2c3;
}

.alert-error{
    background: #f9b1b1;
    border:1px solid #ef9e9e;
}

.alert-warning{
    background: #fbecb7;
    border:1px solid #e5d392;
}

.alert-warning p,
.alert-success p,
.alert-error p{
    padding:13px;
    text-align: center;
}

.alert-success p{
    color:#3C763D;
}

.alert-error p,
.alert-error i{
    color:#AF2A2B;
}

.alert-warning p,
.alert-warning i{
    color:#9c8a49;
}

.alert-warning button,
.alert-success button,
.alert-error button{
  position: absolute;
  right: 0;
  border:none;
  outline:none;
  color:#2C2C30;
  cursor: pointer;
  background: transparent;
}

.alert-error button:before,
.alert-success button:before,
.alert-warning button:before {
  position: relative;
  width: 45px;
  height: 45px;
  background: transparent;
  display: block;
  padding: 10px;
  opacity: 0.5;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.alert-error button:before,
.alert-success button:before,
.alert-warning button:before {content: url("./../../images/icons/arrow_close_black.svg");}


/* ============================================== */
/* BLOCKS */
/* ============================================== */

.block,
.block-big,
.block-top{
  width: 100%;
  float: left;
  display: block;
}

.block:after,
.block-top:after,
.block-big:after {
  content: " " !important;
  display: table !important;
  clear: both !important;
}

.block{padding:80px 0;}
.block-big{padding:180px 0 80px;}
.block-top{padding:80px 25px 0 25px;}


@media screen and (max-width: 768px){
  .block{padding:40px 0;}
  .block-big{padding:120px 0 60px 0;}
  .block-top{padding:20px 0 0 0;}

  .block-big:after{
    background: url("./../../images/client/img-top.png")repeat-x center -40px;
  }
}

/* ============================================================================ */
/* BLOCK-BOX */
/* ============================================================================ */


.block-box-back.right,
.block-box-back.left{
  max-width: 960px;
  height: 400px;
  position: relative;
  margin:120px auto;
  background: transparent;
  
  display: block;
  overflow: visible;

  /*-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);*/

}


.block-box-back.right span,
.block-box-back.left span{
  position: absolute;
  z-index: 99;
  top:50%;
  overflow: visible;
  display: block;
  max-width: 630px;
}

.block-box-back.right span img,
.block-box-back.left span img{
  width: 100%;
}

.block-box-back.right span{
  right:10%;

  -webkit-transform: translate3d(50%, -50%, 0);
  -moz-transform: translate3d(50%, -50%, 0);
  -ms-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0);
}

.block-box-back.left span{
  left:10%;

  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.block-box-back.right .text,
.block-box-back.left .text{
  position: absolute;
  top:50%;
  width: 50%;

  -webkit-transform: translate3d(0%, -50%, 0);
  -moz-transform: translate3d(0%, -50%, 0);
  -ms-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);
}

.block-box-back.left .text{padding: 0 80px 0 20px;}
.block-box-back.right .text{padding: 0 20px 0 80px;}

.block-box-back.left .text{
  left:50%;
}

.block-box-back.right .text{
  left:0%;
}

@media screen and (max-width: 1540px){

  .block-box-back.right span,
  .block-box-back.left span{
    max-width: 600px;
  }

  .block-box-back.right,
  .block-box-back.left{
    height: 400px;
    margin:20px auto;
  }

  .block-box-back.left span{left:20%;}
  .block-box-back.right span{right:20%;}

  .block-box-back.left .text,
  .block-box-back.right .text{padding: 0 20px;}

}

@media screen and (max-width: 1280px){

  .block-box-back.right span,
  .block-box-back.left span{
    max-width: 500px;
  }
  .block-box-back.right,
  .block-box-back.left{
    height: 330px;
    margin:0 auto;
  }

  .block-box-back.left span{left:23%;}
  .block-box-back.right span{right:23%;}

  .block-box-back.left .text,
  .block-box-back.right .text{padding: 0 20px;}

}


@media screen and (max-width: 1024px){

  .block-box-back.right span,
  .block-box-back.left span{
    max-width: 380px;
  }
  .block-box-back.right,
  .block-box-back.left{
    max-width: 768px;
    height: 280px;
  }

  .block-box-back.left span{left:25%;}
  .block-box-back.right span{right:25%;}

  .block-box-back.left .text,
  .block-box-back.right .text{padding: 0 20px;}

}

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


  .block-box-back.right span,
  .block-box-back.left span,
  .block-box-back.right .text,
  .block-box-back.left .text{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    left:0;
    right: 0;
    top:0;
    transform: none;
  }

  .block-box-back.right .text,
  .block-box-back.left .text{
    padding: 20px;
  }

  .block-box-back.right span,
  .block-box-back.left span{
    max-width: 100%;
  }

  .block-box-back.right,
  .block-box-back.left{
    height: auto;
    overflow: hidden;
  }

}

/* -- block -- */

.block-box-front.left,
.block-box-front.right{
  width: 1280px;
  margin: 80px auto;
  display: block;
  position: relative;
}

.block-box-front.left span,
.block-box-front.right span{left: 50%;}

.block-box-front.left span{margin-left: -50%;}
.block-box-front.right span{margin-left: 0;}

.block-box-front.left span,
.block-box-front.right span{
  padding: 40px;
  top:50%;
  width: 50%;
  background: white;
  position: absolute;
  
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.block-box-front.right img,
.block-box-front.left img{
  width: 800px;

  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);

}

.block-box-front.right img{
  -moz-transform: translate3d(-31%, 0, 0);
  -ms-transform: translate3d(-31%, 0, 0);
  -webkit-transform: translate3d(-31%, 0, 0);
  transform: translate3d(-31%, 0, 0);
}

.block-box-front.left img{
  -moz-transform: translate3d(31%, 0, 0);
  -ms-transform: translate3d(31%, 0, 0);
  -webkit-transform: translate3d(31%, 0, 0);
  transform: translate3d(31%, 0, 0);
}

.block-box-front.left span .text h3,
.block-box-front.right span .text h3,
.block-box-front.left span .text p,
.block-box-front.right span .text p{}


/* -- block -- */

.block-box.center,
.block-box.hero,
.block-box.right,
.block-box.left,
.block-box-bg.left,
.block-box-bg.right{
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
}


.block-box.center,

.block-box.hero,
.block-box.hero span,
.block-box.hero span .text-right,
.block-box.hero span .text-left,
.block-box.hero .text,

.block-box-bg.left,
.block-box-bg.left span,
.block-box-bg.left span .text,

.block-box-bg.right,
.block-box-bg.right span,
.block-box-bg.right span .text,

.block-box.center .text,

.block-box.right,
.block-box.right span .text,
.block-box.right img,
.block-box.right span,

.block-box.left,
.block-box.left span .text,
.block-box.left img,
.block-box.left span{
  width: 100%;
}

.block-box.right span,
.block-box.left span,

.block-box.hero .text,
.block-box.hero span,
.block-box.hero span .text-right,
.block-box.hero span .text-left,

.block-box-bg.left span,
.block-box-bg.right span,

.block-box.center .text{
  left: 50%;
}

.block-box.hero span,
.block-box.hero span .text-right,
.block-box.hero span .text-left,
.block-box.hero .text,

.block-box-bg.left span,
.block-box-bg.left span .text,

.block-box-bg.right span,
.block-box-bg.right span .text,

.block-box.center .text,

.block-box.right span .text,
.block-box.right img,
.block-box.right span,

.block-box.left span .text,
.block-box.left img,
.block-box.left span{
  position: absolute;
  top: 50%;
}

.block-box.center .text,
.block-box.right span .text,

.block-box.hero .text,
.block-box.hero span,
.block-box.hero span .text-right,
.block-box.hero span .text-left,

.block-box-bg.left span,
.block-box-bg.right span,
.block-box-bg.left span .text,
.block-box-bg.right span .text{
  z-index: 3;
}

.block-box.right span{
  z-index: 1;
}

.block-box.center .text,
.block-box.hero .text{
  text-align: center;
}

.block-box.hero span .text-right,
.block-box.hero span .text-left{
  text-align: left;
}

.block-box.center,

.block-box-bg.left,
.block-box-bg.right,
.block-box-bg.left span,
.block-box-bg.right span,

.block-box.right,
.block-box.right span,

.block-box.left,
.block-box.left span{
  height: 600px;
}

.block-box.hero span .text-right,
.block-box.hero span .text-left,

.block-box-bg.left span .text,
.block-box-bg.right span .text,

.block-box.right span .text,
.block-box.right img,

.block-box.left span .text,
.block-box.left img{
  padding: 30px 40px;
}

.block-box.right span .text,
.block-box.left span .text{
  max-width: 60%;
}

.block-box.right img,
.block-box.left img{
  max-width: 40%;
  padding: 20px;
}

.block-box.hero span .text-right,
.block-box.hero span .text-left,

.block-box-bg.left span .text,
.block-box-bg.right span .text,

.block-box.right span .text,
.block-box.right img,

.block-box.left span .text,
.block-box.left img,

.block-box.hero span .text-right,
.block-box.hero span .text-left{
  max-width: 50%;
}

.block-box.hero span .text-left,
.block-box-bg.left span .text,
.block-box.right img,
.block-box.left span .text{
  left: 0;
}

.block-box.hero span .text-right,
.block-box-bg.right span .text,
.block-box.left img,
.block-box.right span .text{
  right:0;
}

.block-box.hero span,
.block-box-bg.left span,
.block-box-bg.right span,
.block-box.right span,
.block-box.left span{
  max-width: 1440px;
}

.block-box.hero .text,
.block-box.hero span,

.block-box-bg.right span,

.block-box-bg.left span,

.block-box.right span,
.block-box.left span,

.block-box.center .text{
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.block-box.hero span .text-right,
.block-box.hero span .text-left,

.block-box-bg.left span .text,
.block-box-bg.right span .text,

.block-box.right span .text,
.block-box.right img,

.block-box.left span .text,
.block-box.left img{
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.block-box.center .text,
.block-box.hero .text{
  max-width: 960px;
  padding: 20px;
}

.block-box.hero h1,
.block-box.hero h2,

.block-box.center h2,
.block-box.center p,

.block-box-bg.left h2,
.block-box-bg.left p{
  color:white;
}

.block-box-bg-text.left img,
.block-box-bg-text.right img,
.block-box-bg.left img,
.block-box-bg.right img,
.block-box.hero img,
.block-box.center img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* special */

.block-box-bg-text.left,
.block-box-bg-text.left span,

.block-box-bg-text.right,
.block-box-bg-text.right span{
  height: auto;
}

.block-box-bg-text.right span .text{right:none;}

.block-box-bg-text.left span,
.block-box-bg-text.left span .text,


.block-box-bg-text.right span,
.block-box-bg-text.right span .text,
.block-box-bg-text.right img{
  max-width: 100%;
  width: 100%;
  position: relative;
  left: 0;
  float: left;
  display: block;
}

.block-box-bg-text.left span .text,
.block-box-bg-text.right span .text{padding: 20px;}

.block-box-bg-text.left img,
.block-box-bg-text.right img{padding:0;}

.block-box-bg-text.left img,
.block-box-bg-text.right img{min-width: auto;}

.block-box-bg-text.left .bg-overlay,
.block-box-bg-text.right .bg-overlay{
  display: none;
}


 /*-- special --*/

/*.block-box.hero{height: 100vh;}*/
.block-box.hero{height: 800px;}

.block-box-bg.right span .text{
  background: white;
  right:40px;
  max-width: 40%;
}

 /*-- special --*/


@media screen and (max-width: 1280px){
  
  .block-box-front.right span{margin-left: -10%;}
  .block-box-front.left span{margin-left: -40%;}

  .block-box-front.left,
  .block-box-front.right{width: 100%;}

  .block-box-front.right img{
    -moz-transform: translate3d(-12.5%, 0, 0);
    -ms-transform: translate3d(-12.5%, 0, 0);
    -webkit-transform: translate3d(-12.5%, 0, 0);
    transform: translate3d(-12.5%, 0, 0);
  }

  .block-box-front.left img{
    -moz-transform: translate3d(12.5%, 0, 0);
    -ms-transform: translate3d(12.5%, 0, 0);
    -webkit-transform: translate3d(12.5%, 0, 0);
    transform: translate3d(12.5%, 0, 0);
  }

  .block-box-bg.left,
  .block-box-bg.left span,

  .block-box-bg.right,
  .block-box-bg.right span{
    height: auto;
  }

  .block-box-bg.right span .text{right:none;}

  .block-box-bg.left span,
  .block-box-bg.left span .text,


  .block-box-bg.right span,
  .block-box-bg.right span .text,
  .block-box-bg.right img{
    max-width: 100%;
    width: 100%;
    position: relative;
    left: 0;
    float: left;
    display: block;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .block-box-bg.left span .text,
  .block-box-bg.right span .text{padding: 20px;}

  .block-box-bg.left img,
  .block-box-bg.right img{padding:0;}

  .block-box-bg.left img,
  .block-box-bg.right img{min-width: auto;}

  .block-box-bg.left .bg-overlay,
  .block-box-bg.right .bg-overlay{
    display: none;
  }

  .block-box-bg.left h2,
  .block-box-bg.right h2{
    color:#444444;
  }

  .block-box-bg.right p,
  .block-box-bg.left p{
    color:#888888;
  }

}

@media screen and (max-width: 960px){

  .block-box-front.left span,
  .block-box-front.right span{
    margin: 0;
    position: relative;
    left: 0;
    top:0;
    width: 100%;
    display: block;
    float: left;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .block-box-front.left img,
  .block-box-front.right img{
    width: 100%;
  }

  .block-box-front.left span,
  .block-box-front.left img,
  .block-box-front.right span,
  .block-box-front.right img{
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .block-box-front.left,
  .block-box-front.right{
    margin: 0;
    width: 100%;
    padding: 0;
  }


  .block-box.hero span h1{
    font-size: 40px;
    line-height: 40px;
  }

  .block-box.hero span .text-right,
  .block-box.hero span .text-left{
    max-width: 100%;
    padding: 20px 40px;
    left: 50%;
    text-align: center;

    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }

}



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

  .block-box-front.left span,
  .block-box-front.right span{
    padding: 20px;
  }

  .block-box.hero span .text-right,
  .block-box.hero span .text-left{
    padding: 20px;
  }

  .block-box.hero img{min-width: 1440px;}
  .block-box.hero a{float:none;width: 220px;margin:20px auto;display: block;}

  .block-box.right,
  .block-box.right span,

  .block-box.left,
  .block-box.left span{
    height: auto;
  }

  .block-box.right span .text,
  .block-box.right img,

  .block-box.left span .text,
  .block-box.left img{
    max-width: 100%;
  }

  .block-box.left img,
  .block-box.right span .text{right:none;}

  .block-box.right span .text,
  .block-box.right img,
  .block-box.right span,

  .block-box.left span .text,
  .block-box.left img,
  .block-box.left span{
    max-width: 100%;
    width: 100%;
    position: relative;
    left: 0;
    float: left;
    display: block;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .block-box.right span .text,
  .block-box.left span .text{padding: 20px;}

  .block-box.right img,
  .block-box.left img{padding:0;}

  .block-box.hero span h1{
    font-size: 28px;
    line-height: 36px;
  }

  /*-- special --*/
 
  .block-box.hero{height: 600px;}
  .block-box.hero img{min-width: 1920px !important;}

  /*-- special --*/

}

@media screen and (max-width: 480px){
  /*-- special --*/
 
  .block-box.hero{height: 480px;}
  .block-box.hero img{min-width: 1536px !important;}

  /*-- special --*/
}

.block-box.hero img {
    -webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
        -ms-animation: fadein 2s;
         -o-animation: fadein 2s;
            animation: fadein 2s;

}

@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}

/* ============================================== */
/* BG-COLORS */
/* ============================================== */

.bg-white,
.bg-black,
.bg-gray{
  overflow: hidden;
  display: block;
  width: 100%;
}

.bg-gray{background: #888888;}
.bg-white{background-color: rgb(255, 255, 255);}
.bg-black{background:#26272a;}


/* ============================================== */
/* BG-OVERLAY */
/* ============================================== */

.bg-overlay,
.bg-overlay-page{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  z-index:2;
}

.bg-overlay-page{
   z-index:99999;
}

.bg-overlay-page,
.bg-overlay.hard{background-color: rgba(0, 0, 0, 0.9);}
.bg-overlay.soft{background-color: rgba(0, 0, 0, 0.5);}
.bg-overlay.color{background: rgba(0, 104, 139, 0.9);}

.bg-overlay.gradient{
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.3) 0%, transparent 100%);
  background: -o-linear-gradient(90deg, rgba(0,0,0,0.3) 0%, transparent 100%);
  background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, transparent 100%);
}


@media screen and (max-width: 480px){
  .bg-overlay.gradient{
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 100%);
  }
}


/* ============================================== */
/* BUTTONS */
/* ============================================== */

.btn-read,
.btn-cta,
.btn-outline,
.btn-green,
input[type=submit]{

  display: block;
  overflow: hidden;
  margin: 30px 0 15px;
  text-align: center;
  color: white;
  width: auto;
  float: left;
  text-decoration: none;
  cursor: pointer;
  padding:10px 30px;
  font-size:14px;
  font-weight: 700;
  background-size: 200% auto;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;

  -webkit-transition:all 250ms ease;
  -moz-transition:all 250ms ease;
  -ms-transition:all 250ms ease;
  transition:all 250ms ease;

  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);

}

/* ------- */

.btn-green{background: #5CB85C;}
.btn-green:hover{background: #3d963d;}

/* ------- */

.btn-read{background:#B81111;}
.btn-read:hover{background:#cc2626;}

/* ------- */

.btn-outline{
  border:1px solid #2C2C30;
  color:#2C2C30;
  text-shadow:none;
}

.btn-outline:hover{
  color:white;
  background:#2C2C30;
}

/* ------- */

.btn-cta{background:#B81111;}
.btn-cta:hover{background:#cc2626;}

/* ------- */

input[type=submit]{
  background: #B81111;
  padding:15px 20px;
  width: 200px;
}

input[type=submit]:hover{
  background:#cc2626;
}


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

  .btn-cta,
  .btn-outline{
    max-width: 250px;
    width: 100%;
    float: none;
    margin:20px auto;
    display: block;
  }

}

/* ============================================== */
/* CLOSE */
/* ============================================== */


@media screen and (max-width: 1024px){
  .close-laptop{display:none;overflow: hidden;}
}
@media screen and (max-width: 769px){
  .close-tablet{display:none;overflow: hidden;}
}
@media screen and (max-width: 480px){
  .close-mobile{display:none;overflow: hidden;}
}

@media screen and (min-width: 1024px){
  .open-laptop{display:none;overflow: hidden;}
}
@media screen and (min-width: 769px){
  .open-tablet{display:none;overflow: hidden;}
}
@media screen and (min-width: 480px){
  .open-mobile{display:none;overflow: hidden;}
}

/* ============================================== */
/* CLEAR */
/* ============================================== */

.clear{clear: both;}
.clear-navigation{clear: both;position: fixed;height: 0;width: 100%;}
.line{border-bottom:1px solid #cccccc;margin-bottom:20px;padding-top:20px;width: 100%;}

/* ============================================== */
/* CONTENTS */
/* ============================================== */


.content,
.content-center,
.content.static{
  margin:0 auto;
  width:100%;
}

.content:after,
.content-center:after,
.content.static:after{
  content: "";
  clear: both;
  display: block;
}


.content,
.content.static{max-width:1440px;}
.content-center{max-width:1280px;}

@media screen and (max-width: 1440px){
  .content.static{max-width:1280px;}
}

@media screen and (max-width: 1280px){
  .content.static{max-width:1024px;}
}

@media screen and (max-width: 1024px){
  .content{width:100%;}
  .content.static{max-width:960px;}
}

@media screen and (max-width: 960px){
  .content.static{max-width:768px;}
}

@media screen and (max-width: 768px){
  .content.static{max-width:520px;}
}

@media screen and (max-width: 520px){
  .content.static{max-width:480px;}
}

@media screen and (max-width: 480px){
  .content.static{max-width:100%;}
}

/* ============================================== */
/* COLUMNS */
/* ============================================== */


.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1{

  float:left;
  display: block;
  position: relative;
  padding: 5px;

}

.col-12:after {
  content: " " !important;
  display: table !important;
  clear: both !important;
}

.col-12{width:100%;}
.col-11{width:91.67%;}
.col-10{width:83.34%;}
.col-9{width:75%;}
.col-8{width:66.66%;}
.col-7{width:58.34%;}
.col-6{width:50%;}
.col-5{width:41.66%;}
.col-4{width:33.33%;}
.col-3{width:25%;}
.col-2{width:16.66%;}
.col-1{width:8.33%;}

@media screen and (max-width: 1024px) {
  .col-2{width:25%;}
  .col-10{width:75%;}
}

@media screen and (max-width: 768px) {
  .col-3{width:50%;}
  .col-2{width:33.33%;}
  .col-10{width:66.66%;}
}

@media screen and (max-width: 480px) {
  .col-3{width:50%;}

  .col-12,
  .col-11,
  .col-10,
  .col-9,
  .col-8,
  .col-7,
  .col-6,
  .col-5,
  .col-4,
  .col-2,
  .col-1{width:100%;}
}

/* ============================================== */
/* COL / SECTION */
/* ============================================== */

.aside,
.section{
  margin: 20px 0;
  padding: 0 20px;
  display: block;
  float: left;
}

.aside:after {
  content: " " !important;
  display: table !important;
  clear: both !important;
}

.section,
.section.vip{width:75%;}

.aside,
.aside.vip{width:25%;}

.section,
.aside.vip{float:left;}

.aside,
.section.vip{float:right;}

.aside .btn-cta-outline,
.aside .btn-cta{width: 100%;margin: 10px 0;float: none;}

.section img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@media screen and (max-width: 1280px){
  .aside,
  .aside.vip{width:30%;}
  .section,
  .section.vip{width:70%;}
}

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

  .section,
  .section.vip,
  .aside,
  .aside.vip{width:100%;padding:0;float:left;margin: 0;}

  .section .block, .aside .block{padding:0;}
}


/* ============================================== */
/* STICKY */
/* ============================================== */


.content-sticky:before,
.content-sticky:after {
  content: " " !important; /* 1 */
  display: table !important; /* 2 */
}

.content-sticky:after {
  clear: both !important;
}

.content-sticky {*zoom: 1 !important;overflow: visible !important;}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}

@media screen and (max-width: 768px){
  .content-sticky:before,
  .content-sticky:after {
    display: block !important;
  }
  .sticky {
    position:none;
    position: relative;
    top: 0;
  }
}

/* ============================================== */
/* FLEXBOX */
/* ============================================== */

.flex-center,
.flex-left,
.flex-right{
  width: 100%;
  display: flex;
}

.flex-center{justify-content:center;}
.flex-right{justify-content:flex-end;}
.flex-left{justify-content:flex-start;}

@media screen and (max-width: 768px){
  .flex-right,
  .flex-left{justify-content:center;}
}

/* ============================================================================ */
/* LINKS */
/* ============================================================================ */

a.link-white{color:rgba(255,255,255,0.5);}
a.link-white:hover{color:rgba(255,255,255,1);}
a.link-color{color:#a99769 !important;}
a.link-color:hover{color:rgb(6,84,112) !important;}

/* ============================================================================ */
/* IONICONS */
/* ============================================================================ */

ion-icon{
  font-size: 18px;
  margin:2px 10px 0 0;
  padding: 0;
  display: block;
  float: left;
}


/* ============================================== */
/* IMG */
/* ============================================== */

img.img_page{
  max-width: 960px;
  border:1px solid #cccccc;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 20px auto;

   -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;

  -webkit-box-shadow: 0px 50px 30px -30px rgba(0, 58, 141, 0.2);
  -moz-box-shadow: 0px 50px 30px -30px rgba(0, 58, 141, 0.2);
  -ms-box-shadow: 0px 50px 30px -30px rgba(0, 58, 141, 0.2);
  box-shadow: 0px 50px 30px -30px rgba(0, 58, 141, 0.2);
}

/* ============================================== */
/* MENU-LIST */
/* ============================================== */


.menu-list{
  overflow: hidden;
  width: 100%;
}

.menu-list ul {
  list-style-type: none;
  margin: 0;
  padding: 10px;
  width: 100%;
  display: block;
  float: left;
}

.menu-list li {
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0;
}

.menu-list.services li,
.menu-list.lines li {border-bottom:1px solid #dfdfdf;}
.menu-list.info li {padding: 0;}

.menu-list.lines li p.info{font-size: 12px;margin-bottom:10px;}
.menu-list.lines li p.answer{margin-left:20px;}

.menu-list li a {
  color:#888888;
  text-decoration: none;
}
.menu-list li a:hover {
  color:#2C2C30;
}

.menu-list.services ul{ 
  columns: 2; 
  -webkit-columns: 2; 
  -moz-columns: 2; 
}

.menu-list.services ul > li { 
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; 
}

@media screen and (max-width: 480px) {
  .menu-list.services ul{ 
    columns: 1; 
    -webkit-columns: 1; 
    -moz-columns: 1; 
  }
}


/* ============================================== */
/* MENU-BREADCRUMBS */
/* ============================================== */


.menu-breadcrumbs{
  overflow: hidden;
  width: 100%;
}

.menu-breadcrumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 10px;
  width: 100%;
  display: block;
  float: left;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
}

.menu-breadcrumbs li {
  display: inline;
  font-size: 12px;
}

.menu-breadcrumbs li:last-child{
  cursor: default;
}

.menu-breadcrumbs li+li:before {
  padding: 8px;
  color:#888888;
  content: "/\00a0";
}
.menu-breadcrumbs li a {
  color:#888888;
  text-decoration: none;
}
.menu-breadcrumbs li a:hover {
  color:#2C2C30;
}

/* ============================================================================ */
/* MENU-COL */
/* ============================================================================ */

.menu-col{
  padding:0;
  margin: 0;
  width: 100%;
  display: block;
  float: left;
}

.menu-col ul{
  list-style-type: none;
  width: 100%;
  margin:0;
  padding:0;
}

.menu-col ul li{
  padding:20px;
  margin-bottom: 10px;
  display: block;
  float: left;
}


.menu-col ul li span{
  width: 100%;
  display: block;
  float: left;
}

.menu-col ul li span.center{
  text-align: center;
}

.menu-col ul li img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.menu-col.col-1 ul li{width: 100%;padding: 0;margin-bottom: 40px;}
.menu-col.col-2 ul li{width: 50%;}
.menu-col.col-3 ul li{width: 33.3333%;}
.menu-col.col-4 ul li{width: 25%;}

@media screen and (max-width: 1280px){
  .menu-col.col-4 ul li{width: 50%;}
}


@media screen and (max-width: 768px){
  .menu-col.col-3 ul li{width: 50%;}
}

@media screen and (max-width: 480px){
  .menu-col ul li h4,
  .menu-col ul li span,
  .menu-col ul li p,
  .menu-col.col-2 ul li,
  .menu-col.col-3 ul li,
  .menu-col.col-4 ul li{width: 100%;}

  .menu-col ul li{
    padding:20px;
  }
}

/* ============================================== */
/* PADDINGS */
/* ============================================== */

.p-5,
.p-10,
.p-20,
.p-30{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow: hidden;
}

.p-5:after,
.p-10:after,
.p-20:after,
.p-30:after{
  content: "";
  clear: both;
  display: block;
}

.p-5{padding:5px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30{padding:30px;}

/* ============================================== */
/* LOGO-SIZE */
/* ============================================== */

.titulo-logo{
  padding:20px;
  background: #f2f2f2;
  margin-bottom: 10px;
}


img.logo-size{
  max-width: 220px;
}

/* ============================================== */
/* TITULO */
/* ============================================== */


p.titulo,
p.fecha_y_lugar{
  padding: 10px 20px;
  border-bottom: 1px solid #dedede;
  font-size: 14px;
  margin-bottom: 10px;
}

p.titulo{background: #26272a;color:white;}

p.fecha_y_lugar span{
 float: right;
 display: block;
}

p.fecha{
 margin-bottom: 20px;
}

p.noticia{
 font-size: 18px;
}

img.titulo{
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px){
  p.titulo{
    padding: 10px 20px;
  }
}


/*-- play --*/

a.play,
a.play_radio{
  display: block;
  overflow: hidden;
  width: 100%;
  position: relative;
  float: left;
}

a.play:before,
a.play_radio:before{
  content: "";
  position: absolute;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  z-index: 999;
}

a.play:after,
a.play_radio:after {
  position: absolute;
  width: 50px;
  height: 50px;
  left:50%;
  top:50%;
  margin:-25px 0 0 -25px;
  background: #B81111;
  display: block;
  opacity: 1;
  z-index: 999;
  padding: 10px;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

a.play:after {content: url("./../../images/icons/arrow_play.svg");}
a.play_radio:after {content: url("./../../images/icons/arrow_radio.svg");}

a.play_radio:before,
a.play_radio:after,
a.play:before,
a.play:after{
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

a.play_radio:hover:before,
a.play_radio:hover:after,
a.play:hover:before,
a.play:hover:after{opacity: 1;}

/* ============================================== */
/* PRELOADER */
/* ============================================== */

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 999999999999;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}

.preloader span{
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;

  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.preloader span .preloader-loader {
  position: absolute;
  top:0;
  left: 0;
  border: 2px solid rgba(0,0,0,0.1); /* Light grey */
  border-top: 2px solid #353586; /* Color */
  border-radius: 50%;

  -webkit-animation: spin 0.40s linear infinite;
  -moz-animation: spin 0.40s linear infinite;
  -o-animation: spin 0.40s linear infinite;
  -ms-animation: spin 0.40s linear infinite;
  animation: spin 0.40s linear infinite;
}

.preloader span{
  width: 100px;
  height: 100px;
}

.preloader span .preloader-loader{
  width: 90px;
  height: 90px;
}

.preloader span img{
  width:90px;
  height:90px;
  display: block;
  float: left;
  position: relative;
  z-index: 99;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media screen and (max-width: 480px){
  .preloader span{
    top: 40%;
  }
}

/* ============================================== */
/* SOCIAL-SHARE */
/* ============================================== */


.social-share{
  overflow: hidden;
  display: block;
  width: 100%;
  float: left;
}

.social-share ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content:center;
}

.social-share.vip ul {
  display: block;
  justify-content:none;
  margin-top: 20px;
}

.social-share li{
  padding:9px 9px;
  color:#2C2C30;
  font-size: 25px;
  height: 45px;
  width: 45px;
  text-transform: uppercase;
  font-weight: bold;
  margin:1px;
  display: block;
  float: left;
  opacity: 1;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.social-share.icon-white li{color:white;}

.social-share li:hover{
  opacity: 0.8;
  cursor: pointer;
}

.social-share li i:before{
  margin:0;
}

.social-share li.share-fb{color: #2d609b;}
.social-share li.share-twitter{color: #00c3f3;}
.social-share li.share-google-plus{color: #eb4026;}
.social-share li.share-linkedin{color: #0074a1;}
.social-share li.share-pinterest{color: #ca212a;}
.social-share li.share-whatsapp{color: #55d161;}
.social-share li.share-email{color: #faaf3a;}

@media screen and (max-width: 960px){

  .social-share li{
    height: 40px;
    width: 40px;
    padding:4px 9px;
    margin:3px;
  }

}


/* ============================================== */
/* SUBIR */
/* ============================================== */

#subir{
  bottom:40px;
  right: 40px;
  position: fixed;
  display: none;
  width: 50px;
  height: 50px;
  padding:0;
  z-index: 9999;
}

#subir:before {
  width: 50px;
  height: 50px;
  display: block;
  padding: 10px;
  position: absolute;
  margin:0;
  top:50%;
  left: 50%;
  content: url("./../../images/icons/arrow_top.svg");

  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#subir a{
  padding: 10px 15px;
  color:white;
  display:block;
}

#subir:before{background:#B81111;}
#subir:hover:before{background:#cc2626;}

@media screen and (max-width: 768px){
  #subir{
    bottom:10px;
    right: 10px;
  }
}

/* ============================================================================ */
/* PARALLAX */
/* ============================================================================ */

.parallax{
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
  float: left;
}

#header {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;

}

#header #cover-text {
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
  text-align: center;
  z-index: 999;
  position: relative;
}

#cover-text .middle {
  left: 0%;
  width: 50%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 55%;
  z-index: 1;
  text-align: left;
  z-index: 9999;
  padding: 40px;
  
  -webkit-transform: translate3d(0%, -50%, 0);
  -moz-transform: translate3d(0%, -50%, 0);
  -ms-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#cover-text .middle.middle-effect{
  top:57%;
  opacity:0;
}

#cover-text .middle {top: 55%;}
.parallax.subpage #cover-text .middle {top: 65%;text-align: center;width: 100%;}

#cover-text .middle h1,
#cover-text .middle h2{
  -webkit-text-shadow: 0 2px 15px rgba(0,0,0,0.2);
  -moz-text-shadow: 0 2px 15px rgba(0,0,0,0.2);
  -ms-text-shadow: 0 2px 15px rgba(0,0,0,0.2);
  text-shadow: 0 2px 15px rgba(0,0,0,0.2);
}

#cover-text .middle h1,
#cover-text .middle h2,
.parallax.subpage #cover-text .middle h2,
.parallax.subpage #cover-text .middle h3{color:white;}

.parallax{height: 890px;}
.parallax.subpage{height: 400px;}

#cover-text,
img#cover-image{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

#header img#cover-image{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1280px) {
  #cover-text .middle {left: 8%;}
}

@media screen and (max-width: 1024px) {
  #cover-text .middle h1{font-size: 40px;line-height: 40px;}
  .parallax{height: 600px;}
}

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

  #header img#cover-image{
    min-width: 960px;
    margin-left:-480px;
    left:50%;
    position: absolute;
  }

  #header img{margin-top: 0;}
  #header .bg-overlay.soft{display: block;}

  .parallax{height: 400px;}
  .parallax.subpage{height: 200px;}

  #cover-text .middle {
    left: 50%;
    width: 100%;
    text-align: center;
    
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }

}

@media screen and (max-width: 480px) {
  #cover-text .middle {padding: 20px;}
  #cover-text .middle h1{font-size: 32px;margin-bottom: 20px;}
  #cover-text .middle h2{display: none;}
}

/* ============================================== */
/* FORMS CONTACT */
/* ============================================== */

form#contact{
  width: 100%;
  margin:20px auto;
}

.select-styled,
input[name=email],
input[name=full_name],
input[name=phone],
textarea[name=comments]{

  padding: 15px 20px;
  width: 100%;
  display: block;
  float: left;
  color: #888888;
  background: white;
  position: relative;
  overflow: hidden;
  border:1px solid #dfdfdf;

  -webkit-transition:all 250ms ease;
  -moz-transition:all 250ms ease;
  -ms-transition:all 250ms ease;
  transition:all 250ms ease;

}

textarea[name=comments]{
  min-height: 80px;
  width: 100%;
}

.select-styled:hover,
.select-styled:active,
.select-styled.actived,
input[name=email]:focus,
input[name=full_name]:focus,
input[name=phone]:focus,
textarea[name=comments]:focus{
  color: #2C2C30;
  background: #f2f5fd;
  border:1px solid rgba(106,82,255,0.2);

  -webkit-transition:all 250ms ease;
  -moz-transition:all 250ms ease;
  -ms-transition:all 250ms ease;
  transition:all 250ms ease;

}

.select-styled,
input[name=email],
input[name=full_name],
input[name=phone],
textarea[name=comments]{
  margin-bottom:10px;
  width: 100%;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/*--- select ---*/

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 0;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
  display: block;
  float: left;
}

.select-styled:before,
.select-styled:active:before, .select-styled.actived:before{
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0;
  top:0;
  background: transparent;
  display: block;
  padding: 14px;
  opacity: 0.5;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.select-styled:before{content: url("./../../images/icons/arrow_left_#2C2C30.svg");}
.select-styled:active:before, .select-styled.actived:before {content: url("./../../images/icons/arrow_bottom_#2C2C30.svg");}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: -10px 0 0 0;
  padding: 0;
  list-style: none;
  border: 1px solid #f2f2f2;
  background: white;

  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.select-options li {
  margin: 0;
  width: 100%;
  padding: 12px 0;
  text-indent: 15px;
  border-bottom: 1px solid #f2f2f2;

  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  color: #2C2C30;
  background: white;
}
.select-options li[rel="hide"] {
  display: none;
}

@media screen and (max-width: 768px){
.select-options {
    position: relative;
    float:left;
    width: 100%;
  }
}

/*--- checkbox ---*/

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url("./../../images/icons/checkbox.png") left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url("./../../images/icons/checkbox.png") -20px top no-repeat;
}

/*--- checkbox ---*/

input[type="radio"] {
    display:none;
}

input[type="radio"] + label span {
    display:block;
    width:20px;
    height:20px;
    margin-top:1px;
    vertical-align:middle;
    background:url("./../../images/icons/checkbox.png") -40px top no-repeat;
    cursor:pointer;
    float: left;
}


input[type="radio"] + label p{
  float:left;
  display: block;
  width: auto;
  margin-left: 10px;
}

input[type="radio"] + label img{
  max-width: 200px;
  width: 100%;
  float: left;
  display: block;
}

input[type="radio"]:checked + label span {
    background:url("./../../images/icons/checkbox.png") -60px top no-repeat;
}

/*--- search ---*/


form.search {
  position: relative;
  display: block;
  margin-top:-10px;
}

form.search.faqs {
  margin: 0;
  width: 100%;
  float: left;
  padding: 10px 0;
}


form.search:before {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  z-index: 9999;
  padding: 0;
  opacity: 1;
  top:10px;
  right: 10px;
  content: url("./../../images/icons/icon_search.svg");
}

form.search.faqs:before {content: url("./../../images/icons/icon_search_#2C2C30.svg");top:18px;}

input[name=search]{
  background: transparent;
  width: 100%;
  border: 1px solid #cccccc;
  position: relative;
  overflow: hidden;
  color:white;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;

  -webkit-transition:all 250ms ease;
  -moz-transition:all 250ms ease;
  -ms-transition:all 250ms ease;
  transition:all 250ms ease;

  padding:11px 40px 11px 20px;
  margin:0;

  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;

}

form.search.faqs input[name=search]{max-width: 100%;color:#444444;}

input[name=search]:focus{
  color:#2C2C30;
  background: #f2f5fd;
  border:1px solid rgba(106,82,255,0.2);
}

input[name=search]::-webkit-input-placeholder{color: rgba(255,255,255,0.5);}
input[name=search]:-moz-placeholder{color: rgba(255,255,255,0.5);}
input[name=search]:-ms-input-placeholder {color: rgba(255,255,255,0.5);}


@media screen and (max-width: 768px){
  input[name=search]{width: 100%;}
}