@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');
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: 12px / 1.2 'Quicksand', sans-serif;

    position: relative;

    min-width: 320px;
    height: 100%;
    padding-top: 60px; 

    color: #000;
    background: #f8f8f8;
}
@media screen and (max-width: 1024px)
{
    body
    {
        padding-top: 120px;
    }
}
@media screen and (max-width: 960px)
{
    body
    {
        padding-top: 65px;
    }
    body.open_sidebar
    {
        overflow: hidden;
    }
    body.open_sidebar .mask
    {
        display: block;
    }
    body.open_sidebar .btn_dots span
    {
        background: #dd4278;
        -webkit-box-shadow: 0 0 0 1px #fff;
           -moz-box-shadow: 0 0 0 1px #fff;
                box-shadow: 0 0 0 1px #fff;
    }
    body.open_sidebar .btn_dots span:before
    {
        background: #dd4278;
        -webkit-box-shadow: 0 0 0 1px #fff;
           -moz-box-shadow: 0 0 0 1px #fff;
                box-shadow: 0 0 0 1px #fff;
    }
    body.open_sidebar .sidebar
    {
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
    }
    body.open_sidebar .close
    {
        -webkit-transition: -webkit-transform .3s ease-out .5s;
           -moz-transition: -moz-transform .3s ease-out .5s;
             -o-transition: -o-transform .3s ease-out .5s;
                transition: transform .3s ease-out .5s; 
        -webkit-transform: translateX(100%); 
           -moz-transform: translateX(100%); 
            -ms-transform: translateX(100%); 
             -o-transform: translateX(100%); 
                transform: translateX(100%);
    }
}
body.open_form .form_help
{
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
}

a
{
    text-decoration: none; 

    color: #2600ff;
}

input,
textarea
{
    -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: #fff;
}

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

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

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

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: #fff !important;
}

.clearfix:before
{
    display: table;
    clear: both; 

    content: '';
}

.clearfix:after
{
    display: table;
    clear: both; 

    content: '';
}

.wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    height: 100%;
}

.mask
{
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none; 

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .6);
}

.container
{
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 10px;
}
.container.flex_container
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -webkit-box-flex: 1; 

    -webkit-flex: 1 0 auto; 

       -moz-box-flex: 1; 

        -ms-flex: 1 0 auto; 

            flex: 1 0 auto;
}

[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-dislike:before
{
    content: '\e909';
}

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

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

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

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

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

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

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

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

.icon-search-btn:before
{
    content: '\e904';
}

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

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

    -webkit-box-flex: 0;

    -webkit-flex: none;

       -moz-box-flex: 0;

        -ms-flex: none;

            flex: none;
}
.header.fixed
{
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;

    min-width: 320px;
}
.header.open
{
    bottom: 0;

    overflow: auto; 

    height: 100%;
}
.header.open .btn_hamburger span
{
    background: #fa0029;
    -webkit-box-shadow: 0 0 0 1px #fff;
       -moz-box-shadow: 0 0 0 1px #fff;
            box-shadow: 0 0 0 1px #fff;
}
.header.open .nav
{
    display: block;
}
@media screen and (max-width: 960px)
{
    .header.show_search .button_mask
    {
        right: 46px;
    }
    .header.show_search .field .icon-search-btn
    {
        color: #fff;
    }
    .header.show_search .button_close i
    {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
    .header.show_search .search
    {
        width: 100%;
    }
}
.header .holder
{
    position: relative;
    z-index: 2; 

    background: #fff;
}
.header .frame
{
    font-size: 0; 

    position: relative;
}
@media screen and (max-width: 1024px)
{
    .header .frame
    {
        text-align: center;
    }
}

.btn_hamburger
{
    position: absolute;
    top: 17px;
    right: 7px;

    display: none; 

    width: 25px;
}
@media screen and (max-width: 960px)
{
    .btn_hamburger
    {
        display: block;
    }
}
.btn_hamburger span
{
    display: block;

    height: 4px;
    margin-top: 3px;

    -webkit-transition: -webkit-box-shadow .3s, background .3s;

       -moz-transition: -moz-box-shadow .3s, background .3s;

         -o-transition: box-shadow .3s, background .3s;

            transition: box-shadow .3s, background .3s; 

    -webkit-border-radius: 4px; 

       -moz-border-radius: 4px; 

            border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
       -moz-box-shadow: 0 0 0 1px #000;
            box-shadow: 0 0 0 1px #000;
}

.btn_dots
{
    position: fixed;
    z-index: 999;
    top: 20%;
    left: 0;

    display: none; 

    width: 55px;
    padding: 10px 10px 10px 20px;

    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: none;
    -webkit-border-top-right-radius: 4px;
       -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
    background: #fff;
}
@media screen and (max-width: 960px)
{
    .btn_dots
    {
        display: block;
    }
}
.btn_dots span
{
    position: relative; 

    display: block;

    height: 4px;
    margin-top: 3px;

    -webkit-transition: -webkit-box-shadow .3s, background .3s;

       -moz-transition: -moz-box-shadow .3s, background .3s;

         -o-transition: box-shadow .3s, background .3s;

            transition: box-shadow .3s, background .3s;

    -webkit-border-radius: 4px;

       -moz-border-radius: 4px;

            border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
       -moz-box-shadow: 0 0 0 1px #000;
            box-shadow: 0 0 0 1px #000;
}
.btn_dots span:before
{
    position: absolute;
    top: 0;
    left: -10px;

    width: 4px;
    height: 4px;

    content: '';
    -webkit-transition: -webkit-box-shadow .3s, background .3s;
       -moz-transition: -moz-box-shadow .3s, background .3s;
         -o-transition: box-shadow .3s, background .3s;
            transition: box-shadow .3s, background .3s; 

    -webkit-border-radius: 4px; 

       -moz-border-radius: 4px; 

            border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
       -moz-box-shadow: 0 0 0 1px #000;
            box-shadow: 0 0 0 1px #000;
}

.logo
{
    display: inline-block;

    margin-right: 40px; 

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

        margin: 0;
        padding: 10px 0;
    }
}

.logo_image
{
    display: inline-block;

    width: 186px;
    height: 36px; 

    vertical-align: top;
}
.logo_image img
{
    display: block;

    width: 100%;
    height: auto;
}

.logo_text
{
    display: inline-block;

    vertical-align: middle;
}
.logo_text .sup
{
    font-size: 26px;
    font-weight: 700;
    line-height: 22px;

    display: block;

    letter-spacing: -1px; 

    color: #fa0029;
}
.logo_text .sup span
{
    color: black;
}
.logo_text .sub
{
    font-size: 7px;
    line-height: 7px;

    display: block;

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

    color: #b2b2b2;
}

.header .wrap
{
    display: inline-block;

    width: -webkit-calc(100% - 186px - 45px);

    width: -moz-calc(100% - 186px - 45px);

    width: calc(100% - 186px - 45px); 

    vertical-align: middle;
}
@media screen and (max-width: 1024px)
{
    .header .wrap
    {
        display: block;

        width: auto;

        border-top: 1px solid #e5e5e5;
    }
}

.nav
{
    float: left;

    margin-right: 40px;
}
@media screen and (max-width: 960px)
{
    .nav
    {
        display: none; 
        float: none;

        margin: 0 -10px;
    }
}

