@charset "utf-8";
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(/fancybox/fancybox.png)
}

#fancybox-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-image: url(/img/content/beautybox_overflow.png);
    background-color: rgba(0, 0, 0, .5);
    z-index: 1025
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: 0;
    display: none
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}

#fancybox-content {
    width: 0;
    height: 0;
    outline: 0;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: none;
    background-color: #fff;
    border-top: none;
    border-image: none
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 1101
}

#fancybox-close {
    position: absolute;
    padding: 5px;
    top: 5px;
    right: 0;
    width: 30px;
    height: 30px;
    background: #fff url(/img/content/close2.png) center center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1103;
    display: none
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    line-height: 0;
    vertical-align: top
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    background: transparent url(/fancybox/blank.gif);
    z-index: 1102;
    display: none
}

#fancybox-left {
    left: 0
}

#fancybox-right {
    right: 0
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}

#fancybox-left-ico {
    background-image: url(/fancybox/fancybox.png);
    background-position: -40px -30px
}

#fancybox-right-ico {
    background-image: url(/fancybox/fancybox.png);
    background-position: -40px -60px
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 20px
}

#fancybox-right:hover span {
    left: auto;
    right: 20px
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(/fancybox/fancybox-x.png)
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url(/fancybox/fancybox.png);
    background-position: -40px -162px
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(/fancybox/fancybox-y.png);
    background-position: -20px 0
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url(/fancybox/fancybox.png);
    background-position: -40px -182px
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(/fancybox/fancybox-x.png);
    background-position: 0 -20px
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url(/fancybox/fancybox.png);
    background-position: -40px -142px
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(/fancybox/fancybox-y.png)
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url(/fancybox/fancybox.png);
    background-position: -40px -122px
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}

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

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: left
}

#fancybox-title-over {
    padding: 10px;
    background-image: url(/fancybox/fancy_title_over.png);
    display: block
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url(/fancybox/fancybox.png) -40px -90px no-repeat
}

#fancybox-title-float-main {
    color: #fff;
    line-height: 29px;
    font-weight: 700;
    padding: 0 0 3px 0;
    background: url(/fancybox/fancybox-x.png) 0 -40px
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url(/fancybox/fancybox.png) -55px -90px no-repeat
}

.fancybox-ie6 #fancybox-close {
    background: 0 0
}

.fancybox-ie6 #fancybox-left-ico {
    background: 0 0
}

.fancybox-ie6 #fancybox-right-ico {
    background: 0 0
}

.fancybox-ie6 #fancybox-title-over {
    background: 0 0;
    zoom: 1
}

.fancybox-ie6 #fancybox-title-float-left {
    background: 0 0
}

.fancybox-ie6 #fancybox-title-float-main {
    background: 0 0
}

.fancybox-ie6 #fancybox-title-float-right {
    background: 0 0
}

#fancybox-hide-sel-frame, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right {
    height: expression(this.parentNode.clientHeight + "px")
}

#fancybox-loading.fancybox-ie6 {
    position: absolute;
    margin-top: 0;
    top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px')
}

#fancybox-loading.fancybox-ie6 div {
    background: 0 0
}

.fancybox-ie .fancybox-bg {
    background: 0 0 !important
}

.checkbox {
    padding-left: 20px;
    margin: 0;
    height: 19px
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0
}

.checkbox label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 1px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out;
    cursor: pointer
}

.checkbox label::after {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 2px;
    font-size: 11px;
    color: #555;
    outline: 0
}

.checkbox input[type=checkbox] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    width: 17px;
    height: 17px;
    margin-top: 1px
}

.checkbox input[type=checkbox]:checked + label::after {
    font-family: FontAwesome;
    content: "\f00c"
}

.checkbox input[type=checkbox]:disabled + label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7
}

.checkbox-primary input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.checkbox-info input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type=checkbox]:checked + label::after {
    color: #fff
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio input[type=radio] {
    opacity: 0;
    z-index: 1
}

.radio input[type=radio]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

.radio input[type=radio]:disabled + label {
    opacity: .65
}

.radio input[type=radio]:disabled + label::before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0
}

.radio-primary input[type=radio] + label::after {
    background-color: #337ab7
}

.radio-primary input[type=radio]:checked + label::before {
    border-color: #337ab7
}

.radio-primary input[type=radio]:checked + label::after {
    background-color: #337ab7
}

.radio-danger input[type=radio] + label::after {
    background-color: #d9534f
}

.radio-danger input[type=radio]:checked + label::before {
    border-color: #d9534f
}

.radio-danger input[type=radio]:checked + label::after {
    background-color: #d9534f
}

.radio-info input[type=radio] + label::after {
    background-color: #5bc0de
}

.radio-info input[type=radio]:checked + label::before {
    border-color: #5bc0de
}

.radio-info input[type=radio]:checked + label::after {
    background-color: #5bc0de
}

.radio-warning input[type=radio] + label::after {
    background-color: #f0ad4e
}

.radio-warning input[type=radio]:checked + label::before {
    border-color: #f0ad4e
}

.radio-warning input[type=radio]:checked + label::after {
    background-color: #f0ad4e
}

.radio-success input[type=radio] + label::after {
    background-color: #5cb85c
}

.radio-success input[type=radio]:checked + label::before {
    border-color: #5cb85c
}

.radio-success input[type=radio]:checked + label::after {
    background-color: #5cb85c
}

input[type=checkbox].styled:checked + label:after {
    font-family: FontAwesome;
    content: "\f00c"
}

input[type=checkbox] .styled:checked + label::before {
    color: #fff
}

input[type=checkbox] .styled:checked + label::after {
    color: #fff
}

.checkbox.radio label::before {
    border-radius: 50%
}

@font-face {
    font-family: Lato;
    src: url(/css/Font-Lato/Lato-Bold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: ecco;
    src: url(/css/ecco.eot);
    src: url(/css/ecco.eot?#iefix) format("embedded-opentype"), url(/css/ecco.svg#ecco) format("svg"), url(/css/ecco.woff) format("woff"), url(/css/ecco.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Century Gothic';
    src: url(/css/Font-Century-Gothic/regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Century Gothic';
    src: url(/css/Font-Century-Gothic/bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Minion;
    src: url(/css/Font-Minion/MinionProRegular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Segoe;
    src: url(/css/Font-Segoe/Segoe_Print_Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

body {
    display: block;
    margin: 0 auto;
    font-family: "Century Gothic", Arial, sans-serif;
    color: #000;
    background-color: #fff;
    min-width: 300px;
    max-width: 1920px;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 16px
}

.clear {
    height: 0;
    overflow: hidden;
    font-size: 1px;
    clear: both;
    visibility: hidden
}

.animated {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.animated_all * {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.animated_after:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.animated_before:before {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.transition_speed_0_1_5s {
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -ms-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.transition_speed_0_2_5s {
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -ms-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s
}

.transition_speed_0_3s {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.transition_speed_0_4s {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.transition_speed_0_5s {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.transition_speed_0_8s {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.transition_speed_1s {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s
}

.transition_ease_out {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

a {
    outline: 0;
    border: none
}

a.default {
    text-decoration: none;
    color: inherit
}

a.default:hover {
    text-decoration: underline
}

a.nolink {
    text-decoration: none;
    color: inherit
}

a.nolink:hover {
    text-decoration: none
}

.content_width {
    max-width: 1300px;
    margin: 0 auto;
    position: relative
}

.default_padding {
    padding: 0 15px
}

input {
    font-family: Arial
}

.icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block
}

.icon.phone-white {
    background-image: url(/img/content/phone_icon.png);
    width: 32px;
    height: 32px
}

.icon.subscribe {
    background-image: url(/img/content/subscribe_icon.png);
    width: 24px;
    height: 24px
}

.icon.index_phone_icon {
    background-image: url(/img/content/phone.svg);
    width: 22px;
    height: 22px;
    background-size: 100% 100%
}

#header .line.first {
    height: 90px;
    font-size: 0;
    border-bottom: 1px solid #ccc
}

#header .line.second {
    height: 48px;
    font-size: 0;
    border-bottom: 1px solid #ccc;
    display: none
}

#header .line.first .logo {
    display: block;
    float: left;
    vertical-align: middle;
    margin-right: 60px;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    width: 162px;
    color: #656565;
    margin-top: 20px
}

#header .line.first .logo_img {
    font-size: 42px;
    color: #656565;
    font-family: ecco;
    line-height: 46px;
    margin: 2px 0 -2px 0
}

#header .addresses {
    display: inline-block;
    vertical-align: middle;
    height: 90px;
    width: 300px;
    position: relative
}

#header .addresses .shop {
    font-size: 16px;
    height: 80px
}

#header .addresses .shop .phone {
    font-size: 28px;
    color: #5e5e5e;
    padding-top: 6px
}

#header .addresses .shop .address {
    color: #a9a2a2;
    font-weight: 500
}

#header .addresses .shop .work_time {
    font-size: 12px;
    color: #c8c4c4;
    margin-top: 2px
}

#header .addresses .tabs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#header .addresses .tab {
    height: 10px;
    width: 33.3333%;
    display: block;
    float: left;
    vertical-align: bottom;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 2px solid #bcbdc0
}

#header .addresses .tab.selected {
    cursor: default;
    border-bottom: 3px solid #f20000
}

#header .search_form {
    display: block;
    float: right;
    margin-top: 29px;
    position: relative
}

#header .search_form .search_input {
    outline: 0;
    border: 1px solid #b2b2b2;
    height: 24px;
    padding: 3px 58px 3px 10px;
    width: 86px;
    font-size: 13px;
    color: #999;
    font-family: inherit
}

#header .search_form .search_input.active {
    color: #000
}

#header .search_form .search_button {
    background-image: url(/img/content/search-icon.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-position: left center;
    background-color: #656565;
    background-size: 18px;
    background-position: 11px
}

#header .facebook {
    float: right;
    margin-top: 30px;
    margin-right: 20px;
    cursor: pointer;
    position: relative
}

