*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

:root{
  --main-color:#c50d00; /*de0113*/
  --alter-main:#f3f3f3;
  --white-color:#ffffff;
  --black-color:#232323;
  --light-color:#f6f3f3;
  --raphi-color:#ff9a00;
  --gradient-1:linear-gradient(144deg,#0F0F51 0%,#3ce35f 100%);
  --gradient-main:linear-gradient(to top,#de0000 30%,rgba(0,0,0,0) 70%);
  --gradient-main2:linear-gradient(to top,#c50d00 30%,#ff6459 70%);
  --gradient-radial:radial-gradient(circle, rgba(197,13,0,1) 0%, rgba(0,0,0,1) 100%);;
}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 13px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  -webkit-box-shadow: inset 0 0 13px rgba(0,0,0,.3);
  background-color: #333333
}

body {
    margin:0;
    padding:0;
    color: var(--black-color);
    line-height: 1.1;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
  }


/* ALING TEXT */

h1,h2,h3,h4,h5,h6{
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  margin:0;
  padding: 0;
  color: var(--black-color);
}

/* END ALIGN TEXT*/

/* NORMALIZE STYLES */
a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:hover, a:focus, a:active {
    color: #333;
    outline:none;
    text-decoration: none;
}

button{
  outline:none;
}
img{
  display: block;
  max-width: 100%;
}

/* END NORMALIZE */

/* FONT ICONS */

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot?xplo");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff2?xplo") format("woff2"),
       url("./Flaticon.woff?xplo") format("woff"),
       url("./Flaticon.ttf?xplo") format("truetype"),
       url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
}

/*.flaticon-left-arrow:before { content: "\f100"; }
.flaticon-right-arrow:before { content: "\f101"; }*/
.flaticon-fuel-station:before { content: "\f100"; }
.flaticon-trailer:before { content: "\f101"; }
.flaticon-shop:before { content: "\f102"; }
.flaticon-leaf:before { content: "\f103"; }
.flaticon-play-button:before { content: "\f104"; }
.flaticon-phone-call:before { content: "\f105"; }
.flaticon-smartphone:before { content: "\f106"; }
.flaticon-envelope:before { content: "\f107"; }
.flaticon-marker:before { content: "\f108"; }
.flaticon-clock:before { content: "\f109"; }
.flaticon-instagram:before { content: "\f10a"; }
.flaticon-food:before { content: "\f10b"; }
.flaticon-hosepipe:before { content: "\f10c"; }
.flaticon-payment:before { content: "\f10d"; }
.flaticon-quote:before { content: "\f10e"; }
.flaticon-serving-dish:before { content: "\f10f"; }
.flaticon-next:before { content: "\f110"; }
.flaticon-back:before { content: "\f111"; }
.flaticon-facebook-logo:before { content: "\f112"; }




/* PADDINGS */

.pt1{
  padding-top: 10px;
}
.pd2{
  padding: 2.5em;
}
.pd5{
  padding: 4em;
}
.pd1{
  padding:1em;
}
.m5{
  margin: 5px;
}
.mt10{
  margin-top: 10px;
}
.mb20{
  margin-bottom: 20px;
}

@media screen and (max-width:540px){
  .pd2{
    padding: 1em;
  }
}

/* BUTTONS */

