.fixed_layout .container
{
    max-width: 1210px;
}

.tracking-form
{

}

.tracking-form-div,
.main_color .tracking-form-div
{
    display: block;

    width: 100%;
    min-width: 279px;
    height: 42px;

    border: 2px solid #0b3f73;
    border-radius: 10px;

    box-sizing: border-box;
    overflow: hidden;

    box-sizing: border-box;
}

.tracking-label,
.main_color label.tracking-label,
#top label.tracking-label
{
    position: relative;
    display: block;
    float: left;

    width: 120px;

    color: #0b3f73;
    font-size: 18px;

    margin: 0;
    margin-right: -120px;
    padding: 12px 0;

    text-transform: uppercase;
    z-index: 2;
    cursor: pointer;
}

.main-color div.tracking-inp-wrap,
.tracking-inp-wrap
{
    float: left;

    padding: 0 40px 0 0;
    margin: 0;
    margin-right: -40px;

    background-color: #0b3f73;

    box-sizing: border-box;
}

#top .main_color input[type='text'].tracking-inp,
.tracking-inp
{
    display: block;


    width: 100%;

    padding: 0 16px 0;
    margin: 0;

    color: #0b3f73;
    font-size: 18px;
    font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;

    line-height: 39px;

    background-color: #fff;
    border: none;

    box-sizing: border-box;
}

#top .main_color .tracking-form-cap input[type='text'].tracking-inp,
.tracking-form-cap input[type='text'].tracking-inp
{
    display: block;
    width: 100%;
    min-width: 279px;
    height: 42px;
    border: 2px solid #0b3f73;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
}

