/* Start:/css/fancybox.css?17944780154477*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
    margin: 0;
    padding: 0;

    vertical-align: top;

    border: 0;
    outline: none;
}

.fancybox-wrap{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin{
    position: relative;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
    margin-bottom: 20px;
}
.fancybox-opened{
    z-index: 8030;
}
.fancybox-outer,
.fancybox-inner{
    position: relative;
}
.fancybox-inner{
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling: touch;
}

.fancybox-error{
    font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;

    margin: 0;
    padding: 15px;

    white-space: nowrap;

    color: #444;
}

.fancybox-image,
.fancybox-iframe{
    display: block;

    width: 100%;
    height: 100%;
}

.fancybox-image{
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-prev span,
.fancybox-next span{
    background-image: url('/css/../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 8060;

    margin-top: -22px;
    margin-left: -22px;

    cursor: pointer;

    opacity: .8;
    background-position: 0 -108px;
}

#fancybox-loading div{
    width: 44px;
    height: 44px;

    background: url('/css/../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 8040;

    width: 30px;
    height: 30px;

    cursor: pointer;
    transition: transform .3s linear;

    background: url(/css/../images/ic_close.png) 0 0 no-repeat;
}
.fancybox-close:hover{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}

.fancybox-nav{
    position: absolute;
    top: 0;
    z-index: 8040;

    width: 40%;
    height: 100%;

    cursor: pointer;
    text-decoration: none;

    background: transparent url('/css/../images/fancybox/blank.gif'); /* helps IE */

    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev{
    left: 0;
}
.fancybox-next{
    right: 0;
}

.fancybox-nav span{
    position: absolute;
    top: 50%;
    z-index: 8040;

    visibility: hidden;

    width: 36px;
    height: 34px;
    margin-top: -18px;

    cursor: pointer;
}
.fancybox-prev span{
    left: 10px;

    background-position: 0 -36px;
}
.fancybox-next span{
    right: 10px;

    background-position: 0 -72px;
}

.fancybox-nav:hover span{
    visibility: visible;
}

.fancybox-tmp{
    position: absolute;
    top: -99999px;
    left: -99999px;

    visibility: hidden;
    overflow: visible !important;

    max-width: 99999px;
    max-height: 99999px;
}

.fancybox-lock{
    overflow: hidden !important;

    width: auto;
}
.fancybox-lock body{
    overflow: hidden !important;
}
.fancybox-lock-test{
    overflow-y: hidden !important;
}

.fancybox-overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8010;

    display: none;
    overflow: hidden;

    background: url('/css/../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed{
    position: fixed;
    right: 0;
    bottom: 0;
}

.fancybox-lock .fancybox-overlay{
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title{
    font: normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;

    position: relative;
    z-index: 8050;

    visibility: hidden;

    text-shadow: none;
}
.fancybox-opened .fancybox-title{
    visibility: visible;
}

.fancybox-title-float-wrap{
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 8050;

    margin-bottom: -35px;

    text-align: center;
}

.fancybox-title-float-wrap .child{
    font-weight: bold;
    line-height: 24px;

    display: inline-block;

    margin-right: -100%;
    padding: 2px 20px;

    white-space: nowrap;

    color: #fff;
    border-radius: 15px;
    background: transparent;
    background: rgba(0, 0, 0, .8);
    text-shadow: 0 1px 2px #222;
}

.fancybox-title-outside-wrap{
    position: relative;

    margin-top: 10px;

    color: #fff;
}
.fancybox-title-inside-wrap{
    padding-top: 10px;
}

.fancybox-title-over-wrap{
    position: absolute;
    bottom: 0;
    left: 0;

    padding: 10px;

    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/* End */


/* Start:/css/bxslider.css?17944780153987*/
.bx-wrapper{
    position: relative;

    margin: 0 auto;
    padding: 0;
}


.bx-wrapper .bx-pager{
    position: absolute;
    bottom: 38px;
    z-index: 99;

    width: 100%;
    height: 10px;

    text-align: center;
}
.advantages .bx-wrapper .bx-pager{
    bottom: -80px;
}

.bx-wrapper .bx-pager .bx-pager-item{
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    display: block;

    width: 10px;
    height: 10px;
    margin: 0 10px;

    transition: background .2s linear;
    text-indent: -9999px;

    border-radius: 50%;
    outline: 0;
    background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #3d8ff8;
}


.bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 50%;
    z-index: 99;

    width: 58px;
    height: 58px;
    margin-top: -29px;

    text-indent: -9999px;

    outline: 0;
    background: url(/css/../images/ic_slider_arrows.png) 0 0  no-repeat;
}

.bx-wrapper .bx-controls-direction a.bx-prev{
    left: 0;

    background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a.bx-next{
    right: 0;

    background-position: -58px 0;
}

.bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -58px;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -58px -58px;
}

@media (max-width: 767px){
    .products .carousel .bx-viewport {
        margin-top: 60px;
    }
}

.products .bx-wrapper .bx-controls-direction a.bx-prev{
    top: -70px;
    right: 57px;
    left: auto;

    margin: 0;

    background-position: 0 0;
}
.products .bx-wrapper .bx-controls-direction a.bx-next{
    top: -70px;
    right: -1px;

    margin: 0;

    background-position: -58px -58px;
}
.products .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -58px;
}
.products .bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -58px 0;
}


.articles .bx-wrapper .bx-controls-direction a.bx-prev{
    top: -108px;
    right: 23px;
    left: auto;

    margin: 0;

    background-position: 0 0;
}
.articles .bx-wrapper .bx-controls-direction a.bx-next{
    top: -108px;
    right: -35px;

    margin: 0;

    background-position: -58px -58px;
}
.articles .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -58px;
}
.articles .bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -58px 0;
}


.reviews .bx-wrapper .bx-controls-direction a.bx-prev{
    top: 58px;
    right: -57px;
    left: auto;

    margin: 0;

    background-position: 0 0;
}
.reviews .bx-wrapper .bx-controls-direction a.bx-next{
    top: 0;
    right: -57px;

    margin: 0;

    background-position: -58px -58px;
}
.reviews .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -58px;
}
.reviews .bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -58px 0;
}


.product_info .images .bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 50%;
    z-index: 99;

    width: 29px;
    height: 29px;
    margin-top: -14px;

    text-indent: -9999px;

    outline: 0;
    background: url(/css/../images/ic_slider_arrows_mini.png) 0 0  no-repeat;
}

.product_info .images .bx-wrapper .bx-controls-direction a.bx-prev{
    left: -1px;

    background-position: 0 0;
}
.product_info .images .bx-wrapper .bx-controls-direction a.bx-next{
    right: -1px;

    background-position: -29px 0;
}

.product_info .images .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -29px;
}
.product_info .images .bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -29px -29px;
}


.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-caption{
    display: none;
}

/* End */


/* Start:/css/jscrollpane.css?17944780151269*/
.jspContainer{
    position: relative;

    overflow: hidden;
}

.jspPane{
    position: absolute;
}

.jspVerticalBar{
    position: absolute;
    top: 0;
    right: 10px;

    width: 5px;
    height: 100%;
}

.jspHorizontalBar{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 10px;
}

.jspVerticalBar *,
.jspHorizontalBar *{
    margin: 0;
    padding: 0;
}

.jspCap{
    display: none;
}

.jspHorizontalBar .jspCap{
    float: left;
}

.jspTrack{
    position: relative;

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

.jspDrag{
    position: relative;
    top: 0;
    left: 0;

    cursor: pointer;

    border-radius: 5px;
    background: #3d8ff8;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
    float: left;

    height: 100%;
}

.jspArrow{
    display: none;

    cursor: pointer;
    text-indent: -20000px;
}

.jspArrow.jspDisabled{
    cursor: default;
}

.jspVerticalBar .jspArrow{
    height: 10px;
}

.jspHorizontalBar .jspArrow{
    float: left;

    width: 10px;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus{
    outline: none;
}

.jspCorner{
    float: left;

    height: 100%;

    background: #eeeef4;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
    margin: 0 -3px 0 0;
}

/* End */


/* Start:/css/styles.css?1794478015110907*/
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:before,
*:after{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

img{
    border: none;
}
textarea{
    overflow: auto;
}
input,
textarea,
input:active,
textarea:active{
         outline: none transparent!important;
    box-shadow: none;

    -moz-outline: none!important;
}
input[type=submit],
button[type=submit]{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}
:focus{
    outline: none;
}

/*---------------
    Main styles
---------------*/
.clear{
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}

html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
    background: #fff;

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

.wrap{
    overflow: hidden;
}
.cont{
    position: relative;

    width: 100%;
    max-width: 1200px;

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


.modal_cont{
    position: relative;
}
.mini_modal{
    position: absolute;
    z-index: 999;

    display: none;
}


.animated{
    visibility: visible !important;
}


.buttonUp{
    position: fixed;
    right: 50%;
    bottom: 120px;
    z-index: 999;

    display: none;

    margin-right: -590px !important;
}
.buttonUp a{
    display: block;

    width: 53px;
    height: 53px;

    background: url(/css/../images/ic_buttonUp.png) 0 0 no-repeat;
}
.buttonUp a:hover{
    background-position: 0 -53px;
}


.page_head{
    margin-bottom: 25px;
    padding: 81px 0 24px;

    background: #f7f7f7;
}
.page_head .page_title{
    color: #1a1a1a;
    font: 700 26px/41px PT Sans;
}

.page_head .row{
    display: table;

    width: 100%;
}
.page_head .row .page_title{
    display: table-cell;
    vertical-align: middle;

    padding-right: 35px;

    white-space: nowrap;
}

.page_head .row .page_desc{
    display: table-cell;
    vertical-align: middle;

    width: 100%;

    padding-top: 5px;

    color: #6f6f6f;
    font: 15px PT Sans;
}
.page_head .row .page_desc a{
    display: inline-block;

    color: #000;
    line-height: 17px;

    border-bottom: 1px dotted;

    text-decoration: none;
    transition: border-color .2s linear;
}
.page_head .row .page_desc a:hover{
    border-color: transparent;
}


.sort{
    position: relative;
    z-index: 999;
}
.sort .item{
    display: inline-block;
    vertical-align: top;

    color: #1a1a1a;
    font: 700 15px/41px PT Sans;
}
.sort .item + .item{
    margin-left: 35px;
}

.sort .item select{
    display: inline-block;
    vertical-align: top;

    width: 202px;
    height: 41px;

    margin-left: 11px;
    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.sort .item .sbHolder{
    position: relative;

    display: inline-block;
    vertical-align: top;

    width: 202px;
    height: 41px;

    margin-left: 11px;
}
.sort .item .sbSelector{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    white-space: nowrap;
    text-decoration: none;
}

.sort .item .sbToggle{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;

    margin-top: -2px;

    background: url(/css/../images/ic_select_toggle.png) 0 0 no-repeat;

    content: '';
}
.sort .item .sbToggle.sbToggleOpen{
    background-position: 0 -4px;
}

.sort .item .sbOptions{
    position: absolute;
    top: 44px !important;
    left: 0;
    z-index: 99;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.sort .item .sbOptions li{
    list-style: none;
}
.sort .item .sbOptions li:first-child{
    display: none;
}
.sort .item .sbOptions.init{
    min-height: 168px !important;
}

.sort .item .sbOptions a{
    display: block;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 15px/28px PT Sans;

    text-decoration: none;
}


.breadcrumbs{
    margin-bottom: 25px;

    color: #6f6f6f;
    font: 16px PT Sans;
}
.page_head .breadcrumbs{
    margin-bottom: 0;
    padding: 10px 0;
}
.breadcrumbs a{
    color: #1a1a1a;
}
.breadcrumbs a:hover{
    text-decoration: none;
}

.breadcrumbs .sep{
    margin: 0 6px;
}



/*---------------
   Header
---------------*/
header{
    position: relative;
    z-index: 1000;

    background: #202124;
}


header .logo{
    height: 77px;

    line-height: 77px;
}

header .logo a{
    position: relative;
    top: -1px;

    display: inline-block;
    vertical-align: middle;
}

header .logo img{
    display: block;

    max-width: 100%;
}


header .account{
    margin-left: 42px;
    padding: 20px 0;
}

header .account .sep{
    display: inline-block;
    vertical-align: top;

    width: 1px;
    height: 19px;

    margin: 9px 16px;

    border-left: 1px dotted #707070;
}

header .account > a{
    display: inline-block;
    vertical-align: top;

    height: 37px;

    color: #fff;
    font: 12px/37px PT Sans;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
}
header .account > a.account_link{
    margin-right: 20px;
    padding-left: 30px;

    background: url(/css/../images/ic_account_link.png) 0 50% no-repeat;
}

header .account > a span{
    display: inline-block;
    vertical-align: middle;

    line-height: 14px;

    border-bottom: 1px solid #707070;

    transition: border-color .2s linear;
}
header .account > a.account_link span{
    border-bottom-style: dotted;
}

header .account > a:hover span,
header .account > a.active span{
    border-color: transparent;
}


#account_modal{
    top: 69px;
    right: 0;

    width: 150px;

    padding: 15px;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
#account_modal:before{
    position: absolute;
    top: -14px;
    left: 11px;

    display: block;

    width: 14px;
    height: 14px;

    border: 7px solid transparent;
    border-bottom-color: #fff;

    content: '';
}
#account_modal li{
    list-style: none;
}
#account_modal li a{
    position: relative;

    display: block;

    width: 100%;

    padding-left: 13px;

    color: #1a1a1a;
    font: 12px/25px PT Sans;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
}
#account_modal li a span{
    display: inline-block;
    vertical-align: middle;

    line-height: 14px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}

#account_modal li a:before{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 3px;
    height: 3px;

    background: #ff5000;

    content: '';
}

#account_modal li a:hover{
    text-decoration: none;
}
#account_modal li a:hover span{
    border-color: transparent;
}


#login_modal{
    top: 69px;
    right: 0;

    width: 340px;

    padding: 19px;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
#login_modal:before{
    position: absolute;
    top: -14px;
    right: 11px;

    display: block;

    width: 14px;
    height: 14px;

    border: 7px solid transparent;
    border-bottom-color: #fff;

    content: '';
}

#login_modal form .line{
    margin-bottom: 13px;
}
#login_modal form .name{
    margin-bottom: 7px;

    color: #222;
    font: 15px/15px PT Sans;
}

#login_modal form .field{
    position: relative;
}
#login_modal form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 5px;
    background: #ff4f49 url(/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

#login_modal form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

#login_modal form input[type=checkbox]{
    display: none;
}
#login_modal form label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 30px;

    color: #222;
    font: 15px/24px PT Sans;

    cursor: pointer;
}
#login_modal form label span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px dotted #898989;

    transition: border-color .2s linear;
}
#login_modal form label:hover span{
    border-color: transparent;
}

#login_modal form label:before{
    position: absolute;
    top: 3px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    background: url(/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}
#login_modal form input[type=checkbox]:checked + label:before{
    background-position: 0 -18px;
}

#login_modal form .forgot_link{
    display: block;

    height: 43px;

    margin-top: 9px;
    margin-right: 9px;
    padding-left: 30px;

    color: #1a1a1a;
    font: 15px/43px PT Sans;

    background: url(/css/../images/ic_forgot_link.png) 0 50% no-repeat;

    text-decoration: none;
}
#login_modal form .forgot_link span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}
#login_modal form .forgot_link:hover span{
    border-color: transparent;
}

#login_modal form .submit{
    padding-top: 9px;
}
#login_modal form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 135px;
    height: 43px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
#login_modal form .submit_btn:hover{
    background: #c9c9c9;
}


header .search{
    padding: 20px 0;
}
header .search form{
    display: inline-block;

    width: 275px;
    height: 37px;
}
header .search form .input{
    display: block;

    width: 100%;
    height: 37px;

    padding: 0 49px 0 17px;

    color: #c5c5c5;
    font: 14px PT Sans;

    border: none;
    border-radius: 20px;
    background: #101010;
}

header .search form ::-webkit-input-placeholder{
    color: #c5c5c5;
}
header .search form ::-moz-placeholder{
    color: #c5c5c5;
}
header .search form :-moz-placeholder{
    color: #c5c5c5;
}
header .search form :-ms-input-placeholder{
    color: #c5c5c5;
}

