/*FONT FAMILY*/



@font-face {

    font-family: 'Montserrat';

    src: url('font/Montserrat-Regular.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat';

    font-weight: 500;

    src: url('font/Montserrat-Medium.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat';

    font-weight: 600;

    src: url('font/Montserrat-SemiBold.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat';

    font-weight: 700;

    src: url('font/Montserrat-Bold.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat';

    font-weight: 800;

    src: url('font/Montserrat-ExtraBold.ttf') format('truetype');

}



@font-face {

    font-family: 'Montserrat';

    font-weight: 900;

    src: url('font/Montserrat-Black.ttf') format('truetype');

}

/* GENERICI */



html, body {

    font-family: Montserrat, sans-serif !important;

    font-style: normal;

    text-rendering: optimizeLegibility;

    -moz-osx-font-smoothing: grayscale;

    -moz-font-feature-settings: "liga", "kern";

    color: #fff;

    overflow-x: hidden;

    text-overflow: ellipsis;

}



body {  /*padding del menu*/

    padding-top:135px;

}



.dexFont {

    font-size:17px;

}



.titleFont {

    font-size:32px;

}



.text-overflow {

    text-overflow: ellipsis;

    overflow: hidden;

}



.flex-container {

    display: flex;

    align-items: center;

}



.space-between {

    justify-content: space-between;

}



.valign-top {

    vertical-align:top;

}



.font-weight-600 {

    font-weight: 600;

}



section, .sub-section {

    margin-bottom: 25px;

    margin-right: auto;

    margin-left: auto;

    clear: both;

}

#ftpFileList, #oggetti, #montaggi, #linee, #news {

    color: #333;

}



#montaggi {

    margin-top: 75px;

}



.navbar section {

    margin-bottom:0;

}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

	background: transparent;

}



.navbar-inverse .navbar-toggle {

	border-color: transparent;

}



.nav > li > a > img {

    margin-top: -5px;

}



section .row {

    margin: 0;

}



input {

    color: #444;

}



a {

    cursor: pointer;

    color: #fff;

}

a:hover, a:focus, a:active { color: #fff; }



p {

    font-size: 12px;

    margin: 0;

}

p.title {

	font-weight:700;

    font-size: 40px;

}

p.subtitle {

    font-size: 26px;

}



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

    text-align: center;

    letter-spacing: 0.2px;

    padding-left: 15px;

    padding-right: 15px;

    text-overflow: ellipsis;

}

h1 { font-size: 40px; }



h1 b { font-size: 40px; }

h2 b { font-size: 30px; }

h3 b { font-size: 24px; }

h4 b { font-size: 18px; }

h5 b { font-size: 14px; }

h6 b { font-size: 12px; }



.panel-title {

    font-size: 25px;

    font-weight: 300;

    text-align: left;

    text-transform: uppercase;

}

.panel-title.font-light {

    font-size: 20px !important;

}



.blueArrow {

	color: #2A415E !important;

}



::-webkit-input-placeholder,

.form-control::-webkit-input-placeholder {

    color: #C8C8C8;

}

::-moz-placeholder,

.form-control::-moz-placeholder {

    color: #C8C8C8;

}

:-ms-input-placeholder,

.form-control:-ms-input-placeholder {

    color: #C8C8C8;

}

input:-moz-placeholder,

.form-control:-moz-placeholder {

    color: #C8C8C8;

}



.btn {

    font-size: 19px;

    border-radius: 9px;

}

.btn-sm {

	padding: 5px 10px;

	font-size: 12px;

}



	/* classi utili */

.font-light {

	font-style: normal;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: "liga", "kern";

	font-weight: 300;

}

.letter-spaced {

    letter-spacing: 1.5px;

}

.text-right {

    text-align: right;

}

.font-white {

    color: #fff;

}

.c {

    clear:both;

}

.red {

    background-color:red;

    padding:20px;

}

.rel {

    position:relative;

}

.anchor-no-underline,

.anchor-no-underline:hover,

.anchor-no-underline:active,

.anchor-no-underline:focus {

	text-decoration:none;

}



.imgContainer {

	position: relative;

	width: 100%;

	height: 250px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	background-color: #FFF;

}

.imgCover {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.imgContain {

    background-size: contain;

    background-position: center center;

    background-repeat: no-repeat;

}



.font-18 {

    font-size:18px;

}



.font-12 {

    font-size:12px;

}



.h700 {

    height: 500px;

}



.h400 {

    height:400px;

}

.h400-300-180 {

    height: 400px;

}

.h480-300-180 {

    height: 480px;

}



.h700-300 {

    height: 850px;

}

.h229-important {

    height: 229px !important;

}

.h229 {

    height: 229px;

}



.h250 {

    height: 250px;

}

.h600 {

    height: 600px;

}

.h850 {

    height: 850px;

}

.h125 {

    height: 125px;

}



.h100pw100p {

    height:100%;

    width:100%;

}

.h100p {

    height:100%;

}

.h40p {

    height:40%;

}

.h50p {

    height:50%;

}

.h60p {

    height:60%;

}

.w100p {

    width:100%;

}

.w50p {

    width:50%;

}

.pos-rel {

    position:relative;

}

/* padding e margin */

    .no-margin {

        margin:0;

    }

    .no-padding {

        padding:0;

    }

    .pad-31-10 {

        padding:31px 10px;

    }

    .pad-0-5 {

        padding:0 5px;

    }

    .pad-0-10 {

        padding:0 10px;

    }

    .pad-0-25 {

        padding:0 25px;

    }

    .pad-0-50 {

        padding: 0 50px;

    }

    .pad-20 {

        padding:20px;

    }

    .pad-0 {

        padding:0;

    }

    .pad-15 {

        padding:15px;

    }

    .pad-10 {

        padding:10px;

    }

    .pad-left-0 {

        padding-left:0;

    }

    .pad-right-0 {

        padding-right:0;

    }

    .pad-right-0-important {

        padding-right:0 !important;

    }

    .pad-left-10 {

        padding-left: 10px;

    }

    .pad-left-15 {

        padding-left: 15px;

    }

    .pad-left-17 {

        padding-left: 17px;

    }

    .pad-left-30 {

        padding-left: 25px;

    }

    .pad-left-45 {

        padding-left: 45px;

    }

    .pad-right-5 {

        padding-right: 5px;

    }

    .pad-right-10 {

        padding-right: 10px;

    }

    .pad-right-15 {

        padding-right: 15px;

    }

    .pad-bot-5 {

        padding-bottom: 5px;

    }



    .pad-top-bot-10 {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .pad-top-bot-15 {

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .padding25 {

        padding-right: 25px;

        padding-left: 25px;

    }

    .mar-7-0 {

        margin: 7px 0;

    }

    .mar-top-0 {

        margin-top:0;

    }

    .mar-top-10 {

        margin-top: 10px !important;

    }

    .mar-top-12 {

        margin-top: 12px;

    }

    .mar-top-15 {

        margin-top: 15px;

    }

    .mar-top-20 {

        margin-top: 20px !important;

    }

    .mar-top-30 {

        margin-top: 30px !important;

    }

    .mar-top-40 {

        margin-top: 40px !important;

    }

    .mar-top-50 {

        margin-top: 50px !important;

    }

    .mar-top-70 {

        margin-top: 70px !important;

    }

    .mar-top-100 {

        margin-top: 100px;

    }

    .mar-top-bot-50 {

        margin-top: 50px !important;

        margin-bottom: 50px !important;

    }

    .mar-top-bot-100 {

        margin-top: 100px !important;

        margin-bottom: 100px !important;

    }

    .container-box-all {

        margin-top: 126px;

        margin-bottom:0;

    }

    .container-box-all.space-beetween-menu.objMargin {

        margin-top: 193px;

    }

	#containerTopMontaggi.middle-margin-top {

		margin-top: 150px;

	}

    .mar-top-150 {

        margin-top: 169px;

    }

	.mar-top-200 {

		margin-top: 200px;

	}

    .mar-bot-0 {

        margin-bottom: 0px;

    }

    .mar-bot-10 {

        margin-bottom: 10px;

    }

    .mar-bot-20 {

        margin-bottom: 20px;

    }

    .mar-bot-30 {

        margin-bottom: 30px;

    }

    .mar-bot-60 {

        margin-bottom: 60px;

    }

/* --------- */



.img-overlay {

    position:absolute;

    top:0;

    left:0;

    right:0;

    bottom:0;

}

.img-overlay-half {

    top: 65%;

}



.backWhite {

    background-color: #fff;

}



.btn-primary:active, .btn-primary:focus, .btn-primary:hover,

.btn-primary {

    color: #000000;

    background-color: #ffdd00;

    border-color: #ffdd00;

    border-radius: 50px;

    font-weight: 600;

    padding: 4px 12px;

    text-transform: uppercase;

}



.btn-primary:hover {

    color: #000000;

    background-color: #ffdd00;

    border-color: #ffdd00;

    opacity: 0.7;

}



#loginSlide.dropdown.open a,

#loginSlideLogged.dropdown.open a {

    background-color: #ffdd00;

    color: #000000;

}



#navbarSearchBike a {

    line-height: 1;

}



#navbarSearchBike > a svg {

    fill: #ffffff !important;

}