.nav_items
{
    font-size: 0;
}
.nav_items .item
{
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;

    display: inline-block;

    vertical-align: middle;
    text-transform: uppercase;
}
@media screen and (max-width: 960px)
{
    .nav_items .item
    {
        display: block;
    }
}
.nav_items .item.selected .inner
{
    color: #fa0029;
}
.nav_items .item.open .text,
.nav_items .item.open .text + i
{
    color: #fa0029;
}
.nav_items .item.open .dropable
{
    visibility: visible; 

    -webkit-transform: translateY(0); 

       -moz-transform: translateY(0); 

        -ms-transform: translateY(0); 

         -o-transform: translateY(0); 

            transform: translateY(0);

    opacity: 1;
}
@media screen and (max-width: 960px)
{
    .nav_items .item.open .dropable
    {
        display: block; 

        -webkit-transform: none; 

           -moz-transform: none; 

            -ms-transform: none; 

             -o-transform: none; 

                transform: none;
    }
}
.nav_items .item.drop_item
{
    position: relative;
}
.nav_items .item.drop_item.show .text,
.nav_items .item.drop_item.show .text + i
{
    color: #fa0029;
}
.nav_items .item.drop_item.show .dropable_min
{
    visibility: visible; 

    -webkit-transform: translateY(0); 

       -moz-transform: translateY(0); 

        -ms-transform: translateY(0); 

         -o-transform: translateY(0); 

            transform: translateY(0);

    opacity: 1;
}
@media screen and (max-width: 960px)
{
    .nav_items .item.drop_item.show .dropable_min
    {
        display: block; 

        -webkit-transform: none; 

           -moz-transform: none; 

            -ms-transform: none; 

             -o-transform: none; 

                transform: none;
    }
}
.nav_items .item i
{
    color: #fa0029;
}
.nav_items .inner
{
    font-size: 0;

    position: relative; 

    display: block;

    padding: 0 12px;

    -webkit-transition: color .3s;

       -moz-transition: color .3s;

         -o-transition: color .3s;

            transition: color .3s;

    color: #000;
}
@media screen and (max-width: 960px)
{
    .nav_items .inner
    {
        padding: 15px 0;
    }
}
.nav_items .inner:before
{
    display: inline-block;

    height: 60px; 

    content: '';
    vertical-align: middle;
}
@media screen and (max-width: 960px)
{
    .nav_items .inner:before
    {
        display: none;
    }
}
@media screen and (min-width: 1025px)
{
    .nav_items .inner:hover
    {
        color: #fa0029;
    }
}
.nav_items .stick
{
    line-height: 0; 

    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    text-align: center;
}
.nav_items .stick span
{
    font-size: 8px;
    font-weight: 400; 
    line-height: 13px;

    display: inline-block;

    padding: 0 5px;

    vertical-align: top;

    color: #fff;
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
       -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius: 5px;
    background-color: #fa0029;
}
.nav_items .text
{
    font-size: 12px;

    display: inline-block;

    padding: 0 5px; 

    vertical-align: middle;
}
.nav_items .icon-arrow-down
{
    font-size: 6px; 

    display: inline-block;

    vertical-align: middle;
}

