.link-border { padding-top: 0.8em; padding-bottom: 0.6em; padding-left: 0.8em; padding-right: 0.8em; border: solid 2px #444; }
section.about { display: none; }
.about div#mobile-slide1 { background: none; }
.about div#mobile-slide2 { background: none; }
.about div#mobile-slide3 { background: none; }
.about div#mobile-slide4 { background: none; }
/*
vertical slider: the aim is to create a layout that is 100% width and height of the screen, so our container will be positioned absolutely and weÕll set the overflow to hidden (The width and height will be 100%. Note that weÕve set the height of the html to 100% as well): */

.ps-container { position: absolute; width: 100%; height: 100%; overflow: hidden; }
/*
All the children of our main container will have a width of 50% and theyÕll be of absolute positioning:
*/

.ps-container > div { position: absolute; width: 50%; }
/*
There will be a couple of elements that will share the absolute positioning:
*/

.ps-container > div > div, .ps-slides > div { position: absolute; }
/*
The content wrapper will be positioned on the top left corner and weÕll set the overflow to hidden:
*/

.ps-contentwrapper { right: 0px; top: 0px; bottom: 0px; overflow: hidden; z-index: 1000; }
/*
The inner divisions will occupy all the width and height of the parent and weÕll give it a bit of padding:
*/

.ps-content { background: #fdfdfd; display: table; width: 100%; height: 100%; }
.ps-content div.ps-content-child { display: table-cell; vertical-align: middle; position: relative; padding: 68px; }
.ps-content .ps-content-child h2 { font-size: 34px; margin-bottom: 55px; letter-spacing: 0.1em; display: inline-block; /*per avere cornice regolare quando ho br in h2*/ }
.ps-content .ps-content-child .link-border { display: block;		/*per avere cornice regolare quando ho br in h2*/ }
/*
The container for the slides and navigation will be placed on the right side and it will have a height of 100%:
*/

.ps-slidewrapper { top: 0px; height: 100%; overflow: hidden; }
/*
The wrapper for the slides will be stretched from top: 0px to bottom: 200px. This will keep its height elastic:
*/

.ps-slides { top: 0px; bottom: 0px; /*mettere 0px per bottom per riadattare l'immagine ad altezza intera*/
width: 100%; }
/*
The inner divs, the ones that will contain the background image, will have a width and height of 100% 
*/

.ps-slides > div { width: 100%; height: 100%; }
/*
The main previews and the navigation links are the elements that have a background image. WeÕll set that image to stretch over the height of their container:
*/

.ps-slides > div { background-color: #fdfdfd; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }
.ps-slides > div#slide1 { background-size: cover; background-position: left center; }
.ps-slides > div#slide2 { background-size: cover; background-position: left center; }
.ps-slides > div#slide3 { background-position: left bottom; background-size: cover; }
.ps-slides > div#slide4 { background-size: cover; }
/*
The next class is used dynamically when we want to slide an element in or out:
*/

.ps-move { transition: top 1000ms ease-in-out; }
/*
Last, but not least, weÕll define a media query for smaller devices. We only want the media query to change the style if we have JavaScript enabled since we have a completely different layout for the case JavaScript is disabled.
*/


/*Dot style*/

.dotted-menu { position: fixed; display: table; height: 100%; right: 13px; z-index: 9999; }
.dotstyle ul { list-style: none; cursor: default; display: table-cell; vertical-align: middle; }
.dotstyle li { position: relative; display: block; margin-bottom: 13px; width: 8px; height: 8px; border-radius: 50%; background-color: #444444; background-color: rgba(0,0,0,0.3); text-indent: -999em; cursor: pointer; }
.dotstyle-fillin li { /*background-color: transparent;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;*/
}
.dotstyle-fillin li:hover, .dotstyle-fillin li:focus { background-color: rgba(0,0,0,0.6); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.dotstyle-fillin li.active { background: transparent; border: 1px solid rgba(0, 0, 0, 0.6); height: 13px; width: 13px; right: 2px; }
/* ########################### Prodotti */

.products .overlay { display: none; }
.products-cat-wrapper { display: table; margin: 0 auto; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; color: #fff; }
.products-cat { display: table-cell; width: 33.3%; height: 100%; text-align: center; background-size: cover; background-position: center center; }
/*.products .products-cat h2 {
	color: #fff;
	margin-top: -224px;
	opacity: 0;
}*/

.products-cat a { display: block; position: relative; height: 100%; width: 100%; top: 0; bottom: 0; }
.products-cat a:link { height: 100%; color: #444; text-decoration: none; }
.products .products-cat a:active { color: #444; text-decoration: none; }
.products .products-cat a:visited { color: #444; text-decoration: none; }
.products-cat h4 { position: absolute; text-align: center; top: 46%; width: 100%; text-align: center; color: #444; letter-spacing: 3px; /*margin-top: -224px;*/
opacity: 0; }
.products-cat:hover h4 { top: 45%; opacity: 1; /*box-shadow: inset 0 0 0 9999px rgba(255,255,255,0.8);*/
	
transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */ -o-transition: all 0.3s ease-in-out; /* Opera */ }
.products-cat:hover a { background-color: rgba(255,255,255,0.9); /*box-shadow: inset 0 0 0 9999px rgba(255,255,255,0.8);*/
transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; /* Firefox 4 */ -webkit-transition: background-color 0.2s ease-out; /* Safari and Chrome */ -o-transition: background-color 0.2s ease-out; /* Opera */ }
.products .products-cat.touch a { background-color: rgba(255,255,255,0.8); /*background-image: -webkit-radial-gradient(center, circle farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		    background-image: -moz-radial-gradient(center, circle farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		    background-image: -ms-radial-gradient(center, circle farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		    background-image: -o-radial-gradient(center, circle farthest-corner, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		    background-image: radial-gradient(circle farthest-corner at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		    */
color: #444; text-decoration: none; opacity: 0; }
.products-cat.touch:active a { background-color: transparent; }
.products-cat.touch:hover a { background-color: transparent; }
.products-cat.touch h4 { top: 45%; color: #444; opacity: 1; }
.products-cat.touch:active h4 { color: #444; }
.products-cat.touch h4 .link-border { border: solid 2px #444; }
.products-cat.touch:active h4 .link-border { border: solid 2px #444; }
.products .products-cat#products-cat1 { /* undefined */
}
.products .products-cat#products-cat2 { /* undefined */
}
.products .products-cat#products-cat3 { background-position: left center; }
/*############################### Categoria prodotti */

.products-list-wrapper { text-align: center; }
.products-list-wrapper .eight.columns { margin-top: 21px; margin-bottom: 13px; }
.products-list-wrapper .title-container { padding-top: 89px; text-align: center; }
.products-list-wrapper .title-container h1 { font-size: 21px; margin-bottom: 21px; }
.products-list-wrapper .product-intro h3 { font-size: 18px; padding-left: 3px; letter-spacing: 0.1em; }
.products-list-wrapper .product-intro .product-intro-image { /*background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;*/
background-position: top left; background-repeat: no-repeat; background-size: 100% auto; }
.products-list-wrapper .product-intro .product-intro-image img { opacity: 0; max-width: 100%; height: auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.products-list-wrapper .product-intro .product-intro-image.touch img { opacity: 1; max-width: 100%; height: auto; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; }
.products-list-wrapper .product-intro:hover .product-intro-image.touch img { opacity: 1; }
.products-list-wrapper .product-intro:hover .product-intro-image img { /*nasconde l'immagine per far apparire bkgrd da embedded style*/ opacity: 1; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.products-list-wrapper .product-intro a { text-decoration: none; }
.products-list-wrapper .eight.columns.hidden { opacity: 0; margin-top: 89px; }
.products-list-wrapper .eight.columns.visible { transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; opacity: 1; margin-top: 21; }
/*############################### DOWNLOAD */

section.download { padding-bottom: 89px; }
.downloads-list-wrapper { text-align: center; }
.downloads-list-wrapper .one-third.column { margin-top: 21px; margin-bottom: 13px; }
.downloads-list-wrapper .title-container { padding-top: 89px; text-align: center; }
.downloads-list-wrapper .title-container h1 { /*null*/
}
.downloads-list-wrapper .product-intro h3 { font-size: 18px; padding-left: 3px; letter-spacing: 0.1em; }
.downloads-list-wrapper .download-intro h3 { font-size: 26px; }
.downloads-list-wrapper .download-intro hr { margin-bottom: 21px; }
.downloads-list-wrapper .download-intro hr.touch { margin-bottom: 42px; }
.download-intro-image-container { position: relative; height: 270px; max-width: 80%; margin: 0 auto; text-align: center; }
.downloads-list-wrapper .download-intro .download-intro-image { position: absolute; width: 100%; height: auto; top: 0; left: 0; }
.downloads-list-wrapper .download-intro .download-intro-image img { max-width: 80%; height: auto; }
.downloads-list-wrapper .download-intro .front { z-index: 90; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; transition: all 0.6s ease-int; }
.downloads-list-wrapper .download-intro:hover .front { z-index: 90; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
.downloads-list-wrapper .download-intro .back { z-index: 80; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */ transform: rotateY(-179deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
.downloads-list-wrapper .download-intro:hover .back { z-index: 100; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }
.downloads-list-wrapper .download-intro .download-intro-image.touch img { opacity: 1; max-width: 90%; height: auto; margin-left: 0px; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; }
.downloads-list-wrapper .download-intro:hover .download-intro-image.touch img { opacity: 1; margin-left: 0px; }
.downloads-list-wrapper .download-intro a { text-decoration: none; }
.downloads-list-wrapper .one-third.column.hidden { opacity: 0; margin-top: 89px; }
.downloads-list-wrapper .one-third.column.visible { transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; opacity: 1; margin-top: 21; }
/*############################### Highlights */

.highlights .highlights-wrapper { margin-top: 89px; }
.highlights .first-article-img { height: 460px; overflow: hidden; }
.highlights .first-article-img img { /*max-height: 100%;
	width: auto;*/
width: 100%; height: auto; animation: rotateimg 1s; animation-delay: 4s; -webkit-animation: rotateimg 1s; /* Safari and Chrome */ -webkit-animation-delay: 4s; }
.highlights .first-article-txt { height: 220px; margin-bottom: 20px; }
.highlights .first-article-txt h3 { margin-bottom: 34px; margin-top: 25px; }
.highlights .second-article-img { height: 220px; overflow: hidden; animation: rotateimg 1s; animation-delay: 2s; -webkit-animation: rotateimg 1s; /* Safari and Chrome */ -webkit-animation-delay: 2s; }
.highlights .second-article-img img { max-height: 100%; width: auto; }
.highlights .second-article-txt { height: 220px; }
.highlights .second-article-txt h4 { margin-bottom: 34px; margin-top: 92px; font-size: 17px; white-space: nowrap; }
/*.highlights .third-article {
    margin-top: 20px;
    text-align: center;
}
    
.highlights .third-article-img {
    height: 220px;
    overflow: hidden;
    
}

    .highlights .third-article-img img{
	max-height: 100%;
	width: auto;
         animation:rotateimg 1s;
        animation-delay: 21s;
        -webkit-animation:rotateimg 1s; 
        -webkit-animation-delay: 21s;
    }
    
    .highlights .third-article h5 {
	margin-top: 34px;
    }
    
    .highlights .third-article p {
	display: none;
    }*/
    
.highlights .four-article { margin-top: 20px; text-align: right; }
.highlights .four-article-img { float: right; height: 220px; margin-left: 20px; overflow: hidden; width: 220px; }
.highlights .four-article-img img { max-height: 100%; width: auto; animation: rotateimg 1s; animation-delay: 17s; -webkit-animation: rotateimg 1s; /* Safari and Chrome */ -webkit-animation-delay: 17s; }
.highlights .four-article h5 { margin-top: 20px; margin-bottom: 21px; }
/*.highlights .four-article p {
	display: none;
    }*/
    
.highlights .fifth-article { margin-top: 20px; text-align: center; height: 290px; overflow: hidden; color: #FFFFFF; }
.highlights .fifth-article-img { height: 290px; margin-bottom: 20px; overflow: hidden; text-align: center; }
.highlights .fifth-article-img img { max-width: 100%; height: auto; }
.highlights .fifth-article h5 { margin-bottom: 21px; margin-top: -199px; color: #fff; /*text-shadow: 0 0 21px #000000;*/
font-weight: 300; }
.highlights .fifth-article p { padding-left: 8px; padding-right: 8px; }
.highlights .fifth-article a { color: #fff;/*text-shadow: 0 0 21px #000000;*/
}
.highlights .fifth-article .link-border { border: solid 2px #fff; }
.highlights .sixth-article { height: 160px; margin-top: 20px; text-align: right; margin-bottom: 89px; }
.highlights .sixth-article-img { height: 160px; width: 160px; float: right; margin-left: 20px; overflow: hidden; }
.highlights .sixth-article-img img { width: auto; max-height: 100%; animation: rotateimg 1s; animation-delay: 8s; -webkit-animation: rotateimg 1s; /* Safari and Chrome */ -webkit-animation-delay: 8s; }
.highlights .sixth-article h6 { margin-bottom: 21px; margin-top: 81px; }
.highlights .seventh-article { margin-top: 20px; text-align: left;/*margin-bottom: 89px;*/
}
.highlights .seventh-article-img { height: 160px; width: 160px; margin-right: 20px; overflow: hidden; }
.highlights .seventh-article-img img { width: auto; max-height: 100%; animation: rotateimg 1s; animation-delay: 13s; -webkit-animation: rotateimg 1s; /* Safari and Chrome */ -webkit-animation-delay: 13s; }
.highlights .seventh-article h6 { margin-bottom: 21px; margin-top: 32px; }
.highlights a { text-decoration: none; }
.highlights .load-more { margin-top: 34px; }
.custombox-modal-content p { margin-bottom: 34px; }
.custombox-modal-content a.link-border { text-decoration: none; }
/*########### Prodotto Singolo */

.single-product { margin-bottom: 55px;width: 940px;
margin: 0px auto;
margin-top: 15px; }
.single-product .main-img { margin-bottom: 8px; height: 450px; overflow: hidden; }
.single-product .main-img img { width: 100%; height: auto; margin-top: -80px }
.single-product .contenitore-thumbnail { height: 145px; overflow: hidden; display: block;  }
.container .sixteen.columns.contenitore-thumbnail { width: 937px; }
.dragdealer { position: relative; height: 100px; }
.dragdealer .handle { position: absolute; top: 0; left: 0; }
.dragdealer .handle::selection { background: none; }
 .dragdealer .handle::-moz-selection {
 background:none;
}
.single-product .contenitore-thumbnail a { display: table-cell; /*height: 100px;*/
overflow: hidden; padding-right: 3px; cursor: url("../images/drag_cursor.html"); cursor: url("../images/drag_cursor.png") 27 27, auto; -moz-box-shadow: none; }
.single-product .contenitore-thumbnail a::selection { background: none; }
 .single-product .contenitore-thumbnail a::-moz-selection {
 background:none;
}
.single-product .contenitore-thumbnail a img { width:40px; height:40px; }
.single-product-name {   /* testo titolazione  */ text-align: center; margin: 20px 0 17px; font-size: 17px; }
.single-product .link-border { padding: 0.8em 0.8em 0.6em; border: solid 2px #444; margin: 0 auto; display: block; width: 90%; text-align: center; }
.single-product-title a { text-decoration: none; }
.single-product .container .sixteen.columns h4 { margin-top: 89px; }
.single-product .single-product-title h3 { font-size: 21px; }
.single-product .single-product-title #categoria { /*font-weight: 300;*/
font-size: 21px; font-weight: 300; }
.single-product .container .eleven.columns p { padding-right: 10px; padding-top: 20px; margin-bottom: 0; }
/* FINITURE */

.finiture .finiture-wrap { margin-bottom: 21px; }
.finiture-container { display: inline-block; width: 75px; height: 204px; padding-top: 13px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.finiture-img-container { width: 100%; overflow: hidden; height: 180px; border: solid 1px #DDDDDD; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.finiture-img-container img { height: 180px; width: auto; }
.finiture-name-container p { opacity: 0; white-space: nowrap; overflow: visible; height: 24px; padding-top: 8px; margin-left: 21px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.finiture-container:hover { display: inline-block; width: 112px; height: 204px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.finiture-container:hover .finiture-name-container p { opacity: 1; height: 24px; margin-left: 3px; white-space: nowrap; overflow: visible; z-index: 999; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.finiture-container.prevent-hover:hover { display: inline-block; width: 75px; height: 204px; padding-top: 13px; }
.finiture-container.prevent-hover:hover .finiture-name-container p { opacity: 0; white-space: nowrap; overflow: visible; height: 24px; padding-top: 8px; margin-left: 21px; }
/* specifiche tecniche */

.single-product .one-third.column .anta img { max-width: 100%; height: auto; margin: 0 auto; display: block; }
.single-product .one-third.column .anta hr { margin-top: 15px; margin-bottom: 10px; }
.single-product .one-third.column .anta p.info-anta { font-size: 13px; text-align: center; }
.single-product .four.columns .anta { text-align: center; }
.single-product .four.columns .anta img { max-width: 100%; height: auto; margin: 0 auto; display: block; }
.single-product .four.columns .anta hr { margin-top: 15px; margin-bottom: 10px; }
.single-product .four.columns .anta p.info-anta { font-size: 13px; text-align: center; }
/*########### CONTATTI */


.contatti { /*niente*/
    
}
.contatti .map-container { margin-bottom: 89px; }
.contatti .contacts-title { text-align: center; }
.contatti .contacts-content { background-color: rgba(255,255,255,0.9); padding: 21px; position: absolute; top: 21px; right: 55px; width: 38%; }
.contatti .contacts-content-responsive { display: none; }
.contatti .contacts-content h1 { font-size: 34px; }
.contatti .contacts-content p.contacts-email { /*font-size: 15px;*/

}
.contatti .contacts-content p.contacts-email a { display: block;/*margin-bottom: 8px;*/

}
.contatti .contacts-content p.contacts-email a:link { opacity: 1; text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contacts-content p.contacts-email a:hover { opacity: 0.7; text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contacts-content p.contacts-email a:active { opacity: 1; text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
 .contatti .contacts-content p.contacts-email a:visted {
 opacity: 1;
 text-decoration: none;
 transition:all 0.3s ease-in;
 -moz-transition:all 0.3s ease-in;
 -webkit-transition:all 0.3s ease-in;
 -o-transition:all 0.3s ease-in;
}
.contatti .contacts-content img#email-icon { /*display: inline-block;
    height: 18px;*/
margin-bottom: 8px; margin-right: 8px; }
.contatti hr.contacts-secondo { width: 80%; margin: 30px 0; opacity: 0.8; }
.contatti .mapp-layout { margin: 0; padding: 0; }
.contatti .mapp-map-links { background-color: transparent; border: 0px; }
.contatti .contact-form .contact-form-title { margin-bottom: 55px; }
.contatti .contact-form h1 { text-align: center; }
.contatti .contact-form p.message { margin-top: 34px; }
.contatti .contact-form p.email { margin-top: 34px; }
.contatti .contact-form input[type="text"] { border-bottom: 1px solid #dddddd; padding-left: 0px; background: transparent; font-size: 34px; width: 100%; border-top: 0px; border-left: 0px; border-right: 0px; font-family: "proxima-nova", sans-serif; font-weight: 100; outline: none; color: rgba(68,68,68,0.7); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form input[type="text"]:focus { color: rgba(68,68,68,1); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form input[type="email"] { border-bottom: 1px solid #dddddd; padding-left: 0px; background: transparent; font-size: 34px; width: 100%; border-top: 0px; border-left: 0px; border-right: 0px; font-family: "proxima-nova", sans-serif; font-weight: 100; outline: none; color: rgba(68,68,68,0.7); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form input[type="email"]:focus { color: rgba(68,68,68,1); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form textarea { background: transparent; font-size: 21px; width: 100%; border: none; height: 210px; font-family: "proxima-nova", sans-serif; font-weight: 100; resize: none; outline: none; color: rgba(68,68,68,0.7); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form textarea:focus { color: rgba(68,68,68,1); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form input[type="submit"] { background: transparent; font-family: "proxima-nova", sans-serif; font-weight: 100; outline: none; min-width: 100px; border: 2px solid rgba(68,68,68,0.7); margin-top: 34px; /*padding-left: 0px;*/
    
transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form input[type="submit"]:focus { background: transparent; outline: none; border: 2px solid rgba(68,68,68,1); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form input[type="submit"]:hover { background: transparent; outline: none; border: 2px solid rgba(68,68,68,1); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form input { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.contatti .contact-form .follow-us { margin-top: 34px; text-align: center; padding-bottom: 89px; }
.contatti .contact-form .follow-us .contacts-social a { border: 2px solid #444444; cursor: pointer; display: inline-block; height: 42px; margin: 0 10px; padding: 10px 10px; position: relative; width: 42px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form .follow-us .contacts-facebook img { width: 15px; height: auto; }
.contatti .contact-form .follow-us .contacts-pinterest img { width: 15px; height: auto; }
.contatti .contact-form .follow-us .contacts-social a:hover { background-color: #444444; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form .follow-us .contacts-social a:hover img { opacity: 0; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.contatti .contact-form .follow-us a.contacts-facebook { background-position: center center; background-repeat: no-repeat; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }
.contatti .contact-form .follow-us a.contacts-pinterest { background-position: center center; background-repeat: no-repeat; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }
.contatti .contact-form .follow-us a.contacts-facebook:hover { background-image: url(images/facebook-logo-h.html); background-size: 16px auto; background-position: center center; background-repeat: no-repeat; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }
.contatti .contact-form .follow-us a.contacts-pinterest:hover { background-image: url(images/pinterest-logo-h.html); background-size: 16px auto; background-position: center center; background-repeat: no-repeat; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }
.contatti div.wpcf7-validation-errors { border: none; }
.contatti div.wpcf7-mail-sent-ok { border: none; }
.contatti .informativa-privacy p { text-align: center; color: #888; margin-bottom: 89px; }
.contatti .informativa-privacy p a { color: #777; }
/*########### Privacy Policy */

.privacy .sixteen.columns.privacy-title h1 { margin-top: 55px; }
.privacy .privacy-wrapper .privacy-content h3 { margin-top: 13px; margin-bottom: 21px; }
.privacy .privacy-wrapper .privacy-content h5 { margin-top: 13px; margin-bottom: 13px; }
.privacy .privacy-wrapper .privacy-content p { margin: 0 0 20px 0; line-height: 21px; font-size: 14px; font-family: "proxima-nova", sans-serif; font-weight: 300; }
/*

    Personalizzazione mappa da mapppress.css
    
*/


/*########### 404 */

.error-404 { font-family: "proxima-nova", sans-serif; text-align: center; }
.error-404 header h1 { color: #000; font-size: 500px; margin: 255px auto 185px auto; font-weight: 100; }
.error-404 header h2 { font-size: 32px; color: #777; text-transform: none; }
.error-404 .sixteen.columns.btn-home { margin-top: 55px; }
.error-404 .sixteen.columns.btn-home a { text-decoration: none; }
/*
	-----------------------------------------------------------------------------------
	Infobox
	-----------------------------------------------------------------------------------
*/

.mapp-ib { opacity: 0; }
/* Triangular tip */
.mapp-ib-tip { opacity: 0; }
.mapp-icon-sprite { width: 32px !important; height: auto !important; }
.go-back { padding-bottom: 89px; padding-top: 34px; text-align: center; }
.go-back a { margin-top: 13px; cursor: pointer; text-decoration: none; }
a { outline: none; }
a[href^=tel] { color: inherit; text-decoration: none; }
::selection { color: #fff; background: #444; }
::-moz-selection {
color:#fff;
background:#444;
}
::-webkit-selection {
color:#fff;
background:#444;
}
/* #Modal overrides
================================================== */

#wrap-out { display: none; }
#custombox-modal { max-width: 900px !important; width: 90% !important; }
/* #Fancybox overrides
================================================== */

.fancybox-default-skin-open { box-shadow: 0 5px 17px rgba(0, 0, 0, 0.3) !important; }
.fancybox-title-outside-wrap { color: #444444 !important; margin-top: 13px !important; text-shadow: none !important; text-align: center; }
.fancybox-wrap .fancybox-title { font-family: "proxima-nova", sans-serif; font-size: 16px; font-weight: 100; line-height: 1.5; }

/* #Animation
================================================== */

 @keyframes rotateimg {  0% {
transform:rotateX(0deg);
}
 25% {
opacity: 0;
}
 50% {
opacity:0;
}
 75% {
opacity: 1;
}
 100% {
transform:rotateX(360deg);
}
}
 @-webkit-keyframes rotateimg /* Safari and Chrome */ {  0% {
-webkit-transform:rotateX(0deg);
}
 25% {
opacity: 0;
}
 50% {
opacity:0;
}
 75% {
opacity: 1;
}
 100% {
-webkit-transform:rotateX(360deg);
}
}
 @keyframes flip {  0% {
transform:rotateY(0deg);
}
 25% {
opacity: 0;
}
 50% {
opacity:0;
}
 75% {
opacity: 1;
}
 100% {
transform:rotateY(360deg);
}
}
 @-webkit-keyframes flip /* Safari and Chrome */ {  0% {
-webkit-transform:rotateY(0deg);
}
 25% {
opacity: 0;
}
 50% {
opacity:0;
}
 75% {
opacity: 1;
}
 100% {
-webkit-transform:rotateY(360deg);
}
}
 @-moz-keyframes flip /* Safari and Chrome */ {  0% {
-moz-transform:rotateY(0deg);
}
 25% {
opacity: 0;
}
 50% {
opacity:0;
}
 75% {
opacity: 1;
}
 100% {
-moz-transform:rotateY(360deg);
}
}
    



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 1260px) {
.container.products-list { width: 1260px; }
.container.products-list .eight.columns { width: 400px; }
.container.products-list .sixteen.columns { width: 1240px; }
.products-list-wrapper .container.products-list .title-container { padding-top: 63px; }
.container.downloads-list { width: 1260px; }
.container.downloads-list .one-third.column { width: 400px; }
.container.downloads-list .sixteen.columns { width: 1240px; }
#menu-s1 { width: 20%; left: -20%; }
#menu-s2 { width: 20%; left: -20%; }
#menu-s2.menu-open { left: 20%; }
/*========== Highlights ============*/
	    
.highlights .container.post-list { width: 1260px; }
.highlights .container.post-list .eight.columns { width: 610px; }
.highlights .container.post-list .first-article-img { height: 610px; }
.highlights .container.post-list .first-article-txt { height: 295px; }
.highlights .container.post-list .four.columns { width: 295px; }
.highlights .container.post-list .second-article-img { height: 295px; }
.highlights .container.post-list .second-article-txt { height: 295px; }
.highlights .container.post-list .four-article-img { width: 290px; height: 290px; }
.highlights .container.post-list .fifth-article { height: 360px; }
.highlights .container.post-list .fifth-article-img { height: 360px; }
.highlights .container.post-list .fifth-article h5 { margin-top: -225px; }
.highlights .container.post-list .sixth-article-img,  .highlights .container.post-list .seventh-article-img { width: 220px; height: 220px; }
/* DOWNLOADS */
	    
.download-intro-image-container { height: 340px; }
/* modal */
	    
#custombox-modal { max-width: 1180px !important; width: 90% !important; }
}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

.container .sixteen.columns.contenitore-thumbnail { margin-bottom: 21px; }
/*DOWNLOAD*/
		

		
.error-404 header h1 { font-size: 250px; margin: 255px auto 105px auto; }
}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

.download-intro-image-container { height: 250px; }
/*SINGOLO PRODOTTO*/

		
.error-404 header h1 { font-size: 180px; margin: 180px auto 75px auto; }
}




    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { /*width: 940px; */}

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }