@font-face {

    font-family: 'gotham_htfbold';

    src: url('/font/gothamhtf-bold-webfont.eot');

    src: url('/font/gothamhtf-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-bold-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-bold-webfont.woff') format('woff'),

         url('/font/gothamhtf-bold-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-bold-webfont.svg#gotham_htfbold') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gotham_htfbold_italic';

    src: url('/font/gothamhtf-bolditalic-webfont.eot');

    src: url('/font/gothamhtf-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-bolditalic-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-bolditalic-webfont.woff') format('woff'),

         url('/font/gothamhtf-bolditalic-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-bolditalic-webfont.svg#gotham_htfbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gotham_htfbook';

    src: url('/font/gothamhtf-book-webfont.eot');

    src: url('/font/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-book-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-book-webfont.woff') format('woff'),

         url('/font/gothamhtf-book-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-book-webfont.svg#gotham_htfbook') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gotham_htfbook_italic';

    src: url('/font/font/gothamhtf-bookitalic-webfont.eot');

    src: url('/font/gothamhtf-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-bookitalic-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-bookitalic-webfont.woff') format('woff'),

         url('/font/gothamhtf-bookitalic-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-bookitalic-webfont.svg#gotham_htfbook_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gotham_htflight';

    src: url('/font/gothamhtf-light-webfont.eot');

    src: url('/font/gothamhtf-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-light-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-light-webfont.woff') format('woff'),

         url('/font/gothamhtf-light-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-light-webfont.svg#gotham_htflight') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gotham_htflight_italic';

    src: url('/font/gothamhtf-lightitalic-webfont.eot');

    src: url('/font/gothamhtf-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-lightitalic-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-lightitalic-webfont.woff') format('woff'),

         url('/font/gothamhtf-lightitalic-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-lightitalic-webfont.svg#gotham_htflight_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gotham_htfmedium';

    src: url('/font/gothamhtf-medium-webfont.eot');

    src: url('/font/gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-medium-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-medium-webfont.woff') format('woff'),

         url('/font/gothamhtf-medium-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-medium-webfont.svg#gotham_htfmedium') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'gotham_htfmedium_italic';

    src: url('/font/gothamhtf-mediumitalic-webfont.eot');

    src: url('/font/gothamhtf-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/gothamhtf-mediumitalic-webfont.woff2') format('woff2'),

         url('/font/gothamhtf-mediumitalic-webfont.woff') format('woff'),

         url('/font/gothamhtf-mediumitalic-webfont.ttf') format('truetype'),

         url('/font/gothamhtf-mediumitalic-webfont.svg#gotham_htfmedium_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'villa_didotblack';

    src: url('/font/villa_didot_black-webfont.eot');

    src: url('/font/villa_didot_black-webfont.eot?#iefix') format('embedded-opentype'),

         url('/font/villa_didot_black-webfont.woff2') format('woff2'),

         url('/font/villa_didot_black-webfont.woff') format('woff'),

         url('/font/villa_didot_black-webfont.ttf') format('truetype'),

         url('/font/villa_didot_black-webfont.svg#villa_didotblack') format('svg');

    font-weight: normal;

    font-style: normal;



}





/* --- GENERAL RULES --- */
a{color: #fff}

a:hover, a:focus {
    color: #666;
}


body{

	

	font-family: 'villa_didotblack';

}



h1, h2, h3, h4, h5, h6{

	

	font-family: 'villa_didotblack';

}



#logo{



width: 50%;

max-width: 370px;

margin: 0 auto;



margin-bottom: 40px;

text-indent: -999999px;

	

	

}





button[disabled]:hover, #mc_embed_signup .button[disabled]:hover{
	
	background-color: #666;
}



nav#main-nav{

	

	background: #000;

	height: 40px;

}



nav#main-nav .row{

	position: relative;

}

.fixed-menu .row{

	position: relative;

}

.fixed-menu{

position: fixed;

top:0;

width: 100%;

z-index: 9999;

background-color: #000;

padding: 20px 0;

display: none;

animation-duration: .25s;

border-bottom: 1px solid #666;

}



.fixed-menu.f-nav{

	

	display: block;

}



#logo-fix{

	

	width: 15%;

	float: left;

	margin-right: 60px;

}