#header .facebook:after {
    content: "";
    display: block;
    position: absolute
}

#header .facebook .img_small {
    width: 30px;
    height: 30px
}

#header .menu_toggle {
    display: none;
    vertical-align: top;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

#header .menu_toggle img {
    display: inline-block;
    vertical-align: middle
}

#header .menu_toggle img.close {
    display: none
}

body.show_menu #header .header_tabs .menu_toggle img.close {
    display: inline-block
}

body.show_menu #header .header_tabs .menu_toggle img {
    display: none
}

body.show_menu #header .header_tabs .menu_toggle a {
    display: none
}

#header .header_tabs a.meanmenu-reveal {
    width: 22px;
    height: 17px;
    z-index: 5;
    position: absolute;
    padding: 21px 19px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    right: 0
}

#header .header_tabs a.meanmenu-reveal span {
    display: block;
    background: #666;
    height: 3px;
    border-radius: 2px;
    margin: 4px 0 0 0
}

#header .header_tabs a.meanmenu-reveal span:first-child {
    margin: 0
}

body.show_menu #header .header_tabs .tabs {
    display: block !important
}

#header .header_tabs {
    vertical-align: top;
    height: 90px;
    font-size: 0;
    display: inline-block;
    top: 0;
    left: -20px;
    position: relative;
    float: left;
    z-index: 99
}

.header_tabs .tab {
    vertical-align: top;
    position: relative;
    display: block;
    float: left;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    color: #000;
    line-height: 90px;
    margin: 0;
    font-size: 0;
    padding: 0
}

.header_tabs .tab > a {
    padding: 0 20px
}

.header_tabs .tab > a:first-child {
    padding-left: 20px
}

.header_tabs .tab:hover {
    color: #f20000
}

.header_tabs .tab.active {
    font-weight: 700
}

.header_tabs .tab span {
    font-size: 14px
}

.header_tabs .tab.with_submenu.hover .submenu:not(.sub_items), .header_tabs .tab.with_submenu:hover .submenu:not(.sub_items) {
    display: inline-block
}

.header_tabs .tab.with_submenu {
    line-height: 90px;
    height: 90px;
    padding: 0
}

.header_tabs .tab.with_submenu > a {
    height: 90px
}

.header_tabs .tab.with_submenu > span {
    cursor: pointer;
    display: block;
    line-height: 90px;
    height: 90px
}

.header_tabs a {
    display: inline-block
}

.header_tabs .submenu {
    z-index: 10;
    text-align: left;
    background-color: #fff;
    position: absolute;
    top: 90px;
    left: 0;
    padding: 20px 30px;
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    display: none;
    border: 1px solid #000;
    z-index: 999
}

.header_tabs .submenu .submenu-items {
    display: inline-block;
    vertical-align: top
}

.header_tabs .submenu .submenu-items.display-block {
    display: inline-block
}

.header_tabs .submenu .submenu-items + .submenu-items {
    margin-left: 70px
}

.header_tabs .submenu .submenu-items .submenu-title {
    color: #000;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    display: block;
    text-transform: uppercase;
    font-size: 12px
}

.header_tabs .submenu > img {
    margin-left: 130px;
    vertical-align: top
}

.header_tabs .submenu .subtab {
    position: relative;
    font-size: 13px;
    margin: 0 0 12px 0;
    white-space: nowrap;
    display: block;
    float: none;
    color: #555;
    border-right: none;
    text-transform: none;
    padding: 0;
    line-height: normal;
    letter-spacing: .05em
}

.header_tabs .submenu .subtab.all {
    margin-top: 30px
}

.header_tabs .submenu .subtab:last-child {
    margin-bottom: 0
}

.header_tabs .submenu .subtab.selected, .header_tabs .submenu .subtab:hover {
    color: #f20000
}

.language {
    float: right;
    line-height: 48px;
    height: 48px;
    margin-right: -10px
}

.language div {
    color: #111;
    opacity: .3;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    height: 48px;
    width: 48px;
    cursor: pointer;
    text-align: center
}

.language div.selected {
    opacity: 1;
    cursor: default
}

.language div:hover {
    opacity: 1
}

.language .select-target {
    line-height: 34px;
    padding: 0 28px 0 10px;
    font-size: 15px;
    border-color: transparent;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important
}

.language .select-target b {
    right: 10px
}

.language select {
    display: none
}

.select.select-theme-light.language-style .select-options {
    padding: 0;
    text-transform: uppercase
}

.select.select-theme-light.language-style .select-options .select-option {
    padding: 0 29px 0 11px
}

.select.select-theme-light.language-style .select-options .select-option:after {
    content: "";
    display: none
}

.select.select-theme-light.language-style .select-options .select-option:before {
    top: -1px;
    right: 7px;
    height: .8em;
    white-space: .8em;
    margin: 0
}

.language_desktop {
    float: right;
    height: 32px;
    margin: 29px 0 0 20px
}

.language_desktop div {
    color: #d8d5d5;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 14px;
    display: inline-block;
    width: 42px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    height: 32px;
    text-transform: uppercase
}

.language_desktop div.selected {
    opacity: 1;
    cursor: default;
    color: #fff;
    background-color: #656565;
    border-color: #656565
}

.language_desktop div:not(.selected):hover {
    color: #656565
}

.language_desktop div:first-child {
    border-right: none
}

.language_desktop div:last-child {
    border-left: none
}

.main_content {
    min-height: 200px;
    box-sizing: border-box;
    padding-bottom: 80px;
    font-size: 0
}

.main_content.products-page {
    padding-bottom: 35px
}

.column {
    display: block;
    width: 100%;
    vertical-align: top;
    float: left
}

.column.left {
    width: 20%;
    margin-right: 3%;
    min-height: 10px
}

.column.right {
    width: 77%
}

.mainpage_slider {
    width: 100%
}

.mainpage_slider.owl-theme .owl-controls {
    position: absolute;
    top: 50%;
    margin-top: -20px
}

.mainpage_slider.owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 40px;
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 0;
    border-radius: 0;
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    background-position: 2px center;
    background-repeat: no-repeat;
    background-image: url(/img/content/left_arrow_white.png);
    opacity: 1
}

.mainpage_slider.owl-theme .owl-controls .owl-buttons div:hover {
    background-color: rgba(0, 0, 0, .6)
}

.mainpage_slider.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
    left: auto;
    background-image: url(/img/content/right_arrow_white.png);
    background-position: 4px center
}

.index_phone {
    display: none;
    height: 60px;
    width: 100%;
    background-color: #96979b;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.index_phone .icon {
    margin-right: 20px;
    vertical-align: middle
}

.index_phone span {
    vertical-align: middle;
    display: inline-block;
    line-height: 60px
}

.categories {
    padding: 26px 0 0 0
}

.categories .category {
    overflow: hidden;
    width: 23.5%;
    margin-right: 2%;
    display: block;
    float: left;
    vertical-align: top;
    position: relative;
    cursor: pointer
}

.categories .category img {
    width: 100%;
    height: auto
}

.categories .category:last-child {
    margin-right: 0
}

.categories .category .title {
    text-align: left;
    display: block;
    font-size: 24px;
    color: #656565;
    text-transform: uppercase;
    font-weight: 400;
    margin: 20px 0 0 0;
    line-height: 1
}

.categories .category .title span {
    display: block
}

.categories-grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    border-left: 1px solid #eee
}

.categories-grid__category {
    overflow: hidden;
    display: block;
    float: left;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    padding: 30px;
    border: 1px solid #eee;
    border-top: none;
    border-left: none
}