.dropable
{
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;

    visibility: hidden;

    padding: 10px;

    -webkit-transition: -webkit-transform .3s, opacity .3s, visibility .3s;

       -moz-transition: -moz-transform .3s, opacity .3s, visibility .3s;

         -o-transition: -o-transform .3s, opacity .3s, visibility .3s;

            transition: transform .3s, opacity .3s, visibility .3s;
    -webkit-transform: translateY(110%);
       -moz-transform: translateY(110%);
        -ms-transform: translateY(110%);
         -o-transform: translateY(110%);
            transform: translateY(110%);

    opacity: 0;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
    background-color: #292b35; 
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .15); 
       -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .15); 
            box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
}
@media screen and (max-width: 960px)
{
    .dropable
    {
        position: static;
        top: auto;
        right: auto;
        left: auto;

        display: none; 
        visibility: visible;

        -webkit-transform: none;

           -moz-transform: none;

            -ms-transform: none;

             -o-transform: none;

                transform: none;

        opacity: 1;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
}
@media screen and (max-width: 668px)
{
    .dropable
    {
        overflow: auto; 

        max-height: 200px;
    }
}
.dropable .dropable_wrapper
{
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
}
@media screen and (max-width: 668px)
{
    .dropable .dropable_wrapper
    {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
}
.dropable .navigation_item
{
    font-size: 14px;
    font-weight: 400;

    position: relative;
}
@media screen and (min-width: 1025px)
{
    .dropable .navigation_item:hover > a
    {
        color: #fff; 
        background-color: #fa0029;
    }
    .dropable .navigation_item:hover i
    {
        color: #fff;
    }
    .dropable .navigation_item:hover em
    {
        color: #fff;
    }
}
@media screen and (max-width: 1024px)
{
    .dropable .navigation_item.open a
    {
        color: #fff; 
        background-color: #fa0029;
    }
}
.dropable .navigation_item:active a
{
    color: #fff; 
    background-color: #fa0029;
}
.dropable .navigation_item a
{
    position: relative;
    z-index: 2; 

    display: -webkit-inline-box; 

    display: -webkit-inline-flex; 

    display: -moz-inline-box; 

    display: -ms-inline-flexbox; 

    display: inline-flex;

    width: 100%;
    padding: 6px 8px;

    -webkit-transition: color .2s, background .2s;

       -moz-transition: color .2s, background .2s;

         -o-transition: color .2s, background .2s;

            transition: color .2s, background .2s;

    color: white;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

       -moz-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.dropable .navigation_item a span
{
    font-size: 12px;

    overflow: hidden;

    min-width: 1px; 
    margin-right: 5px;

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

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

       -moz-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1;
}
.dropable .navigation_item a em
{
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s; 

    color: #5f6068;

    -webkit-box-flex: 0;

    -webkit-flex-grow: 0;

       -moz-box-flex: 0;

        -ms-flex-positive: 0;

            flex-grow: 0;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
}
.dropable .navigation_item a i
{
    font-size: 8px;

    position: absolute;
    top: 50%;
    right: 3px;

    -webkit-transform: translateY(-50%);

       -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

         -o-transform: translateY(-50%);

            transform: translateY(-50%);

    color: #fff;
}
@media screen and (max-width: 1024px)
{
    .dropable .navigation_item a i
    {
        display: none;
    }
}

.dropable_min
{
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;

    visibility: hidden;

    padding: 10px;

    -webkit-transition: -webkit-transform .3s, opacity .3s, visibility .3s;

       -moz-transition: -moz-transform .3s, opacity .3s, visibility .3s;

         -o-transition: -o-transform .3s, opacity .3s, visibility .3s;

            transition: transform .3s, opacity .3s, visibility .3s;
    -webkit-transform: translateY(110%);
       -moz-transform: translateY(110%);
        -ms-transform: translateY(110%);
         -o-transform: translateY(110%);
            transform: translateY(110%);

    opacity: 0;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
    background-color: #292b35; 
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .15); 
       -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .15); 
            box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
}
@media screen and (max-width: 960px)
{
    .dropable_min
    {
        position: static;
        top: auto;
        right: auto;
        left: auto;

        display: none; 
        visibility: visible;

        -webkit-transform: none;

           -moz-transform: none;

            -ms-transform: none;

             -o-transform: none;

                transform: none;

        opacity: 1;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
}
@media screen and (max-width: 668px)
{
    .dropable_min
    {
        overflow: auto; 

        max-height: 200px;
    }
}
.dropable_min .item
{
    font-size: 12px;

    display: block;
    overflow: hidden;

    padding: 6px 8px; 

    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;

    color: #fff;
}
@media screen and (min-width: 1025px)
{
    .dropable_min .item:hover
    {
        color: #fff; 
        background-color: #fa0029;
    }
}

.search
{
    overflow: hidden;

    padding: 9px 0;
}
@media screen and (max-width: 960px)
{
    .search
    {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;

        width: 46px;
        padding: 7px 0;

        -webkit-transition: width .3s;

           -moz-transition: width .3s;

             -o-transition: width .3s;

                transition: width .3s;
    }
}

.field
{
    position: relative;

    overflow: hidden;

    -webkit-border-radius: 4px;

       -moz-border-radius: 4px;

            border-radius: 4px; 
    background-color: #292b35;
}
@media screen and (max-width: 960px)
{
    .field
    {
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
}
.field .button
{
    font-size: 0;

    float: right;

    width: 46px;
    height: 42px;

    cursor: pointer;
    -webkit-transition: background .2s;
       -moz-transition: background .2s;
         -o-transition: background .2s;
            transition: background .2s; 

    border: none;
    border: none;
    background-color: #fa0029;
}
@media screen and (max-width: 960px)
{
    .field .button
    {
        display: none;
    }
}
@media screen and (min-width: 1025px)
{
    .field .button:hover .icon-search-btn
    {
        -webkit-transform: rotate(90deg);
           -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
             -o-transform: rotate(90deg);
                transform: rotate(90deg);
    }
}
.field .button .icon-search-btn
{
    font-size: 20px;

    display: inline-block;

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

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

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

            transition: transform .3s; 
    -webkit-transform: rotate(0); 
       -moz-transform: rotate(0); 
        -ms-transform: rotate(0); 
         -o-transform: rotate(0); 
            transform: rotate(0);
    vertical-align: top;

    color: #fff;
}
.field .button_mask
{
    font-size: 0;

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;

    display: none; 

    width: 46px;
    height: 42px;

    cursor: pointer;

    border: none;
    background: none;
}
@media screen and (max-width: 960px)
{
    .field .button_mask
    {
        display: block;
    }
}
.field .button_mask .icon-search-btn
{
    font-size: 20px;

    display: inline-block;

    vertical-align: top; 

    color: #000;
}
.field .button_close
{
    font-size: 0;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; 

    display: none;

    width: 46px;
    height: 42px;

    cursor: pointer;

    border: none;
    border: 1px solid transparent;
    background: #fff;
}
@media screen and (max-width: 960px)
{
    .field .button_close
    {
        display: block;
    }
}
.field .button_close i
{
    font-size: 16px;

    display: inline-block;

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

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

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

            transition: transform .8s; 
    -webkit-transform: scale(0); 
       -moz-transform: scale(0); 
        -ms-transform: scale(0); 
         -o-transform: scale(0); 
            transform: scale(0);
    vertical-align: middle;
}

.wrap_input
{
    overflow: hidden;

    height: 42px;
}
@media screen and (max-width: 960px)
{
    .wrap_input
    {
        padding-right: 46px;
    }
}

.input_field
{
    font-family: 'Quicksand', sans-serif; 
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;

    width: 100%;
    height: 42px;
    padding: 14px 16px;

    color: #fff;
    border: none;
    background: none;
}
@media screen and (max-width: 960px)
{
    .input_field
    {
        padding-right: 65px;
    }
}

.main
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; 

    padding: 20px 0 0;

    -webkit-box-flex: 1;

    -webkit-flex: 1 0 auto;

       -moz-box-flex: 1;

        -ms-flex: 1 0 auto;

            flex: 1 0 auto;
}
@media screen and (max-width: 960px)
{
    .main
    {
        padding-top: 10px;
    }
}

.flex_inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -webkit-box-flex: 1; 

    -webkit-flex: 1 0 auto; 

       -moz-box-flex: 1; 

        -ms-flex: 1 0 auto; 

            flex: 1 0 auto;
}
@media screen and (max-width: 1024px)
{
    .flex_inner
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.aside
{
    width: 280px;
    padding: 20px 0; 

    background: #fff;
    -webkit-box-shadow: 0 41px 18px rgba(0, 0, 0, .08);
       -moz-box-shadow: 0 41px 18px rgba(0, 0, 0, .08);
            box-shadow: 0 41px 18px rgba(0, 0, 0, .08);

    -webkit-box-flex: 0;

    -webkit-flex-grow: 0;

       -moz-box-flex: 0;

        -ms-flex-positive: 0;

            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
@media screen and (max-width: 1024px)
{
    .aside
    {
        width: auto;
        margin-top: 20px;
        padding-top: 0;
    }
}
.aside.right
{
    margin-left: 13px;
}
@media screen and (max-width: 1024px)
{
    .aside.right
    {
        margin-left: 0; 

        -webkit-box-ordinal-group: 3; 

        -webkit-order: 2; 

           -moz-box-ordinal-group: 3; 

            -ms-flex-order: 2; 

                order: 2;
    }
}
.aside.left
{
    margin-right: 13px;
}
@media screen and (max-width: 1024px)
{
    .aside.left
    {
        margin-right: 0; 

        -webkit-box-ordinal-group: 4; 

        -webkit-order: 3; 

           -moz-box-ordinal-group: 4; 

            -ms-flex-order: 3; 

                order: 3;
    }
}
.aside .headline
{
    margin-bottom: 10px;
}
.aside .title
{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;

    display: inline-block;

    padding: 7px 11px;

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

    color: #fff;
    -webkit-border-top-right-radius: 5px;
       -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px; 
    background-color: #fa0029;
}
@media screen and (max-width: 1024px)
{
    .aside .title
    {
        display: block; 

        -webkit-border-top-right-radius: 0; 

           -moz-border-radius-topright: 0; 

                border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
           -moz-border-radius-bottomright: 0;
                border-bottom-right-radius: 0;
    }
}
.aside .holder
{
    padding: 0 10px;
}
@media screen and (max-width: 1024px)
{
    .aside .holder
    {
        font-size: 0;

        margin: -5px 0 0 -5px; 

        text-align: center;
    }
}
.aside .row
{
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px)
{
    .aside .row
    {
        display: inline-block;

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

        vertical-align: top;
    }
}
@media screen and (max-width: 1000px)
{
    .aside .row
    {
        width: 33.333%;
    }
}
@media screen and (max-width: 479px)
{
    .aside .row
    {
        width: 50%;
    }
}
.aside .row:last-child
{
    margin-top: 0;
}
.aside .row img
{
    display: block;

    width: 100%;
    height: auto;
}
.aside .single_thumb
{
    display: block;
}
@media screen and (min-width: 1025px)
{
    .aside .single_thumb:hover
    {
        -webkit-box-shadow: 0 0 13px rgba(242, 11, 92, .22);
           -moz-box-shadow: 0 0 13px rgba(242, 11, 92, .22);
                box-shadow: 0 0 13px rgba(242, 11, 92, .22);
    }
}
.aside .question_block
{
    margin: 30px 10px 0;
}
.aside .btn_more
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .aside .btn_more
    {
        display: block;
    }
}

.sidebar
{
    width: 240px; 
    margin-right: 18px;

    -webkit-border-radius: 5px;

       -moz-border-radius: 5px;

            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 18px rgba(41, 43, 53, .03);
       -moz-box-shadow: 0 0 18px rgba(41, 43, 53, .03);
            box-shadow: 0 0 18px rgba(41, 43, 53, .03);

    -webkit-box-flex: 0;

    -webkit-flex-grow: 0;

       -moz-box-flex: 0;

        -ms-flex-positive: 0;

            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
@media screen and (max-width: 960px)
{
    .sidebar
    {
        position: fixed;
        z-index: 10;
        top: 0;
        bottom: 0;
        left: 0;

        margin: 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%);
    }
}
.sidebar .holder
{
    background: #fff;
}
@media screen and (max-width: 960px)
{
    .sidebar .holder
    {
        position: relative;
        z-index: 1; 

        overflow: auto;

        height: 100%;
    }
}
.sidebar .close
{
    position: absolute;
    top: 0;
    right: 0;

    display: none; 

    padding: 5px;

    -webkit-transform: translate(0);

       -moz-transform: translate(0);

        -ms-transform: translate(0);

         -o-transform: translate(0);

            transform: translate(0);

    -webkit-border-bottom-right-radius: 4px;

       -moz-border-radius-bottomright: 4px;

            border-bottom-right-radius: 4px;
    background: #fff;
}
.sidebar .close i
{
    font-size: 30px; 

    color: #000;
}
@media screen and (max-width: 960px)
{
    .sidebar .close
    {
        display: block;
    }
}
.sidebar .row
{
    margin-top: 20px;
}
.sidebar .headline
{
    margin-bottom: 20px;
}
.sidebar .title
{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;

    display: inline-block;

    padding: 7px 11px;

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

    color: #fff;
    -webkit-border-top-right-radius: 5px;
       -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px; 
    background-color: #fa0029;
}
@media screen and (max-width: 960px)
{
    .sidebar .title
    {
        display: block; 

        -webkit-border-top-right-radius: 0; 

           -moz-border-radius-topright: 0; 

                border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
           -moz-border-radius-bottomright: 0;
                border-bottom-right-radius: 0;
    }
}

.list_sites
{
    font-weight: 500; 

    overflow: hidden;

    margin-top: -10px;
    padding: 1px 0;
}
.list_sites .link
{
    position: relative;

    display: block;

    margin: -1px 0; 
    padding: 11px 34px 11px 20px;

    -webkit-transition: color .3s, background .3s;

       -moz-transition: color .3s, background .3s;

         -o-transition: color .3s, background .3s;

            transition: color .3s, background .3s;

    color: #292b35;
}
@media screen and (min-width: 1025px)
{
    .list_sites .link:hover
    {
        color: #fff;
        background-color: #292b35;
    }
    .list_sites .link:hover .icon_logo
    {
        -webkit-transform: translateY(-50%) scale(1);
           -moz-transform: translateY(-50%) scale(1);
            -ms-transform: translateY(-50%) scale(1);
             -o-transform: translateY(-50%) scale(1);
                transform: translateY(-50%) scale(1);
    }
}
.list_sites .link span
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.list_sites .icon_logo
{
    position: absolute;
    top: 50%;
    right: 10px;

    width: 15px;
    height: 11px; 

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

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

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

            transition: transform .3s;
    -webkit-transform: translateY(-50%) scale(0);
       -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
         -o-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);

    background: url('../images/icon_logo.svg') no-repeat;
}

.list_items
{
    font-size: 0;

    padding: 0 20px; 

    word-break: break-all;
}
.list_items .item
{
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;

    display: inline;

    padding: 0 6px 0 0;

    text-transform: uppercase;

    color: #585858;
}
.list_items .item .item_link
{
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s; 

    color: #292b35;
}
.list_items .item .item_link:hover
{
    color: #fa0029;
}

.post_items
{
    padding: 0 20px;
}
.post_items .item
{
    font-size: 12px;
    font-weight: 500; 
    line-height: 18px;

    margin-top: 20px;

    color: #292b35;
}
.post_items .item:first-child
{
    margin-top: 0;
}
.post_items a
{
    font-weight: 700; 

    color: #fa0029;
}
.post_items a:hover
{
    text-decoration: underline;
}

.question_block
{
    margin: 0 20px;
    padding: 30px 0;

    text-align: center; 

    border-top: 1px solid rgba(250, 0, 41, .32);
}
.question_block .title_question
{
    font-size: 30px;
    font-weight: 500;
    line-height: 26px;

    margin-bottom: 22px;

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

    color: #292b35;
}
.question_block .sub
{
    font-weight: 700; 

    color: #fa0029;
}

.list_buttons
{
    margin-bottom: 22px;
}
.list_buttons.double
{
    font-size: 0;
}
.list_buttons.double .button_item
{
    display: inline-block;

    margin: 0 -1px; 

    vertical-align: top;
}
.list_buttons.double .button_item:first-child .button
{
    -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;
}
.list_buttons.double .button_item:last-child .button
{
    -webkit-border-top-right-radius: 5px;
       -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px;
}
.list_buttons.double .button
{
    min-width: 70px;

    -webkit-border-radius: 0;

       -moz-border-radius: 0;

            border-radius: 0;
}

.button_item
{
    margin-top: 2px;
}
.button_item:first-child
{
    margin-top: 0;
}
.button_item .button
{
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;

    display: inline-block;

    min-width: 148px;
    padding: 9px 2px;

    cursor: pointer;
    -webkit-transition: background .3s, color .3s;
       -moz-transition: background .3s, color .3s;
         -o-transition: background .3s, color .3s;
            transition: background .3s, color .3s; 
    vertical-align: top;

    color: #292b35;
    border: 1px solid #f8f8f8;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #f8f8f8;
}
.button_item .button:hover
{
    color: #fff; 
    background-color: #fa0029;
}

.bottom_section
{
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;

    padding: 0 10px;

    color: #848792;
}
.bottom_section span
{
    color: #292b35;
}

.content_main
{
    min-width: 1px; 
    padding-top: 6px;
    padding-bottom: 20px;

    -webkit-flex-shrink: 1;

        -ms-flex-negative: 1;

            flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
@media screen and (max-width: 1024px)
{
    .content_main
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
}
.content_main .block
{
    margin-top: 20px;
}
.content_main .block:first-child
{
    margin-top: 0;
}

@media screen and (max-width: 1024px)
{
    .columns_gallery
    {
        display: table;

        width: 100%;
    }
}

@media screen and (max-width: 1024px)
{
    .columns_gallery .column
    {
        display: table-cell;

        width: 50%;
        padding: 0 10px; 

        vertical-align: top;
    }
}

@media screen and (max-width: 639px)
{
    .columns_gallery .column
    {
        width: 66.666%; 
        padding: 0 5px;
    }
    .columns_gallery .column.second
    {
        width: 33.333%;
    }
}

@media screen and (max-width: 479px)
{
    .columns_gallery .column
    {
        padding: 0 3px;
    }
}

@media screen and (max-width: 1024px)
{
    .gallery_container
    {
        background: #eee;
    }
}

.gallery_container .wrapper_container
{
    position: relative;
}
@media screen and (max-width: 1024px)
{
    .gallery_container .wrapper_container
    {
        max-width: 640px;
        margin: 0 auto;
    }
}
.gallery_container .wrapper_container .wrap img
{
    display: block;

    width: 100%;
    height: auto;
}

.gallery_container .rate
{
    font-size: 0; 

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

    padding: 15px;

    -webkit-border-top-right-radius: 10px;

       -moz-border-radius-topright: 10px;

            border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
       -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius: 10px;
    background: rgba(255, 255, 255, .8);
}
@media screen and (max-width: 479px)
{
    .gallery_container .rate
    {
        padding: 10px;
    }
}

.gallery_container .rate_item
{
    font-size: 0;

    display: inline-block;

    margin: 0;
    padding: 0 4px;

    cursor: pointer; 
    vertical-align: middle;

    color: #585858;
    border: none;
    background: none;
}
.gallery_container .rate_item.like:hover
{
    color: #7fbf2d;
}
.gallery_container .rate_item.dislike:hover
{
    color: #fa0029;
}
.gallery_container .rate_item i
{
    font-size: 35px;

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 479px)
{
    .gallery_container .rate_item i
    {
        font-size: 20px;
    }
}

.gallery_button
{
    position: absolute;
    top: 50%;

    width: 60px;
    height: 60px;

    -webkit-transition: background .3s;

       -moz-transition: background .3s;

         -o-transition: background .3s;

            transition: background .3s; 
    -webkit-transform: translateY(-50%); 
       -moz-transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
         -o-transform: translateY(-50%); 
            transform: translateY(-50%);

    background: rgba(255, 255, 255, .8);
}
@media screen and (max-width: 479px)
{
    .gallery_button
    {
        width: 40px;
        height: 40px;
    }
}
.gallery_button:hover
{
    background: #fa0029;
}
.gallery_button:hover a
{
    color: #fff;
}
.gallery_button a
{
    font-size: 0;

    display: block;

    width: 100%;
    height: 100%;

    -webkit-transition: color .3s;

       -moz-transition: color .3s;

         -o-transition: color .3s;

            transition: color .3s;
    text-align: center; 

    color: #585858;
}
.gallery_button a:before
{
    display: inline-block;

    height: 100%; 

    content: '';
    vertical-align: middle;
}
.gallery_button i
{
    font-size: 26px; 

    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 479px)
{
    .gallery_button i
    {
        font-size: 15px;
    }
}
.gallery_button.gallery_prev
{
    left: 0;

    -webkit-border-top-right-radius: 10px;

       -moz-border-radius-topright: 10px;

            border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
       -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius: 10px;
}
.gallery_button.gallery_next
{
    right: 0;

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

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

            border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
       -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius: 10px;
}

.logo_gallery
{
    font-size: 0; 

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

    padding: 10px 15px;

    -webkit-border-top-right-radius: 8px;

       -moz-border-radius-topright: 8px;

            border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
       -moz-border-radius-bottomright: 8px;
            border-bottom-right-radius: 8px;
    background: rgba(255, 255, 255, .8);
}
@media screen and (max-width: 479px)
{
    .logo_gallery
    {
        padding: 8px;
    }
}
.logo_gallery .icon_logo
{
    display: inline-block;

    margin-right: 6px;

    vertical-align: middle;

    opacity: .6;
}
.logo_gallery .name
{
    font-size: 18px;
    line-height: 20px;

    display: inline-block;

    vertical-align: middle;

    color: #06131a;
}
@media screen and (max-width: 479px)
{
    .logo_gallery .name
    {
        font-size: 13px;
        line-height: 16px;
    }
}

.zoom_block
{
    position: absolute;
    top: 20px;
    right: 20px;
}
.zoom_block .icon-resize
{
    font-size: 45px;

    color: rgba(255, 255, 255, .8);
}
@media screen and (max-width: 479px)
{
    .zoom_block .icon-resize
    {
        font-size: 25px;
    }
}

.spots
{
    font-size: 0;

    padding: 30px 10px; 

    text-align: center;

    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: white;
}
@media screen and (max-width: 639px)
{
    .spots
    {
        padding: 10px;
    }
}
.spots .holder
{
    font-size: 0; 

    margin: -40px 0 0 -40px;
}
@media screen and (max-width: 639px)
{
    .spots .holder
    {
        margin: -10px 0 0 -10px;
    }
}
.spots .spot
{
    display: inline-block;
    overflow: hidden;

    width: 50%;
    max-width: 340px;
    max-height: 300px; 
    padding: 40px 0 0 40px;

    vertical-align: top;
}
.spots .spot:first-child
{
    display: inline-block;
}
@media screen and (max-width: 2900px)
{
    .spots .spot
    {
        width: 25%;
    }
    .spots .spot:last-child
    {
        display: inline-block;
    }
}

@media screen and (max-width: 1188px)
{
    .spots .spot
    {
        width: 33.333%;
    }
    .spots .spot:last-child
    {
        display: none;
    }
}
@media screen and (max-width: 1024px)
{
    .spots .spot
    {
        width: 33.333%;
    }
    .spots .spot:first-child,
    .spots .spot:last-child
    {
        display: none;
    }
}
@media screen and (max-width: 970px)
{
    .spots .spot
    {
        width: 33.333%;
    }
    .spots .spot:first-child
    {
        display: none;
    }
}
@media screen and (max-width: 660px)
{
    .spots .spot
    {
        width: 100%;
        padding: 10px 0 0;
    }
    .spots .spot:last-child
    {
        display: none;
    }
}
.spots img
{
    display: block;

    width: 100%;
    height: auto;
}

.spots_large
{
    font-size: 0; 

    text-align: center;
}
.spots_large .spot
{
    display: inline-block;

    vertical-align: top;
}
.spots_large img
{
    display: block;

    width: 100%;
    height: auto;
}

.container_items
{
    padding: 10px;

    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; 
    background: #fff;
}
.container_items .heading
{
    margin-bottom: 5px; 
    padding-top: 5px;
}
.container_items .intro_content
{
    padding-top: 7px;
}

.btn_more
{
    font-size: 16px;
    font-weight: 700; 

    display: block;

    margin-top: 10px;
    padding: 10px;

    -webkit-transition: color .3s, background .3s, border-color .3s;

       -moz-transition: color .3s, background .3s, border-color .3s;

         -o-transition: color .3s, background .3s, border-color .3s;

            transition: color .3s, background .3s, border-color .3s;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #fa0029;
}
@media screen and (max-width: 479px)
{
    .btn_more
    {
        font-size: 14px;
    }
}
@media screen and (max-width: 1024px)
{
    .btn_more.more_inner
    {
        display: none;
    }
}
.btn_more:hover
{
    color: #fa0029;
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fa0029;
       -moz-box-shadow: inset 0 0 0 1px #fa0029;
            box-shadow: inset 0 0 0 1px #fa0029;
}

.heading
{
    font-size: 0; 

    margin-bottom: 15px;
}
.heading.flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media screen and (max-width: 639px)
{
    .heading.flex
    {
        display: block;
    }
}
.heading .title
{
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;

    display: inline-block;

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

    color: #292b35;
}
@media screen and (max-width: 479px)
{
    .heading .title
    {
        font-size: 14px;
        line-height: 16px;
    }
}
.heading .arrow
{
    display: inline-block;

    padding-left: 4px; 

    cursor: pointer;
    vertical-align: middle;
}
.heading .arrow.icon-transform i
{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.heading .icon-arrow-down
{
    font-size: 10px;

    display: inline-block;

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

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

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

            transition: transform .3s; 
    -webkit-transform: rotate(0deg); 
       -moz-transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
         -o-transform: rotate(0deg); 
            transform: rotate(0deg);
    vertical-align: top;
}

.sort_list
{
    font-size: 0;
}
@media screen and (max-width: 639px)
{
    .sort_list
    {
        margin-top: 10px;
    }
}
.sort_list .item
{
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;

    display: inline-block;

    padding: 0 1px;

    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.sort_list .item.selected .link_sort
{
    color: #fff;
    border: 1px solid #292b35; 
    background-color: #292b35;
}
.sort_list .link_sort
{
    display: block;

    padding: 4px 10px;

    color: #848792;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; 
    background-color: white;
}
@media screen and (min-width: 1025px)
{
    .sort_list .link_sort:hover
    {
        color: #fff;
        border: 1px solid #292b35; 
        background: #292b35;
    }
}

.intro_content
{
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;

    text-align: justify; 

    color: #848792;
}
.intro_content .row
{
    margin-top: 20px;
}
.intro_content .row:first-child
{
    margin-top: 0;
}

.thumbs
{
    font-size: 0;

    margin: -10px 0 0 -10px; 

    text-align: center;
}

.thumb
{
    font-size: 12px;

    display: inline-block;

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

    text-align: left;
    vertical-align: top;
}
@media screen and (max-width: 767px)
{
    .thumb
    {
        width: 33.333%;
    }
}
@media screen and (max-width: 479px)
{
    .thumb
    {
        width: 50%;
    }
}
.thumb.thumb_visible .wrap_image
{
    z-index: 2;
}
@media screen and (min-width: 1025px)
{
    .thumb.thumb_visible .th:hover .desc
    {
        -webkit-transform: translateY(100%);
           -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
             -o-transform: translateY(100%);
                transform: translateY(100%);

        -webkit-border-bottom-right-radius: 5px;

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

                border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
           -moz-border-radius-bottomleft: 5px;
                border-bottom-left-radius: 5px;
    }
}
.thumb.group_3
{
    width: 33.333%;
}
@media screen and (max-width: 1024px)
{
    .thumb.group_3
    {
        width: auto;
    }
}
@media screen and (max-width: 768px)
{
    .thumb.group_3
    {
        width: 33.333%;
    }
}
@media screen and (max-width: 414px)
{
    .thumb.group_3
    {
        width: 50%;
    }
    .thumb.group_3:nth-child(3)
    {
        display: none;
    }
}
.thumb.group_1
{
    width: 100%;
    padding: 5px;
}
.thumb .th
{
    position: relative;
    z-index: 1; 

    display: block;
}
@media screen and (min-width: 1025px)
{
    .thumb .th:hover
    {
        z-index: 2;

        -webkit-box-shadow: 0 0 13px rgba(242, 11, 92, .22);

           -moz-box-shadow: 0 0 13px rgba(242, 11, 92, .22);

                box-shadow: 0 0 13px rgba(242, 11, 92, .22);
    }
    .thumb .th:hover .date
    {
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
    }
}
.thumb .wrap_image
{
    position: relative;

    display: block;
    overflow: hidden;
}
.thumb .wrap_image img
{
    display: block;

    width: 100%;
    height: auto;
}
.thumb .date
{
    font-size: 11px;
    line-height: 14px;

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

    padding: 5px;

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

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

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

            transition: transform .3s;
    -webkit-transform: translateX(-101%);
       -moz-transform: translateX(-101%);
        -ms-transform: translateX(-101%);
         -o-transform: translateX(-101%);
            transform: translateX(-101%);

    color: white;
    -webkit-border-top-right-radius: 5px;
       -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px; 
    background: rgba(250, 0, 41, .8);
}
.thumb .icon_logo
{
    position: absolute;
    top: 10px;
    right: 10px;

    width: 29px;
    height: 20px;

    opacity: .5; 
    background: url('../images/icon_logo.svg') no-repeat;
    -moz-background-size: 29px 20px;
      -o-background-size: 29px 20px;
         background-size: 29px 20px;
}
.thumb .desc
{
    font-size: 12px; 
    line-height: 18px;

    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 8px 12px;

    -webkit-transition: background .3s, color .3s, -webkit-transform .1s;

       -moz-transition: background .3s, color .3s, -moz-transform .1s;

         -o-transition: background .3s, color .3s, -o-transform .1s;

            transition: background .3s, color .3s, transform .1s;

    color: #fff;
    background-color: #292b35;
}

.thumbs_box
{
    font-size: 0; 

    margin: -20px 0 0 -20px;

    text-align: center;
}
@media screen and (max-width: 639px)
{
    .thumbs_box
    {
        margin: -10px 0 0 -10px;
    }
}
@media screen and (max-width: 479px)
{
    .thumbs_box
    {
        margin: -6px 0 0 -6px;
    }
}
.thumbs_box.trd
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .thumbs_box.trd
    {
        display: block;
    }
}
@media screen and (max-width: 639px)
{
    .thumbs_box.trd .thumb_box
    {
        width: 100%;
    }
    .thumbs_box.trd .thumb_box:nth-child(-n+3)
    {
        display: none;
    }
}

.thumb_box
{
    display: inline-block;

    width: 33.333%; 
    max-width: 240px;
    padding: 20px 0 0 20px;

    vertical-align: top;
}
@media screen and (max-width: 900px)
{
    .thumb_box
    {
        width: 50%;
    }
}
@media screen and (max-width: 639px)
{
    .thumb_box
    {
        padding: 10px 0 0 10px;
    }
}
@media screen and (max-width: 479px)
{
    .thumb_box
    {
        width: 50%;
        padding: 6px 0 0 6px;
    }
}
.thumb_box .th
{
    position: relative;

    display: block;

    background: #000;
}
@media screen and (min-width: 1025px)
{
    .thumb_box .th:hover i
    {
        -webkit-transform: translate(-50%, -50%) scale(1);
           -moz-transform: translate(-50%, -50%) scale(1);
            -ms-transform: translate(-50%, -50%) scale(1);
             -o-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
    }
    .thumb_box .th:hover img
    {
        opacity: .5;
    }
}
.thumb_box img
{
    display: block;

    width: 100%;
    height: auto;

    -webkit-transition: opacity .3s;

       -moz-transition: opacity .3s;

         -o-transition: opacity .3s;

            transition: opacity .3s; 

    opacity: 1;
}
.thumb_box i
{
    font-size: 40px; 

    position: absolute;
    top: 50%;
    left: 50%;

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

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

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

            transition: transform .3s;
    -webkit-transform: translate(-50%, -50%) scale(0);
       -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
         -o-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);

    color: #fff;
}

.pagination
{
    margin-top: 20px; 

    text-align: center;
}

.holder_pagination
{
    font-size: 0;

    display: inline-block;

    margin: -2px 0 0 -2px; 

    vertical-align: top;
}
.holder_pagination .item
{
    font-size: 14px;

    display: inline-block;

    padding: 2px 0 0 2px;

    text-align: center; 
    vertical-align: top;
}
.holder_pagination .item.selected span
{
    line-height: 42px;

    display: block;

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

    color: #fff;
    border: 1px solid #292b35;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #292b35;
}
.holder_pagination .item .item_link
{
    line-height: 42px;

    display: block;

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

    -webkit-transition: color .3s, background .3s, border-color .3s;

       -moz-transition: color .3s, background .3s, border-color .3s;

         -o-transition: color .3s, background .3s, border-color .3s;

            transition: color .3s, background .3s, border-color .3s; 

    color: #acaeb8;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: #fff;
}
.holder_pagination .item .item_link:hover
{
    color: #fff;
    border: 1px solid #fa0029; 
    background: #fa0029;
}
.holder_pagination .icon-arrow-left,
.holder_pagination .icon-arrow-right
{
    font-size: 10px;

    display: inline-block;

    vertical-align: middle;
}

.buttons_area
{
    font-size: 0;

    margin: 10px 0 0 -10px; 

    text-align: center;
}
.buttons_area .btn
{
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;

    display: inline-block;

    margin: 10px 0 0 10px;
    padding: 11px 18px;

    -webkit-transition: background .3s, color .3s, -webkit-box-shadow .3s;

       -moz-transition: background .3s, color .3s, -moz-box-shadow .3s;

         -o-transition: background .3s, color .3s, box-shadow .3s;

            transition: background .3s, color .3s, box-shadow .3s; 
    vertical-align: middle;
    text-transform: uppercase;

    color: white;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fa0029;
}
@media screen and (min-width: 1025px)
{
    .buttons_area .btn:hover
    {
        color: #fa0029;
        background: #fff;
        -webkit-box-shadow: inset 0 0 0 1px #fa0029;
           -moz-box-shadow: inset 0 0 0 1px #fa0029;
                box-shadow: inset 0 0 0 1px #fa0029;
    }
}
@media screen and (max-width: 479px)
{
    .buttons_area .btn
    {
        font-size: 13px;
        line-height: 17px;
    }
}

.tools
{
    display: table;

    width: 100%;
}
@media screen and (max-width: 479px)
{
    .tools
    {
        display: block;

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

    vertical-align: top; 

    border-left: 1px solid #d0d3d9;
}
@media screen and (max-width: 479px)
{
    .tools .col
    {
        display: block;

        border-top: 1px solid #d0d3d9; 
        border-left: none;
    }
}
.tools .col:first-child
{
    border: none;
}
.tools .col.second
{
    width: 1%;

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

        white-space: normal;
    }
}
.tools .wrap_rate
{
    width: 160px;
    padding-right: 20px;
}
@media screen and (max-width: 479px)
{
    .tools .wrap_rate
    {
        width: auto; 
        padding: 0 0 10px;
    }
}
.tools .rate
{
    font-size: 0;

    margin-bottom: 15px; 

    text-align: center;
}
.tools .rate_item
{
    display: inline-block;

    padding: 0 4px; 

    vertical-align: top;
}
.tools .rate_item i
{
    font-size: 34px;

    display: inline-block;

    vertical-align: top;
}
.tools .btn_link
{
    font-size: 0;

    display: block;

    margin: 0;
    padding: 0;

    cursor: pointer; 

    color: #777;
    border: none;
    background: none;
}
.tools .btn_link.like:hover
{
    color: #7fbf2d;
}
.tools .btn_link.dislike:hover
{
    color: #fa0029;
}
.tools .progress_bar
{
    position: relative;

    overflow: hidden;

    height: 4px;
    margin-bottom: 10px; 

    -webkit-border-radius: 2px; 

       -moz-border-radius: 2px; 

            border-radius: 2px;
    background: #fa0029;
}
.tools .progress_line
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 100%;

    background: #7fbf2d;
}
.tools .count
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

       -moz-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.tools .count_precent
{
    font-size: 24px; 

    color: #7fbf2d;
}
.tools .count_rate
{
    color: #747474;
}
.tools .row
{
    margin-top: 15px;
}
.tools .row:first-child
{
    margin-top: 0;
}
.tools .wrap_list
{
    padding-left: 20px;
}
@media screen and (max-width: 479px)
{
    .tools .wrap_list
    {
        padding: 10px 0 0;
    }
}
.tools .list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    margin: -10px 0 0 -10px; 

    -webkit-box-pack: justify; 

    -webkit-justify-content: space-between; 

       -moz-box-pack: justify; 

        -ms-flex-pack: justify; 

            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.tools .item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; 

    margin: 10px 0 0 10px;
}
.tools .name_title
{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    float: left;

    margin-right: 10px; 
    padding: 3px 0;

    color: black;
}
.tools .wrap
{
    overflow: hidden;
}
.tools .holder
{
    font-size: 0;

    margin: -3px 0 0 -3px;
}
.tools .holder a
{
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;

    display: block;

    padding: 3px 8px;

    -webkit-transition: background .3s, color .3s, border .3s;

       -moz-transition: background .3s, color .3s, border .3s;

         -o-transition: background .3s, color .3s, border .3s;

            transition: background .3s, color .3s, border .3s; 
    text-transform: uppercase;

    color: #585858;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: white;
}
@media screen and (min-width: 1025px)
{
    .tools .holder a:hover
    {
        color: #fff;
        border: 1px solid #fa0029; 
        background: #fa0029;
    }
}
.tools .item_column
{
    display: inline-block;

    margin: 3px 0 0 3px;

    vertical-align: top;
}