ul#main-menu, ul#main-menu-fix{



	float: left;	

	list-style: none;

	margin: 0;

}



ul#main-menu li.menu-item{

	

	float: left;

	font-family: 'gotham_htfmedium';

	line-height: 2.5rem;

	margin-right: 60px;

	text-transform: uppercase;

}



ul#main-menu-fix li.menu-item{

	float: left;

	font-family: 'gotham_htfmedium';

	

	margin-right: 40px;

	text-transform: uppercase;

}



ul#main-menu li.menu-item a, ul#main-menu li.menu-item a:visited,ul#main-menu-fix li.menu-item a, ul#main-menu-fix li.menu-item a:visited{

	

	color: #fff;

	transition: color .25s ease-in-out;

}



ul#main-menu li.menu-item a:hover, ul#main-menu-fix li.menu-item a:hover{

	

	color: #666;

}



header .right-nav{

	float: right;

}



header .social-icons{



	position: absolute;

	right: 66px;

	

	

}



.lang-menu{

	position: absolute;

	right: 0;

	width: 66px;

	

}

.lang-menu ul{

	list-style: none;

	position: relative;

	margin: 0;

	z-index: 99999;

}

.lang-menu ul li{

	

	font-family: 'gotham_htfmedium';

	line-height: 2.5rem;

	background: #000;

	text-transform: uppercase;

	list-style: none;

	padding: 0 20px;

	display: none

	

}

.lang-menu-open.lang-menu ul li{



display: block;

	

}

.lang-menu ul li.current{

	

	display: block;

}



.lang-menu ul li a, .lang-menu ul li a:visited {

	

	color: #fff;

	transition: color .25s ease-in-out;

}



.lang-menu ul li:hover a,.lang-menu ul li.current:hover:after{

	

	color: #666;

}



.lang-menu ul li.current:after{

	

	content: "\02C5";

	color: #fff;

    position: absolute;

    right: 7px;

    line-height: 2;

    font-size: 26px;

    font-family: 'gotham_htflight';

}

.lang-menu-open.lang-menu ul li.current:after{

	

	content: "\02C4";

}



.flex-video.widescreen{

	

	margin-bottom: 0;

	padding-bottom: 44.34%;

	position: relative;

}



.video-wrapper .video-play {position: absolute; top:0; left: 0; opacity: 0; width:100%; height: 100%; background: url(/images/controllervideo.png) center no-repeat; background-size: 10%; text-indent: -10000px; overflow: hidden; 	transition: opacity .35s ease-in-out;}



.video-wrapper.paused .video-play {opacity:1; transition: opacity .25s ease-in-out;}



.social-icons a i{

	

	color: #fff;

	float: left;

	line-height: 2.5rem;

	padding: 0 10px;

	transition: color .25s ease-in-out;

	

}



.social-icons a i:hover{

	

	color: #666;

}



.fixed-menu .social-icons a i{

	

	line-height: inherit;

}



.full-color-wrapper{

	

	width: 100%;

	padding: 60px 0 40px 0;

	

}



.content-wrapper{

	

	

}



.content-wrapper h2{

	

	text-transform: uppercase;

	font-family: 'gotham_htflight';

	font-size: 2.5rem;

	text-align: center;

	margin: 30px auto; 

	

}



#section-how-it-is-made h2{

	

	color: #000;

}



.black{



background-color: #000;

	

	

}



p.featured-text{

	

	font-size: 1.5em;

	color: #666;

	text-align: center;

	line-height: 2;

	word-spacing: 0.2em;

	text-transform: uppercase;

}



.icon-box {

    position: relative;

   

    overflow: hidden;

    

}

.icon-box h3{



	text-transform: uppercase;

	margin-top: 20px;

	font-size: 1.3rem;

	

}



/*

 *	Gestisco il caso tedesco	

 */

.locale-de .icon-box h3 {

	

	font-size: 1.1rem;

	

}





.icon-box h3{



	text-transform: uppercase;

	margin-top: 20px;

	

}



.square-content div.arrow{

	display: none;

}



.square-content div.iconbox-line{

	height: 2px;

	background: #666;

	width: 0;

	margin: 0 auto;

	transition: width .25s ease-in-out;

	transition-delay: .25s;

}