.button {
  display: inline-block;
  padding: 10px 20px;
  margin: .4em 0;
  color: #fff;
  border-radius: 30px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  outline: none;
  letter-spacing: .5px;
  cursor: pointer;
  transition: .8s; }
  .button.primary {
    background: var(--black-color);
    color: var(--white-color); }
    .button.primary:hover {
      color: var(--alter-main);
      background:var(--main-color)}
  .button.secondary {
    background: var(--main-color);
    color:var(--alter-main);}
    .button.secondary:hover {
      color: var(--white-color);
      background: var(--black-color);
      
       }
  .button.third {
    background: transparent;
    color: #fff;
    border: 2px solid #fff; }
    .button.third:hover {
      transition: .8s;
      background: #fff;
      color: #2a2a2a;
      font-weight: 400; }

  .btn_fact{
    font-size: 15px;
    padding: 15px 20px;
  }

/* END BUTTONS */


/* TITLES AND SUBTITLES */

.border-btm {
    position: relative;
    padding-bottom: 10px !important;
}

.border-btm::before {
    content: "";
    background-color: var(--main-color);
    width: 80px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.title_comite{
  font-weight: 400;
  font-size: 16px;
}
.main_title{
  font-size: 3em;
  line-height: 1;
}

.title_page{
  margin:0;
  margin-top: 10px;
  margin-bottom:10px;
  font-size: 1.2em;
  font-weight: 400;
  text-transform: uppercase;
}

@media screen and (max-width: 680px){
  .title_page{
    margin:0;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 1em;
  }
  .main_title{
    font-size: 2em;
  }
}

.main_subtitle{
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0px;
}

/* CONTAINERS */

.l-container {
  width: 95%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto; }

.m-container {
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.f-container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;  
}

.prelative{
  position: relative;
}

/* END CONTAINERS */

/* TOP BAR */

.top-bar {
    top:0;
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-bar__left {
    width:60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.top-bar__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width:880px) {
    .top-bar {
        /*display: none*/
    }
    .top-bar__left{
      width: 50%;
    }
    .top-bar__right{
      width: 50%;
    }

    .no-widget{
      display: none;
    }

}


.contact-widget,
.contact-icon,
.widget-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-widget a{
  font-weight: none;
}

.contact-icon{
  margin-bottom: 10px;
}

.widget-top{
  background: var(--white-color);
  margin-left: 3px;
  margin-right: 3px;
  padding: .2em 1em;;
  border-radius: 30px;
  line-height: 2;
  color:var(--main-color);
}

.widget-top a{
  color:var(--main-color);
  font-weight: 700;
}

.widget-top i{
  text-align: center;
  font-size: 1.5em;
  color:var(--main-color);
  vertical-align: middle;
  font-weight: normal;
  
}

.contact-widget__icon,
.contact-icon__icon {
    width: 2em;
    height: 2em;
    background: var(--white-color);
    color: var(--main-color);
    text-align: center;
    font-size: 1.2em;
    border-radius: 5px;
}

.contact-icon__icon{
  width: 2.2em;
  background: var(--main-color);
  height: 2.2em;
  font-size: 1.6em;
}

.contact-widget__icon.icon-header {
    line-height: 2;
    margin-right: 5px;
}

.contact-icon__icon.icon-contact{
  line-height: 2.2;
}

.contact-widget__data,
.contact-icon__data {
    margin-right: 10px;
    margin-left:5px;
}

.contact-widget__title,
.contact-icon__title {
    color:var(--text-color);
    margin: 0;
    font-size: .9em
}

.contact-widget__content,
.contact-icon__content {
    color:var(--text-color);
    font-size: 13px;
    margin: 0;
}

.contact-icon__title,
.contact-icon__content{
  color: var(--white-color);
}

/* END TOP BAR */


/* POPOVER */

@-webkit-keyframes popover {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes popover {
    0% {
        opacity: 0;
        -moz-transform: translateY(-30px)
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes popover {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}


/* END POPOVER */


    /* TOGGLE PROFILE / PERFIL */

.p-relative{
  position: relative;
}

.toggle-profile {
  background: var(--alter-main);
  /*margin: 20px 0;
  right: 0;*/
  z-index: 150;
  /*width: 320px;*/
  position: absolute;
  border-radius: 4px;
  /*padding: 20px;*/
  top: 0;
  right: 0;
  display: none;
  overflow: visible;
  width: 280px;
  margin: 10px 0;
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: 0 15px 20px -5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 20px -5px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 20px -5px rgba(0, 0, 0, .1);
    -webkit-animation: popover .2s ease-in-out;
    -moz-animation: popover .2s ease-in-out;
    animation: popover .2s ease-in-out
}
.toggle-profile.opened{
  display: block;
}
.toggle-profile .toggle-profile-header {
  /*border-bottom: 1px solid #E8E8E8;*/
  padding: 16px;
  border-bottom: 1px solid #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.bor-top{
  border-top: 1px solid #E8E8E8;
}

.toggle-profile-list{
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.toggle-profile__icon{
  width: 20%;
  text-align: center;
}
.toggle-profile__title{
  width: 70%;
  padding: 5px;
}

.toggle-profile-header .toggle-profile__icon i{
  font-size: 20px;
  /*color: var(--main-color)*/
}
/*.toggle-profile-list{
  font-size: 20px;
  text-transform: uppercase;
  transition: .5s;
}*/

.link-toggle{
  color: var(--text-color);
  font-size: 20px;
  text-transform: uppercase;
}

.toggle-profile__title p{
  margin:0;
  font-size: 13px;
  transition: all .5s ease;
}

.toggle-profile-list i{
  transition: all .5s ease;
}

.link-toggle:hover .toggle-profile-list p,
.link-toggle:hover .toggle-profile-list i{
  color: var(--main-color);
}

.toggle-profile:after {
  top: -21px;
  right: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: var(--alter-main);
  border-width: 11px;
  margin-left: -11px;

}

@media screen and (max-width: 780px)
{
  .toggle-profile:after {
    left: 185px;
  }
}



    /* END TOGGLE PROFILE / PERFIL */


/* HEADER */

.main-header {
  padding:5px 0;
  position: fixed;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 4px 5px 16px -4px rgba(93,93,93,.1);
  background:var(--white-color);
  left: 0;
  width: 100%;
  z-index: 100;}
/*@media screen and (max-width:780px) {
    .main-header{
      top: 0;
    }
}*/

.logo{
  height: 60px;
}

  .main-header .l-container {
    height:60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
   }

.menu .main-menu .menu-link{
    position:relative;
    list-style:none;
    cursor: pointer;
}

.menu a{
  margin: 0 .8em;
  height: auto;
  color: var(--main-color);
  font-size:15px;
  width:100%;
  text-transform: uppercase;
  transition: .5s ease;
  font-weight: 400;
  cursor: pointer;
}


  .menu .menu-link a.active_menu, .menu .menu-link a:hover{
    color:var(--black-color);
    font-weight: 400;
    cursor: pointer;
  }
  .menu .menu-link a.active_menu:hover{
    color: var(--main-color);
    cursor: pointer;
  }

.menu .button:hover a,.menu .button a
{
  color: var(--white-color);
}

@media screen and (min-width: 1024px){
  .menu .main-menu{
   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin:0;
  }

}


.icon{
  margin-top: 5px;
  width:60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  z-index: 1000;

}

@media screen and (min-width: 1024px){
  .icon{
    display: none;
  }
}
@media screen and (max-width: 1023px){
  .icon{
    overflow: hidden;
  }
}

.hamburger{
  width: 40px;
  height: 4px;
  background: var(--main-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  transition:.5s;
}

.hamburger:before,
.hamburger:after{
  content: '';
  position: absolute;
  width: 40px;
  height: 4px;
  background: var(--main-color);
  transition:.5s;
}

.hamburger:before{
  top: -12px;
}
.hamburger:after{
  top: 12px;
}

.icon.active .hamburger{
  background: rgba(0,0,0,0);
  box-shadow: 0 2px 5px rgba(0,0,0,0);
}

.icon.active .hamburger:before{
  top: 0;
  transform:rotate(45deg);
  background:var(--main-color);
}

.icon.active .hamburger:after{
  top: 0;
  background:var(--main-color);
  transform:rotate(135deg);
}

@media only screen and (min-width: 768px) {
  #main-nav{
    width: 350px;
  }
}

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

#menu{
  position: fixed;
  top:70px;
  height:100vh;
  width: 260px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
  z-index: 100;
}

#menu {
  right: -100%;
  background: var(--white-color);
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  transition: right 0.3s;
}
#menu.speed-in {
  right: 0;
}
#menu ul{
  padding: 0;
}
#menu .menu-link a {
  display: block;
  line-height: 1.2;
  padding: 1.2em 1em;
  margin:0;
  color: var(--main-color);
  border-bottom: 1px solid #e0e6ef;
}
#menu .menu-link .active_menu,#menu .menu-link a:hover {
  box-shadow: inset 3px 0 var(--main-color);
  background: var(--main-color);
  color: var(--white-color);
  transition: .5s;
}

#menu .menu-link:last-child a{
  line-height: 1;
  color: var(--alter-main);
  padding: 5px 5px;
  border-bottom: 0;
}

#menu .button{
  display: block;
  text-align: center;
  margin:0 7px;
}

  #cd-shadow-layer {
  position: fixed;
  min-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(102, 102, 102, .85);
  cursor: pointer;
  z-index:31;
  display: none;
  cursor:url(../img/white_cursor.png) 33 33, auto;

}
#cd-shadow-layer.is-visible {
  display: block;
  -webkit-animation: cd-fade-in 0.3s;
  -moz-animation: cd-fade-in 0.3s;
  animation: cd-fade-in 0.3s;
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
}

/* HEADER STICKY */

.scrollheader{
  background: var(--white-color);
  top: 0;
}


/* HEADER END */

/* SLIDER */

#slider{
  position: relative;
  top: 0;
  width: 1920px;
  max-width: 100%;
  height:600px;
  margin:0 auto;
  margin-bottom: 0px;
  z-index: 1;
  padding: 0;}

#slider-mobile{
  width:640px;
  height:650px;
  margin-bottom: 0px;
}

/* SLIDER */


/* COLUMNAS */