header .search form .submit_btn{
    display: block;

    width: 49px;
    height: 37px;

    margin-left: -49px;

    border: none;
    background: url(/css/../images/ic_search.png) 50% 0 no-repeat;

    cursor: pointer;
}
header .search form .submit_btn:hover{
    background-position: 50% -37px;
}


.sticky-wrapper{
    height: 0 !important;
}

header .menu{
    position: absolute;
    bottom: -59px;
    left: 0;

    width: 100%;
    height: 59px;

    background: url(/css/../images/bg_menu.png) 50% 0 no-repeat;
}

header .menu:before{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1000px;
    height: 5px;

    margin-left: -1800px;

    background: url(/css/../images/bg_menu_before.png) 0 0 repeat-x;

    content: '';
}
header .menu:after{
    position: absolute;
    top: 0;
    right: 50%;

    display: block;

    width: 1000px;
    height: 58px;

    margin-right: -1800px;

    background: url(/css/../images/bg_menu_after.png) 0 0 repeat-x;

    content: '';
}

header .mob_menu_link{
    display: none;

    width: 55px;
    height: 55px;

    padding: 16px 0;
}
header .mob_menu_link span{
    display: block;

    width: 35px;
    height: 4px;

    margin: 0 auto;

    background: #1a1a1a;
}
header .mob_menu_link span + span{
    margin-top: 5px;
}

header .menu .links{
    padding-left: 35px;
}
header .menu .links > li{
    position: relative;

    display: inline-block;
    vertical-align: top;
}
header .menu .links > li + li{
    margin-left: 35px;
}
header .menu .links > li:hover:after{
    position: absolute;
    bottom: -14px;
    left: 0;

    display: block;

    width: 100%;
    height: 14px;

    content: '';
}

header .menu .links > li > a{
    position: relative;

    display: block;

    height: 55px;

    color: #202124;
    font: 12px/55px PT Sans;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: color .2s linear;
}
header .menu .links > li > a.sub_link{
    padding-right: 19px;

    background: url(/css/../images/ic_sub_link.png) 100% 50% no-repeat;
}

header .menu .links > li:hover > a,
header .menu .links > li > a.active{
    color: #fc4f23;
}

header .menu .links > li > a.color{
    color: #378bff;
}


header .menu .links .sub_menu{
    position: absolute;
    top: 69px;
    left: 0;
    z-index: 9;

    display: none;

    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
header .menu .links .sub_menu:before{
    position: absolute;
    top: -20px;
    left: 13px;

    display: block;

    width: 20px;
    height: 20px;

    border: 10px solid transparent;
    border-bottom-color: #fff;

    content: '';
}
header .menu .links > li:hover .sub_menu{
    display: table;
}

header .menu .links .sub_menu .col{
    display: table-cell;
    vertical-align: top;

    min-width: 183px;

    padding: 15px 19px;
}
header .menu .links .sub_menu .col + .col{
    border-left: 1px solid #ebebeb;
}

header .menu .links .sub_menu li{
    list-style: none;
}
header .menu .links .sub_menu li + li{
    margin-top: 15px;
}
header .menu .links .sub_menu li a{
    position: relative;

    display: block;

    width: 100%;

    padding-left: 13px;

    color: #1a1a1a;
    font: 12px/15px PT Sans;

    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
}
header .menu .links .sub_menu li a span{
    display: inline-block;
    vertical-align: middle;

    line-height: 14px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}

header .menu .links .sub_menu li a:before{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 3px;
    height: 3px;

    background: #ff5000;

    content: '';
}

header .menu .links .sub_menu li a:hover{
    text-decoration: none;
}
header .menu .links .sub_menu li a:hover span{
    border-color: transparent;
}
header ul.left>li:nth-child(2)>div>div.col>ul>li:nth-child(5)>a {
    color: #ff5000 !important;
}



header .choose_link{
    display: block;

    padding: 0 25px;

    color: #fff;
    font: 12px/55px PT Sans;

    background: #ff5000;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: background .2s linear;
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
}
header .choose_link span{
    display: block;

    -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
            transform: skewX(10deg);
}
header .choose_link:hover{
    background: #c9c9c9;
}



/*---------------
   Main section
---------------*/
.main_slider{
    position: relative;
    z-index: 9;

    overflow: hidden;

    margin-bottom: 40px;
}

.main_slider li{
    position: relative;

    display: block;
    overflow: hidden;

    list-style: none;
}

.main_slider li img{
    display: block;

    width: 100%;
}

.main_filter
{
    margin-bottom: 25px;

    border: 1px solid #e9e9e9;
    border-radius: 5px;
}
.main_filter .row
{
    display: flex;

    padding: 0 10px;

    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}
.main_filter form .item
{
    width: calc((100% - 170px)/4);
    padding: 20px 10px;

    white-space: nowrap;
}

.main_filter form .item .name
{
    color: #1a1a1a;
    font: 700 15px PT Sans;

    margin-bottom: 10px;
}


.main_filter form .item.advanced_link
{
    width: 240px;

    table-layout: fixed;

    vertical-align: top;
}
.main_filter form .item.advanced_link a
{
    color: #fff;
    font: 12px/51px PT Sans;

    display: block;

    width: 100%;
    height: 51px;

    transition: background .2s linear;
    text-align: center;
    text-decoration: none;
    letter-spacing: .075em;
    text-transform: uppercase;

    border-radius: 3px;
    background: #f7572e;
}
.main_filter form .item.advanced_link a:hover
{
    background: #f9631e;
}

.main_filter form .item.advanced_link.active
{
    background: #f7f7f7;
}
.main_filter form .item.advanced_link.active a
{
    background: #c0c0c0;
}


.main_filter form .item.color input[type=checkbox]
{
    display: none;
}
.main_filter form .item.color .field
{
    display: inline-block;

    padding: 4px 0;

    vertical-align: top;
}
.main_filter form .item.color .field + .field
{
    margin-left: 5px;
}
.main_filter form .item.color label
{
    position: relative;

    display: block;

    width: 26px;

    cursor: pointer;
}
.main_filter form .item.color label img
{
    display: block;

    width: 100%;
}
.main_filter form .item.color label:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    background: url(/css/../images/ic_filter_color.png) 50% 50% no-repeat;
}