.square-content:hover div.iconbox-line{

	

	width: 23%;

}







.icon-box:before {

    content:"";

    display: block;

    padding-top: 100%;

}

.square-content {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    color: #000;

    background: #666;

    overflow: hidden;

    transition-property: background;

  transition-duration: .25s;

}



.square-content:hover{

	

	background: #fff;

}





.square-content div {

    display: table;

    width: 100%;

    height: 100%;

}

.square-content span.iconbox-span {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

    color: #000;

    padding: 1em 0;

    overflow: hidden;

    

}

.square-content p{

	

	

	width: 100%;

    

    position: absolute;

    font-family: 'gotham_htfbook';

    font-size: 15px;

    line-height: 1.2;

    padding: 0 1.2em 0.3em 1.2em;

    bottom: -110%;

    transition: bottom .25s ease-in-out;

}



.square-content:hover p{

	

	bottom: 0;

}





.square-content div.icon-box-icon {

    display: table;

    max-width: 23%;

    max-height: 23%;

    

    margin: 0 auto;

    

    transition-property: margin-top;

  transition-duration: .25s;

}





.square-content:hover div.icon-box-icon{

	margin-top: -167px;

}





.full-width-wrapper .row{

	max-width: none;

	

}



.square-content div.icon-box-icon img{

	max-width: 57px;

	max-height: 57px;

}



.full-width-wrapper{

	

	height: 30%;

	overflow: hidden;

}





.full-width-wrapper#wrapper-part-3{

	

	height: auto;

	overflow: hidden;

}





.full-width-wrapper .row .columns{

	

	padding: 0;

	

}

.full-width-wrapper .row .columns img{

	

	

	

}



.video-tutorial-wrapper {padding-top: 0;}



h3.black-title{

	

	color: #fff;

	background-color: #000;

	margin: 0 auto;

	padding: 30px 0;

	text-transform: uppercase;

	font-family: 'gotham_htflight';

	font-size: 2.5rem;

	text-align: center

	

}



.slider-wrapper {display: none;}

.slider-wrapper.active {display: block; margin-top: -20px; }



.slider-wrapper span{

	display: block;

	width: 100%;

	text-transform: uppercase;

	font-family: 'gotham_htflight';

	font-size: 2.25rem;

	text-align: center;

	margin: 30px auto; 

}



#slider{

	max-height: 482px;

	overflow: hidden;

}

.number-wrapper{

	

	background-color: #666;

	

}

.number-wrapper ul li{

	

	list-style: none;

	font-size: 40px;

	width: 12.5%;

	float: left;

	

}



.number-wrapper ul{

	margin: 0;

	padding: 0;

}



.number-wrapper ul li a, .number-wrapper ul li a:visited{

	

	display: block;

	text-align: center;

	color: #000;

	line-height: 7.5rem;

	transition: all .25s ease-in-out;

}



.number-wrapper ul li a:hover, .number-wrapper ul li.active a{

background-color: #000;

color: #666;

	

}



.content-wrapper h2.form-title{

	

	margin-top: 40px;

	text-align: left;

}

.contact-form label , .content-wrapper  #mc_embed_signup .mc-field-group  label{

	

		display: none;

}

.contact-form label.checkbox , .content-wrapper  #mc_embed_signup .mc-field-group  label.checkbox{

	

		display: block;

}
#mc_embed_signup .mc-field-group input.av-checkbox, .contact-form input[type="checkbox"]{
	width: auto;
	display: inline-block;
	margin-right: 10px;
}
.content__gdpr p{
	font-size: 12px;
}
.contact-form .half-input{

	

	width: 48%;

	display: inline;

}



.contact-form .full-input{

	

	width: 100%;

	clear: both;

}



.contact-form input, .contact-form textarea, .content-wrapper  #mc_embed_signup input{

	

	background-color: #e1e3ea;

	border: none;

	box-shadow: inherit;

	border-radius: inherit;

	font-family: 'gotham_htfmedium';

	

}



.contact-form input:focus, .contact-form textarea:focus, .content-wrapper  #mc_embed_signup input:focus{

	

	background-color: #e1e3ea;

	border: none;

	box-shadow: inherit;

	border-radius: inherit;

	font-family: 'gotham_htfmedium';

	

	

}