.categories-grid__category img {
    width: 100%;
    height: auto
}

.categories-grid__category:last-child {
    margin-right: 0
}

.categories-grid__category__title {
    text-align: left;
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    margin: 20px 0 0 0;
    line-height: 1
}

.categories-grid__category__title span {
    display: block
}

.news_block {
    margin-bottom: 15px
}

.news_block .news-item {
    width: 288px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 17px;
    color: #414042
}

.news_block .news-item:last-child {
    margin-right: 0
}

.news_block .news-item .title {
    font-size: 16px;
    text-transform: uppercase;
    padding: 20px 20px 5px 20px
}

.news_block .news-item .description {
    font-size: 13px;
    padding: 0 20px 0 20px
}

.news_block .news-item:hover div {
    text-decoration: underline
}

.top_products {
    padding-top: 15px
}

.top_products .title {
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 100px;
    box-sizing: border-box;
    padding-right: 80px;
    width: 300px;
    float: left
}

.top_products .news-item {
    width: 260px;
    margin-right: 60px;
    display: block;
    float: left;
    vertical-align: top;
    padding-bottom: 2px;
    color: #414042
}

.top_products .news-item:last-child {
    margin-right: 0
}

.top_products .news-item .product-title {
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 25px;
    text-align: center
}

.top_products .news-item:hover .product-title {
    text-decoration: underline
}

.mainpage_map {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    overflow: hidden
}

.mainpage_map .padding {
    padding: 30px 0
}

.mainpage_map #map_canvas {
    height: 280px;
    width: 66%;
    float: left
}

.mainpage_map .textblock {
    width: 34%;
    float: left;
    color: #434343;
    box-sizing: border-box;
    padding: 0 40px 0 0
}

.mainpage_map .textblock h1 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    margin: 40px 0 20px 0
}

.mainpage_map .textblock p {
    font-size: 16px;
    line-height: 1.4em
}

.category_info {
    padding: 0 0 40px 0;
    color: #534d4d;
    text-align: left;
    font-size: 14px;
    font-family: 'Century Gothic'
}

.category_info.only_bg {
    background-position: center center;
    height: 180px;
    background-repeat: no-repeat;
    margin-top: -1px;
    margin-bottom: 20px
}

.category_info .title {
    padding: 25px 0 20px 0;
    margin: 0;
    display: block;
    font-size: 30px;
    font-weight: 500
}

.category_info .description {
    display: block;
    max-width: 500px;
    text-align: left;
    font-size: 1.05em;
    line-height: 20px;
    margin-bottom: 20px
}

.list_params {
    display: block;
    color: #444;
    padding: 30px 0;
    overflow: hidden
}

.search-page .list_params .search_display {
    font-size: 24px;
    vertical-align: middle;
    color: #000;
    text-transform: uppercase;
    float: left;
    line-height: 32px;
    margin-right: 50px
}

.list_params .items_count {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    float: left;
    line-height: 32px;
    margin-right: 0
}

.search-page .items_count {
    margin-right: 20px
}

.list_params select {
    height: 32px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    min-width: 200px
}

.list_params .order {
    vertical-align: top;
    float: right;
    font-size: 14px;
    margin-left: 40px
}

.list_params .order label {
    margin-right: 10px;
    vertical-align: middle;
    line-height: 28px
}

.list_params .order .select-theme-light {
    min-width: 200px;
    box-sizing: border-box
}

.list_params .onPage {
    vertical-align: top;
    float: right;
    font-size: 14px
}

.list_params .onPage label {
    margin-right: 10px;
    vertical-align: middle;
    line-height: 28px
}

.list_params .onPage .select-theme-light {
    min-width: 80px;
    box-sizing: border-box
}

.show-filters {
    webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: none;
    vertical-align: middle;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    color: #111;
    border: 1px solid #dbdbdb;
    padding: 0 15px;
    margin-left: 15px;
    float: right;
    line-height: 31px;
    clear: right
}

.show-filters .icon-filter {
    width: 18px;
    height: 17px;
    background: url(/img/content/parameters.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    display: inline-block;
    margin-left: 7px;
    margin-top: -1px
}

.show-filters span {
    vertical-align: top;
    display: inline-block;
    line-height: 31px
}

.filters_list .filters_toggle {
    display: none
}

.filters_list .opener-title {
    display: none
}

.filters_list .filter_block {
    margin-bottom: 40px;
    font-family: 'Century Gothic';
    font-size: 13px;
    font-weight: 400
}

.filters_list .filter_block label {
    font-size: 1.36em;
    display: block;
    padding-bottom: 15px;
    font-weight: 400
}

.filters_list .filter_block.category a {
    font-size: 1.25em;
    text-decoration: none;
    color: #444;
    line-height: 26px;
    display: inline-block
}

.filters_list .filter_block.category a.selected {
    font-weight: 700
}

.filters_list .filter_block.category a.lvl-2 {
    font-size: .88em;
    margin-left: 15px;
    text-transform: uppercase
}

.filters_list .sizes {
    overflow: hidden;
    margin-top: 5px
}

.filters_list .sizes .size {
    font-size: 13px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #fff;
    border: 1px solid #dbdbdb;
    float: left;
    border-radius: 19px;
    cursor: pointer;
    margin-right: 8px;
    margin-bottom: 8px
}

.filters_list .sizes .size:last-child {
    margin-right: 0
}

.filters_list .sizes .size.all {
    width: 74px
}

.filters_list .sizes .size.selected {
    cursor: default;
    background: #eee;
    border-color: #444
}

.filters_list .styles-block .style-filter {
    cursor: pointer
}

.style {
    margin-bottom: 15px;
    margin-top: 40px;
    display: flex
}

.style__info {
    border: 1px solid #dbdbdb;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    width: 220px
}

.style__info:hover {
    border-color: #000
}

.style__title {
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 16px;
    color: #534d4d
}

.style__button {
    font-size: 14px;
    border: 2px solid #000;
    padding: 7px 16px;
    width: fit-content
}

.style__items {
    margin-left: 20px;
    overflow: hidden;
    flex: 1;
    display: flex
}

.style__items .product {
    padding-bottom: 0 !important;
    flex: .3333;
    overflow: auto;
    padding-top: 30px !important
}

.style__items .product .flags {
    top: 0 !important
}

.style__items .price {
    margin-bottom: 0 !important
}

.style__items .old_price {
    margin-bottom: 0 !important
}

.items_container .container {
    width: 25%;
    display: block;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 38px;
    vertical-align: top
}

.items_container .container:nth-child(4n) {
    padding-right: 0
}

.items_container .product {
    padding: 0 10px;
    text-align: left;
    padding-bottom: 15px;
    position: relative
}

.items_container .product .main_image {
    display: block
}

.items_container .product img {
    display: block;
    margin: 0 auto 10px auto
}

.items_container .product .hidden_image {
    display: none
}

.items_container .product .full-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-bottom: 2px;
    height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.items_container .product .title {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 5px
}

.items_container .product .title span {
    display: block
}

.items_container .product .price {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    font-weight: 700;
    padding-top: 4px
}

.items_container .product .price p {
    margin: 0;
    display: inline
}

.items_container .product .price.sale {
    color: #f20000
}

.items_container .product .old_price {
    font-weight: 700;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-left: 10px;
    text-decoration: line-through;
    padding-top: 4px
}

.items_container .product .old_price p {
    margin: 0;
    display: inline
}

.items_container .product .flags {
    position: absolute;
    top: 0;
    right: 20px;
    padding-left: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: -30px;
    font-family: Lato
}

.items_container .product .flag {
    width: 44px;
    line-height: 44px;
    height: fit-content;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    cursor: default;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-left: auto
}

.items_container .product .flag.discount {
    background-color: #d40000;
    height: 44px;
}

.items_container .product .flag.new {
    background-color: #468b13;
    font-family: Arial;
    font-size: 14px
}

.items_container .product .colors {
    height: 50px
}

.items_container .product .color {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding-right: 10px
}

.items_container .product .color img {
    margin-left: -12px;
    margin-top: -15px
}

.items_container .product .color:last-child {
    padding-right: 0
}

.items_container .product .colors .more_colors {
    font-size: 10px;
    text-transform: uppercase;
    width: 50px;
    display: inline-block;
    color: #999;
    vertical-align: top;
    margin-top: 9px;
    display: none
}

.pagination {
    display: block;
    text-align: right;
    margin: 0
}

.pagination .element {
    display: inline-block;
    padding: 0 7px;
    line-height: 28px;
    font-size: 16px;
    margin: 0 0 0 4px;
    font-weight: 400;
    cursor: default;
    border: 1px solid #f20000;
    background-color: #f20000;
    color: #fff;
    min-width: 16px;
    text-align: center
}

.pagination .element:first-child {
    margin-left: 0
}

.pagination a.element {
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.pagination a.element:hover {
    border: 1px solid #f20000;
    color: #f20000
}

.pagination a.element.left {
    display: inline-block;
    position: relative;
    padding: 0;
    border: none
}

.pagination a.element.left span {
    display: inline-block;
    height: 28px;
    width: 28px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
    color: #111;
    background-image: url(/img/content/black_arrow_left.png);
    background-repeat: no-repeat;
    background-position: center center
}

.pagination a.element.right {
    display: inline-block;
    position: relative;
    padding: 0;
    border: none
}

.pagination a.element.right span {
    display: inline-block;
    height: 28px;
    width: 28px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
    color: #111;
    background-image: url(/img/content/black_arrow_right.png);
    background-repeat: no-repeat;
    background-position: center center
}

#item_info {
    padding: 20px 0
}

#item_info .images {
    width: 780px;
    position: relative;
    padding: 0 20px 0 100px;
    box-sizing: border-box;
    float: left;
    vertical-align: top
}