#navbarSearchBike .modalSearchBike {

    opacity: 0;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    pointer-events: none;

    -moz-transition: all ease-in-out 200ms;

    -webkit-transition: all ease-in-out 200ms;

    transition: all ease-in-out 200ms;

}



#navbarSearchBike .modalSearchBike .modalBackground {

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

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1;

}



#navbarSearchBike .modalSearchBike .modalBody {

    position: absolute;

    z-index: 2;

    left: 0;

    right: 0;

    max-width: 600px;

    margin: 33px auto;

    padding: 0 10px;

}



#navbarSearchBike.showModal .modalSearchBike {

    display: block;

    opacity: 1;

    pointer-events: all;

    z-index: 100000;

}



#navbarSearchBike .modalSearchBike svg {

    fill: #c0c0c0 !important;

}





#lostPasswordContainer button {

    outline: none;

}



#lostPasswordContainer .successModal {

    display: none;

}





#lostPasswordContainer {

    display:none;

}



.lostPasswordTitle {

    font-size: 22px;

    font-weight: bold;

}



#lang-container {

    display: none;

    position: absolute;

    top: 28px;

    right: 10px;

    width: 165px;

    background: #fff;

    color: #353535;

    z-index: 2000;

}



#loginError {

    display: none;

    font-style: italic;

    font-size: 14px;

    color: #ffbe00;

    font-weight: bold;

    margin-top: 5px !important;

}



#login-container {

    padding: 25px;

    border: none;

    width: 400px;

    background-color: #ffdd00;

    color:#000000;

    right: 0;

    left: auto;

}



#login-container form > div+div {

    margin-top: 15px;

}



#searchAddress,

#login-container input {

    padding: 5px 15px;

    border-radius: 4px;

    border: 1px solid #ddd;

    font-size: 22px;

    border-radius: 50px;

    outline: none;

    width: 100%;

    box-sizing: border-box;

}



#login-container input {

    height: 50px;

}



#login-container.error input {

    border-color:#a94442;

}



#login-container a,

#login-container a:hover{

    text-decoration:none;

    color: #FFF;

    font-size: 12px;

}



#login-container.logged {

    width: auto;

}



#login-container.logged a {

    font-size: 14px;

    text-align: right;

}



.scrollZero #lang-container {

    top: 71px;

}



#lang-container.transition {

    -moz-transition: all ease-in-out 200ms;

    -webkit-transition: all ease-in-out 200ms;

    transition: all ease-in-out 200ms;

}



#lang-container ul {

    list-style-type: none;

    padding: 0;

    padding: 5px;

}

#lang-container ul li {

    padding: 5px 6px 5px 6px;

    text-align: left;

    cursor: pointer;

}

#lang-container ul li .flag {

    width: 25px;

    height: 25px;

    float: left;

    background-repeat: no-repeat;

    margin-right: 10px;

    margin-top: 3px;

    background-size: contain;

}



#lang .flag {

    display: none;

}



#lang.showFlag-fr .flag[data-lang='fr'],

#lang.showFlag-es .flag[data-lang='es'],

#lang.showFlag-de .flag[data-lang='de'],

#lang.showFlag-it .flag[data-lang='it'],

#lang.showFlag-en .flag[data-lang='en'] {

    display: inline;

}





#loginBtn {

    outline: none;

    border-radius: 50px;

    border: none;

    background: #000;

    font-size: 17px;

    font-weight: bold;

    color: #ffdd00;

    padding: 4px 27px;

    text-transform: uppercase;

}



#send:disabled,

#loginBtn:disabled {

    opacity: 0.5;

    cursor: wait;

    pointer-events: all;

}



.logo-title-0 {

    position: absolute;

    top: 0px;

    padding: 50px 4% 70px;

    left: 0;

    color: #333;

    z-index: 2;

    width: 100%;

}

.logo-title-1 {

    position: absolute;

    bottom: 72px;

    padding: 70px 4% 20px;

    left: 0;

    color: #333;

    z-index: 2;

    width: 100%;

}

.logo-title-2 {

    position: absolute;

    top: 0px;

    padding-top: 91px;

    padding-bottom: 70px;

    padding-right: 4%;

    left: 0;

    color: #333;

    z-index: 2;

    width: 100%;

}

.logo-title-3 {

    position: absolute;

    bottom: 72px;

    padding-top: 70px;

    padding-bottom: 20px;

    padding-right: 4%;

    left: 0;

    color: #333;

    z-index: 2;

    width: 100%;

}

.logo-title-0.font-white,.logo-title-1.font-white,.logo-title-2.font-white,.logo-title-3.font-white {

    color:#FFF;

}

.logo-title-0 p, .logo-title-1 p {

    text-align: left;

}

.logo-title-2 p, .logo-title-3 p {

    text-align: right;

}

.stButton {

    margin-left: 0px;

    margin-right: 0px;

}



.logo-title-0, .logo-title-1 .stButton{

    margin-right:3px;

}

.logo-title-2 .stButton, .logo-title-3 .stButton {

    margin-left:3px;

}

.lineH99 {

    line-height: 99px;

}



#loadingOverlay{

    display:none;

    position:fixed;

    z-index:9999;

    top:0;

    bottom:0;

    left:0;

    right:0;

}



/* CAROSELLO */





#caroselloTerminali,

#carosello {

    padding: 50px 0;

    background: #FFF;

}



#caroselloTerminali .slick-slide,

#carosello .slick-slide {

    margin: auto 2.5px;

    width: 450px;

}



.slick-slide {

    cursor: grab;

}



#caroselloNews, #caroselloNews .owl-item > div {

    width: 100%;

    height: 500px;

}

#caroselloTerminali h3, #caroselloTerminali h4,

#carosello h3, #carosello h4 {

    font-weight: 300;

    letter-spacing: 1.2px;

}

.imgSlider .glyphicon {

    display:none;

}

.imgSlider.selected .glyphicon

{

    /*border-bottom: 2px solid rgba(30, 50, 180, .7);*/

      bottom: -109px;

      left: 50%;

      margin-left: -7px;

      color: #ffdd00;

      display: block;

      top: auto;

}

[class ^= "carousel-button"] {

    position: absolute;

    z-index: 5;

    top: 50%;

    margin-top: -25px;

    width: 50px;

    height: 50px;

    /*background-color: #2A425E;*/

    opacity: 0;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    transition: all 200ms ease-in;

}

[class ^= "carousel-button"] > a:hover {

    color: #0F1D38;

}

.slick-dots {

	/*bottom: 0;*/

	/*background: rgba(255,255,255,0.5);*/

	/*margin: 0;*/

}



.slick-dots li {

	height:23px;

}



	.slick-dots li button:before {

		color: #FFF;

		font-size: 18px;

	}

	.slick-dots li button:hover:before, .slick-dots li button:focus:before {

		opacity: 0.5;

	}



	.slick-dots li.slick-active button:before {

		color: #FFdd00;

		opacity: 1;

	}



.carousel-button-left {

	left: 12px;

}

.carousel-button-right {

    right: 12px;

}

/*#carousel-prev:hover, #carousel-next {

    color: #95A1AF;

}*/



[class ^= "carousel-button"] > a {

    display: block;

    width: 28px;

    margin: 6px auto;

    font-size: 30px;

    color: rgba(42,65,94,0.5);

    text-decoration: none !important;

}



#caroselloLato.slick-slider, #caroselloGallery.slick-slider, #caroselloGalleryLinee.slick-slider {

    margin-bottom:0;

}



/*override classi bootstrap*/

.navbar-right > li > a {

    font-size: 14px !important;

    text-transform: uppercase;

}



.navbar-brand {

    padding: 0;

    top: 11px;

    height: 30px;

    margin: 0 auto;

    float: none;

    width: 50px;

}



.navbar-brand img {

    height: 100px;

    margin: 0px auto 0;

    display: initial;

}



.navbar-nav > li > a {

    padding:0px 10px;

    font-size: 11.5px;

}

.navbar-collapse {

    padding-left: 0;

}

#footer .navbar-collapse + .navbar-header {

    margin-top: 12px;

}



.badge, .nav > li > a.badge:focus, .nav > li > a.badge:hover {

    background: #363636;

    padding: 2px 6px !important;

    margin-right: 8px;

    margin-bottom: 4px;

}

.panel .panel {

	margin-bottom: 2px;

}

.panel, .panel-heading {

	border-radius: 0;

	border: none;

	box-shadow: none;

}

.panel-heading {

    min-height: 60px;

}



.cursor-default {

    cursor:default !important;

}



#closeModalGain {

	position: absolute;

	right: 5px;

	top: 5px;

	font-size: 12px;

	z-index: 1;

	opacity: 0;

	transition: opacity ease-in-out 0.1s;

	color: #FFF;

}



