html{ height:100%; }
body{ 
    min-height:100%; 
    padding:0; 
    margin:0; 
    position:relative;
    font-family: "helvetica_neuelt", "Helvetica Neue", sans-serif; 
    color:white;  }
body::after{ content:''; display:block; height:100px; }

h1{
    font-family:helvetica_neuelt_black,Georgia;
    letter-spacing:.05em;
    line-height:1;
}


h4{
  font-family:helvetica_neuelt_medium, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 700;
  font-size:12px;
}



hr{
    border:0;
    border-top:1px solid;
    margin: 10px 0;
}

a:hover{
    text-decoration:none;
    color:black;
}

.title-header{
    font-size:45px;
    font-family: "helvetica_neuelt_thin";
}

table{
    font-size:11pt;
    max-width: 800px;
}

caption{
    color: white !important;
    margin-bottom: 5px;
}


thead tr{
    border-top:0 !important;
}

.emptyChart{
    height: 100px;
    padding-top: 50px;
    font-weight: 700;
    text-align: center;
}

.circleFlag{
    height: 20px;
    width: 20px;
    border-radius: 10px;
}

.uk-table th{
        color:white !important;
}

.margin-left{
    margin-left: 40px;
}

@media (max-width: 479px){
    .margin-left{
        margin-left: 0px;
    }
}

.uk-input,.uk-select {
    color: white;
    background-color:black;
    font-size: 0.875rem;
    line-height: 2rem;
}

.uk-form-label{
    color: white;
    margin: 0;
}

.uk-select {
    height: 30px !important;
}

.uk-text-large{
  font-size: 25px;
}

.uk-text-small{
    /*line-height: 1;*/
}
.uk-form-horizontal .uk-form-label{
        font-weight:normal;
        width: 140px;
        float:left;
}

.uk-form-horizontal .uk-form-controls {
    margin-left: 140px;
}

.footer{
  position:absolute; 
  bottom:0; 
  width:100%; 
  height:100px; 
}
.font-shift{
    font-family:shift,bebas_neue_regularregular,Georgia;  
    font-weight: 100;

}

.font-bebas{
    font-family:bebas_neue_regularregular,Georgia;  
}
.font-bebas-bold{
    font-family:helvetica_neuelt_medium,Georgia; 
 
}

.font-bebas-light{
    font-family:bebas_neuelight,Georgia;
}

.font-helvetica-neuelt{
    font-family:helvetica_neuelt,Georgia;
}

.font-helvetica-medium{
    font-family:helvetica_neuelt_medium,Georgia; 
}

.font-helvetica-bold{
    font-family:helvetica_neuelt_bold,Georgia !important; 
}

.font-helvetica-black{
    font-family:helvetica_neuelt_black,Georgia; 
}



.font-normal{
    font-weight:400;
}

.font-size-text{
    font-size:12px;
}

.text-bold{
    font-weight: 900 !important;
}

.uk-icon-button, .uk-icon-button:hover{
    background-color: black;   
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
}

@media(max-width:768px){
    .text-center-medium{
        text-align: center;
    }
}

@media(max-width:768px){
    .margin-large-top-medium{
        margin-top: 30px;

    }

    .about-us-rectangle{
        width: 200px;
        margin: auto;
        height: 70px;
    }
}

.margin-medium-bottom{
    margin-bottom: 10px !important;
}



.footer-phone{
    width: 120px;
}

@media(max-width:479px){
    .footer-phone{
        /*width:300px;*/
    }
}




@media (max-width: 479px){
    .hidden-xsmall {
         display: none!important; 
    }
}

@media (max-width: 479px){
    .invisible-xsmall {
         visibility: none !important;
    }
}

@media (min-width: 480px){
    .visible-xsmall {
        display: none!important;
    }
}

@media (max-width: 640px){
        .hidden-newsmall {
        display: none!important;
    } 
}

@media (min-width: 641px){
        .visible-newsmall {
        display: none!important;
    } 
}


@media (max-width: 479px){
    .visible-about-us {
         visibility: visible !important;
    }
}


.our-projects-margin-left{
    margin-left: 25px;
}

@media (max-width: 640px){

    .our-projects-margin-left{
    margin-left: 0px;
}

}

.margin-process{
 margin-top: 25px;
}

.gallery-size{
    font-size: 80px;
    line-height: 1.2;
}


@media(max-width:1210px){
    .gallery-size{
            font-size: 70px;

    }
    
}


@media(max-width:1080px){
    .gallery-size{
            font-size: 60px;

    }
    
}


@media(max-width:940px){
    .gallery-size{
            font-size: 50px;

    }
    
}

@media (max-width: 836px){
    .gallery-size {
         font-size:40px;
    }
}

@media (max-width: 548px){
    .gallery-size {
         font-size:32px;
         line-height: 1.7; 
    }
}

/*-----------INPUT-----------*/
.uk-form input:not([type]), 
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form input[type=datetime-local],
.uk-form input[type=date],
.uk-form input[type=month],
.uk-form input[type=time],
.uk-form input[type=week],
.uk-form input[type=color],
.uk-form select,
.uk-form textarea
{
    border-radius: 5px;    
}