.tracking-btn
{
    position: relative;
    float: right;

    width: 40px;
    height: 40px;

    color: #fff;

    background-color: #0b3f73;
    background-image: url(../images/icon-search.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border: 0;

    outline: none;
    z-index: 2;
    cursor: pointer;
}

.traking-form-res-wrap
{
    margin-bottom: 50px;
}

.traking-form-wrap
{
    float: left;

    width: 40%;
}

.traking-form-wrap-inn
{
    float: left;
}

.main_color div.tracking-form-last-wrap,
.tracking-form-last-wrap
{
    float: right;

    width: 100%;

    padding-left: 120px;

    box-sizing: border-box;
}

.traking-text
{
    padding-right: 2%;
    padding-left: 2%;

    height: 105px;

    font-size: 14px;
    line-height: 1.2;

    text-align: center;
}

.traking-text-wrap
{
    float: right;

    width: 55%;
}

.traking-text-item
{
    font-size: 16px;
}

.traking-text-item span
{
    font-weight: 600;
}

.traking-statuses-wrap
{

}

.traking-statuses-list
{
    position: relative;
    display: block;

    margin: 0;
    padding: 0;

    text-align: justify;
}

.traking-statuses-item,
.main_color .traking-statuses-item
{
    display: inline-block;
    float: left;

    width: 20%;

    padding: 0;
    margin: 0 0 90px;
    position: relative;
    box-sizing: border-box;
}

.traking-statuses-icon-wrap,
.main_color div.traking-statuses-icon-wrap
{
    height: 61px;

    text-align: center;
}

.traking-ic
{
    display: inline-block;

    background-image: url(../images/icon-type-trak.png);
    background-position: center center;
    background-repeat: no-repeat;

    vertical-align: top;
}

.traking-ic-0,
.traking-ic-pogruzka,
.pogruzka
{
    background-position: 0 -4px;
    width: 49px;
    height: 57px;
}

.traking-ic-vugryzka,
.vugryzka
{
    background-position: -89px -3px;
    width: 80px;
    height: 58px;
}

.traking-ic-tamozhnya,
.tamozhnya
{
    background-position: -514px -3px;
    width: 47px;
    height: 58px;
}

.traking-ic-port,
.port
{
    background-position: -190px -5px;
    width: 86px;
    height: 56px;
}

.traking-ic-more,
.more
{
    background-position: -994px -5px;
    width: 79px;
    height: 55px;
}

.traking-ic-auto,
.auto
{
    background-position: -1197px -14px;
    width: 66px;
    height: 47px;
}

.traking-ic-aeroport,
.aeroport
{
    background-position: -304px -3px;
    width: 58px;
    height: 58px;
}

.traking-ic-granica,
.granica
{
    background-position: -601px -12px;
    width: 67px;
    height: 49px;
}

.traking-ic-reka,
.reka
{
    background-position: -890px -15px;
    width: 86px;
    height: 46px;
}

.traking-ic-sortirovka,
.sortirovka
{
    background-position: -400px -4px;
    width: 71px;
    height: 57px;
}

.traking-ic-zhd,
.zhd
{
    background-position:-795px 0;
    width: 74px;
    height: 61px;
}

.traking-ic-sklad,
.sklad
{
    background-position:-700px -3px;
    width: 68px;
    height: 58px;
}

.traking-ic-aero,
.aero
{
    background-position: -1092px -16px;
    width: 80px;
    height: 45px;
}

.traking-round-wrap
{
    position: relative;

    padding: 10px 0;

    height: 44px; /* 44px*/

    text-align: center;
    line-height: 1;
}

.traking-round-wrap:after
{
    display: block;
    position: absolute;
    left: 0;
    top: 50%;

    width: 100%;
    height: 2px;

    margin-top: -1px;

    background-color: #0b3f73;

    content: "";
    z-index: 3;
}

.tracking-form-cap
{
    margin-top: 15px;
}

@media only screen and (min-width : 768px)
{

    .traking-statuses-item.with-serv-styles:after,
    .main_color .traking-statuses-item.with-serv-styles:after
    {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;

        width: 100%;
        height: 2px;

        margin-top: -1px;

        background-color: #0b3f73;

        content: "";
        z-index: 3;
    }

    .traking-statuses-item.with-serv-styles:after,
    .main_color .traking-statuses-item.with-serv-styles:after
    {
        top: 82px;
        margin-top: 0;
        z-index: 2;
    }

    .traking-statuses-item.with-serv-styles:last-child .traking-round-wrap:after
    {
        left: auto;
        right: 0;

        width: 50%;
        background-color: #fff;
    }

    .traking-statuses-item.with-serv-styles:first-child .traking-round-wrap:after
    {
        left: 0;
        right: auto;

        width: 50%;
        background-color: #fff;
    }

}

.traking-statuses-item:first-child .traking-round-wrap:after
{
    left: auto;
    right: 0;

    width: 50%;
}

.traking-statuses-item:last-child .traking-round-wrap:after
{
    width: 50%;
}

.traking-round,
.main_color i.traking-round
{
    position: relative;
    display: inline-block;

    width: 23px;
    height: 23px;

    border: 2px solid #0b3f73;
    border-radius: 50%;

    box-sizing: border-box;
    z-index: 4;

}

.traking-round-0
{
    background-color: #fff;
}

.traking-round-1
{
    background-color: #6b9ec7;

}

.traking-round-1.icon-more, .traking-round-1.icon-zhd, .traking-round-1.icon-aero, .traking-round-1.icon-auto
{
    background-image: url(../images/glob.png);
    background-position: left;
    background-repeat: no-repeat;
}

.traking-round-2
{
    background-color: #0b3f73;
}

.traking-text-head
{
    font-weight: 700;
    text-align: center;
}

.traking-text-text
{
    text-align: center;
    font-size: 13px;
}

.traking-statuses-container
{
    min-height: 20px;
}

.traking-statuses-container.with-preloader
{
    background: url(../images/30.gif) 0 0 no-repeat;
    background-position: center center;
}

.html_header_transparency #top .avia-builder-el-0
{
    background-size: cover;
}

.wsnw
{
    white-space: nowrap;
}

#map
{
    width: 100%;
    height: 500px;
    /*margin-bottom: 50px;*/ 
}

.route.table
{
    display: table;
    /*width: 50%;*/
    margin: 0px auto 50px auto;
}

.route.table .column
{
    display: table-cell;
    padding: 0px 20px;
}

.route.table .column div span:first-child
{
    font-weight: bold;
    text-decoration: underline;
    padding: 0px 10px 0px 0px;
}

#floating-panel {
    position: absolute;
    top: 10px;
    left: 25%;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
    text-align: center;
    font-family: 'Roboto','sans-serif';
    line-height: 30px;
    padding-left: 10px;
}