.main_filter form .item.color input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.main_filter form .item.type
{
    white-space: normal;
}
.main_filter form .item.type input[type=checkbox]
{
    display: none;
}
.main_filter form .item.type .field
{
    display: inline-block;

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

    vertical-align: top;
}
.main_filter form .item.type label
{
    color: #1a1a1a;
    font: 15px/34px PT Sans;

    display: inline-block;

    height: 34px;
    padding: 0 14px;

    cursor: pointer;
    transition: all .2s linear;
    vertical-align: top;

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

.main_filter form .item.type input[type=checkbox]:checked + label
{
    color: #fff;

    background: #378bff;
}


.main_filter form .item.additional input[type=checkbox]
{
    display: none;
}
.main_filter form .item.additional label
{
    color: #222;
    font: 15px/34px PT Sans;

    position: relative;

    display: inline-block;

    padding-left: 30px;

    cursor: pointer;
    vertical-align: top;
}
.main_filter form .item.additional label:before
{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    content: '';

    background: url(/css/../images/ic_checkbox.png) 0 0 no-repeat;
}
.main_filter form .item.additional input[type=checkbox]:checked + label:before
{
    background-position: 0 -18px;
}


.main_filter .advanced
{
    position: relative;

    display: none;

    background: #f7f7f7;
}
.main_filter .row + .advanced
{
    border-top: 1px solid #e6e6e6;
}

/*.main_filter .advanced .item
{
    width: 25%;
}*/
.main_filter .advanced .close_link
{
    position: absolute;
    top: 10px;
    right: 10px;

    display: block;

    width: 30px;
    height: 30px;

    background: url(/css/../images/ic_close2.png) 0 0 no-repeat;
}
.main_filter .advanced .close_link:hover
{
    background-position: 0 -30px;
}

.main_filter form select
{
    color: #4a4a4a;
    font: 15px/39px PT Sans;

    display: block;

    width: 100%;
    height: 41px;
    padding: 0 35px 0 15px;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.main_filter form .sbHolder
{
    position: relative;

    display: block;

    width: 100%;
    height: 41px;
}
.main_filter form .sbSelector
{
    color: #4a4a4a;
    font: 15px/39px PT Sans;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;
    padding: 0 35px 0 15px;

    white-space: nowrap;
    text-decoration: none;
	text-overflow: ellipsis;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.main_filter form .sbToggle
{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;
    margin-top: -2px;

    content: '';

    background: url(/css/../images/ic_select_toggle.png) 0 0 no-repeat;
}
.main_filter form .sbToggle.sbToggleOpen
{
    background-position: 0 -4px;
}

.main_filter form .sbOptions
{
    position: absolute;
    z-index: 99;
    top: 44px !important;
    left: 0;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.main_filter form .sbOptions li
{
    list-style: none;
}
.main_filter form .sbOptions li:first-child
{
    display: none;
}
.main_filter form .sbOptions.init
{
    min-height: 168px !important;
}

.main_filter form .sbOptions a
{
    color: #4a4a4a;
    font: 15px/19px PT Sans;

    display: block;

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

    text-decoration: none;
	white-space: normal;
}


.main_filter form .submit
{
	width: 170px;
    vertical-align: bottom;
}
.main_filter form .submit_btn
{
    color: #fff;
    font: 12px PT Sans;

    display: inline-block;

	width: 100%;
    min-width: 151px;
    height: 51px;
    padding: 0 25px;

    cursor: pointer;
    transition: background .2s linear;
    vertical-align: top;
    letter-spacing: .075em;
    text-transform: uppercase;

    border: none;
    border-radius: 3px;
    background: #f7572e;
}
.main_filter form .submit_btn:hover
{
    background: #f9631e;
}

.main_filter form .submit .greyed
{
    background: #ececec;
	color: #cccccc;
	cursor: default;
}


/*.main_filter{
    margin-bottom: 25px;

    border: 1px solid #e9e9e9;
    border-radius: 5px;
}
.main_filter .row{
    display: table;

    width: 100%;
}
.main_filter form .item{
    display: table-cell;
    vertical-align: top;

    padding: 20px;

    white-space: nowrap;
}

.main_filter form .item .name{
    margin-bottom: 15px;

    color: #1a1a1a;
    font: 700 15px PT Sans;
}


.main_filter form .item.advanced_link{
    vertical-align: top;

    width: 240px;

    table-layout: fixed;

	padding-top:30px;
}
.main_filter form .item.advanced_link a{
    display: block;

    width: 100%;
    height: 51px;

    color: #fff;
    font: 12px/51px PT Sans;

    border-radius: 3px;
    background: #f7572e;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.main_filter form .item.advanced_link a:hover{
    background: #c9c9c9;;
}

.main_filter form .item.advanced_link.active{
    background: #f7f7f7;
}
.main_filter form .item.advanced_link.active a{
    background: #c0c0c0;
}


.main_filter form .item.color input[type=checkbox]{
    display: none;
}
.main_filter form .item.color .field{
    display: inline-block;
    vertical-align: top;

    padding: 4px 0;
}
.main_filter form .item.color .field + .field{
    margin-left: 5px;
}
.main_filter form .item.color label{
    position: relative;

    display: block;

    width: 26px;

    cursor: pointer;
}
.main_filter form .item.color label img{
    display: block;

    width: 100%;
}
.main_filter form .item.color label:after{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: url(/css/../images/ic_filter_color.png) 50% 50% no-repeat;

    content: '';
    transition: opacity .2s linear;
}

.main_filter form .item.color input[type=checkbox]:checked + label:after{
    opacity: 1;
}


.main_filter form .item.type{
    white-space: normal;
}
.main_filter form .item.type input[type=checkbox]{
    display: none;
}
.main_filter form .item.type .field{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 4px;
}
.main_filter form .item.type label{
    display: inline-block;
    vertical-align: top;

    height: 34px;

    padding: 0 14px;

    color: #1a1a1a;
    font: 15px/34px PT Sans;

    border-radius: 5px;
    background: #ececec;

    cursor: pointer;
    transition: all .2s linear;
}

.main_filter form .item.type input[type=checkbox]:checked + label{
    color: #fff;

    background: #378bff;
}


.main_filter form .item.additional input[type=checkbox]{
    display: none;
}
.main_filter form .item.additional label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 30px;

    color: #222;
    font: 15px/34px PT Sans;

    cursor: pointer;
}
.main_filter form .item.additional label:before{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    background: url(/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}
.main_filter form .item.additional input[type=checkbox]:checked + label:before{
    background-position: 0 -18px;
}


.main_filter .advanced{
    position: relative;

    display: none;

    background: #f7f7f7;
}
.main_filter .row + .advanced{
    border-top: 1px solid #e6e6e6;
}

.main_filter .advanced .item{
    width: 25%;
}
.main_filter .advanced .close_link{
    position: absolute;
    top: 10px;
    right: 10px;

    display: block;

    width: 30px;
    height: 30px;

    background: url(/css/../images/ic_close2.png) 0 0 no-repeat;
}
.main_filter .advanced .close_link:hover{
    background-position: 0 -30px;
}

.main_filter form select{
    display: block;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.main_filter form .sbHolder{
    position: relative;

    display: block;

    width: 100%;
    height: 41px;
}
.main_filter form .sbSelector{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    white-space: nowrap;
    text-decoration: none;
}

.main_filter form .sbToggle{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;

    margin-top: -2px;

    background: url(/css/../images/ic_select_toggle.png) 0 0 no-repeat;

    content: '';
}
.main_filter form .sbToggle.sbToggleOpen{
    background-position: 0 -4px;
}

.main_filter form .sbOptions{
    position: absolute;
    top: 44px !important;
    left: 0;
    z-index: 99;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.main_filter form .sbOptions li{
    list-style: none;
}
.main_filter form .sbOptions li:first-child{
    display: none;
}
.main_filter form .sbOptions.init{
    min-height: 168px !important;
}

.main_filter form .sbOptions a{
    display: block;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 15px/28px PT Sans;

    text-decoration: none;
}


.main_filter form .submit{
    vertical-align: bottom;
}
.main_filter form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.main_filter form .submit_btn:hover{
    background: #c9c9c9;
}*/



.products .block_title{
    margin-bottom: 30px;
    color: #1a1a1a;
    font: 700 26px PT Sans;
}
.products .block_title h1{
    color: #1a1a1a;
    font: 700 26px PT Sans;
    display: inline-block;
    vertical-align: top;
}
.products .block_title > span{
    display: inline-block;
    vertical-align: top;
}

.products .block_title .all_link{
    position: relative;
    top: 2px;

    display: inline-block;
    vertical-align: top;

    height: 33px;

    margin-left: 35px;
    padding-left: 25px;

    color: #1a1a1a;
    font: 15px/32px PT Sans;

    background: url(/css/../images/ic_all_link.png) 0 50% no-repeat;

    text-decoration: none;
}
.products .block_title .all_link span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}
.products .block_title .all_link:hover span{
    border-color: transparent;
}


/*.products .filter{
    position: relative;
    z-index: 2;

    width: 300px;

    padding: 30px 20px;

    background: #eaeaea;
}
.products .filter .title{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 21px PT Sans;
}

.products .filter form .line{
    margin-bottom: 31px;
}

.products .filter form select{
    display: block;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/41px PT Sans;

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

.products .filter form .sbHolder{
    position: relative;

    display: block;

    width: 100%;
    height: 41px;
}
.products .filter form .sbSelector{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/41px PT Sans;

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

    white-space: nowrap;
    text-decoration: none;
}

.products .filter form .sbToggle{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;

    margin-top: -2px;

    background: url(/css/../images/ic_select_toggle.png) 0 0 no-repeat;

    content: '';
}
.products .filter form .sbToggle.sbToggleOpen{
    background-position: 0 -4px;
}

.products .filter form .sbOptions{
    position: absolute;
    top: 44px !important;
    left: 0;
    z-index: 99;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.products .filter form .sbOptions li{
    list-style: none;
}
.products .filter form .sbOptions li:first-child{
    display: none;
}
.products .filter form .sbOptions.init{
    min-height: 168px !important;
}

.products .filter form .sbOptions a{
    display: block;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 15px/28px PT Sans;

    text-decoration: none;
}

.products .filter form .submit{
    padding-top: 7px;
}
.products .filter form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}

.products .filter form .submit_btn:hover{
	background: #c9c9c9;
}*/

.products .filter
{
    position: relative;
    z-index: 2;

    width: 300px;
   /* padding: 29px 20px;*/
	padding: 20px 20px;

    background: #eaeaea;
}
.products .filter .title
{
    color: #1a1a1a;
    font: 700 21px PT Sans;
	margin-bottom: 15px;
    /*margin-bottom: 20px;*/
}

.products .filter form .line
{
    margin-bottom: 15px;
}

.products .filter form select
{
    color: #4a4a4a;
    font: 15px/41px PT Sans;

    display: block;

    width: 100%;
	height: 37px;
    /*height: 41px;*/
    padding: 0 35px 0 15px;

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

.products .filter form .sbHolder
{
    position: relative;

    display: block;

    width: 100%;
    /*height: 41px;*/
	height: 37px;
}
.products .filter form .sbSelector
{
    color: #4a4a4a;
    font: 15px/41px PT Sans;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;
    padding: 0 35px 0 15px;

    white-space: nowrap;
    text-decoration: none;

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

.products .filter form .sbToggle
{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;
    margin-top: -2px;

    content: '';

    background: url(/css/../images/ic_select_toggle.png) 0 0 no-repeat;
}
.products .filter form .sbToggle.sbToggleOpen
{
    background-position: 0 -4px;
}

.products .filter form .sbOptions
{
    position: absolute;
    z-index: 99;
    top: 44px !important;
    left: 0;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.products .filter form .sbOptions li
{
    list-style: none;
}
.products .filter form .sbOptions li:first-child
{
    display: none;
}
.products .filter form .sbOptions.init
{
    min-height: 168px !important;
}

.products .filter form .sbOptions a
{
    color: #4a4a4a;
    font: 15px/28px PT Sans;

    display: block;

    width: 100%;
    padding: 0 15px;

    text-decoration: none;
}

.products .filter form .submit
{
    /*padding-top: 7px;*/
}
.products .filter form .submit_btn
{
    color: #fff;
    font: 12px PT Sans;

    display: inline-block;

    min-width: 151px;
    height: 51px;
    padding: 0 25px;

    cursor: pointer;
    transition: background .2s linear;
    vertical-align: top;
    letter-spacing: .075em;
    text-transform: uppercase;

    border: none;
    border-radius: 3px;
    background: #f7572e;
}

.products .filter form .greyed{
	background: #cccccc;
    color: #808080;
	cursor: default;
}


#login_modal form .submit_btn:hover{
    background: #c9c9c9;
}


.products .carousel{
    width: 100%;

    margin-left: -300px;
    padding-left: 300px;

    border: 1px solid #eaeaea;
    background: #eaeaea;
}

.products .carousel li{
    display: inline-block;
    vertical-align: top;

    width: 292px;

    list-style: none;
}


.products .items{
    margin-bottom: 30px;
    padding-left: 1px;



    border-left: none;
}
.products .items .product{
    width: calc(25% + 1px);



    margin-bottom: -1px;
    margin-left: -1px;

    border: 1px solid #e2e2e2;
}


.products .list{
    margin-bottom: 70px;
}

.products .list .product
{
    display: table;

    width: 100%;
    margin-bottom: 20px;
    padding: 0;

    text-align: left;

    border: 1px solid #e2e2e2;
    border-radius: 5px;
}

.products .list .product .thumb
{
    display: table-cell;

    /*width: 215px;
	padding: 15px;*/

	width: 200px;
	padding: 10px;

    table-layout: fixed;

    text-align: center;
    vertical-align: middle;
}
.products .list .product .thumb a
{
    line-height: normal;

    display: inline-block;

    height: auto;

    vertical-align: middle;
}
.products .list .product .thumb a img
{
    display: block;

    max-width: 100%;
}

.products .list .product .info
{
    display: table-cell;

    padding: 18px;
	padding-left: 10px;
	padding-right: 10px;

    vertical-align: top;
}
.products .list .product .name
{
    font: 700 17px PT Sans;

    margin-bottom: 20px;
}
.products .list .product .name a
{
    color: #1a1a1a;
}
.products .list .product .name a:hover
{
    text-decoration: none;
}


.products .list .product .color
{
    color: #1a1a1a;
    font: 15px/22px PT Sans;

    margin-bottom: 20px;
    /*margin-left: 20px;*/
	margin-left: 15px;
}

.products .list .product .color img
{
    position: relative;
    top: -1px;

    display: inline-block;

    /*margin-right: 8px;*/

    vertical-align: middle;
	width: 14px;
}


.products .list .product .rating
{
    display: inline-block;

   /* margin-left: 40px;*/
	margin-left: 20px;
    padding: 4px 0 5px;

    vertical-align: top;
}
.products .list .product .rating li
{
    display: block;
    float: left;

    width: 13px;
    height: 13px;

    background: url(/css/../images/ic_star2.png) 0 0 no-repeat;
}

.products .list .product .rating li + li
{
    margin-left: 2px;
}

.products .list .product .rating li.active
{
    background-position: 0 -13px;
}

.products .list .product .rating li.active-half
{
    background-position: 0 -26px;
}

.products .list .product .desc
{
    color: #6f6f6f;
    font: 16px/20px PT Sans;

    margin-bottom: 30px;
}

.products .list .product .details,
.products .list .product .product-info_btn-buy
{
    color: #fff;
    font: 12px/51px PT Sans;

    display: inline-block;

    min-width: 151px;
    height: 51px;
    padding: 0 25px;

    transition: background .2s linear;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: .075em;
    text-transform: uppercase;

    border-radius: 3px;
    background: #f7572e;
}
.products .list .product .details:hover,
.products .list .product .product-info_btn-buy:hover
{
    background: #f9631e;
}

.products .list .product .details--blue {
    background: #378bff;
}

.products .list .product .details--blue:hover {
    background: #2e7ee4;
}

.products .list .product .information
{
    display: table-cell;

    width: 446px;
    padding: 18px 20px;

    table-layout: fixed;

    vertical-align: top;

    border-left: 1px solid #e2e2e2;
}

.products .list .product .compatibility
{
    color: #1a1a1a;
    font: 15px/32px PT Sans;

    display: inline-block;

    height: 32px;
    margin-bottom: 30px;
    padding: 0 10px;

    vertical-align: top;

    border-radius: 5px;
    background: #f4f4f4;
}
.products .list .product .compatibility ul
{
    display: inline-block;

    margin-left: 11px;
    padding: 9px 0 10px;

    vertical-align: top;
}
.products .list .product .compatibility ul li
{
    display: block;
    float: left;

    width: 14px;
    height: 13px;

    background: url(/css/../images/ic_star.png) 0 0 no-repeat;
}
.products .list .product .compatibility ul li.active
{
    background-position: 0 -13px;
}

.products .list .product .information .icons
{
    color: #6f6f6f;
    font: 13px PT Sans;

    text-align: center;
}
.products .list .product .information .icons .item
{
    float: left;

    width: 25%;
    margin-bottom: 15px;
}

.products .list .product .information .icons .item .icon
{
    position: relative;

    display: block;

    width: 43px;
    height: 43px;
    margin: 0 auto 10px;

    border-radius: 50%;
}
.products .list .product .information .icons .item .icon:after
{
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;

    display: block;

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

    content: '';
    -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    pointer-events: none;

    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(0,0,0,.1);
}

.products .list .product .information .icons .item:hover .icon:after
{
    -webkit-animation: sonarEffect 1s ease-out 75ms;
       -moz-animation: sonarEffect 1s ease-out 75ms;
            animation: sonarEffect 1s ease-out 75ms;
}


.products .list .product .features .item
{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.products .list .product .features .item + .item
{
    margin-top: 13px;
}

.products .list .product .features .title
{
    color: #6f6f6f;
    font: 15px PT Sans;

    width: calc(100% - 120px);
    padding-right: 10px;
}

.products .list .product .features .title b
{
    color: #1a1a1a;
}

.products .list .product .features .val
{
    width: 120px;
}

.products .list .product .features .access
{
    color: #fff;
    font: 700 12px/18px PT Sans;

    width: 100%;
    padding: 0 10px;

    text-align: center;

    border-radius: 3px;
}

.products .list .product .features .access.green
{
    background: #39b54a;
}

.products .list .product .features .access.blue
{
    background: #2b81cc;
}

.products .list .product .features .access.grey
{
    color: #1a1a1a;

    background: #efefef;
}

.products .list .product .features .val.scale
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.products .list .product .features .val.scale .el
{
    width: 9px;
    height: 9px;

    border-radius: 3px;
    background: #e1e1e1;
}

.products .list .product .features .val.scale .el.active
{
    background: #f47421;
}

/*.products .list .product{
    display: table;

    width: 100%;

    margin-bottom: 20px;
    padding: 0;

    border: 1px solid #e2e2e2;
    border-radius: 5px;

    text-align: left;
}

.products .list .product .thumb{
    display: table-cell;
    vertical-align: middle;

    width: 216px;

    table-layout: fixed;

    border-right: 1px solid #e2e2e2;

    text-align: center;
}
.products .list .product .thumb a{
    display: inline-block;
    vertical-align: middle;

    height: auto;

    line-height: normal;
}
.products .list .product .thumb a img{
    display: block;

    max-width: 100%;
}

.products .list .product .info{
    display: table-cell;
    vertical-align: top;

    padding: 18px;
}
.products .list .product .name{
    margin-bottom: 13px;

    font: 700 17px PT Sans;
}
.products .list .product .name a{
    color: #1a1a1a;
}
.products .list .product .name a:hover{
    text-decoration: none;
}

.products .list .product .desc{
    margin-bottom: 22px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;
}

.info .desc a {
color: #fc4f23;
    font: 16px/20px PT Sans;
    letter-spacing: .075em;
}

.products .list .product .details{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px/51px PT Sans;

    border-radius: 3px;
    background: #f7572e;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.products .list .product .details:hover{
    background: #c9c9c9;
}


.products .list .product .information{
    display: table-cell;
    vertical-align: top;

    width: 401px;

    padding: 12px 10px;

    table-layout: fixed;

    border-left: 1px solid #e2e2e2;
}

.products .list .product .compatibility{
    display: inline-block;
    vertical-align: top;

    height: 32px;

    margin-bottom: 30px;
    padding: 0 10px;

    color: #1a1a1a;
    font: 15px/32px PT Sans;

    border-radius: 5px;
    background: #f4f4f4;
}
.products .list .product .compatibility ul{
    display: inline-block;
    vertical-align: top;

    margin-left: 11px;
    padding: 9px 0 10px;
}
.products .list .product .compatibility ul li{
    display: block;
    float: left;

    width: 14px;
    height: 13px;

    background: url(/css/../images/ic_star.png) 0 0 no-repeat;
}
.products .list .product .compatibility ul li.active{
    background-position: 0 -13px;
}

.products .list .product .information .icons{
    color: #6f6f6f;
    font: 13px PT Sans;

    text-align: center;
}
.products .list .product .information .icons .item{
    float: left;

    width: 25%;

    margin-bottom: 15px;
}

.products .list .product .information .icons .item .icon{
    position: relative;

    display: block;

    width: 43px;
    height: 43px;

    margin: 0 auto 10px;

    border-radius: 50%;
}
.products .list .product .information .icons .item .icon:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;

    display: block;

    width: 100%;
    height: 100%;

    padding: 0;

    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(0,0,0,.1);

    content: '';
    pointer-events: none;
    -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
}

.products .list .product .information .icons .item:hover .icon:after{
    -webkit-animation: sonarEffect 1s ease-out 75ms;
       -moz-animation: sonarEffect 1s ease-out 75ms;
            animation: sonarEffect 1s ease-out 75ms;
}*/


.products .product{
    position: relative;

    padding: 0 35px 20px;

    background: #fff;

    text-align: center;

}

.products .product .colors{
    position: absolute;
    top: 14px;
    left: 9px;
    z-index: 99;

    width: 22px;

    color: #1a1a1a;
    font: 16px PT Sans;

    opacity: 0;

    transition: opacity .2s linear;
}
.products .product .colors img{
    display: block;

    width: 20px;

    margin-top: 10px;
}
.products .product:hover .colors{
    opacity: 1;
}

.products .product > .icons{
    position: absolute;
    top: 14px;
    right: 9px;
    z-index: 99;

    width: 22px;

    opacity: 0;

    transition: opacity .2s linear;
}
.products .product > .icons img{
    display: block;

    width: 100%;
}
.products .product > .icons img + img{
    margin-top: 10px;
}
.products .product:hover > .icons{
    opacity: 1;
}

.products .product .thumb a{
    display: block;

    height: 195px;

    line-height: 195px;

    text-align: center;
}
.products .product .thumb a img{
    position: relative;
    top: -1px;

    vertical-align: middle;
}

.products .product .name{
    margin-bottom: 13px;

    font: 700 17px PT Sans;
}
.products .product .name a{
    color: #1a1a1a;
}
.products .product .name a:hover{
    text-decoration: none;
}


.products .product .cat{
    margin-bottom: 13px;

    font: 13px PT Sans;

    text-transform: uppercase;
}
.products .product .cat a{
    color: #f7572e;

    text-decoration: none;
}
.products .product .cat a:hover{
    text-decoration: underline;
}

.products .product .desc{
    margin-bottom: 22px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;
}

.products .product .car_brands img{
    display: inline-block;
    vertical-align: top;

    margin: 0 3px 4px;
}






.products .product1{
    position: relative;

    padding: 0 35px 20px;

    background: #fff;

    text-align: center;
height: 495px;
}

.products .product1 .colors{
    position: absolute;
    top: 14px;
    left: 9px;
    z-index: 99;

    width: 22px;

    color: #1a1a1a;
    font: 16px PT Sans;

    opacity: 0;

    transition: opacity .2s linear;
}
.products .product1 .colors img{
    display: block;

    width: 20px;

    margin-top: 10px;
}
.products .product1:hover .colors{
    opacity: 1;
}

.products .product1 > .icons{
    position: absolute;
    top: 14px;
    right: 9px;
    z-index: 99;

    width: 22px;

    opacity: 0;

    transition: opacity .2s linear;
}
.products .product1 > .icons img{
    display: block;

    width: 100%;
}
.products .product1 > .icons img + img{
    margin-top: 10px;
}
.products .product1:hover > .icons{
    opacity: 1;
}

.products .product1 .thumb a{
    display: block;

    height: 195px;

    line-height: 195px;

    text-align: center;
}
.products .product1 .thumb a img{
    position: relative;
    top: -1px;

    vertical-align: middle;
}

.products .product1 .name{
    margin-bottom: 13px;

    font: 700 17px PT Sans;
}
.products .product1 .name a{
    color: #1a1a1a;
}
.products .product1 .name a:hover{
    text-decoration: none;
}


.products .product1 .cat{
    margin-bottom: 13px;

    font: 13px PT Sans;

    text-transform: uppercase;
}
.products .product1 .cat a{
    color: #f7572e;

    text-decoration: none;
}
.products .product1 .cat a:hover{
    text-decoration: underline;
}

.products .product1 .desc{
    margin-bottom: 22px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;
}

.products .product1 .car_brands img{
    display: inline-block;
    vertical-align: top;

    margin: 0 3px 4px;
}












.advantages{
    margin-top: -183px;
    padding-top: 265px;
    padding-bottom: 130px;

    background: #1c1b19 url(/css/../images/bg_advantages.jpg) 50% 50% no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.advantages .block_head{
    margin-bottom: 90px;

    text-align: center;
}
.advantages .block_head .title{
    margin-bottom: 20px;

    color: #fff;
    font: 700 30px PT Sans;
}
.advantages .block_head .desc{
    padding: 0 180px;

    color: #bcbcbc;
    font: 18px PT Sans;
}

.advantages .carousel li{
    list-style: none;
}

.advantages .items{
    margin-bottom: -18px;

    text-align: justify;
}
.advantages .items:after{
    display: inline-block;

    width: 100%;

    content: '';
}

.advantages .item{
    display: inline-block;
    vertical-align: top;

    width: 24%;

    color: #fff;
    font: 700 19px PT Sans;

    text-align: center;
}

.advantages .item .icon{
    height: 63px;

    margin-bottom: 25px;

    line-height: 63px;
}
.advantages .item .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}


.articles{
    position: relative;

    width: 50%;

    padding: 35px 35px 60px 0;
}
.articles.right{
    padding: 35px 0 60px 35px;
}
.articles.bg{
    background: #f7f7f7;
}
.articles.bg:before{
    position: absolute;
    top: 0;
    left: -1000px;

    display: block;

    width: 1000px;
    height: 100%;

    background: #f7f7f7;

    content: '';
}


.articles .block_title{
    margin-bottom: 40px;

    color: #1a1a1a;
    font: 700 26px PT Sans;
}
.articles .block_title > span{
    display: inline-block;
    vertical-align: top;
}

.articles .block_title .all_link{
    position: relative;
    top: 2px;

    display: inline-block;
    vertical-align: top;

    height: 33px;

    margin-left: 35px;
    padding-left: 25px;

    color: #1a1a1a;
    font: 15px/32px PT Sans;

    background: url(/css/../images/ic_all_link.png) 0 50% no-repeat;

    text-decoration: none;
}
.articles.sales .block_title .all_link{
    background: url(/css/../images/ic_sales_all_link.png) 0 50% no-repeat;
}

.articles .block_title .all_link span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}
.articles .block_title .all_link:hover span{
    border-color: transparent;
}


.articles .carousel li{
    display: block;

    list-style: none;
}


.articles .items{
    overflow: hidden;

    margin-left: -5%;
}
.articles .items .item{
    width: 45%;

    margin-left: 5%;
}

.articles .item{
    color: #6f6f6f;
    font: 16px PT Sans;
}

.articles .item .thumb{
    width: 47%;
}
.articles .item .thumb a,
.articles .item .thumb img{
    display: block;

    width: 100%;
}

.articles .item .info{
    width: 47%;
}

.articles .item .name{
    margin-bottom: 15px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}
.articles .item .name a{
    color: #1a1a1a;
}
.articles .item .name a:hover{
    text-decoration: none;
}

.articles .item .date{
    margin-bottom: 13px;

    color: #f7572e;
    font: 14px PT Sans;
}



.reviews{
    padding: 35px 0 70px;

    background: #f7f7f7;
}

.reviews .block_title{
    margin-bottom: 40px;

    color: #1a1a1a;
    font: 700 26px PT Sans;
}
.reviews .block_title > span{
    display: inline-block;
    vertical-align: top;
}

.reviews .block_title .all_link{
    position: relative;
    top: 2px;

    display: inline-block;
    vertical-align: top;

    height: 33px;

    margin-left: 35px;
    padding-left: 25px;

    color: #1a1a1a;
    font: 15px/32px PT Sans;

    background: url(/css/../images/ic_all_link.png) 0 50% no-repeat;

    text-decoration: none;
}

.reviews .block_title .all_link span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}
.reviews .block_title .all_link:hover span{
    border-color: transparent;
}

.reviews .items{
    overflow: hidden;
}
.reviews .item{
    position: relative;

    float: left;


    width: 25%;
}








.reviews .item .img{
    overflow: hidden;
}

.reviews .item .img a{
    display: block;

    transition: transform .75s linear;
}
.reviews .item .img a img{
    display: block;

    width: 100%;
}

.reviews .item .info{
    position: absolute;
    top: 0;
    left: 0;

    width: calc(100% + 1px);
    height: 100%;

    padding: 30px 20px;

    background: rgba(0,0,0,.7);

    transition: background .2s linear;
}

.reviews .item .name{
    margin-bottom: 15px;

    color: #fff;
    font: 700 16px PT Sans;
}
.reviews .item .name a{
    color: #fff;
}
.reviews .item .name a:hover{
    text-decoration: none;
}

.reviews .item .date{
    color: #fff;
    font: 14px PT Sans;
}

.reviews .item:hover .info{
    background: rgba(0,0,0,.3);
}
.reviews .item:hover .img a{
    -webkit-transform: scale(1.15);
       -moz-transform: scale(1.15);
         -o-transform: scale(1.15);
            transform: scale(1.15);
}



.video_gallery{
    overflow: hidden;
}
.video_gallery .item{
    width: 25%;

    margin-bottom: 28px;

    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
}
.video_gallery .item:nth-child(4n){
    border-right: 1px solid #e9e9e9;
}
.video_gallery .item:nth-child(4n+1){
    clear: both;
}

.video_gallery .item .thumb a,
.video_gallery .item .thumb img{
    position: relative;

    display: block;

    width: 100%;
}
.video_gallery .item .thumb a:after{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .7;
    background: #000 url(/css/../images/ic_play.png) 50% 50% no-repeat;

    content: '';
}
.video_gallery .item .thumb a:hover:after{
    opacity: 1;
    background-color: rgba(0,0,0,.7);
}

.video_gallery .item .info{
    padding: 20px 10px;
}

.video_gallery .item .name{
    margin-bottom: 10px;

    font: 700 16px PT Sans;
}
.video_gallery .item .name a{
    color: #1a1a1a;
}
.video_gallery .item .name a:hover{
    text-decoration: none;
}

.video_gallery .item .date{
    color: #6f6f6f;
    font: 14px PT Sans;
}



.photo_gallery{
    overflow: hidden;

    margin-bottom: 28px;

    border: 1px solid #e9e9e9;
    border-bottom: none;
    border-left: none;
}
.photo_gallery .item{
    position: relative;

    width: 25%;

    padding-bottom: 26px;

    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;

    text-align: center;
}

.photo_gallery .item .download_link{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;

    display: block;

    width: 45px;
    height: 43px;

    border-radius: 50%;
    background: url(/css/../images/ic_download_link.png) 0 0 no-repeat;
}
.photo_gallery .item .download_link:hover{
    background-position: 0 -43px;
}

.photo_gallery .item .thumb a{
    display: block;

    height: 230px;

    line-height: 230px;

    text-align: center;
}
.photo_gallery .item .thumb a img{
    position: relative;
    top: -1px;

    vertical-align: middle;
}

.photo_gallery .item .name{
    height: 44px;

    font: 700 17px PT Sans;
}
.photo_gallery .item .name a{
    color: #1a1a1a;
}
.photo_gallery .item .name a:hover{
    text-decoration: none;
}



.pagination{
    overflow: hidden;

    height: 60px;

    margin-bottom: 70px;

    line-height: 60px;

    border-radius: 5px;
    background: #f7f7f7;

    text-align: center;
}
.pagination a{
    display: inline-block;
    vertical-align: middle;

    width: 34px;
    height: 34px;

    color: #3c3d41;
    font: 700 15px/34px PT Sans;

    border-radius: 50%;

    text-decoration: none;
    transition: all .2s linear;
}
.pagination a:hover,
.pagination a.active{
    color: #fff;

    background: #1f7bf6;
}

.pagination a.prev{
    display: block;

    width: 60px;
    height: 60px;

    border-right: 1px solid #ddd;
    border-radius: 0;
    background: url(/css/../images/ic_pag_prev.png) 50% 50% no-repeat;

    transition: background-color .2s linear;
}

.pagination a.next{
    display: block;

    width: 60px;
    height: 60px;

    border-left: 1px solid #ddd;
    border-radius: 0;
    background: url(/css/../images/ic_pag_next.png) 50% 50% no-repeat;

    transition: background-color .2s linear;
}

.pagination a.prev:hover,
.pagination a.next:hover{
    background-color: #ddd;
}



.faq{
    margin-bottom: 30px;
    padding-bottom: 23px;

    border-bottom: 1px solid #e9e9e9;
}

.faq .items{
    position: relative;
    z-index: 1;

    width: 100%;

    margin-right: -390px;
    padding-right: 410px;
}
.faq .items .item + .item{
    margin-top: 10px;
}

.faq .items .item .question{
    position: relative;

    display: table;

    width: 100%;

    padding: 0 76px 0 20px;

    color: #1a1a1a;
    font: 700 16px PT Sans;

    border: 1px solid #e9e9e9;
    background: #f2f2f2;

    cursor: pointer;
}
.faq .items .item .question:after{
    position: absolute;
    top: 50%;
    right: 13px;

    display: block;

    width: 50px;
    height: 50px;

    margin-top: -25px;

    border-radius: 50%;
    background: url(/css/../images/ic_faq.png) 0 0 no-repeat;

    content: '';
}

.faq .items .item .question .box{
    display: table-cell;
    vertical-align: middle;

    width: 100%;
    height: 81px;
}
.faq .items .item .question span{
    display: inline-block;
    vertical-align: middle;

    border-bottom: 1px dotted #1a1a1a;

    transition: border-color .2s linear;
}

.faq .items .item .question:hover:after{
    background-position: 0 -50px;
}

.faq .items .item .question.active{
    background: #fff;
}
.faq .items .item .question.active:after{
    background-position: 0 -100px;
}

.faq .items .item .question.active span,
.faq .items .item .question:hover span{
    border-color: transparent;
}

.faq .items .item .data{
    display: none;

    padding: 1px 17px 20px;

    border: 1px solid #e9e9e9;
    border-top: none;
    background: #fff;
}

.faq .items .item .sub_question{
    margin-top: 15px;

    color: #1a1a1a;
    font: 700 16px PT Sans;

    cursor: pointer;
}
.faq .items .item .sub_question span{
    border-bottom: 1px dotted #1a1a1a;

    transition: border-color .2s linear;
}
.faq .items .item .sub_question.active span,
.faq .items .item .sub_question:hover span{
    border-color: transparent;
}

.faq .items .item .answer{
    display: none;

    padding: 13px 30px 0;

    color: #6f6f6f;
    font: 15px/20px PT Sans;
}


.faq .text{
    position: relative;
    z-index: 2;

    width: 390px;

    padding-left: 20px;

    color: #6f6f6f;
    font: 16px PT Sans;

    border-left: 1px solid #1a1a1a;
}
.faq .text p{
    color: #1a1a1a;
}
.faq .text p + p{
    margin-top: 15px;
}



.add_question{
    margin-bottom: 70px;
}
.add_question .block_title{
    margin-bottom: 25px;

    color: #1a1a1a;
    font: 700 26px PT Sans;
}

.add_question form{
    margin-right: 410px;
    padding: 20px 20px 40px;

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

.add_question form .line{
    margin-bottom: 20px;
}
.add_question form .line.left,
.add_question form .line.right{
    width: 48.5%;
}

.add_question form .name{
    margin-bottom: 7px;

    color: #222;
    font: 700 15px/15px PT Sans;
}

.add_question form .required{
    color: #f00;
    font-weight: 700;
}

.add_question form .field{
    position: relative;
}
.add_question form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 5px;
    background: #ff4f49 url(/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

.add_question form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.add_question form textarea{
    display: block;

    width: 100%;
    height: 100px;

    padding: 10px 49px 10px 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    resize: none;
}

.add_question form ::-webkit-input-placeholder{
    color: #848484;
}
.add_question form ::-moz-placeholder{
    color: #848484;
}
.add_question form :-moz-placeholder{
    color: #848484;
}
.add_question form :-ms-input-placeholder{
    color: #848484;
}

.add_question form .submit{
    padding: 10px 0 0 0;
}
.add_question form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.add_question form .submit_btn:hover{
    background: #c9c9c9;
}



.shops .head{
    margin-bottom: 25px;

    border: 1px solid #e9e9e9;
    border-radius: 5px;
    background: #f2f2f2;
}

.shops .head .search{
    position: relative;
    z-index: 2;

    width: 433px;
	margin-right:40px;
    padding: 18px;
}
.shops .head .search .name{
    width: 66px;
    height: 43px;

    color: #1a1a1a;
    font: 16px/43px PT Sans;
}

.shops .head .search .input{
    display: block;

    width: 280px;
    height: 43px;

    padding: 0 14px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-right: none;
    border-radius: 5px 0 0 5px;
    background: #fff;
}

.shops .head .search .submit_btn{
    display: block;

    width: 43px;
    height: 43px;

    border: none;
    border-radius: 0 5px 5px 0;
    background: #2e7ee4 url(/css/../images/ic_shops_search.png) 50% 50% no-repeat;

    cursor: pointer;
    transition: background-color .2s linear;
}
.shops .head .search .submit_btn:hover{
    background-color: #378bff;
}


.shops .head .types{
    position: relative;
    z-index: 1;

    width: 100%;

    margin-left: -473px;
    padding-left: 438px;
}

.shops .head .types a{
    position: relative;

    display: inline-block;
    vertical-align: top;

    height: 81px;

    padding-left: 20px;

    color: #1a1a1a;
    font: 16px/81px PT Sans;

    text-decoration: none;
}
.shops .head .types a + a{
    margin-left: 35px;
}

.shops .head .types a:before{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 11px;
    height: 11px;

    margin-top: -4px;

    border-radius: 50%;
    background: #8a8a8a;

    content: '';
}
.shops .head .types a.active:before{
    background: #ff6017;
}
.shops .head .types a.sto.active:before {
    background: #000;
}
.shops .head .types a.e-commerce{
    padding: 0 24px 0 44px;

    background: #e9e9e9;
}
.shops .head .types a.e-commerce:before{
    left: 24px;
}

.shops .head .types a span{
    line-height: 18px;

    border-bottom: 1px dotted #1a1a1a;

    transition: border-color .2s linear;
}
.shops .head .types a.active span,
.shops .head .types a:hover span{
    border-color: transparent;
}


.shops .map{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 450px;

    margin-right: -390px;
    margin-bottom: 70px;
    padding-right: 410px;
}


.shops .list{
    position: relative;
    z-index: 2;

    width: 390px;
    height: 450px;

    padding: 10px 0 10px 20px;

    background: #f2f2f2;
}
.shops .list .scroll{
    overflow: hidden;

    height: 430px;
}

.shops .list .item{
    padding-bottom: 20px;
    padding-left: 25px;

    color: #6f6f6f;
    font: 15px/20px PT Sans;
}
.shops .list .item + .item{
    padding-top: 20px;

    border-top: 1px solid #ddd;
	padding-right: 10px;
}

.shops .list .item .name{
    position: relative;

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

    color: #1a1a1a;
    font: 700 16px PT Sans;
}
.shops .list .item .name span{
    display: inline-block;
    vertical-align: top;

    border-bottom: 1px dotted #1a1a1a;

    cursor: pointer;
    transition: border-color .2s linear;
}
.shops .list .item .name:hover span{
    border-color: transparent;
}

.shops .list .item .name:before{
    position: absolute;
    top: 11px;
    left: -25px;

    display: block;

    width: 11px;
    height: 11px;

    border-radius: 50%;
    background: #ff6017;

    content: '';
}
.shops .list .item .name.sto:before{

    background: #000;
}
.shops .list .item .site{
    margin-top: 10px;

    color: #1a1a1a;
    font: 15px PT Sans;
}
.shops .list .item .site a{
    color: #1a1a1a;

    text-decoration: none;
}
.shops .list .item .site a span{
    display: inline-block;
    vertical-align: top;

    border-bottom: 1px solid #bebebe;

    cursor: pointer;
    transition: border-color .2s linear;
}
.shops .list .item .site a:hover span{
    border-color: transparent;
}


.shops .full_list{
    margin-bottom: 25px;
    padding: 20px 0 20px 10px;

    background: #f2f2f2;
}
.shops .full_list .scroll{
    overflow: hidden;

    height: 335px;

    margin-left: -3.333%;
}

.shops .full_list .item{
    position: relative;

    width: 30%;

    margin-top: 40px;
    margin-left: 3.333%;
    padding-left: 90px;

    color: #6f6f6f;
    font: 15px/20px PT Sans;
}
.shops .full_list .item:nth-child(3n+1){
    clear: both;
}
.shops .full_list .item:nth-child(n+1):nth-child(-n+3){
    margin-top: 0;
}

.shops .full_list .item .icon{
    position: absolute;
    top: 0;
    left: 0;
}
.shops .full_list .item .icon img{
    display: block;

    max-width: 71px;
}

.shops .full_list .item .name{
    margin-bottom: 10px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}
.shops .full_list .item .name a{
    color: #1a1a1a;

    border-bottom: 1px dotted #1a1a1a;

    text-decoration: none;
    transition: border-color .2s linear;
}
.shops .full_list .item .name a:hover{
    border-color: transparent;
}

.shops .full_list .item .site{
    margin-top: 10px;

    color: #1a1a1a;
    font: 15px PT Sans;
}
.shops .full_list .item .site a{
    color: #1a1a1a;

    text-decoration: none;
}
.shops .full_list .item .site a span{
    border-bottom: 1px solid #bebebe;

    cursor: pointer;
    transition: border-color .2s linear;
}
.shops .full_list .item .site a:hover span{
    border-color: transparent;
}



.articles_page{
    margin-top: -25px;
    margin-bottom: 70px;

    background: #f7f7f7;
}

.articles_page .items{
    position: relative;
}
.articles_page .items:after {
	content: '';
	display: block;
	clear: both;
}

.articles_page .item{
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}

.articles_page .item .thumb{
    overflow: hidden;
}
.articles_page .item .thumb a,
.articles_page .item .thumb img{
    display: block;

    width: 100%;

    transition: transform .5s linear;
}
.articles_page .item:hover .thumb img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.articles_page .item .info{
    padding: 15px 11px;
}

.articles_page .item .date{
    margin-bottom: 10px;

    color: #f7572e;
    font: 14px PT Sans;
}

.articles_page .item .name{
    margin-bottom: 15px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}
.articles_page .item .name a{
    color: #1a1a1a;
}
.articles_page .item .name a:hover{
    text-decoration: none;
}

.articles_page .item .desc{
    margin-bottom: 15px;

    color: #6f6f6f;
    font: 16px PT Sans;
}

.articles_page .item .tags a{
    display: inline-block;
    vertical-align: top;

    height: 24px;

    margin-right: 2px;
    margin-bottom: 10px;
    padding: 0 10px;

    color: #1a1a1a;
    font: 14px/24px PT Sans;

    border-radius: 3px;
    background: #ececec;

    white-space: nowrap;
    text-decoration: none;
    transition: background .2s linear;
}
.articles_page .item .tags a:hover{
    background: #b6b6b6;
}



.article_info{
    margin-bottom: 70px;
    padding-top: 10px;

    text-align: center;
}
.article_info h1{
    margin-bottom: 25px;

    color: #1a1a1a;
    font: 700 28px PT Sans;
}

.article_info .date{
    display: inline-block;
    vertical-align: top;

    margin-right: 16px;
    margin-bottom: 35px;

    color: #f7572e;
    font: 14px/24px PT Sans;
}

.article_info .tags{
    display: inline-block;
    vertical-align: top;

    margin-bottom: 25px;
}
.article_info .tags a{
    display: inline-block;
    vertical-align: top;

    height: 24px;

    margin-right: 2px;
    margin-bottom: 10px;
    padding: 0 10px;

    color: #1a1a1a;
    font: 14px/24px PT Sans;

    border-radius: 3px;
    background: #ececec;

    white-space: nowrap;
    text-decoration: none;
    transition: background .2s linear;
}
.article_info .tags a:hover{
    background: #b6b6b6;
}

.article_info img{
    display: block;

    max-width: 100%;

    margin: 0 auto 35px;
}


.back_link{
    display: inline-block;
    vertical-align: top;

    padding-left: 30px;

    color: #1a1a1a;
    font: 700 16px PT Sans;

    background: url(/css/../images/ic_back_link.png) 0 50% no-repeat;

    text-decoration: none;
}
.back_link span{
    display: inline-block;
    vertical-align: top;

    border-bottom: 1px solid #bebebe;

    cursor: pointer;
    transition: border-color .2s linear;
}
.back_link:hover span{
    border-color: transparent;
}


.text_block{
    display: block;

    width: 782px;
    max-width: 100%;

    margin: 0 auto 60px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;

    text-align: left;
}

.text_block p{
    margin-bottom: 20px;
}

.text_block img{
    display: block;

    max-width: 100%;

    margin: 0 auto 30px;
}



.partners_text{
    padding-bottom: 20px;

    color: #5f5f5f;
    font: 15px/20px PT Sans;
}
.partners_text .title{
    margin-bottom: 35px;

    color: #1a1a1a;
    font: 700 15px/20px PT Sans;
}

.partners_text ul{
    width: 48%;

    margin-bottom: 35px;
}
.partners_text ul li{
    position: relative;

    padding-left: 20px;

    list-style: none;
}
.partners_text ul li + li{
    margin-top: 3px;
}
.partners_text ul li:before{
    position: absolute;
    top: 9px;
    left: 0;

    display: block;

    width: 4px;
    height: 4px;

    border-radius: 50%;
    background: #ff5000;

    content: '';
}

.partners_text p{
    margin-bottom: 20px;
}

.partners_text a{
    color: #1a1a1a;
}
.partners_text a:hover{
    text-decoration: none;
}


.supply_form,
.partner_form{
    overflow: hidden;

    padding: 25px 0 70px;

    background: #f7f7f7;
}
.supply_form .block_title,
.partner_form .block_title{
    margin-bottom: 40px;

    color: #1a1a1a;
    font: 700 26px PT Sans;

    text-align: center;
}

.supply_form form,
.partner_form form{
    width: 670px;
    max-width: 100%;

    margin: 0 auto;
}

.partner_form form .grey_line{
    position: relative;

    padding-top: 35px;
}
.partner_form form .grey_line:before{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1920px;
    height: 1px;

    margin-left: -960px;

    background: #dadada;

    content: '';
}

.partner_form form .block{
    margin-bottom: 35px;
}
.supply_form form .block{
    margin-bottom: auto;
}
.supply_form form .block_name,
.partner_form form .block_name{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 17px PT Sans;
}
.partner_form form .block_name.small{
    font-size: 15px;
}

.supply_form form .line,
.partner_form form .line{
    display: table;

    width: 100%;

    margin-bottom: 20px;
}
.partner_form form .line.big_margin{
    margin-bottom: 40px;
}

.supply_form form .name,
.partner_form form .name{
    display: table-cell;
    vertical-align: middle;
    width: 290px;
    /*height: 41px;*/
    padding-right: 25px;
    color: #4a4a4a;
    font: 15px PT Sans;
    table-layout: fixed;
    margin-bottom: 7px;
}
.supply_form form .required,
.partner_form form .required{
    color: #f00;
    font-weight: 700;
}
.supply_form form .field,
.partner_form form .field{
    position: relative;

    display: table-cell;
    vertical-align: top;
}
.supply_form form .field.error:after,
.partner_form form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 45px;

    border-radius: 12px;
    background: #ff4f49 url(/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}
.supply_form form select,
.partner_form form select{
    display: block;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font-family: PT Sans;
    font-size: 15px;
    line-height: 43px;

    border: 1px solid #cfcfcf;
    border-radius: 12px;
    background: #fff;
}
.supply_form form .sbHolder,
.partner_form form .sbHolder{
    position: relative;

    display: block;

    width: 100%;
    height: 41px;
}
.supply_form form .sbSelector,
.partner_form form .sbSelector{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    white-space: nowrap;
    text-decoration: none;
}
.supply_form form .sbToggle,
.partner_form form .sbToggle{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;

    margin-top: -2px;

    background: url(/css/../images/ic_select_toggle.png) 0 0 no-repeat;

    content: '';
}
.supply_form form .sbToggle.sbToggleOpen,
.partner_form form .sbToggle.sbToggleOpen{
    background-position: 0 -4px;
}
.supply_form form .sbOptions,
.partner_form form .sbOptions{
    position: absolute;
    top: 44px !important;
    left: 0;
    z-index: 99;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.supply_form form .sbOptions li,
.partner_form form .sbOptions li{
    list-style: none;
}
.supply_form form .sbOptions li:first-child,
.partner_form form .sbOptions li:first-child{
    display: none;
}
.supply_form form .sbOptions.init,
.partner_form form .sbOptions.init{
    min-height: 168px !important;
}
.supply_form form .sbOptions a,
.partner_form form .sbOptions a{
    display: block;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 15px/28px PT Sans;

    text-decoration: none;
}
.supply_form form .input,
.partner_form form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 12px;
    background: #fff;
}
.supply_form form textarea,
.partner_form form textarea{
    display: block;

    width: 100%;
    height: 65px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 12px;
    background: #fff;

    resize: none;
}
.supply_form form textarea {
    padding: 10px;
}
.supply_form form ::-webkit-input-placeholder,
.partner_form form ::-webkit-input-placeholder{
    color: #848484;
}
.supply_form form ::-moz-placeholder,
.partner_form form ::-moz-placeholder{
    color: #848484;
}
.supply_form form :-moz-placeholder,
.partner_form form :-moz-placeholder{
    color: #848484;
}
.supply_form form :-ms-input-placeholder,
.partner_form form :-ms-input-placeholder{
    color: #848484;
}
.supply_form form input[type=checkbox],
.partner_form form input[type=checkbox]{
    display: none;
}
.supply_form form label,
.partner_form form label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 18px;

    color: #222;
    font: 15px/41px PT Sans;

    cursor: pointer;
}
.supply_form form label::before,
.partner_form form label::before{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    background: url(/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}
.btns-phone-mode {
    display: flex;
}
.partner_form form .phone-mode label {
    padding-left: 0;
    line-height: 16px;
}
.partner_form form .phone-mode:nth-of-type(1) {
    margin-right: 20px;
}
.partner_form form .phone-mode label::before{
    display: none;
}
.partner_form form input[type=checkbox]:checked + label::before{
    background-position: 0 -18px;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}
.partner_form form label.visually-hidden::before {
    display: none;
}
.supply_form form .submit,
.partner_form form .submit{
    padding-left: 290px;
}
.supply_form form .submit_btn,
.partner_form form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.supply_form form .submit_btn:hover,
.partner_form form .submit_btn:hover{
    background: #c9c9c9;
}



.product_info .cols{
    display: flex;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.product_info .images_wrap{
    flex-direction: column;

    flex-basis: 33.333%;
}
.product_info .images{
    position: relative;

    height: 100%;

    padding-bottom: 130px;

    border: 1px solid #e9e9e9;
    border-right: none;
    background: #fff;
}
.product_info .images.no_thumbs{
    padding-bottom: 0;
}

.product_info .images .big li{
    display: block;

    height: 373px;

    line-height: 373px;

    list-style: none;

    text-align: center;
}
.product_info .images .big li img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 90%;
    max-height: 90%;
}

.product_info .images .thumbs{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;

    padding-top: 1px;

    background: #e9e9e9;
}

.product_info .images .thumbs > a{
    display: block;
    float: left;


    width: 33.333%;
    height: 129px;

    line-height: 129px;

    background: #fff;

    text-align: center;
}

.product_info .images .thumbs > a + a{
    border-left: 1px solid #e9e9e9;
}

.product_info .images .thumbs li{
    display: inline-block;
    vertical-align: top;
}
.product_info .images .thumbs li a{
    display: block;

    width: 100%;
    height: 129px;

    line-height: 129px;

    background: #fff;

    text-align: center;
}
.product_info .images .thumbs li a img,
.product_info .images .thumbs > a img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 90%;
    max-height: 90%;
}


.product_info .data_wrap{
    flex-direction: column;

    flex-basis: 66.6%;
}

.product_info .data{

    height: 100%;

    border: 1px solid #e9e9e9;
    background: #fff;
}
.product_info .data .block{
    padding: 19px;
}
.product_info .data .block + .block{
    position: relative;
    border-top: 1px solid #e9e9e9;
}

.product_info .data .description{
    color: #6f6f6f;
    font: 15px/20px PT Sans;
}
.product_info .data .description b{
    color: #1a1a1a;
}
.product_info .data .description p + p{
    margin-top: 20px;
}
.product_info .data .description .hide{
    display: none;
}

.product_info .data .description .details{
    margin-left: 11px;
    padding-right: 15px;

    color: #1a1a1a;

    background: url(/css/../images/ic_details.png) 100% 65% no-repeat;

    text-decoration: none;
}
.product_info .data .description .details.active{
    background: url(/css/../images/ic_details_a.png) 100% 65% no-repeat;
}

.product_info .data .description .details span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px dotted #bebebe;

    cursor: pointer;
    transition: border-color .2s linear;
}
.product_info .data .description .details:hover span{
    border-color: transparent;
}


.product_info .data .icons{
    overflow: hidden;
}
.product_info .data .icons .item{
    position: relative;

    float: left;

    width: 25%;

    padding: 0 0 0 55px;

    color: #6f6f6f;
    font: 13px PT Sans;
}

.product_info .data .icons .item .name{
    display: table-cell;
    vertical-align: middle;

    height: 43px;
}

.product_info .data .icons .item .icon{
    position: absolute;
    top: 50%;
    left: 0;

    width: 43px;
    height: 43px;

    margin-top: -22px;

    border-radius: 50%;
}

.product_info .data .icons .item .icon:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;

    display: block;

    width: 100%;
    height: 100%;

    padding: 0;

    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(0,0,0,.1);

    content: '';
    pointer-events: none;
    -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
}

.product_info .data .icons .item:hover .icon:after{
    -webkit-animation: sonarEffect 1s ease-out 75ms;
       -moz-animation: sonarEffect 1s ease-out 75ms;
            animation: sonarEffect 1s ease-out 75ms;
}

@-webkit-keyframes sonarEffect{
    0%{
        opacity: .3;
    }
    40%{
        opacity: .75;
        box-shadow: 0 0 0 2px rgba(0,0,0,.1), 0 0 5px 5px #333, 0 0 0 5px rgba(0,0,0,.5);
    }
    100%{
        opacity: 0;
        box-shadow: 0 0 0 2px rgba(0,0,0,.1), 0 0 5px 5px #333, 0 0 0 5px rgba(0,0,0,.5);

        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes sonarEffect{
    0%{
        opacity: .3;
    }
    40%{
        opacity: .75;
        box-shadow: 0 0 0 2px rgba(0,0,0,.1), 0 0 5px 5px #333, 0 0 0 5px rgba(0,0,0,.5);
    }
    100%{
        opacity: 0;
        box-shadow: 0 0 0 2px rgba(0,0,0,.1), 0 0 5px 5px #333, 0 0 0 5px rgba(0,0,0,.5);

        -moz-transform: scale(1.5);
    }
}
@keyframes sonarEffect{
    0%{
        opacity: .3;
    }
    40%{
        opacity: .75;
        box-shadow: 0 0 0 2px rgba(0,0,0,.1), 0 0 5px 5px #333, 0 0 0 5px rgba(0,0,0,.5);
    }
    100%{
        opacity: 0;
        box-shadow: 0 0 0 2px rgba(0,0,0,.1), 0 0 5px 5px #333, 0 0 0 5px rgba(0,0,0,.5);

        transform: scale(1.5);
    }
}

.product_info .data .icons .item .icon img{
    display: block;

    width: 100%;
    height: 100%;
}


.product_info .data .col{
    width: 48%;
}
.product_info .data .title{
    margin-bottom: 15px;

    color: #1a1a1a;
    font: 700 16px/20px PT Sans;
}

.product_info .data .col .item{
    color: #6f6f6f;
    font: 16px/20px PT Sans;
}
.product_info .data .col .item + .item{
    margin-top: 30px;
}
.product_info .data .col .item .title{
    margin-bottom: 10px;
}

.product_info .data .see_all{
    display: inline-block;
    vertical-align: top;

    height: 34px;

    margin-top: 20px;
    padding: 0 13px;

    color: #fff;
    font: 15px/34px PT Sans;

    border-radius: 5px;
    background: #378bff;

    text-decoration: none;
    transition: background .2s linear;
}
.product_info .data .see_all:hover{
    background: #2e7ee4 !important;
    color: white !important;
}

.product_info .data .block-btn {
    min-height: 70px;
}

.market_block {
    position: absolute;
    bottom: 19px;
    right: 19px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.market_block .ozon {
    background-color: #378bff !important;
}

.product_info .see_all {
    background-color: #f7f7f7 !important;
    color: black !important;
}

.product_info .data .product_btn-buy.ozon:hover {
     background: #c9c9c9 !important;
}

@media (max-width: 541px) {
    .market_block {
        position: initial;
    }
}

.product_info .data .product_btn-buy {
    display: inline-block;
    vertical-align: top;

    min-width: 150px;
    height: 34px;

    margin-top: 20px;
    padding: 0 13px;

    color: #fff;
    font: 15px/34px PT Sans;
    text-align: center;

    border-radius: 5px;
    background: #f7572e;

    text-decoration: none;
    transition: background .2s linear;
}
.product_info .data .product_btn-buy:hover {
    background: #c9c9c9;
}


.product_info .data .logos{
    margin-bottom: -15px;
}
.product_info .data .logos img{
    vertical-align: middle;

    margin-right: 11px;
    margin-bottom: 15px;
}



.product_info .prod_information{
    width: 33.333%;

    margin-bottom: 25px;
}
.product_info .prod_information .documents{
    margin-bottom: 35px;
    padding: 24px 19px;

    background: #f7f7f7;
}
.product_info .prod_information .documents .title{
    margin-bottom: 20px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}

.product_info .prod_information .documents .item{
    position: relative;

    display: block;

    padding: 4px 0 4px 45px;

    color: #6f6f6f;
    font: 15px/20px PT Sans;

    text-decoration: none;
}
.product_info .prod_information .documents .item + .item{
    margin-top: 12px;
}

.product_info .prod_information .documents .item:before{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 28px;
    height: 28px;

    border-radius: 50%;
    background: url(/css/../images/ic_documents.png) 0 0 no-repeat;

    content: '';
}
.product_info .prod_information .documents .item:hover:before{
    background-position: 0 -28px;
}

.product_info .prod_information .documents .item span{
    display: inline-block;
    vertical-align: middle;

    color: #1a1a1a;
    line-height: 16px;

    border-bottom: 1px dotted #909090;

    transition: border-color .2s linear;
}
.product_info .prod_information .documents .item:hover span{
    border-color: transparent;
}


.product_info .reviews{
    padding: 0 30px 0 0;

    background: none;
}
.product_info .reviews .block_title{
    margin-bottom: 25px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}
.product_info .reviews .block_title .all_link{
    height: 20px;

    margin-bottom: 25px;

    line-height: 20px;
}

.product_info .reviews .carousel{
    padding-right: 57px;
}
.product_info .reviews li{
    display: block;

    list-style: none;
}
.product_info .reviews .item{
    width: 100%;
}

.product_info .reviews .item a,
.product_info .reviews .item img{
    display: block;

    width: 100%;
}

.product_info .prod_advantages{
    width: 33.333%;

    margin-bottom: 25px;
    padding: 19px;

    border: 1px solid #e9e9e9;
    border-top: none;
}
.product_info .prod_advantages .title{
    margin-bottom: 15px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}

.product_info .prod_advantages .item{
    position: relative;

    padding-left: 30px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;
}
.product_info .prod_advantages .item + .item{
    margin-top: 10px;
}

.product_info .prod_advantages .item .icon{
    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    line-height: 20px;

    text-align: center;
}
.product_info .prod_advantages .item .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}



.product_info .prod_features{
    width: 33.335%;

    margin-bottom: 25px;
    padding: 19px;

    border: 1px solid #e9e9e9;
    border-top: none;
    border-left: none;
}
.product_info .prod_features .title{
    margin-bottom: 15px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}

.product_info .prod_features .item{
    color: #6f6f6f;
    font: 16px/25px PT Sans;
}
.product_info .prod_features .item + .item{
    margin-top: 25px;
}

.product_info .prod_features .item .name{
    margin-bottom: 10px;

    color: #1a1a1a;
    font: 700 16px/20px PT Sans;
}
.product_info .prod_features .item span{
    color: #ff5000;
}



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

    overflow: hidden;

    background: url(/css/../images/prod_victory_img.jpg) 50% 0 no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.prod_victory .box{
    display: table-cell;
    vertical-align: middle;

    height: 495px;

    color: #e9e9e9;
    font: 19px PT Sans;

    text-transform: uppercase;
    letter-spacing: .1em;
}
.prod_victory .title{
    color: #e9e9e9;
    font: 700 39px PT Sans;

    text-transform: none;
}


.prod_info_block{
    position: relative;
    z-index: 9;

    display: table;

    width: 100%;
}
.prod_info_block:first-child{
    margin-top: -66px;
}

.prod_info_block .image{
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;

    width: 50%;
}
.prod_info_block .image img{
    display: block;

    width: 100%;

    transition: transform 3s linear;
}
.prod_info_block .image.active img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.prod_info_block .info{
    display: table-cell;
    vertical-align: middle;

    width: 50%;

    padding-right: 80px;
}
.prod_info_block:first-child .info{
    padding-top: 66px;
}
.prod_info_block .image + .info{
    padding-right: 0;
    padding-left: 80px;
}
.prod_info_block .info .item{
    color: #6f6f6f;
    font: 16px/27px PT Sans;

    text-transform: uppercase;
    letter-spacing: .1em;
}
.prod_info_block .info .item + .item{
    margin-top: 40px;
}

.prod_info_block .info .item .line_hide{
    overflow: hidden;
}
.prod_info_block .info .item .animate{
    visibility: hidden;
}

.prod_info_block .info .item .title{
    margin-bottom: 5px;

    color: #1a1a1a;
    font: 700 30px PT Sans;

    text-transform: none;
}



.where_buy_product{
    padding: 52px 0 62px;

    color: #6f6f6f;
    font: 16px PT Sans;

    background: #f7f7f7;

    text-align: center;
}
.where_buy_product .title{
    margin-bottom: 10px;

    color: #1a1a1a;
    font: 700 30px PT Sans;
}

.where_buy_product .link{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    margin-top: 25px;
    padding: 0 25px;

    color: #fff;
    font: 12px/51px PT Sans;

    border-radius: 3px;
    background: #f7572e;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.where_buy_product .link:hover{
    background: #c9c9c9;
}



/*---------------
   Footer
---------------*/
footer{
    background: #19191b;
}

footer .info{
    overflow: hidden;

    padding: 45px 0 35px;
}

footer .info .title{
    margin-bottom: 25px;

    color: #fff;
    font: 700 19px PT Sans;
}

footer .info .links{
    float: left;

    width: 25%;

    padding-right: 20px;
}
footer .info .links li{
    font: 14px PT Sans;

    list-style: none;
}
footer .info .links li + li{
    margin-top: 12px;
}
footer .info .links li a{
    display: inline-block;
    vertical-align: top;

    color: #8d8d8d;
}
footer .info .links li a:hover{
    text-decoration: none;
}


footer .bottom{
    overflow: hidden;

    padding: 30px 0 40px;

    background: #141516 url(/css/../images/bg_footer_bottom.png) 0 0 repeat;
}

footer .adres{
    display: table;

    margin-right: 75px;
}
footer .adres .name{
    display: table-cell;
    vertical-align: top;

    padding-left: 25px;

    color: #fff;
    font: 700 14px/22px PT Sans;

    background: url(/css/../images/ic_footer_adres.png) 0 3px no-repeat;
}
footer .adres .val{
    display: table-cell;
    vertical-align: top;

    padding-left: 10px;

    color: #8d8d8d;
    font: 14px/22px PT Sans;
}


footer .phones{
    display: table;

    margin-right: 75px;
}
footer .phones .name{
    display: table-cell;
    vertical-align: top;

    padding-left: 25px;

    color: #fff;
    font: 700 14px/22px PT Sans;

    background: url(/css/../images/ic_footer_phones.png) 0 4px no-repeat;
}
footer .phones .val{
    display: table-cell;
    vertical-align: top;

    padding-left: 10px;

    color: #8d8d8d;
    font: 14px/22px PT Sans;
}


footer .email{
    display: table;
}
footer .email .name{
    display: table-cell;
    vertical-align: top;

    padding-left: 25px;

    color: #fff;
    font: 700 14px/22px PT Sans;

    background: url(/css/../images/ic_footer_email.png) 0 4px no-repeat;
}
footer .email .val{
    display: table-cell;
    vertical-align: top;

    padding-left: 10px;

    color: #8d8d8d;
    font: 14px/22px PT Sans;
}
footer .phones .val a{
    color: #8d8d8d;
}
footer .email .val a{
    color: #8d8d8d;
}
footer .email .val a:hover{
    text-decoration: none;
}


footer .socials{
    width: max-content !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
footer .socials span {
    display: table-cell;
    vertical-align: top;
    color: #fff;
    font: 700 14px / 22px PT Sans;
}
footer .socials a{
    display: inline-block;
    vertical-align: top;

    width: 23px;
    height: 23px;

    background-size: cover;
    background-repeat: no-repeat;
}
footer .socials a + a{
    margin-left: 5px;
}

footer .socials a.vk{
    background-image: url(/css/../images/vk.svg);
}
footer .socials a.tg{
    background-image: url(/css/../images/tg.svg);
}
footer .socials a.dzen{
    background-image: url(/css/../images/dzen.svg);
}
footer .socials a.drive2{
    background-image: url(/css/../images/drive2.svg);
}


/*---------------
   PopUp
---------------*/
.modal{
    display: none;
}

.modal_title{
    padding: 19px;

    color: #1a1a1a;
    font: 700 18px PT Sans;

    border-bottom: 1px solid #e7e7e7;
}

.modal_desc{
    padding: 19px;

    color: #4a4a4a;
    font: 15px PT Sans;

    border-bottom: 1px solid #e7e7e7;
}


.modal form .fields{
    padding: 19px 19px 6px;
}

.modal form .line{
    margin-bottom: 20px;
}
.modal form .line.left,
.modal form .line.right{
    width: 48.5%;
}

.modal form .name{
    margin-bottom: 7px;

    color: #222;
    font: 15px/15px PT Sans;
}

.modal form .required{
    color: #f00;
    font-weight: 700;
}

.modal form .field{
    position: relative;
}
.modal form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 5px;
    background: #ff4f49 url(/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

.modal form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.modal form ::-webkit-input-placeholder{
    color: #848484;
}
.modal form ::-moz-placeholder{
    color: #848484;
}
.modal form :-moz-placeholder{
    color: #848484;
}
.modal form :-ms-input-placeholder{
    color: #848484;
}

.modal form .submit{
    padding: 28px;

    border-top: 1px solid #e7e7e7;

    text-align: center;
}
.modal form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 135px;
    height: 43px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.modal form .submit_btn:hover{
    background: #c9c9c9;
}

a.news_link{
color: #fc4f23 !important;
    font: 16px/20px PT Sans;
    letter-spacing: .075em;
}

.modal-market-widget {
    /*width: 1024px;*/
    min-height: 460px;
    padding: 40px;
    box-sizing: border-box;
}

#see_all_modal,
#register_form{
    width: 620px;
}
#see_all_modal .head{
    padding: 19px;

    color: #1a1a1a;
    font: 700 20px PT Sans;

    border-bottom: 1px solid #e7e7e7;
}
#see_all_modal .head .count{
    margin-top: 10px;

    color: #ff5000;
    font: 16px PT Sans;
}

#see_all_modal .data{
    padding: 19px 9px 19px 19px;
}
#see_all_modal .scroll{
    overflow: hidden;

    height: 225px;
}