.contact-form button{

	

	float: right;

	font-family: 'gotham_htfmedium';

	text-transform: uppercase;

}

.contact-form .content__gdpr{
	font-family: 'gotham_htfmedium';
}
.content__gdpr .mc_fieldset{
	
	width: 100%;
	border: none;
	padding: 0;
}
.contact-form textarea{

	

	height: 140px;

}



.contact-form button:hover:not([disabled]){

	

	color: #666;

	background-color: #000;

}



.contact-form button:hover[disabled]{

	color:#333;

}



/*.side-img{

	

	margin-top: 118px;

}*/



	

	.tutorial-preloader { min-height: 450px; background: url(../../images/preloader.gif) center no-repeat; text-align: center;}

	.tutorial-preloader .percent {



		display: block;

	    top: 270px;

	    position: relative;	

		

	}

	

	.mediacontrols {

	  position: relative;

	  top:-70px;

      background: rgba(255,255,255,.5);

      height: 0;

	}

	

	

	.mediacontrols input[type=range] {

	  -webkit-appearance: none;

	  margin: 10px 0;

	  width: 90%;

	  margin: auto;
	  -moz-appearance: none;

	  background: transparent;
	  border: none;

	}

	.mediacontrols input[type=range]:focus, .mediacontrols input[type=range]:active, .mediacontrols input[type=range]::-moz-focus-inner, .mediacontrols input[type=range]:-moz-focusring , .mediacontrols input[type=range]::-moz-focus-outer  {

	  border: 0;
    outline : 0;
    box-shadow: none;
    text-shadow: none;
	   -moz-outline-style: none;
	}

	.mediacontrols input[type=range]::-webkit-slider-runnable-track {

	  width: 100%;

	  height: 0;

	  cursor: pointer;

	  

	}

	.mediacontrols input[type=range]::-webkit-slider-thumb {

	  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;

	  border: 0px solid #000000;

	  position: relative;

	  top:-23px;

	  height: 52px;

	  width: 71px;

	  border-radius: 7px;

	  background: url(../../images/seekbar-track.png) center no-repeat;

	  cursor: pointer;

	  -webkit-appearance: none;

	  margin-top: -3.6px;

	}

	.mediacontrols input[type=range]:focus::-webkit-slider-runnable-track {

	  background: none;

	}

	

	

	.mediacontrols input[type=range]::-moz-range-track {

	  width: 100%;

	  height: 0;

	  cursor: pointer;

	}

	

	.mediacontrols input[type=range]::-moz-range-thumb {

	  box-shadow: none;

	  border: none;

	  position: relative;

	  top:-23px;

	  height: 52px;

	  width: 71px;

	  border-radius: 7px;

	  background: url(../../images/seekbar-track.png) center no-repeat;

	  cursor: pointer;

	  margin-top: -3.6px;

	}

	/*

	.mediacontrols input[type=range]::-ms-track {

	  width: 100%;

	  height: 12.8px;

	  cursor: pointer;

	  animate: 0.2s;

	  background: transparent;

	  border-color: transparent;

	  border-width: 39px 0;

	  color: transparent;

	}

	.mediacontrols input[type=range]::-ms-fill-lower {

	  background: rgba(255,255,255,0);

	  border: 0px solid #000101;

	  border-radius: 50px;

	  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;

	}

	.mediacontrols input[type=range]::-ms-fill-upper {

	  background: rgba(255,255,255,0);

	  border: 0px solid #000101;

	  border-radius: 50px;

	  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;

	}

	*/

	.mediacontrols input[type=range]::-ms-thumb {

	  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;

	  border: 0px solid #000000;

	  position: relative;

	  top:-23px;

	  height: 52px;

	  width: 71px;

	  border-radius: 7px;

	  background: url(../../images/seekbar-track.png) center no-repeat;

	  cursor: pointer;

	  margin-top: -3.6px;

	}

	.mediacontrols input[type=range]:focus::-ms-fill-lower {

	  background: rgba(255,255,255,0);

	}

	.mediacontrols input[type=range]:focus::-ms-fill-upper {

	  background: rgba(255,255,255,0);

	}

	



























#wrapper-part-6 .black-title{

	

	color: #666;

}



#wrapper-part-6 .black-title a, #wrapper-part-6 .black-title a:visited {

	

	color: #fff;

}