@media screen and (min-width: 580px) {

  .columns-blog {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (min-width: 580px) {
  .columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (min-width: 280px) {
  .columns2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (min-width: 580px) {
  .columns-center2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (min-width: 580px) {
  .columns-center3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
   -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (min-width: 580px) {
  .columns-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (min-width: 80px) {
  .columns-center__full {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }



@media screen and (min-width: 580px) {
    .third_column {
      width: calc(50% - .3em);
    } }
  @media screen and (min-width: 1025px) {
    .third_column {
      width: calc(33% - .5em); } }

  @media screen and (min-width: 580px) {
    .tree_column {
      width: 50%;
    } }
  @media screen and (min-width: 1025px) {
    .tree_column {
      width: 33.33%; } }

  @media screen and (min-width: 80px) {
    .third_column_full {
      width: calc(33% - .5em); } }


.four_column-blog{
    margin-bottom: 25px;
}
@media screen and (min-width: 690px) {
    .four_column-blog {
      width: calc(50% - 15px); } }
  @media screen and (min-width: 1025px) {
    .four_column-blog {
      width:calc(25% - 10px);
       } }

@media screen and (min-width: 580px) {
    .four_column {
      width: calc(50% - .3em);
      margin: 0 0 1em; } }
  @media screen and (min-width: 1025px) {
    .four_column {
      width: calc(25% - .5em); } }

@media screen and (min-width: 80px) {
    .four_column__full {
      width: 50%;
      } }
  @media screen and (min-width: 680px) {
    .four_column__full {
      width: calc(25% - .5em); } }

@media screen and (min-width: 580px) {
    .four_column2 {
      width: 50%;
      } }
  @media screen and (min-width: 1025px) {
    .four_column2 {
      width: 25% } }

@media screen and (min-width: 580px) {
    .five_column {
      width: calc(30% - .3em);
      margin: 0 0 1em; } }
  @media screen and (min-width: 1025px) {
    .five_column {
      width: calc(20% - .5em); } }

@media screen and (min-width: 580px) {
    .five_column2 {
      width: 50%; } }
  @media screen and (min-width: 1025px) {
    .five_column2 {
      width: 20%; } }

@media screen and (min-width: 580px) {
    .two_column {
      width: calc(100% - .3em);
       } }
  @media screen and (min-width: 780px) {
    .two_column {
      width: calc(50% - .5em); } }

/* END COLUMNAS */


/* PRECIO INICIO */

.precios-inicio{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: var(--white-color);
    padding: 20px;
    border-top: 3px solid var(--white-color);
    width: 100%;
}

.precios-inicio .numero{
    /*background-color: var(--white-color);*/
    font-size: 30px;
    margin-left: 20px;
    padding: 10px;
    text-align: center;
    color: var(--white-color);
}

.precios-inicio .numero span{
    /*background-color: var(--white-color);*/
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}
/* END PRECIOS INICIO */


/* SERVICIOS HOME */

.servicios {
    background-color: var(--alter-main);
}

.servicios .servicio {
    background-color: var(--white-color);
}

.detalles-servicio{
    padding:20px;
    border-bottom:3.5px solid var(--main-color);
}

.servicio h3 {
    position: relative;
    font-size: 26px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--white-color);
}

@media screen and (max-width: 580px){
  .servicio h3 {
    font-size: 18px;
  }

}

.servicio h3::before {
    content: "";
    background-color: var(--main-color);
    width: 70px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}


.slider-home .owl-theme .owl-nav {
  margin: 0;
  display:block;
}
.slider-home .owl-theme .owl-nav [class*=owl-] {
  background: var(--main-color);
  color: var(--white-color);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  line-height: 38px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: .5s;
}
.slider-home .owl-theme .owl-nav [class*=owl-]:hover{
  background: var(--black-color);
  color:var(--white-color);
}

.slider-home .owl-theme .owl-nav .owl-prev {
  left: -18px;
}
.slider-home .owl-theme .owl-nav .owl-next {
  right: -18px;
}

@media screen and (max-width: 680px)
{
  .slider-home .owl-theme .owl-nav .owl-prev {
  left: -9px;
  }
  .slider-home .owl-theme .owl-nav .owl-next {
    right: -9px;
  }
}



/* END SERVICIOS */

/* 2 COLUMNS */

@media screen and (min-width: 850px) {
  .columns-two__center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .columns-two {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .column-two__content{
      width: 48%;
    }

    .column-70__content{
      width: 70%;
    }
    .column-30__content{
      width: 30%;
    }
    .column-60__content{
      width: 60%;
    }
    .column-40__content{
      width: 40%;
    }
    .column-50__content{
      width: 48%;
    }
  }




    .column-two_prices__content{
      width: 50%;
    }

  .column-two_prices__content h3{
    font-size: 25px;
  }

/* 2 COLUMNS */

/* ICONS ABOUT */

.icons-home{
  text-align: center;
  padding: 5px 0;
}

.icons-home i{
  font-size: 4em;
  color:var(--main-color);
}


  .list-check{
    padding: 0;
  }

  .list-check li{
    list-style: none;
    padding-left: 1.8em;
    margin:4px 0;
    font-size: 15px;
    font-weight: 500;
  }

  .list-check li:before{
    font-family: remixicon;
    content: "\eb80";
    font-style: normal;
    margin-left: -1.2em;
    font-size: 20px;
    margin-right: 5px;
    color: var(--main-color);
  }

  .list-check.white li:before{
    font-family: Flaticon;
    content: "\f11d";
    font-style: normal;
    margin-left: -1.2em;
    font-size: 20px;
    margin-right: 5px;
    color: var(--white-color);
  }

/* END ICONS ABOUT */

/* VIDEO HOME */

.title-restaurante,
.video-home{
  margin-top: -60px;
  background:var(--white-color);
  padding: 40px;
  box-shadow: 0px 3px 21px 1px rgba(0,0,0,.2);
}

.title-restaurante{
  position: relative;
  z-index: 2;
  border-radius: 10px;
  padding: 60px 20px;
}



/* END VIDEO HOME */


  /* SWIPER SLIDER 3D */


.swiper-projects{
  display: block;
  list-style: none;
    margin-left: auto;
    margin-right: auto;
  flex-shrink: 0;
  height: 100%;
  overflow: clip;
    padding: 0;
    z-index: 1;
  position: relative;
  transition-property: transform;
  width: 100%
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-projects .swiper-wrapper{
  box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: ease;
    width: 100%;
    z-index: 1
}

.swiper-projects .swiper-pagination-bullet,
.swiper-projects .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-projects .swiper-pagination {
  bottom: 1.25rem !important;
}
.blog-slider__pagination{
  position: absolute;
  transform: translateX(-50%);
  left: 50% !important;
  top: 90%;
  z-index: 10;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: var(--white-color);
  opacity: .5;
  transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--black-color);
  width: 30px;
  box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

.swiper-projects .swiper-slide{

    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}


.swiper-projects  .swiper-slide picture{
    display: block
}

.swiper-projects .swiper-slide img{
  width: 100%;
}




/* END PROJECTS HOME / SWIPER SLIDER  */

/* SERVICIOS CAROUSEL */

.swiper-button-next::after, .swiper-button-prev::after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 1rem;
  width: 1rem;
  height: 2rem;
  opacity: 0.8;
  border-radius: 50%;
  color: var(--main-color);
  background: var(--white-color);
  transition: .5s;
}
.swiper-button-next{
  right: 5px;
}
.swiper-button-prev{
  left: 5px;
}

.swiper.offer-slider-s{
  /* -webkit-mask: linear-gradient( 90deg, transparent, white 20%, white 80%, transparent );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */
  padding-top: 50px;
  padding-bottom: 50px;
}

.offer-slider-s .swiper-wrapper{
  transition-timing-function: linear!important;
}

.offer-slider .swiper-slide{
  width: 300px;
  height: 400px;
  box-shadow: 0 20px 10px -10px rgba(0, 0, 0, .5);
/*  filter: blur(1px);*/
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;

}

.offer-slider .swiper-slide-active {
  filter: blur(0px);
}

.offer-slider .target {
  text-transform: uppercase;
  color: var(--white-color);
  font-weight: 500;
  background: #1b7402;
  padding: 7px 18px 7px 25px;
  display: flex;
  align-items: center;
  border-radius: 0 20px 20px 0px;
  letter-spacing: 1px;
  font-size: 0.6rem;
}

.offer-slider .swiper-slide .price span{
  text-transform: uppercase;
  font-size: 10px;
  margin-right: 4px;
}
.offer-slider .swiper-slide .price {
  font-weight: 500;
  font-size: 20px;
}

.offer-slider .swiper-slide span.target i{
  font-weight: normal;
  font-size: 1.1rem;
}

.target.c1 {
  background: #62667f;
}

.target.c2 {
  background: #087ac4;
}

.target.c3 {
  background: #b45205;
}

.target.c4 {
  background: var(--main-color);
}

.offer-slider .swiper-slide h2 {
  color: var(--white-color);
  text-transform: uppercase;
  font-size: 20px;
  line-height: 21px;
  margin-bottom: 15px;
  padding: 25px 45px 0 25px;
}

.offer-slider .swiper-slide p {
  color: #fff;
  font-weight: 300;
  display: flex;
  align-items: center;
  margin:0;
  padding: 0 25px 5px 25px;
}
.offer-slider .swiper-slide i {
  color: #fff;
  margin-right: 3px;
}

.offer-slider .swiper-slide a {
  margin: 0 0 30px 1.563rem;
  background-color: var(--main-color);
  text-transform: uppercase;
  border: none;
  color: var(--white-color);
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  transition: 0.3s ease-in;
}

.offer-slider .swiper-slide a:hover {
  background: var(--black-color);
  color: var(--white-color);
}

.offer-slide--one {
  background: linear-gradient(to top, #0f2027 18%, #203a4300, #2c536400),
    url('../img/ser-1.jpg')
      no-repeat 50% 50% / cover;
}

.offer-slide--two {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),
    url('../img/ser-2.jpg')
      no-repeat 50% 50% / cover;
}

.offer-slide--three {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),
    url('../img/ser-3.jpg')
      no-repeat 50% 50% / cover;
}

.offer-slide--four {
  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),
    url('../img/ser-4.jpg')
      no-repeat 50% 50% / cover;
}


/* END SERVICIOS CAROUSEL */ 



/* SLICK CAROUSEL */

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#services_carousel>div,
#tarjetas_carousel div,
#bancos_carousel>div,
#grifo_carousel>div,
#terminal_carousel>div,
#terminal_carousel div,
#grifo_carousel div,
#bancos_carousel div{
  outline: none;
}

#tarjetas_carousel div,
#bancos_carousel div{
  padding: 0px 3px;
  margin: 0 auto;
  text-align: center;
}
#tarjetas_carousel img,
#bancos_carousel img{
  margin: 0 auto;
  text-align: center;
}

/* ARROW SLICKS */

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: rgba(0,0,0,1);
    border-radius: 50%;
    transition: .5s;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: var(--main-color);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: Flaticon;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.1;
    margin:0;
    padding: 0;
    opacity: .75;
    color: var(--white-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0px;
    z-index: 1;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}

.slick-prev:before
{
    content: '\f111';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f111';
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content: '\f110';
}
[dir='rtl'] .slick-next:before
{
    content: '\f110';
}


#pp-nav li .active span, .pp-slidesNav .active span{
  background: #fff;
}
/* END ARROW SLICKS */

/* END SLICK CAROUSEL */

/* PRECIOS GRIFO */
.bg-top-precios{
  padding: 20px 30px;
}
.bg-top-logos{
  padding: 20px;
  border-top:5px solid #ffffff;
}
.bg-top-logos img{
  max-width: 200px;
  margin:0 auto;
}

.bg-top-precios h2{
  font-size: 30px;
  text-transform: uppercase;
}

.bg-top-precios img{
      filter: ;
}

.precios-totem {
    background-color: var(--main-color);
    border-radius: 15px;
    color: #fff;
    position: relative
}

.precios-lista{
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            justify-content: space-between;
}

/*  END PRECIOS GRIFO */

/* SECTIONS HOME - BACKGROUNDS */

.text-section{
  font-size: 19px;
  line-height: 1.5;
}

.z10{
  position: relative;
  z-index: 10;
}

.bgsec_services
{
  background: url(../img/sections/bg_about_new.jpg?2019);
  background-size: cover;
  background-position: center;
}

.bgsec_about
{
  background: url(../img/sections/bg_gamarra.jpg?2019);
  background-size: cover;
  background-position: center;
}

.bgsec_video
{
  background: url(../img/sections/video.gif?new);
  background-size: cover;
  background-position: center center;
}

.bgsec_grifo
{
  background: url(../img/sections/bg_grifo.jpg?2019);
  background-size: cover;
  background-position: center center;
}

.bg_contact
{
  background: url(../img/sections/bg_contact.jpg?2019);
  background-size: cover;
  background-position: center center;
}

.bgsec_minimarket
{
  background: url(../img/sections/bg_minimarket_new.jpg?2019);
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 980px)
{
  [class*="bgsec_"],
  [class^="bgsec_"]
  {
    background-attachment: fixed;
  }
}

[class*="bgsec_"],
[class^="bgsec_"]
{
  position: relative;
  z-index: 1;
}


[class*="bgsec_"]:after,
[class^="bgsec_"]:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black-color);
    opacity: .25;
}