.comment_input
{
    overflow: hidden;

    height: 40px;

    -webkit-transition: height .3s;

       -moz-transition: height .3s;

         -o-transition: height .3s;

            transition: height .3s; 

    -webkit-border-radius: 4px; 

       -moz-border-radius: 4px; 

            border-radius: 4px;
}
.comment_input.open_textarea
{
    height: 119px;
}
.comment_input.open_textarea .submit
{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0); 

    -webkit-border-top-right-radius: 0; 

       -moz-border-radius-topright: 0; 

            border-top-right-radius: 0;
}
.comment_input .panel
{
    float: right;
    overflow: hidden;

    width: 92px;
    margin-left: -1px; 

    -webkit-border-top-right-radius: 4px; 

       -moz-border-radius-topright: 4px; 

            border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
}
.comment_input .capcha
{
    border: 1px solid #e5e5e5;
}
.comment_input .input
{
    font-family: Asap;
    font-size: 12px;
    line-height: 18px;

    width: 100%;
    height: 40px;
    margin: -1px 0; 
    padding: 12px 8px;

    border: 1px solid #e5e5e5;
    background-color: white;
}
.comment_input .submit
{
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;

    width: 100%;
    height: 40px;
    padding: 0 5px;

    cursor: pointer;
    -webkit-transition: background .3s, color .3s, border .3s, -webkit-transform .3s;
       -moz-transition: background .3s, color .3s, border .3s, -moz-transform .3s;
         -o-transition: background .3s, color .3s, border .3s, -o-transform .3s;
            transition: background .3s, color .3s, border .3s, transform .3s;
    -webkit-transform: translateY(-79px);
       -moz-transform: translateY(-79px);
        -ms-transform: translateY(-79px);
         -o-transform: translateY(-79px);
            transform: translateY(-79px); 
    text-transform: uppercase;

    color: #fff;
    border: 1px solid #fa0029;
    -webkit-border-top-right-radius: 4px;
       -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
    background: #fa0029;
}
.comment_input .submit:hover
{
    color: #fa0029;
    border: 1px solid #fa0029;
    background-color: #fff;
}