#see_all_modal .col{
    width: 33.333%;
}
#see_all_modal .col li{
    color: #6f6f6f;
    font: 16px/25px PT Sans;

    list-style: none;
}
#see_all_modal .col li a{
    color: #6f6f6f;

    text-decoration: none;
}
#see_all_modal .col li a:hover{
    text-decoration: underline;
}

.search-form{
    display: inline-block;

    width: 30%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.search_submit{
    display: inline-block;
    vertical-align: top;

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

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.search_submit:hover{
    background: #c9c9c9;
}

#register_form {
    width: 968px;
    max-width: 100%;
    padding: 28px 42px 15px;
    box-sizing: border-box;
    background-color: #F6F6F6;
}

#register_form .modal_head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
}

#register_form .modal_title {
    width: 48.5%;
    padding: 0;
    font-size: 24px;
    line-height: 31px;
    border-bottom: none;
    color: #5C5C5C;
}

#register_form .modal_desc {
    width: 48.5%;
    padding: 0;
    border-bottom: none;
    font-size: 13px;
    line-height: 17px;
    color: #7C7C7C;
}

#register_form.modal form .fields {
    padding: 0;
}

#register_form.modal form .required {
    color: inherit;
    font-weight: normal;
}

#register_form.modal form .name {
    margin-bottom: 7px;
    color: #5C5C5C;
    font: 15px/15px PT Sans;
}

