ul, li {
    list-style: none;
}

a {
    outline: none;
}

/* latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/open-sans-condensed-v23-300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/open-sans-condensed-v23-700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #454545;
    font-size: 14px;
}

.btn {
    padding: 6px 10px 2px 10px;
    background: #636363;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3.01px;
    border: none;
    border-bottom: solid 3px #4f4f4f;
}

.btn:hover {
    padding: 4px 10px 4px 10px;
    background: #414141;
    color: #fff;
    border-bottom: none;
    border-top: solid 3px #343434;
}

.mainHead {
    display: block;
    margin: 0 auto;
}

h1 {
    text-align: center;
}

h1 img {
    display: inline-block;
}

h2 {
    font-weight: bold;
    font-size: 35px;
    margin: 0 0 12px 0;
}

h2.foreign {
    margin-top: 49px;
}


.mainHead {
    position: fixed;
    width: 100%;
    z-index: 2;
    background: #fff;
    box-shadow: #bbb 1px 1px 1px 1px;
    height: 123px;
}

.mainHead .row {
    position: relative;
}

.accessories {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 168px;
    height: 185px;
    padding-top: 20px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    text-shadow: 1px 1px 1px #999;
    background: url(../img/accessories.png) no-repeat 0 bottom;
}

.accessories:hover{
    color: #fff;
    text-decoration: none;
}

.mainBody {
    margin: 124px 0 73px 0;
    padding: 34px 0 55px 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    background: linear-gradient(to bottom, #eeeeee 0%, #eaeaea 50%, #cbcbcb 100%);
    background: #eaeaea; 
}

.nationBlock {
    position: relative;
    padding: 30px 0;
}

.flags {
    padding: 0 0 0 43px;
    margin: 0;
    height: 40px;
    line-height: 34px;
    background: url(../img/flags.png) no-repeat 0 0;
    cursor: pointer;
}

.flagPop {
    display: inline-block;
    display: none;

    position: absolute;
    top: -81px;
    left: 23px;
    padding: 7px 9px 7px 8px;
    color: #fff;
    background: #d40000;
    border: solid 2px #fff;
    border-radius: 12px;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    white-space: nowrap;
    box-shadow: #bbb 0px 2px 5px -1px;
    z-index: 13;
}

.flagPop:after, .arrow_box:before {
    top: 100%;
    left: 6px;
    content: " ";
    height: 35px;
    width: 35px;
    position: absolute;
    background: url(../img/arrow.png) no-repeat 0 bottom;
}

.flagPop p {
    margin: 0;
}

.flagPop p:first-child {
    font-weight: bold;
}

.flagPop a {
    color: #fff;
    font-weight: normal;
}

.mainFooter {
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;

    text-align: center;
    vertical-align: middle;
}

.mainFooter a {
    height: 80px;
    width: 20%;
}

.mainFooter img {
    display: block;
    max-width: 80%;
    margin: 0 auto;
}

.centreText {
    margin-left: 30%;
}

.map {
    position: relative;
    margin: 0px auto 0px auto;
    width: 100%;
    max-width: 793px;
    padding-top: 10px;
}

.map img {
    display: block;
    width: 100%;
}

.pinblock {
    position: absolute;
    margin-left: -51px;
    margin-top: -67px;
    width: 103px;
    height: 112px;
}

.pin {
    display: none;
    width: 34px;
    height: 67px;
    margin: 0 auto;
}

.pin-shad {
    display: none;
    width: 53px;
    height: 46px;
    margin-left: 47px;
}

.pin img, .pin-shad img{
    width: 100%;
}

.pinat {
    top: 69px;
    left: 396px;
}

.pindk {
    top: 62px;
    left: 393px;
}

.pinfi {
    top: 55px;
    left: 415px;
}

.pinfr {
    top: 69px;
    left: 386px;
}

.pinde {
    top: 67px;
    left: 394px;
}

.pinie {
    top: 63px;
    left: 372px;
}

.pinit {
    top: 75px;
    left: 398px;
}

.pinno {
    top: 58px;
    left: 392px;
}

.pinse {
    top: 59px;
    left: 400px;
}

.pinch {
    top: 70px;
    left: 393px;
}

.pinuk {
    top: 65px;
    left: 381px;
}

.pinau {
    top: 49%;
    left: 76%;
}

.pinca {
    top: 22%;
    left: 33%;
}

.pinnz {
    top: 150px;
    left: 674px;
}

.pinusa {
    top: 31%;
    left: 33%;
}

.flagat {
    background-position: 0 0;
}

.flagdk {
    background-position: 0 -60px;
}

.flagfi {
    background-position: 0 -120px;
}

.flagfr {
    background-position: 0 -180px;
}

.flagde {
    background-position: 0 -240px;
}

.flagie {
    background-position: 0 -300px;
}

.flagit {
    background-position: 0 -360px;
}

.flagno {
    background-position: 0 -420px;
}

.flages {
    background-position: 0 -480px;
}

.flagse {
    background-position: 0 -540px;
}

.flagch {
    background-position: 0 -600px;
}

.flaguk {
    background-position: 0 -660px;
}

.flagau {
    background-position: 0 -720px;
}

.flagca {
    background-position: 0 -780px;
}

.flagnz {
    background-position: 0 -840px;
}

.flagusa {
    background-position: 0 -900px;
}

/* Accessories */

