/* TRAILER MENU */
li.trailer-submenu span.title {
    display: block;
    font-weight: bold;
    font-size: 120%;
}
.desktop li.trailer-submenu {
    position:inherit !important;
}
.desktop li.trailer-submenu ul {
    top:auto !important;
    width:100%;
}
.desktop li.trailer-submenu ul li.thumb {
    width: 25%;
    text-align: center;

}
.desktop li.trailer-submenu ul li * {
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
.desktop li.trailer-submenu ul li a {
    -moz-transition: color 50ms;
    -webkit-transition: color 50ms;
    transition: color 50ms;
}

.desktop li.trailer-submenu ul li.thumb:hover img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.mobile li.trailer-submenu ul li.thumb img {
  display: none;
}

.mobile li.trailer-submenu span.title {
    font-size: 100%;
}
.mobile li.trailer-submenu span.description {
    font-size: 90%;
}

header nav ul.desktop > li.trailer-submenu:hover > ul {
    display:-webkit-box;   
    display:-ms-flexbox;   
    display:flex;   
    -ms-flex-wrap:wrap;   
        flex-wrap:wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}


/* TRAILER WRAPPER GENERAL */
div.trailer-wrapper {
	background: #fff;
}

div.trailer-wrapper {
    -webkit-transition: background 150ms linear, color 150ms linear;
    -moz-transition: background 150ms linear, color 150ms linear;
    -ms-transition: background 150ms linear, color 150ms linear;
    -o-transition: background 150ms linear, color 150ms linear;
    transition: background 150ms linear, color 150ms linear;
    border: solid 2px #ccc;
    border-radius: 5px;
}

div.trailer-wrapper figure {
	margin: 0;
	margin-bottom: 30px;
}

div.trailer-wrapper figure a,
div.trailer-wrapper figure img {
	display: block
}

div.trailer-wrapper p {
	text-align: center;
	margin-bottom: 30px;
}

div.trailer-wrapper h2 {
	text-align: center;
}

div.trailer-wrapper a.button {
	width: 100%;
	text-align: center;
}

span.brake.false {
    color: red;
}
span.brake.true {
    color: green;
}

/* TRAILER WRAPPER CATEGORY */

div.trailer-wrapper.category:hover {
	background: #f5a522;
    color: #fff;
    border: solid 1px rgba(0,0,0,0);
}



div.trailer-wrapper.category:hover figure img {
	-moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

div.trailer-wrapper.category p span.price {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 120%;   
}

div.trailer-wrapper.category p span.price > span {
    font-weight: bold;
    color: #ab3222;
    border-bottom: solid 2px #ab3222;
    
}

div.trailer-wrapper.category:hover span.price span {
    border-color: #fff;
    color: #fff;
}
/* TRAILER WRAPPER TRAILER */

div.trailer-wrapper.trailer span.brake {
	font-weight: bold;
    display: block;
    text-align: center;
    font-size: 120%;
}

/* TRAILER DETAIL */

div.trailer-detail-wrapper h1 span {
    font-size: 75%;
}

div.trailer-detail-wrapper *:not(.button) > i.fa {
    margin-right: 15px;
    color: #ab3222;
}

div.trailer-detail-wrapper div.general > div {
	margin-bottom: 30px;
}

div.trailer-detail-wrapper div.options figure {
	margin: 0;
}

div.trailer-detail-wrapper div.options figure figcaption {
    font-size: 90%;
    font-style: italic;
    text-align: center;
}

/* CONFIGURATOR */

div.configurator form label {
    display: block;
    font-weight: bold;
    font-size: 100%;
}

div.configurator table#display td {
    position: relative;
}

div.configurator table#display tr.datarow td {
    height: 60px;
}

div.configurator table#display td span {
    float: right;
    color: #333;
}

div.configurator table#display td img {
    position: absolute;
    right: 10px;
}

div.configurator table#display span.price {
    font-size: 175%;
    font-style: italic;
    font-weight: bold;
    color: #db9421;
}