p{
  font-family: 'Titillium Web', sans-serif;
  color: white;
}

.color-white{
  color: white !important;
}

#img_box{
  z-index: 99999999999999 !important;
}

.close-button-modal{
  background-color: #8d8d8d;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  padding-right: 7px;
  right: 10px;
  top: 10px;
}

/*cookie message*/
.cookies-message{
  position: fixed;
  z-index: 9;
  bottom: 0;
  background-color: black;
  width: 100%;
  height: 78px;
  padding: 5px;
  z-index: 999;
}

.cookies-message-acept{
  position: absolute;
  right: 0px;
  height: 30px;
  padding-top: 1px;
  border-image: linear-gradient(to bottom, #497e8f 50%, #3857af 10%) 1;
  background-color: #00000000;
}

.footer-content{
  margin-top: 15px;
}

.black-color{
  color: black !important;
}

.img-logo-footer{
  height: 143px;
}

.icon-card{
  color: #1964c0;
}

.not-padding-rigth{
  padding-right: 0px !important;
}

.white{
  color: white !important;
}

.black{
  color: black !important;
}

.text-shadow-white{
  text-shadow: 2px 2px 2px rgb(255 255 255 / 85%);
}

.bar-background{
  background-color: #d9e1e4a6;
}

.pointer{
  cursor: pointer !important;
}

.center{
  text-align: center !important;
}

.active-bar{
  transition: 0.2s;
}

.bar:hover .active-bar{/* */
  width: 100%;
  height: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(37,122,20);
  background: linear-gradient(90deg, rgb(135 181 234) 32%, rgb(23 75 135) 100%);
}

.h-98{
  height: 98px;
}

.menu-option{
  font-size: 135%;
  color: #294266 !important;
}

.not-margin{
  margin: 0px !important;
}

.not-margin-rigth{
  margin-right: 0px !important;
}

.shadow-style{
  -webkit-box-shadow: 0px 10px 15px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 15px -1px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 15px -1px rgba(0,0,0,0.75);
}

.relative{
  position: relative !important;
}

.absolute{
  position: absolute !important;
}

.hide{
  display: none !important;
}

.hide_element{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.1s, opacity 0.1s linear;
}

.show{
  display: block !important;
}

.show_element{
  visibility: visible;
  opacity: 1;
  transition: opacity 0.1s linear;
}

.bar-fixed{
  position: fixed;
  z-index: 999;
  width: 100%;
}

.bar-menu-big{
  height: 66px;
  transition: height 0.25s linear;
}

.bar-menu{
  background-color: #d9e1e48a;
}

.head-image-icon-bar{
  height: 60px;
  margin-left: 15px;
}

.section-container-text{
  margin-bottom: 25px !important;
}

.head-section-style{
  background-color: #b9b9b9;
  height: 2px;
  width: 90px;
  margin-top: 50px;
}

.head-section-style-white{
  background-color: white;
  height: 2px;
  width: 90px;
}

.head-section-style-uncolor{
  background-color: white;
  height: 2px;
  width: 90px;
}

.title-section{
  font-size: 165%;
  font-weight: 900;
}

.zoom-zoom{
  transition: transform .3s;
}

.zoom-zoom:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
    transition: transform .3s;
}

.zoom-zoom-little{
  transition: transform .3s;
}

.zoom-zoom-little:hover {
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari 3-8 */
    transform: scale(1.03);
    transition: transform .3s;
}

.zoom{
  transition: transform .3s;
}

.item-zoom{
    transition: transform .3s;
}

.zoom:hover .item-zoom{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
    transition: transform .3s;
}

.bar-container-activated{
    background-color: #f1f1f1 !important;
}

.bar-line-activated{
    width: 100%;
    height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(37,122,20);
    background: linear-gradient(90deg, rgb(135 181 234) 32%, rgb(23 75 135) 100%);
}

/*Menu mobile styles*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999999999999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.mobile-background-body{
    height: 100%;
    position: absolute;
    width: 100%;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.2);
}

.mobile-content-nav{
  background-color: #222222;
  height: 100%;
  width: 260px;
  z-index: 1;
  position: absolute;
  background-position: inherit;
  background-size: cover;
}

.mobile-close-nav{
  position: absolute;
  content: white;
  margin-left: 10px;
  margin-top: 10px;
  z-index: 1;
  right: 10;
  border: 1px solid #009f73;
  border-radius: 100%;
}

.justify{
  text-align: justify !important;
}

.h-72{
  height: 72px !important;
}

.mobile-background-content{
  background-image: url(../../../assets/images/home/mobile/background.jpg);
  height: 235px;
  background-size: cover;
  background-position: top;
}

.mobile-image-contianer{
    position: absolute;
    width: 100%;
    height: 186px;
}

.mobile-image-logo{
    height: 145px;
}

.mobile-focus{
    width: 100%;
    height: 216px;
}

.mobile-line-style{
    width: 266px;
    background: linear-gradient(90deg, rgb(135 181 234) 32%, rgb(23 75 135) 100%);  
    height: 3px;
    position: absolute;
    top: 203px;
    left: -4px;
    transform: rotate(11deg);
}

.mobile-line-style-one{
  top: 176px !important;
  height: 2px !important;
}

.mobile-triangle-bottom-design{
    width: 0;
    height: 0;
    border-right: 111px solid #f0ad4e00;
    border-top: 30px solid #f0ad4e00;
    border-left: 149px solid #222222;
    border-bottom: 22px solid #222222;
    position: absolute;
    top: 183px;
    z-index: 1;
}

.mobile-menu-options{
    padding: 10px;
    padding-top: 30px;
}

.mobile-option{
    margin-bottom: 14px;
}

.mobile-icon-posisionated{
    float: left;
}

.mobile-icon{
  width: 40px;
  height: 40px;
  padding-left: 8px;
  padding-top: 6px;
  border-radius: 100%;
  box-shadow: 0 0 6px 0 rgb(157 96 212 / 50%);
  border: solid 1px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #87b5ea, #1b4f8b);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #222222 inset;
}

.mobile-text-posisionated{
    margin: 0;
    padding-top: 10;
    padding-left: 60px;
}

.margin-mobile-ubication{
    margin-top: 20px;
}

.surf-cafe-system{
    color: #00ffd0 !important;
}
/*mobile menu styles*/

/*cookies responsiove*/
@media screen and (max-width: 426px) {/*mini mobile*/
  .cookies-message{
    height: 125px !important;
  }   
}

/*carouse fade*/
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}
/*carouse fade*/