#item_info .images .list {
    width: 80px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0
}

#item_info .images .list img {
    display: block;
    margin: 0 0 5px 0;
    border: 1px solid #9f9f9f
}

#item_info .images .list .image.selected img {
    border-color: #ff4748
}

#item_info .images .view_image.hide_loader .cloud-zoom-loading {
    display: none !important
}

#item_info .images .view_image.hide_loader .cloud-zoom {
    cursor: default
}

#item_info .images .view_image .mousetrap {
    width: 100% !important;
    height: 100% !important
}

#item_info .images .view_image #wrap {
    z-index: 9 !important
}

#item_info .images .flags {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 9999
}

#item_info .images .flag {
    width: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    cursor: default;
    text-transform: uppercase;
    margin-bottom: 5px
}

#item_info .images .flag.discount {
    background-color: #d40000
}

#item_info .images .flag.new {
    background-color: #468b13;
    font-family: Arial;
    font-size: 14px
}

#item_info .info {
    float: right;
    width: 420px;
    vertical-align: top;
    font-size: 16px
}

#item_info .info h1 {
    font-weight: 400;
    color: #48514a;
    font-size: 30px;
    text-transform: uppercase;
    margin: 10px 0 31px 0;
    font-family: 'Century Gothic'
}

#item_info .info h2.article {
    font-weight: 400;
    font-size: 13px;
    color: #a7a7a7;
    margin: -31px 0 33px 0;
    font-family: 'Century Gothic'
}

#item_info .info .description_trim {
    font-size: .84em;
    line-height: 19px;
    margin: -5px 0 23px 0
}

#item_info .info .description_trim a {
    color: #000;
    text-decoration: none
}

#item_info .info .description_trim a:hover {
    text-decoration: underline
}

#item_info .info .price {
    font-size: 30px;
    color: #000;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 0
}

#item_info .info .price.moveup {
    margin-top: 12px
}

#item_info .info .price p {
    margin: 0;
    display: inline
}

#item_info .info .price span {
    font-size: 18px
}

#item_info .info .price.sale {
    color: #d40000
}

#item_info .info .old_price {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 10px
}

#item_info .info .old_price.moveup {
    margin-top: 15px
}

#item_info .info .old_price p {
    margin: 0;
    text-decoration: line-through;
    display: inline
}

#item_info .info .old_price span {
    font-size: 17px;
    text-decoration: line-through
}

#item_info .info hr {
    height: 1px;
    border: none;
    background-color: #ccc;
    margin: 20px 0
}

#item_info .colors {
    padding: 5px 0
}

#item_info .colors label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #363636;
    line-height: 1;
    display: block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 8px;
    width: 70px
}

#item_info .colors .list {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

#item_info .colors a {
    position: relative;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 3px 6px 3px 0
}

#item_info .colors a.selected {
    border-color: #222
}

#item_info .sizes {
    padding: 5px 0
}

#item_info .sizes label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #363636;
    line-height: 1;
    display: block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 8px;
    width: 70px
}

#item_info .sizes .list {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

#item_info .sizes .size {
    font-size: 13px;
    margin-right: 6px;
    cursor: default;
    border: 1px solid #ccc;
    padding: 8px;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px
}

#item_info .technologies {
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 100px;
    text-align: right;
    display: flex
}

#item_info .technologies .technology {
    margin-right: 5px;
    cursor: default;
    display: inline-block
}

#items .technologies {
    text-align: right;
    display: flex;
    flex-direction: column
}

#items .technologies .technology {
    margin-right: 5px;
    cursor: default;
    display: inline-block
}

#items .technologies .technology-mobile {
    display: none
}

#item_info .info .phone-block {
    margin-top: 0
}

#item_info .info .phone-block .how_to_buy {
    color: #707070;
    font-size: 14px;
    margin-bottom: 13px
}

#item_info .info .phone-block .phone {
    cursor: default;
    padding: 10px 20px;
    background-color: #d40000;
    display: inline-block
}

#item_info .info .phone-block .phone .icon {
    margin-right: 10px;
    vertical-align: middle
}

#item_info .info .phone-block .phone span {
    cursor: default;
    color: #fff;
    font-size: 28px;
    vertical-align: middle
}

#item_info .description {
    max-width: 550px;
    font-size: 16px;
    margin-top: 40px
}

#item_info .description .title {
    font-size: 28px;
    font-weight: 400;
    padding-bottom: 4px;
    border-bottom: 1px solid #d9d9d9
}

#item_info .description .title span {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    text-transform: uppercase
}

#item_info .description .container {
    font-size: .84em;
    line-height: 22px;
    color: #000;
    margin-top: 25px
}

#item_info .params {
    margin-top: 16px
}

#item_info .params .label {
    font-weight: 700;
    font-size: 14px;
    padding: 0 5px 0 0
}

#item_info .path {
    display: block;
    float: left;
    overflow: hidden;
    margin: 5px 0 30px 0;
    padding: 0;
    clear: both;
    font-size: 14px;
    text-transform: uppercase;
    height: 20px
}

#item_info .path li {
    float: left;
    list-style: none;
    line-height: 20px
}

#item_info .path li:not(:first-child):after {
    content: "/";
    font-size: 14px;
    margin: 0 7px 0 8px;
    display: block;
    float: left;
    line-height: 20px
}

#item_info .path li a {
    text-decoration: none;
    color: #222;
    line-height: 20px
}

#item_info .shops {
    width: auto;
    margin-right: 0;
    max-width: 420px;
    box-sizing: border-box;
    margin-top: 25px;
    font-size: 0
}

#item_info .shops .title {
    width: 100%;
    padding: 8px;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 18px;
    background-color: #d1d1d1;
    box-sizing: border-box
}

#item_info .shops .shop {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 25px;
    font-size: 16px;
    padding-right: 30px
}

#item_info .shops .shop img {
    display: block;
    margin-right: 10px
}

#item_info .shops li {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

#item_info .shops .shop__title {
    font-weight: 700
}

.similar_items {
    margin-top: 60px;
    width: 100%;
    overflow: hidden;
    margin-bottom: -70px;
    border-top: 1px solid #ccc
}

.similar_items .title {
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 30px 0;
    font-weight: 400
}

.similar_items .item {
    width: 12.66%;
    margin: 0 2% 20px 2%;
    display: block;
    float: left;
    vertical-align: top;
    padding-bottom: 2px;
    color: #414042
}

.similar_items .item .image {
    padding-bottom: 100%;
    height: 0;
    text-align: center
}

.similar_items .item img {
    width: 100%;
    height: auto
}

.similar_items .item:last-child {
    margin-right: 0
}

.similar_items .item .product-title {
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 25px;
    text-align: center
}

.similar_items .item:hover .product-title {
    text-decoration: underline
}

.similar_items .item .prices {
    text-align: center
}

.similar_items .item .price {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    font-weight: 700;
    padding-top: 4px
}

.similar_items .item .price p {
    margin: 0;
    display: inline
}

.similar_items .item .price.sale {
    color: #f20000
}

.similar_items .item .old_price {
    font-weight: 700;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-left: 10px;
    text-decoration: line-through;
    padding-top: 4px
}

.similar_items .item .old_price p {
    margin: 0;
    display: inline
}

#item_info .accessories {
    margin-top: 45px;
    margin-right: -15px
}

#item_info .accessories .accessories-category {
    width: 33.333%;
    padding-right: 15px;
    float: left;
    box-sizing: border-box
}

#item_info .accessories .accessories-category label {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    border-bottom: 1px solid #000;
    line-height: 36px
}

#item_info .accessories .accessories-category img {
    max-width: 100%;
    height: auto;
    margin-top: 15px
}

#info_page {
    font-size: 14px
}

#info_page .page_is {
    font-size: 48px;
    color: #04142c;
    font-weight: 700;
    margin: 0;
    padding: 55px 0;
    line-height: 36px;
    text-align: center
}