#register_form.modal form .line {
    margin-bottom: 7px;
}

#register_form.modal form .input {
    height: 59px;
    padding: 0 49px 0 33px;
    color: #7C7C7C;
    border: 1px solid #DCDCDC;
    border-radius: 16px;
}

#register_form .captcha-block {
    display: flex;
}

#register_form.modal form .submit_btn {
    margin-bottom: 7px;
    width: 100%;
    max-width: 100%;
    margin-top: 21px;
    height: 59px;
    border-radius: 16px;
}

#register_form,#supply-form .submit_desc {
    padding-top: 10px;
    font-family: PT Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #A5A5A5;
}

#supply-form .name {
    height: unset;
    padding-bottom: 10px;
}

.supply_form form,
.partner_form form {
    width: 100%;
}
.supply_form-wrap,
.partner_form-wrap {
    display: flex;
}
.supply_form form .col-left,
.partner_form form .col-left {
    flex-shrink: 0;
    max-width: 350px;
    margin-right: 30px;
    margin-bottom: 0;
}
.supply_form form .col-left .line,
.partner_form form .col-left .line {
    display: flex;
    flex-direction: column;
}
.supply_form form .col-left .name,
.partner_form form .col-left .name {
    margin-bottom: 7px;
    display: block;
    width: 100%;
    height: auto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #5C5C5C;
}
.supply_form form .col-left .required,
.partner_form form .col-left .required {
    color: #5C5C5C;
}
.supply_form form .col-left .sbHolde,
.partner_form form .col-left .sbHolder {
    height: 45px;
}
.supply_form form .col-left .sbSelector,
.partner_form form .col-left .sbSelector {
    height: 45px;
    line-height: 43px;
    border-radius: 12px;
}
.supply_form form .col-left .sbToggle,
.partner_form form .col-left .sbToggle {
    filter: grayscale(1);
}
.supply_form form .col-left .line,
.partner_form form .col-left .line {
    margin-bottom: 7px;
}
.supply_form form .col-left .line:nth-last-of-type(1),
.partner_form form .col-left .line:nth-last-of-type(1) {
    margin-bottom: 0;
}
.supply_form form .col-left .input,
.partner_form form .col-left .input {
    height: 45px;
    line-height: 43px;
    border-radius: 12px;
}
.supply_form form .col-right,
.partner_form form .col-right {
    flex-grow: 1;
}

