@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

/*
	marrone chiaro: 8e6542;
	marrone scuro: 462917;
*/


/* RESET */
* { margin: 0; padding: 0; }

html { overflow-x: hidden !important; }
body { height: 100%; font-family: 'Raleway', sans-serif; font-weight: 400; color: #000; background-color: #fff; }
a, a:hover { text-decoration: none !important; }
a { color: #8e6542; }
a:hover { color: #000; }
ul, ol { list-style: none; margin: 0; padding: 0; }
ul li { list-style: none !important; }

.blk-txt ul.decimal, .blk-txt ul.alpha { margin: 0 0 0 10px !important; }
ul.decimal, ul.decimal li { list-style: decimal !important; }
ul.alpha, ul.alpha li { list-style: lower-alpha !important; }
ul.decimal li:before, ul.alpha li:before { display: none !important; }

input, textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

a:active, a:focus, input:focus, textarea:focus, :focus { outline: none !important; }
::-webkit-input-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
::-moz-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
:-moz-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
:-ms-input-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
.float-right { float: right; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear { clear: both; }

.container { /*padding-bottom: 50px;*/ }

.scroll-on { padding-top: 60px !important; }

.desk { display: inline-block; }
.mob { display: none !important; }
@media (max-width: 992px) {
	.desk { display: none !important; }
	.mob { display: inline-block !important; }
}


/* SEARCH BAR */
#search { display: none; width: 100%; padding: 13px 0; color: #fff; background-color: #777; }
#search .container { padding-bottom: 0 !important; }
#search .blk-txt { margin: 0; padding: 0; }
#search .blk-txt p { margin: 0; padding: 0; line-height: 34px; color: #fff; }
#search input { display: block; width: 100%; height: 34px; margin: 0; padding: 0 10px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 34px; color: #000; border: 0; border-radius: 3px; }
#search a.btn:link, #search a.btn:visited { margin-bottom: 0; }


/* HEADER */
.header { position: relative; display: block; width: 100%; background-color: #fff; }

.header .top .container { padding-bottom: 0 !important; }

.header .top { display: block; width: 100%; min-height: 50px; color: #777; background-color: #fafafa; border-bottom: #ededed 1px solid; }
.header .top p { font-size: 12px; font-weight: 400; line-height: 50px; color: #777; }
.header .top p i { margin-right: 3px; }

.header .top a:link, .header .top a:visited { font-weight: 600; color: #000; }
.header .top a:hover { color: #8e6542; }

.header .logo { float: left; display: inline-block; height: 60px; margin: 20px 0; }
.header .logo img { width: auto; height: 60px; }

.header .info { display: block; width: 100%; min-height: 100px; }
.header .info .container { padding-bottom: 0 !important; }
.header .info ul { float: right; height: 100px; text-align: right; }
.header .info ul li { position: relative; display: inline-block; margin: 32px 0 32px 32px; padding-left: 50px; height: 100px; list-style: none; }
.header .info ul li i { position: absolute; left: 0; top: 0; width: 36px; height: 36px; font-size: 14px; text-align: center; line-height: 36px; color: #8e6542; border: #8e6542 1px solid; border-radius: 50%; }
.header .info ul li p { font-size: 10px; font-weight: 400; text-align: left; color: #777; }
.header .info ul li p strong { display: block; padding-bottom: 6px; font-size: 16px; font-weight: 700; line-height: 16px; color: #1d2127; }
.header .info ul li a:link strong, .header .info ul li a:visited strong { color: #1d2127; }
.header .info ul li a:hover strong { color: #8e6542; }

.scrollon { position: fixed !important; }


/* MENU DESKTOP */
.menu-container .container { position: relative; padding-bottom: 0 !important; }
.menu-container { position: relative; width: 100%; min-height: 60px; background-color: #462917; z-index: 99; }
.menu-container:after { position: absolute; left: 0; bottom: -30px; display: block; width: 100%; height: 30px; content: ''; background: url('../img/shadow.png') 50% 0 no-repeat; }

a.logo-scroll:link, a.logo-scroll:visited, a.logo-scroll:hover { position: absolute; left: 0; top: 15px; display: inline-block; width: auto; height: 30px; opacity: 0; }

.menu { text-align: right; zoom: 1; }
.menu, .menu ul { list-style: none; z-index: 999 !important; }
.menu:before, .menu:after { content: ''; display: table; }
.menu:after { clear: both; }
.menu li { position: relative; display: inline-block; }

.menu a { position: relative; display: inline-block; margin: 10px 0; padding: 0 15px; font-size: 13px; font-weight: 700; line-height: 40px; text-transform: uppercase; color: #fff; } /* link */
.menu > li a i { margin: 0 0 0 5px; font-size: 10px; }
.menu > li > ul li a i { margin: 0 5px 0 0 !important; font-size: 10px; }
.menu a i.fa-search, .menu a i.fa-globe { margin-left: 0 !important; }
.menu .active { background-color: #fff; color: #8e6542; }
.menu li:hover > ul { margin-top: 0; opacity: 1; visibility: visible; }
.menu li:hover > a { color: #8e6542; background-color: #fff; } /* rollover */

.menu ul { position: absolute; right: 0; top: 50px; width: 230px; padding: 5px; text-align: left; background-color: #fff; opacity: 0; visibility: hidden; box-shadow: 0 2px 2px rgba(70,41,23,.3); z-index: 1; }
.menu ul li { display: block; }
.menu ul a { display: block; width: 100%; margin: 0; padding: 12px 10px; box-sizing: border-box; font-size: 12px; font-weight: 400; line-height: 16px !important; text-transform: none; color: #000; border-bottom: #f4f4f4 1px solid; }
.menu ul a:hover { background-color: #f5f5f5; }
.menu ul li:last-child a { border-bottom: 0; }

.menu ul ul { position: absolute; left: -5px; top: -5px; width: 230px; margin-left: -230px; padding: 5px; text-align: left; background-color: #fff; opacity: 0; visibility: hidden; box-shadow: 0 2px 2px rgba(70,41,23,.3); z-index: 1; }
.menu ul ul li { display: block; }
.menu ul ul a { display: block; width: 100%; margin: 0; padding: 12px 10px; box-sizing: border-box; font-size: 12px; font-weight: 400; line-height: 16px !important; text-transform: none; color: #000; border-bottom: #f4f4f4 1px solid; }
.menu ul ul a:hover { background-color: #f5f5f5; }
.menu ul ul li:last-child a { border-bottom: 0; }

.menu ul.search, .menu ul.lang { left: auto; right: 0px !important; }


/* MENU MOBILE */
.menu-trigger { display: none; }

@media screen and (max-width: 992px) {
	#search { padding: 0; }
	#search .blk-txt { padding: 13px 0; }
	
	.header .info ul li { margin: 32px 0 32px 5px; padding-left: 35px; }
	.breadcrumbs { padding: 30px 0 !important; }
	
	.header .logo { float: left; display: inline-block; height: 40px; margin: 30px 0; }
	.header .logo img { width: auto; height: 40px; }
	
	/* menu container */
	.menu-container { float: none; position: relative; width: 100%; height: 0; padding: 0 30px; box-sizing: border-box; }
	.menu-container * { box-sizing: border-box; }
	
	/* menu bar - hamburger icon */
	.menu-trigger-container { position: absolute; right: 0; top: 8px; display: block; width: 35px; height: 44px; }
	#menu-trigger { position: relative; display: block; width: 35px; height: 44px; padding-top: 20px; box-sizing: border-box; text-align: center; font-weight: 700; line-height: 44px; color: #222; cursor: pointer; }
	#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after { display: block; content: ''; position: absolute; height: 5px; width: 35px; background: #fff; border-radius: 1px; cursor: pointer; }
	#menu-trigger span:before { top: -10px; }
	#menu-trigger span:after { bottom: -10px; }
	
	#menu-trigger:hover span, #menu-trigger:hover span:before, #menu-trigger:hover span:after { background-color: #fff; }
	
	#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	#menu-trigger.active span { background-color: transparent; }
	#menu-trigger.active span:before, #menu-trigger.active span:after { background-color: #fff; }
	#menu-trigger.active span:before { top: 0; }
	#menu-trigger.active span:after { bottom: 0; }
	#menu-trigger.active span:before { transform: rotate(45deg); }
	#menu-trigger.active span:after { transform: rotate(-45deg); }

	/* main nav */
	.menu { position: absolute; left: 0; top: 60px; width: 100%; padding: 10px; box-sizing: border-box; background-color: #462917; display: none; }
	.menu li { float: none; position: static; display: block; margin: 0; border: 0; }
	.menu a { display: block; float: none; min-height: 30px; padding: 0 10px; margin: 0; box-sizing: border-box; font-size: 13px; font-weight: 700; line-height: 30px; text-align: left; border-bottom: rgba(255,255,255,.2) 1px solid; color: #fff; }
	.menu li:last-child { margin-bottom: 10px; }
	.menu li:last-child a { border-bottom: 0; }
	.menu li:hover > a { color: #424242 !important; } /* main rollover */

	.menu ul { position: static; display: block; width: 100%; margin: 0; padding: 10px 0; background-color: transparent; box-shadow: none; visibility: visible; opacity: 1; }
	.menu ul a { padding: 7px 10px 5px 10px !important; margin: 0; box-sizing: border-box; font-size: 12px; font-weight: 400; line-height: 18px; color: #fff; border-bottom: none; }
	.menu ul a:hover { color: #fff !important; background: rgba(255,255,255,.3); }
	
	.menu ul ul { position: static; display: block; width: 100%; margin: 0; padding: 10px 0; background-color: transparent; box-shadow: none; border-bottom: rgba(255,255,255,.2) 1px solid; visibility: visible; opacity: 1; }
	.menu ul ul a { padding: 7px 10px 5px 20px !important; margin: 0; box-sizing: border-box; font-size: 12px; font-weight: 400; line-height: 18px; color: #fff; border-bottom: none; }
	.menu ul ul a:hover { color: #fff !important; background: rgba(255,255,255,.3); }
	.menu ul a i, .menu ul ul a i { display: none; }
	
	/* mobile scroll active */
	.scrollon .menu a { line-height: 38px !important; }
	.scrollon .menu ul a { line-height: 18px !important; }
	.scrollon .menu ul { background-color: transparent !important; }
}

@media screen and (min-width: 1101px) {
	.menu { display: block !important; }
}


/* HP SLIDESHOW */
.hp-slideshow-container { position: relative; display: block; width: 100%; background-color: #462917; z-index: 1; }
.hp-slideshow { display: block; width: 100%; }
.hp-slideshow .item { position: relative; width: 100%; height: 500px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

.hp-slideshow .owl-controls { position: absolute; top: 50%; width: 100%; margin-top: -15px; height: 0; }
.hp-slideshow .owl-controls .owl-prev, .hp-slideshow .owl-controls .owl-next { display: block; width: 50px; height: 50px; font-size: 40px; text-align: center; line-height: 50px; color: #fff; }
.hp-slideshow .owl-controls .owl-prev { float: left; text-align: right; }
.hp-slideshow .owl-controls .owl-next { float: right; text-align: left; }
.hp-slideshow .owl-controls .owl-prev:hover, .hp-slideshow .owl-controls .owl-next:hover { color: #000; }

.hp-slideshow .item > span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(70,41,23,.2); z-index: 5; }
.hp-slideshow .item .caption { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 50px; box-sizing: border-box; text-align: center; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 10; }
.hp-slideshow .item .caption h4 { display: block; margin: 0; padding: 0 0 10px 0; font-size: 50px; font-weight: 900; line-height: 65px; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 2px 3px rgba(0,0,0,.3); color: #fff; }
.hp-slideshow .item .caption h4 a:link, .hp-slideshow .item .caption h4 a:visited { color: #333; }
.hp-slideshow .item .caption h4 a:hover { color: #8e6542; }


/* HP INTRO SERVICES */
.grey-bg { display: block; width: 100%; padding: 60px 0; background-color: #f4f4f4; }
.grey-bg h2 { padding-bottom: 30px; }

.container .grey-bg .row { display: block; width: 100%; padding: 0; box-sizing: border-box; }
.container .grey-bg:before { position: absolute; left: -4000px; top: 0; display: block; width: 4000px; height: 100%; content: ''; background-color: #f4f4f4; }
.container .grey-bg:after { position: absolute; right: -4000px; top: 0; display: block; width: 4000px; height: 100%; content: ''; background-color: #f4f4f4; }
.container.detail { padding-bottom: 0 !important; }

.box-service { position: relative; display: block; width: 100%; min-height: 240px; margin: 15px 0; padding: 90px 0 15px 0; box-sizing: border-box; background: transparent; text-align: center; overflow: hidden; z-index: 2; }
.box-service:before { position: absolute; left: 0px; top: 0; right: 0; bottom: 0; display: block; content: ''; background-color: #fff; opacity: 0; z-index: -1; }
.box-service:hover:before { opacity: 1; }

.box-service .icon-container { position: absolute; left: 50%; top: 10px; display: block; margin-left: -35px; z-index: 2; }
.box-service .icon, .box-service .icon-container i { position: relative; display: block; width: 70px; height: 70px; margin: 0; font-size: 60px; text-align: center; line-height: 70px; color: #f90; }

.box-service h3 { display: block; margin-bottom: 10px; font-size: 20px; font-weight: 400; line-height: 24px; color: #1d2127; }
.box-service h3 a:link, .box-service h3 a:visited { color: #8e6542; }
.box-service h3 a:hover { color: #000; }
.box-service p { display: block; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #777; }


/* HP INTRO PROFILE */
.hp-profile { display: block; width: 100%; padding: 80px 0 0 0; }
.hp-profile .container { /*padding-bottom: 0 !important;*/ }


/* HP FULL BLOCK */
.blk-full-txt-sx { position: relative; display: block; width: 100%; }
.blk-full-txt-sx .blk-txt { width: 70%; padding: 80px 40px; box-sizing: border-box; }
.blk-full-txt-sx .blk-full-image { position: absolute; left: 70%; right: 0; bottom: 0; top: 0; margin: 0; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.blk-full-txt-dx { position: relative; display: block; width: 100%; background-color: #f0f0f0; }
.blk-full-txt-dx:before { position: absolute; right: 0; bottom: -110px; /*width: 110px; height: 110px;*/ width: 0; height: 0; content: ''; border-style: solid; border-width: 0 110px 110px 0; border-color: transparent #f0f0f0 transparent transparent; }

.blk-full-txt-dx .blk-full-image { position: absolute; left: 0; right: 70%; bottom: 0; top: 0; margin: 0; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 2; }
.blk-full-txt-dx { z-index: 1; }
.blk-full-txt-dx .row { width: 70%; margin-left: 30%; margin-bottom: 0px !important; padding: 80px 40px; box-sizing: border-box; }


/* HP PARALLAX */
.cta-parallax { position: relative; display: block; width: 100%; padding: 50px 0; text-align: center; background-position: 50% 0; background-repeat: repeat-y; background-size: 100% auto; }
.cta-parallax .container { padding-bottom: 0 !important; }
.cta-parallax .blk-txt h2, .cta-parallax .blk-txt h3, .cta-parallax .blk-txt .icon, .cta-parallax .blk-txt p { color: #fff; }
.cta-parallax .blk-txt p span { font-size: 26px; font-weight: 700; }
.cta-parallax input { display: inline-block; height: 40px; width: 200px; margin-bottom: 30px; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 25px; line-height: 30px; text-align: center; color: #8e6542; background-color: rgba(255,255,255,.7); border: 0; border-radius: 4px; }
.cta-parallax input:focus { background-color: #fff; }

.result-container { display: block; height: 230px; }

a.btn-parallax:link, a.btn-parallax:visited { display: inline-block; width: 200px; height: 50px; font-size: 16px; font-weight: 900; text-align: center; text-transform: uppercase; line-height: 50px; letter-spacing: 2px; color: #fff !important; background-color: #f90; border-radius: 4px; }
a.btn-parallax:hover { color: #462917 !important; background-color: #fff; }

a.btn-parallax-ricalcola:link, a.btn-parallax-ricalcola:visited { display: none; height: 50px; padding: 17px 40px; box-sizing: border-box; font-size: 16px; font-weight: 900; text-align: center; text-transform: uppercase; line-height: 50px; letter-spacing: 2px; color: #fff !important; background-color: #f90; border-radius: 4px; }
a.btn-parallax-ricalcola:hover { color: #462917 !important; background-color: #fff; }

input.errore_costo_macchina { border: #c00 2px solid !important; }

.risultato_calcolo { display: none; width: 100%; height: 50px; font-size: 14px; font-weight: 400; line-height: 50px; text-align: center; color: #fff; }
.risultato_calcolo strong { display: inline-block; font-size: 50px; font-weight: 400; line-height: 50px; }

.countvalue { display: inline-block; padding-left: 10px; font-weight: 900 !important; color: #f90; -webkit-animation: gleam 1.5s ease-in-out infinite alternate; animation: gleam 1.5s ease-in-out infinite alternate; }
@-webkit-keyframes gleam {
  from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #f90, 0 0 70px #f90, 0 0 80px #f90, 0 0 100px #f90, 0 0 150px #f90; }
  to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #f90, 0 0 35px #f90, 0 0 40px #f90, 0 0 50px #f90, 0 0 75px #f90;  }
}
@-moz-keyframes gleam {
  from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #f90, 0 0 70px #f90, 0 0 80px #f90, 0 0 100px #f90, 0 0 150px #f90; }
  to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #f90, 0 0 35px #f90, 0 0 40px #f90, 0 0 50px #f90, 0 0 75px #f90;  }
}
@keyframes gleam {
  from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #f90, 0 0 70px #f90, 0 0 80px #f90, 0 0 100px #f90, 0 0 150px #f90; }
  to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #f90, 0 0 35px #f90, 0 0 40px #f90, 0 0 50px #f90, 0 0 75px #f90;  }
}


/* COUNTERS */
.counters { display: block; width: 100%; padding: 80px 0; text-align: center; background-color: #f4f4f4; }
.counters .container { padding-bottom: 0; }
.counters i { font-size: 50px; line-height: 50px; color: #8e6542; }
.counters .count { font-size: 40px; line-height: 40px; font-weight: 900; }


/* LAYOUT */
.content { position: relative; width: 100%; /*border-top: #009fd6 4px solid;*/ z-index: 10; }
.spacer { display: block; width: 100%; height: 50px; }

.anchor-white { display: block; width: 100%; padding: 80px 0; background-color: #fff; }
.anchor-grey { display: block; width: 100%; padding: 80px 0; background-color: #f4f4f4; }


/* BLK'S */
.blk-img-prod a { position: relative; display: block; width: 100%; padding-top: 142%; overflow: hidden; }
.blk-img-prod a img { position: absolute; left: 50%; top: 50%; max-height: 100%; width: auto; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
.blk-img-prod a span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.3); z-index: 2; opacity: 0; }
.blk-img-prod a span i { position: absolute; left: 0; bottom: 0; display: block; width: 80px; height: 80px; font-size: 18px; text-align: center; line-height: 80px; color: #fff; }
.blk-img-prod a:hover span { opacity: 1; }


/* TYPOGRAPHY - BLK'S */
.blk-txt { margin-bottom: 30px; }
.spacer { display: block; width: 100%; height: 50px; }

.blk-txt h1 { position: relative; display: block; margin: 0 0 30px 0; font-size: 42px; font-weight: 900; line-height: 46px; text-align: center; color: #000; }

.blk-txt h2 { position: relative; display: block; margin: 0 0 30px 0; font-size: 28px; font-weight: 300; line-height: 36px; text-align: center; color: #000; }
.blk-txt h2 strong { font-weight: 900; }

/*.blk-txt h2:before { position: absolute; left: 0; bottom: -10px; display: block; width: 80px; height: 3px; content: ''; background-color: #8e6542; }*/
.align-center h2:before { left: 50%; margin-left: -40px; }
.grey-bg h2:before { bottom: 18px !important; }

.blk-txt h3 { position: relative; margin: 0 0 20px 0; font-size: 22px; font-weight: 300; line-height: 32px; color: #777; }
.blk-txt h3 strong { font-weight: 700; }
.blk-txt h3 span { color: #009fd6; }
.blk-txt h3 i { margin-right: 4px; font-size: 28px; color: #f90; }

.blk-txt h4 { position: relative; margin: 0 0 20px 0; font-size: 18px; font-weight: 500; line-height: 26px; color: #777; }
.blk-txt h4 strong { font-weight: 700; }
.blk-txt h4 span { color: #009fd6; }

.blk-txt h5 { position: relative; margin: 0 0 7px 0; font-size: 15px; font-weight: 700; text-transform: uppercase; line-height: 18px; color: #777; }
.blk-txt h5 strong { font-weight: 700; }

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited { color: #8e6542; }

h2.baseline:before, h3.baseline:before { position: absolute; left: 50%; bottom: -15px; content: ''; display: block; width: 40px; height: 2px; margin-left: -20px; background-color: #000; }

.blk-txt { display: block; margin-bottom: 30px; }

.blk-txt p { display: block; margin-bottom: 30px; font-size: 15px; font-weight: 400; line-height: 23px; color: #757575; }

.blk-txt ul, .blk-txt ol { margin: 10px 0 30px 10px; }
.blk-txt ul li, .blk-txt ol li { position: relative; padding-left: 16px; font-size: 15px; font-weight: 400; line-height: 23px; list-style: none; color: #757575; }
.blk-txt ul li:before, .blk-txt ol li:before { position: absolute; left: 0; top: 0; content: "\f111"; font-family: "FontAwesome"; font-size: 4px; line-height: 24px; color: #8e6542; }

.blk-txt ul.no-marker li, .blk-txt ol.no-marker li { padding-left: 0 !important; background: none !important; }
.blk-txt ul.no-marker li i, .blk-txt ol.no-marker li i { width: 15px; margin-right: 10px; text-align: center; color: #3c9f9c; }

.blk-txt ul.icon-list li { padding-left: 22px; padding-bottom: 10px; }
.blk-txt ul.icon-list li:before { display: none; }
.blk-txt ul.icon-list li i { position: absolute; left: 0; top: 0; font-size: 14px; line-height: 24px; color: #8e6542; }

.blk-txt hr { display: block; width: 100%; height: 1px; margin: 15px 0 30px 0; background-color: #ddd; border: 0; }

.blk-txt a:link, .blk-txt a:visited, .blk-txt ul li a:link, .blk-txt ul li a:visited, .blk-txt ol li a:link, .blk-txt ol li a:visited { color: #8e6542; }
.blk-txt a:hover, .blk-txt ul li a:hover, .blk-txt ol li a:hover { color: #000 !important; }

.blk-txt .icon { font-size: 60px; line-height: 60px; color: #f90; }

a.btn-more:link, a.btn-more:visited { font-size: 12px; line-height: 12px; color: #8e6542; }
a.btn-more:hover { color: #333; }
a.btn-more i { margin-left: 3px; font-size: 10px; }

.productname { display: block; height: 50px; }

.data { float: left; display: block; width: 40px; margin-right: 10px; font-size: 20px; font-weight: 700; line-height: 40px; text-align: center; color: #8e6542; background-color: #fff; border-radius: 3px; overflow: hidden; }
.data strong { display: block; padding: 10px 0; font-size: 11px; font-weight: 700; line-height: 11px; color: #fff; background-color: #8e6542; border-radius: 0 0 3px 3px; }


/* blk attachment */
.blk-attachment { display: block; margin-bottom: 30px; }
.blk-attachment a:link, .blk-attachment a:visited { position: relative; display: inline-block; height: 47px; padding: 0 40px 0 0; font-size: 14px; font-weight: 400; text-decoration: none; line-height: 47px; color: #fff; background-color: #8e6542; overflow: hidden; }
.blk-attachment a:hover { background-color: #000; }

.blk-attachment a .symbol { float: left; display: block; width: 50px; height: 50px; text-align: center; }
.blk-attachment a .symbol i { color: #fff; line-height: 47px; }
.blk-attachment a .slide-icon { position: absolute; display: block; left: 0; top: -47px; width: 50px; height: 47px; text-align: center; color: #fff; opacity: 0; }
.blk-attachment a .slide-icon i { color: #fff; line-height: 47px; }

.blk-attachment a:hover .symbol { opacity: 0; }
.blk-attachment a:hover .slide-icon { -webkit-animation: slideDown 0.9s linear infinite; -moz-animation: slideDown 0.9s linear infinite; animation: slideDown 0.9s linear infinite; opacity: 1; z-index: 10; }
@-webkit-keyframes slideDown {
    0% { top: -47px; }
    100% { top: 47px; }
}
@-moz-keyframes slideDown {
    0% { top: -47px; }
    100% { top: 47px; }
}
@keyframes slideDown { 
    0% { top: -47px; }
    100% { top: 47px; }
}

/* blk img */
.blk-img { display: block; padding: 0 0 30px 0; }
.blk-img img, a.overlay img { width: 100%; height: auto; z-index: 5; }

.blk-img a { position: relative; display: block; }
.blk-img a img { position: relative; width: 100%; height: auto; z-index: 1; }
.blk-img a span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; display: block; background-color: rgba(70,41,23,.7); z-index: 2; opacity: 0; }
.blk-img a span i { position: absolute; left: 50%; top: 50%; display: block; width: 40px; height: 40px; margin: -20px 0 0 -20px; text-align: center; line-height: 40px; color: #000; background-color: #fff; border-radius: 50%; }
.blk-img a:hover span { opacity: 1; }


/* blk gallery */
.blk-gallery { display: block; width: 100%; margin: 0 -15px 30px -15px; /*margin-bottom: 20px;*/ text-align: center; list-style: none; }
.blk-gallery li { /*display: inline-block;*/ float: left; width: 25%; /*margin: 0 0 0 -4px; padding: 0 1% 0 1%;*/ margin: 0; padding: 0 15px; box-sizing: border-box; list-style: none; }

/* blk txt img */
.blk-txt-img { display: block; padding: 0 0 30px 0; box-sizing: border-box; }
.blk-txt-img .blk-img { float: left; width: 25%; margin: 0 20px 10px 0; padding: 0; }

.blk-txt-img ul, .blk-txt-img ol { margin: 10px 0 10px 10px; }
.blk-txt-img ul li, .blk-txt-img ol li { position: relative; padding-left: 16px; font-size: 15px; font-weight: 400; line-height: 23px; list-style: none; color: #757575; }
.blk-txt-img ul li:before, .blk-txt-img ol li:before { position: absolute; left: 0; top: 0; content: "\f111"; font-family: "FontAwesome"; font-size: 4px; line-height: 24px; color: #8e6542; }

.blk-txt-img ul.no-marker li, .blk-txt-img ol.no-marker li { padding-left: 0 !important; background: none !important; }
.blk-txt-img ul.no-marker li i, .blk-txt-img ol.no-marker li i { width: 15px; margin-right: 10px; text-align: center; color: #3c9f9c; }

/* blk slideshow */
.blk-slideshow-container { width: 100%; height: 100%; padding: 0 0 30px 0; box-sizing: border-box; }
.blk-slideshow { width: 100%; height: 100%; }
.blk-slideshow .item { width: 100%; box-sizing: border-box; }
.blk-slideshow .item img { width: 100%; height: auto; }

.blk-slideshow .owl-controls { position: absolute; top: 50%; width: 100%; margin-top: -15px; height: 0; }
.blk-slideshow .owl-controls .owl-prev, .blk-slideshow .owl-controls .owl-next { display: block; width: 50px; height: 50px; font-size: 40px; text-align: center; line-height: 50px; color: #8e6542; }
.blk-slideshow .owl-controls .owl-prev { float: left; text-align: right; }
.blk-slideshow .owl-controls .owl-next { float: right; text-align: left; }
.blk-slideshow .owl-controls .owl-prev:hover, .blk-slideshow .owl-controls .owl-next:hover { color: #000; }

/* blk video */
.blk-video { display: block; width: 100%; padding: 0 0 30px 0; box-sizing: border-box; }
.blk-video .video { position: relative; display: block; width: 100%; padding-top: 56.25%; } /* 56.25% - 75% */
.blk-video .video iframe { position: absolute; left: 0; top: 0; display: block; width: 100% !important; height: 100% !important; border: 0 !important; }

/* blk map */
.blk-map { width: 100%; padding: 0 0 20px 0; box-sizing: border-box; }
.blk-map iframe { width: 100% !important; height: 400px !important; border: 0 !important; }

/* custom map */
.custom-map { width: 100%; height: 500px; border: 0; }

#iwCloseBtn { color: #c00; opacity: 1; }

.infowindow { width: 180px; min-height: 90px; font-family: 'Open Sans', sans-serif; font-weight: 400; overflow: hidden; }
.infowindow h4 { font-size: 24px; font-weight: 600; line-height: 26px; }
.infowindow p { padding: 10px 0; font-size: 14px; font-weight: 400; line-height: 20px; }

/* btn */
a.btn:link, a.btn:visited { position: relative; display: inline-block; min-height: 34px; margin-bottom: 15px; padding: 8px 20px; box-sizing: border-box; font-size: 12px; font-weight: 700; line-height: 18px; text-transform: uppercase; color: #fff; background-color: #8e6542; border-radius: 3px; }
a.btn:hover { color: #fff !important; background-color: #000; }

a.btn-big:link, a.btn-big:visited { display: inline-block; max-width: 100%; padding: 10px 20px; box-sizing: border-box; font-size: 16px; font-weight: 900; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff !important; background-color: #8e6542; border-radius: 6px; }
a.btn-big:hover { background-color: #462917; }

.icon-arrow { position: relative; display: block; width: 100%; height: 35px; }
.icon-arrow-down { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: arrowDown 1s linear infinite; -moz-animation: arrowDown 1s linear infinite; animation: arrowDown 1s linear infinite; opacity: 1; z-index: 10; }
.icon-arrow-down i { font-size: 20px; }
@-webkit-keyframes arrowDown {
    0% { top: 0; }
	50% { top: 20px; }
    100% { top: 0; }
}
@-moz-keyframes arrowDown {
    0% { top: 0; }
	50% { top: 20px; }
    100% { top: 0; }
}
@keyframes arrowDown { 
    0% { top: 0; }
	50% { top: 20px; }
    100% { top: 0; }
}


/* share */
.tit-share { margin: 0; }
.tit-share h3 { margin: 0 0 15px 0; }
.share { float: right; margin-bottom: 30px; padding: 0 0 20px 20px; list-style: none; }
.share li { float: left; margin: 0 0 4px 4px; list-style: none; }
.share li:before { display: none; }
.share li a:link, .share li a:visited { display: block; width: 32px; height: 32px; box-sizing: border-box; text-decoration: none; text-align: center; background-color: #8e6542; border-radius: 3px; }
.share li a:hover { background-color: #000; }
.share li a:link i, .share li a:visited i { display: block; width: 32px; height: 32px; font-size: 12px; line-height: 33px; text-align: center; color: #fff; }

.blk-txt .share { float: none; display: block; padding: 0; }
.blk-txt .share li { margin: 0 4px 4px 0; padding-left: 0; }


/* HP BOX PRODOTTI */
.box-product { display: block; width: 100%; margin-bottom: 30px; box-sizing: border-box; /*border: #ddd 1px solid;*/ border-radius: 3px; overflow: hidden; }
.box-product .blk-img { padding: 0; }
.box-product .blk-txt { margin: 0; padding: 20px 10px 10px 10px; box-sizing: border-box; background-color: rgba(70,41,23,.05); }
.box-product .blk-txt p { margin-bottom: 20px; }

.grey-bg .box-product { border: 0 !important; }
.grey-bg .box-product .blk-txt { background-color: #fff !important; }


/* CAROUSEL CLIENTS */
.carousel-clients { position: relative; display: block; margin-bottom: 70px; padding-right: 30px; box-sizing: border-box; }
.carousel-clients .item { padding: 10px; box-sizing: border-box; }
.carousel-clients .item a img { width: 100%; height: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); }
.carousel-clients .item a:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); }

.carousel-clients .owl-pagination { position: absolute; right: 0; top: 50%; width: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.carousel-clients .owl-controls { float: right; top: 0; }
.carousel-clients .owl-controls .owl-page { display: block; zoom: 1; }
.carousel-clients .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px; padding: 0; box-sizing: border-box; background-color: #a7a7a7; border-radius: 50%; opacity: 1; }
.carousel-clients .owl-controls .owl-page.active span, .carousel-clients .owl-controls.clickable .owl-page:hover span { background-color: #009fd6; }

.carousel-clients .item .blk-txt { width: 100% !important; padding: 0 !important; }


/* HP PROFILE */
.sharp-profile { position: relative; margin: 0; padding: 0; background-color: #009fd6; }
.sharp-profile, .profile-img, .profile-txt { min-height: 480px; }

.profile-img { margin: 0; padding: 0; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; }
.profile-txt { margin: 0; padding: 0; padding: 60px 60px 0 60px; box-sizing: border-box; color: #fff !important; }
.profile-txt .blk-txt { margin-bottom: 0; }
.profile-txt .blk-txt h3 { font-weight: 900; color: #fff; }
.profile-txt .blk-txt p { margin: 0; padding: 0; color: #fff; }

.profile-txt a.btn:link, .profile-txt a.btn:visited { float: right; display: block; width: 150px; margin: 20px 0; text-align: center; color: #009fd6; background-color: #fff; }
.profile-txt a.btn:hover {  }


/* DISTRIBUTOR */
.distributor { position: relative; display: block; width: 100%; }
.distributor .blk-txt { position: absolute; left: 0; top: 0; display: block; width: 100%; z-index: 15; }
.distributor img { position: relative; display: block; width: 100%; height: auto; z-index: 10; }
.circle-container { position: absolute; left: 50%; top: 50%; display: block; width: 35%; height: 35%; z-index: 5; }
.circle { position: relative; height: 100%; width: 100%; border-radius: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.circle:before, .circle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display:block; content:''; border-radius: 50%; border: #f90 3px solid; }
.circle:before { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; opacity: 0; }
.circle:after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; opacity: 0; }
@-webkit-keyframes ripple {
  0% { -webkit-transform: scale(1); opacity: 0; }
  75% { -webkit-transform: scale(1.75); opacity: .3; }
  100% { -webkit-transform: scale(2); opacity: 0; }
}
@-moz-keyframes ripple {
  0% { -moz-transform: scale(1); opacity: 0; }
  75% { -moz-transform: scale(1.75); opacity: .3; }
  100% { -moz-transform: scale(2); opacity: 0; }
}
@keyframes ripple {
  0% { transform: scale(1); opacity: 0;}
  75% { transform: scale(1.75); opacity: .3; }
  100% { transform: scale(2); opacity: 0; }
}

.connector { display: inline-block; width: 70px; height: 70px; font-size: 70px; text-align: center; line-height: 70px; color: #f90; opacity: .5; }
.connector i {
	-webkit-animation: rotating 4s linear infinite;
  	-moz-animation: rotating 4s linear infinite;
  	-ms-animation: rotating 4s linear infinite;
  	-o-animation: rotating 4s linear infinite;
  	animation: rotating 4s linear infinite;
}
@-webkit-keyframes rotating {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotating {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@keyframes rotating {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.numbers-bg { display: block; width: 100%; padding: 30px 0; background: url('../img/numbers-bg.jpg') 50% 50% no-repeat; background-size: 100% 100%; } 


/* GEO MAP */
.geo-map { position: relative; display: block; width: 100%; margin-bottom: 30px; }
.geo-map img { display: block; width: 100%; height: auto; z-index: 1; }

.marker-geo-map { position: absolute; width: 60px; height: 80px; margin: -40px 0 0 -30px; background: url('../img/marker-geo-map.png') 0 0 no-repeat; }
.marker1 { left: 25%; top: 40%; z-index: 5; }
.marker2 { left: 50%; top: 20%; z-index: 10; }
.marker3 { left: 75%; top: 30%; z-index: 15; }


/* DASHBOARD */
.dashboard-container { display: block; padding-bottom: 40px; overflow: hidden; }
.dashboard { position: relative; }
.dashboard img { display: block; width: 100%; height: auto; z-index: 1; }
.dashboard-arrow { position: absolute; left: 50%; top: 100%; display: block; width: 100%; height: 200%; margin: -50% 0 0 -50%; background: url('../img/dashboard-arrow.png') 0 0 no-repeat; background-size: 100% 100%; z-index: 5; }
.dashboard-arrow {
	-webkit-animation: crazy 3s linear;
  	-moz-animation: crazy 3s linear;
  	animation: crazy 3s linear;
	
	-webkit-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	animation-iteration-count: 2;
}
@-webkit-keyframes crazy {
  0% { -webkit-transform: rotate(0deg); }
  10% { -webkit-transform: rotate(90deg); }
  40% { -webkit-transform: rotate(20deg); }
  50% { -webkit-transform: rotate(50deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes crazy {
  0% { -moz-transform: rotate(0deg); }
  10% { -moz-transform: rotate(90deg); }
  40% { -moz-transform: rotate(20deg); }
  50% { -moz-transform: rotate(50deg); }
  100% { -moz-transform: rotate(0deg); }
}
@keyframes crazy {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(90deg); }
  40% { transform: rotate(20deg); }
  50% { transform: rotate(50deg); }
  100% { transform: rotate(0deg); }
}


/* MAINTENANCE */
.maintenance-container { display: block; overflow: hidden; }
.maintenance { position: relative; overflow: hidden; }
.maintenance .key { position: relative; display: block; width: 100%; height: auto; z-index: 10; }
.maintenance .wheel { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; margin: -50% 0 0 -50%; z-index: 5; }
.maintenance .wheel {
	-webkit-animation: rotating 8s linear infinite;
  	-moz-animation: rotating 8s linear infinite;
  	animation: rotating 8s linear infinite;
}


/* REORDER */
.reorder-container { position: relative; display: block; overflow: hidden; }

.reorder-container {
	background: url('../img/reorder-pakage-bg.png');
	background-size: auto 100%;
  	-webkit-animation:60s scroll-bg infinite linear;
  	-moz-animation:60s scroll-bg infinite linear;
  	animation:60s scroll-bg infinite linear;
}
@-webkit-keyframes scroll-bg {
  100% { background-position: 3000px 0; }
}

@-moz-keyframes scroll-bg {
  100% { background-position: 3000px 0; }
}

@-o-keyframes scroll-bg {
  100% { background-position: 3000px 0; }
}

@-ms-keyframes scroll-bg {
  100% { background-position: 3000px 0; }
}

@keyframes scroll-bg {
  100% { background-position: 3000px 0; }
}
.reorder { position: relative; width: 100%; height: auto; z-index: 10; }


/* TELEMETRY */
.telemetry { position: relative; display: block; overflow: hidden; }
.telemetry img { display: block; width: 100%; height: auto; z-index: 1; }
.telemetry {
	background: url('../img/telemetry-bg.jpg');
	background-size: auto 100%;
  	-webkit-animation:4s telemetry linear;
  	-moz-animation:4s telemetry linear;
  	animation:4s telemetry linear;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes telemetry {
  100% { background-position: 2000px 0; }
}

@-moz-keyframes telemetry {
  100% { background-position: 2000px 0; }
}

@-o-keyframes telemetry {
  100% { background-position: 2000px 0; }
}

@-ms-keyframes telemetry {
  100% { background-position: 2000px 0; }
}

@keyframes telemetry {
  100% { background-position: 2000px 0; }
}

/* IPER AMMORTAMENTO */
.iperammortamento { position: relative; display: block; width: 100%; overflow: hidden; background: url('../img/iperammortamento-bg.png') 0 0 repeat-y; }
.iperammortamento img { display: block; width: 100%; height: auto; }
.iperammortamento {
	background: url('../img/iperammortamento-bg.png');
	background-size: 100% auto;
  	-webkit-animation:60s money infinite linear;
  	-moz-animation:60s money infinite linear;
  	-o-animation:60s money infinite linear;
  	-ms-animation:60s money infinite linear;
  	animation:60s money infinite linear;
}
@-webkit-keyframes money {
  100% { background-position: 0 3000px; }
}

@-moz-keyframes money {
  100% { background-position: 0 3000px; }
}

@-o-keyframes money {
  100% { background-position: 0 3000px; }
}

@-ms-keyframes money {
  100% { background-position: 0 3000px; }
}

@keyframes money {
  100% { background-position: 0 3000px; }
}


/* SUNSCRIBE */
.subscribe { display: block; width: 100%; padding: 80px 0; color: #fff; background-color: #009fd6; }
.subscribe .blk-txt h3 { font-weight: 900; color: #fff; }
.subscribe input { width: 100%; height: 42px; padding: 0 10px; margin-bottom: 15px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 42px; color: #000; background-color: rgba(255,255,255,.9); border: 0 !important;  }
.subscribe .check-container { position: relative; display: block; }
.subscribe .checkbox { position: absolute; left: 0; top: 0; width: 42px; height: 42px; margin: 0 10px 50px 0; background: url('../img/check.png') no-repeat; cursor: pointer; }
.subscribe p.check-txt { display: block; margin: 0; padding: 12px 0 12px 52px; margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 18px; color: #fff; }
.subscribe p.check-txt a:link, .subscribe p.check-txt a:visited { font-size: 14px; font-weight: 600; text-decoration: none; color: #fff; }
.subscribe p.check-txt a:hover { color: #fff; }
.subscribe a.send:link, .subscribe a.send:visited { float: right; display: block; width: 220px; height: 42px; margin-bottom: 15px; font-size: 20px; font-weight: 900; line-height: 42px; text-transform: uppercase; text-align: center; color: #009fd6; background-color: #fff011; border-radius: 5px; }
.subscribe a.send:hover { background-color: #fff; }


/* BREADCRUMBS */
.breadcrumbs { position: relative; display: block; width: 100%; margin-bottom: 50px; padding: 20px 0 10px 0; font-size: 13px; line-height: 33px; border-bottom: #ddd 1px solid; }
.breadcrumbs a:link, .breadcrumbs a:visited { text-decoration: none; color: #8e6542; }
.breadcrumbs a:hover { color: #000; }
.breadcrumbs .fa-angle-right { display: inline-block; margin: 0 4px; }
a.home:link i, a.home:visited i { display: inline-block; width: 33px; height: 33px; text-align: center; line-height: 33px; color: #fff; background-color: #8e6542; border-radius: 3px; }
a.home:hover { text-decoration: none !important; }
a.home:hover i { text-decoration: none; background-color: #000; }


/* PAGINATION */
.pagination { display: block; width: 100%; padding: 0 0 30px 0; box-sizing: border-box; }
.pagination ul { float: right; margin: 0; }
.pagination ul li { float: left; width: 32px; height: 32px; margin-left: 6px; list-style: none; }
.pagination ul li:first-child { margin-left: 0 !important; }
.pagination ul li a:link, .pagination ul li a:visited { display: block; width: 32px; height: 32px; padding: 0; box-sizing: border-box; text-align: center; text-decoration: none; font-size: 12px; font-weight: 700; line-height: 32px; color: #fff; background-color: #8e6542; }
.pagination ul li a:hover { background-color: #000; }
.pagination ul li a i { font-size: 10px !important; line-height: 32px; }

.pagination ul li a.inactive { background-color: #8e6542 !important; opacity: .4; cursor: default !important; }

.pagination ul li.current { width: 66px; text-align: center; }
.pagination ul li.current input { float: left; width: 22px; height: 32px; margin: 0; padding: 0 5px; box-sizing: border-box; text-align: right; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 32px; color: #8e6542; background-color: #fff; border: #ddd 1px solid; }
.pagination ul li.current p { float: left; display: block; width: 44px; height: 32px; margin: 0; padding: 0 5px; font-size: 12px; font-weight: 400; text-align: left; line-height: 32px; color: #000; background-color: #ddd; }
.pagination ul li.current p:hover { cursor: default; }


/* FORM */
.form { width: 100%; margin-bottom: 30px; }
.form label { display: block; padding-bottom: 5px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #000; }
.form input { width: 100%; height: 36px; padding: 0 10px; margin-bottom: 15px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 36px; color: #000; border: #ddd 1px solid; }
.form textarea { width: 100%; height: 120px; padding: 7px 10px; margin-bottom: 15px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; color: #000; border: #ddd 1px solid; resize: none; }

.form .check-container { position: relative; display: block; }
.form .checkbox { position: absolute; left: 0; top: 0; width: 36px; height: 36px; margin: 0 10px 50px 0; background: url('../img/check.png') no-repeat; border: #ddd 1px solid; cursor: pointer; }
.form p.check-txt { display: block; margin: 0; padding: 9px 0 13px 52px; margin-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 18px; color: #000; }
.form p.check-txt a:link, .form p.check-txt a:visited { font-size: 14px; font-weight: 400; text-decoration: none; color: #8e6542; }
.form p.check-txt a:hover { color: #000; }

.form .radio { float: left; display: inline-block; width: 42px; height: 42px; margin: 0 10px 10px 0; background: url('../img/radio.jpg') no-repeat; border: #d8d8d8 1px solid; border-radius: 50%; }
.form .radio:hover { cursor: pointer !important; }
.form .radio-txt { float: left; display: inline-block; margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 42px; }

.form .input-file-container { position: relative; width: 100%; height: 42px; padding-right: 52px; box-sizing: border-box; }
.form .input-file { width: 100%; padding: 0 8px !important; box-sizing: border-box; }
.form .input-btn { position: absolute; right: 0; top: 0; width: 42px; height: 42px; margin: 0; padding: 0; background: #3399ff url('../img/input-file-bg.png') 50% 50% no-repeat; cursor: pointer !important; }
.form .input-btn:hover { background-color: #004a75; cursor: pointer !important; }

.form input, .form textarea, .form select { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.form input:focus, .form textarea:focus { border: #462917 1px solid; }

.form .captcha-img-container { position: relative; width: 100%; height: 36px; padding-right: 52px; text-align: right; box-sizing: border-box; }
.form .captcha-img-container img { width: auto; height: 36px; }
.form a.captcha-btn:link, .form a.captcha-btn:visited { position: absolute; right: 0; top: 0; display: block; width: 36px; height: 36px; text-decoration: none; text-align: center; background-color: #8e6542; border-radius: 3px; }
.form a.captcha-btn:hover { background-color: #000; }
.form a.captcha-btn i { line-height: 35px; color: #fff; }

.form a.btn-send:link, .form a.btn-send:visited { display: block; width: 160px; height: 38px; margin-bottom: 15px; font-size: 16px; font-weight: 700; line-height: 38px; text-transform: uppercase; text-align: center; color: #fff; background-color: #009fd6; border: transparent 2px solid; border-radius: 5px; }
.form a.btn-send:hover { color: #009fd6; background-color: #fff; border: #009fd6 2px solid; }

.form .input-data input { float: left; width: 50px; text-align: center; }
.form .input-data input.year { width: 100px !important; }
.form .input-data .slash { float: left; display: block; width: 15px; height: 36px; line-height: 36px; text-align: center; color: #999; }

.form .titolo-studio { position: relative; width: 100%; padding-right: 100px; }
.form .titolo-studio .voto { position: absolute; right: 0; top: 0; width: 90px; text-align: center; }

.form .input-file-container { position: relative; width: 100%; height: 42px; padding-right: 52px; box-sizing: border-box; }
.form .input-file { width: 100%; padding: 0 8px !important; box-sizing: border-box; }
.form .input-btn { position: absolute; right: 0; top: 0; width: 36px; height: 36px; box-sizing: border-box; content: ''; text-align: center; line-height: 36px; background-color: #8e6542; cursor: pointer !important; }
.form .input-btn:before { position: absolute; left: 0; top: 0; width: 36px; height: 36px; text-align: center; line-height: 36px; content: "\f115"; font-family: "FontAwesome"; font-size: 14px; color: #fff; cursor: pointer; }
.form .input-btn:hover { background-color: #000; cursor: pointer !important; }

/* select box */
.form .sbHolder { position: relative; width: 100%; height: 36px; margin-bottom: 15px; border: #ddd 1px solid; box-sizing: border-box; }
.form .sbSelector { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 36px; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 36px; text-indent: 10px; color: #333; outline: none; overflow: hidden; }
.form .sbSelector:link, .form .sbSelector:visited, .form .sbSelector:hover { color: #333; outline: none; text-decoration: none; }
.form .sbToggle { position: absolute; right: -1px; top: -1px; display: block; width: 36px; height: 36px; background: #8e6542; outline: none; }
.form .sbToggle:before { position: absolute; left: 0; top: 0; width: 36px; height: 36px; content:'\f107'; font-family: 'FontAwesome'; line-height: 36px; text-align: center; color: #fff; }
.form .sbHolder:hover .sbToggle { background-color: #000; }
.form .sbToggleOpen { background-color: #000; }
.form .sbToggleOpen:hover { background-color: #000; }
.form .sbHolderDisabled { opacity: 0.5; filter: Alpha(opacity=50); }

.form .sbOptions { position: absolute; left: -1px; top: 37px; right: -2px; margin: auto; padding: 7px 0; box-sizing: border-box; background-color: #fff; border: #ddd 1px solid; z-index: 1; overflow-y: auto; }
.form .sbOptions li { display: block; height: 36px; padding: 0 7px; }
.form .sbOptions a { display: block; height: 36px; padding: 0 7px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 36px; border-bottom: #ddd 1px solid; }
.form .sbOptions a:link, .form .sbOptions a:visited { color: #8e6542; text-decoration: none; }
.form .sbOptions a:hover { background-color: #f3f3f3; border-bottom-color: #f3f3f3; }
.form .sbOptions li:last-child a { border-bottom: 0 !important; }


/* LIST IMAGES */
.list-img { display: block; text-align: center; margin: -10px -10px 0 -10px; }
.list-img li { display: inline-block; width: 25%; margin-left: -4px; padding: 0 10px; box-sizing: border-box; }


/* ADVANTAGES */
.advantages .benefit, .advantages .make { display: block; height: 340px; padding: 30px; box-sizing: border-box; text-align: center; }
.advantages .benefit:hover { background-color: #f7f7f7; }

.border-right { min-height: 230px; border-right: #ddd 1px solid; }
.border-bottom { border-bottom: #ddd 1px solid; }


/* TABLE */
.table { width: 100%; border: #ddd 1px solid; }
.table thead td { background-color: #f4f4f4; }
.table td { padding: 10px; word-wrap: break-word; word-break: break-all; }
.table td p { margin-bottom: 0 !important; }


/* FOOTER */
.footer { position: relative; display: block; width: 100%; padding: 60px 0; color: #fff; /*background-color: #462917;*/ }
.footer {
	background: #462917;
	background: -moz-linear-gradient(top,  #462917 0%, #633a21 100%);
	background: -webkit-linear-gradient(top,  #462917 0%,#633a21 100%);
	background: linear-gradient(to bottom,  #462917 0%,#633a21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#462917', endColorstr='#633a21',GradientType=0 );
}

.footer:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; background: transparent url('../img/footer-bg.png') right bottom no-repeat; background-size: 100% auto; z-index: 1; }

.footer .container { position: relative; padding-bottom: 0 !important; z-index: 2; }

.footer .title-cta { position: absolute; left: 15px; top: -80px; height: 50px; padding: 0 20px; font-family: 'Playfair Display', serif; font-weight: 400; font-size: 20px; line-height: 50px; color: #fff; background-color: #8e6542; z-index: 99; }
.footer .title-cta:before { position: absolute; left: -10px; top: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 10px; border-color: transparent transparent #005580 transparent; }

.footer h4 { color: #fff; }
.footer h5 { color: rgba(255,255,255,.5); }
.footer p { font-size: 13px; font-weight: 400; line-height: 23px; color: rgba(255,255,255,.5); }
.footer p strong { font-weight: 700; }
.footer a:link, .footer a:visited { color: #fff; }
.footer a:hover { color: #8e6542 !important; }

.footer .fmenu { display: block; width: 100%; margin: 0; list-style: none; }
.footer .fmenu li { position: relative; display: block; min-height: 23px; padding: 0 0 0 14px; line-height: 23px; }
.footer .fmenu li:before { position: absolute; left: 0; top: 0; content: "\f111"; font-family: "FontAwesome"; font-size: 4px; line-height: 24px; color: #8e6542; }
.footer .fmenu li a:link, .footer .fmenu li a:visited { display: inline-block; min-height: 23px; font-size: 13px; font-weight: 700; line-height: 23px; color: rgba(255,255,255,.5); }
.footer .fmenu li a:hover { color: #fff !important; }

.footer .info { display: block; width: 100%; margin: 0; list-style: none; }
.footer .info li { position: relative; display: block; min-height: 25px; padding: 0 0 0 22px; font-size: 13px; font-weight: 400; line-height: 23px; color: rgba(255,255,255,.5); }
.footer .info li:before { display: none; }
.footer .info li i { position: absolute; left: 0; top: 0; line-height: 24px; }
.footer .info li a:link, .footer .info li a:visited { display: inline-block; min-height: 23px; font-size: 13px; font-weight: 700; line-height: 23px; color: rgba(255,255,255,.5); }
.footer .info li a:hover { color: #fff !important; }

.footer .social { display: block; margin: 0; list-style: none; }
.footer .social li { display: inline-block; margin: 0 3px 3px 0 !important; padding: 0 !important; list-style: none; }
.footer .social li:before { display: none; }
.footer .social li a:link, .footer .social li a:visited { display: block; width: 30px; height: 30px; text-align: center; font-size: 13px; line-height: 31px; color: #0e0e0e; background-color: #8e6542; border-radius: 50%; overflow: hidden; }
.footer .social li a:link i, .footer .social li a:visited i { color: #462917; }
.footer .social li a:hover { background-color: #fff; }

.copyright { display: block; padding: 20px 0 40px 0; font-size: 10px; color: #777; background-color: #000; }
.copyright span { float: right; display: inline-block; height: 11px; line-height: 11px; }
.copyright .ekra { float: right; position: relative; display: inline-block; width: 50px; height: 11px; margin-left: 7px; background: url('../img/ekra-bg.png') 0 0 no-repeat; }
.copyright .ekra:before, .copyright .ekra:after { position: absolute; left: 0; top: 0; display: block; width: 50px; height: 11px; content: ''; }
.copyright .ekra:before { background: url(../img/ekra-link.png) 0 0 no-repeat; }
.copyright .ekra:after { background: url(../img/ekra-hover.png) 0 0 no-repeat; opacity: 0; }

.copyright .ekra:hover:before { opacity: 0; }
.copyright .ekra:hover:after { opacity: 1; }


/* COOKIES WINDOW */
#cookiesAlert { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; padding: 30px 0; background-color: rgba(0,0,0,.85); color: #fff; border-top: 1px solid #555; z-index: 9999999; }
.notice { float: left; padding-right: 5%; width: 70%; box-sizing: border-box; font-size: 13px; font-weight: 400; line-height: 20px; }
.fltrt { float: left; width: 25%; }
#cookiesAlert a:link, #cookiesAlert a:visited { font-weight: 600; color: #8e6542; }
#cookiesAlert a:hover { color: #fff; }
a.accettaCookie:link, .blk-txt a.accettaCookie:visited { position: relative; display: inline-block; height: 40px; padding: 0 40px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 40px; white-space: nowrap; color: #fff !important; background-color: #8e6542; border-radius: 3px; }
a.accettaCookie:hover { color: #8e6542 !important; background-color: #fff; }


/* CTA - img cover */
.full-cta { position: relative; display: block; width: 100%; padding: 80px 0; /*background-color: #8e6542;*/ background-color: #f90; overflow: hidden; }
.full-cta img { position: absolute; left: 50%; top: 50%; display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .2; z-index: 1; }
.full-cta .container { position: relative; display: block; padding-bottom: 0; text-align: center; z-index: 2; }
.full-cta .blk-txt { margin-bottom: 0 !important; text-align: center; }
.full-cta .blk-txt h2 { margin-bottom: 50px; font-size: 35px; line-height: 45px; text-align: center; color: #fff !important; }
/*.full-cta .blk-txt h2:before { display: none; }*/

.full-cta a.btn-cta:link, .full-cta a.btn-cta:visited { display: inline-block; padding: 15px 35px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #462917; background-color: #fff; border-radius: 3px; z-index: 3; }
.full-cta a.btn-cta:hover { color: #fff; background-color: #000; }
.full-cta a.btn-cta i { margin-right: 5px; }


/* 404 */
.dg.ac { display: none !important; }
.canvas { position: fixed; top: 0; left: 0; z-index: -1; }
.page404 { padding: 150px 0 130px 0; }
.page404 h1 { font-size: 80px !important; line-height: 85px !important; color: #fff !important; }
.page404 p { color: #fff !important; }


/* FX */
.header, .menu ul, a, a.btn-caption, .owl-prev i, .owl-next i, .box-categoria span,
.box-categoria ul, .box-categoria .box-caption, .carousel-clients .item a img, .blk-img a span,
.ambito .filter, .ambito:hover .bg, .box-service .icon, .box-service .icon:before, .box-service:before, a.home:hover, a.home:hover i,
.cta-parallax input, .benefit, .copyright .ekra:before, .copyright .ekra:after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

a.keepintouch:link, a.keepintouch:visited { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }


/* RESPONSIVE */
@media (max-width: 479px) {
	.header .top p { font-size: 9px; }
	.header .top p i { margin-right: 2px; }
	
	.hp-slideshow .owl-controls { display: none !important; }
	.hp-slideshow .item { height: 250px; }
	.hp-slideshow .item .caption { padding: 0 10px }
	.hp-slideshow .item .caption h4 { display: block; margin: 0 0 10px 0; padding: 0; font-size: 20px; line-height: 27px; }
	.hp-slideshow .item .caption p { font-size: 14px; line-height: 16px; }
	
	.canvas { display: none; }
	.page404 { padding: 20px 0 0 0; }
	.page404 h1 { font-size: 20px !important; line-height: 25px !important; color: #000 !important; }
	.page404 p { font-size: 12px; font-weight: 700; line-height: 18px; color: #000 !important; }
	
	.footer .fmenu li a:link, .footer .fmenu li a:visited {font-size: 11px; line-height: 21px; }
	
	.notice { float: none; margin-right: 0; width: 100%; padding: 0 40px 40px 40px; box-sizing: border-box; text-align: center; }
	.fltrt { float: none; width: 100%; }
	#cookiesAlert a:link, #cookiesAlert a:visited { width: 100%; box-sizing: border-box; text-align: center; }
	
	.connector { margin: 20px auto 30px auto; }
	
	.numbers-bg { background: none; }
}
@media (min-width: 480px) and (max-width: 767px) {
	.hp-slideshow .owl-controls { display: none !important; }
	.hp-slideshow .item { height: 250px; }
	.hp-slideshow .item .caption { padding: 0 50px; }
	.hp-slideshow .item .caption h4 { display: block; margin: 0 0 10px 0; padding: 0; font-size: 30px; line-height: 35px; }
	.hp-slideshow .item .caption p { font-size: 14px; line-height: 16px; }
	
	.footer .copyright { text-align: center; }
	.footer .copyright .ekra { float: none; margin: 20px auto 0 auto; }
	
	.canvas { display: none; }
	.page404 { padding: 20px 0 0 0; }
	.page404 h1 { font-size: 20px !important; line-height: 25px !important; color: #000 !important; }
	.page404 p { font-size: 12px; font-weight: 700; line-height: 18px; color: #000 !important; }
	
	.notice { float: none; margin-right: 0; width: 100%; padding: 0 40px 40px 40px; box-sizing: border-box; text-align: center; }
	.fltrt { float: none; width: 100%; text-align: center; }
	#cookiesAlert a:link, #cookiesAlert a:visited { box-sizing: border-box; text-align: center; }
	
	.connector { margin: 20px auto 30px auto; }
	
	.numbers-bg { background: none; }
	
	.border-right { border-right: 0; }
	.border-bottom { border-bottom: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.blk-txt ul li, .blk-txt ol li { text-align: left; }
	
	.page404 { padding: 20px 0 0 0; }
	.page404 h1 { font-size: 20px !important; line-height: 25px !important; color: #000 !important; }
	.page404 p { font-size: 12px; font-weight: 700; line-height: 18px; color: #000 !important; }
	
	.footer .fmenu { text-align: center; }
	
	.cta-parallax { background-position: 50% 0; -webkit-background-size: cover; background-size: cover; }
	.result-container { height: 330px; }
	
	.border-right { border-right: 0; }
	.border-bottom { border-bottom: 0; }
	.advantages .benefit { border-bottom: #ddd 1px solid; }
	
	.connector { margin-top: 110px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.connector { margin-top: 160px; }
}
@media (min-width: 1200px) {
	.connector { margin-top: 200px; }
}


@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
  
}