#modalGain:hover #closeModalGain {

	opacity:1;

}



.has-error .form-control {

	border: 2px solid #a94442;

}



.table td {

    font-size: 17px;

    border: none !important;

}

.table tr.th td {

    font-size: 20px;

    border: none !important;

    font-weight: 300;

}

.table tr td:first-child {

    padding-left: 30px !important;

}

.table tr.th td:first-child {

    padding-left: 0 !important;

}

.table td {

    padding: 2px !important;

}

/*.table td span.glyphicon {

    font-size: 28px;

}*/

div[class^=euro], .EC, .racing {

	width: 28px;

	height: 19px;

	background-size: contain;

	background-repeat: no-repeat;

}

.euro-New {

    display:inline;

    background-image: url(/img/icon/new.png);

}

.euro5 {

    background-image: url(/img/icon/euro5.jpg);

}

.euro9 {

    background-image: url(/img/icon/euro9.jpg);

}

.euro95 {

    background-image: url(/img/icon/euro95.jpg);

}

.EC {

    background-image: url(/img/icon/EC.png);

}

.ECE {

    background-image: url(/img/icon/ECE.png);

}

.ECE{

    width: 37px;

    height: 19px;

    background-size: contain;

    background-repeat: no-repeat;

}

.racing {

	background-image: url(/img/icon/racing.jpg);

	width: 71px;

	height: 18px;

}



.euro-carb {

    background-image: url(/img/icon/carb.jpg);

}





.iconOmologationContainer > div {

	float: left;

	margin: 4px;

	margin-left: 0px;

}



.styledButton,

.tecInfoLabel .open-popup:focus,

.tecInfoLabel .open-popup:visited,

.tecInfoLabel .open-popup:active,

.tecInfoLabel .open-popup:hover,

.tecInfoLabel .open-popup,

.omologationLabel .omologation-btn,

.infoLink {

    color: #000 !important;

    font-size: 12px !important;

    background: #ffdd00 !important;

    border-radius: 50px !important;

    padding: 4px 12px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    border: 0 !important;

    cursor: pointer;

    text-decoration: none;

}



.infoLink {

	float: right;

}



.omologationLabel .omologation-btn,

.tecInfoLabel .open-popup {

    padding: 3px 6px;

    border: 1px solid;

    border-radius: 5px;

    display: inline-block;

}

.omologationLabel .omologation-btn:hover,

.tecInfoLabel .open-popup:hover{

	text-decoration: none;

	background: rgba(141, 178, 250, 0.13);

}

.tecInfoLabel{

	text-align:right;

}



.table td.small-cell {

	width: 120px;

}



.spacerInfoProduct {

	margin: 4px 0;

}



.spacerPriceProduct {

    font-weight: bold;

    padding: 0 5px !important;

}



.linkToProductContainer {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 19px;

    font-weight: bold;

    text-transform: uppercase;

}



.linkToProductContainer a {

    color: #222;

}



.nowrap {

    white-space: nowrap;

}



.normalTextPage,

#descrizioneLinea {

    color: rgba(255, 255, 255, 0.84);

    font-weight: 500;

    font-size: 16px;

    line-height: 150%;

}



/*stili*/

.navbar-nav {

    margin-left:0;

}



.navbar-nav>li.no-float, .no-float {

    float: none;

}





p.footer-title

.navbar a {

    color:#FFF !important;

}

p.footer-title a.footer-title {

    text-transform: uppercase;

}

.nav > li > a:focus, .nav > li > a:hover {

    background-color:transparent;

}



#navbarLink {

    text-align:right;

}



#footer {

    padding-top: 50px;

    padding-bottom: 30px;

    max-width: 1300px;

    margin: 0 auto;

}



#footer .navbar {

    background-color:transparent;

    padding-right: 0;

}

#footer .navbar-nav > li > a {

    padding: 0;

    color: #CCC !important;

}



.footer-title, .footer-title:hover {

    color: #ffdd00;

    text-decoration: none;

    font-weight: 600;

    font-size: 14px;

    text-decoration: none;

    margin: 0;

    margin-bottom: 5px;

}

#caroselloMain {

    margin-bottom:0;

}



#caroselloMain [data-href]{

    cursor: pointer;

}



#searchInput {

    width: 545px;

    position: relative;

}

#searchInput svg {

    width: 30px;

    position: absolute;

    top: 10px;

    left: 18px;

    fill: #c0c0c0 !important

}

[id^=searchInput] input::placeholder {

    color: #000000 !important;

}

[id^=searchInput] input:focus::placeholder  {

    color: transparent !important;

}

[id^=searchInput] input {

    height: 50px;

    padding-left: 50px;

    border-radius: 50px;

    text-transform: uppercase;

    font-size: 20px;

    text-align: center;

    color: #000000;

}



.cerca-moto-container {

    position: absolute;

    right: 15px;

    top: 90px;

    width: 350px;

    z-index: 2;

}



#containerMid {

	margin-bottom: 0;

}



#containerBot {

	margin-bottom: 0;

}



#containerBot *, #sidebarAllPage *{

	font-weight: 300 !important;

	letter-spacing: normal !important;

}



.overflow-hidden {

	overflow: hidden;

	text-overflow: ellipsis;

}



.badge-link-container {

    margin-bottom: 5px;

}



.badge-link {

    width: 38px;

    height: 38px;

    margin-right: 10px;

    margin-left: 0;

    background-size: cover !important;

    margin-bottom: 5px;

}



#back-montaggi-bar {

	position: fixed;

	top: 70px;

	z-index: -1;

	background: #fff;

}

.topMenuScrollable,

.montaggi-bar {

	position: fixed;

	top: 71px;

	left: 0;

	right: 0;

	margin: auto !important;

	height: 120px;

	z-index: 4;

	/*border-bottom: 2px solid rgb(15, 29, 56);*/

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

	transition: all 0.2s ease-in-out;

	/*transition: position 0.3s ease-in-out;*/

}

.topMenuScrollable {

	top: 255px;

	white-space: nowrap;

	box-shadow: none;

	margin: auto !important;

	height: 40px;

	z-index: 3;

	color: #333;

}



.topMenuScrollable div.section-menu-active span {

    color: #000;

    background: #ffdd00;

    border-radius: 50px;

    border: 0;

}



.topMenuScrollable span {

    cursor: pointer;

    color: #555;

    padding: 4px 12px;

    text-transform: uppercase;

    display: inline-block;

    z-index: 2;

    font-size: 12px;

    font-weight: 600;

}



.topMenuScrollable span:hover {

    background: rgb(255 221 0 / 20%);

    border-radius: 50px;

}



#montaggi-small-preview, #linee-small-preview {

    width: 100%;

    height: 97px;

    background-size: cover;

    background-color: #FFF;

    background-repeat: no-repeat;

    background-position: center;

    display: none;

}

.dettagli-montaggi-container {

    color: #333;

    border-radius: 12px;

    white-space:nowrap;

    padding: 10px 0;

}

.dettagli-montaggi-container * {

    text-align: left;

    margin-top: 0;

    margin-bottom: 2px;

}

.dettagli-montaggi-container .tooltip{

    white-space:normal;

}

.gallery-arrow {

    position: absolute;

    top: 20%;

    width: 50px;

    height: 60%;

}



.expand-arrow {

    position: absolute;

    right: 15px;

    top: 21px;

    height: 20px;

    font-size: 20px;

}

.expand-arrow-sm {

    position: absolute;

    right: 10px;

    top: 8px;

    height: 20px;

    font-size: 18px;

}



.availableFor {

    width: 80%;

    margin: 50px auto 20px;

}



.icon-container {

    position: absolute;

    bottom: 0;

    right: 0;

    padding: 10px 10px 10px 0;

    z-index: 2;

}

.icon-container.news-icon-continer{

    right: 120px;

	bottom:10px;

}

#contenitoreIconeMontaggi {

	top: 10px;

	right: 10px;

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

	height: 38px;

	padding: 9px;

}

#contenitoreIconeMontaggi  *:hover,

#contenitoreIconeMontaggi  *:focus,

#contenitoreIconeMontaggi  *:visited {

	text-decoration: none;

}

#contenitoreIconeMontaggi>* {

		margin-right:10px;

}

#contenitoreIconeMontaggi>*:first-child {

		margin-right:5px;

}

#contenitoreIconeMontaggi .icon-montaggio {

	color: #333;

	font-size: 18px;

}



.icon-container > span, .icon-container > a > span {

    font-size: 28px;

    color: #333;

    cursor: pointer;

    float: right;

    margin-right: 6px;

}

.icon-container > span:first-child {

    margin-right: 0;

}

.icon-container span.white {

    color: #fff;

}

span.stButton {

    margin-right: 0;

}

span.st_facebook_large, span.st_twitter_large {

    cursor: default;

}

.download-inPanel > span {

    font-size: 20px;

    cursor: pointer;

    float: right;

    margin-top: 8px;

    margin-bottom: 8px;

    color: #909090;

}