.supply_form form .col-right {
    display: flex;
    flex-direction: column;
}

.partner_form form .block_name.small {
    margin-bottom: 17px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: #7C7C7C;
}
.supply_form form .row,
.partner_form form .row {
    display: flex;
}
.supply_form form .block {
    margin-bottom: auto;
}
.partner_form form .block {
    margin-bottom: 20px;
}
.supply_form form .row .line,
.partner_form form .row .line {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    margin-right: 20px;
}
.supply_form form .row .line:nth-last-of-type(1),
.partner_form form .row .line:nth-last-of-type(1) {
    margin-right: 0;
}
.supply_form form .row .block_name,
.partner_form form .row .block_name {
    margin-bottom: 15px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;

    color: #1A1A1A;
}
.supply_form form .row .name,
.partner_form form .row .name {
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 7px;
    padding-right: 0;
    line-height: 19px;
    color: #5C5C5C;
}
.supply_form form .row textarea,
.partner_form form .row textarea {
    height: 45px;
    line-height: 43px;
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    outline: none;
}
.supply_form form .row .field,
.partner_form form .row .field {
    margin-top: auto;
}
.supply_form form .row .input,
.partner_form form .row .input {
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 0 49px 0 10px;
    font: 15px PT Sans;
    line-height: 43px;
    vertical-align: middle;
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    background: #fff;
    color: #222;
}

.partner_form form .row .line--small {
    max-width: 210px;
}
.supply_form form .row--auto,
.partner_form form .row--auto {
    margin-bottom: 20px;
}
.supply_form form .row--auto .line,
.partner_form form .row--auto .line {
    width: auto;
}
.supply_form form .row .submit,
.partner_form form .row .submit {
    margin-top: auto;
    padding-left: 0;
}
.supply_form form .row .submit button,
.partner_form form .row .submit button {
    min-width: 210px;
    max-width: 210px;
    height: 45px;
    border-radius: 12px;
}
.supply_form form .row label,
.partner_form form .row label {
    padding-left: 30px;
    line-height: 19px;
    color: #5C5C5C;
}
.supply_form form .row label::before,
.partner_form form .row label::before {
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    content: '';
    border-radius: 1px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
}
.supply_form form .row input[type="checkbox"]:checked + label::after,
.partner_form form .row input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background-image: url(/css/../images/ic_prod_advantage3.png);
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.supply_form form .row #captcha-block img,
.partner_form form .row #captcha-block img {
    margin-right: 10px;
}

@media (max-width: 1215px){
    .shops .head .types {
        display: flex;
    }
    .shops .head .types a + a {
        margin-left: 20px !important;
    }
    .shops .head .types a.e-commerce {
        flex-grow: 1;
    }
}

