.logodesktop {
	width: 150px;
	height: auto;
	/*margin-top: 50vh;*/
}

.centraimg {
	position: absolute;
	top: 50%;
	left: 50%;
	width:500px;
	height:400px;
	margin-left:-200px;
	margin-top: -250px;
}

.centro-pagine {
            position: absolute;
            top: 50%;
            left: 50%;
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
       }

 .myclassmenu {
 	font-size: 0.8em!important;
 	color: rgba(255,255,255,.8)!important;
 }

.uk-offcanvas-bar{
	width: 100%!important;
	background-color: rgba(237, 237, 233, 1)!important;
}

.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
	stroke:#000;
}

  .myclassmenuwhite {
 	font-size: 0.8em!important;
 	color: rgba(0,0,0,.8)!important;
 }

.uk-offcanvas-bar a {
	color: rgba(0, 0, 0, 1)!important;
	text-decoration: none;
	font-size: 3em;
	font-weight: 600!important;
}

.uk-subnav-pill>.uk-active>a{background-color:transparent; color:#000; text-decoration: underline; }

.uk-subnav>*>:first-child {
	font-size: .7em!important;
	font-weight: 100!important;
}

.uk-navbar-nav>li>a {
	text-decoration: none;
    cursor:pointer;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 14px!important;
}

.uk-navbar-nav>li>:active>a  {
	font-weight: 600!important;
}


/* ========================================================================
   Component: Height
 ========================================================================== */
[class*='uk-height'] {
  box-sizing: border-box;
}

.uk-height-ml {
  max-height: 400px;
}


/*------- Old for ferify-------*/

h1.coming {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 50;
}
.bottomtwenty {
	padding-bottom: 20px;
}
h3.hometext {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300!important;
	font-size: 1.4em;
}

h3.htitle {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600!important;
	font-size: 2.0em;
	/*old 300 e 1.6em*/
}

.readtext{
		font-family: 'Open Sans', sans-serif;
		font-weight: 700!important;
		color: #000;
		font-size: 1.6em;
}

.footertext{
		font-family: 'Open Sans', sans-serif;
		font-weight: 700!important;
		color: #000;
		font-size: 1.4em;
}


p.homeparag {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300!important;
}

p.progettitext {
	font-size: 0.8em;
}


.titletextproject {
	color: #D5D5D5;
	font-size: 16px;
	text-decoration: none;
}
.shadowtext{
	color: #D5D5D5;
	/*text-shadow: 0px 1px 1.5px rgba(0,0,0,0.99);*/
}

.strongfont{
	font-weight: 500;
}

img.logo {
	width: 200px;
	height: auto;
}
.timeaanimations{
}

.uk-link, a {
    text-decoration: none;
    cursor:pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300!important;
	/*font-size: 11px!important;*/
	color:#666!important;
	font-size: 0.9em;
}

.bottomline {
	border-bottom: 1px solid #D5D5D5;
}

p.anagrafica {
	/*font-family: Montserrat;*/
	font-size: 0.9em;
	font-weight: 300;
}

.allineamentosx {
	text-align: left;
}

.uk-navbar-nav > li > a {
  font-weight: 200;
}

.mygreycolor {
	color: #D5D5D5!important;
}
/*
	Sets the style of the image slider wrapper <div> to be centered horizontally and vertically.
	It also sets its default dimensions and the overflowing hidden (to fix the IE image positioning bug).
*/
#threesixty {
	position:absolute;
	/* This one fixes the IE positioning bug */
	overflow:hidden;
	top:50%;
	left:50%;
	width:960px;
	height:540px;
	margin-left:-480px;
	margin-top:-270px;
}
/*
	Defines the criteria for the max. 1024px wide tablets portrait mode and sets the image slider dimensions and centering according to it.
*/
@media	screen and (max-device-width: 1024px) and (orientation:portrait) {
	#threesixty {
		width:720px;
		height:450px;
		margin-left:-360px;
		margin-top:-225px;
	}
}
/*
	Defines the criteria of the max. 480px wide mobiles' landscape mode and sets the image slider dimensions and centering according to it.
*/
@media	screen and (max-device-width: 480px) and (orientation:landscape),
				screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
	#threesixty {
		width:360px;
		height:225px;
		margin-left:-180px;
		margin-top:-113px;
	}
}
/*
	Defines the criteria of the max. 480px wide mobiles' portrait mode and sets the image slider dimensions and centering according to it.
*/
@media	screen and (max-device-width: 480px) and (orientation:portrait),
				screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
	#threesixty {
		width:320px;
		height:200px;
		margin-left:-160px;
		margin-top:-100px;
	}
}
/*
	Makes the image slider invisible by default
*/
#threesixty_images {
	display: none;
}
/*
	Sets every image in the slider to be absolute positioned and dynamically sized.
*/
#threesixty img {
	position:absolute;
	/* This one fixes the IE positioning bug */
	top:0;
	width:100%;
	height:auto;
}
/*
	Sets the style of the visible current frame of the image slider animation
*/
.current-image {
	visibility:visible;
	width:100%;
}
/*
	Sets the style of the visible "previous" frame of the image slider animation
*/
.previous-image {
	visibility:hidden;
	width:0;
}

.paddingimage{
	padding: 0px 1px 0px 0px;
}

/*
	Sets the dimensions of the CanvasLoader placeholder <div>, it also centeres it horizontally and vertically inside the wrapper and makes it invisible by default
*/
#spinner {
	position:absolute;
	left:50%;
	top:50%;
	width:90px;
	height:90px;
	margin-left:-45px;
	margin-top:-50px;
	display:none;
}
/*
	Sets the style of the percentage <span> of the preloader by setting its dimensions and centering it horizontally and vertically
*/
#spinner span {
	position:absolute;
	top:50%;
	width:100%;
	color:#333;
	font:0.8em Arial, Verdana, sans;
	text-align:center;
	line-height:0.6em;
	margin-top:-0.3em;
}

.slideup, .slidedown {
    overflow: auto;
    height: 0;
    transition: height 1.5s;
}
.slidedown {
    height: 4vh;
}
.hidemydivcss{
    overflow: hidden;
	height:0;
    transition: height 2.5s;
}

.showmydivcss {
	height: 5vh;
}
.nascondidiv{
	display:none;
}
/*  a.add-icon .uk-navbar-subtitle {
  float: left;
  padding-right: 10px;
  } */


@media screen and (max-width: 600px) {
  .mytextcard {
	max-width:100%;

	}
}
@media screen and (min-width: 960px) {
.mytextcard {
	max-width:25vw;
}
}