#info_page .page_content {
    font-size: 17px
}

.contacts-page .title {
    font-size: 38px;
    color: #4a4a4a;
    margin: 55px 0 60px 0;
    line-height: 30px
}

.contacts-page #map_canvas {
    height: 400px
}

.contacts-page .address_block {
    padding: 30px;
    font-size: 17px;
    color: #444;
    line-height: 23px;
    border-top: 3px solid #83cd2d;
    width: 300px;
    font-family: Roboto;
    position: absolute;
    bottom: 40px;
    right: 40px;
    background-color: #fff
}

.contacts-page .address_block p {
    margin: 0
}

.contacts-page .shops {
    font-size: 0
}

.contacts-page .shops .shop {
    font-size: 14px;
    width: 33%;
    padding-right: 15px;
    box-sizing: border-box;
    display: block;
    float: left;
    vertical-align: top;
    margin-bottom: 30px
}

.contacts-page .shops .shop h2 {
    margin: 11px 0 13px 0;
    font-size: 19px;
    color: #000
}

.contacts-page .shops .shop img {
    margin: 0 0 10px 0
}

.contacts-page .shops .shop .address, .shops .shop .phone, .shops .shop .work_time {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px
}

.contact_form {
    max-width: 650px
}

.contact_form .title {
    margin-bottom: 45px
}

.contact_form form label {
    color: #4a4a4a;
    font-size: 13px
}

.contact_form form label span {
    font-size: 14px
}

.contact_form form .input_field input {
    background-color: #efefef;
    border-color: #e9e9e9
}

.contact_form form .input_field input:focus {
    border-color: #c6c6c6 !important
}

.contact_form form textarea {
    background-color: #efefef;
    border-color: #e9e9e9
}

.contact_form form textarea:focus {
    border-color: #c6c6c6 !important
}

.contact_form form button {
    background-color: #e82828;
    line-height: normal
}

.contact_form form button span {
    line-height: 40px
}

.contact_form form button:hover {
    background-color: #e81919
}

.contact_form form .result {
    float: right;
    margin-top: 20px;
    color: green;
    font-size: 13px
}

.contact_form form div .error {
    border-color: #d30f08
}

.contact_form form div .error:focus {
    border-color: #d30f08 !important
}

.footer {
    background-color: #1b1b1b;
    font-size: 0;
    padding: 70px 0 0 0;
    text-align: right
}

.footer .column {
    display: inline-block;
    float: none;
    font-size: 13px;
    color: #fff;
    width: auto;
    margin-right: 60px;
    text-align: left
}

.footer .column:last-child {
    margin-right: 0
}

.footer .column.logo {
    width: 200px;
    float: left;
    margin-right: 0
}

.footer .column.logo .logo {
    display: block;
    font-size: 12px;
    text-align: right;
    width: 169px;
    color: #fff;
    text-transform: uppercase
}

.footer .column.logo .logo .logo_img {
    font-size: 42px;
    color: #fff;
    font-family: ecco;
    line-height: 46px;
    margin: 2px 0 1px 0
}

.footer .column.navs {
    float: left;
    margin-right: 0;
    margin-left: 70px;
    font-size: 0
}

.footer .column.nav {
    width: 200px;
    float: left;
    margin-right: 0
}

.footer .column.nav .phone {
    margin-bottom: 15px
}

.footer .column.nav b {
    text-transform: uppercase;
    display: block;
    font-weight: 700
}

.footer .column.nav span {
    display: block;
    font-weight: 400
}

.footer .column ul {
    margin: 0;
    padding: 0 15px 0 0
}

.footer .column ul li {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px
}

.footer .column ul li:last-child {
    margin-bottom: 0
}

.footer .column.shops {
    width: auto;
    margin-right: 0;
    max-width: 430px;
    margin-bottom: -25px;
    font-size: 0
}

.footer .column.shops .title {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 18px
}

.footer .column.shops .shop {
    margin-bottom: 25px;
    display: inline-block;
    font-size: 14px;
    padding-right: 30px
}

.footer .column.shops .shop span {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 400
}

.footer .clear {
    display: none
}

.footer .copyrights {
    padding: 16px;
    margin-top: 35px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-top: 1px solid #545454
}

.footer .socials {
    margin-top: 40px;
    margin-bottom: 10px
}

.footer .socials a + a {
    margin-left: 8px
}

.cookie-use {
    background-color: #818181;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 13px;
    overflow: hidden;
    min-height: 36px
}

.cookie-use a {
    color: #fff !important
}

.cookie-use span {
    padding: 10px 15px;
    line-height: 16px;
    display: inline-block
}

.cookie-use .close {
    float: right;
    cursor: pointer;
    line-height: 36px;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 11px
}

.cookie-use .close:after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/img/content/white-cross.svg);
    background-size: contain;
    display: inline-block;
    margin-left: 7px;
    margin-top: -2px;
    vertical-align: middle
}

.cookie-use .close:hover {
    background: #777
}

.page-description {
    font-size: 14px;
    padding-top: 35px;
    font-size: .99rem
}

.form-block {
    text-align: left
}

.form-block label {
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
    display: block;
    font-weight: 500
}

.form-block label span {
    color: red
}

.form-block input.text, .form-block textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 14px;
    font-family: "Century Gothic";
    box-sizing: border-box;
    margin-bottom: 10px
}

.form-block textarea {
    min-height: 80px
}

.form textarea:focus, .form-block input.text:focus {
    border-color: #999
}

.form-block input.error, .form-block textarea.error {
    border-color: #de1919
}

.form-block input[type=submit] {
    background-color: #0c4da2;
    padding: 11px 20px;
    margin: 10px 0 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: "Century Gothic";
    outline: 0;
    text-transform: uppercase;
    cursor: pointer;
    border: none
}

.form-block input[type=submit]:hover {
    background-color: #0c4da2
}

.form-block button {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0 15px;
    line-height: 41px;
    background-color: #234c99;
    color: #fff;
    font-family: "Century Gothic";
    font-size: 16px;
    border: none;
    cursor: pointer;
    outline: 0;
    border-radius: 3px
}

.form-block button:hover {
    background-color: #103986
}

.form-block button .icon {
    vertical-align: middle;
    margin-right: 15px
}

.form-block button span {
    vertical-align: middle;
    line-height: 41px
}

.form-block .result {
    font-size: 14px;
    text-align: center
}

.form-block div.error {
    font-size: 14px;
    text-align: left;
    color: #de1919;
    margin-top: 25px
}

#request_call {
    max-width: 370px
}

.loader {
    z-index: 99999999999999;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none;
    cursor: pointer;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/img/backend/rolling.gif);
    -webkit-animation: spin .8s linear infinite;
    -moz-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite
}

#fancybox_content .loader {
    position: absolute;
    top: 5px;
    left: 0
}

#fancybox_content .form {
    text-align: center;
    font-size: 0;
    padding: 20px
}

#fancybox_content .form:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #0c4da2
}

#fancybox_content .form .title {
    display: block;
    padding: 0 28px;
    margin: 15px 0 25px 0;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    text-decoration: none;
    font-weight: 500;
    color: #111
}

#fancybox_content .form .title:after {
    border-top-color: #0c4da2 !important;
    border-left-color: #0c4da2 !important;
    right: 0
}

#fancybox_content .form .title:before {
    border-top-color: #0c4da2 !important;
    border-right-color: #0c4da2 !important;
    left: 0
}

#fancybox_content .form .subtitle {
    font-size: 16px;
    margin-bottom: 15px
}

#fancybox_content .form .result {
    font-size: 16px;
    margin-top: 5px;
    padding: 30px 0
}

.error404 {
    text-align: center;
    padding-top: 80px
}

.error404 img {
    display: inline-block;
    vertical-align: middle
}

.error404 h1 {
    font-size: 48px !important;
    width: 430px;
    margin-left: 100px !important;
    line-height: 58px !important;
    display: inline-block;
    vertical-align: middle;
    color: #04142c;
    font-weight: 700
}

.error-page {
    min-height: 500px
}

.error-404-block {
    font-size: initial;
    margin: 80px auto;
    max-width: 700px;
    text-align: center
}

.error-404-block h1 {
    font-size: 3.66em;
    font-weight: 400;
    color: #333;
    margin: 0;
    padding: .7em 0;
    line-height: 1.05;
    font-weight: 400;
    border-top: 1px solid #cecece
}

.wow {
    visibility: hidden
}

.checkbox {
    height: auto;
    padding: 0 0 1px 0
}

.checkbox label:before {
    top: -1px;
    height: 18px;
    width: 18px
}

.checkbox label:after {
    text-align: center;
    margin-left: -20px;
    padding-left: 0;
    padding-top: 2px;
    margin-top: -1px;
    height: 18px;
    width: 20px;
    line-height: 16px
}

