/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-word-wrap: break-word;
  -moz-word-wrap: break-word;
  -ms-word-wrap: break-word;
  -o-word-wrap: break-word;
  word-wrap: break-word;
}

html{
  overflow-x: hidden;
}

a[href="http://www.faboba.com"]{
  display: none !important;
  visibility: hidden !important;
 }

 h1,h2,h3,h4,a:not(.uk-icon):not(.uk-icon-button){
   font-family: 'Interstate';
}

.black{
   color: #333333;
}

/*HEADER*/
.uk-offcanvas-bar {
    background: #426373;
}

.uk-nav-offcanvas > li.uk-active > a {
    background: #2f4c5a !important;
}

.uk-sticky-placeholder {
    position: absolute;
    width: 100%;
    z-index: 9;
}

 .tm-navbar-container {
    padding: 10px 40px;
    background: rgba(255,255,255,0.7);
    box-shadow: none;
}
.tm-logo-small > img {
  max-width: 90px;
}

.tm-navbar-container.uk-active {
    background: #ffffff;
}

.menu ul > li > a {
    font-size: 20px;
    padding: 0px 10px;
}

.menu ul > li > a::before {
    height: 3px;
    background: #426373;
}



/*Slideshow*/
.mod_slideshow h2 {
    font-size: 64px;
    line-height: 60px;
    color: #426373;
    z-index: 999;
    position: relative;
    text-transform: uppercase;
}

.mod_slideshow h2 > span {
    font-size: 35px;
}

.mod_slideshow  .uk-overlay-panel > div {
    padding: 0px 30px;
    background: rgb(255 255 255 / 80%);
}

/*Proyecto*/
h2.uk-h1 {
    line-height: 50px;
}

@media screen and (min-width: 768px){
  .uk-panel.uk-panel-space {
      padding: 35px 50px;
  }
}

.uk-button-large {
    width: 100%;
    max-width: 160px;
}

.uk-button {
    color: #406172;
    border-color: #406172;
}

a.uk-button > i {
    margin-right: 10px;

}

/*Modal*/
.uk-modal-dialog {
    width: 100%;
    max-width: 1080px;
}

/*Galeria*/
.mod_galeria > h3 {
    text-align: center;
    font-size: 46px;
    margin-bottom: 30px;
}

.mod_galeria ul.uk-slider > li > div {
    margin: 0px 25px;
}

@media screen and (max-width: 480px) {
   .mod_galeria ul.uk-slider > li > div {
       min-height: 280px !important;
       margin: 0px 10px;
   }
}

/*Contactos*/
.content-info > p {
    display: flex;
    align-items: center;
    margin: 25px 0px;
}

.content-info > p > a {
    margin: 0px 10px;
    display: flex;
    justify-content: center;
}
.content-info > p > a.f-m > span{
  margin-left: 10px;
}
.content-info > p > a.f-m {
    display: flex;
    align-items: center;
}

.uk-icon-button {
    border-radius: 50%;
    background: #eeeeee;
    border-color: transparent;
    color: #426373;
}

textarea {
    min-height: 80px;
    border: none;
    border-bottom: 1px solid #3F5263;
}

input {
    height: 40px;
    border: none;
    border-bottom: 1px solid #3F5263;
}

textare, input {
    padding: 4px;
}

textarea::placeholder, input::placeholder {
    color: #3F5263;
    font-size: 15px;
}

button.uk-button {
    border: none;
}

.mod_contacto .uk-grid > .uk-grid-margin {
    margin-top: 35px;
}

textarea:focus, input:focus{
    border-color: #426373;
}


.mod_contacto p.uk-text-large {
    color: #426373;
}

/*Footer*/
.mod_footer p.uk-text-center > a,
.f-m, a.f-m {
   font-family: 'Montserrat' !important;
}

div#tm-footer {
   padding-top: 50px;
}

.uk-modal svg {
    width: 380px;
}

a.tm-totop-scroller {
    top: auto;
    bottom: 2%;
    right: 2%;
    background: #436472;
    z-index: 999;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}

body.tm-isblog.rd-inicio {
    position: relative;
}

/*Media Query Movil*/

@media screen and (max-width: 480px) {
   .mod_slideshow h2 {
    font-size: 46px;
    line-height: 42px;
}

.mod_galeria > h3,
.mod_slideshow h2 > span {
    font-size: 32px;
}



.mod_empresa h3.uk-h1 {
    font-size: 48px;
    line-height: 44px;
}

h3.black {
    font-size: 25px;
}

h2.uk-h1 {
    font-size: 38px;
    line-height: 36px;
}



.uk-panel.mod_contacto {
    padding: 25px;
}
}

@media screen and (max-width: 480px){
  .uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
    min-height: 440px !important;
    max-height: 440px !important;
  }

  .mod_slideshow video.uk-cover-object.uk-position-absolute{
          max-width: 400px !important;
  }
}