/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

a,
body,
h1,
h2 {
    color: #fff
}

p,
ul {
    margin: 0
}

.cf:after,
header a,
img {
    display: block
}

header,
img,
main {
    width: 100%
}

footer,
h1,
main {
    text-align: center
}

@font-face {
    font-family: merge_pro_lightbold;
    src: url(/Static/tt-com/fonts/MergeProLight-Bold-webfont.eot);
    src: url(/Static/tt-com/fonts/MergeProLight-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(/Static/tt-com/fonts/MergeProLight-Bold-webfont.woff) format('woff'), url(/Static/tt-com/fonts/MergeProLight-Bold-webfont.ttf) format('truetype'), url(/Static/tt-com/fonts/MergeProLight-Bold-webfont.svg#merge_pro_lightbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: merge_pro_lightlight;
    src: url(/Static/tt-com/fonts/MergeProLight-Light-webfont.eot);
    src: url(/Static/tt-com/fonts/MergeProLight-Light-webfont.eot?#iefix) format('embedded-opentype'), url(/Static/tt-com/fonts/MergeProLight-Light-webfont.woff) format('woff'), url(/Static/tt-com/fonts/MergeProLight-Light-webfont.ttf) format('truetype'), url(/Static/tt-com/fonts/MergeProLight-Light-webfont.svg#merge_pro_lightlight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: merge_pro_lightregular;
    src: url(/Static/tt-com/fonts/MergeProLight-Regular-webfont.eot);
    src: url(/Static/tt-com/fonts/MergeProLight-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(/Static/tt-com/fonts/MergeProLight-Regular-webfont.woff) format('woff'), url(/Static/tt-com/fonts/MergeProLight-Regular-webfont.ttf) format('truetype'), url(/Static/tt-com/fonts/MergeProLight-Regular-webfont.svg#merge_pro_lightregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: merge_pro_condensedbold;
    src: url(/Static/tt-com/fonts/MergeProCondensed-Bold-webfont.eot);
    src: url(/Static/tt-com/fonts/MergeProCondensed-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(/Static/tt-com/fonts/MergeProCondensed-Bold-webfont.woff) format('woff'), url(/Static/tt-com/fonts/MergeProCondensed-Bold-webfont.ttf) format('truetype'), url(/Static/tt-com/fonts/MergeProCondensed-Bold-webfont.svg#merge_pro_condensedbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: merge_pro_condensedregular;
    src: url(/Static/tt-com/fonts/MergeProCondensed-Regular-webfont.eot);
    src: url(/Static/tt-com/fonts/MergeProCondensed-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(/Static/tt-com/fonts/MergeProCondensed-Regular-webfont.woff) format('woff'), url(/Static/tt-com/fonts/MergeProCondensed-Regular-webfont.ttf) format('truetype'), url(/Static/tt-com/fonts/MergeProCondensed-Regular-webfont.svg#merge_pro_condensedregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.cf:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden
}

.cf {
    zoom: 1
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    background-color: #fff;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-size: auto 100%;*/
    font: normal 300 18px/28px merge_pro_lightlight, sans-serif
}

h1 {
    margin-bottom: 30px;
    font: normal 300 30px/40px merge_pro_lightlight, sans-serif
}

h2 {
    background: url(/Static/tt-com/images/hr.png) left 40px no-repeat;
    padding-bottom: 25px;
    font: normal 300 24px/34px merge_pro_lightlight, sans-serif;
    text-transform: uppercase
}

a {
    font: normal 300 18px/28px merge_pro_lightlight, sans-serif;
    text-decoration: none;
    outline: 0;
}

main .info,
main .info a {
    font-size: 14px;
    line-height: 18px
}

a:hover {
    background: rgba(255, 255, 255, .2)
}

img {
    height: auto
}

ul {
    list-style: none;
    padding: 0
}

b,
strong {
    font-weight: 400;
    /*font-family: merge_pro_condensedbold, sans-serif;*/
}

header {
    margin: 0 auto;
    padding: 0;
}

header a {
    width: 200px;
    margin: 0 auto
}
header a:hover{
    background: none;
}

main .europe ul,
main section {
    display: inline-block;
    vertical-align: top
}

main {
    background: #333;
    background: rgba(0, 0, 0, .5);
    max-width: 1720px;
    margin: 0 auto 50px;
    padding: 30px 30px 50px
}

main section {
    width: 12%;
    margin: 0 1%;
    text-align: left
}

main section li {
    margin-bottom: 5px
}

main .europe {
    width: 25%
}

main .europe ul {
    width: 50%;
    margin-right: -4px
}

main .info {
    position: relative;
    display: none;
    padding: 10px 20px
}

main .info:after,
main .info:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent
}

main .info:before {
    position: absolute;
    top: 12px;
    left: 6px;
    border-left-color: #fff;
    z-index: 2
}

main .info p {
    margin-bottom: 10px
}

main .info a {
    display: block;
    word-break: break-all
}

main .info a:hover {
    background: 0 0;
    text-decoration: underline
}

main .po {
    display: block;
    max-width: 181px;
    width: 90%;
    margin: 200px auto 0
}

main .po:hover {
    background: 0 0
}

footer {
    background: #9d8958;
    width: 100%;
    padding: 30px 0
}

footer p {
    max-width: 900px;
    width: 90%;
    margin: 0 auto
}

@media screen and (max-width:1375px) {
    h2 {
        font-size: 20px
    }
}

@media screen and (max-width:1170px) {
    h1 {
        font-size: 26px
    }
    h2 {
        background-position: center 30px;
        padding-bottom: 20px;
        font: normal 400 16px/22px merge_pro_lightregular, sans-serif
    }
    a {
        font-size: 14px
    }
    main section li {
        margin-bottom: 0
    }
}

@media screen and (max-width:940px) {
    header {
        padding: 20px 0
    }
    header a {
        width: 100px;
        height: 90px
    }
    h1 {
        font-size: 22px
    }
    main section {
        width: 47%;
        margin: 0 1% 50px
    }
    main section li {
        margin-bottom: 0
    }
    main .europe {
        width: 97%;
        margin: 0 auto 50px
    }
    main .po {
        margin: 20px auto 0
    }
    footer p {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width:420px) {
    h1 {
        font: normal 400 18px/22px merge_pro_lightregular, sans-serif
    }
    main section {
        width: 97%;
        margin: 0 auto 50px
    }
    main .europe ul {
        width: 100%
    }
}