@font-face {
  font-family: "vwmobile";
  src:url("../../mobile/font/vwmobile.eot");
  src:url("../../mobile/font/vwmobile.eot?#iefix") format("embedded-opentype"),
  url("../../mobile/font/vwmobile.ttf") format("truetype"),
  url("../../mobile/font/vwmobile.svg#vwmobile") format("svg"),
  url("../../mobile/font/vwmobile.woff") format("woff");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "vwmobile" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="vwicon-"]:before,
[class*=" vwicon-"]:before {
  font-family: "vwmobile" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container-relative{
    position: relative;
}

#browser-alert{
    position: fixed;
    top:10px;
    left:20%;
    right: 20%;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.vwicon-mail:before {
  content: "\e000";
}
.vwicon-volante:before {
  content: "\e001";
}
.vwicon-tools:before {
  content: "\e002";
}
.vwicon-phone:before {
  content: "\e003";
}
.vwicon-macintosh:before {
  content: "\e004";
}
.vwicon-facebook:before {
  content: "\e005";
}
.vwicon-twitter-alt:before {
  content: "\e006";
}
.vwicon-app-store:before {
  content: "\e007";
}
.vwicon-home:before {
  content: "\e008";
}
.vwicon-marker:before {
  content: "\e009";
}
.vwicon-users:before {
  content: "\e00a";
}
.vwicon-tablet:before {
  content: "\e00b";
}
.vwicon-right-open:before {
  content: "\e00c";
}
.vwicon-chevron-right:before {
  content: "\e00d";
}
.vwicon-youtube:before {
  content: "\e00e";
}
.vwicon-pinterest:before {
  content: "\e00f";
}
.vwicon-gplus:before {
  content: "\e010";
}
.vwicon-fontawesome-webfont:before {
  content: "\e011";
}
.vwicon-cog:before {
  content: "\e012";
}
.vwicon-cog-phone:before {
  content: "\e013";
}


@font-face {
    font-family: 'VWHeadlineOTBook';
    src: url('../../corporate/fonts/vwheadlineot-book-webfont.eot');
    src: url('../../corporate/fonts/vwheadlineot-book-webfont.eot?#iefix') format('embedded-opentype'), url('../../corporate/fonts/vwheadlineot-book-webfont.woff') format('woff'), url('../../corporate/fonts/vwheadlineot-book-webfont.ttf') format('truetype'), url('../../corporate/fonts/vwheadlineot-book-webfont.svg#VWHeadlineOTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VWHeadlineOTSemibold';
    src: url('../../corporate/fonts/vwheadlineot-semibold-webfont.eot');
    src: local('☺'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.woff') format('woff'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.ttf') format('truetype'), url('../../corporate/fonts/vwheadlineot-semibold-webfont.svg#VWHeadlineOTSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VWHeadlineOTBlack';
    src: url('../../corporate/fonts/vwheadlineot-black-webfont.eot');
    src: local('☺'), url('../../corporate/fonts/vwheadlineot-black-webfont.eot?#iefix') format('embedded-opentype'), url('../../corporate/fonts/vwheadlineot-black-webfont.woff') format('woff'), url('../../corporate/fonts/vwheadlineot-black-webfont.ttf') format('truetype'), url('../../corporate/fonts/vwheadlineot-black-webfont.svg#VWHeadlineOTBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}


.number{
    text-align: right !important;
}
.ui-draft{
    color:#999;
    font-style: italic;
    h1,h2,h3,h4,h5,h6{
        font-weight: normal;
    }
}
body {
    //padding-top: 80+115px;
    padding-bottom: 40px;
}
.sidebar-nav {
    padding: 9px 0;
}
.navbar .brand {
    padding-left: 70px !important;
}
#map{
    img{
        max-width: none;
    }
}

.vw-navbar{
    margin-bottom:15px;
    .vw-navbar-inner{
        background: #c0c0c0;
        color: #4d4d4d;
    }
    .vw-nav{
        margin: 0;
        padding:0;
        list-style: none;
    }
}
@media only screen and (max-width:959px) {
    .vw-navbar .vw-navbar-inner{
        padding: 15px 0;
    }
}
@media only screen and (min-width:960px) {

    .vw-navbar{
        .vw-navbar-inner{
            a{
                color: #4d4d4d;
                display: block;
            }
            a:hover{
                text-decoration: none;
                color:#000;
            }

            .vw-nav{
                float:left;
                li{
                    float:left;
                    height: 100%;
                    border-right:1px dotted #717171;
                    a{
                        padding:0 7px;
                        line-height: 32px;
                    }
                }
                &.vw-nav-right{
                    float:right;
                }
            }

            .active{
                background: #717171;
                a{
                    color:white;
                }
            }
            .pull-right{
                li{
                    border-right:none;
                    border-left:1px dotted #717171;
                }
            }
            .dropdown-menu{
                background: #c0c0c0;
                border-radius: 0;
                margin:0;
                li{
                    display: block;
                    background: transparent;
                    border-radius: 0;
                    border:none;
                    float:none;
                    a{
                        background: transparent;
                        display: block;
                        border:none;
                    }

                    &:hover{
                        background: #aaa;
                    }
                    &.active:hover, &.active{
                       background: #717171;
                   }
               }
           }
       }
   }
}
ul.vw-thumbnails{
    list-style-type: none;
    overflow: hidden;
    .sortable-item{
        position: relative;
        float:left;
        margin-right: 10px;
        .btn{
            position: absolute;
            top:0;
            right: 0;
            display: none;
        }
    }
    .sortable-item:hover{
        cursor: move;
        .btn{
            display: block;
        }
    }
}

.navbar .brand {
    padding-left: 70px;
}
.navbar .vw-logo {
    background: url('../img/volkswagen-das-auto.png') no-repeat 25px center;
}


.headline-list{
    font-family: 'VWHeadlineOTBlack',sans-serif;
    text-align:center;
    color:#3779a3;
    width: 223px;
    line-height:100%;
    background: url('../../corporate/img/promozione-lista.png') no-repeat center center;
    margin: 0 auto;
    height: 111px;
    font-size:14px;
    .row1{
        font-size:16px;
        line-height:20px;
        padding:2px 0;
        padding-top:20px;
        display: block;
    }
    .row2{
        font-size:20px;
        line-height:24px;
        padding:2px 0;
        display: block;
    }
    .row3{
        font-size:12px;
        line-height:16px;
        padding:2px 0;
        display: block;
    }
}
.arancione{
    background-image: url('../../corporate/img/promozione-lista-arancione.png');
    color:#fff;
}
.blu{
    background-image: url('../../corporate/img/promozione-lista-blu.png');
    color:#fff;
}


.thumbnail{
    position: relative;
    .img-alias-img{
        display: block;
        z-index: 1000;
        position: absolute;
        right: 10px;
        top:10px;
    }
    iframe{
        max-width: 100%;
        max-height: 100%;
    }
}


.promo-date{
    padding-top:10px;
}

.is-expired{
    color:@errorText;
}
.not-expired{
    color:@successText;
}


.news{
    background: #f5f5f5;
    border:1px solid #cbcbcb;
    display: table;
    width: 100%;
    font-size:13px;
    line-height: 1.1;
    margin-bottom: 30px;
    h2{
        font-size:16px;
        margin: 0;
        line-height: 1.2;
        color:#2c5d85;
        margin-bottom:10px;
        font-family: 'VWHeadlineOTBlack', sans-serif;
        font-weight: normal;
    }
    .news-date{
        margin:-1px;
        margin-right:0;
        display:table-cell;
        color:#fff;
        background: #2c5d85;
        vertical-align: bottom;
        text-align: center;
        padding:15px;
        width:1px;
        font-family: 'VWHeadlineOTBook', sans-serif;
    }
    .news-body{
        display:table-cell;
        padding:15px;
    }
}
.news-highlight{
    background: #f5f5f5;
    border:1px solid #cbcbcb;
    margin: 0;
    font-size:13px;
    line-height: 1.1;
    margin-bottom:20px;
    h3{
        font-size:16px;
        margin: -1px;
        margin-bottom:0;
        line-height: 1.2;
        background:#2c5d85;
        color:#fff;
        margin-bottom:10px;
        font-family: 'VWHeadlineOTBlack', sans-serif;
        font-weight: normal;
        padding:15px;
    }
    .news-highlight-body{
        padding:0 15px 15px;
    }
    
}



/* NEWS BE */

.btn-corporate{
    background-color:#2c5d85;
    color:#fff;
    font-family: 'VWHeadlineOTBlack', sans-serif;
    &:hover{
        color:#fff;
        background-color:lighten(#2c5d85,10%);
    }
}


.nav-corporate{
    margin-bottom:15px;
    >li.active>a, >li.active>a:hover,>li.active>a:focus{ background-color:#2c5d85; }
    >li>a, >li>a:hover,>li>a:focus{ background-color:#c0c0c0; }
    >li+li{
        margin-left:20px;
    }
    >li>a{
        padding:6px 24px;
        color:#717171;
    }
}


.faq{
    margin-bottom:15px;
    background:#f5f5f5;
    border:1px solid #e0e0e0;
    border-bottom:0;
    .faq-title{
        display:block;
        font-family: 'VWHeadlineOTBook', sans-serif;
        font-size:16px;
        font-weight: normal;
        color:#717171;
        text-decoration: none;
        height: 30px;
        line-height:30px;
        background-color:;
        padding:0 15px;
        padding-left:45px;
        cursor:pointer;
        margin:-1px -1px 0 -1px;
        background:#c0c0c0 url(../img/faq-plus.png) no-repeat 15px center;
        background-size: 18px auto;
    }
    .faq-body{
        display: none;
        padding:15px;
        h2{
            margin: 0;
        }
    }
    &.active{ 
        border:1px solid #e0e0e0;
        .faq-title{
            background:#2c5d85 url(../img/faq-minus.png) no-repeat 15px center;
            background-size: 18px auto;
        }
        .faq-body{
            display: block;
        }
    }
}

.video{
    background: #f5f5f5;
    border:1px solid #e0e0e0;
    padding:18px;
    height: 350px;
    .video-title{
        margin: 0;
        font-family: 'VWHeadlineOTBlack', sans-serif;
        font-size:16px;
        font-weight: normal;
        margin-bottom:10px;
    }
    .video-preview{
        margin-bottom:10px;
    }
    .video-body{
        font-size:13px;
    }
}