@font-face { font-family: 'tlc-b';
             src: url('../fonts/NTB.eot#')  format('eot'),
                  url('../fonts/NTB.woff')  format('woff'),
                  url('../fonts/NTB.ttf')   format('truetype'); }

@font-face { font-family: 'tlc-r';
             src: url('../fonts/NTD.eot#')  format('eot'),
                  url('../fonts/NTD.woff')  format('woff'),
                  url('../fonts/NTD.ttf')   format('truetype'); }

@font-face { font-family: 'tlc-t';
             src: url('../fonts/NTL.eot#')  format('eot'),
                  url('../fonts/NTL.woff')  format('woff'),
                  url('../fonts/NTL.ttf')   format('truetype'); }

body {
    background:#eaeaea;
    color:#414042;
    font-family:'tlc-r',sans-serif;
    font-size:15px;
    font-weight:normal;
    letter-spacing:-0.02em;
    margin:0;
    padding:0;
}

h2 {
    font-family:'tlc-r',sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}

a {
    color:#414042;
    text-decoration:none;
}

p { margin-top:0; }

ul {margin-top:0;}

b, strong {
    font-family:'tlc-b',sans-serif;
    font-weight:normal;
}



/***** GRID *****/
#content {
    overflow:hidden;
}
#content:after {
    content:'';
    clear:both;
    display:block;
    height:0;
}

#content #map,
#content #acc {
    float:left;
}
#content #map {
    width:25%;
}
#content #acc {
    width:75%;
}



/***** MAP *****/
#map {
    text-align:left;
    position:relative;
}
#map .icn {
    height:90px;
    position:absolute;
    left:125px;
    top:100px;
    width:90px;
}
#map .hint {
    background:#fff;
    color:#EB2837;
    display:block;
    font-family:'tlc-r',sans-serif;
    font-size:18px;
    margin:0 0 10px 10px;
    padding:15px 10px;
    text-align:left;
}
#map img {
    margin-bottom:20px;
    margin-left:20px;
}

/***** HEAD IMAGE *****/
.head-img {
    background:url('../img/audio-2941746-wkd.jpg') no-repeat center 0;
    background-size:auto 100%;
    height:240px;
    margin-bottom:40px;
    position:relative;
}
.head-img span {
    bottom:10px;
    color:#fff;
    font-family:'tlc-b';
    font-size:2.5em;
    left:15px;
    position:absolute;
}

/***** ACCORDION *****/
#acc .acc-i {
    margin-bottom:20px;
}

#acc h2 {
    background:#EB2837;
    color:#fff;
    cursor:pointer;
    margin:0;
    padding:15px 15px;
    position:relative;
}

#acc .acc-i h2 .right {
    background:#323232;
    bottom:0;
    color:#fff;
    height:36px;
    padding:10px;
    position:absolute;
    right:0;
    text-align:right;
    width:65%;
}

#acc .acc-i h2 .right .trans {
    border-right:56px solid transparent;
    border-left:76px solid #EB2837;
    border-top:50px solid transparent;
    bottom:0;
    left:18px;
    position:absolute;
    width:76px;
}
#acc .acc-i h2 .right .trans:before {
    background:#EB2837;
    border-top-right-radius:30px;
    bottom:0;
    content:'';
    height:56px;
    left:-94px;
    position:absolute;
    width:30px;
}

#acc .acc-i h2 .right span {
    font-size:75%;
    vertical-align:middle;
}

#acc .acc-i h2 .right i {
    color:#EB2837;
    font-weight:normal;
    opacity:1;
    padding:0px 5px;
    vertical-align:middle;
}
#acc .acc-i h2:hover .right i {
    color:#fff;
    opacity:1;
}
#acc .acc-i h2:focus .right i {
    color:#fff;
    opacity:.7;
}
#acc .acc-i.act h2 .right i {
    color:#fff;
    opacity:.7;
}


#acc .acc-i .cont {
    height:0;
    overflow:hidden;
    transform:scaleY(0);    
    transform-origin: top;
    -webkit-transition:all .3s; /* Safari */
    transition:all .3s;
}
#acc .acc-i .cont .inner {
    background:#fff;
    margin-bottom:10px;
    padding:10px;
}
#acc .acc-i .cont .inner:last-child {
    margin-bottom:0;
}
#acc .acc-i.act h2 {

}
#acc .acc-i.act h2:after {
    border-top:0 none;
    border-bottom: 10px solid white;
}
#acc .acc-i.act .cont {
    height:auto;
    transform:scaleY(1);
}

.logo-row img {margin-right:20px;}

.providerlist:after {
    content:'';
    clear:both;
    display:block;
}
.provider {
    border:1px solid #EB2837;
    float:left;
    height:123px;
    margin:0 10px 10px 0;
    position:relative;
    text-align:center;
    width:178px;
}
.provider:last-child {margin-bottom:20px;}
.provider img {margin-top:8px;}
.provider .channel {
    background:#EB2837;
    bottom:0;
    color:white;
    font-size:12px;
    margin-bottom:0;
    padding:5px 0;
    position:absolute;
    width:100%;
}





/***** RESPONSIVE *****/
@media screen and (max-width:639px){
    #map img, #map .icn {display:none;}
    #map .hint {margin-left:0;}
    #content #acc {width:100%;}
    #acc .acc-i h2 .right {width:55%;}
    #acc .acc-i .cont .inner:first-child {margin-bottom:2px;}
}

@media screen and (min-width:640px) and (max-width:767px){
    #content {width:100%;}
    #map img {width:90%;}
    #content #acc {width:65%;}
    #content #map {width:35%;}
    #content #map img {width:202px;}
    #map .icn {left:80px;top:80px;background-size:80px 80px !important;}
    #acc .acc-i .cont .inner:first-child {margin-bottom:4px;}
}

@media screen and (min-width:768px) and (max-width:1299px){
    #content {width:100%;max-width:1250px;}
    #map img {width:90%;max-width:202px;}
    #map .icn {left:70px;top:70px;background-size:80px 80px !important;}
    #acc .acc-i .cont .inner:first-child {margin-bottom:4px;}
}

@media screen and (min-width:1300px){
    #content {width:1250px;}
    #map img {width:285px;}
    #map .icn {left:120px;top:120px;background-size:90px 90px !important;}
}



/*@media (max-width:459px){
    #content {width:310px;}
    #content #map, #content #acc {float:none;width:100%;}
    #content #acc {margin-bottom:30px;}
    #map img, #map .icn {display:none;}
    #map .hint {margin-left:0;}
        
}
@media (min-width:460px){
    #content {width:460px;}
    #map img {width:145px;}
    #map .icn {left:45px;top:45px;background-size:75px 75px !important;}
}
@media (min-width:620px){
    #content {width:620px;}
    #map img {width:196px;}
    #map .icn {left:70px;top:70px;background-size:80px 80px !important;}
}
@media (min-width:940px){
    #content {width:940px;}
    #map img {width:285px;}
    #map .icn {left:120px;top:120px;background-size:90px 90px !important;}
}*/




/***** HELPERS *****/
.ul {
    font-size:110%;
    padding-bottom:5px;
}

.clear {clear:both;}