body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
button,
input,
p,
blockquote,
th,
td
{
    margin: 0;
    padding: 0;
}

fieldset,
img
{
    border: 0;
}

img,
object,
embed
{
    vertical-align: bottom;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var
{
    font-weight: normal; 
    font-style: normal;
}

ol,
ul
{
    list-style: none;
}

caption,
th
{
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: 100%;
}

q:before,
q:after
{
    content: '';
}

a *
{
    cursor: pointer;
}

input,
textarea
{
    outline: none;
}

@font-face
{
    font-family: 'Ico Moon';
    font-weight: normal;
    font-style: normal; 

    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#Ico Moon') format('svg');
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    @font-face
    {
        font-family: 'Ico Moon';

        src: url('../fonts/icomoon.svg#Ico Moon') format('svg');
    }
}

html
{
    min-width: 320px;
    height: 100%;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body
{
    font: 14px / 1.2 'Asap', sans-serif;

    position: relative;

    min-width: 320px;
    height: 100%;

    color: #000;
    background: #5561a4;
}

a
{
    text-decoration: none; 

    color: #2600ff;
}

input
{
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0; 
    outline: none;

    -webkit-appearance: none;
}

*
{
    outline: none;
}

*
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*:before,
*:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
* ::-moz-selection
{
    color: #fff; 
    background: #2600ff;
}
* ::selection
{
    color: #fff; 
    background: #2600ff;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder
{
    opacity: 1; 
    color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder
{
    opacity: 1; 
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #999;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder
{
    color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder
{
    color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder
{
    color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder
{
    color: transparent;
}

input.placeholder,
textarea.placeholder
{
    color: #999 !important;
}

.nav_footer li
{
    display: inline-block;

    padding-left: 10px; 

    vertical-align: middle;
}
.nav_footer li:before
{
    padding-right: 10px;

    content: '|';

    color: #e49100;
}
.nav_footer li:first-child
{
    padding-left: 0;
}
.nav_footer li:first-child:before
{
    display: none;

    padding-right: 0;
}

.wrapper
{
    display: table;
    overflow: hidden; 

    width: 100%;
    height: 100%;

    table-layout: fixed;
}

.container
{
    max-width: 1560px;
    margin: 0 auto; 
    padding: 0 10px;
}
.container.width
{
    max-width: 1232px;
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Ico Moon' !important;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-download:before
{
    content: '\e907';
}

.icon-hd:before
{
    content: '\e908';
}

.icon-mobile:before
{
    content: '\e909';
}

.icon-network:before
{
    content: '\e90a';
}

.icon-reload:before
{
    content: '\e90b';
}

.icon-safe:before
{
    content: '\e90c';
}

.icon-android:before
{
    content: '\e900';
}

.icon-apple:before
{
    content: '\e901';
}

.icon-arrow-down:before
{
    content: '\e902';
}

.icon-arrow-left:before
{
    content: '\e903';
}

.icon-arrow-right:before
{
    content: '\e904';
}

.icon-cam:before
{
    content: '\e905';
}

.icon-refresh:before
{
    content: '\e906';
}

.header
{
    position: relative;
    z-index: 3;

    padding: 12px 0; 

    border-bottom: 3px solid #313131;
    background: #0e0e0e;
}
.header .cols
{
    display: table;

    width: 100%;
}
.header .col
{
    display: table-cell;

    vertical-align: middle;
}
.header .col.second
{
    width: 1%; 

    white-space: nowrap;
}

.logo
{
    max-width: 173px;
    margin: -5px 0;
}
@media screen and (max-width: 560px)
{
    .logo
    {
        max-width: 110px;
        margin: 0;
    }
}
.logo span
{
    font-size: 12px;

    display: block;

    padding: 0 0 0 8px;

    letter-spacing: 1px; 
    text-transform: uppercase;

    color: #5c5c5c;
}
@media screen and (max-width: 560px)
{
    .logo span
    {
        font-size: 9px; 

        padding: 0;

        letter-spacing: 0;
    }
}
.logo img
{
    display: block;

    width: 100%;
    height: auto;
}

.slogan
{
    font-size: 0;

    text-align: center;
}
@media screen and (max-width: 1024px)
{
    .slogan
    {
        display: none;
    }
}

.col_slogan
{
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;

    display: inline-block;

    margin-left: 70px; 

    vertical-align: middle;
    text-transform: uppercase;

    color: #fff;
}
.col_slogan:first-child
{
    margin: 0;
}
.col_slogan.first
{
    max-width: 145px;
}
.col_slogan.last
{
    max-width: 265px;
}
.col_slogan .color
{
    color: #c50122;
}

.nav
{
    font-size: 0;

    text-align: right;
}
.nav .item
{
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;

    position: relative;

    display: inline-block;

    padding-left: 5px;

    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
}
@media screen and (max-width: 560px)
{
    .nav .item
    {
        line-height: 40px;
    }
}
@media screen and (max-width: 479px)
{
    .nav .item
    {
        font-size: 11px;
    }
}
.nav .item:first-child
{
    padding-left: 0;
}

.nav .item.join_link
{
    font-size: 24px;
    font-weight: bold; 

    min-width: 152px;
    padding-left: 8px;

    text-align: center;
}
@media screen and (max-width: 639px)
{
    .nav .item.join_link
    {
        font-size: 14px;
    }
}
@media screen and (max-width: 479px)
{
    .nav .item.join_link
    {
        font-size: 11px; 

        min-width: inherit;
        padding-left: 5px;
    }
}
.nav .item.join_link .item_link
{
    padding: 0 10px;

    color: #000; 
    background: #00bde9;
    background: -webkit-gradient(linear, left top, left bottom, from(#00bde9), to(#003bc8));
    background: -webkit-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: -moz-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: -o-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: linear-gradient(to bottom, #00bde9 0%, #003bc8 100%);
}
.nav .item.join_link .item_link:hover
{
    background: #003bc8;
    background: -webkit-gradient(linear, left top, left bottom, from(#003bc8), to(#00bde9));
    background: -webkit-linear-gradient(top, #003bc8 0%, #00bde9 100%);
    background: -moz-linear-gradient(top, #003bc8 0%, #00bde9 100%);
    background: -o-linear-gradient(top, #003bc8 0%, #00bde9 100%);
    background: linear-gradient(to bottom, #00bde9 0%, #00bde9 100%);
}
.nav .item .item_link
{
    display: block;

    padding: 0 20px;

    color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #313131;
}
@media screen and (max-width: 479px)
{
    .nav .item .item_link
    {
        padding: 0 5px;
    }
}
.nav .item .item_link:hover
{
    text-decoration: none;

    color: #fff; 
    background: #c50122;
}
.nav .item .site_list
{
    font-size: 0; 

    display: block;

    padding: 0 20px;

    cursor: pointer;

    color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #313131;
}
@media screen and (max-width: 479px)
{
    .nav .item .site_list
    {
        padding: 0 5px;
    }
}
.nav .item .site_list:before
{
    position: absolute;
    bottom: -6px;
    left: 0;

    display: none;

    width: 100%; 
    height: 6px;

    content: '';

    background: #c50122;
}
.nav .item span
{
    font-size: 14px; 

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 479px)
{
    .nav .item span
    {
        font-size: 11px;
    }
}
.nav .item .icon-arrow-down
{
    font-size: 6px;

    display: inline-block;

    padding-left: 5px; 

    vertical-align: middle;
}
@media screen and (max-width: 479px)
{
    .nav .item .icon-arrow-down
    {
        font-size: 5px;
    }
}
.nav .dropable
{
    position: absolute;
    top: 100%;
    left: 0;

    display: none; 

    padding-top: 5px;
}
.nav .drop
{
    overflow: hidden;

    min-width: 155px; 

    -webkit-border-radius: 5px; 

       -moz-border-radius: 5px; 

            border-radius: 5px;
    -webkit-border-top-left-radius: 0;
       -moz-border-radius-topleft: 0;
            border-top-left-radius: 0;
    background: #c50122;
}
@media screen and (max-width: 479px)
{
    .nav .drop
    {
        min-width: 125px;
    }
}
.nav .drop li
{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;

    display: block;

    text-align: left;
}
@media screen and (max-width: 479px)
{
    .nav .drop li
    {
        font-size: 11px;
    }
}
.nav .drop li a
{
    display: block;

    padding: 12px 17px;

    color: #fff;
}
.nav .drop li a:hover
{
    background: #00bde9;
    background: -webkit-gradient(linear, left top, left bottom, from(#00bde9), to(#003bc8));
    background: -webkit-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: -moz-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: -o-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: linear-gradient(to bottom, #00bde9 0%, #003bc8 100%);
}

.main
{
    display: table-row;

    height: 100%;

    background: url('../images/bg-top.jpg') repeat-x 50% 0;
}

.main_holder
{
    padding-top: 20px;
}

.panel
{
    position: relative; 

    margin-bottom: 10px;
}
@media screen and (max-width: 1140px)
{
    .panel
    {
        margin-bottom: 15px;
    }
}
.panel .cols
{
    display: table;

    width: 100%;
}
@media screen and (max-width: 1140px)
{
    .panel .cols
    {
        display: block;

        width: auto;
    }
}
.panel .col
{
    display: table-cell;

    vertical-align: middle;
}
@media screen and (max-width: 1140px)
{
    .panel .col
    {
        display: block;

        margin-top: 15px; 

        text-align: center;
    }
    .panel .col:first-child
    {
        margin-top: 0;
    }
}
.panel .col.second
{
    font-size: 0; 

    width: 1%;

    white-space: nowrap;
}
@media screen and (max-width: 1140px)
{
    .panel .col.second
    {
        width: auto; 

        white-space: normal;
    }
}
.panel .list
{
    font-size: 0;

    margin: -5px 0 0 -32px;
}
.panel .item
{
    font-size: 0;

    display: inline-block;

    padding: 5px 0 0 32px;

    vertical-align: middle;

    color: #fff;
}
.panel .item em
{
    font-size: 16px;

    display: inline-block;

    padding-right: 5px; 

    vertical-align: middle;
}
.panel .item span
{
    font-size: 16px; 

    display: inline-block;

    vertical-align: middle;

    color: #df9400;
}
.panel .item i
{
    font-size: 19px;

    display: inline-block;

    padding: 0 5px 0 0; 

    vertical-align: middle;

    color: #df9400;
}
.panel .item i:last-child
{
    padding: 0;
}
.panel .item i.icon-refresh,
.panel .item i.icon-cam
{
    font-size: 18px; 

    color: #fff;
}

.sort
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;

    color: #fff;
}
@media screen and (max-width: 639px)
{
    .sort
    {
        display: block;

        margin-bottom: 15px;
    }
}
.sort a
{
    text-decoration: underline;

    color: #df9400;
}
.sort a:hover
{
    text-decoration: none;
}
.sort .selected
{
    color: #df9400;
}

.pagination_sub
{
    display: inline-block;

    padding-left: 10px; 

    vertical-align: middle;
}
@media screen and (max-width: 639px)
{
    .pagination_sub
    {
        padding: 0;
    }
}
.pagination_sub .holder
{
    font-size: 0; 

    text-align: center;
}

.thumbs .holder
{
    font-size: 0;

    margin: -20px 0 0 -10px; 

    text-align: center;
}

.thumbs .th
{
    font-size: 14px;

    display: inline-block;

    width: 20%;
    padding: 20px 0 0 10px;

    text-align: left;
    vertical-align: top;
}
@media screen and (max-width: 1279px)
{
    .thumbs .th
    {
        width: 25%;
    }
}
@media screen and (max-width: 1000px)
{
    .thumbs .th
    {
        width: 33.333%;
    }
}
@media screen and (max-width: 740px)
{
    .thumbs .th
    {
        width: 50%;
    }
}
@media screen and (max-width: 479px)
{
    .thumbs .th
    {
        width: 100%;
    }
}

.thumbs .thumb_wrap
{
    display: block;

    color: #fff;
}
@media screen and (min-width: 1024px)
{
    .thumbs .thumb_wrap:hover .ico_play,
    .thumbs .thumb_wrap:hover .time
    {
        display: block;
    }
}

.thumbs .wrap_image
{
    position: relative;

    display: block;
}
.thumbs .wrap_image img
{
    display: block;

    width: 100%;
    height: auto;
}

.thumbs .stick
{
    font-size: 11px;
    line-height: 22px;

    position: absolute;
    top: 12px;
    left: 0;

    padding: 0 10px; 

    text-transform: uppercase;

    color: #fff;
    -webkit-border-top-right-radius: 2px;
       -moz-border-radius-topright: 2px;
            border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
       -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius: 2px;
    background: rgba(197, 1, 34, .8);
}

.thumbs .time
{
    font-size: 11px;

    position: absolute;
    bottom: 12px;
    left: 0;

    display: none;

    padding: 5px 10px;

    text-transform: uppercase;

    color: #fff;
    -webkit-border-top-right-radius: 2px;
       -moz-border-radius-topright: 2px;
            border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
       -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius: 2px; 
    background: rgba(0, 6, 11, .8);
}

.thumbs .ico_play
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: none;

    width: 107px;
    height: 107px;

    -webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

         -o-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%); 

    background: url('../images/play_btn.png') no-repeat;
}

.thumbs .tools
{
    display: block;

    padding: 8px;

    background: #0e0e0e;
}

.thumbs .caption
{
    font-size: 14px; 

    position: relative;

    display: block;
    overflow: hidden;

    white-space: nowrap;
}
.thumbs .caption:after
{
    position: absolute;
    top: 0;
    right: 0;

    width: 10px;
    height: 100%; 

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(transparent), to(black));

    background: -webkit-linear-gradient(left, transparent 0%, black 100%);

    background: -moz-linear-gradient(left, transparent 0%, black 100%);

    background: -o-linear-gradient(left, transparent 0%, black 100%);

    background: linear-gradient(to right, transparent 0%, black 100%);
}

.thumbs .sub
{
    font-size: 0;

    display: block;

    padding-top: 8px;

    text-align: justify;
    text-justify: newspaper;
}
.thumbs .sub:after
{
    display: inline-block;

    width: 100%; 

    content: '';
    vertical-align: top;
}

.thumbs .box_view
{
    font-size: 12px;

    display: inline-block;
    overflow: hidden;

    width: 60%;

    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; 

    color: #7e7e7e;
}

.thumbs .author
{
    color: #c50122;
}

.thumbs .rate
{
    font-size: 0; 

    display: inline-block;

    vertical-align: middle;
}

.thumbs .item_rate
{
    display: inline-block;

    width: 16px; 

    vertical-align: middle;
}
@media screen and (max-width: 1139px)
{
    .thumbs .item_rate
    {
        width: 14px;
    }
}
@media screen and (max-width: 740px)
{
    .thumbs .item_rate
    {
        width: 12px;
    }
}
.thumbs .item_rate img
{
    display: block;

    width: 100%;
    height: auto;
}

.pagination
{
    margin: 30px 0 0 -2px;
}
@media screen and (max-width: 639px)
{
    .pagination
    {
        margin: 20px 0 0 -2px;
    }
}
.pagination .holder
{
    font-size: 0;

    text-align: center;
}

.item_page
{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;

    display: inline-block;

    min-width: 34px; 
    padding: 0 0 0 2px;

    vertical-align: top;
}
@media screen and (max-width: 639px)
{
    .item_page
    {
        min-width: 30px;
    }
}
.item_page.prev .icon-arrow-left
{
    font-size: 12px; 

    display: inline-block;

    vertical-align: middle;
}
.item_page.next .icon-arrow-right
{
    font-size: 12px; 

    display: inline-block;

    vertical-align: middle;
}
.item_page span
{
    display: block;

    color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; 
    background: #c50122;
}
.item_page a
{
    display: block;

    padding: 0 2px; 

    color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #0e0e0e;
}
.item_page a:hover
{
    background: #c50122;
}

.contain_banner
{
    margin-top: 30px; 

    text-align: center;
}

.sponsor_link
{
    font-size: 70px;
    font-weight: bold;

    display: inline-block;

    min-width: 868px;
    padding: 20px 30px;

    color: #000; 
    -webkit-border-radius: 5px; 
       -moz-border-radius: 5px; 
            border-radius: 5px;
    background: #00bde9;
    background: -webkit-gradient(linear, left top, left bottom, from(#00bde9), to(#003bc8));
    background: -webkit-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: -moz-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: -o-linear-gradient(top, #00bde9 0%, #003bc8 100%);
    background: linear-gradient(to bottom, #00bde9 0%, #003bc8 100%);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
@media screen and (max-width: 1000px)
{
    .sponsor_link
    {
        min-width: 100%;
    }
}
@media screen and (max-width: 480px)
{
    .sponsor_link
    {
        font-size: 16px;
        font-weight: 300;
    }
}

.fixed_block
{
    position: fixed;
    z-index: 2;
    top: 224px;
    right: 0;

    -webkit-transition: -webkit-transform .3s;

       -moz-transition: -moz-transform .3s;

         -o-transition: -o-transform .3s;

            transition: transform .3s;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    text-align: center;

    -webkit-border-top-left-radius: 5px;

       -moz-border-radius-topleft: 5px;

            border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
       -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius: 5px;
    background: #5a7c00;
    background: -webkit-linear-gradient(45deg, #5a7c00 0%, #85a300 100%);
    background: -moz-linear-gradient(45deg, #5a7c00 0%, #85a300 100%);
    background: -o-linear-gradient(45deg, #5a7c00 0%, #85a300 100%);
    background: linear-gradient(45deg, #5a7c00 0%, #85a300 100%);
}
@media screen and (max-width: 639px)
{
    .fixed_block
    {
        padding: 14px;
    }
}
.fixed_block.open
{
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
}
.fixed_block .wrap
{
    display: block;

    padding: 24px 30px;
}
.fixed_block .precent
{
    font-size: 53px;
    font-weight: bold;
    line-height: 53px;

    display: block; 

    color: #fcff00;
}
@media screen and (max-width: 639px)
{
    .fixed_block .precent
    {
        font-size: 24px;
        line-height: 24px;
    }
}
.fixed_block .text
{
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;

    display: block;

    max-width: 100px;
    margin: 0 auto; 

    color: #000;
}
@media screen and (max-width: 639px)
{
    .fixed_block .text
    {
        font-size: 12px;
        line-height: 14px;

        max-width: 70px;
    }
}
.fixed_block .days
{
    font-size: 18px; 

    color: #fff;
}
@media screen and (max-width: 639px)
{
    .fixed_block .days
    {
        font-size: 16px;
    }
}
.fixed_block .close_block
{
    font-size: 14px;

    display: block;

    width: 100%;
    padding: 10px;

    cursor: pointer; 
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background: #000;
}
.fixed_block .close_block:hover
{
    color: #fcff00;
}

.form-box
{
    padding: 20px 0;
}
@media screen and (max-width: 640px)
{
    .form-box
    {
        padding: 0;
    }
}
.form-box .well
{
    overflow: hidden;

    -webkit-border-radius: 5px;

       -moz-border-radius: 5px;

            border-radius: 5px;
    background: #909090;
}
.form-box legend
{
    font-size: 52px;
    font-weight: 700;
    line-height: 1;

    display: block;

    width: 100%;
    margin: 0 0 50px;
    padding: 18px 0;

    text-align: center;

    color: #000;
    border: 0; 
    background: #e59400;
}
@media screen and (max-width: 640px)
{
    .form-box legend
    {
        font-size: 28px;
    }
}
@media screen and (max-width: 420px)
{
    .form-box legend
    {
        font-size: 24px;
    }
}
.form-box .text-success
{
    color: #fff;
}
.form-box label
{
    font-size: 14px;

    display: inline-block;

    max-width: 100%;
    margin-bottom: 5px; 

    color: #1d1d1d;
}
@media screen and (max-width: 640px)
{
    .form-box label
    {
        font-size: 12px;
        line-height: 17px;
    }
}
.form-box label small
{
    font-size: 12px;
    font-weight: normal;

    display: block;

    padding-top: 4px; 

    color: #4a4a4a;
}
@media screen and (max-width: 640px)
{
    .form-box label small
    {
        font-size: 10px;

        padding: 0;
    }
}

.col-left-form
{
    float: left; 

    width: 40%;
}
@media screen and (max-width: 1234px)
{
    .col-left-form
    {
        float: none; 

        width: 100%;
    }
}

.form-group
{
    margin-top: 25px;
}
.form-group:first-child
{
    margin: 0;
}

.form-group > .title
{
    font-size: 24px;
    font-weight: 700;

    display: block;

    margin-bottom: 22px; 

    color: #000;
}
@media screen and (max-width: 640px)
{
    .form-group > .title
    {
        font-size: 16px;

        margin-bottom: 15px;
    }
}

.form-group > .title span
{
    font-weight: bold; 

    color: #000;
}

.form-control
{
    font-size: 12px;
    line-height: 1.428571429;

    display: block;

    width: 100%;
    height: 44px;
    padding: 10px 14px;

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

       -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;

         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 

    color: #5b5b5b;
    border: 0;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.radio,
.checkbox
{
    position: relative;

    display: block;

    margin-top: 10px;
    margin-bottom: 10px;
}

.radio
{
    margin-bottom: 20px;
    padding-left: 20px;
}

.radio input[type='radio']
{
    z-index: 1;

    opacity: 0;
    outline: none;
}

input[type='radio'],
input[type='checkbox']
{
    line-height: normal; 

    margin: 4px 0 0;
    margin-top: 1px \9;
}

.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox']
{
    position: absolute;

    margin-top: 4px \9; 
    margin-left: -20px;
}

.radio label,
.checkbox label
{
    font-weight: normal;

    min-height: 22px;
    margin-bottom: 0;
    padding-left: 20px;

    cursor: pointer;
}

.radio label
{
    position: relative;

    display: inline-block;

    padding-left: 5px;
}

.radio label::after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: inline-block;

    width: 9px;
    height: 9px;
    margin-left: -20px;

    content: ' ';
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
       -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
         -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
            transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33); 
    -webkit-transform: scale(0, 0); 
       -moz-transform: scale(0, 0); 
        -ms-transform: scale(0, 0); 
         -o-transform: scale(0, 0); 
            transform: scale(0, 0);

    -webkit-border-radius: 50%;

       -moz-border-radius: 50%;

            border-radius: 50%;
    background-color: #98989a;
}

.radio label::before
{
    position: absolute;
    left: 0;

    display: inline-block;

    width: 17px;
    height: 17px;
    margin-left: -20px;

    content: '';
    -webkit-transition: border .15s ease-in-out;
       -moz-transition: border .15s ease-in-out;
         -o-transition: border .15s ease-in-out;
            transition: border .15s ease-in-out; 

    border: 1px solid #ababab;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #fff;
}

.radio label::after
{
    opacity: .8; 
    background: #2b2b2b;
}

.radio input[type='radio']:checked + label::after
{
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
}

.col-right-form
{
    float: left; 

    width: 60%;

    border-left: 1px solid #353535;
}
@media screen and (max-width: 1234px)
{
    .col-right-form
    {
        float: none;

        width: 100%;

        border: none;
    }
}

.col-left-form,
.col-right-form
{
    padding: 0 50px;
}
@media screen and (max-width: 1234px)
{
    .col-left-form,
    .col-right-form
    {
        padding: 0 10px;
    }
}

.radio-box
{
    margin-bottom: 10px;
    padding: 6px 0 6px 40px;

    cursor: pointer;

    -webkit-border-radius: 5px;

       -moz-border-radius: 5px;

            border-radius: 5px;
    background: #fff;
}

.radio-box:hover
{
    background: #ffa500;
}

.radio-box.checked
{
    background: #f3f3f3;
}

.element-group > .element-group
{
    float: left;
}

.element-group-justified > .btn,
.element-group-justified > .element-group
{
    display: table-cell;
    float: none;

    width: 1%;
}

.radio-box label
{
    display: block;

    height: 100%;
}

.radio-box label::before
{
    top: 50%;

    margin-top: -9px;
}

.radio-box label::after
{
    top: 50%;

    margin-top: -5px;
}

.element-group .btn + .btn,
.element-group .btn + .element-group,
.element-group .element-group + .btn,
.element-group .element-group + .element-group
{
    margin-left: -1px;
}

.text-right
{
    text-align: right;
}

.radio-box .element-group
{
    height: 100%;

    text-shadow: 0 0 0 transparent;
}

.radio-box .element-group .title
{
    font-size: 20px;
    font-weight: bold;

    display: block; 

    color: #1d1d1d;
}
@media screen and (max-width: 640px)
{
    .radio-box .element-group .title
    {
        font-size: 12px;
    }
}

.radio-box .element-group .element-group:first-child
{
    width: 290px;
}
@media screen and (max-width: 1234px)
{
    .radio-box .element-group .element-group:first-child
    {
        width: 50%;
    }
}
@media screen and (max-width: 420px)
{
    .radio-box .element-group .element-group:first-child
    {
        width: 100%;
    }
}

.radio-box .element-group .element-group
{
    width: auto;
}

.element-group-justified
{
    display: table;

    width: 100%;

    border-collapse: separate;
}

.element-group,
.element-group-vertical
{
    position: relative;

    vertical-align: middle;
}

.radio + .radio,
.checkbox + .checkbox
{
    margin-top: -5px;
}

.radio-box .price
{
    font-size: 36px;
    font-weight: 700;

    display: block;

    padding: 5px 10px; 

    color: #c50122;
}
@media screen and (max-width: 640px)
{
    .radio-box .price
    {
        font-size: 16px;
    }
}

.badge-tag
{
    font-size: 14px;
    line-height: 1.2;

    position: relative;

    display: inline-block;

    width: 104px;
    height: 50px;
    padding: 10px 0;

    text-align: center;

    color: #fff;
    -webkit-border-top-left-radius: 5px;
       -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
       -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius: 5px; 
    background: #ebe6e6;
}
@media screen and (max-width: 640px)
{
    .badge-tag
    {
        font-size: 10px; 

        width: 75px;
        padding: 15px 2px 0;
    }
}

.badge-tag-danger
{
    background: #c50122;
}

.badge-tag-primary
{
    background: #676767;
}

.badge-tag-success
{
    background: #5d7f00;
}

.badge-tag-last
{
    background: #909090;
}

.form-group .btn
{
    font-size: 36px;
    font-weight: 700;

    text-transform: uppercase;
}
@media screen and (max-width: 640px)
{
    .form-group .btn
    {
        font-size: 18px;

        letter-spacing: 0;
    }
}

.form-group > .btn
{
    padding: 7px 40px;
}
@media screen and (max-width: 640px)
{
    .form-group > .btn
    {
        padding: 5px 10px;
    }
}

.btn
{
    font-family: 'Asap', sans-serif; 
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;

    position: relative;

    display: inline-block;

    padding: 8px 14px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: border .1s linear, color .1s linear, background-color .1s linear;
       -moz-transition: border .1s linear, color .1s linear, background-color .1s linear;
         -o-transition: border .1s linear, color .1s linear, background-color .1s linear;
            transition: border .1s linear, color .1s linear, background-color .1s linear;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    border: none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    outline: none;
    background-image: none;

    -ms-touch-action: manipulation;

        touch-action: manipulation;
}

.btn-success
{
    color: #000;
    background: #f8a900;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8a900), to(#ec5700));
    background: -webkit-linear-gradient(top, #f8a900 0%, #ec5700 100%);
    background: -moz-linear-gradient(top, #f8a900 0%, #ec5700 100%);
    background: -o-linear-gradient(top, #f8a900 0%, #ec5700 100%);
    background: linear-gradient(to bottom, #f8a900 0%, #ec5700 100%);
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle
{
    color: #fff;
    background-color: #4da929;
}

.list-benefits
{
    font-size: 20px;

    margin-top: 40px; 
    padding: 28px 80px 50px;

    text-align: center;

    color: #5b5b5b;
    border-top: 1px solid #9e9e9e;
    background: #fff;
}
@media screen and (max-width: 1234px)
{
    .list-benefits
    {
        padding-right: 10px; 
        padding-left: 10px;
    }
}
@media screen and (max-width: 767px)
{
    .list-benefits
    {
        text-align: left;
    }
}
.list-benefits .heading
{
    font-size: 36px;
    font-weight: 700; 

    margin-bottom: 10px;

    color: #5d7f00;
}
@media screen and (max-width: 420px)
{
    .list-benefits .heading
    {
        font-size: 26px;
    }
}
.list-benefits ul
{
    display: inline-block;
}
.list-benefits li
{
    font-size: 0;
    font-weight: 700;

    padding: 11px 0 0; 

    text-align: left;
}
.list-benefits li > span
{
    font-size: 20px;

    display: inline-block;

    vertical-align: middle;

    color: #000;
}
@media screen and (max-width: 900px)
{
    .list-benefits li > span
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 420px)
{
    .list-benefits li > span
    {
        font-size: 14px;
    }
}
.list-benefits i
{
    font-size: 38px;

    display: inline-block;

    width: 60px;
    margin-right: 10px; 

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

    color: #000;
}
.list-benefits i.icon-network
{
    font-size: 42px;
}
@media screen and (max-width: 479px)
{
    .list-benefits i
    {
        font-size: 24px; 

        width: 32px;
    }
    .list-benefits i.icon-network
    {
        font-size: 24px;
    }
}

.text-uppercase
{
    text-transform: uppercase;
}

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

.col-left
{
    display: inline-block;

    width: 49%;

    vertical-align: top;
}
@media screen and (max-width: 767px)
{
    .col-left
    {
        width: 100%;
    }
}

.col-right
{
    display: inline-block;

    width: 49%;

    vertical-align: top;
}
@media screen and (max-width: 767px)
{
    .col-right
    {
        width: 100%;
    }
}

.sponsor_box
{
    font-size: 36px;
    font-weight: bold;

    margin-bottom: 25px; 

    text-align: center;
    letter-spacing: -1px;

    color: #fff;
}
@media screen and (max-width: 639px)
{
    .sponsor_box
    {
        font-size: 26px;
    }
}
@media screen and (max-width: 479px)
{
    .sponsor_box
    {
        font-size: 20px;
    }
}

.thumbs_inner
{
    font-size: 0;

    margin: -5px 0 0 -5px; 

    text-align: center;
}

.th_item
{
    display: inline-block;

    width: 33.333%; 
    padding: 5px 0 0 5px;

    text-align: left;
    vertical-align: top;
}
@media screen and (max-width: 767px)
{
    .th_item
    {
        width: 50%;
    }
}
@media screen and (max-width: 479px)
{
    .th_item
    {
        width: 100%;
    }
}
.th_item .thumb_wrap
{
    display: block;
}
.th_item .thumb_wrap:hover .title
{
    color: #c50122;
}
.th_item .wrap_image
{
    display: block;
}
.th_item .wrap_image img
{
    display: block;

    width: 100%;
    height: auto;
}
.th_item .title
{
    font-size: 16px;

    display: block;

    padding: 12px; 

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #0e0e0e;
}

.footer
{
    display: table-row;

    height: 1px;
}

.footer_holder
{
    padding: 64px 0 24px;

    background: url('../images/bg-bottom.jpg') repeat-x 50% 0;
}

.logo_footer
{
    position: relative; 

    display: inline-block;

    max-width: 296px;

    vertical-align: top;
}
@media screen and (max-width: 639px)
{
    .logo_footer
    {
        max-width: 200px;
    }
}
.logo_footer span
{
    font-size: 20px;

    display: block;

    letter-spacing: 2px; 
    text-transform: uppercase;

    color: #000;
}
@media screen and (max-width: 639px)
{
    .logo_footer span
    {
        font-size: 16px;

        letter-spacing: 0;
    }
}
.logo_footer img
{
    display: block;

    width: 100%;
    height: auto;
}

.contain_footer
{
    font-size: 11px; 

    text-align: center;
}
.contain_footer p
{
    line-height: 18px;
}
.contain_footer .row
{
    position: relative;

    margin: 16px 0 0; 

    color: #e49100;
}
.contain_footer .row.color
{
    color: #000;
}
.contain_footer .link
{
    color: #c50122;
}
.contain_footer .link:hover
{
    text-decoration: underline;
}

.nav_footer
{
    font-size: 0;

    margin-top: 4px;
}
.nav_footer li
{
    font-size: 11px;

    display: inline-block;

    vertical-align: top;
}
.nav_footer li a
{
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s; 

    color: #e49100;
}
.nav_footer li a:hover
{
    color: #fff;
}