.panel-heading .icon-angle-down,

.panel-heading.collapsed .icon-angle-up {

    display:none;

}

.panel-heading .icon-angle-up,

.panel-heading.collapsed .icon-angle-down {

    display:block;

}



.panel-heading .icon-down-open-big,

.panel-heading.collapsed .icon-up-open-big {

    display:none;

}

.panel-heading .icon-up-open-big,

.panel-heading.collapsed .icon-down-open-big {

    display:block;

}



/* quadrati responsivi proporzionali */

div[class^=square] {

    float: left;

    position: relative;

    height: 0;

    background-position:center center;

    background-repeat:no-repeat;

    background-size:cover;

}

.square-big {

    width: 100%;

    padding-bottom: 100%;

}

.square-small-large {

    width: 100%;

    padding-bottom: 50%;

}

.square-small {

    width: 50%;

    padding-bottom: 50%;

}

span.codice {

    color: #000;

    font-size: 14px;

}



/* allineamento */

.v-align {

	display:none;

    position: absolute;

    left:0;

    right:0;

    top:50%;

}

.v-align *:first-child {

    margin: 0;

}

.v-align-small {

    margin-top:-14px;

}

.v-align-large {

    margin-top:-34px;

}

.v-align-sidebar-1line {

    margin-top:-26px;

}

#line-container .v-align,

.news .v-align {

    display: block;

}

.top0 {

    top:0;

}

.align-bottom {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

}



.news {

    color: #fff;

    background-color:transparent;

}

.news .v-align {

    right:40px;

}



.news .v-align * {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



/*.news-fixed-right {

    position:fixed;

    transition: all ease-in-out 0.2s;

    right:0;

}*/





.arrow-news {

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -16px;

	font-size: 30px;

	color: rgba(255,255,255,0.7);

}







/*effetto zoom su over*/



.imgContainerZomm {

    position:absolute;

    height:100%;

    top: 0;

    left: 0;

    width:100%;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    -webkit-transition: 500ms;

    -moz-transition: 500ms;

    -o-transition: 500ms;

    -ms-transition: 500ms;

    transition: 500ms;

}

.imgContainerZomm.shader {

    z-index:1;

}

.news {

    overflow:hidden;

}

.toZoom {

    overflow: hidden;

}



.news:hover .imgContainerZomm, .toZoom:hover .imgContainerZomm {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transition: 500ms;

    -moz-transition: 500ms;

    -o-transition: 500ms;

    -ms-transition: 500ms;

    transition: 500ms;

}





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

    text-align: left;

}



 #containerBot .brand-overlay, #sidebarAllPage .brand-overlay, .brand-overlay {

	position: absolute;

	top: 10px;

	left: 10px;

	font-size: 20px;

	font-weight: 400 !important;

	color: #333;

}



#containerMid .brand-overlay,

#containerMid .desc-overlay {

    text-align: center;

    position: static;

    color: #333;

}



#containerMid .brand-overlay {

    font-size: 15px;

    font-weight: 800 !important;

    margin-bottom:5px;

}



#containerMid .desc-overlay {

    font-size: 11px;

    margin-top: 0;

}



#containerMid .imgContainer {

    background-size:contain;

}



#containerMid #caroselloTerminali .slick-track,

#containerMid #carosello .slick-track {

    display: flex;

    align-items: stretch;

}



.slick-track {

    background: #ffffff;

}



#containerMid #caroselloTerminali .slick-slide,

#containerMid #carosello .slick-slide {

    background: #FFFFFF;

    text-decoration: none;

    border-right: 2px solid #000;

    padding: 20px 0;

    position: relative;

    margin: 0;

    height: auto;

}



#containerMid #caroselloTerminali .slick-slide .overlay,

#containerMid #carosello .slick-slide .overlay {

    position: absolute;

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

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

    transition: all ease-in-out 0.2s;

}



#containerMid #caroselloTerminali .slick-slide:hover .overlay,

#containerMid #carosello .slick-slide:hover .overlay {

    opacity: 1;

}



.sliderDiscoverIt {

    display: flex;

    justify-content: center;

}



#containerMid .sliderDiscoverIt > div {

    color: #000;

    font-weight: 800 !important;

    background: #ffdd00;

    border-radius: 50px;

    padding: 5px 15px;

    text-transform: uppercase;

    font-size: 11px;

}



.imPowerSection {

    background-image: url("/img/newSiteImg/i'mPOWER.jpg");

    background-position: 50% 50%;

    min-height: 630px;

    position: relative;

    background-size: cover;

    margin-bottom: 25px;

}



.madeInSanGiustino > div,

.imPowerSection > div {

    position: absolute;

    left: 0;

}



#caroselloMain .subtitle {

    text-transform: uppercase;

}



#caroselloMain .title,

#containerMid .madeInSanGiustino > div h2,

#containerMid .imPowerSection > div h2 {

    font-weight: 700 !important;

    line-height: 0.9;

    font-size: 90px;

    text-transform: uppercase;

}



#containerMid .madeInSanGiustino > div h2,

#containerMid .imPowerSection > div h2 {

    text-align: left;

}



#containerMid .madeInSanGiustino > div h2,

#containerMid .imPowerSection > div h2 {

    margin: 50px 0 0 50px;

}



#containerMid .madeInSanGiustino > div h2{

    line-height: 0.9;

}



.madeInSanGiustino {

    background-image: url(/img/newSiteImg/Azienda-0009.jpg);

    background-position: 50% 50%;

    min-height: 630px;

    position: relative;

    background-size: cover;

}



.d-flex {

    display: flex;

}



.d-flex-column {

    flex-direction: column;

}



.justify-center {

    justify-content: center;

}



#containerTopOverlayContainer {

    margin-bottom: 0;

    padding: 25px;

}



#containerTopOverlayContainer,

.chooseHexhaustContainer {

    background: #fff;

    border-bottom: 2px solid #000;

}



.chooseHexhaust {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    padding: 20px 0;

    font-weight: 600;

    text-transform: uppercase;

    text-decoration: none;

}



.chooseHexhaust:hover{

    text-decoration:none;

}



.chooseHexhaust > div {

    border-radius: 50px;

    padding-left: 20px;

    background: #ffffff;

    position: relative;

    justify-content: space-between;

    display: flex;

    flex-basis: 550px;

    align-items: center;

    margin: 0 10px;

}



.chooseHexhaust > div div:first-child {

    text-align: center;

    font-size: 18px;

    color: #000000;

    font-weight: 500;

}



.chooseHexhaust > div div:last-child {

    background: #ffdd00;

    padding: 15px 40px;

    border-radius: 50px;

    margin-left: 20px;

    color: #000000;

    font-weight: 700;

    font-size: 16px;

    text-align: center;

}



@media(max-width: 768px) {

    .chooseHexhaust > div div:first-child,

    .chooseHexhaust > div div:last-child {

        font-size: 14px;

    }



    .chooseHexhaust > div div:last-child {

        padding: 15px 20px;

    }

}



.imagesBottomDefaultPage {

    display: flex;

    margin-bottom: 40px;

}



.imagesBottomDefaultPage > div {

    flex: 1 1 33%;

}



.imagesBottomDefaultPage > div img {

    width: 100%;

    height: 100%;

    min-height: 280px;

    object-fit: cover;

    object-position: center;

}



.counterContainer {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    padding: 40px 0;

}



.counterContainer > div {

    flex: 0 0 auto;

    display: flex;

    align-items: center;

    flex-direction: column;

    padding: 0 30px;

    max-width: 200px;

}



.counterContainer > div div:first-child {

    font-size: 72px;

    font-weight: 700;

    color:#ffdd00;

}



.counterContainer > div div:last-child {

    font-size: 16px;

    text-align: center;

}





@media(max-width: 600px) {

    .counterContainer > div {

        padding: 10px;

        max-width: 120px;

    }



        .counterContainer > div div:first-child {

            font-size: 30px;

        }



        .counterContainer > div div:last-child {

            font-size: 12px;

        }

}



.originalSpecial {

    background: #ffdd00;

    display: flex;

}



.originalSpecial > div:first-child {

    flex: 1 1 auto;

    display: flex;

    justify-content: center;

    align-items: center;

    text-transform: uppercase;

    color: #000;

    font-size: 90px;

    font-weight: 800;

    padding-left: 40px;

    line-height: 94%;

}



.bottomDataContainer {

    padding:50px 0;

    background: #000000;

}



.bottomDataContainer,

.bottomDataContainer > div,

.bottomDataContainer .bottomDataElement ,

.bottomDataContainer .bottomDataElement > a {

    display: flex;

    justify-content: center;

}



.bottomDataContainer > div {

    max-width: 1200px;

    flex-wrap:wrap;

}



.bottomDataContainer .bottomDataElement {

    flex: 0 1 calc(25% - 12px);

    flex-direction: column;

    margin: 10px 2px;

    min-width: 250px;

}



.bottomDataContainer .bottomDataElement > *:first-child {

    width: 100%;

    flex: 1 1 auto;

}