.radio {
    height: auto;
    padding: 0 0 1px 0
}

.radio label:before {
    top: -1px;
    height: 18px;
    width: 18px
}

.radio label:after {
    text-align: center;
    margin-left: -18px;
    margin-top: 1px;
    height: 10px;
    width: 10px;
    line-height: 16px
}

.defaultSelect {
    position: relative
}

.defaultSelect ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.defaultSelect ul li {
    display: none;
    position: absolute;
    z-index: 100
}

.defaultSelect ul li.selected {
    display: block;
    position: relative
}

.defaultSelect ul.visible li.selected:hover {
    background-color: inherit !important
}

.defaultSelect ul.visible li {
    display: block
}

.defaultSelect .toggle {
    position: absolute;
    z-index: 101
}

.select-theme-light.filters-selects.select-element {
    min-width: 180px
}

body .ui-tooltip.ui-widget-content {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    border: 0;
    border-radius: 10px;
    font-size: 13px;
    padding: 15px;
    width: 260px;
    text-align: left;
    display: none;
    background: rgba(255, 255, 255, .95);
    color: #6b6966;
    cursor: default;
    z-index: 1
}

body .ui-tooltip.ui-widget-content b {
    text-transform: uppercase
}

.select-select {
    display: none;
    position: absolute;
    opacity: 0
}

.select-theme-light * {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.select-element, .select-element *, .select-element :after, .select-element :before, .select-element:after, .select-element:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select-element {
    position: absolute;
    display: none
}

.select-element.select-open {
    display: block
}

.select-theme-light, .select-theme-light *, .select-theme-light :after, .select-theme-light :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select.select-theme-light {
    z-index: 100;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.select.select-theme-light .select-content {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    background: #fff;
    font-family: inherit;
    color: inherit;
    overflow: auto;
    max-height: 216px;
    margin-left: 0;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.select.select-theme-light .select-options {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    margin: 0;
    padding: 0
}

.select.select-theme-light .select-options .select-option {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    position: relative;
    list-style: disc;
    margin: 0;
    padding: 0 10px;
    font-size: 13px;
    line-height: 32px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e5e5e5;
    color: #888;
    width: 100%
}

.select.select-theme-light .select-options .select-option:last-child {
    border: none
}

.select.select-theme-light .select-options .select-option:after {
    content: '';
    width: 6px;
    height: 6px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #888;
    position: absolute;
    left: 0;
    top: 17px;
    display: none
}

.select.select-theme-light .select-options .select-option.select-option-selected:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#1F1F1F' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#1F1F1F' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>");
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 1em;
    width: 1em;
    margin: 0
}

.select.select-theme-light .select-options .select-option.select-option-selected {
    padding-right: 34px
}

.select.select-theme-light .select-options .select-option.select-option-highlight, .select.select-theme-light .select-options .select-option:hover {
    color: #000
}

.select.select-theme-light .select-options .select-option.select-option-highlight:after, .select.select-theme-light .select-options .select-option:hover:after {
    background-color: #000
}

.select-target.select-theme-light {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: relative;
    padding: 1px 38px 0 10px;
    background-color: #fff;
    font-size: 13px;
    line-height: 30px;
    outline: 0;
    cursor: pointer;
    color: #111;
    border: 1px solid #dbdbdb;
    text-decoration: none;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase
}

.select-target.select-theme-light:hover {
    background-color: #fff;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.select-target.select-theme-light.select-target-focused, .select-target.select-theme-light.select-target-focused:focus {
    outline: 0
}

.select-target.select-theme-light b {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1rem;
    width: 9px
}

.select-target.select-theme-light b:after, .select-target.select-theme-light b:before {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border: none;
    background-image: url(/img/content/select_black_arrow.png);
    width: 8px;
    height: 8px
}

.select-target.select-theme-light b:before {
    top: 0;
    border-bottom-color: inherit;
    display: none
}

.select-target.select-theme-light b:after {
    bottom: 0;
    border-top-color: inherit
}

@media screen and (max-width: 1330px) {
    .responsive_padding {
        padding: 0 15px
    }

    .news_block .news-item {
        width: 23.875%;
        margin-right: 1.5%
    }

    .news_block .news-item img {
        width: 100%;
        height: auto
    }

    .top_products .title {
        width: 23.875%;
        padding-right: 2%
    }

    .top_products .news-item {
        width: 23.875%;
        margin-right: 1.5%;
        text-align: center
    }

    .top_products .news-item img {
        width: 100%;
        height: auto;
        max-width: 260px
    }

    .list_params .items_count {
        left: 15px;
        top: -34px
    }

    .items_container .container {
        padding: 0 10px
    }

    .items_container .container:nth-child(4n) {
        padding-right: 10px
    }

    .items_container .container .product {
        max-width: 220px;
        margin-left: auto;
        margin-right: auto
    }

    .items_container .container .main_image img {
        width: 100%;
        max-height: 180px;
        max-width: 180px;
        height: auto
    }

    #item_info .images {
        width: 65%
    }

    #item_info .images .view_image img {
        width: 100%;
        height: auto
    }

    #item_info .info {
        width: 35%;
        margin-bottom: 60px
    }

    .contacts-page .shops .shop img {
        width: 100%;
        height: auto;
        max-width: 255px
    }

    .footer .column.logo {
        padding-left: 25px;
        box-sizing: border-box
    }

    .footer .column.contacts {
        width: 200px
    }
}

@media screen and (max-width: 1250px) {
    #header .facebook.ru:after {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    .search-page .list_params .items_count {
        left: auto
    }
}

@media screen and (max-width: 1150px) {
    .mainpage_map .textblock {
        width: 50%
    }

    .mainpage_map #map_canvas {
        width: 50%
    }

    #header .facebook.ro:after {
        display: none
    }

    #header .line.second {
        display: block
    }

    #header .header_tabs {
        position: absolute;
        top: 91px;
        left: 0;
        height: 48px
    }

    .header_tabs .tab.with_submenu > a {
        height: 48px
    }

    .header_tabs .tab {
        line-height: 48px
    }

    .header_tabs .tab.with_submenu {
        height: 48px;
        line-height: 48px
    }

    .header_tabs .submenu {
        top: 48px
    }

    .footer .column.logo {
        float: left;
        display: block;
        margin-bottom: 65px
    }

    .footer .column.shops {
        margin-left: 30px;
        max-width: 100%;
        margin-top: 20px
    }

    .footer {
        text-align: left
    }

    .footer .clear {
        display: block
    }

    .similar_items .item {
        width: 17%;
        margin: 0 4% 20px 4%
    }
}

@media screen and (max-width: 1040px) {
    .style__info {
        width: 180px
    }

    .categories-grid {
        grid-template-columns:repeat(3, 1fr)
    }

    .categories .category .title span {
        font-size: 18px
    }

    .style__items .product .main_image img {
        max-width: 180px;
        width: 100%;
        height: auto
    }

    .products-page .column.left {
        width: 26%
    }

    .products-page .column.right {
        width: 71%
    }

    .items_container .container {
        width: 33.33%
    }

    .list_params .onPage {
        margin-top: 15px;
        float: left;
        clear: left
    }

    .list_params select {
        display: inline-block;
        opacity: 1;
        position: static;
        min-width: 80px;
        font-size: 13px;
        text-transform: uppercase;
        font-family: "Century Gothic", Arial, sans-serif;
        padding: 0 10px;
        line-height: 30px;
        background: #fff;
        color: #111;
        border: 1px solid #dbdbdb
    }

    .list_params .onPage select {
        width: 80px
    }

    .list_params .order select {
        width: 200px
    }

    .list_params .select-target {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .categories .category .title span {
        font-size: 16px
    }

    .top_products .title {
        width: 32%;
        padding-right: 2%;
        margin-top: 70px
    }

    .top_products .news-item {
        width: 31%;
        margin-left: 2%;
        margin-right: 0
    }

    .top_products .news-item:last-child {
        display: none
    }

    .news_block .news-item {
        width: 31.3%;
        margin-left: 2%;
        margin-right: 0
    }

    .news_block .news-item:last-child {
        display: none
    }

    .news_block .news-item:first-child {
        margin-left: 0;
        width: 33.3%
    }

    .products-page .column.left {
        width: 30%
    }

    .products-page .column.right {
        width: 67%
    }

    .items_container .container {
        width: 50%
    }

    .items_container .container .product {
        max-width: 220px
    }

    #item_info .info .phone-block .phone span {
        white-space: nowrap;
        font-size: 20px
    }

    .contacts-page .shops .shop {
        width: 33.33%;
        padding: 0 10px
    }
}