.custom-col{

	

	width: 20%;

	padding: 0;

}



#footer .row{



padding: 50px 0;

	

	

}



#footer .row #footer-logo{

	

	max-width:235px;

	margin: 0 auto;
	 

}

#footer .row #footer-logo-polacco{
	display:none;
	margin: 0 auto;
}


#footer .row p{

	

	font-family: 'gotham_htfmedium';

	font-size: 13px;

	text-align: center;

	    margin-top: 30px;

    margin-bottom: 0;

	

}



#footer .row p a, #footer .row p a:visited{

	

	color: #000;

}



#footer .row p span.borderfooter{

	

	border-right: 1px solid #666;

	padding-right: 10px;

	margin-right: 10px;

}



/* -- FIREFOX -- */



body:not(:-moz-handler-blocked) .square-content:hover div.icon-box-icon{

	margin-top: -174px;

}



body:not(:-moz-handler-blocked) .lang-menu ul li{



line-height: 2.4rem;

	

}



body:not(:-moz-handler-blocked) .lang-menu ul li.current::after {

    

    font-size: 19px;

    line-height: 2;

    position: absolute;

    right: 5px;

}



#button-menu{display: none;}



div.image-grid-wrapper img{

	

	width: auto;

	height: auto;

}



#section-contact .row{

	position: relative;

}

.side-img-container{

	

	position: absolute;

	left: 0;

	bottom: 0;

}



.side-img{

	

	position: absolute;

	bottom: 0;

}



.image-grid-wrapper-mob{

	

	display: none;

}


/*

 *	Gestisco il caso francese	

 */

.locale-fr ul, .locale-fr ol, .locale-fr dl {

	

	font-size: 0.85rem;
	
	line-height: 1.8;

}

/*

 *	Gestisco il caso polacco	

 */
 
.locale-pl #footer .row #footer-logo-polacco{
	max-width:100px;
	display: block;

}

.locale-pl #footer .row #footer-logo{
	display: none;
}

.content-wrapper  #mc_embed_signup h2{

	font-size: 2.5rem;
	margin: 30px auto;
}
.content-wrapper  #mc_embed_signup .button{
	    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: #666;
    border-color: #c4a968;
    color: #333333;
    transition: background-color 300ms ease-out;
        float: right;
    font-family: 'gotham_htfmedium';
    text-transform: uppercase;
    height: auto;
}

/*
 *	Instagram
 */

.instagram-placeholder {
	position: relative;
	padding-top: 18%!important;
	height: 0;
	overflow: hidden;
}

.instagram-placeholder a {
	position: absolute;
	top: 0;
	display: inline-block;
}
/*
 *	Instagram
 */

.instagram-placeholder {
	position: relative;
	padding-top: 18%!important;
	height: 0;
	overflow: hidden;
}

.instagram-placeholder a {
	position: absolute;
	top: 0;
	display: inline-block;
	cursor: default;
}

#mc_embed_signup div.response.modal {
    
  	z-index: 2000;
    
    width: 520px;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    background: #fff;
    text-align: center;
    padding: 40px;
    box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.6);
    margin: 0;
    float: none;


  
}

.modal-overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity .5s ease-in-out;
    
}

.closed {
    pointer-events: none;
    
}
.modal-overlay.closed {
	opacity: 0;
}
.close-button-modal {
    
    padding: 2em;
    margin: 2em;
    position: absolute;
    right: 40px;
    top: 40px;
    background: none;
    color: #666;
    
}
.close-button-modal:hover{
	background: none;
}
#mc_embed_signup div#mce-responses {
    float: none; 
    top: 0; 
    padding: 0em .5em 0em .5em;
   overflow: hidden;
    width: 90%;
     margin: 0 ;
    clear: both;
}
@media only screen and (max-width: 64em){

	

	

#button-menu {display: block;

	

	

	padding: 10px;

}	



#button-menu a {

	

	display: block;

	text-align: center;

}



nav#main-nav {

    background: #000;

    height: 54px;

    overflow: hidden;

    transition: height .25s ease-in-out;

}



.menu-open nav#main-nav {

	height: 590px;

}



