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

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

@import url('column.css');
/* Inizio Modifiche di Alex @import url(../fonts/futura_light.css); */

@import url('http://fonts.googleapis.com/css?family=Raleway');
.portfolio-fullpage.tm-body-background{
 	background-image: url("/images/background/portfolio.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
/* Inizio Nav */
/* Nascondiamo vecchio nav button e modifico l'offcanvas */
.tm-logo-small{
 width: 100%;
}
.custom-small-menu-button {
 float:right;
 letter-spacing:normal;
 margin-top: 27px;
}
.uk-nav-offcanvas > li > a{
 padding: 6px 30px;
}
.uk-nav-offcanvas > li:nth-child(1) > a{
 padding-top: 15px;
}
.tm-navbar > a.uk-navbar-toggle.uk-hidden-large.uk-navbar-flip {
 display: none !important;
}
@media (min-width: 1219px){
.tm-container:not(.tm-container-full-width) {
    margin-top: 0;
    margin-bottom: 0;
}
.tm-container:not(.tm-container-full-width) .tm-navbar {
    border-radius: 0;
}
.tm-footer {
    border-radius: 0 ;
}
.tm-navbar .uk-navbar-brand {
    border-radius: 0 !important;
}
}
.tm-dropdown-overlay {
 z-index: 1000;
 max-width: 1180px;
 width: 100%;
 position: fixed !important;
 top: 0;
}
.tm-container-full-width .tm-dropdown-overlay {
 max-width: 100%;
}
@media screen and (max-width:1219px){
	.tm-dropdown-overlay {
 		max-width: 100%;
    	
    }
	.tm-container-large.uk-container {
    	max-width: 100%;
    }
}
.tm-navbar{
 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
.tm-container{
 margin-top: 80px !important;
}
@media screen and (max-width:767px){
.tm-container{
 margin-top: 79px !important;
 }
}

.uk-dropdown-overlay.tm-dropdown-overlay.uk-position-absolute.uk-width-1-1{
 top: 80px;
}
/*
nav , nav div:not(.uk-dropdown):not(.uk-dropdown-grid):not(.uk-width-1-1):not(.uk-nav-navbar) , ul.uk-navbar-nav , ul.uk-navbar-nav > li , ul.uk-navbar-nav > li > a {
height:80px  !important;
}
*/
nav , .uk-navbar-toggle , nav div:not(.uk-dropdown):not(.uk-dropdown-grid):not(.uk-width-1-1):not(.uk-nav-navbar):not(.uk-width-1-2):not(.uk-width-1-3) , .uk-navbar-brand , ul.uk-navbar-nav , .uk-navbar-nav > li , .uk-float-left > .uk-navbar-nav > li > a {
height:80px  !important;
}
.uk-dropdown-grid{
    padding-top: 30px;
}
.uk-float-left > .uk-navbar-nav > li > a , .uk-icon-small > a , .lang-selector-small > a{
line-height: 80px !important;
/*font-family: "futuralight", Helvetica, Arial, sans-serif !important;
font-weight: bold  !important;*/
}
nav a {
font-family: "Raleway",sans-serif !important;
}
.uk-grid.uk-dropdown-grid {
    text-align: center;
}
.custom-social-icons{
margin: 0 !important;
padding-left: 20px !important;
}
.custom-social-icons > a{
 line-height: 80px !important;
}
.uk-navbar-toggle{
padding: 0 30px 0 0 !important;
}
nav .uk-dropdown > .uk-dropdown-grid{
 margin-top:-30px;
}
@media (max-width: 980px){
 .custom-social-icons{
  display: none;
 }
}
/* Centriamo dropdown */

.uk-navbar-nav.uk-hidden-small li:nth-child(7) .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-3 {
  margin-left:-400px; 
}

.uk-navbar-nav.uk-hidden-small li:nth-child(6) .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-3 {
  margin-left:-400px; 
}
.uk-navbar-nav.uk-hidden-small li:nth-child(5) .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-2 {
  margin-left:-95px;
}

/* Fine   Nav */
body{
font-family: "Raleway",sans-serif;
/*font-family: "futuralight", Helvetica, Arial, sans-serif;
font-weight: bold;*/
}
[class*='uk-icon-'] {
    font-family: FontAwesome !important;
}
/* Inizio Home Gallery */
.custom-home-media-gallery-filtra-per{
 display: block; 
 text-align: center; 
}
@media (max-width: 480px){
 .custom-home-media-gallery .uk-tab-responsive , .custom-home-media-gallery-filtra-per , .custom-home-media-gallery > .uk-tab-center.uk-margin{
  display: none;
 }
}
.gallery-missioni{
position: absolute;
top: 0;
color:#ffffff;
width: 100%;
height: 100%;
}
.gallery-missioni-a{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 9;
}
.gallery-verticale{
text-transform: uppercase;

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);

/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;

/* Should be unset in IE9+ I think. */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position: absolute;
top: 0;
right: 100%;
padding: 10px 10px 0 0;
font-size: 30px;
display:inline-block;
}
.gallery-background{
 position: absolute;
 width: calc( 100% - 20px );
 padding: 10px;
 bottom: 0;
 background-color: rgba(10,10,10,0.5);
 line-height: 110%;
}
.gallery-home .uk-panel-teaser{
margin-bottom:0 !important;
min-height: 0;
}

.gallery-strumenti , .gallery-testimonianza {
padding: 10px;
background-color: #f9f9f9;
}
.gallery-strumenti-titolo-1 , .gallery-testimonianza-titolo{
font-size:20px;
color:#3F6FB6;
text-transform: uppercase;
    letter-spacing: 0.5px;
}
.gallery-strumenti-titolo-2{
color:#3F6FB6;
margin-top: -5px;
}
.gallery-strumenti-testo , .gallery-testimonianza-testo {
line-height: 120%;
padding-bottom: 20px;
padding-top: 5px;
font-size: 15px;
}
.gallery-button{
color:#3F6FB6;
margin-bottom: 5px;
letter-spacing: 0.5px;
}
.gallery-testimonianza {
text-align:center;
margin-top: -27px;
}
.gallery-testimonianza-testo {
font-style: italic;
}
/* Fine   Home Gallery */
/* Lang Selector */
div#langSelector {
    display:none !important; /* TEMPORANEAMENTE OFF */
    width: 32px;
    height: 32px !important;
    float: left;
    margin: 24px 20px 24px 10px;
    position: relative;
}
@media (max-width: 1040px){
 div#langSelector {
  margin: 24px 0px 24px 0px;
 }
}
div#langSelector div#innerLangSelector {
    width: 32px;
    height: 32px !important;
    position: absolute;
}
div#langSelector div.lang.active {
    z-index: 999999;
    width: 30px;
    height: 30px  !important;
    top: 0px;
    left: 0px;
    line-height: 30px;
    font-size: 18px;
}
div#langSelector div.lang {
    width: 20px;
    height: 20px !important;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #3F6FB6;
    position: absolute;
    top: 2px;
    left: 5px;
    cursor: pointer;
    font-size: 11px;
    line-height: 20px;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.lang.active a {
    line-height: 30px !important;
    font-size: 18px;
    text-align: center;
}
div#langSelector div.lang2 a, div#langSelector div.lang3 a {
 font-size: 11px;
 line-height: 20px !important;
}
div#langSelector:hover div.lang2 {
    top: 36px;
}
div#langSelector:hover div.lang3 {
    top: 62px;
}
div#langSelector div.lang:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.lang-selector-small{
 display: none !important; /* Temporaneamente offline */