.textarea_field
{
    overflow: hidden;

    height: 100%; 
    padding: 11px;

    border: 1px solid #292b35;
    -webkit-border-top-left-radius: 4px;
       -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
    background-color: #292b35;
}
.textarea_field .textarea
{
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    line-height: 16px;

    display: block;

    width: 100%;
    height: 100%;
    padding: 0;

    resize: none; 

    color: #fff;
    border: none;
    background: none;
}

.error_hide
{
    font-size: 11px;
    line-height: 16px; 

    color: #fa0029;
}

.comments
{
    margin-top: 30px;
}

.block_comment
{
    margin-bottom: 14px;
    padding-bottom: 14px; 

    border-bottom: 1px solid rgba(250, 0, 41, .32);
}
.block_comment:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: none;
}
.block_comment .title
{
    font-size: 0;

    margin-bottom: 6px;
}
.block_comment .author
{
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;

    display: inline-block;

    vertical-align: middle;

    color: #585858;
}
.block_comment .author a
{
    color: #fa0029;
}
.block_comment .author a:hover
{
    text-decoration: underline;
}
.block_comment .date
{
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;

    display: inline-block;

    margin-left: 5px;
    padding-left: 5px;

    vertical-align: middle;

    color: #585858;
    border-left: 1px solid #585858;
}
.block_comment .date span
{
    color: black;
}
.block_comment .post
{
    font-size: 12px;
    font-weight: 500; 
    line-height: 18px;

    text-align: justify;

    color: #848792;
}