/* END SECTIONS HOME - BACKGROUNDS */


/* SERVICES HOME */

.box-img{
  text-align:center;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 1;
  box-shadow: 0px 5px 5px 3px rgba(0,0,0,.25);
  height: 350px; }

.box-img:after{ 
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black-color);
    opacity: .2; }

.box-img:hover h4,
.box-img:hover .box-img-content,
.box-img:hover .box-img-content p,
.box-img:hover .box-img-content i:before
{ color: var(--white-color); }

.box-img-content 
{ position: relative;
  z-index: 9;
  padding: 93px 0;
  -webkit-transition: all 0.6s ease-out 0s;
  -moz-transition: all 0.6s ease-out 0s;
  -ms-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s; }

.box-img-content__platos
{ position: relative;
  z-index: 9;
  padding: 150px 0;
  -webkit-transition: all 0.6s ease-out 0s;
  -moz-transition: all 0.6s ease-out 0s;
  -ms-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s; }

.box-img-content i:before
{
  font-size: 60px;
  line-height: 70px;
  color:var(--white-color);}

.box-img-content h4,
.box-img-content__platos h4 { 
  margin-top: 15px;
  font-size: 2em;
  margin-bottom: 10px;
  padding:0 2em;
  color:var(--white-color);}


.box-img-content a { 
  opacity: 0;}

.box-img .box-img-bg { 
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
/*  -webkit-transition: all 0.3s ease-out 0s; 
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;*/
  z-index: 0;
  background-size: cover;
  background-position: center center; }

.box-img:hover .box-img-content{
  padding-top: 60px;
  padding-bottom: 46px; }

.box-img:hover .box-img-content__platos{
  padding-top: 130px; }

.box-img:hover a,
.box-img.active a { 
  opacity: 1;
  height: auto; }

@media screen and (max-width:840px)
{
  .box-img-content a{
    opacity: 1;
  }
}