@media screen and (max-width: 830px) {
    #header .facebook:after {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .products-page .column.left {
        width: 100%;
        margin: 0;
        padding: 0;
        display: block
    }

    .products-page .column.left .category_info {
        width: 100%;
        margin: 0;
        padding: 0;
        display: block
    }

    .products-page .column.right {
        width: 100%
    }

    .items_container .container {
        width: 33%
    }

    .filters_list.disable_animation {
        display: none;
        animation-duration: 0s !important;
        -webkit-animation-duration: .01ms !important
    }

    .filters_list {
        box-sizing: border-box;
        padding: 0 15px 15px 15px;
        width: 80%;
        max-width: 300px;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #fff;
        z-index: 999999999999;
        border-left: 1px solid #595959;
        -webkit-animation-name: slideOutRightNew;
        animation-name: slideOutRightNew;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        overflow-y: auto
    }

    body.show-filters-menu .filters_list {
        display: block;
        -webkit-animation-name: slideInRightNew;
        animation-name: slideInRightNew;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .filters_list .filters_toggle {
        display: inline-block;
        vertical-align: top;
        width: 48px;
        height: 48px;
        text-align: center;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0
    }

    .filters_list .filters_toggle a.meanmenu-reveal {
        padding: 16px 13px
    }

    .filters_list .filters_toggle img {
        display: block;
        margin: 16px auto
    }

    body.show-filters-menu:after {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 999;
        background-color: rgba(0, 0, 0, .3);
        content: " "
    }

    .filters_list .opener-title {
        display: block;
        font-size: 18px;
        text-align: center;
        margin: 42px
    }

    .category_info .title {
        padding: 25px 0
    }

    .list_params .order {
        clear: both;
        margin-top: 15px
    }

    .search-page .list_params .search_display {
        margin-right: 20px
    }

    .show-filters {
        display: inline-block
    }
}

@media screen and (max-width: 768px) {
    .categories-grid {
        margin: 15px -15px 0;
        border-left: 0;
        grid-template-columns:repeat(4, 1fr)
    }

    .categories-grid__category {
        padding: 15px
    }
}

@media screen and (max-width: 767px) {
    .index_phone {
        display: block
    }
}

@-webkit-keyframes slideInLeftNew {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeftNew {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutLeftNew {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeftNew {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slideInRightNew {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRightNew {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutRightNew {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRightNew {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media screen and (max-width: 768px) {
    #header .header_tabs {
        left: 0;
        z-index: 999;
        top: 91px
    }

    #header .header_tabs .tabs {
        display: none !important
    }

    #header .header_tabs .menu_toggle {
        display: inline-block
    }

    #header .header_tabs .menu_toggle a.meanmenu-reveal {
        padding: 16px 13px
    }

    #header .header_tabs .menu_toggle.mobile {
        display: none
    }

    #header .header_tabs.disable_animation .menu-opener {
        display: none;
        animation-duration: 0s !important;
        -webkit-animation-duration: .01ms !important
    }

    body.show_menu #header .header_tabs .menu_toggle {
        display: none
    }

    body.show_menu #header .header_tabs .menu_toggle.mobile {
        display: inline-block
    }

    body.show_menu {
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%
    }

    body.show_menu:after {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 998;
        background-color: rgba(0, 0, 0, .3);
        content: " "
    }

    body #header .header_tabs .menu-opener {
        box-sizing: border-box;
        padding-top: 72px;
        width: 80%;
        max-width: 300px;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 999999999999;
        border-right: 1px solid #595959;
        -webkit-animation-name: slideOutLeftNew;
        animation-name: slideOutLeftNew;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    body.show_menu #header .header_tabs .menu-opener {
        -webkit-animation-name: slideInLeftNew;
        animation-name: slideInLeftNew;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    body.show_menu #header .header_tabs .tabs {
        overflow-y: auto;
        width: 100%;
        height: 100%;
        padding-bottom: 50px;
        position: relative;
        box-sizing: border-box;
        border-top: 1px solid #595959
    }

    body.show_menu #header .header_tabs .menu_toggle {
        top: 0;
        right: 0;
        position: absolute
    }

    body.show_menu .header_tabs .tab {
        text-align: left;
        border: none;
        display: block;
        float: none;
        font-size: 14px;
        padding-right: 0 !important;
        background-color: transparent;
        border-bottom: 1px solid #595959;
        padding-left: 0;
        padding-right: 0;
        font-weight: 700;
        height: auto
    }

    body.show_menu .header_tabs .tab.with_submenu {
        height: auto
    }

    body.show_menu .header_tabs .tab.with_submenu .toggler {
        cursor: pointer;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 48px;
        width: 48px;
        display: block;
        z-index: 3
    }

    body.show_menu .header_tabs .tab.with_submenu:before {
        cursor: pointer;
        content: " ";
        position: absolute;
        right: 18px;
        top: 23px;
        height: 2px;
        width: 12px;
        border-radius: 2px;
        background-color: #000;
        display: block
    }

    body.show_menu .header_tabs .tab.with_submenu span:before {
        cursor: pointer;
        content: " ";
        position: absolute;
        right: 23px;
        top: 18px;
        height: 12px;
        width: 2px;
        border-radius: 2px;
        background-color: #000;
        display: block
    }

    body.show_menu .header_tabs .tab.selected.with_submenu span:before {
        display: none
    }

    body.show_menu .header_tabs .tab span {
        height: 48px;
        line-height: 48px;
        display: block
    }

    body.show_menu .header_tabs .tab.with_submenu.selected {
        border-bottom: none
    }

    body.show_menu .header_tabs .tab.selected, body.show_menu .header_tabs .tab:hover {
        color: #f20000
    }

    body.show_menu .header_tabs .tab span:hover, body.show_menu .header_tabs .tab.selected span {
        color: #f20000
    }

    body.show_menu .header_tabs .submenu .tab.selected, body.show_menu .header_tabs .submenu .tab:hover {
        color: #f20000
    }

    body.show_menu .header_tabs .tab:after {
        display: none
    }

    body.show_menu .header_tabs a {
        display: block
    }

    body.show_menu .header_tabs .tab.with_submenu > a {
        height: 48px
    }

    body.show_menu .header_tabs .submenu {
        position: static;
        background-color: transparent;
        border: none;
        padding: 0
    }

    body.show_menu .header_tabs .submenu-items {
        display: block
    }

    body.show_menu .header_tabs .submenu img {
        display: none
    }

    body.show_menu .header_tabs .tab.with_submenu.hover .submenu:not(.sub_items) {
        display: block
    }

    body.show_menu .header_tabs .submenu:after {
        display: none
    }

    body.show_menu .header_tabs .submenu .tab {
        font-size: 13px;
        color: #000;
        line-height: 48px;
        height: 48px;
        margin: 0;
        background-color: #ececec;
        padding-left: 40px;
        padding-right: 20px;
        text-transform: uppercase;
        border-bottom-color: #cdcdcd
    }

    body.show_menu .header_tabs .submenu .tab:first-child {
        border-top: 1px solid #cdcdcd
    }

    body.show_menu .header_tabs .sub_items {
        position: static;
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: -15px;
        background-color: transparent;
        border: none
    }

    body.show_menu .header_tabs .tab.with_submenu .subtab.hover .sub_items {
        display: block
    }

    body.show_menu .header_tabs .sub_items:after {
        display: none
    }

    body.show_menu .header_tabs .sub_items .tab {
        font-size: 11px;
        font-size: 11px;
        color: #fff;
        border: none !important;
        margin-left: -40px;
        padding-left: 60px
    }

    .header_tabs .tab.with_submenu:hover .submenu:not(.sub_items), body.show_menu .header_tabs .tab.with_submenu.hover .submenu:not(.sub_items) {
        display: none
    }

    body.show_menu .header_tabs .submenu .submenu-items + .submenu-items {
        margin-left: 0;
        margin-top: -1px
    }

    body.show_menu .header_tabs .submenu .submenu-items .submenu-title {
        padding-bottom: 0
    }

    body.show_menu .header_tabs .submenu .submenu-second .tab {
        padding-left: 60px
    }

    body.show_menu .header_tabs .submenu .submenu-second .tab:first-child {
        border-top: 0
    }

    .categories {
        text-align: center
    }

    .categories .category {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .categories .category:nth-child(2n+1) {
        margin-left: 0
    }

    .categories .category:last-child {
        display: inline-block
    }

    .categories .category:first-child {
        width: 49%
    }

    .categories .category .title {
        text-align: center
    }

    .categories .category .title span {
        font-size: 16px
    }

    #item_info .images {
        width: 100%;
        min-height: 340px
    }

    #item_info .images .view_image img {
        width: 100%;
        height: 100%;
        max-width: 660px;
        max-height: 600px
    }

    #item_info .images .list img {
        width: 70px;
        height: 70px
    }

    #item_info .info {
        width: 100%
    }

    .mainpage_map .textblock {
        width: 100%;
        padding: 0
    }

    .mainpage_map .textblock h1 {
        text-align: center;
        margin-top: -1px
    }

    .mainpage_map #map_canvas {
        width: 100%
    }

    .index-page {
        padding-bottom: 15px
    }

    .footer .column.shops {
        margin-top: 0
    }

    .footer .column.logo {
        float: none
    }

    .footer .column.navs {
        float: none;
        display: block;
        margin-left: 48px;
        margin-right: 0;
        margin-bottom: 65px
    }

    .footer .column.navs .nav {
        width: 50%;
        margin-left: 0;
        margin-right: 0
    }

    .similar_items .item {
        width: 25.33%;
        margin: 0 4% 20px 4%
    }
}