table {
    width: 100%
}

table th {
    padding: 22px 10px;
    background: #dcdcdc url(../img/table-head.png) no-repeat 0 bottom;
    font-size: 18px;
    border-left: solid 2px #eeeeee;
}

table th:first-child {
    border-left: none;
}

table td {
    padding: 22px 10px;
    border-bottom: solid 1px #c2c2c2;
    font-size: 14px;
}

table tr:hover td {
    background: #e4e4e4;
}

table tr:last-child td {
    border:none;
}


@media (max-width: 992px) {
    .pinblock {
        position: absolute;
        margin-left: -6.5%;
        margin-top: -8.5%;
        width: 13%;
        height: 40%;
    }

    .pin {
        display: none;
        width: 33%;
        height: 59.5%;
        margin: 0 auto;
    }

    .pin-shad {
        display: none;
        width: 51.5%;
        height: 41%;
        margin-left: 45.5%;
    }

    .pinat {
        top: 24.5%;
        left: 50%;
    }

    .pindk {
        top: 22.5%;
        left: 49.5%;
    }

    .pinfi {
        top: 20.5%;
        left: 52%;
    }

    .pinfr {
        top: 25.5%;
        left: 48.5%;
    }

    .pinde {
        top: 24%;
        left: 49.5%;
    }

    .pinie {
        top: 23%;
        left: 47%;
    }

    .pinit {
        top: 27%;
        left: 50%;
    }

    .pinno {
        top: 20.5%;
        left: 49.5%;
    }

    .pines {
        top: 27%;
        left: 47.5%;
    }

    .pinse {
        top: 20.5%;
        left: 50.5%;
    }

    .pinch {
        top: 25%;
        left: 49.5%;
    }

    .pinuk {
        top: 23%;
        left: 48%;
    }

    .pinau {
        top: 49%;
        left: 76%;
    }

    .pinca {
        top: 22%;
        left: 33%;
    }

    .pinnz {
        top: 55%;
        left: 85%;
    }

    .pinusa {
        top: 31%;
        left: 33%;
    }
}

@media (max-width: 767px) {

    h1 {
        float: left;
        width: 50%;
        margin-left: 10px;
    }

    h1 img {
        width: 100%;
        max-width: 320px;
    }

    .mainBody .col-sm-3 {
        float: left;
        width: 50%;
    }

    .flagPop {
        left: 0
    }

    table th, table td {
        padding: 5px;
    }

    table th {
        font-size: 16px;
        padding-bottom: 21px;
    }
    
}