#scrollUp
{
    font-size: 0;

    z-index: 999 !important;
    right: 0;
    bottom: 63px;

    width: 48px;
    height: 48px;

    -webkit-transition: background .3s, border .3s, color .3s;

       -moz-transition: background .3s, border .3s, color .3s;

         -o-transition: background .3s, border .3s, color .3s;

            transition: background .3s, border .3s, color .3s; 
    text-align: center;

    color: #fa0029;
    border: 1px solid #fff;
    -webkit-border-top-left-radius: 4px;
       -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #eee;
       -moz-box-shadow: 0 0 0 1px #eee;
            box-shadow: 0 0 0 1px #eee;
}
@media screen and (min-width: 1025px)
{
    #scrollUp:hover
    {
        color: #fff; 
        border: 1px solid #fa0029;
        background-color: #fa0029;
    }
}
#scrollUp:before
{
    display: inline-block;

    height: 100%; 

    content: '';
    vertical-align: middle;
}
#scrollUp .icon-arrow-down
{
    font-size: 21px;

    display: inline-block;

    -webkit-transform: rotate(180deg);

       -moz-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

         -o-transform: rotate(180deg);

            transform: rotate(180deg); 
    vertical-align: middle;
}

.button_help
{
    font-size: 0;

    position: fixed;
    z-index: 999; 
    right: 48px;
    bottom: 15px;

    overflow: hidden;

    padding: 8px 10px;

    cursor: pointer;
    -webkit-transition: right .4s, -webkit-transform .4s, border .4s;
       -moz-transition: right .4s, -moz-transform .4s, border .4s;
         -o-transition: right .4s, -o-transform .4s, border .4s;
            transition: right .4s, transform .4s, border .4s;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);

    border: 1px solid #fff;
    -webkit-border-top-left-radius: 4px;
       -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #eee;
       -moz-box-shadow: 0 0 0 1px #eee;
            box-shadow: 0 0 0 1px #eee;
}
.button_help:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: -webkit-transform .4s;
       -moz-transition: -moz-transform .4s;
         -o-transition: -o-transform .4s;
            transition: transform .4s; 
    -webkit-transform: translateX(100%); 
       -moz-transform: translateX(100%); 
        -ms-transform: translateX(100%); 
         -o-transform: translateX(100%); 
            transform: translateX(100%);

    background: #fa0029;
}
@media screen and (min-width: 1025px)
{
    .button_help:hover
    {
        right: 0;

        -webkit-transform: translateX(0%);

           -moz-transform: translateX(0%);

            -ms-transform: translateX(0%);

             -o-transform: translateX(0%);

                transform: translateX(0%);

        border: 1px solid #fa0029;
        -webkit-box-shadow: 0 0 0 1px #fa0029;
           -moz-box-shadow: 0 0 0 1px #fa0029;
                box-shadow: 0 0 0 1px #fa0029;
    }
    .button_help:hover:before
    {
        -webkit-transform: translateX(0%);
           -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
             -o-transform: translateX(0%);
                transform: translateX(0%);
    }
    .button_help:hover i
    {
        color: #fff;
    }
}
.button_help i
{
    font-size: 27px;

    display: inline-block;

    padding-right: 10px;

    -webkit-transition: color .4s;

       -moz-transition: color .4s;

         -o-transition: color .4s;

            transition: color .4s; 
    vertical-align: middle;

    color: #fa0029;
}
.button_help span
{
    font-size: 14px;
    line-height: 16px;

    display: inline-block;
    overflow: hidden;

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

    color: white;
}