@media screen and (max-width: 740px) {
    #header .facebook {
        position: absolute;
        top: 90px;
        margin-top: 8px;
        right: 0;
        margin-right: 15px
    }

    #header .facebook img {
        height: 38px;
        width: 112px
    }

    #header .facebook img.fancurier_img {
        height: 30px;
        width: 40px
    }
}

@media screen and (max-width: 650px) {
    #item_info .technologies {
        left: 0
    }

    body .ui-tooltip.ui-widget-content:after {
        content: "ⓧ";
        font-size: 20px;
        position: absolute;
        top: 1px;
        right: 6px
    }

    #header .line.first .search_form {
        position: absolute;
        top: 91px;
        margin-top: 8px;
        right: 15px
    }

    #header .facebook {
        position: absolute;
        top: 92px;
        margin-top: 8px;
        right: 185px;
        margin-right: 0
    }

    #header .facebook img {
        height: 30px;
        width: 88px
    }

    #header .facebook img.fancurier_img {
        height: 30px;
        width: 40px
    }

    .categories .category .title span {
        font-size: 15px
    }

    .top_products {
        text-align: center
    }

    .top_products .title {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
        margin-bottom: 30px
    }

    .top_products .news-item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 30px
    }

    .top_products .news-item:nth-child(2n) {
        margin-left: 0
    }

    .top_products .news-item:last-child {
        display: inline-block;
        margin-left: 0;
        margin-bottom: 0
    }

    .news_block .news-item {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .news_block .news-item:nth-child(2n+1) {
        margin-left: 0
    }

    .news_block .news-item:last-child {
        display: inline-block
    }

    .news_block .news-item:first-child {
        width: 49%
    }

    .category_info .title {
        font-size: 36px
    }

    .category_info .description {
        font-size: .84em
    }

    .items_container .container {
        width: 50%
    }

    #item_info .images {
        padding: 0
    }

    #item_info .images .list {
        width: 100%;
        position: static;
        text-align: center;
        margin: 10px 0 40px 0
    }

    #item_info .images .list img {
        display: inline-block;
        margin: 0 5px 5px 5px
    }

    .contacts-page .title {
        text-align: center;
        line-height: 42px
    }

    .contacts-page .shops .shop {
        width: 50%;
        margin-bottom: 40px
    }

    .contacts-page .shops .shop:nth-child(2n+1) {
        clear: left
    }

    .contacts-page #map_canvas {
        height: 300px
    }

    .list_params .onPage {
        float: right
    }
}

@media screen and (max-width: 550px) {
    .categories .category .title span {
        font-size: 14px
    }

    .similar_items .item {
        width: 36%;
        margin: 0 7% 20px 7%
    }

    .style {
        display: block
    }

    .style__info {
        margin-bottom: 15px;
        width: auto
    }

    .style__items {
        margin-left: 0;
        overflow: auto
    }

    .style__items .product {
        width: 50%;
        min-width: 160px;
        max-width: 200px;
        box-sizing: border-box
    }
}

@media screen and (max-width: 500px) {
    .categories .category .title span {
        font-size: 13px
    }
}

@media screen and (max-width: 450px) {
    #header .facebook {
        top: 92px;
        right: 200px
    }

    #header .facebook img {
        height: 30px;
        width: 88px
    }

    #header .facebook img.fancurier_img {
        height: 30px;
        width: 40px
    }

    #header .search_form .search_input {
        width: 100px
    }

    #header .language_desktop {
        position: absolute;
        top: 0;
        right: 15px;
        margin-left: 0
    }

    .categories .category .title {
        margin-top: 10px
    }

    .categories .category .title span {
        font-size: 12px
    }

    .categories-grid {
        margin-top: 15px;
        grid-template-columns:repeat(3, 1fr)
    }

    .categories-grid__category {
        padding: 10px
    }

    .categories-grid__category__title {
        margin-top: 10px
    }

    .top_products {
        text-align: center
    }

    .top_products .title {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
        margin-bottom: 30px
    }

    .top_products .news-item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px
    }

    .news_block .news-item {
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .news_block .news-item:last-child {
        display: inline-block
    }

    .news_block .news-item:first-child {
        width: 100%
    }

    .category_info .title {
        font-size: 30px;
        text-align: center
    }

    .products-page .items_container {
        margin: 0 -15px
    }

    .items_container .container:nth-child(5n) {
        padding-right: 10px
    }

    .items_container .product .color {
        padding-right: 0
    }

    .items_container .product img {
        width: 100%;
        height: auto
    }

    .items_container .product .old_price {
        font-size: 11px;
        margin-left: 5px
    }

    .contacts-page .shops .shop {
        width: 100%;
        max-width: 255px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none
    }

    .contacts-page #map_canvas {
        height: 200px
    }

    .footer .column.logo {
        text-align: center;
        width: 100%;
        padding-left: 0;
        margin-bottom: 65px
    }

    .footer .column.logo a {
        margin: 0 auto
    }

    .footer .column.navs {
        margin-left: 30px;
        margin-right: 30px
    }

    .footer .column.navs .nav {
        width: 100%;
        padding-left: 16px;
        box-sizing: border-box
    }

    .footer .column.navs .nav.first {
        margin-bottom: 40px
    }

    .footer .column.shops {
        margin-left: 30px;
        margin-right: 30px
    }

    .similar_items .item {
        width: 46%;
        margin: 0 2% 20px 2%
    }
}

@media screen and (max-width: 370px) {
    .items_container .product .flags {
        right: 0;
        padding-left: 10px
    }

    .items_container .product .flag {
        width: 40px;
        line-height: 40px;
        font-size: 14px
    }

    #items .technologies .technology .item {
        display: none
    }

    #items .technologies .technology .technology-mobile {
        height: 32px;
        width: auto;
        display: block
    }

    #item_info .technologies .technology img {
        height: 50px
    }
}

@media screen and (max-width: 370px) {
    .list_params .order {
        margin-left: 0
    }

    .list_params .onPage, .list_params .order {
        float: left
    }

    .list_params .onPage label, .list_params .order label {
        display: block
    }
}

@media screen and (max-width: 340px) {
    #header .facebook {
        top: 92px;
        width: 30px;
        height: 30px
    }

    #header .facebook .img_small {
        display: block
    }

    #header .facebook img { /*display:none*/
    }

    .categories-grid {
        margin-top: 15px;
        grid-template-columns:repeat(2, 1fr)
    }

    .categories-grid__category {
        padding: 10px
    }

    .categories-grid__category__title {
        margin-top: 10px
    }
}

@media screen and (max-width: 340px) {
    .list_params .items_count {
        font-size: 12px
    }
}

/*! jQuery UI - v1.11.4 - 2015-05-21
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, autocomplete.css, button.css, datepicker.css, menu.css, progressbar.css, slider.css, spinner.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 1px;
    border-radius: 0;
    font-size: 13px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #c77405
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #eb8f00
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 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
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        -ms-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        -ms-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        -ms-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) 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 {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(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: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-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: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.cloud-zoom-lens {
    margin: -4px;
    background-color: #fff;
    cursor: move
}

.cloud-zoom-title {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 10px;
    top: 0
}

.cloud-zoom-big {
    overflow: hidden
}

.cloud-zoom-loading {
    color: #fff;
    background: #222;
    padding: 3px;
    border: 1px solid #000
}

#item_info .images .flags {
    z-index: 3;
}

.similar_items.v2 {
    margin-bottom: 30px;
}

.similar_items .item.v2 {
    width: 100%;
}

.container.v2 {
    width: 100%;
}

#item_info .technologies {
    top: 0;
    padding-top: 0;
}

/* .technologies_second{
    padding-top: 20px;
} */
.technologies_second .technology {
    display: inline-block;
}

.items_container .product .color {
    width: 50px;
    height: 65px;
}

.items_container .product .colors {
    height: 65px;
}

.items_container .product .color img {
    margin-left: 0px;
    margin-top: 0px;
}

@media (max-width: 768px) {
    .items_container .product {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 360px) {
    .items_container .product .colors {
        margin-left: -10px;
    }
}