/*.box-img:hover .box-img-bg{ 
  opacity: 1;}*/

.bg-s1{
  background-image: url("../img/services/bg1.jpg");
}
.bg-s2{
  background-image: url("../img/services/bg2.jpg");
}
.bg-s3{
  background-image: url("../img/services/bg3.jpg");
}
.bg-s4{
  background-image: url("../img/services/bg4.jpg");
}
.bg-s5{
  background-image: url("../img/services/bg5.jpg");
}
.bg-s6{
  background-image: url("../img/services/bg6.jpg");
}


/* END SERVICES HOME*/

/* ABOUT HOME */

.phrase{
  position: absolute;
  bottom: 15px;
  right: 30px;
  margin-left:auto;
  width: 100%;
  max-width: 300px;
  z-index: 1;
  color: var(--white-color);
}
.phrase h2{
  font-size: 1.5em;
}
.phrase .author{
  font-size: 13px;
  text-transform: uppercase;
  text-align: right;
}
.phrase .author:before{
  content: "\2014";
}
.phrase:before {
  font-family: Flaticon;
  font-style: normal;
  font-size: 4.5em;
  position: absolute;
  opacity: .4;
  right: -20px;
  top:-30px;
  z-index: 0;
  content: "\f10e";
}

/* END ABOUT HOME */

/* VIDEO HOME */

.icon_video{
  font-size: 4em;
  transition: .5s all ease;
}

a:hover .icon_video{
  color:var(--main-color);
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border:none;
    overflow:hidden;
}

/* END VIDEO HOME */

/* SECTION NOSOTROS */