.bottomDataContainer .bottomDataElement .imgBrandOverlay {

    position: absolute;

    top: 5px;

    left: 5px;

    width: 50%;

}



.bottomDataContainer .imgBrandOverlayContainer {

    position: relative;

    width: 100%;

}



.bottomDataContainer .imgBrandOverlayContainer.last {

   margin-top: 5px;

}



.imgBrandBackground {

    width:100%;

}



.bottomDataText {

    font-size: 18px;

    color: #FFFFFF;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    margin-top: 10px;

}

/*







.bottomDataContainer .bottomDataElement > a + a {

    margin-top: 4px;

}





.bottomDataContainer > div .bottomDataElement .imgBrandOverlayContainer img {

    max-height: 145px;

}



.bottomDataContainer > div > .bottomDataElement > div > div:last-child,

.bottomDataContainer > div > .bottomDataElement:last-child > div:last-child {

    font-size: 18px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    margin-top: 10px;

}*/

.bg-cover {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.titleH1 {

    font-weight: 900;

    font-size: 30px;

    text-transform: uppercase;

}



.titleH2 {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 24px !important;

}

.titleSection {

    margin-top: 9px;

    padding-left: 0;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 24px !important;

}



/*sezione montaggio*/

#montaggioTopImg {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    margin-bottom: 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    transition: all ease-in-out 0.5s;

}



#containerTopMontaggi {

	z-index: 2;

	margin-top: 126px;

	/*box-shadow: 0 2px 6px #555;*/

}



#containerTopMontaggi.more-margin-top {

	margin-top: 160px;

}



#carosello .arrow-left,

#carosello .arrow-right,

#caroselloTerminali .arrow-left,

#caroselloTerminali .arrow-right,

#containerTopMontaggi .arrow-left,

#containerTopMontaggi .arrow-right {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 35px;

    color: #0F1D38;

    font-size: 30px;

    line-height: 100px;

    cursor: pointer;

    z-index: 2;

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

    opacity: 0;

    transition: opacity 200ms ease-in;

}

#caroselloTerminali .arrow-left,

#caroselloTerminali .arrow-right,

#carosello .arrow-left,

#carosello .arrow-right {

    width: 45px;

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

    padding-left: 8px;

    line-height: 470px;

}



#caroselloTerminali .arrow-left,

#carosello .arrow-left,

#containerTopMontaggi .arrow-left {

    left: 0;

}

#caroselloTerminali .arrow-right,

#carosello .arrow-right,

#containerTopMontaggi .arrow-right {

    right: 0;

}

.segnaposto {

    position: fixed;

    top: 71px;

    width: 100%;

    height: 100px;

}



.side-spacer-20 {

    padding-right: 20px;

}



#containerTopMontaggi .arrow-left2,

#containerTopMontaggi .arrow-right2 {

    padding: 32px 0;

    font-size: 36px;

    color: #021C26;

    cursor: pointer;

}

#containerTopMontaggi .arrow-right2 {

    float: right;

}



#caroselloGallery .imgSlider, #caroselloGalleryLinee .imgSlider {

    height: 119px;

    background-size: contain;

    background-color:#FFF;

    background-repeat:no-repeat;

    background-position:center;

    transition: height 300ms ease-in;

}



#caroselloGallery .arrow-right {

    z-index:3;

}

/*.imgSlider.fixed {*/

    

.imgSlider-small {

    height: 50px !important;

}

#caroselloTerminali:hover .arrow-left, #caroselloTerminali:hover .arrow-right,

#carosello:hover .arrow-left, #carosello:hover .arrow-right,

#carosello-cell:hover .arrow-left, #carosello-cell:hover .arrow-right {

    opacity: 1;

}



#sfondo {

    height: 100%;

    width: 100%;

    position:fixed;

    top:0;

    left:0;

    right:0;

    bottom:0;

    z-index:0;

    background-repeat:no-repeat;

    background-position: center center;

    background-attachment:fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/sfondo1.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sfondo1.jpg', sizingMethod='scale')";

}







/* sezione OES*/

#oes {

    margin-top: 100px;

}

#fotoOES {

    width: 100%;

    height: 450px;

    background: #fff no-repeat;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

#caroselloOES .fotoOES {

    background: center center /cover;

    height: 160px;

}

.oes-menu {

    margin-top: 8px;

    list-style-type: none;

    font-size: 22px;

}



.oes-sidebar-font {

    font-size: 16.5px;

}



/* sezione LINEE */

.panel-body img {

    width: 100%;

}

.panel-group {

    margin-bottom: 0;

}

.panel-group .panel+.panel {

  margin-top: 1px;

}

#linee-group.no-title {

    margin-top: 36px;

}

#linee-group .panel-heading {

    min-height: 35px;

}

#linee-group.panel-group .panel-title {

    font-size: 20px;

    line-height: 70px;

    font-weight: 600;

}

#linee-group .list-group-item {

    border: none;

    padding: 5px 20px;

    font-size: 18px;

    background: #ffdd00;

    line-height: 40px;

    font-weight: 600;

    color: #000;

}

#linee-group .panel-body {

    padding: 15px 0;

    background: #ffdd00;

}

#linee a:hover {

    text-decoration: none;

}



/* NEWS */

.filtro-cont {

    float: right;

    list-style-type: none;

    margin-top: 25px;

}

.filtro-cont li {

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    color: #888;

    padding: 7px 10px;

    cursor: pointer;

}

.filtro-cont li:last-child {

    border: none;

}

.filtro-cont li.active {

    color: #333;

}

#sidebarAllPage a {

    color:#FFF;

}

#newsAppender {

    overflow: hidden;

}

.news-cont {

    background-color: #000;

    color: #FFFFFF;

    border-radius: 10px;

    border: 1px solid #000;

    overflow: hidden;

    -ms-transform: translateY(120px);

    -webkit-transform: translateY(120px);

    transform: translateY(120px);

}

.come-up {

    -ms-transform: translateY(120px);

    -webkit-transform: translateY(120px);

    transform: translateY(120px);

    -webkit-animation: come-up 0.7s ease forwards;

    -moz-animation: come-up 0.7s ease forwards;

    animation: come-up 0.7s ease forwards;

}



.left-description-list {

    height: 100%;

    bottom: 0;

    position: absolute;

    top: 0;

    padding: 36px 20px 0 0;

}



.linkTo a:hover,

.linkTo,

.linkTo a {

    font-size: 35px;

    text-align: center;

    font-weight: 700;

    color: #ffdd00;

    text-decoration:none !important;

}



@-webkit-keyframes come-up {

  to { 

    transform: translateY(0);

    -ms-transform: translateY();

    -webkit-transform: translateY(0);

  }

}

@-moz-keyframes come-up {

  to {

    transform: translateY(0);

    -ms-transform: translateY();

    -webkit-transform: translateY(0);

  }

}

@keyframes come-up {

  to {

     transform: translateY(0);

    -ms-transform: translateY();

    -webkit-transform: translateY(0);

  }

}

.news-head-img {

    height: 700px;

    background: center center /cover;

    cursor: pointer;

}

.news-head-img .align-bottom {

    left: 20px;

    right: 130px;

}

.news-head-img .align-bottom h1 {

    text-align: left;

    padding-right:0;

	margin-right: 50px;

}

.news-overlay {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}

.gallery-button {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 56px;

    height: 85px;

    font-size: 38px;

    text-align: center;

}

.gallery-button span {

    cursor: pointer;

    position: relative;

    top: -14px;

    left: 1px;

}

.gallery-button .numFotoGallery {

    font-size: 32px;

    top: -6px;

}

.news-text-cont {

    max-height: 292px;

    overflow: hidden;

    transition: max-height 0.5s ease-in-out;

}

.news-text-cont.expanded {

    max-height: 2000px;

}

.news-text-cont p {

    margin-top: 22px;

    font-size: 22px;

    text-overflow: ellipsis;

}

.news-date {

    display: inline-block;

    font-size: 20px;

    color: #888;

    margin-bottom:10px;

    font-style: italic;

}

.news-date.small {

    font-size: 16px;

}

.newsDescriptionReadMore {

    margin-bottom: 20px;

}



.arrow-overflow {

    width: 100%;

    bottom: 0px;

    height: 150px;

    text-align: center;

    cursor: pointer;

    position: absolute;

    left:0;

    text-transform: uppercase;

    font-weight: 900;

    font-size: 14px;

    display: flex;

    justify-content: center;

    align-items: end;

}

.arrow-overflow .glyphicon {

    font-size: 30px;

    top: 25px;

}

.news-text-cont.expanded + .arrow-overflow {

    margin-top: 0;

}



.buyItLink,

.buyItLink:hover,

.buyItLink:active,

.buyItLink:hover:active {

    color: red;

    cursor: pointer;

    margin-left: 5px;

}



#montaggio-title {

    text-transform: capitalize;

}



#montaggio-type {

    max-width: 100%;

    white-space: normal;

}



