ul.hotlink{
    list-style:none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

ul.hotlink li {
    display:inline-block;
    text-align:center;

    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg);

    background-color: #000;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;

    padding-top:3px;
    padding-bottom: 3px;
}

ul.hotlink li a {
    display:block;
    text-decoration:none;
    text-transform: uppercase;
    /*padding:5px 10px;*/
    font-size: 18px;
    color:#fff;
    -webkit-transform: skew(45deg) !important;
    -moz-transform: skew(45deg) !important;
    -ms-transform: skew(45deg) !important;
    -o-transform: skew(45deg) !important;
    transform: skew(45deg) !important;

    margin-left: 10px;
    margin-right: 10px;
}

ul.hotlink li a::before {
    content: url(../img/arrow_right_red.png);
    margin-right: 5px;
}

ul.hotlink li:hover{
    background-color: #aaa;
}


ul.hotlink li.black{
    background-color: #000;
}

.tabbedArticle .navigation{
    text-align: center;
}

.tabbedArticle .navigation ul{
    list-style:none;
    margin: 0;
    padding: 0;
}

.tabbedArticle .navigation ul li{
    margin-left: 10px;
}

.tabbedArticle .navigation ul li span{
    margin-right: 10px;
    margin-left: 10px;
}

.tabbedArticle .navigation ul li.inactive {
    display:inline-block;
    text-align:center;
    background-color: #ebecf0;
    color: #ccc;

    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg);

    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}


.tabbedArticle .navigation ul li.active
{
    display:inline-block;
    text-align:center;

    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg);

    background-color: #000;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}


.tabbedArticle .navigation ul li:hover {
    display:inline-block;
    text-align:center;

    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg);

    background-color: #ccc;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    cursor: pointer;
}


.tabbedArticle .navigation ul li.active span {
    display:block;
    text-decoration:none;
    text-transform: uppercase;
    /*padding:5px 10px;*/
    color:#fff;
    -webkit-transform: skew(45deg) !important;
    -moz-transform: skew(45deg) !important;
    -ms-transform: skew(45deg) !important;
    -o-transform: skew(45deg) !important;
    transform: skew(45deg) !important;

    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
}


.tabbedArticle .navigation ul li span{
    font-size: 18px;

}

.tabbedArticle .navigation ul li.inactive span {
    display:block;
    text-decoration:none;
    text-transform: uppercase;
    /*padding:5px 10px;*/
    -webkit-transform: skew(45deg) !important;
    -moz-transform: skew(45deg) !important;
    -ms-transform: skew(45deg) !important;
    -o-transform: skew(45deg) !important;
    transform: skew(45deg) !important;

    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
}


.tabbedArticle .navigation ul li:hover span {
    display:block;
    text-decoration:none;
    text-transform: uppercase;
    /*padding:5px 10px;*/
    /*font-size: 14px;*/
    color:#000;
    -webkit-transform: skew(45deg) !important;
    -moz-transform: skew(45deg) !important;
    -ms-transform: skew(45deg) !important;
    -o-transform: skew(45deg) !important;
    transform: skew(45deg) !important;

    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
}

.tabbedArticle .navigation ul li.inactive span {
    color:#000;
    /*font-size: 14px;*/
    text-transform: uppercase;
}


.tabbedArticle .navigation ul li:hover{
    cursor: pointer;
}

.tabbedArticle .text. span.active{
    display: block;
}
.tabbedArticle .text span.inactive{
    display: none;
}

.tabcontainer .magnific-popup-container img.frontend{
    width:100%;
}




.hotlink.inline{
    display: inline;
}

.hotlink.inline li{
    margin-right:10px;
}

.hotlink.block{
    display: block;
    text-align: center;
}


.hotlink_wrapper{
    max-resolution: 0 auto;
    text-align: center;
}

.hotlink_spacer{
    display: block;
    height:15px;
}