@media (max-width: 767px) {
    .modal-market-widget .marketWidget {
        overflow: scroll;
    }
}


@media(max-width: 1199px) {
    footer .bottom .left,
    footer .bottom .right {
        float: unset !important;
        padding: 0 !important;
    }

    footer .socials span {
        text-align: left;
        padding-left: 25px;
    }

    footer .bottom .cont {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media(max-width: 991px) {
    footer .adres,
    footer .phones,
    footer .email,
    footer .socials {
        width: max-content !important;
    }

    footer .bottom .cont > div {
        margin-bottom: 0 !important;
    }
}

@media(max-width: 767px) {
    footer .bottom .name,
    footer .socials span {
        padding-left: 25px !important;
    }
}
.ContacSocial__title {
    margin-bottom: 5px;
}
.ContactSocial__list > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
.ContactSocial__list a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
}
.ContactSocial__list a.vk {
    background-image: url('/css/../images/vk.svg');
}
.ContactSocial__list a.tg {
    background-image: url('/css/../images/tg.svg');
}
.ContactSocial__list a.dzen {
    background-image: url('/css/../images/dzen.svg');
}
.ContactSocial__list a.drive2 {
    background-image: url('/css/../images/drive2.svg');
}
/* End */


/* Start:/css/animate.css?179447801572259*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* End */


/* Start:/css/response_1920.css?1794478015255*/
@media (min-width: 1600px){
    .main_slider .bx-wrapper .bx-controls-direction a.bx-prev{
    	left: 50%;
    	margin-left: -800px;
    }
    .main_slider .bx-wrapper .bx-controls-direction a.bx-next{
    	right: 50%;
    	margin-right: -800px;
    }
}


/* End */


/* Start:/css/response_1199.css?17944780151206*/
@media (max-width: 1199px){
    .main_slider li .info{
        padding-left: 100px;
    }


    .products .carousel .product{
        padding: 0 10px 24px;
    }


    .main_filter form .item.advanced_link{
        vertical-align: top;
    }


    .main_filter form .item.type label{
        padding: 0 10px;
    }

    .shops .head .search{
        width: 100%;
    }

    .shops .head .search .name{
        width: 10%;
    }

    .shops .head .search .input{
        width: 82%;
    }

    .shops .head .search .submit_btn{
        width: 8%;
    }

    .shops .head .types{
        margin: 0;
        padding: 0 0 0 18px;
    }

    .shops .head .types a.e-commerce {
        flex-grow: 0;
    }

    .product_info .images .big li{
        line-height: 393px;

        height: 393px;
    }
    
    .product_info .data_wrap{
        flex-basis: 100%;
    }
	
	.products .list .product .name
    {
        width: 100%;
        margin-bottom: 10px;
    }

    .products .list .product .color
    {
        float: left;

        margin-bottom: 15px;
        margin-left: 0;
    }


    footer .adres,
    footer .phones{
        margin-right: 60px;
    }

    footer .socials{
        width: auto;
    }
}
/* End */


/* Start:/css/response_1023.css?17944780155267*/
@media (max-width: 1023px){
    header .menu .links{
        padding-left: 0;
    }

    header .choose_link{
        display: block;
        float: none;
        clear: both;

        margin: 0 -10px;

        text-align: center;
        -webkit-transform: skewX(0deg);
            -ms-transform: skewX(0deg);
                transform: skewX(0deg);
    }
    header .choose_link span{
        -webkit-transform: skewX(0deg);
            -ms-transform: skewX(0deg);
                transform: skewX(0deg);
    }


    .main_slider li .info{
        padding-left: 60px;
    }


    .advantages .block_head .desc{
        padding: 0;
    }
    .advantages .item{
        font-size: 15px;
    }


    .articles{
        width: 100%;

        padding: 35px !important;
    }

    .reviews{
        padding: 35px 35px 70px;
    }
    .reviews .item{
        width: 50%;
    }


    .page_head{
        padding-top: 131px;
    }
	
	.main_filter .row
    {
        padding-bottom: 20px;

        flex-wrap: wrap;
        justify-content: flex-start;
    }


    .main_filter form .item,
    .main_filter form .item.advanced_link{
        display: block;

        width: 33.333%;
    }

    .main_filter form .item.type label{
        font-size: 14px;
    }

    .main_filter .advanced .item{
        width: width: 33.333%;
		padding-bottom: 0;
    }


	 .main_filter form .submit
    {
        padding: 49px 10px 0 !important;
    }

    .main_filter form .submit_btn
    {
        font-size: 16px;

        width: 100%;
        height: 41px;
    }



    .products .items .product{
        width: 33.333%;
    }


    .products .list .product .thumb{
        position: relative;
        z-index: 2;

        display: block;
        float: left;
    }
    .products .list .product .thumb a{
        height: 224px;

        line-height: 224px;
    }
    .products .list .product .thumb a img{
        position: relative;
        top: -1px;

        display: inline-block;
        vertical-align: middle;
    }

    .products .list .product .info{
        position: relative;
        z-index: 1;

        display: block;
        float: left;

        width: 100%;

        margin-left: -216px;
		padding-left: 216px;
        /*padding-left: 226px;*/
    }

    .products .list .product .information{
        display: block;
        clear: both;

        width: 100%;

        border-top: 1px solid #e2e2e2;
        border-left: none;
    }

    .products .product .colors,
    .products .product > .icons{
        opacity: 1 !important;
    }


    .faq .text{
        width: 100%;

        margin-bottom: 30px;
        padding: 0;

        border: none;
    }

    .faq .items{
        clear: both;

        margin-left: 0;
        padding: 0;
    }
    .add_question form{
        margin-right: 0;
    }


    .sort{
        width: 100%;

        margin-top: 15px;
    }


    .shops .head .search{
        width: 100%;
    }
    .shops .head .search .name{
        width: 10%;
    }
    .shops .head .search .input{
        width: 82%;
    }
    .shops .head .search .submit_btn{
        width: 8%;
    }

    .shops .head .types{
        margin: 0;
        padding: 0 0 0 18px;
    }


    .shops .full_list .scroll{
        margin-left: -5%;
    }
    .shops .full_list .item{
        width: 45%;

        margin-left: 5%;
    }

    .shops .full_list .item:nth-child(n+1):nth-child(-n+3){
        margin-top: 40px;
    }
    .shops .full_list .item:nth-child(n+1):nth-child(-n+2){
        margin-top: 0;
    }

    .shops .full_list .item:nth-child(3n+1){
        clear: none;
    }
    .shops .full_list .item:nth-child(2n+1){
        clear: both;
    }


    .product_info .images{
        width: 100%;

        border-right: 1px solid #e9e9e9;
    }
    .product_info .images .big li{
        height: 373px;

        line-height: 373px;
    }


    .product_info .data{
        width: 100%;

        border-left: none;
    }

    .product_info .data .icons .item{
        width: 50%;

        margin-bottom: 15px;
    }
    .product_info .data .icons{
        padding-bottom: 4px;
    }

    .product_info .prod_information{
        overflow: hidden;

        width: 100%;
    }
    .product_info .prod_information .documents{
        float: left;

        width: 50%;
    }
    .product_info .reviews{
        float: left;

        width: 50%;

        padding: 0 0 0 30px;
    }

    .product_info .prod_advantages,
    .product_info .prod_features{
        width: 50%;

        border-top: 1px solid #e9e9e9;
    }


    .prod_info_block .info .item{
        font-size: 14px;
        line-height: 24px;
    }
    .prod_info_block .info .item .title{
        font-size: 26px;
    }
    .prod_info_block .info{
        padding-right: 50px;
    }
    .prod_info_block .image + .info{
        padding-left: 50px;
    }
    .prod_info_block .info .item + .item{
        margin-top: 20px;
    }


    footer .bottom{
        padding: 30px 0;
    }
    footer .adres,
    footer .phones{
        width: 50%;

        margin: 0 0 20px;
    }
    footer .adres .name,
    footer .phones .name,
    footer .email .name,
    footer .socials span {
        width: 84px;

        table-layout: fixed;
    }

    footer .email,
    footer .socials{
        width: 50%;
    }
}

/* End */


/* Start:/css/response_767.css?17944780157491*/
@media (max-width: 767px){
    header .search{
        width: 100%;

        padding: 0 0 20px;
    }
    header .search form{
        width: 100%;
    }


    header .mob_menu_link{
        display: block;
    }
    header .menu .links{
        position: absolute;
        top: 55px;
        left: 0;

        display: none;

        width: 100%;

        background: #fff;
        box-shadow: 0 2px 5px rgba(0,0,0,.7);
    }
    header .menu .links li{
        display: block;

        width: 100%;

        text-align: center;
    }
    header .menu .links li + li{
        margin: 0;
    }
    header .menu .links li a{
        display: inline-block;
        vertical-align: top;

        text-align: left;
    }

    header .menu .links > li:hover .sub_menu{
        display: none;
    }
    header .menu .links .sub_menu{
        position: relative;
        top: 0;
        left: 0;

        width: 100%;

        padding: 0 0 20px;
    }
    header .menu .links .sub_menu .col{
        display: block;

        width: 100%;

        padding: 15px 20px 0;
    }


    header .choose_link{
        display: block;
        float: right;
        clear: none;

        margin: 0;

        text-align: center;
        -webkit-transform: skewX(-10deg);
            -ms-transform: skewX(-10deg);
                transform: skewX(-10deg);
    }
    header .choose_link span{
        -webkit-transform: skewX(10deg);
            -ms-transform: skewX(10deg);
                transform: skewX(10deg);
    }


    .main_slider,
    .main_slider li{
        height: auto;
    }
    .main_slider li .info{
        display: block;

        height: auto;

        padding: 140px 60px 100px;

        text-align: center;
    }

    .main_slider li .info .title{
        font-size: 42px;
    }
    .main_slider li .info .title span{
        font-size: 62px;
    }
    .main_slider li .info .desc{
        font-size: 20px;
    }
    .main_slider li .info .desc b{
        font-size: 26px;
    }


    .products .filter{
        width: 100%;
    }
    .products .carousel{
        margin: 0;
        padding: 0;
    }
    /*.products .bx-wrapper .bx-controls-direction a.bx-next{
        top: 0;
    }
    .products .bx-wrapper .bx-controls-direction a.bx-prev{
        top: 58px;
    }*/


    .advantages{
        padding-bottom: 80px;
    }
    .advantages .block_head{
        margin-bottom: 60px;
    }
    .advantages .item{
        width: 49%;

        margin-bottom: 40px;
    }
    .advantages .bx-wrapper .bx-pager{
        bottom: -30px;
    }


    .articles{
        padding: 35px 0 !important;
    }
    .articles .bx-wrapper .bx-controls-direction a.bx-next{
        right: 0;
    }
    .articles .bx-wrapper .bx-controls-direction a.bx-prev{
        right: 58px;
    }

    .reviews{
        padding: 35px 0 40px !important;
    }


    .page_head{
        padding-top: 81px;
    }


    .articles_page,
    .pagination{
        margin-bottom: 40px;
    }


    .main_filter form .item,
    .main_filter form .item.advanced_link,
    .main_filter .advanced .item{
        width: 50%;
    }

    .main_filter form .item.type label{
        font-size: 15px;
        padding: 0 15px;
    }
	
	.main_filter form .submit
	{
		padding-top: 20px !important;
	}


	
    .main_filter form .submit_btn{
        height: 41px;

        font-size: 14px;
    }


    .products .items .product{
        width: 50%;
    }


    .products .list .product .thumb a{
        height: 364px;

        line-height: 364px;
    }


    .add_question{
        margin-bottom: 40px;
    }
    .add_question form .line.left,
    .add_question form .line.right{
        width: 100%;
    }


    .partners_text ul{
        width: 100%;
    }

    .partner_form{
        padding-bottom: 40px;
    }
    .partner_form form .name{
        width: 200px;

        padding-right: 20px;
    }

    .partner_form form .submit{
        padding-left: 200px;
    }
    .partner_form form .submit_btn{
        width: 100%;
    }


    .sort .item{
        width: 100%;
    }
    .sort .item + .item{
        margin-top: 10px;
        margin-left: 0;
    }
    .sort .item .name{
        display: inline-block;
        vertical-align: top;

        width: 80px;
    }


    .photo_gallery .item,
    .video_gallery .item{
        width: 50%;
    }
    .video_gallery .item:nth-child(2n+1){
        clear: both;
    }


    .shops .head .search .name{
        width: 100%;
        height: auto;

        padding-bottom: 7px;

        line-height: normal;
    }
    .shops .head .search .input{
        width: 85%;
    }
    .shops .head .search .submit_btn{
        width: 15%;
    }

    .shops .head .types {
        margin: 0;
        padding: 0 18px 0 18px;
        flex-wrap: wrap;
    }

    .shops .head .types a{
        display: block;
        float: left;

        width: 50%;
        height: auto;

        padding: 20px 20px 20px 24px;

        line-height: normal;
    }
    .shops .head .types a.e-commerce{
        padding: 20px 20px 20px 44px;
    }
    .shops .head .types a + a{
        margin-left: 0 !important;
    }


    .shops .map{
        width: 100%;
        height: 300px;

        margin: 0 0 20px;
        padding: 0;
    }

    .shops .list{
        width: 100%;

        margin-bottom: 40px;
    }


    .shops .full_list .item{
        width: 95%;

        margin-top: 30px;
    }
    .shops .full_list .item:nth-child(n+1):nth-child(-n+2){
        margin-top: 30px;
    }
    .shops .full_list .item:nth-child(1){
        margin-top: 0 !important;
    }


    .product_info .data .icons{
        padding-bottom: 0;
    }
    .product_info .data .icons .item{
        width: 50%;

        margin-bottom: 19px;
    }


    .product_info .prod_information .documents{
        width: 100%;
    }
    .product_info .reviews{
        width: 100%;

        padding: 0 !important;
    }

    .product_info .prod_features{
        margin-bottom: 0;
    }
    .product_info .prod_advantages,
    .product_info .prod_features{
        width: 100%;

        border: 1px solid #e9e9e9;
        border-top: none;
    }


    .prod_victory .box{
        height: 350px;
    }

    .product_info .images_wrap{


        display: block;

        flex-basis: 100%;


        text-align: center;
    }

    .prod_info_block .info{
        padding: 40px !important;
    }

    .product_info .data_wrap{
        flex-basis: 100%;
    }

    .product_info .data{
        border-top: none;
        border-left: 1px solid #e9e9e9;
    }


    .jspVerticalBar{
        right: 0;
        width: 14px;
    }


    .prod_info_block .image{
        display: block;
        width: 100%;
    }

    .prod_info_block .info{
        display: block;
        width: 100%;
        text-align: center;
        padding: 20px 15px !important;
    }




    footer .info{
        padding: 40px 0 0;
    }
    footer .info .links{
        width: 50%;

        margin-bottom: 40px;
    }
    footer .info .links:nth-child(2n+1){
        clear: both;
    }

    footer .adres,
    footer .phones{
        width: 100%;
    }
    footer .adres .name,
    footer .phones .name,
    footer .email .name,
    footer .socials span {
        width: 100px;
    }

    footer .socials{
        width: auto;
    }


    #see_all_modal,
    #register_form{
        width: 460px;
    }

    .modal form .line.left,
    .modal form .line.right{
        width: 100%;
    }

    .modal-market-widget {
        width: 298px;
        padding: 40px 10px;
    }
}
/* End */


/* Start:/css/response_479.css?17944780154798*/
@media (max-width: 479px){
    header .logo{
        line-height: 60px;

        width: 100%;
        height: 60px;

        text-align: center;
    }

    header .account{
        width: 100%;
        margin: 0;
        padding-top: 0;

        text-align: center;
    }
    #login_modal{
        top: 45px;

        width: 300px;

        text-align: left;
    }
    #login_modal:before{
        right: 80px;
    }
    #login_modal form .submit_btn{
        min-width: 90px;
    }

    header .choose_link{
        margin-right: -5px;
    }


    .main_slider .bx-controls-direction{
        display: none;
    }
    .main_slider li .info{
        padding: 130px 0 100px;
    }
    .main_slider li .info .title{
        font-size: 36px;
    }
    .main_slider li .info .title span{
        font-size: 56px;
    }


    .products .block_title .all_link{
        display: block;

        margin-top: 5px;
        margin-left: 0;
    }

    .products .filter form .submit_btn{
        width: 100%;
    }


    .articles .block_title .all_link{
        display: block;

        margin-top: 5px;
        margin-left: 0;
    }
    .articles .item .thumb{
        width: 100%;
        margin-bottom: 20px;
    }
    .articles .item .info{
        width: 100%;
    }
    .articles .bx-wrapper .bx-controls-direction a.bx-prev,
    .articles .bx-wrapper .bx-controls-direction a.bx-next{
        top: -70px;
    }

    .articles .items .item{
        width: 95%;
    }
    .articles .items .item + .item{
        margin-top: 30px;
    }


    .reviews .block_title .all_link{
        display: block;

        margin-top: 0;
        margin-left: 0;
    }
    .reviews .item{
        width: 100%;
    }


    .pagination a.prev,
    .pagination a.next{
        display: none;
    }
	
	.main_filter form .item,