position: absolute;
right: 100px;
top: 0;
}
.lang-selector-small img{
margin-left: 10px;
}
.lang-selector-small a{
float: left;
}
.lang-selector-small img:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
    .lang-selector-small{
        right: 55px;
    }
    .lang-selector-small img{
         margin-top: -2px;
     margin-left: 0px;
        right: 60px;
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    .lang-selector-small img:hover {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (max-width: 450px) {
 .logo-small{
  width:200px;
 }
}
@media screen and (max-width: 325px) {
 .logo-small{
  width:175px;
 }
}
/* Portfolio */
.portfolio-alex .uk-panel{
 padding-bottom: 10px;
 background-color: #F9F9F9;
 padding: 8px;
 text-align: left;
}
.portfolio-alex a {
 border: 0;
 display: block;
 text-align: center;
 color: #bbbbbb;
 line-height: 27px;
 min-height: 27px;
 text-transform: capitalize;
}
.portfolio-alex .uk-panel-teaser{
 margin-bottom: 7px;
}
@media (min-width: 1660px){
.tm-container-large.uk-container {
    max-width: 1180px;
}
}
/* newsletter */
#acymodifyform{
 background-image: url("/images/newsletter.jpg");
 background-size: cover;
 background-position: 50%;
 background-repeat: no-repeat;
 color: #fff;
 padding: 40px;
 font-weight: bold;
 margin: -30px;
}
#acymodifyform legend{
 color: #fff;
 font-weight: bold;
}
#acymodifyform label{
 color: #fff;
 font-weight: bold;
}
#acymodifyform input{
 background-color: #fff;
}
#acymodifyform input[type=submit]{
 color: #8eb9f8;
 font-weight: bold;
}
/* Contatti */
.contatti-alex .tm-content  {
 padding: 0;
}
.contatti-alex .uk-article  {
padding-top: 0;
}
/* Altro */
.case-history-fullpage p.uk-badge {
    text-align: left;
    border-left: 0px !important;
    padding: 0;
}
.case-history-fullpage .uk-margin{
 margin-top: 15px !important;
 margin-bottom: -5px !important;
}
.uk-article-meta.uk-margin-small-top{
 display: none;
}
.strumenti-alex .uk-panel-teaser{
 margin-bottom: 0 !important;
}
img.no-margin-alex{
 margin: 0 -30px;
 max-width: calc(100% + 60px);
}
.togli-margine-alex{
 margin: 0 !important;
 padding: 0 !important;
}
.uk-badge {
height: inherit;
} 
@media screen and (max-width: 500px) {
 .case-history-fullpage h1{
  font-size: 25px;
  line-height: 30px;
 }
}
/* Pagina Identita */
.idt-container{
  margin-left: 20%;
 }
 .idt-box{
  min-width: 380px;
  max-width: 380px;
  background-color: #f0f4ff;
  display: inline-block;
  float: left;
  margin-left: calc(-20% / 0.8);
  margin-right: 20px;
font-size: 0.9em;
  line-height: 1.4em;
  padding: 18px 24px;
 }
 @media screen and (max-width: 720px){
  .idt-container{
  margin-left: 0px;
 }
 .idt-box{
  display: block;
  float: none;
  margin: auto;
  max-width: 720px; 
 }
 }