ul#main-menu li.menu-item {

    float: none;

    font-family: 'gotham_htfmedium';

    line-height: 3.5rem;

     margin-right: 0; 

    text-transform: uppercase;

    text-align: center;

}

	ul#main-menu, .lang-menu, .lang-menu li,.social-icons a i, header .social-icons {

		

		float: none;

	}

	

	header .social-icons{

		

		margin-bottom: 30px;

	}

	.lang-menu{

		width: auto;

	}

	

	.lang-menu ul{

		margin: 30px 0;

	}

	

	.lang-menu ul li{

		display: block;

	

	}

.lang-menu ul li.current:after{

	

	content: none;

		

		

	}

	.lang-menu.lang-menu-open ul li.current:after{

		content: none;

	}

	.lang-menu, header .social-icons{

		

		position: relative;

		right: 0;

	}

	

.fixed-menu.f-nav{

	

	display: none;

}





	

#right-nav{

	text-align: center;

    padding-bottom: 20px;

}	



p.featured-text {

    font-size: 1em;



}

.square-content:hover div.iconbox-line{

	

	width:0;

}



.square-content.square-open div.iconbox-line{

	

	width: 23%;

}



#section-how-it-is-made{

	

	padding: 20px;

}



.icon-box:before {

    content:"";

    display: block;

    padding-top: 100%;

}

.square-content {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    color: #000;

    background: #666;

    overflow: hidden;

    transition-property: background;

  transition-duration: .25s;

}



.square-content:hover{

	

	background: #666;

}



.square-content.square-open{

	

	background: #fff;

}

.square-content div {

    display: table;

    width: 100%;

    height: 100%;

}

.square-content span.iconbox-span {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

    color: #000;

    padding: 2em 0;

    overflow: hidden;

    

}

.square-content p{

	

	

	width: 100%;

    

    position: relative;

    font-family: 'gotham_htfbook';

    font-size: 18px;

    line-height: 1.2;

    padding: 0 1.2em 0 1.2em;

    margin-top: 20px;

   max-height: 0;

    overflow: hidden;

    opacity: 0;

   

    transition-delay: inherit;

}



.square-content h3{



margin-bottom: 20px

	

	

}



.square-content.square-open p{

	

	opacity: 1;

	max-height: 100%;

	transition: opacity .5s ease-in-out;

	transition-delay: .25s;

}



.square-content div.icon-box-icon {

    display: table;

    max-width: 23%;

    max-height: 57px;

    margin-top: 60px;

    margin: 0 auto;

    opacity:1;

    transition-property: opacity;

  transition-duration: 1s;

   transition-property: margin-top;

  

}

.square-content div.arrow{

	display: block;

	position: absolute;

	height: 57px;

	opacity: 1;

	transition-property: opacity;

    transition-duration: 0.2s;

    transition-timing-function: ease-in-out;

    transition-delay: .5s;

}

.arrow img{

	

	max-width: 60px;

}



.icon-box{

	margin-bottom: 20px;

}

.square-open.square-content div.arrow{

	

	opacity: 0;

	transition-property: opacity;

    transition-duration: 0.2s;

    transition-timing-function: ease-in-out;

    transition-delay: inherit;

}



.square-content:hover div.icon-box-icon{

	margin-top: 0;

}



.square-content.square-open div.icon-box-icon{

	opacity: 0;

	margin-top: -80px;

	

}



#footer .row p span.borderfooter{

	

	border-right: 1px solid #666;

	padding-right: 5px;

	margin-right: 3px;

}



#footer .row p{

	

	font-family: 'gotham_htfmedium';

	font-size: 10px;

	text-align: center;

	    margin-top: 30px;

    margin-bottom: 0;

	

}






.full-width-wrapper{

	height: auto;

}

h3.black-title, .slider-wrapper span, .number-wrapper ul li, .content-wrapper h2  {



font-size: 1.5rem;



}



.number-wrapper ul li a,.number-wrapper ul li a:visited{

	

	line-height: 3rem;

}

.side-img {

   

    margin: -120px 0 -50px;

    display: table-cell;

    position: relative;



}



.side-img-container{

	margin-top: 0;

	display: table;

	overflow: hidden;

	position: relative;



}

.image-grid-wrapper-mob{

	

	display: block;

}



.image-grid-wrapper{

	

	display: none;

}



}