.form_help
{
    position: fixed;
    z-index: 9999;
    bottom: 62px;
    left: 100%;

    width: 100%;
    max-width: 520px;
    padding: 20px 0;

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

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

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

            transition: transform .3s;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);

    border: 1px solid #292b36;
    -webkit-border-top-left-radius: 4px;
       -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px; 
    background-color: #292b36;
}
@media screen and (max-width: 1280px)
{
    .form_help
    {
        top: 0;
        bottom: 0;

        overflow: auto;

        -webkit-border-top-left-radius: 0;

           -moz-border-radius-topleft: 0;

                border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
           -moz-border-radius-bottomleft: 0;
                border-bottom-left-radius: 0;
    }
}
@media screen and (min-height: 768px)
{
    .form_help
    {
        top: 0;
        bottom: 0;

        overflow: auto;

        -webkit-border-top-left-radius: 0;

           -moz-border-radius-topleft: 0;

                border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
           -moz-border-radius-bottomleft: 0;
                border-bottom-left-radius: 0;
    }
}
@media screen and (max-width: 767px)
{
    .form_help
    {
        max-width: 300px;
    }
}
.form_help .close
{
    font-size: 0;

    position: absolute;
    top: 10px;
    right: 10px;

    display: block;

    padding: 0;

    color: #fff; 
    border: none;
    background: none;
}
.form_help .close i
{
    font-size: 15px;

    display: inline-block;

    cursor: pointer; 
    vertical-align: top;
}
@media screen and (max-width: 767px)
{
    .form_help .close i
    {
        font-size: 22px;
    }
}
.form_help .headline
{
    margin-bottom: 30px; 
    margin-left: -1px;
}
.form_help .title
{
    font-size: 0; 

    display: inline-block;

    padding: 8px 12px;

    vertical-align: top;

    border: 1px solid #f90028;
    -webkit-border-top-right-radius: 4px;
       -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
    background: #f90028;
}
.form_help .title i
{
    font-size: 27px;

    display: inline-block;

    padding-right: 10px; 

    vertical-align: middle;

    color: #fff;
}
.form_help .title span
{
    font-size: 14px;
    line-height: 16px;

    display: inline-block;
    overflow: hidden;

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

    color: white;
}
@media screen and (max-width: 767px)
{
    .form_help .title span
    {
        font-size: 12px;
    }
}
.form_help .holder
{
    padding: 0 40px;
}
@media screen and (max-width: 767px)
{
    .form_help .holder
    {
        padding: 0 15px;
    }
}
.form_help .row
{
    margin-top: 16px;
}
@media screen and (max-width: 767px)
{
    .form_help .row
    {
        margin-top: 10px;
    }
}
.form_help .row:first-child
{
    margin-top: 0;
}
.form_help .input
{
    font: 400 12px/14px 'Quicksand', sans-serif;

    width: 100%;
    height: 40px;
    padding: 12px;

    -webkit-transition: border .3s;

       -moz-transition: border .3s;

         -o-transition: border .3s;

            transition: border .3s; 

    color: #858585;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: white;
}
.form_help .input:focus
{
    border: 1px solid #000;
}
.form_help .input.error
{
    border: 1px solid #fa0029;
}
.form_help .input::-webkit-input-placeholder
{
    color: #292b35;
}
.form_help .input:-moz-placeholder
{
    opacity: 1; 
    color: #292b35;
}
.form_help .input::-moz-placeholder
{
    opacity: 1; 
    color: #292b35;
}
.form_help .input:-ms-input-placeholder
{
    color: #292b35;
}
.form_help .input:focus::-webkit-input-placeholder
{
    color: transparent;
}
.form_help .input:focus:-moz-placeholder
{
    color: transparent;
}
.form_help .input:focus::-moz-placeholder
{
    color: transparent;
}
.form_help .input:focus:-ms-input-placeholder
{
    color: transparent;
}
.form_help .input.placeholder
{
    color: #292b35 !important;
}
.form_help .textarea
{
    font: 400 12px/14px 'Quicksand', sans-serif;

    display: block;

    width: 100%;
    height: 70px;
    margin: 0;
    padding: 12px;

    resize: none;
    -webkit-transition: border .3s;
       -moz-transition: border .3s;
         -o-transition: border .3s;
            transition: border .3s; 

    color: #858585;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: white;
}
.form_help .textarea:focus
{
    border: 1px solid #000;
}
.form_help .capcha
{
    float: left;

    margin-right: 10px;
}
@media screen and (max-width: 767px)
{
    .form_help .capcha
    {
        float: none;

        margin: 0 0 10px;
    }
}
.form_help .capcha_input
{
    overflow: hidden;
}
.form_help .button_submit
{
    font: 14px/16px 'Quicksand', sans-serif;

    float: right;

    min-width: 90px;
    height: 40px;

    cursor: pointer;
    -webkit-transition: background .3s, -webkit-box-shadow .3s, color .3s;
       -moz-transition: background .3s, -moz-box-shadow .3s, color .3s;
         -o-transition: background .3s, box-shadow .3s, color .3s;
            transition: background .3s, box-shadow .3s, color .3s; 
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #fa0029;
}
.form_help .button_submit:hover
{
    color: #fa0029; 
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fa0029;
       -moz-box-shadow: inset 0 0 0 1px #fa0029;
            box-shadow: inset 0 0 0 1px #fa0029;
}