.uk-form input:not([type]):focus,
.uk-form input[type=text]:focus,
.uk-form input[type=password]:focus,
.uk-form input[type=email]:focus,
.uk-form input[type=url]:focus,
.uk-form input[type=search]:focus,
.uk-form input[type=tel]:focus,
.uk-form input[type=number]:focus,
.uk-form input[type=datetime]:focus,
.uk-form input[type=datetime-local]:focus,
.uk-form input[type=date]:focus,
.uk-form input[type=month]:focus,
.uk-form input[type=time]:focus,
.uk-form input[type=week]:focus,
.uk-form input[type=color]:focus,
.uk-form select:focus,
.uk-form textarea:focus {
    border-color:black;          
}

/*-----------FORM-----------*/

input[type="radio"] {
    display:none;
    
}
input[type="radio"] + label span {
    display:inline-block;
    width:10px;
    height:10px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    border: 1px solid #00b2a9;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
      background:url(icons/image_dot.png);
      background-size:contain;
      }

/*-----------NAVBAR-----------*/
.uk-navbar li a:focus,
.uk-navbar li a:hover,
.uk-navbar li a:active{
    background:transparent;
    color:white;
}

.uk-navbar-nav > li.uk-active > a{
    background:black;
    color:#999;

}
/*-----------FIXED -----------*/
.main-modal-open{
    font-size:40px;
    display:block;
    transition: transform 0.3s,color 0.7s,opacity 0.3s;
    transform-origin:center center 0px;
    height:30px;
    width:25px;
}
.main-modal-open:hover{
    color:white;
}


.uk-modal-dialog-large{
 width: calc(100% - 160px);
 margin-top:120px;   
}

.uk-modal{
    background:rgba(0,0,0,0.9);
}

.vertical-text{
    transform: rotate(-90deg);
}

.main-menu-position{
    position:fixed;
    width:0;
}


@media(max-width: 640px){
    .main-menu-position{
        position: relative;
        height: 0px;
    }
}

@media(max-width:479px){
    .quote-font-size{
    font-size:26px;    
    }
}

.color-change-transition{
        transition: color 0.7s ease,opacity 0.7s;
}

@media(max-width:640px){
    #map{
        width: calc(100% + 50px);
        margin-left: -25px;
    }
}

/*-----------BUTTON-----------*/
.uk-button-primary{
    font-family:bebas_neue_regularregular,Georgia;
    letter-spacing: 4px;
    border-radius: 3px;
    background-color:#00b2a9;

}

.uk-button-primary:focus, .uk-button-primary:hover{
    background-color:#10c2b9;

}

/*-----------BG & COLORS-----------*/

/*.color-black{
    color:#231F20;
}*/

.color-black,
:hover.color-black,
.color-black h1,
.color-black h2,
.color-black h3,
.color-black h4,
.color-black a,
.color-black a:hover{
    color:black;
}

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

.color-white,
:hover.color-white,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white a,
.color-white a:hover{
    color:white;
}

.color-error,
:hover.color-error,
.color-error h1,
.color-error h2,
.color-error h3,
.color-error h4,
.color-error a,
.color-error a:hover{
    color:#ff3020;
}

.color-yellow,
:hover.color-yellow,
.color-yellow h1,
.color-yellow h3,
.color-yellow h2,
.color-yellow h4,
.color-yellow a,
.color-yellow a:hover{
    color:yellow;
}


.color-grey,
:hover.color-grey,
.color-grey h1,
.color-grey h3,
.color-grey h2,
.color-grey h4,
.color-grey a,
.color-grey a:hover{
    color:#E0E1E2;
}

.color-grey2{
    color: #CCC !important;
}

.color-grey3{
    color: #999 !important;
}

.bg-black{
    background-color:#231F20 !important;
}
.bg-black2{
    background-color: black;
}
.bg-grey{
    background-color:#E0E1E2;
}
.bg-white{
    background-color:white !important;
}
.bg-yellow{
    background-color:#ffff00;
}
.bg-yellow-flag{
    background-color:#ffbe00;
}
.bg-green{
    background-color:#8DEE3F;
}
.bg-red{
    background-color:#ff3020;
}
.bg-transparent{
    background-color:transparent;
}

.bg-white-trans{
    background-color: rgba(255,255,255,0.8);
}

.opacity{
    opacity: .5;
}

.opacity-0{
    opacity: 0;
}

.opacity-transition{
 transition:opacity 1s;   
}

/*-----------Layout-----------*/

.uk-panel-box{
    background-color:transparent;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
        padding: 30px;
}

.uk-slidenav-position .uk-slidenav-previous {
    left:0px;
}

.uk-slidenav-position .uk-slidenav-next {
    right:0px
}

.visiblePrint{
    display:none;
}

.paddingPrint{
    padding: 0 !important;
}

/*#chart_div{
    pointer-events: none;
}*/

/*PRINT*/
@media print {
    .hiddenPrint{
        display: none;
      }

    .visiblePrint{
        display: initial;
    }

    .paddingPrint{
        padding: 10px 12px !important;
    }

    @page 
    {
        size:  auto;  
    }

    html
    {
        background-color: #FFFFFF; 
        margin-left: 1cm;   this affects the margin on the html before sending to printer 
        margin-right: 1cm;
    }


}