.about-container{
    position: relative;
    }

 @media screen and (min-width: 860px){

   .about-container{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; 

  }

  .about-container__img,.about-container__details{
  width:50%;
  }

  .about-container__details{
    position: absolute;
    right: 5%;
    padding: 60px 50px 60px 60px;
  }
 }



 .bg-about-container__img
 {
    background-image: url(../img/grifo_1_2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
 }

  .bg-mkt-container__img
 {
    background-image: url(../img/raphi.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
 }


  .bg-rest-container__img
 {
    background-image: url(../img/rest.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
 }

 .about-container__details{
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: var(--main-color);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-color: var(--white-color);
 }

  @media screen and (max-width:860px)
 {
    .about-container__details{
        border:1px solid var(--main-color);
        width: 90%;
        margin:0 auto;
        margin-top: -30px;
        padding: 30px 20px 30px 20px;
      }
 }

  @media screen and (max-width:580px)
 {
    .bg-about-container__img{
        height: 50vh;
    }
 }

 .about-container__img img{
  display: block;
  max-width: 100%;
  text-align: right;
 }

.box-banner{
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  box-shadow:  0 35px 30px -10px rgba(0,0,0,0.42);
}

.prices-banner{
  background: var(--main-color);
  padding: 10px;
}

.prices-banner img,
.box-banner-img img{
  display: block;
  margin: 5px auto;
  max-width: 70%;
}

.box-banner-content{
  padding: 20px;
  border-radius: 0 0 15px 15px;
  border: 1px solid rgba(197, 13, 0, .3);
}

.box-banner-hero{
  width: 100%;
  height: 300px;
  position: relative;
  border-radius: 15px 15px 0 0;
}

.box-about{
  background-image: url(../img/grifo_2.jpg);
  background-size: cover;
  background-position: center;
}

.box-pagos{
  background-image: url(../img/pages/pagosbg.jpg);
  background-size: cover;
  background-position: left center;
}
.box-mkt{
  background-image: url(../img/pages/mktbg.jpg);
  background-size: cover;
  background-position: left center;
}

.box-rest{
  background-image: url(../img/pages/restbg.jpg);
  background-size: cover;
  background-position: center center;
}


/* SECTION GRIFO */


@media screen and (min-width: 1024px) {
  .grifo_container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grifo_container__text,.grifo_container__img
  {
    width: 48%;
  }
}

.bg_grifo-1{
  background: url(../img/sections/bg_grifo.jpg);
  background-size: cover;
  background-position: center center;
}

.bg_grifo-2{
  background: url(../img/sections/bg_grifo_1.jpg);
  background-size: cover;
  background-position: center center;
}

.bg_grifo-3{
  background: url(../img/sections/bg_grifo_2.jpg);
  background-size: cover;
  background-position: center center;
}



/* END SECTION GRIFO */

/* PAGES */

.header_page{
  padding-top: 70px;
  position: relative;
  z-index: 10;
}
.header_page h1{
  font-size: 4em;
  margin:0;
  padding: 0;
}

@media screen and (max-width: 600px){
  .header_page h1{
    font-size: 2.5em;
    margin:0;
    padding: 0;
  }
}


 /* BLOG PAGE */

.blog-box{
    border-radius:10px;
    position: relative;
    height: 100%;
    margin-top: 10px;
    background-color: var(--light-color);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, .2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.blog-box:hover{
  border:2px solid var(--main-color);
  transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.blog-img{
    position: relative;
}
.blog-img:before{
    content: " ";
    display: block;
    padding-top: calc((60 / 100) * 100% );
}

.blog-img__bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 10px 10px 0px 0px;
}

.blog-box__details{
  padding:15px 20px;
}
.blog-box__title{
    margin:0;
    font-size: 20px;
    letter-spacing: -0.5px;
}
.blog-box__date{
  color:var(--text-color);
  text-transform: uppercase;
  font-size: 11px;
  margin:0;
  margin-top: 10px;
}

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

.articles_headers span{
    padding:5px 15px;
    margin-bottom: 10px;
}

.articles_headers span:nth-child(1),
.articles_headers span:nth-child(2){
    border-right: 1px solid rgba(var(--BorderColorRgb), .5);
}

.article_content a,
.article_content strong,
.article_content b{
    color:var(--main-color);
    font-weight: bold;
}

.article_content h1,
.article_content h2,
.article_content h3,
.article_content h4,
.article_content h5,
.article_content h6{
    color: var(--main-color);
}
.tags_article{
    margin-bottom: 20px;
}
.tags_article p{
    display: inline-block;
    font-size: 11px;
    vertical-align: middle;
}

.tags_article span{
  display: inline-block;
  margin: 0 3px 4px 0;
  padding: 4px 9px;
  background: #1a1d24;
  color:var(--white-color);
  font-size: 9.5px;
  border:1px solid rgba(var(--BorderColorRgb), .3);
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: .8s;
}
.tags_article span:hover{
  border:1px solid rgba(var(--main-colorRGB), .5);
}

@media screen and (max-width: 540px){
  .tags_article span{
    font-size: 8px;
    letter-spacing: 1px;
  }
}

 /* END BLOG PAGE */

  /* GRIFO PAGE */

  .hours24{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 70px

  }
  
  @media screen and (min-width: 1024px) {
  .grifo-products {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .grifo-products__details,
    .grifo-products__img{
      width: 48%;
    }
  }

  .grifo-products__details
  {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .grifo-products__img img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 20px 10px -15px rgba(0,0,0,.4)
  }

  .grifo-fuel
  {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .grifo-fuel__img img{
    display: block;
    max-width: 65px;
  }

  .grifo-fuel__details
  {
    margin-left: 10px;
    font-size:17px;
    font-weight: 500;
    text-transform: uppercase;
  }

  .box-banner-img img,
  .img-blank{
  display: block;
  margin: 5px auto;
  text-align: center;
  max-width: 70%;
  box-shadow: 0 0 0 0;
  }
  .img-blank{
    width: 140px;
    box-shadow: 0 0 0 0 !important;
  }

  /* END GRIFO PAGE */

/* PAGE TERMINAL */

@media screen and (min-width: 1024px) {
  .terminal-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .terminal-column__details,
    .terminal-column__img{
      width: 48%;
    }
  }

  .terminal-column__details
  {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .terminal-column__img img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 20px 10px -15px rgba(0,0,0,.4)
  }

  .benefits
  {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .benefits__img img{
    display: block;
    max-width: 65px;
  }

  .benefits__details
  {
    margin-left: 10px;
    font-size:17px;
    font-weight: 500;
    text-transform: uppercase;
  }

/* END PAGE TERMINAL */

/* PAGE RESTAURANT */
.icono-restaurant{
  margin:10px 0;
  text-align: center;
}
.icono-restaurant i{
  color: var(--main-color);
  font-size: 4em;
}
.icono-restaurant svg{
  width: 4em;
  height: 4em;
}

.icono-restaurant p{
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

.horario-restaurante{
  display: flex;
    justify-content: center;
    align-items: center;
}

.horario-restaurante p{
  font-weight: 400;
  font-size: 18px;
}

.barv{
    background-color: var(--main-color);
    width: 6px;
    height: 90px;
    margin: 0 50px;
}

@media screen and (max-width:480px){
  .horario-restaurante h1{
    font-size: 20px;
  }
  .barv{
    margin:0 20px;
    height: 60px;
  }
}

.carta_day{
  margin-top: 10px;
  font-size: 2.4em;
  color: var(--raphi-color);
}

@media screen and (max-width: 680px)
{
  .carta_day{
    font-size: 2em;
  }
}

.carta_platos__container
{
  width: 90%;
  max-width: 450px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  margin:0 auto;
  padding: 10px;
  border-left: 2px solid var(--white-color);
  border-right: 2px solid var(--white-color);
}
.carta_platos__container i{
  font-size: 3em;
  color: var(--raphi-color)
}
.carta_cena span{
  color:var(--raphi-color);
}

.bg-menus{
  background: var(--gradient-main2);
}

.box-menu{
  text-align: center;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-menu:nth-child(1){
  background-image: url(../img/platos/saltado.jpg);
  background-size: cover;
  background-position: center;
  background-color: #fff;
    background-repeat: no-repeat;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    position: relative;
}
.box-menu:nth-child(2){
  background-image: url(../img/platos/ceviche.jpg);
  background-size: cover;
  background-position: center;
  background-color: #fff;
    background-repeat: no-repeat;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    position: relative;
}
.box-menu:nth-child(3){
  background-image: url(../img/platos/pollo.jpg);
  background-size: cover;
  background-position: center;
  background-color: #fff;
    background-repeat: no-repeat;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    position: relative;
}
.box-menu-overlay{
      height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    background-image: var(--gradient-main2);
    opacity: .75;
    transition: background .3s, border-radius .3s, opacity .3s;
}



.header-fixed {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    background: linear-gradient(to top,rgba(197, 13, 0, .7) 30%,rgba(255, 100, 89, .7) 70%);
}

.bg-fixeds {
    position: absolute
}

.header-fixed__content {
    padding: 150px 0 200px
}

.header-fixed__content h1 {
    font-size: 45px;
    line-height: 48px;
    -webkit-animation: .8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand;
    animation: .8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand
}
.bg-fixeds {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: .12;
    content: "";
    height: 100%!important;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none
}

.bg-fixeds.bg-social-fd {
    background-image: url(../img/pages/restaurante.jpg);
    opacity: 1;
    filter: blur(7px);
    mix-blend-mode: normal
}
/* END PAGE RESTAURANT */


.bg-page__nosotros{
  background: url(../img/pages/grifo.jpg?new);
  background-size: cover;
  background-position: center center;
}

.bg-page__articles{
  background-size: cover;
  background-position: center center;
}

.bg-page__grifo
{
  background: url(../img/pages/grifo.jpg?new);
  background-size: cover;
  background-position: center center;
}

.bg-page__minimarket
{
  background: url(../img/pages/minimarket.jpg?2021);
  background-size: cover;
  background-position: center center;
}

.bg-page__terminal
{
  background: url(../img/pages/terminal.jpg?2021);
  background-size: cover;
  background-position: center center;
}

.bg-page__restaurante
{
  background: url(../img/pages/restaurante.jpg?2021);
  background-size: cover;
  background-position: center center;
}

.bg-restaurante___carta
{
  background: url(../img/pages/carta.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 550px;
  padding: 50px;

}

.bg-page__lavadero
{
  background: url(../img/pages/lavadero.jpg?2021);
  background-size: cover;
  background-position: center center;
}

.bg-page__transporte
{
  background: url(../img/pages/transporte.jpg?2021);
  background-size: cover;
  background-position: center center;
}

.bg-page__facturacion
{
  background: url(../img/pages/facturacion.jpg?2021);
  background-size: cover;
  background-position: center;
}


[class*="bg-page__"],
[class^="bg-page__"]
{
  position: relative;
  z-index: 1;
}


[class*="bg-page__"]:after,
[class^="bg-page__"]:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black-color);
    opacity: .7;
}
  

/* END PAGES */


/* CONTACTO */

@media screen and (min-width: 1024px) {
  .contact-column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .contact-column__details,
    .contact-column__form{
      width: 48%;
    }
}

.contact-column{
  padding: 25px 15px;
}
.contact-icon{
  color: var(--main-color2);
  font-size: 3.5em;
}
.contact-title h2{
  font-weight: normal;
}


/* END CONTACTO */


 .content-form{
  margin: 0 auto;
  padding-bottom: 2em;
 }

@media screen and (min-width: 1024px){
   .form-register{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; 
  }

  .content-form{
  width:48%;
  margin:0 auto;
  }


 }

/* FORM CONTACT */

.label-form{
  
  text-transform: uppercase;
  pointer-events: none;
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 0px;
  color: #272727;
  border-radius: 4px;
}

.input-field{
  position: relative;
  width: 100%;
  margin-top: 50px;
    z-index: 1;
}


.input-field input,
.input-field textarea,
.input-field select{
  z-index: 1;
  width: 100%;
  padding:10px 5px;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: #DE00000F;
  border-radius: 10px;
  text-transform: uppercase;
  /*border-bottom: 3px solid var(--main-color);*/
  font-size: 12px;
}
.input-field textarea{
  resize: none;

}
.input-field label{
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -25px;
  pointer-events: none;
  font-size: 13px;
  text-transform: uppercase;
  transition: 0.5s;
}

.input-field input:focus + label,
.input-field textarea:focus + label,
.input-field select:focus + label{

  font-size: 11px;
  padding: 2px 5px;
  background-color: var(--main-color);
  color: #fff;
  border-radius: 4px;
}

.question{
  font-size: 11px;
  padding: 2px 5px;
  background-color: #5fcec7;
  color: #fff;
}

input[type=submit] {
  cursor: pointer;
  margin-top: 20px;
  background: var(--main-color);
  color: #fff;
  padding: 15px 22px;
  border: none;
  outline: none;
  font-weight: 400;
  border-radius: 30px;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  transition: .5s;
  width: 100%;
}
input[type=submit]:hover{
  background: var(--black-color);
  color:var(--white-color);
}

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

input[type="checkbox"] + label {
  margin-top: 20px;
  color:#fff;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
}

@media screen and (min-width: 480px) {
  .form-preferences {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

  .preferences-content {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  }
  @media screen and (min-width: 480px) {
    .preferences-content {
      width: calc(50% - .5em);
       } }
  @media screen and (min-width: 1025px) {
    .preferences-content {
      width: calc(33% - 1em); } }

    .preferences-content>.input-field{
        margin-top:10px;
    }
/* --- FORM CONTACT --- */


/* END CONTACT */

/* MAPA */


.container_details__contact{
  padding: 4em 2.5em;
  border-bottom: 5px solid var(--alter-main);
}

@media screen and (min-width: 1024px) {
  .container_mapa {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .container_mapa__map{
    width: 75%;
  }
  .container_mapa__details{
    width: 25%;
  }

  .container_details__contact{
    border-right: 5px solid var(--alter-main);
    border-bottom: none;
    width: 400px;
    left: 150px;
    z-index: 10;
    top: 5%;
    background:var(--white-color);
    position: absolute;
    box-shadow: 0px 15px 23px -15px rgba(0,0,0,.3);
  }
}

.details_contact
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}
.contact_icon{
  width: 10%
}
.contact_text{
  width: 88%
}

.contact_text h4,.contact_text p
{
  margin:0;
}
.contact_icon i{
  font-size: 2em;
  color: var(--alter-main)
}

#map-container{width:100%;min-height:500px;margin:0}

  @media screen and (max-width: 979px){
    #map-container{
      min-height: 300px;
    }
  }

/* END MAPA */

/* FOOTER */

.contact_footer{
  margin-top: 30px;
  margin-bottom: 30px;
}
.icon_footer i{
  font-size: 2em;
  color: var(--main-color);
}
.contact_footer h2{
  margin-top: 10px;
}

.contact_footer p{
  font-size: 16.5px;
}

@media screen and (max-width: 580px)
{
  .contact_footer{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .icon_footer i{
    font-size: 1.5em;
  }
  .contact_footer h2{
    font-size: 1.2em;
    margin-top: 6px;
  }
  .contact_footer p{
    font-size: 13px;
  }
}

.main-footer {
  bottom: 0;
  padding:.5em 0;
  margin:0 auto;
  font-size: 14px;
}

.main-footer p{
  margin:0;
}
.main-footer p:nth-child(1)
{
  margin-top: 10px;
  margin-bottom: 3px;
}
.main-footer p:nth-child(2)
{
  margin-bottom: 10px;
  margin-top: 3px;
}

.main-footer a{
  font-weight: 600;
  color:var(--black-color);
  transition: .5s;
}

.main-footer a:hover{
  text-decoration: none;
  color: var(--main-color);
}
.main-footer a:active{
  text-decoration: none;
  color: var(--main-color);
}



@media screen and (min-width: 700px) {

  .footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } 
  .footer-column{
    width: 47%;
  }
  .br-footer{
    border-right: 1px solid rgba(var(--BorderColorRgb),.2);
  }
}

.wsp-fixed{
    position: fixed;
    width: 140px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 33px;
    background: var(--main-color);
    border:1px solid var(--main2-color);
    box-shadow: 2px 2px 4px rgba(0,0,0,.3);
    cursor: pointer;
    right: 15px;
    bottom: 15px;
    z-index: 9;
    animation: pulse 4s infinite;
}
.wsp-fixed i{
    font-size: 20px;
    color: #fff;
}
.wsp-fixed p{
    margin-left: 10px;
}

@media screen and (max-width: 768px) {
    .wsp-fixed{
        width: 50px;
    }
    .wsp-fixed p {
        display: none;
    }
}

.main-footer h3{
  font-size: 1.5em;
}

.main-footer .copy{
    border-top:1px solid rgba(var(--BorderColorRgb),.2);
    text-align: center;
    padding: 1.5em 0;
    font-size: 12px;
}

.divider-footer{
  margin-top: 10px;
  width: 95%;
  border-bottom: 1px solid rgba(var(--BorderColorRgb),.3);
}

.social-footer{
  display: flex;
  font-size: 20px;
  margin-top: 10px;
}


.social-footer i{
  margin: 0;
  padding: 0;
}


.social-footer a{
color: var(--main-color);
transition: .3s;
 padding: 0;
 margin: 0;
 margin-right: 10px;
}

.social-footer a:active,
.social-footer a:hover{
  -webkit-text-stroke: 1px var(--main-color);
    color: transparent;
}

.icon-footer{
  display: flex;
  align-items: center;
}

.icon-footer i{
  font-size: 25px;
  margin: 0;
  padding: 0;
  margin-right: 5px;
  color: var(--main-color);
}
.icon-footer p{
  font-size: 14px;
  font-weight: 500;
  margin:0;
  padding: 0;
}


/* END FOOTER */


/* BACKGROUNDS SECTIONS */

.bg_form{
  position: relative;
  background-image: url(../img/bg-1.png), url(../img/bg-1.png);
  background-position: top 20% left -250px, bottom -80px right -300px;
  background-repeat: no-repeat;
}

.bg_details{
  position: relative;
  background-color: var(--main-color);
  background-image: url(../img/bg-2.png), url(../img/bg-2.png);
  background-position: top 20% left -250px, bottom -50px right -150px;
  background-repeat: no-repeat;
  background-size: 600px,650px;
}

.bg_business{
  position: relative;
  background-color: var(--main-color);
  /*background-image: url(../img/bg_business.png), url(../img/bg-2.png);
  background-position: center left, bottom -50px right -150px;
  background-repeat: no-repeat;
  background-size: contain,650px;*/
  background-image: url(../img/bg_business_alt.png),url(../img/bg_business__figure.png);
  background-position:center top,bottom -100px right;
  background-repeat: no-repeat;
  background-size:contain, 200px;
}

.bg_business_1{
  background-image: url(../img/bg_business_alt.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 2em;
}


@media screen and (min-width: 1024px){
  .bg_business{
  position: relative;
  background-color: var(--main-color);
  /*background-image: url(../img/bg_business.png), url(../img/bg-2.png);
  background-position: center left, bottom -50px right -150px;
  background-repeat: no-repeat;
  background-size: contain,650px;*/
  background-image: url(../img/bg_business.png),url(../img/bg_business__figure.png);
  background-position:center left,bottom -140px right;
  background-repeat: no-repeat;
  background-size:contain, 300px;
}

.bg_business_1{
  background-image: none;
  }
}


.bg-services{
  background:var(--gradient-1);
  background-size: cover;
  background-position: center;
  color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.5)
}

/* END BACKGROUNDS SECTIONS */


/* COLORS */

.white, .white:hover, .white:active{
  color:var(--white-color);
}

.main-color{
  color:var(--main-color);
}
.alter-main{
  color:var(--alter-main);
}

.bg-white{
  background:var(--white-color);
}
.bg-main{
  background: var(--main-color);
}
.bg-black{
  background: var(--black-color);
}
.bg-light{
  background: var(--light-color);
}
.bg-alterblack{
  background: #2C2C39;
}
.bg-alt{
  background: var(--alter-main);
}

.bg-gradient1{
  background: var(--gradient-1);
}

.bg-endura{
  background: #64656a;
}

.bg-radial{
  background: var(--gradient-radial);
}

/* END COLORS */

/* ALIGNS CONTENTS */
.r300{
  font-weight: 300;
}
.r400{
  font-weight: 400;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.center{
  text-align: center;
}
.justify{
  text-align: justify;
}
.img_center{
  margin:0 auto;
}
.m-auto{
  margin: 0 auto;
}

/* VISIBLE */

.visible-m{
  display:block;
}

.visible-l{
  display: none;
}

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

  .visible-m{
    display: none;
  }
  .visible-l{
    display: block;
  }
}

@media screen and (max-width: 1024px){
  .texto-mision{
    text-align: center;
    padding: 2em 0;
  }
}

@media screen and (max-width: 780px){
  .no-mobile{
    display: none;
  }
}

iframe{
    border: none;
    outline: none;
}

.border-radius{
  border-radius: 15px;
}

/* FIXED BUTTON */

.info-fixed{
  position: fixed;
  bottom: 15px;
  height: 50px;
  z-index: 10;
  display: flex;
  justify-content:center;
    align-items:center;
  cursor: pointer;
  border:2px solid rgba(255,255,255,.3);
  color:var(--alter-main);
}


.info-fixed{
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    background:var(--main-color);

}

.info-fixed a, .info-fixed a:hover, .info-fixed a:active{
  color: var(--alter-main);
}
.info-fixed p{
  font-weight: 500;
}
.info-fixed i{
  vertical-align: middle;
    font-size: 1.5em;
    opacity: 1;
     -webkit-animation: led .8s infinite;
  -moz-animation: led .8s infinite;
  -ms-animation: led .8s infinite;
  -o-animation: led .8s infinite;
  animation: led .8s infinite;
}

@media screen and (max-width: 768px){
  .info-fixed{
    width:40px;
    height: 40px;
  }
  .info-fixed i{
    font-size: 1.8em;
    margin-left: 7px;
  }
  .info-fixed p{
    display:none;
  }

}

@-webkit-keyframes led {
  from {
    opacity:.2;
  }
  
  to {
    opacity:1;
  }
}

@-moz-keyframes led {
  from {
    opacity:.2;
  }
  
  to {
    opacity:1;
  }
}

@-ms-keyframes led {
  from {
    opacity:.2;
  }
  
  to {
    opacity:1;
  }
}

@-o-keyframes led {
  from {
    opacity:.2;
  }
  
  to {
    opacity:1;
  }
}

@keyframes led {
  from {
    opacity:.2;
  }
  
  to {
    opacity:1;
  }
}

/* POPUP INFORMATION */

/* -------------------------------- 
POPUP
-------------------------------- */

.img-replace {

  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}


.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 3000;
  background-color: rgba(0,0,0,.8);
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    text-align: center;
  position: relative;
  width: 90%;
  max-width: 600px;
  min-width: 250px;
  padding: 2em 2.5em;
  margin: 2.5em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-popup-video{
  width: 90%;
  max-width: 900px;
  min-width: 250px;
  padding: 0;
}
.cd-popup-container p {
  text-align: center;
  padding: 0;
  margin: 0;
  color: var(--black-color);
  padding-bottom: 15px;
  font-size: 14px;
}

.cd-popup-container h2{
  text-align: center;
  color: var(--main-color);
  padding-top: 25px;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
    text-align: center;
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
    text-align: center;
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 6em auto;
  }
}

/*LIGHTBOX GALLERY */


.lightbox {
  outline: none;
  width: 100%;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: z-index 0s 0.3s, opacity 0.3s, visibility 0s 0.3s;
  transition: z-index 0s 0.3s, opacity 0.3s, visibility 0s 0.3s;
}
@media all and (min-width: 768px) {
  .lightbox {
    padding-right: 35px;
    padding-left: 35px;
  }
}
.js-lightbox-loading .lightbox, .js-lightbox-active .lightbox {
  z-index: 100;
  opacity: 1;
  visibility: visible;
  -webkit-transition: z-index 0s 0s, opacity 0.3s, visibility 0s 0s;
  transition: z-index 0s 0s, opacity 0.3s, visibility 0s 0s;
}
.lightbox:before {
  width: 40px;
  font-size: 3rem;
  line-height: 18px;
  color: #fff;
  position: absolute;
  top: 19px;
  right: 15px;
  cursor: pointer;
  content: '×';
}
.lightbox .lightbox-content {
  min-width: 80px;
  min-height: 80px;
  background: #fff;
  border: 5px solid #fff;
  opacity: 0;
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
  -webkit-transition: opacity 0s, -webkit-transform 0s ease-out;
  transition: opacity 0s, -webkit-transform 0s ease-out;
  transition: opacity 0s, transform 0s ease-out;
  transition: opacity 0s, transform 0s ease-out, -webkit-transform 0s ease-out;
}
.js-lightbox-active .lightbox .lightbox-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s, transform 0.3s ease-out;
  transition: opacity 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.js-lightbox-first .lightbox .lightbox-content {
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.js-lightbox-last .lightbox .lightbox-content {
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.lightbox .lightbox-content img {
  min-width: 60px;
  min-height: 60px;
  max-height: calc(100vh - 90px);
}
.lightbox .lightbox-previous,
.lightbox .lightbox-next {
  width: 0px;
  height: 0px;
  font-size: 0rem;
  color: transparent;
  padding: 0 0 0.25em;
  background: transparent;
  border: none;
  
  position: absolute;
  top: 50%;
  outline: none;
  z-index: 100;
  cursor:pointer;
}
.js-lightbox-loading .lightbox .lightbox-previous, .js-lightbox-loading
.lightbox .lightbox-next {
  display: none;
}
.lightbox .lightbox-previous {
  left: 0;
}
.lightbox .lightbox-next {
  right: 0;
}
.lightbox .lightbox-loader {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-top: 4px solid var(--main-color);
  margin-top: -20px;
  margin-left: -20px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-animation: spinner 1s linear infinite;
          animation: spinner 1s linear infinite;
}
.js-lightbox-loading .lightbox .lightbox-loader {
  display: block;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

#gallery div>a>img:hover{
  
  z-index: 2;
}


/*.section{
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  height: 100vh;
  max-height: 100vh;
}*/


/*div[class^='bgsec_']{
  position: relative;
  height: 100vh;
  z-index: 1;
}*/





/*div[class^='bgsec_']:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black-color);
    opacity: 1;
}*/


.gallery-img img{
    padding: 10px;
    transition: 0.3s;
    border-radius: 20px;
}
.gallery-img:hover img{
    transform: scale(1.1);

}

.gallery-img {
  display: block;
  max-width: 100%;
  cursor: pointer;
  z-index: 1;
  position: relative; 
 filter: brightness(70%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: opacity, transform;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-img:hover {
  filter: brightness(100%);
}