.main_filter form .item.advanced_link,
.main_filter .advanced .item
	{
		width: 100%;
	}



    .main_filter form .item.type .field{
        display: block;

        width: 100%;
    }
    .main_filter form .item.type .field + .field{
        margin-top: 10px;
        margin-left: 0;
    }
    .main_filter form .item.type label{
        width: 100%;

        text-align: center;
    }


    .products .items .product{
        width: 100%;
    }


    .page_head .row .page_title{
        display: block;

        width: 100%;
        padding: 0;
    }
    .page_head .row .page_desc{
        display: block;

        width: 100%;
        padding: 15px 0 0 0;
    }

    .products .list .product .thumb{
        width: 100%;

        border-right: none;
        border-bottom: 1px solid #e2e2e2;
    }
    .products .list .product .thumb a{
        line-height: 224px;

        height: 224px;
    }

    .products .list .product .info{
        margin: 0;
        padding: 10px;
    }

    .products .list .product .information .icons .item{
        width: 50%;
    }
    .products .list .product .information .icons .item:nth-child(2n+1){
        clear: both;
    }
	
	
	 .products .list .product .features .title
    {
        width: 100%;
        margin-bottom: 5px;
        padding-bottom: 0;
    }


    .faq .items .item .answer{
        padding-right: 0;
    }

    .add_question form .submit_btn{
        width: 100%;
    }


    .partner_form form .name{
        display: block;

        width: 100%;
        height: auto;
        padding-right: 0;
        padding-bottom: 7px;
    }
    .partner_form form .field{
        display: block;

        width: 100%;
    }

    .partner_form form .submit{
        padding: 0;
    }

    .photo_gallery .item,
    .video_gallery .item{
        width: 100%;
    }
    .video_gallery .item{
        border-right: 1px solid #e9e9e9;
    }


    .shops .head .types{
        padding: 0;
    }
    .shops .head .types a,
    .shops .head .types a.e-commerce{
        line-height: 61px;

        width: 100%;
        height: 61px;
        padding: 0 20px 0 42px;
    }
    .shops .head .types a:before{
        left: 24px;
    }
    .shops .head .types a.e-commerce{
        padding-left: 44px;
    }

    .shops .list{
        padding-left: 10px;
    }


    .product_info .data .icons .item,
    .product_info .data .col{
        width: 100%;
    }
    .product_info .data .col + .col{
        margin-top: 30px;
    }


    .prod_info_block .info{
        padding: 20px !important;
    }


    footer .info .links{
        width: 100%;
    }
    footer .email{
        width: 100%;
    }

    footer .socials{
        width: 100%;
        padding-top: 30px;

        text-align: center;
    }


    #see_all_modal,
    #register_form{
        width: 300px;
    }

    #see_all_modal .col{
        width: 50%;
    }

	.articles_page .item {
	    width:100% !important;
	}

    .product_info .data .product_btn-buy {
        position: static;
    }
}

/* End */


/* Start:/css/dev.css?179447801513582*/
.text_block.left{
    margin: 0 auto 0;
}

.text_block.left_text{
    margin: 0 auto 0;
    width: auto;
}

#header_search .input.error{
    border:1px solid red;
}

.search-list .product .thumb a img{
    top:0px;
}

.search-list .path{
    margin-bottom: 25px;

    color: #6f6f6f;
    font: 16px PT Sans;
}
.search-list .path a{
    color: #1a1a1a;
}
.search-list .path a:hover{
    text-decoration: none;
}

.search-list .path .sep{
    margin: 0 6px;
}

.dictionary-letters{
    margin-bottom: 25px;
    padding: 30px 0 30px;    
}
.dictionary-letters .letter{
    color: #1a1a1a;
    font: 700 26px/41px PT Sans;
}
.dictionary-letters .letter.active{    
    font: 700 38px/41px PT Sans;
}
.dictionary-letters .letter.active a{
    text-decoration: none;    
}

.dictionary-letters .row{
    display: table;

    width: 100%;
}
.dictionary-letters .row .letter{
    display: inline;
    vertical-align: middle;

    padding-right: 20px;

    white-space: nowrap;
}
.dictionary-letters .row .letter a{
    color: #1a1a1a;
}

.articles.four-items{
    width: 100%;
}
.articles.four-items .items .item{
    width: 20%;
}

#jquery-loader-background{background-color: silver}
#jquery-loader.ajax-loader{
    border:none;
    padding-top:35px;
    background-color: transparent;
    text-align: center;
    background-image: url(/css/../images/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
 
}

form .sbDisabled {
  color: #4a4a4a;
  display: block;
  font: 15px/28px PT Sans;
  padding: 0 15px;
  text-decoration: none;
  width: 100%;
}

.selection-page .selection-error{
    display: table-cell;
    padding: 10px;
    color: red;
    font: 700 15px PT Sans;
    margin-bottom: 15px;
    display:none;
}
.selection-catalog .selection-error{
    display: table-cell;
    padding: 10px;
    color: red;
    font: 700 15px PT Sans;
    margin-bottom: 15px;
    display:none;
}
.selection-index .selection-error{
    display: table-cell;
    padding: 20px 10px 10px 0;
    color: red;
    font: 700 15px PT Sans;
    margin-bottom: 15px;
    display:none;
}

.shops  .internet.nothing{
    color: #1a1a1a;
    font: 16px/43px PT Sans;
    margin-bottom:30px;
    margin-top:30px;
}

.field-required.error{
    border: 1px solid #f7572e;    
}
.field-required.input.error{
    border: 1px solid #f7572e;    
}
#add_question .form-success{
    color:green;
    font: 16px/43px PT Sans;
}
#add_question .form-error{
    color:red;
    font: 16px/43px PT Sans;
}

#supply_form .form-success,
#partner_form .form-success{
    color:green;
    font: 16px/43px PT Sans;
}
#partner_form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#auth-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#reg-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#forgot-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#forgot-form .form-success{
    color:green;
    font: 16px/23px PT Sans;
    margin-bottom: 20px;
}
#change-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#change-form .form-success{
    color:green;
    font: 16px/23px PT Sans;
    margin-bottom: 20px;
}

.forgot_pswd_block{
    overflow: hidden;

    padding: 25px 0 70px;

    /* background: #f7f7f7; */
}
.forgot_pswd_block .block_title{
    margin-bottom: 40px;

    color: #1a1a1a;
    font: 700 26px PT Sans;

    text-align: center;
}

.forgot_pswd_block form{
    width: 670px;
    max-width: 100%;

    margin: 0 auto;
}

.forgot_pswd_block form .grey_line{
    position: relative;

    padding-top: 35px;
}
.forgot_pswd_block form .grey_line:before{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1920px;
    height: 1px;

    margin-left: -960px;

    background: #dadada;

    content: '';
}

.forgot_pswd_block form .block{
    margin-bottom: 35px;
}
.forgot_pswd_block form .block_name{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 17px PT Sans;
}
.forgot_pswd_block form .block_name.small{
    font-size: 15px;
}

.forgot_pswd_block form .line{
    display: table;

    width: 100%;

    margin-bottom: 20px;
}
.forgot_pswd_block form .line.big_margin{
    margin-bottom: 40px;
}

.forgot_pswd_block form .name{
    display: table-cell;
    vertical-align: middle;

    width: 290px;
    height: 41px;

    padding-right: 25px;

    color: #4a4a4a;
    font: 15px PT Sans;

    table-layout: fixed;
}

.forgot_pswd_block form .required{
    color: #f00;
    font-weight: 700;
}

.forgot_pswd_block form .field{
    position: relative;

    display: table-cell;
    vertical-align: top;
}
.forgot_pswd_block form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 5px;
    background: #ff4f49 url(/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

.forgot_pswd_block form select{
    display: block;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.forgot_pswd_block form .sbHolder{
    position: relative;

    display: block;

    width: 100%;
    height: 41px;
}
.forgot_pswd_block form .sbSelector{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    white-space: nowrap;
    text-decoration: none;
}

.forgot_pswd_block form .sbToggle{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;

    margin-top: -2px;

    background: url(/css/../images/ic_select_toggle.png) 0 0 no-repeat;

    content: '';
}
.forgot_pswd_block form .sbToggle.sbToggleOpen{
    background-position: 0 -4px;
}

.forgot_pswd_block form .sbOptions{
    position: absolute;
    top: 44px !important;
    left: 0;
    z-index: 99;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.forgot_pswd_block form .sbOptions li{
    list-style: none;
}
.forgot_pswd_block form .sbOptions li:first-child{
    display: none;
}
.forgot_pswd_block form .sbOptions.init{
    min-height: 168px !important;
}

.forgot_pswd_block form .sbOptions a{
    display: block;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 15px/28px PT Sans;

    text-decoration: none;
}

.forgot_pswd_block form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.forgot_pswd_block form textarea{
    display: block;

    width: 100%;
    height: 65px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    resize: none;
}

.forgot_pswd_block form ::-webkit-input-placeholder{
    color: #848484;
}
.forgot_pswd_block form ::-moz-placeholder{
    color: #848484;
}
.forgot_pswd_block form :-moz-placeholder{
    color: #848484;
}
.forgot_pswd_block form :-ms-input-placeholder{
    color: #848484;
}

.forgot_pswd_block form input[type=checkbox]{
    display: none;
}
.forgot_pswd_block form label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 18px;

    color: #222;
    font: 15px/41px PT Sans;

    cursor: pointer;
}

.forgot_pswd_block form label:before{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    background: url(/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}
.forgot_pswd_block form input[type=checkbox]:checked + label:before{
    background-position: 0 -18px;
}

.forgot_pswd_block form .submit{
    padding-left: 290px;
}
.forgot_pswd_block form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #f7572e;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.forgot_pswd_block form .submit_btn:hover{
    background: #c9c9c9;
}
.sort .item .sbOptions li:first-child {
  display: block;
}
.partners_link
{
    background-color:#ff5000;    
}
header .menu .links > li.partners_link > a.sub_link
{
    color:#fff;
    padding-left: 20px;
}
.product_info .data .icons .item .name
{
    height:50px;
}
.shops .full_list .item
{
    overflow-wrap: break-word;
}

.shops .list .item .name.retail:before, .shops .head .types a.retail.active:before{
    background: #2e7ee4;
}
.shops .list .item .name.wholesale:before, .shops .head .types a.wholesale.active:before{
    background: #ff5000;
}
.catalog_link a.sub_link
{
    cursor:default;
}
.download_link
{
    color: #1a1a1a;
    font: 700 14px PT Sans;
    padding-top: 43px;
    text-decoration: none;
}
.ui-autocomplete
{
    width: 327px;
    margin-left: 67px;
    background: white;
    padding: 10px;
    display:none;
    font:15px PT Sans;
    list-style-type: none;
    z-index:1000;
}
.ui-autocomplete li
{
    margin-bottom: 5px;
    cursor: pointer;
}
#see_all_modal .col li a
{
    text-decoration:underline;
}
.internet-shops
{
    margin-left: -3.333%;
    overflow: hidden;
}

.add_question .captcha-block img, #reg-form .captcha-block img
{
    margin-left:20px;
}

@media (max-width: 479px){
    .add_question .captcha-block img
        {    
        margin-left:0px;
        margin-bottom:10px;
    }
    .add_question .captcha-block  input
        {            
        margin-bottom:10px;
    }
}

@media (max-width: 479px){
    /*#reg-form .captcha-block img*/
    /*    {    */
    /*    margin-left:0px;*/
    /*    margin-bottom:10px;*/
    /*}*/
    #reg-form .captcha-block  input
        {            
        margin-bottom:10px;
    }
}
@media (max-width: 991px){
    .supply_form-wrap,
    .partner_form-wrap {
        flex-wrap: wrap;
    }
    .supply_form form .col-left,
    .partner_form form .col-left {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .supply_form form .block_name {
        margin-bottom: 7px;
    }
    .supply_form form .col-left.block {
        margin-bottom: 20px;
    }
    .supply_form form .row,
    .partner_form form .row {
        flex-wrap: wrap;
    }
    .supply_form form .row .line,
    .partner_form form .row .line {
        margin-bottom: 7px;
        margin-right: 0;
    }
    .supply_form form .row .line:nth-last-of-type(1),
    .partner_form form .row .line:nth-last-of-type(1) {
        margin-bottom: 0;
    }
    .supply_form form .row--auto .line,
    .partner_form form .row--auto .line {
        width: 100%;
    }
    .partner_form form .row .line--small {
        max-width: 100%;
    }
    .supply_form form .row .submit,
    .partner_form form .row .submit {
        width: 100%;
    }
    .supply_form form .row #captcha-block img,
    .partner_form form .row #captcha-block img {
        margin-bottom: 10px;
    }
    .supply_form form .row .input,
    .partner_form form .row .input {
        margin-bottom: 10px;
    }
}
@media (max-width: 767px){
    #register_form .modal_head {
        flex-wrap: wrap;
    }
    #register_form .modal_title {
        width: 100%;
        margin-bottom: 7px;
    }
    #register_form .modal_desc {
        width: 100%;
    }
    #register_form {
        padding: 28px 19px 15px;
    }
    #register_form .captcha-block {
        display: flex;
        flex-wrap: wrap;
    }
    #reg-form .captcha-block img
        {    
        /*margin-left:0px;*/
        /*margin-right:100px;*/
        /*margin-bottom:10px;*/
        /*margin-left: 0px;*/
        margin-right: 0;
        margin-bottom: 0;
        margin: 0 auto;
    }
    #reg-form .captcha-block  input
        {            
        margin-bottom:10px;
    }
    #reg-form .captcha-block
        {
        height:100px;
    }
    .supply_form form .line {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 479px){
  .articles.four-items .items .item
    {
     width:100%;
  }
    .supply_form form .row .submit button,
    .partner_form form .row .submit button {
        min-width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px){
  .articles.four-items .items .item
    {
     width:45%;
  }    
  .articles .items .item + .item 
    {
     margin-top: 30px;
  }
}
.photo_gallery, .video_gallery
{
    border:none;
}
.photo_gallery .item, .video_gallery .item
{
    border:1px solid #e2e2e2;
}
.shops .head .types a + a {
    margin-left: 25px;
}

.width100
{
    width:100% !important;
}

.main_filter form .item.type label.disabled
{
    background: #f2f2f2 none repeat scroll 0 0;
    color: #b3b3b3;
}
.main_filter form .item.additional label.disabled
{    
    color: #b3b3b3;
}
.main_filter form .item.color label.disabled img
{
    opacity:0.3;
}

.articles_page .item
{
	width: 25%;
    float: left;
    height: 600px;
}

.gallery
{
    margin-bottom: 40px;
}

.gallery .slide
{
    display: none;

}

.gallery .bx-wrapper .slide
{
    display: block;
    height:308px
}

.gallery .slide a,
.gallery .slide img
{
    display: block;

    width: 100%;

    margin: 0;
}

/* End */


/* Start:/local/templates/main/styles.css?179447809828*/
img {
    max-width: 100%;
}
/* End */
/* /css/fancybox.css?17944780154477 */
/* /css/bxslider.css?17944780153987 */
/* /css/jscrollpane.css?17944780151269 */
/* /css/styles.css?1794478015110907 */
/* /css/animate.css?179447801572259 */
/* /css/response_1920.css?1794478015255 */
/* /css/response_1199.css?17944780151206 */
/* /css/response_1023.css?17944780155267 */
/* /css/response_767.css?17944780157491 */
/* /css/response_479.css?17944780154798 */
/* /css/dev.css?179447801513582 */
/* /local/templates/main/styles.css?179447809828 */