#nome-montaggio {

    position: absolute;

    top: 10px;

    left: 10px;

    border-radius: 50px;

    z-index: 2;

    color: #333;

    opacity: 0;

    transition: opacity ease-in 0.1s;

}



#nome-montaggio.fading {

	opacity: 1;

}



.notAvailable {

	height: 100px;

}

.notAvailable h1 {

    margin: 0;

    font-size: 16px;

    position: absolute;

    font-weight: 600;

    text-transform: uppercase;

    top: 50%;

    left: 0;

    right: 0;

}



/*Stili per barra ricerca*/





/*progressbar*/

#progressbar {

    margin-bottom: 30px;

    overflow: hidden;

    padding: 0;

    flex: 0 1 900px;

    /*CSS counters to number the steps*/

    counter-reset: step;

}



@media(max-width: 768px) {

    #progressbar {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

}

#progressbar  .list-option {

	list-style-type: none;

	color: white;

	/*text-transform: uppercase;*/

	font-size: 13px;

	/*width: 33.33%;*/

    padding:0 20px;

	float: left;

	position: relative;

}

#progressbar  .list-option:before {

    content: counter(step);

    counter-increment: step;

    width: 50px;

    height: 50px;

    line-height: 10px;

    display: block;

    font-weight: bold;

    font-size: 30px;

    padding-top: 20px;

    border-radius: 50px;

    margin: 0 auto 8px auto;

}

/*progressbar connectors*/

#progressbar .list-option:after {

    content: '';

    /*width: 100%;*/

    width:0%;

    height: 12px;

    position: absolute;

    left: -50%;

    top: 24px;

    z-index: -1; /*put it behind the numbers*/

    transition: all linear 0.2s;

}

#progressbar .list-option:first-child:after {

	/*connector not needed before the first step*/

	content: none; 

}

/*marking active/completed steps green*/

/*The number of the step and the connector before it = green*/

#progressbar .list-option.active:after {

    width:100%;

}



#progressbar .list-option select {

    display:none;

    margin-top:5px;

    border-radius: 20px;

}



#progressbar .list-option.active select {

    display:block;

}



/* stili ricerca moto */



#menu {

    border: none;

    height: 135px;

    /*overflow: hidden;*/

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    position: fixed;

    z-index: 5;

    top:0;

    width: 100%;

}



#menu section{

    max-width: unset;

    width: 100%;

}

#menu, #logo-img, #searchBikeField {

    transition: all ease-in-out 0.2s;

}



#searchBikeField {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    background: #000;

    clear: both;

    padding-top: 0;

    height: 0;

    overflow: hidden;

}



.showSearchBar #searchBikeField {

    height: 235px;

    padding-top: 15px;

}



.scrollZero #menu {

    top: 0;

    height: 71px;

}



#menu.menuCollapseOpen {

    top: 0;

    height: 520px;

}



#menu.showSearchBar {

    height: 370px;

}



#menu.menuCollapseOpen.showSearchBar {

    height: 535px;

}



#navbarLink {

    background: #000;

    color: #FFF;

    display: flex;

    justify-content: center;

}



#navbarLink > ul.mobileMenu {

    display: none;

}



#navbarLink > ul {

    display: flex;

    justify-content: space-around;

    text-transform: uppercase;

    list-style: none;

    align-items: center;

    margin: 0;

    height: 35px;

    padding-inline-start: 0;

    flex-grow: 1;

    max-width: 1030px;

}



#navbarLink > ul a {

    text-decoration: none;

    font-size: 12px;

    font-weight: 600;

}



#navbarLink > ul a:hover {

    color: #bda400;

}



#navbarLink > ul a.selected {

    color: #ffdd00;

}



#navbarLink #login-container:not(.logged) a {

    font-size: 10px;

    font-weight: 600;

    padding: 0;

}



.mobileMenuLoginClose,

.mobileIconClose {

    display:none !important;

}



#rivenditori,

#contatti,

#news,

#customNews,

#linee,

#testimonial,

#montaggi {

    width: 90%;

    max-width: 1600px;

}



.dettagli-montaggi-container .container-text,

.letter-spaced.container-text {

    font-weight: 800 !important;

    letter-spacing: normal !important;

    font-size: 40px !important;

}



@media(max-width: 950px) {

    #navbarLink > ul:not(.mobileMenu) {

        position: fixed;

        top: 0;

        left: -100%;

        right: auto;

        z-index: 12;

        transition: all ease-in-out 0.5s;

        bottom: 0;

        display: flex;

        flex-direction: column;

        height: 100%;

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

        padding: 50px;

        justify-content: flex-start;

    }



    #navbarLink.openMenu:not(.openLoginMenu) > ul:not(.mobileMenu) {

        left: 0;

    }



    #navbarLink > ul:not(.mobileMenu) > li {

        flex:0 0 30px;

    }



    .mobileIconClose {

        position: absolute;

        display: block !important;

        cursor: pointer;

        top: 10px;

        right: 15px;

        font-size: 20px;

    }



    #navbarLink.openMenu .mobileMenuBackgroundOverlay {

        opacity: 1;

        left: 0;

        z-index: 11;

    }



    .mobileMenuBackgroundOverlay {

        opacity: 0;

        position: fixed;

        top: 0;

        bottom: 0;

        left: 100%;

        right: 0;

        background: #0000009c;

        transition: opacity ease-in-out 0.5s;

    }



    #loginSlide.dropdown.open > a,

    #loginSlideLogged.dropdown.open > a {

        background: #000000;

        color: #ffffff;

    }



    #navbarLink > ul:not(.mobileMenu) > li a {

        text-decoration: none;

        font-size: 16px;

        font-weight: 500;

    }



    #navbarLink > ul.mobileMenu {

        display: flex;

    }

    .mobileMenuButton {

        display: flex;

        cursor: pointer;

        flex-direction: column;

        padding: 6px 12px;

    }

    .mobileMenuButton span {

        flex: 0 0 auto;

        border: 2px solid #fff;

        border-radius: 50px;

        width: 30px;

        margin: 2px 0;

    }



    #lang-container {

        left: -50px;

        top: unset;

        bottom: 40px;

    }

    #login-container {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        transition: all ease-in-out 0.5s;

        padding: 40px 20px 20px;

        opacity: 0;

    }



    .openLoginMenu #login-container {

        opacity: 1;

    }



    .mobileMenuLoginClose {

        display: block !important;

        position: absolute;

        top: 2px;

        right: 2px;

        cursor: pointer;

        padding: 10px;

    }

}



@media(max-width: 697px) {

    #caroselloMain .title,

    #containerMid .madeInSanGiustino > div h2,

    #containerMid .imPowerSection > div h2,

    .originalSpecial > div:first-child {

        font-size: 40px;

    }



    #searchInput svg {

        display:none;

    }

    #containerMid .madeInSanGiustino,

    #containerMid .imPowerSection {

        min-height: 350px;

    }

    .imagesBottomDefaultPage > div img {

        min-height: 150px;

    }

}



#menu section {

    margin-bottom: 0;

}



.container-small .montaggi-bar {

    height: 76px;

}

.container-small #back-montaggi-bar {

    height: 76px;

}



.container-small .container-text {

    margin-top:6px !important;

}



.container-small .container-text-filter {

    margin-top:15px !important;

}

.scrollMoreZero #back-montaggi-bar,

.scrollMoreZero .montaggi-bar {

    top: 135px;

}



.box-container {

	/*text-align: center;*/

	margin: 0 auto;

}

.box-container a {

    /*display: inline-block;*/

    display: block;

    float: left;



    width: 150px;

    height: 150px;

    margin: 15px;

    color: #333;

}

.box {

    position: relative;

    width: 100%;

    height: 100%;

    -webkit-transition: transform 0.16s ease-in;

    -moz-transition: transform 0.16s ease-in;

    -ms-transition: transform 0.16s ease-in;

    -o-transition: transform 0.16s ease-in;

    transition: transform 0.16s ease-in;

}

.box:hover {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.box .lab {

    position: absolute;

    bottom: 0;

    width: 100%;

}



.gallery-news-container {

    display: none;

}



.gallery-news-thumbtnails-container {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	padding: 10px;

	min-width: 120px;

	cursor: default;

}



.gallery-news-thumbtnails-container > div:first-child {

	margin-top: 0;

}



.gallery-news-thumbtnails-container > div {

	height: 78px;

	background: center center /cover;

	cursor: pointer;

	margin: 24px auto;

	width:125px;

}



.noImgNewsFound .gallery-news-thumbtnails-container {

	display:none;

}



.noImgNewsFound .icon-container.news-icon-continer {

	right:0;

}



.moreNewsTmbl {

	display: flex;

	flex-direction: column;

	text-align: center;

	justify-content: center;

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

	border: 1px solid rgba(255,255,255,0.3);

	font-weight: 900;

	font-size: 12px;

	margin-bottom: 0 !important;

}



/* override frecce lightbox */

.lb-nav a.lb-prev {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1) !important;

  opacity: 1 !important;

}