.greeting_block
{
    font-size: 12px;
    line-height: 18px;

    color: #fff;
}
.greeting_block .contact
{
    color: #fa0029;
}

#costarred_preview
{
    position: absolute;

    display: none;

    width: 100px;
    height: 100px;
    padding: 6px;

    background: #fff;
    -webkit-box-shadow: 0 0 5px #b4b4b4;
       -moz-box-shadow: 0 0 5px #b4b4b4;
            box-shadow: 0 0 5px #b4b4b4;
}

.block_notice
{
    display: none; 

    margin-bottom: 10px;

    text-align: center;
}
@media screen and (max-width: 1024px)
{
    .block_notice.show
    {
        display: block;
    }
}
.block_notice .hold
{
    position: relative; 

    display: inline-block;

    padding: 4px;

    vertical-align: top;

    border: 1px solid #e5e5e5;
    background: #fff;
}
.block_notice .wrap
{
    font-size: 0;

    margin: 0 -2px;
}
.block_notice .spot
{
    display: inline-block;

    padding: 0 2px; 

    vertical-align: middle;
}
@media screen and (max-width: 800px)
{
    .block_notice .spot:first-child
    {
        display: none;
    }
}
@media screen and (max-width: 545px)
{
    .block_notice .spot:last-child
    {
        display: none;
    }
}
.block_notice .close
{
    font-size: 0;

    position: absolute;
    top: -10px;
    right: -10px;

    display: block; 

    width: 25px;
    height: 25px;
    padding: 5px;

    cursor: pointer;

    border: none;
    -webkit-border-radius: 25px;
       -moz-border-radius: 25px;
            border-radius: 25px;
    background: #fa0029;
}
.block_notice .icon-close-empty
{
    color: #fff;
}

.slider
{
    display: none; 

    padding: 0 70px;
}
.slider.slick-initialized
{
    display: block;
}
@media screen and (max-width: 480px)
{
    .slider
    {
        padding: 0;
    }
}

.slick-arrow
{
    font-size: 0;

    position: absolute;
    z-index: 2;
    top: 50%;

    width: 50px;
    height: 50px;

    cursor: pointer; 
    -webkit-transform: translate3d(0, -50%, 0); 
       -moz-transform: translate3d(0, -50%, 0); 
            transform: translate3d(0, -50%, 0);

    color: #000;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #fff;
}
@media screen and (min-width: 1025px)
{
    .slick-arrow:hover
    {
        color: #fff;
        border-color: #fa0029; 
        background-color: #fa0029;
    }
}
@media screen and (max-width: 480px)
{
    .slick-arrow
    {
        border: none; 
        -webkit-border-radius: 0; 
           -moz-border-radius: 0; 
                border-radius: 0;
    }
}
.slick-arrow:before
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Ico Moon' !important;
    font-size: 14px;
    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;
}
.slick-arrow.slick-prev
{
    left: 0;
}
@media screen and (max-width: 480px)
{
    .slick-arrow.slick-prev
    {
        left: -10px;
    }
}
.slick-arrow.slick-prev:before
{
    content: '\e901';
}
.slick-arrow.slick-next
{
    right: 0;
}
@media screen and (max-width: 480px)
{
    .slick-arrow.slick-next
    {
        right: -10px;
    }
}
.slick-arrow.slick-next:before
{
    content: '\e902';
}

.footer
{
    background: #fff; 

    -webkit-box-flex: 0; 

    -webkit-flex: none; 

       -moz-box-flex: 0; 

        -ms-flex: none; 

            flex: none;
}
.footer .columns
{
    display: table;

    width: 100%; 
    padding: 18px 0;
}
@media screen and (max-width: 960px)
{
    .footer .columns
    {
        display: block;

        width: auto;
    }
}
.footer .column
{
    display: table-cell;

    width: 80%; 

    vertical-align: middle;
}
@media screen and (max-width: 960px)
{
    .footer .column
    {
        display: block;

        width: auto;
    }
}
.footer .column.second
{
    width: 20%;

    text-align: center;
}
@media screen and (max-width: 960px)
{
    .footer .column.second
    {
        width: auto;
    }
}
.footer .column.last
{
    width: 1%;

    white-space: nowrap;
}
@media screen and (max-width: 960px)
{
    .footer .column.last
    {
        width: auto; 

        white-space: normal;
    }
}

.footer_inform
{
    font-size: 0;

    text-align: left;
}
@media screen and (max-width: 960px)
{
    .footer_inform
    {
        margin-bottom: 20px; 

        text-align: center;
    }
}

.desc_footer
{
    display: inline-block;

    vertical-align: middle;
}

.logo_footer
{
    display: inline-block;

    width: 60px;

    vertical-align: middle;
}
@media screen and (max-width: 960px)
{
    .logo_footer
    {
        margin-bottom: 20px;
    }
}
.logo_footer img
{
    display: block;

    width: 100%;
    height: auto;
}

.footer_navigation
{
    display: block;
}
.footer_navigation .item
{
    font-size: 12px;
    font-weight: 500;

    display: inline-block;

    padding-left: 10px; 

    vertical-align: middle;
}
.footer_navigation .item:before
{
    padding-right: 10px;

    content: '|';

    color: #292b35;
}
.footer_navigation .item:first-child
{
    padding-left: 0;
}
.footer_navigation .item:first-child:before
{
    display: none;

    padding-right: 0;
}
@media screen and (max-width: 1140px)
{
    .footer_navigation .item
    {
        font-size: 11px;
    }
}
@media screen and (max-width: 479px)
{
    .footer_navigation .item
    {
        padding: 0 5px;
    }
    .footer_navigation .item:before
    {
        display: none;
    }
}
.footer_navigation .item a
{
    color: #292b35;
}
.footer_navigation .item a:hover
{
    color: #fa0029;
}

.copy
{
    font-size: 10px;

    display: block;

    margin-top: 15px;

    color: rgba(132, 135, 146, .7);
}

.footer_subscribe
{
    width: 372px;
}
@media screen and (max-width: 960px)
{
    .footer_subscribe
    {
        width: auto;
    }
}
.footer_subscribe .title
{
    font-size: 0;
    font-weight: 500;
    line-height: 14px;

    margin-bottom: 6px;

    text-transform: uppercase; 

    color: #292b35;
}
.footer_subscribe .icon-mail
{
    font-size: 12px;

    display: inline-block;

    padding-right: 4px; 

    vertical-align: middle;
}
.footer_subscribe span
{
    font-size: 11px; 

    display: inline-block;

    vertical-align: middle;
}

.field_subscribe
{
    overflow: hidden; 

    -webkit-border-radius: 4px; 

       -moz-border-radius: 4px; 

            border-radius: 4px;
}
.field_subscribe .submit
{
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    font-weight: 700;

    float: right;

    min-width: 106px;
    height: 40px;
    margin: -1px -1px -1px 0;
    padding: 0;

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

    color: #fff;
    border: none;
    background-color: #fa0029;
}

.field_wrapper
{
    overflow: hidden;
}

.input_subscribe
{
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    line-height: 18px;

    width: 100%;
    height: 38px;
    padding: 12px 18px; 

    color: #818181;
    border: none;
    background: #292b35;
}