/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/*
*{ border: 0; margin: 0; padding: 0}
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display : block; }
audio, canvas, video { display : inline; display : inline-block; zoom : 1; }
audio:not([controls]) { display : none; }
[hidden] { display : none; }
body, button, input, select, textarea { font-family : sans-serif !important; }
abbr[title] { border-bottom : 1px dotted; }
b, strong { font-weight : bold; }
dfn { font-style : italic; }
ins { background : #ff9; color : #000; text-decoration : none; }
mark { background : #ff0; color : #000; font-style : italic; font-weight : bold; }
q { quotes : none; }
q:before, q:after { content : ""; content : none; }
small { font-size : 85%; }
sub, sup { font-size : 65%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -0.5em; }
sub { bottom : -0.25em; }
dd { margin : 0 0 0 40px; }
nav ul, nav ol { list-style : none; margin : 0; padding : 0; }
button, input, select, textarea { font-size : 100%; vertical-align : baseline; vertical-align : middle; }
button, input { line-height : normal; overflow : visible; }
button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] {-webkit-appearance : button; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] {-moz-box-sizing : content-box; -webkit-appearance : textfield; -webkit-box-sizing : content-box; box-sizing : content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance : none; }
button::-moz-focus-inner, input::-moz-focus-inner { border : 0; }
textarea { overflow : auto; resize : vertical; vertical-align : top; }
table { border-collapse : collapse; border-spacing : 0; }
td { vertical-align : top; }

/* primary styles */
html{font-size: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; overflow-y: visible}
img{vertical-align: middle; max-width: 100%}
::-moz-selection { background: #004b93; color: #fff; text-shadow: none; }
::selection { background: #004b93; color: #fff; text-shadow: none; }
/* Colors for form validity */
input:valid, textarea:valid {background: #fff}
input:invalid, textarea:invalid {border: 1px solid #f00}

body{font-size: 13px; line-height: 1.231; color: #666 !important; }
/* body.ui-mobile-viewport, div.ui-mobile-viewport{overflow: hidden} */
/*.ui-body-c, .ui-dialog.ui-overlay-c,*/ .ui-mobile-viewport {background: url('/PublishingImages/bkg_summer_2012.jpg') no-repeat center top #E9EAEE}
h1, h2, h3, h4, h5, h6{color: #004b93; text-transform: uppercase; font-family: 'GillSansMTPro-Bold', sans-serif}
h1{font-size: 1.2307em; text-align: center; padding: 15px 0}/* 16/13 */
.box h1{padding-top: 0}
.hp_wrapper h1, to_read h1, .range h1, .gallery h1{color: #fff}
h2{font-size: 1em}
a{color: #004b93; text-decoration: none}
a:visited {color: #004b93; text-decoration: underline; opacity: 0.9}
a:focus {outline: thin dotted}
a:hover, a:active {outline: 0}
figure{text-align: center}
figcaption{text-align: center}
.disabled{opacity: 0}

#addthis, #fb-root{display: none}

.layout, .main{width: 100%}
.layout.ui-page-active{overflow: hidden}
.wrapper{position: relative;
	-webkit-transition: right 0.5s ease-in-out;
	transition: right 0.5s ease-in-out;
}
.wrapper.on{right: 80%; height: 620px}
.page.ui-content{padding: 0}
.page{width: 87.5%; margin: 0 auto 20px}/* width: 320/280 -- padding:10/280 */
.content_wrapper{background: #fff; padding: 1px 0 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0.9px 5px 0 rgba(0, 0, 0, 0.55);
	box-shadow: 0 0.9px 5px 0 rgba(0, 0, 0, 0.55);
}
.content_wrapper.hp_wrapper, 
	.content_wrapper.range, 
	.content_wrapper.to_read, 
	.content_wrapper.gallery, 
	.content_wrapper.media_page{
		background: transparent; overflow: hidden; padding: 0; margin: 0 auto;
		-webkit-box-shadow: none;
		box-shadow: none
}
.content_wrapper.landing{margin-top: 10px; padding-top: 1px}
.content_wrapper section.box div { max-width: 500px; margin:auto; display:block !important; }

header.main.ui-bar-a{background: 0 none; border: 0 none}
header.main nav.top{width: 87.5%; margin: 15px auto 20px}
header.main nav.top ul{position: relative}
header.main nav.top a{display: block; width: 100%; height: 100%}
header.main nav.top .back, header.main nav.top .menu{position: absolute; width: 35px; height: 35px; top: 0; background-image: url('Images/img/btn_menu_top.png'); background-repeat: no-repeat; background-position: left top; }
header.main nav.top .back{left: 0}
header.main nav.top .menu{right: 0; background-image: url('Images/img/btn_menu_top.png'); background-repeat: no-repeat; background-position: left -40px; }
header.main nav.top .menu.close{background-position: left bottom}
header.main nav.top .logo{width: 49.0625%; margin: 0 auto; text-align: center}/* 157/320 */

.main_menu{width: 81.25%; min-height: 538px; margin: 0 0 0 7.8125%; background: #0058a4; position: absolute; top: 0; right: -81.25%;
	-webkit-transition: right 0.5s ease-in-out;
	transition: right 0.5s ease-in-out;
}
.main_menu.on{right: 0}
.main_menu .ui-input-search{display: none; width: 80.769%; margin: 5px auto}
.main_menu .ui-icon-searchfield::after{left: auto; right: 10px}
.main_menu input[type="search"]{display: none; color: #9b9a9a; font-size: 1.230em;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.main_menu nav li{padding: 0 0 0 9.615%; min-height: 43px}
.main_menu a.ui-link{color: #fff; font: normal 1em/43px 'GillSansMTPro-Light', sans-serif; display: block}
.ui-body-c .main_menu .ui-link:visited{color: #00589F}
.main_menu nav > ul > li{text-transform: uppercase; text-shadow: 0 1px 0 #666; background: #0058a4; border-bottom: thin solid #00396b; border-top: thin solid #748daa}
.main_menu nav > ul > li:first-child{border-top: 0 none}
.main_menu nav > ul > li:last-child{border-bottom: 0 none}
.main_menu nav > ul > li ul li{text-transform: none; background: #244a79; margin: 0 0 0 -10.615%}
.main_menu nav ul li.on{background: #fed909;
	-webkit-box-shadow: inset 0 0 10px rgba(82, 82, 82, 0.62);
	box-shadow: inset 0 0 10px rgba(82, 82, 82, 0.62);
}
.main_menu nav ul li.on a{color: #00589f; text-shadow: 0 1px 0 #fff}
.main_menu nav > ul > li ul li a{border-bottom: thin solid #3f6089; border-top: thin solid #20416b; padding-left: 13.615%/* ; margin: 0 13.615% 0 0 */}
.main_menu nav > ul > li ul li.on a{border: 0 none}
.main_menu nav > ul > li ul li:last-child a{border-bottom: 0 none}

.media{width: 97.5%; height: 150px; padding: 1.25%; margin: 20px auto; background: #fff; text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}
.customer .media{background: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.media a{display: block; width: 100%; height: 100%; font-size: 0; position: relative}
.media a:after{content: ""; position: absolute; top: 50%; left: 50%; margin: -23.5px 0 0 -23.5px; width: 47px; height: 47px; background: url('Images/img/bg_video.png') no-repeat left top; background-size: 100% 100%}
.media iframe{margin: 0 auto; width: 100%; height: 150px}

.models{margin-top: 20px}
.models h2{text-align: center; padding-bottom: 20px}
.models a{color: #666}
.models .btn{margin-top: 20px}
.list ul{list-style: none; margin: 20px 0 20px 3%}
.list ul li{padding-left: 6%; background: url('Images/img/bg_list.png') no-repeat left center}

/* === MOBILE AREA === */
.content_wrapper.mobile_area{padding: 0 2px}
.mobile_area h1{padding-bottom: 0}
.mobile_area h2{text-align: center; text-transform: none}
.discover{margin-bottom: 55px}
.discover img{max-width: 35px; max-height: 35px; vertical-align: top}
.discover h2{display: inline-block; vertical-align: top; width: 73.23%; margin-left: 12.384%; text-align: center} /* width: 180 / 260; margin: 40 / 260 */

/*
.wallpaper_page .carousel_wrapper{width: 98%}
.wallpaper_page .carousel, .wallpaper_page .carousel_wrapper li{width: 279px; height: 300px}
*/
.wallpaper_page .box{padding: 0}

.wallpaper h2{text-align: center; margin-top: 25px}
.wallpaper div{font-size: 0; padding: 10px 0} /* 20 / 280 */
.wallpaper a{display: inline-block; vertical-align: top; width: 49.508%; margin: 15px 0; font-size: 13px; color: #666} /* width: 112 / 244; margin: 20 / 280 */
.wallpaper a:nth-child(odd){margin-right: 1.1428%}
.wallpaper figcaption{height: 27px; line-height: 27px; padding-left: 5%; font-size: 0.846em; font-weight: bold; color: #004B93; background: url('Images/img/bg_menu_sec.png') no-repeat 95% center #e6e6e6;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px
}

.apps h2{margin-bottom: 15px}
.apps div{margin-top: 15px}
.apps img{vertical-align: top; max-width: 25.384%}
.box .apps p{display: inline-block; vertical-align: top; width: 70.769%; margin: 0}

/* === GENERIC === */
/* .addthis_button_compact{color: #666}
.addthis_toolbox.addthis_32x32_style span{display: inline-block; vertical-align: middle; padding-right: 12%} */
.addthis_button{display: block; padding-left: 30px; color: #666; background: url('Images/img/addthis.png') no-repeat 10px center}
.addthis_button:visited{color: #666}

.box, .details li{padding:20px 3.5714%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); 
	background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
} /* .details li per stilare html proveniente da sito desktop */

.box:last-of-type{
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.box:only-of-type{padding-top: 20px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.box p{margin: 20px 0}
.box:last-of-type p:last-child{padding: 0 0 20px 0}
.hq ul{list-style: none; margin: 0; padding: 0; line-height: 1.6}
.hq li:not(:only-child){margin: 5px 0}
.hq p{margin: 0}
.hq h3, .hq h4{color: #666; font-size: 1em}

.dtlist_img{text-align: center} /* per stilare html proveniente da sito desktop */

.carousel_wrapper{position: relative; width: 87.5%; margin: 0 auto; overflow: hidden}
.carousel_wrapper ul{padding: 0; margin: 0; list-style: none; position: absolute; left: 0; top: 0;
	-webkit-transition: left 0.6s ease-in-out;
	transition: left 0.6s ease-in-out
}
.carousel_wrapper ul li{float: left; overflow: hidden}
.carousel, .carousel_wrapper li{width: 232px; height: 212px}
.carousel_wrapper a[class*="btn_"]{position: absolute; z-index: 20; top: 50%; margin-top: -12.5px; width: 18px; height: 25px; text-indent: -9999em;
	background: url('Images/img/btn_carousel.png') no-repeat left 4px rgba(255, 255, 255, 0.75);
	-webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 0.7s;
	transition: opacity 0.7s;
}
.carousel_wrapper .btn_prev{left: 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.carousel_wrapper a.btn_next{right: 0; background-position: right -34px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

/* === CONTACTS === */
.contacts{padding: 20px 3.5714%}
.contacts nav li{float: left; width: 33%; height: 42px; border-left: thin solid #a6a4a4; border-right: thin solid #a6a4a4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d6d6d6)); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%);
	background: -o-linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%); 
	background: -ms-linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%); 
	background: linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%); 
}
.contacts nav{width: 100%; overflow: hidden}
.contacts nav li a.ui-link{display: block; padding-top: 5px; color: #787878; text-align: center; text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
}
.contacts nav li:first-child, .contacts nav li:last-child{border: 0 none}
.contacts nav li:first-child{
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.contacts nav li:last-child{
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.contacts nav li.on{background: #d5d5d5;
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.7);
	box-shadow: inset 0 0 8px rgba(0,0,0,0.7);
}
.contacts nav li.on a, .contacts nav li a:visited{color: #545454}
.contacts .tab_content > section figure{margin-bottom: 30px}
.contacts .tab_content > section h2{margin-top: 30px}
.contacts .tab_content > section h2:first-of-type{margin-top: 0}
.tab_content{margin: 20px 0 0; clear: both; position: relative; min-height: 250px}
.tab_content > section{display: none}
.tab_content > section.on{display: block}
.tab_content p{margin: 20px 0}
.tab_content figure{margin: 20px 0 0}
.form_wrapper label{position: relative; width: 100%; margin: 0 0 15px 0; font-size: 1em}
.form_wrapper label[for="comments"]{margin: 0 0 10px 0}
.form_wrapper label[for="privacy"]{margin: 15px 0 0}
.form_wrapper input[required] + span{position: absolute; right: 0; top: 0; color: #f00}
.form_wrapper label[for="privacy"] span{vertical-align: middle; color: #666; position: static; font-size: 0.98em}
.form_wrapper label[for="privacy"] span.ui-btn-inner{padding: 0}
.form_wrapper label input{margin: 5px 0 0; height: 28px; width: 98%; padding: 0 1%}
.form_wrapper label, .form_wrapper label input{display: block}
.form_wrapper input[type="checkbox"]{display: block; position: static; width: auto; height: auto; margin-top: 5px}
input.ui-body-c, input.ui-dialog.ui-overlay-c{background: #fff}
.form_wrapper input, .form_wrapper textarea{border: thin solid #a6a3a3; font-size: 1em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 2px 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 2px 3px 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: border-color 0.8s ease-in-out;
	transition: border-color 0.8s ease-in-out
}
.form_wrapper textarea{background: #fff}
.form_wrapper textarea.ui-input-text{width: 98%; font-size: 1em; padding: 1%}
.form_wrapper input:focus, .form_wrapper textarea:focus{
	-webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
}
.form_wrapper select{border: 0 none; width: 100%; padding: 0 0 0 7.751%; margin: 0 0 20px 0; color: #666; text-overflow: ellipsis; white-space: nowrap;
	-webkit-appearance: button;
	-webkit-padding-end: 20px;
	-webkit-user-select: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url('Images/img/bg_select.png') no-repeat right top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#cccccc)); 
	background: url('Images/img/bg_select.png') no-repeat right top, -webkit-linear-gradient(top, #efefef 0%,#cccccc 100%); 
	background: url('Images/img/bg_select.png') no-repeat right top, -o-linear-gradient(top, #efefef 0%,#cccccc 100%); 
	background: url('Images/img/bg_select.png') no-repeat right top, -ms-linear-gradient(top, #efefef 0%,#cccccc 100%); 
	background: url('Images/img/bg_select.png') no-repeat right top, linear-gradient(top, #efefef 0%,#cccccc 100%);
}
.form_wrapper select[multiple]{min-height: 25px; height: auto}
.form_wrapper .ui-select .ui-btn{width: 100%; height: 27px; margin: 0 0 20px 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url('Images/img/bg_select.png') no-repeat right top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#cccccc)); 
	background: url('Images/img/bg_select.png') no-repeat right top, -webkit-linear-gradient(top, #efefef 0%,#cccccc 100%); 
	background: url('Images/img/bg_select.png') no-repeat right top, -o-linear-gradient(top, #efefef 0%,#cccccc 100%); 
	background: url('Images/img/bg_select.png') no-repeat right top, -ms-linear-gradient(top, #efefef 0%,#cccccc 100%); 
	background: url('Images/img/bg_select.png') no-repeat right top, linear-gradient(top, #efefef 0%,#cccccc 100%);
}
.form_wrapper input[type="submit"]{border:thin solid #bdbdbd;font:bold 0.846em 'GillSansMTPro-Bold', sans-serif;color:#666;text-transform:uppercase;text-align:center;width:100%;padding:10px 28.571%;margin:20px 0 0;
	text-shadow:1px 0 0 #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d6d6d6)); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%); 
	background: -o-linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%); 
	background: linear-gradient(top, #f3f3f3 0%,#d6d6d6 100%);
}
.form_wrapper .send{display: block; margin-top: 20px}
.form_wrapper .ui-checkbox{border: thin solid transparent;
	-webkit-transition: border-color 0.8s ease-in-out;
	transition: border-color 0.8s ease-in-out
}
.form_wrapper .error_msg{
	opacity: 0;
	-webkit-transition: opacity 0.8s ease-in-out;
	transition: opacity 0.8s ease-in-out
}
.form_wrapper .error_msg.on{opacity: 1}
.form_wrapper label[for="privacy"] .error_msg{color: #f00}
.form_wrapper input.error, .form_wrapper .ui-checkbox.error, .form_wrapper label.error{border-color: #f00}

.menu_sec, .reading_list{clear: both; background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px
}
.menu_sec li, .reading_list li, .market_list li{padding: 0 3.5714%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); 
	background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
}
.menu_sec li:last-child, .reading_list li:last-child, .market_list li:last-child{
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px
}
.menu_sec li:hover, .reading_list li:hover, .market_list li:hover{
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 15px rgba(0,0,0,0.4);
	background: 0 none;
}
.menu_sec a, .reading_list a, .market_list li a{display: block; height: 48px; font: bold 0.846em/48px 'GillSansMTPro-Bold', sans-serif; color: #004b93; text-transform: uppercase; background: url('Images/img/bg_menu_sec.png') no-repeat right center}
.menu_sec li.on a, .reading_list li.on a, .market_list li.on a{color: #b3b2b2}

.reading_list{margin-bottom: 20px; background: #fff;
	-webkit-border-radius: 5px;		  
	border-radius: 5px;		  
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75);
	box-shadow: 0 0 5px rgba(0,0,0,0.75);
}
.reading_list li:first-child{
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.reading_list a{line-height: 1; background: url('Images/img/bg_reading_list.png') no-repeat right center}
.reading_list h3{padding: 10px 0 5px}
.reading_list a p{color: #666; text-transform: none; font: normal 1em 'GillSansMTPro', sans-serif;}
.reading_list a p:first-letter{text-transform: uppercase}

/* === LANDING === */
.landing h1{padding: 10px 7.142% 0; margin-bottom: 7px}
.landing .type{font: 0.923em/1 'GillSansMTPro-Light', sans-serif; color: #6b6b6b; text-transform: uppercase; text-align: center; margin-bottom: 20px}
.landing .step2 h2.type{display: none}
.landing .step2 h2.type:first-of-type{display: block}
.landing p.type:not(.box){padding: 0 3.5714% 20px 3.5714%}
.landing p.type span, .landing p.type .market_choice{margin: 15px 0}
.landing p.type .market_name{display: block; color: #004b93; font-family: 'GillSansMTPro-Bold', sans-serif; font-weight: bold; margin-top: 10px}
.landing .step0 > a[class]{height: 70px; padding: 20px 0 0; display: block; text-align: center}
.landing .step0 > a[class]:first-of-type{padding-top: 0}
.landing ul{list-style: none}
.landing div[class*="step"]{display: none}
.landing div.step0{display: block}
.landing div.step1{margin-top: 30px}
.landing .breadcrumb li{display: none}
div.step2 {
/*	-webkit-perspective: 800;*/
	-webkit-perspective-origin: 50% 50%;
}
.market_list{position: relative; margin: 30px auto; /*height: 240px;*/ width: 260px;
	/*-webkit-transition: -webkit-transform 1.6s cubic-bezier(.39, .9, .64, .22);
	-webkit-transform-style: preserve-3d;*/
}
.market{/*position: absolute;	height: 240px;*/ width: 260px; background: #fff;
	/*-webkit-backface-visibility: hidden;*/
}
/*.market_list .one{-webkit-transform: translateZ(130px)}

.market_list .two{-webkit-transform: rotateX(90deg) translateZ(130px)}

.market_list .three{-webkit-transform: rotateY(90deg) translateZ(130px)}

.market_list .four{-webkit-transform: rotateY(180deg) translateZ(130px)}

.market_list .five{-webkit-transform: rotateY(-90deg) translateZ(130px)}

.market_list .six{-webkit-transform: rotateX(-90deg) translateZ(130px) rotate(180deg)}*/

/* .no-csstransforms3d */
.no-csstransforms3d .market_list .market{display: none; top: 0; left: 0}
.no-csstransforms3d .market_list .market:first-of-type{display: block}


/* === HP === */
.hp .back{display: none}
.content_wrapper.hp_wrapper{width: 100%; padding-bottom: 150%}
.hp_wrapper section[class]{overflow: hidden; position: absolute; top: 40px; width: 87.5%;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
/* .hp_wrapper section.hp02, .hp_wrapper section.hp03, .hp_wrapper section.hp04, .hp_wrapper section.off{left: 100%; margin-left: 0; opacity: 0} */
.hp_wrapper section.hp02, .hp_wrapper section.hp03, .hp_wrapper section.hp04, .hp_wrapper section.off{margin-left: 0; left: 100%; /* opacity: 0; */}
.hp_wrapper section.off.lt{left: -100%}
.hp_wrapper section.off.rt{left: 100%}
.hp_wrapper section.on{left: 50%; margin-left: -43.75%; width: 87.5%; /* opacity: 1 */}
.hp_wrapper > section > nav:first-of-type{min-height: 35px; margin: 10px 0; font-size: 0}
.hp_wrapper > section > nav:first-of-type a{width: 22px; height: 24px; background: url('Images/img/btn_hp.png') no-repeat left top; display: inline-block}
.hp_wrapper > section > nav:first-of-type a.next{background-position: left bottom}
.hp_wrapper > section:first-of-type > nav:first-of-type a.prev, .hp_wrapper > section:last-of-type > nav:first-of-type a.next{display: none}
.hp_wrapper h1{font: normal 21px 'GillSansMTPro-Light', sans-serif; text-shadow: 1px 2px 0 #000; text-transform: none; width: 82.142%; margin: 0 auto; display: inline-block; vertical-align: bottom}
.hp_wrapper > section > nav:first-of-type + div{overflow: hidden}
.hp_wrapper .box{padding: 20px 3.5714%;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.75), inset 0 0 35px rgba(0,0,0,0.50);
	box-shadow: 0 1px 3px rgba(0,0,0,0.75), inset 0 0 35px rgba(0,0,0,0.50);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,111,172,0.8)), color-stop(100%,rgba(8,52,108,0.8))); 
	background: -webkit-linear-gradient(top, rgba(13,111,172,0.8) 0%,rgba(8,52,108,0.8) 100%); 
	background: -o-linear-gradient(top, rgba(13,111,172,0.8) 0%,rgba(8,52,108,0.8) 100%); 
	background: -ms-linear-gradient(top, rgba(13,111,172,0.8) 0%,rgba(8,52,108,0.8) 100%); 
	background: linear-gradient(top, rgba(13,111,172,0.8) 0%,rgba(8,52,108,0.8) 100%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.hp_wrapper .box header{padding: 10px 3.434%; text-shadow: 1px 2px 0 #000}
.hp_wrapper .box footer{padding: 10px 3.434%; text-transform: uppercase; border-top: thin solid #19588b}
.hp_wrapper .box a, .hp_wrapper .box h2, .hp_wrapper .box h3, .hp_wrapper p, .to_read h1{color: #fff}
.hp_wrapper .box h2, .hp_wrapper .box h3{font: bold 1em 'GillSansMTPro-Bold', sans-serif}
.hp_wrapper .box.products h2{font: normal 1em 'GillSansMTPro-Light', sans-serif}
.hp_wrapper .box.products h3{font-size: 1.307em}
.hp_wrapper .box.products{width: 65.714%; padding: 0; float: left}/* 184/280 */
.hp_wrapper .box.products .content{text-align: center}
/* Edited by Reply
.hp_wrapper .box.products .content .carousel figure{border-bottom: thin solid #0b3365}
*/
.hp_wrapper .app{width: 30.714%; margin: 0 0 0 3.125%; float: right}/* 86/280 */

.hp_wrapper .app a{display: block; width: 100%; height: 100%; font: bold 0.692em 'GillSansMTPro-Bold', sans-serif; text-shadow: 0 1px 2px #000; text-transform: uppercase; text-decoration:none;}
.hp_wrapper .app a:hover{display: block; width: 100%; height: 100%; font: bold 0.692em 'GillSansMTPro-Bold', sans-serif; text-shadow: 0 1px 2px #000; text-transform: uppercase; text-decoration:none;}
.hp_wrapper .app a:visited{display: block; width: 100%; height: 100%; font: bold 0.692em 'GillSansMTPro-Bold', sans-serif; text-shadow: 0 1px 2px #000; text-transform: uppercase; text-decoration:none;}

.hp_wrapper .app .box{padding: 10px 11.904%; margin: 10px 0}
.hp_wrapper .app .box:first-of-type{margin-top: 0}
.hp_wrapper .app .box:last-of-type{margin-bottom: 0}
.hp_wrapper .app .box.call{
	background: -moz-linear-gradient(top, rgba(240,234,129,1) 0%, rgba(241,228,153,0.8) 50%, rgba(237,184,29,0.8) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,234,129,1)), color-stop(50%,rgba(241,228,153,0.8)), color-stop(100%,rgba(237,184,29,0.8))); 
	background: -webkit-linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%); 
	background: -o-linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%); 
	background: -ms-linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%); 
	background: linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%);
}
.hp_wrapper .app .box.call a{color: #1f5783; text-shadow: 0 1px 0 #fff}
.hp_wrapper .app .box.call a span{margin: 5px 0 0}

.hp_wrapper .app .box a span{display: block; text-align: left; color:#fff; text-decoration:none;}
.hp_wrapper .app .box:not(.call) a span:first-of-type{text-transform: none; font: normal 3.846em/1.15 'GillSansMTPro-Light', sans-serif; color:#fff;text-decoration:none;}

.hp_wrapper .box.links{clear: both; margin: 10px 0 0; padding-bottom: 0; padding-top: 0}
.hp_wrapper .box.links h2{padding: 10px 0; text-shadow: 0 1px 2px #000}
.hp_wrapper .links ul{list-style: none; padding: 0; margin: 0}
.hp_wrapper .links ul li{border-bottom: thin solid #257dad; margin: 0 -3.5714%; padding: 5px 3.5714%; background: url('Images/img/btn_news.png') no-repeat right center}
.hp_wrapper .links ul li:last-child{border: 0 none}
.hp_wrapper .links h2 + ul li:first-child{border-top: thin solid #257dad}
.hp_wrapper .links ul a{display: block; min-height: 32px; max-width: 83.571%; text-shadow: 0 1px 2px #000}
.hp_wrapper .btn{color: #fff; height: 33px; line-height: 33px; margin: 10px 0; border: 0 none; border-top: thin solid #739bb7;
	text-shadow: 0 2px 0 #000;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.75), inset 0 0 35px rgba(0,0,0,0.50);
	box-shadow: 0 0 3px rgba(0,0,0,0.75), inset 0 0 35px rgba(0,0,0,0.50);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,111,172,1)), color-stop(100%,rgba(8,52,108,1))); 
	background: -webkit-linear-gradient(top, rgba(13,111,172,1) 0%,rgba(8,52,108,1) 100%); 
	background: -o-linear-gradient(top, rgba(13,111,172,1) 0%,rgba(8,52,108,1) 100%); 
	background: -ms-linear-gradient(top, rgba(13,111,172,1) 0%,rgba(8,52,108,1) 100%); 
	background: linear-gradient(top, rgba(13,111,172,1) 0%,rgba(8,52,108,1) 100%);
}
.hp_wrapper .btn a, .hp_wrapper .btn a:visited{color: #fff}
/* Edited by Reply
.hp_wrapper .hp01 .carousel_wrapper, .hp_wrapper .hp01 .carousel, .hp_wrapper .hp01 .carousel_wrapper li{width: 174px; height: 252px}
.hp_wrapper .carousel_wrapper li img{width: auto; height: 160px} */
.hp_wrapper .btn_wrapper .btn{width: 48.1%}
/* Edited by Reply
.hp_wrapper .carousel_wrapper ul{width: 100%}
.hp_wrapper .carousel_wrapper a[class*="btn"]{width: 9px; height: 13px; background: url('Images/img/btn_carousel_hp.png') no-repeat left top;
	-webkit-box-shadow: none;
	box-shadow: none
}
.hp_wrapper .carousel_wrapper a.btn_prev{left: 3.571%}
.hp_wrapper .carousel_wrapper a.btn_next{background-position: left bottom; right: 3.571%}
*/

/* Edited by Reply
.hp_wrapper .hp02 .box.carousel_wrapper{padding: 0; width: 100%}
.hp_wrapper .hp02 .carousel_wrapper, .hp_wrapper .hp02 .carousel, .hp_wrapper .hp02 .carousel_wrapper li{width: 280px; height: 208px}
.hp_wrapper .hp02 .carousel_wrapper img{height: 128px; margin: 15px auto}
.hp_wrapper .hp02 .carousel_wrapper header{border-bottom: thin solid #0b5c9a}
.hp_wrapper .hp02 .carousel_wrapper figure{border-top: thin solid #1982b8; border-bottom: thin solid #103a6b}
.hp_wrapper .hp02 .carousel_wrapper footer{color: #fff; text-shadow: 0 1px 2px #000; position: relative}
.hp_wrapper .hp02 .carousel_wrapper footer a{text-transform: none; position: absolute; right: 3.571%; top: 10px}

.hp_wrapper .hp02 .app{width: 100%; margin: 20px auto}
.hp_wrapper .hp02 .app .box{float: left; width: 25.2%; padding: 10px 3.125%; margin: 0 3.125%}/* width:66/280 padding:10/66 margin:10/280*/
/*.hp_wrapper .hp02 .app .box img{min-height: 26px; margin: 0 0 15px 0}
.hp_wrapper .hp02 .app .box:first-child, .hp_wrapper .hp02 .app .box:last-child{margin: 0}

.hp_wrapper .hp03 > .box:first-of-type{position: relative; height: 130px; padding: 0}
.hp_wrapper .hp03 > .box:first-of-type figure{height: 100%}
.hp_wrapper .hp03 > .box:first-of-type figure img{opacity: 0.9; height: 100%}
.hp_wrapper .hp03 .box figcaption{position:absolute;bottom: 10px; left: 0; right: 0; text-align: center; color: #fff; text-shadow: 0 1px 2px #000}
.hp_wrapper .hp03 .app{float: none; width:100%; margin: 0 0 20px 0; overflow: hidden}
.hp_wrapper .hp03 .app .box{float: left; padding: 30px 11.1% 15px 11.1%; width: 26.8%; height: 85px}
.hp_wrapper .hp03 .app .box:first-child{margin: 10px 2.125% 10px 0}
.hp_wrapper .hp03 .app .box:last-child{margin-top: 0}
.hp_wrapper .hp03 .app .box:first-of-type span:nth-child(2){margin: 30px 0 0}
.hp_wrapper .hp03 .app .box:not(:first-of-type) a span:first-of-type{font: bold 1em 'GillSansMTPro-Bold', sans-serif; text-transform: uppercase; margin: 40px 0 0}
*/
.hp_wrapper .addthis_button_compact{color: #fff}

/* === READ LATER + RANGE === */
.range .box, .to_read .highlight .box{width: 48.214%; padding: 20px 0 0; float: left; margin-bottom: 10px; background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75);
	box-shadow: 0 0 5px rgba(0,0,0,0.75);
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.range .box:nth-of-type(odd), .to_read .highlight .box:nth-of-type(odd), .gallery .box:nth-of-type(odd){margin-right: 3.571%}
.range .box figcaption, .to_read .box figcaption, .gallery .box span{font: bold 0.769em 'GillSansMTPro-Bold', sans-serif; color: #004b93; text-transform: uppercase; padding: 10px 0 10px 3.571%; margin: 10px -14.1% 0; background: #fff}
.range .box figure, .to_read .highlight .box figure{padding: 0 11.1% 1px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f3f3f3)); 
	background: -webkit-linear-gradient(top, #ffffff 50%,#f3f3f3 100%); 
	background: -o-linear-gradient(top, #ffffff 50%,#f3f3f3 100%); 
	background: -ms-linear-gradient(top, #ffffff 50%,#f3f3f3 100%); 
	background: linear-gradient(top, #ffffff 50%,#f3f3f3 100%);
}
.range .box figure{min-height: 140px; background: none}
.to_read h1.ui-title{font: normal 1.692em 'GillSansMTPro-Light', sans-serif; width: 87.5%; margin: 0 auto; text-shadow: 1px 2px 0 #000; text-transform: none}
.to_read .highlight{margin: 20px 0; overflow:hidden}
.to_read .highlight .box figcaption{padding: 10px 7.462%; background: url('Images/img/bg_reading_list.png') no-repeat right center #fff}

.btn{display: inline-block; vertical-align: top; width: 100%; min-height: 37px; font: bold 12px/37px 'GillSansMTPro-Bold', sans-serif; color: #666; text-shadow: 0 1px 0 #fff; text-transform: uppercase; text-align: center; border: thin solid #bebebe; border-top: thin solid #e5e5e5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(210,210,210,1))); 
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(210,210,210,1) 100%); 
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(210,210,210,1) 100%); 
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(210,210,210,1) 100%);
	background: linear-gradient(top, rgba(242,242,242,1) 0%,rgba(210,210,210,1) 100%)
}
.btn.dark, .dealer_locator .tab nav li.on .btn{ color: #fff; text-shadow: 0 2px 0 #000; border: thin solid #2d2d2d; border-top: thin solid #5a5a5a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#2d2d2d));
	background: -webkit-linear-gradient(top,  #5a5a5a 0%,#2d2d2d 100%);
	background: -o-linear-gradient(top,  #5a5a5a 0%,#2d2d2d 100%);
	background: -ms-linear-gradient(top,  #5a5a5a 0%,#2d2d2d 100%);
	background: linear-gradient(top,  #5a5a5a 0%,#2d2d2d 100%)
}
.btn.back{width: 47%; display: block; margin:  0 0 0 auto}
.btn[href*="tel"], .dealer_details ul a[href*="tel"]{position: relative}
.btn[href*="tel"]:before, .dealer_details ul a[href*="tel"]:before{content: ""; position: absolute; width: 17px; height: 34px; background: url('Images/img/icon_call_grey.png') no-repeat left top}
.btn[href*="tel"]:before{left: 0; top: 0}
.dealer_details ul a[href*="tel"]:before{left: auto; right: 11%; top: -17px}
figure + .btn{margin-top: 20px}

.btn_wrapper{margin-top: 25px; font-size: 0}
.btn_wrapper .btn{width: 46.96%}
.btn_wrapper .btn:first-child{margin-right: 3.571%}

/* Edited by Reply
.product_detail .carousel_wrapper{width: 100%; height: auto}
.product_detail .carousel.box{padding: 0; margin-bottom: 25px}
.product_detail .carousel, .product_detail .carousel_wrapper li{width: 280px; height: 280px}
.product_detail .carousel_wrapper li figure{margin: 0 3.571%}
.product_detail .carousel_wrapper footer{padding: 0 3.571% ;margin: 10px 0; overflow: hidden}
.product_detail .carousel_wrapper .btn{width: 44.6428%; min-height: 23px; height: 23px; line-height: 23px; padding: 7px 0; overflow: hidden}
.product_detail .carousel_wrapper a.btn{margin-right: 7.571%}
.product_detail .fb-like{max-width: 100px; height: auto; overflow: hidden; margin: 0 auto}
*/

/* === ACCORDION === */
.accordion{width: 85.571%; margin: 20px auto; padding-bottom: 20px}
.accordion h3{color:#666;font:bold 0.846em/37px sans-serif;text-shadow:0 1px 0 #fff;border:thin solid #bdbdbd;padding:10px 3.846%;min-height:37px;text-transform:uppercase;position:relative;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(215,215,215,1)));
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(215,215,215,1) 100%); 
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(215,215,215,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(215,215,215,1) 100%); 
	background: linear-gradient(top, rgba(242,242,242,1) 0%,rgba(215,215,215,1) 100%);
}
.accordion h3.open{
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.accordion h3.open:after{content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -18px; width: 36px; height: 10px; background: url('Images/img/bg_accordion.png') no-repeat left top;}
.accordion h4{font-weight: bold; color: #004b93; text-align: center; margin:15px 0}
.accordion figure{margin: 15px 0}
.accordion figure:first-of-type{margin: 0 3.571% 15px 3.571%}
.accordion p{margin-bottom: 20px}
.accordion section{display: none}
.accordion section:first-of-type{display: block}

/* === DEALER LOCATOR === */
.dealer_locator .box:last-of-type p:last-child{padding-bottom: 0}
.dealer_locator .tab{margin-top: 40px}
.dealer_locator .tab h2{margin-left: 3.5714%}
.dealer_locator .hq h2{margin-bottom: 1.923076em}
.dealer_locator .hq p{line-height: 1.5; margin: 0}
.dealer_locator .tab nav{margin: 20px 0}
.dealer_locator .tab nav li{display: inline-block; width: 46.96%; font-size: 13px}
.dealer_locator .tab nav li:first-child{margin-right: 3.571%}
.dealer_locator input[name="city"]{color: #004b93}
.dealer_details ~ .btn{margin-top: 1.53846em}
.dealer_details ul{list-style: none; margin: 1.53846em 0}
.dealer_details ul p{margin: 0}
.dealer_details ul .distance{color: #666}
.dealer_details ul span, .dealer_details ul a{display: block}
.dealer_details ul a[href*="tel"]:before{left: auto; right: 11%; top: -17px}
.dealer_details li{padding: 0.7692em 0; border-bottom: thin solid #A6A3A3; background: url('Images/img/bg_menu_sec.png') no-repeat right center}
.dealer_details li:first-child{border-top: thin solid #A6A3A3}

.fav_dealer h3{padding-left: 2.5em; line-height: 25px; background: url('Images/img/icon_fav_dealer.png') no-repeat left top; background-size: 26px 25px}

#gmap{width: 100%; height: 400px}
#gmap img{max-width: none}
#gmap .infoBox{padding: 5px 0; background: #fff; position: relative;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
#gmap .infoBox:after{content: ''; position: absolute; left: 70px; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #ffffff transparent transparent transparent}
#gmap .infoBox h2{margin-left: 6px; font-size: 1em}
#gmap .infoBox p{color: #666; margin: 8px 0 0 6px}
#gmap .infoBox img{width: 22px; height: 22px}

/* === GALLERY === */
.gallery_container{list-style: none}
.gallery .box{width: 48.214%; float: left; padding: 0; margin-bottom: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7)
}
.gallery .box a, .gallery .box span{display: block}
.gallery .box a{text-align: center}
.gallery .box span{text-align: left; text-transform: uppercase}
.gallery .box img{
	-webkit-border-radius: 5px 5px 0 0 ;
	border-radius: 5px 5px 0 0 ;
	height: 128px; /* added by Cam */
}
.gallery .box span{margin: 0;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px
}

/* stili prova per stilare html proveniente da sito desktop */
.gallery .box{height: 160px; overflow: hidden; position: relative} /* height modified by Cam */
.gallery .box img{max-height: 100%}
.gallery .box span{position: absolute; bottom: 0; left: 0; right: 0}

/* === TECH SPEC === */
.techspec figure{margin: 15px 0}
.techspec .legend{margin: 10px 0; color: #84A4BC; font-size: 0.769em; text-align: right;  text-transform: uppercase}
.techspec .legend span{padding: 0 5px 0 15px}
.techspec .legend img{vertical-align: top; padding-right: 5px}
.techspec table{table-layout: fixed; width: 100%}
.techspec tr.header td{background: #F5F5F5; padding: 5px}
.techspec td:last-child{border-right: 0 none}
.techspec tr.header td span{color: #0D64A4; font-weight: bold}
.techspec td{border-bottom: 1px solid #DADADA; border-right: 1px solid #CCC; height: auto; padding: 5px 10px 5px 5px; text-align: left; vertical-align: top}
.techspec .model_techspec{margin-bottom: 20px; height: 400px; overflow: hidden;
	-webkit-transition: height 1s ease-in-out;
	transition: height 1s ease-in-out
}
.techspec .model_techspec.on{height: 100%}
.techspec .model_techspec p:last-child{padding: 0; margin: 5px}

/* DETAILS LIST */


/* === 404 === */
.p404 p:first-of-type{color: #004B93; text-transform: uppercase; text-align: center}

/* === FOOTER === */
footer.main{text-align: center; padding: 15px 0 10px;
	-webkit-box-shadow: inset 0 8px 10px #1e1e1e;
	box-shadow: inset 0 8px 10px #1e1e1e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(100%,#404040));
	background: -webkit-linear-gradient(top, #2b2b2b 0%,#404040 100%);
	background: -o-linear-gradient(top, #2b2b2b 0%,#404040 100%); 
	background: -ms-linear-gradient(top, #2b2b2b 0%,#404040 100%); 
	background: linear-gradient(top, #2b2b2b 0%,#404040 100%);
}
footer.main details, footer.main > div:not(.social){padding: 0 0 13px 0; width: 87.5%; margin: 0 auto}
footer.main details, footer.main .btn, footer.main .social p{font-size: 0.846em; text-shadow: 0 0.1818em 0 rgba(0,0,0,0.75)}
footer.main details summary, footer.main .social{color: #fff}
footer.main details{margin-top: 20px}
footer.main details summary + p{font-size: 1.2em; margin-top: 1em}
footer.main details p, footer.main details p a{color: #999}
footer.main .social a{display: inline-block; width: 22px; height: 22px; margin: 10px 5% 0}
/*footer.main details summary, footer.main details p{display:inline}*/
footer.main .btn{text-transform: uppercase; display: inline-block; width: 41.428%; padding: 0 2%; min-height: 37px; line-height: 20px; border-left-color: #7b7b7b; border-top-color: #7b7b7b; vertical-align: middle;/* 130/280 */
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.35);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.35);
}
footer.main .btn:first-child{margin-right: 6.1428%}
footer.main .btn:only-child{margin-right: 0; width: 100%; line-height: 37px}
footer.main .ui-btn-inner{border:0 none; padding: 0}
footer.main nav.breadcrumb li{margin-top: 7px; background: #4c4d4c;
	-webkit-box-shadow: 0 2px 4px 0 #1e1e1e;
	box-shadow: 0 2px 4px 0 #1e1e1e;
}
footer.main nav.breadcrumb li:first-child{margin-top: 0}
footer.main nav.breadcrumb a{color: #b3b2b2; display: block; width: 81.25%; margin: 0 auto; height: 36px; padding-left: 20px; font: bold 0.846em/36px 'GillSansMTPro-Bold', sans-serif; text-align: left; text-transform: uppercase; position: relative}
footer.main nav.breadcrumb a:after{content: ""; position: absolute; top: 12px; left: 0; width: 0; height: 0; border-style: solid; border-width: 6.5px 8px 6.5px 0;border-color: transparent #b3b2b2 transparent transparent}
.landing footer.main details{margin-bottom: 20px; background: url('Images/img/logo_fiat_industrial.png') no-repeat 10.428% top}
.landing footer.main details summary, .landing footer.main details p{margin-left: 23.714%}

/* === MEDIA QUERIES === */
/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	header.main nav.top .back, header.main nav.top .menu{background-image: url('Images/img/btn_menu_top@2x.png'); background-repeat: no-repeat; background-size: 35px 125px}
	header.main nav.top .back{background-position: center 8px}
	header.main nav.top .menu{background-position: center -41px}
	header.main nav.top .menu.on{background-position: center bottom}
	
	.hp_wrapper > section > nav:first-of-type a{background-image: url('Images/img/btn_hp@2x.png'); background-size: 22px 100px}
}
*/


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	.media{height: 300px}
	.media a:after{margin: -47px 0 0 -47px; width: 94px; height: 94px}
	.wrapper.on{height: 538px}
	/* Edited by Reply
	.carousel_wrapper, .carousel, .carousel_wrapper li,
		.hp_wrapper .hp02 .carousel_wrapper, .hp_wrapper .hp02 .carousel, .hp_wrapper .hp02 .carousel_wrapper li,
		.product_detail .carousel, .product_detail .carousel_wrapper li	{width: 420px}
	.hp_wrapper .hp01 .carousel_wrapper, .hp_wrapper .hp01 .carousel, .hp_wrapper .hp01 .carousel_wrapper li{width: 266px}
	.hp_wrapper .hp02 .carousel_wrapper, .hp_wrapper .hp02 .carousel, .hp_wrapper .hp02 .carousel_wrapper li{height: 416px}
	.hp_wrapper .hp02 .carousel_wrapper img{height: 308px}
	.product_detail .carousel, .product_detail .carousel_wrapper li{height: 420px}
	.wallpaper_page .carousel, .wallpaper_page .carousel_wrapper li{width: 439px; height: 420px}
	*/
	.market, .market_list{width: 400px}
	/*.market_list .one{-webkit-transform: translateZ(200px)}
	.market_list .two{-webkit-transform: rotateX(90deg) translateZ(200px)}
	.market_list .three{-webkit-transform: rotateY(90deg) translateZ(200px)}
	.market_list .four{-webkit-transform: rotateY(180deg) translateZ(200px)}
	.market_list .five{-webkit-transform: rotateY(-90deg) translateZ(200px)}
	.market_list .six{-webkit-transform: rotateX(-90deg) translateZ(200px) rotate(180deg)}*/
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	
}

@media only screen and (resolution: 252ppi){
	*{display: none}
}

/* iPad*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.contacts nav li a.ui-link, footer.main details + div > a:first-child{line-height: 40px; padding-top: 0}
	.range .box figcaption{font-size: 1em}
	.gallery .box img{
		-webkit-border-radius: 0;
		border-radius: 0 
	}
}
@media only screen and (width: 768px){
	.contacts nav li a.ui-link, footer.main details + div > a:first-child{line-height: 40px; padding-top: 0}
	.range .box figcaption{font-size: 1em}
}


/**
    REPLY RULES
*/

.form_wrapper select.error
{
    border: 1px solid red;
}

.range .btn_wrapper{
    width:100% !important;   
    padding: 0;
    margin: 0 0 10px 0;
    background: none;
    box-shadow: none;
}

.range .btn_wrapper .btn{
    width: 48.1%;
    background-color: #FFFFFF;
}

.gallery .btn_wrapper .btn{
    width: 48.1%;
    background-color: #FFFFFF;
}

.btn_wrapper .btn:first-child {
    margin-right: 0%;
}

.gallery .btn_wrapper{
    width:100% !important;   
    padding: 0;
    margin: 0 0 10px 0;
    height: auto; 
    background: none;
    box-shadow: none;
}

.myLeft{
    float: left;   
}

.myRight{
    float: right;   
}

.myClear{
    clear:both;
}

.box.button{
    margin: 0 0 10px 0;
    padding: 10px 11.904%;
	color: #ffffff;
	text-shadow: 0 1px 2px #000000;
}
.box.button span{
    font: bold 0.692em 'GillSansMTPro-Bold',sans-serif;
    text-transform: uppercase;
}
.box.button span.title{
    font: 2.66em/1.15 'GillSansMTPro-Light',sans-serif;
    text-transform: none;
}
.box.button span.description{
    display:block;
}
.hp_wrapper .box.button.call{
	background: -moz-linear-gradient(top, rgba(240,234,129,1) 0%, rgba(241,228,153,0.8) 50%, rgba(237,184,29,0.8) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,234,129,1)), color-stop(50%,rgba(241,228,153,0.8)), color-stop(100%,rgba(237,184,29,0.8))); 
	background: -webkit-linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%); 
	background: -o-linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%); 
	background: -ms-linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%); 
	background: linear-gradient(top, rgba(240,234,129,1) 0%,rgba(241,228,153,0.8) 50%,rgba(237,184,29,0.8) 100%);
}
.hp_wrapper .box.button.call a{color: #1f5783; text-shadow: 0 1px 0 #fff}
.hp_wrapper .box.button.call a span{margin: 5px 0 0}

.half .box {
     min-height: 100px;
}

.half .box span.description {
     margin-top: 25px;
}

.half .box a {
     display: block;
     margin-top: 15px;
}

.third .box span.description {
     margin-top: 15px;
}

/*Fix share this button in homepage*/
.btn {
    display:block;
    width:auto;
}
/*End Fix share this button in homepage*/

/*Fix slideshow box in homepage*/
.hp_wrapper .box.products {
    float: none;
    margin: 0 0 10px;
    padding: 0;
    width: auto;
}
/*End Fix share this button in homepage*/

/*Fix slideshow*/
.box .carousel_wrapper{ width: 100%; height: auto; display:none; }
.box .carousel_wrapper .carousel{ width: auto; height: auto; margin: 0 auto; overflow:hidden; }
.box .carousel_wrapper ul { position: relative; }
.box .carousel_wrapper li{ width: auto; height: auto; }
.box .carousel_wrapper li img{ height: auto; width:auto; }

.box .carousel { text-align: center; }
.box .carousel header { text-shadow: 1px 1px 0 #AAAAAA; }
.hp_wrapper .box .carousel header { text-shadow: 1px 2px 0 #000000; }
.box .carousel h2 { font: 1em 'GillSansMTPro-Light',sans-serif; }
.box .carousel h3 { font-size: 1.307em; }
/*End Fix slideshow*/

/*Fix header disappear*/
.wrapper { zoom: 1; }
/*End Fix header disappear*/

/*White menu items*/
.main_menu a.ui-link{
	color: #FFFFFF !important;
	display: block;
	font: 1em/43px 'GillSansMTPro-Light',sans-serif;
}
/*End White menu items*/

/*Menu subitems*/
.main_menu nav ul ul li {
    padding: 0 0 0 18%;
	background: #244A79; 
}
.main_menu nav ul ul li a{border-bottom: thin solid #3f6089; border-top: thin solid #20416b; padding-left: 13.615%/* ; margin: 0 13.615% 0 0 */}
.main_menu nav ul ul li:last-child a{border-bottom: 0 none}
/*End Menu subitems*/

/*Product details from NH*/
#detail_list {
	list-style-type:none;
}
.dtlist_txt {
	margin: 10px;
}
/*End Product details from NH*/

/*Product models from NH*/
.box.models.list figure {
	padding-bottom: 20px;
}
/*End Product models from NH*/

/*Specification legend*/
.techspec .legend > span {
	display: block;
	text-align:left;
}
.techspec .model_techspec {
    height: 412px;
}
/*End Specification legend*/

/*Apps description padding*/
.apps p {
padding-left: 5px !important;
}
/*End Apps description padding*/

/*
.range.serie .box figure a {display:block; overflow:hidden; }
.range.serie .box figure img { max-width:133%; margin-left: -33%; }
*/

.btn.read_later.visited{ color: #004B93; }
.wallpaper a { width: 49%; }
.wallpaper figcaption { overflow:hidden; }

.hp_wrapper .box.links{ margin: 0 0 10px; }
.hp_wrapper .box.html{ margin: 0 0 10px; }

.wallpaper figcaption span { display: block; margin-right: 20%; overflow: hidden; }

.hp_wrapper .box li {
    color: #FFFFFF;
}
.hp_wrapper .html ul {
    margin-left: 48px;
}

/*Landing fixes*/
.content_wrapper.landing { overflow:hidden; }
.landing h1, .landing h2 { margin-top:0px; }
.landing .market_list .market { margin:0; padding:0; }
/*End Landing fixes*/


/**
   END OF REPLY RULES
*/

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
.nocallout{webkit-touch-callout:none;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
textarea[contenteditable]{webkit-appearance:none;}
.gifhidden{left:-100%;position:absolute;}
.ir{background-color:transparent;background-repeat:no-repeat;border:0;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-999em;}
.ir br{display:none;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}