.lb-nav a.lb-next {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1) !important;

  opacity: 1 !important;

}



.editFieldBtn:hover,

.editFieldBtn {

    color: #333;

    text-decoration: underline;

}



#downloadCSV{

	text-align: center;

background: #F09932;

padding: 8px;

border-radius: 5px;

color: #FFF;

font-weight: bold;

width:200px;

height: 50px;

display: table-cell;

vertical-align: middle;

	}





#PopupReserved-cont,

#popup-cont {

    display: none;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    text-align: center;

    z-index: 9000;

}

#popup {

    display: inline-block;

    height: 300px;

    margin-top: 200px;

    border-radius: 10px;

}

#PopupReserved {

    height:670px;

    width:670px;

    position:absolute;

    left: 50%;

    border-radius: 10px;

    margin-left: -335px;

    top: 50%;

    margin-top: -335px;

    background:#FFF;

    color:#000;

}

#PopupReserved a:not(.linkToPage){

    color:#000;

}

#popup p {

    font-size: 14px;

}



#selectCountryContainer {

    width: 100%;

    color:#000;

    font-size:18px;

    padding-top:16px;

    border-radius: 5px;

    height:75px;

}



#selectCountryContainer .pull-left{

    padding-right:15px;

}

#selectCountryContainer .pull-left:last-child{

    padding-right:0px;

}



#news-popup-cont {

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 6;

}

#news-popup-cont .news-popup {

    padding: 50px;

    font-size: 17px;

    overflow-y: auto;

    min-height: 300px;

}

#news-popup-cont .popup-close {

    position: absolute;

    right: 22px;

    top: 22px;

    font-size: 15px;

    color: #bbb;

    cursor: pointer;

    z-index: 7;

}



.maxH-SM {

    max-height: 50%;

}



.white-sfumato-bottom {

    position: absolute;

    width: 100%;

    height: 75px;

    bottom: 0;

    z-index: 1;



    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.7)));

    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);

    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);

    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);

    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=0 );



}

.white-sfumato-top {

    position: absolute;

    width: 100%;

    height: 75px;

    top: 0;

    z-index: 1;



    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 );

}

/* font news home */



h1.dynamic { font-size: 34px; }

h2.dynamic { font-size: 29px; }

h3.dynamic { font-size: 24px; }

h4.dynamic { font-size: 18px; }

h5.dynamic { font-size: 14px; }

h6.dynamic { font-size: 10px; }





#reservedArea .error{

    padding-top: 22px;

    color: red;

    opacity: 0;

    width: 220px;

    transition: all ease-in-out 0.2s;

    display: inline-block;

}



#reservedArea.error .error {

    opacity:1;

}



.inputError {

    border:1px solid red;

}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {

    background-color: #ccc;

}



.form-control {

    font-weight: 500;

}



.listItemReservedArea {

    text-align: left;

    padding: 7px 5px;

    border-bottom: 1px solid #bbb;

}



.socialLink{

    float:left;

    max-width:33.33333333333%;

    width: 40px;

    margin-right: 5px;

}



.copyrightLabel {

    font-size: 9px;

}



#showOnlyDealer {

    color: #c3c3c3;

    font-size: 15px;

    text-decoration: none !important;

}



#showOnlyDealer.checked {

    color:#337ab7;

}





@media(max-width: 1100px) and (min-width: 768px) {

    .badge-link {

        width: 28px;

        height: 28px;

    }

}



@media (max-width: 1240px) and (min-width: 992px) {

    h1.dynamic { font-size: 34px; }

    h2.dynamic { font-size: 29px; }

    h3.dynamic { font-size: 18px; }

    h4.dynamic { font-size: 18px ; }

    h5.dynamic { font-size: 14px ; }

    h6.dynamic { font-size: 10px ; }

}



/* MEDIA */

@media(max-width: 600px) {

    #searchInput {

        width:100%;

        padding: 0 10px 0;

    }

}





/* Media per sm o meno */

@media(max-width: 991px) {

    .h700 { height: 500px !important; }

    .h700.imgCover {

        height: 700px !important;

    }



    .h700-300 { height: 300px !important; }

    .side-spacer-20 {

        padding-right: 0;

    }

    .oes-sidebar-font {

        font-size: 20px;

    }

    .container-small .montaggi-bar {

        height:76px;

    }



    .container-small .container-text {

        margin-top:6px !important;

        margin-left:6px !important;

    }

    .container-small .container-text b {

        font-size:33px;

    }



    .container-small .container-text-filter {

        margin-top:18px !important;

    }

    /*#sidebarAllPage .square-small-large {

        height: 240px !important;

        padding-bottom: 0;    }*/ 

    /*#sidebarAllPage .square-small {

        height:240px;

    }*/

    .notAvailable h1 {

        font-size: 30px;

    }

    .left-description-lis\t {

        height: auto;

        position: static;

        padding: 36px 0;

    }

    #mapContainer {

        height:450px !important;

    }

    #mapContainer a {

        color: #333;

    }



    .ui-menu-item:hover {

          font-weight: bold;

    }

    .h480-300-180,

    .h400-300-180 {

        height: 300px;

    }

    .h700-300{

        height:450px !important;    

    }



    #datiMontaggio > .row  .title {

        font-size:18px !important;

    }

    #datiMontaggio > .row .subtitle {

        font-size:15px !important;

    }

    #datiMontaggio > .row .dataMont {

        font-size:12px !important;

        padding:0;

    }

    #datiMontaggio > .row  .gain .dataMont {

        font-size:20px !important;

    }

    #datiMontaggio > .row > div:first-child {

        padding-left:0px !important;

    }

    #datiMontaggio > .row > div:last-child {

        padding-right:0px !important;

    }

    #datiMontaggio > .row  .row  {

        padding:20px 5px !important;

    }

    #datiMontaggio > .row .gain .title {

        text-transform: initial !important;

    }

    #datiMontaggio > .row .gain .row{

        padding-bottom:30px !important;

    }



}



/* MEDIA */

@media(max-width: 768px) {

    .h700.imgCover {

        height: 200px !important;

    }

}



@media(min-width: 1120px) {

    .sub-section {

        width: 1100px;

    }



}



/*Media per la larghezza del computer lg o più*/

@media(min-width: 991px) {



    .pad-left-4-lg {

        padding-left: 4px;

    }

}



@media(min-width: 1620px) {

    section, .sub-section {

        width: 1600px;

    }

	.topMenuScrollable,

	.montaggi-bar {

		width: 1600px;

	}

}



@media(max-width: 1024px) {

    .filtro-cont li{

        font-size:20px;

    }

}



/* smartphone */