/* Sovrascrivi classe viweport height per considerare altezza menu */
.uk-height-viewport {
    min-height: calc(100vh - 80px);
     height: auto !important;
}
.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
    min-height: calc(100vh - 80px);
     height: auto !important;
}
/* Togli il fade dalla home */
.custom-anti-fade .uk-overlay-fade{
 opacity: 1 !important;
}

/* Metti il testo in bianco nel titolo delle home  */
div.custom-anti-fade h3 {
    color: white;
}

.home-fullpage .uk-badge{
 display: none;
}
/* Freccia non centrata */
.tm-totop-scroller{
 padding-right: 8px;
}
/* FORM CV*/
.custom-cv-button .button-submit{
 margin-top: 5px;
 -webkit-appearance: none;
 overflow: visible;
 font: inherit;
 box-sizing: border-box;
 padding: 0 12px;
 background: rgba(0, 0, 0, 0);
 vertical-align: middle;
 line-height: 30px;
 min-height: 30px;
 font-size: 1rem;
 text-decoration: none;
 text-align: center;
 border: 1px solid #939aa4;
 text-transform: uppercase;
 background-color: #2d405e;
 color: #ffffff;
 border-color: transparent;
}

.custom-cv-button .button-reset{
 margin-top: 5px;
 margin-left: 5px;
background-color: #f53000;
    color: #ffffff;
    border-color: transparent;
    -webkit-appearance: none;
    border: none;
    overflow: visible;
    font: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    border: 1px solid #939aa4;
    text-transform: uppercase;
    border-color: transparent;
}

.custom-cv-button .button-reset:hover, .custom-cv-button .button-reset:focus {
    outline: none;
    text-decoration: none;
     background-color: #ff3e10;
    color: #ffffff;
    border-color: transparent;
}

.custom-cv-button .button-submit:hover, .custom-cv-button .button-submit:focus {
    background-color: #3f6fb6;
    color: #ffffff;
    border-color: transparent;
    outline: none;
    text-decoration: none;
}
/* Fine   Modifiche di Alex */



/* Modifiche di Valerio */
span.hilight {
    background: rgba(255, 255, 255, .25);    
}
span.hilight2 {
    background: rgba(70, 150, 255, .1);
    /* color: white;  */
}

p.first-letter::first-letter {
    float: left;
    font-size: 430%;
    font-weight: bold;
    width: 1em;
}

ul.uk-slideshow.uk-slideshow-fullscreen.uk-overlay-active h3.uk-heading-large {
    text-transform: none;
    line-height: 1em;
}

ul.strumenti li {
    line-height:1.2em;
    margin-bottom: 6px;
}


/* Fine   Modifiche di Valerio */



/* Modifiche di Valeria */

.titoli_casehistory {
font-size: 30px;
line-height: 35px;
margin: 0px 0px 10px;
color: #324869;
}

.sottotitoli_casehistory {
    color: #324869;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;

/* Fine   Modifiche di Valeria */