@media(max-width: 767px) {

    body {

        padding-top:0;

    }

    .badge-link-container {

        margin-top: 20px;

    }

    .imgCover {

        background-size: cover;

    }

    #caroselloGallery2 .imgCover {

        background-size: cover;

    }



    #caroselloTerminali,

    #carosello {

        padding: 25px 0;

        background: #FFF;

    }



    .navbar-brand {

        margin-left: 15px;

    }

    .notAvailable h1 {

        font-size: 20px;

    }



    .dettagli-montaggi-container h1 {

        font-size: 30px !important;

    }



    h1.dynamic { font-size: 44px; }

    h2.dynamic { font-size: 32px; }

    h3.dynamic { font-size: 22px; }

    h4.dynamic { font-size: 18px; }

    h5.dynamic { font-size: 16px; }

    h6.dynamic { font-size: 10px; }



    .h480-300-180,

    .h400-300-180 {

        height: 180px;

    }

   

    #news-popup-cont .news-popup {

        min-height: 20px;

        max-height: 200px;

    }

    .come-up {

        -ms-transform: translateY(60px);

        -webkit-transform: translateY(60px);

        transform: translateY(60px);

        -webkit-animation: come-up 0.7s ease forwards;

        -moz-animation: come-up 0.7s ease forwards;

        animation: come-up 0.7s ease forwards;

    }

    .news-cont {

        -ms-transform: translateY(60px);

        -webkit-transform: translateY(60px);

        transform: translateY(60px);

    }

    #mapContainer {

        height:350px !important;

    }

    #selectCountryContainer {

        display:none !important;

    }

    #back-montaggi-bar {

        display:none !important;

    }

    #caroselloNews, #caroselloNews .owl-item > div {

        height: 250px;

    }



    .imgContainer.h850, #caroselloMain {

        height: 230px !important;

    }

    #caroselloMain .st_twitter_large,

    #caroselloMain .st_facebook_large {

        display:none;

    }



    .news:hover .imgContainerZomm {

        -webkit-transform: none;

      -moz-transform: none;

      -ms-transform: none;

      -o-transform: none;

      transform: none;

    }

    .dealerDex {

        line-height: 37.6px !important;

        font-size: 28px !important;

    }

    .styledButton,

    .tecInfoLabel .open-popup:focus,

    .tecInfoLabel .open-popup:visited,

    .tecInfoLabel .open-popup:active,

    .tecInfoLabel .open-popup:hover,

    .tecInfoLabel .open-popup,

    .omologationLabel .omologation-btn,

    .infoLink,

    .getInContact {

        font-size: 10px !important;

    }



    #outlet .list-group,

    #prodotti .list-group {

        margin: 0 5px !important;

    }





    .availableFor {

        width: 100%;

    }



    #nome-montaggio {

        left: 0;

        right: initial;

    }



    .no-margin-xs {

        margin:0 !important;

    }

    #menu.showSearchBar {

        height: 515px;

    }

    #menu.menuCollapseOpen.showSearchBar {

      height: 835px;

    }

    .showSearchBar #searchBikeField {

      height: 455px;

    }

    #progressbar .list-option select {

        display:block;

    }

    #progressbar .list-option.active:after {

        display:none;

    }

    #searchBikeField {

        width:auto;

    }

	.scrollMoreZero #menu,

	#menu {

		position: static;

		height:auto;

		margin-bottom: 0;

	}

	section.mar-top-150, #containerTopMontaggi, #containerTopMontaggi.more-margin-top, #containerTopMontaggi.middle-margin-top {

		margin-top: 0px !important;

	}

    .container-box-all, .container-box-all.space-beetween-menu.objMargin {

        margin-top: 18px;

    }

	.container-box-all.dealerMap {

		margin-top: 0;

	}

    #line-container .box-container a h4 {

        font-size:14px;

        padding-left:0;

        padding-right:0;

    }

    #line-container .box-container a {

        height:100px;

        width:100px;

        margin:10px;

        overflow:hidden;

    }

    #line-container .panel-body {

        padding:15px 0;

    }



    #containerTopMontaggi .arrow-left2,

    #containerTopMontaggi .arrow-right2 {

        padding:21px 0;

    }

    #caroselloTerminali .arrow-left, #caroselloTerminali .arrow-right,

    #carosello .arrow-left, #carosello .arrow-right {

        display: none !important;

    }

	.scrollMoreZero .montaggi-bar,

	.montaggi-bar {

		position: relative;

		top: 0px;

	}

	#contenitoreIconeMontaggi #download-img, #contenitoreIconeMontaggi #enable-glass {

		display:none;

	}



	.topMenuScrollable {

		display:none;

	}

	#containerTopMontaggi {

		margin-bottom: 0px;

	}

    #containerTopMontaggi .dettagli-montaggi-container {

        padding:5px 0;

        width: 100%;

    }

    #containerTopMontaggi .dettagli-montaggi-container h1{

        white-space: break-spaces;

    }

    #containerTopMontaggi .dettagli-montaggi-container h2 {

        margin-top:16px !important;

    }

	.topMenuScrollable, .montaggi-bar {

		box-shadow: none;

	}

	#containerTopMontaggi .dettagli-montaggi-container .letter-spaced {

		font-size: 27px;

	}

    #containerTopMontaggi .dettagli-montaggi-container .letter-spaced {

        margin: 18px 0 0 0px !important;

    }

    .lineElement {

        min-width: 165px !important;

        margin-bottom: 30px !important;

    }

    .lineDesc {

        font-size: 14px !important;

    }

    .lineTitle {

        font-size: 20px !important;

    }

    .lineImage {

        min-height: 100px !important;

    }

    .lineTitle, .lineDesc, .lineLinkTo {

         margin: 10px 0 !important;

    }

    #popup-cont #popup {

        width: 100%;

        margin: 0;

        height: 100%;

        max-height: none;

        border-radius: 0;

    }

    .popup-fixed {

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

        position: fixed;

        width: 100%;

        height: 80px;

        bottom:0;

    }

    .maxH-SM {

        max-height: none;

    }



    /*#popup-cont #popup button{

        position: absolute;

        top: 5px;

        left: 15px;

        width: 20px;

        height: 20px;

    }*/



    .logo-title-3, .logo-title-1 {

        padding-bottom:0;

    }

    p.title {

        font-size:25px;

    }

    p.subtitle {

        font-size:16px;

    }

    .logo-title-0,

    .logo-title-2 {

        padding: 5px 10px;

    }

    .news-head-img {

        height:200px;

    }

    .news-text-cont {

        max-height:132px;

    }

    .news-head-img .align-bottom h1.pad-15 {

        font-size:25px;

        padding-left:0;

        padding-bottom:0;

    }

    #arrowAppender .mar-top-50 h2.font-white{

        font-size:25px;

    }



    #arrowAppender .mar-top-50 {

        margin-top:0px !important;

    }

    #containerTopMontaggi .dettagli-montaggi-container #OSE {

        margin:-2px 0 0 0!important;

    }

    #containerTopMontaggi .dettagli-montaggi-container #OSE b {

        font-size:18px;

    }

    #containerTopMontaggi .dettagli-montaggi-container #montaggio-moto {

        margin-top:1px !important;

        font-size:22px;

    }

	#montaggio-barra-top {

		height: auto;

		top: 0;

	}

    #montaggio-barra-top  .dettagli-montaggi-container{

        white-space:normal;

    }

    #nome-montaggio h3{

        font-size: 12px !important;

    }

    #prodotti li.list-group-item {

       height: auto !important; 

    }

    #containerBot .square-small-large {

        height:229px !important;

        padding-bottom:0;

    }

    #caroselloTerminali .imgContainer,

    #carosello .imgContainer {

        height: 230px;

    }



    #caroselloTerminali .imgContainer .img-overlay h3,

    #carosello .imgContainer .img-overlay h3 {

        margin-top: 12px;

    }

    

    #caroselloTerminali .slick-slide,

    #carosello .slick-slide {

        width: 310px;

    }

     .mar-bot-2-xs {

        margin-bottom: 5px !important;

    }

    .h700-300 {

        height:350px !important;

    }



	.gallery-news-thumbtnails-container > div {

		height: 50px;

		margin: 13px auto;

		width: 60px;

	}



	.gallery-news-thumbtnails-container {

		width: 86px;

	}



	.icon-container.news-icon-continer {

		right: 75px;

		bottom: -10px;

	}



    #PopupReserved-cont {

        /*position:static;*/

        display: none;

        text-align: center;

        z-index: 9000;

        height:100%;

    }



    #PopupReserved {

          max-height: 100%;

          overflow: auto;

          top: 0;

          margin: 0;

          left: 0;

          width: 100%;

          height: 100%;

          border-radius:0;

          position:static;

    }



    .social-item-row {

        max-width: 475px;

        margin: 0 auto;

        float: none;

        margin-top: 30px;

    }



    .social-item-row:first-child {

        margin-top:0;

    }



	#whitespaceBottom {

		display:none;

	}

	/*stili popup dentro i montaggi*/

	#montaggi #myModal {

		padding: 0 !important;

	}



	#montaggi #myModal .modal-dialog {

		margin: 0;

		height: 100vh;

	}



	#montaggi #myModal .modal-content {

		border: 0;

		border-radius: 0;

	}

}



/* Dimensione per i telefoni */

@media(max-width: 450px) {

    .h700-300 {

        height: 300px !important;

    }

}



/* Dimensione per i telefoni */

@media(max-width: 375px) {

    .h700-300 {

        height:220px !important;

    }



    #mapContainer {

        height: 250px !important;

    }

    .modal .table td {

        font-size: 14px;

    }

}





 @media screen and (orientation:landscape) and (max-width:767px) {

     



    .dexFont {

        font-size: 22px;

    }

    .font-17-sm-landscape,

    .navbar-right > li > a {

        font-size: 17px !important;

    }



    .oes-sidebar-font {

        font-size: 30px;

    }



    h1.dynamic { font-size: 60px; }

    h2.dynamic { font-size: 50px; }

    h3.dynamic { font-size: 35px; }

    h4.dynamic { font-size: 18px; }

    h5.dynamic { font-size: 20px; }

    h6.dynamic { font-size: 10px; }



}



@media screen and (orientation:portrait) and (max-width:767px) {



    #modalGain {

        display:none !important;

    }



    .pad-left-xs-6 {

        padding-left:6px;

    }

}



#modalLegend {

    padding-right:0 !important;

}



@media (min-width: 768px) {

	#modalLegend .modal-dialog {

		width: 680px;

	}

}



@media (max-width: 768px) {

	.iconOmologationContainer > div {

		float: right;

	}

	.tecInfoLabel {

		text-align:initial;

	}

    #loginSlide {

        /*display:none;*/

    }

    #login-container.logged a:hover {

        background-color: inherit !important;

    }

    #topHeaderPopup {

        width:210px !important;

    }

    #downloadCSV{

        width:100px;

    }

    

    #login-container > li > a {

        padding: 10px 15px 10px 25px;

    }

}



@media (min-width: 870px) {

    #modalLegend .modal-lg {

        width: 850px;

    }

}



@media (min-width: 1120px) {

    #modalLegend .modal-lg {

        width: 1100px;

    }

}



@media(max-width: 420px) {

	.codeMountingContainer, .iconOmologationContainer {

		width: 100%;

	}



	.iconOmologationContainer > div {

		float: left;

	}

}